@charset "utf-8";
@import url("font-awesome.min.css");
/* some section may didnt used based on project

1.  General
2.  Header
2.1   Menu
2.2   Slider
3.  HomePage
4.  Main
4.1 Side Naigation
5.  Internal Page
6.  Contact Page
7.  News Page
8.  Prouduct Page
9.  Register and Login
10. Footer

/*-----------------------------------------------------------------------------------*/
/*	General
/*-----------------------------------------------------------------------------------*/

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

body {
    /* background:url(images/bg.jpg); */
    font: 12px/20px Tahoma, Geneva, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    direction: rtl;
    text-align: right;
}

.all-wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.bgcolor1 {
    background-color: #eee;
    float: left;
    width: 100%;
}

.bgcolor2 {
    float: left;
    overflow: hidden;
    width: 100%;
    background-color: #ba0303;
}

.internalpage {
    float: left;
    width: 100%;
    background-color: #eee;
    padding: 0 0 60px;
}

.overflow {
    overflow: hidden;
}

.skin-color {
    color: #276e3d;
}

.blue {
    color: #0a61b4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* margin-bottom: 20px; */
    color: #666;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        /* margin-bottom: 20px; */
        color: #666;
    }

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 15px;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

p {
    /*margin-bottom: 24px;*/
}

input[type="text"],
input[type="submit"],
input[type="password"],
textarea {
    /* height: 30px; */
    padding: 0 3px;
    line-height: 30px;
    border: 1px solid #cbcfd1;
}

input[type="button"],
input[type="submit"] {
    border: none;
    /* min-width: 100px; */
    text-align: center;
    /* font-size:1.1em; */
}

textarea {
    min-height: 120px;
    line-height: 18px;
}

.space0,
.space5,
.space10,
.space15,
.space20,
.space25,
.space30,
.space35,
.space40,
.space45,
.space50,
.space55,
.space60,
.space65,
.space70,
.space75,
.space80,
.space85,
.space90,
.space95,
.space100 {
    float: left;
    width: 100%;
}

.space0 {
    height: 0;
}

.space5 {
    height: 5px;
}

.space10 {
    height: 10px;
}

.space15 {
    height: 15px;
}

.space20 {
    height: 20px;
}

.space25 {
    height: 25px;
}

.space30 {
    height: 30px;
}

.space35 {
    height: 35px;
}

.space40 {
    height: 40px;
}

.space45 {
    height: 45px;
}

.space50 {
    height: 50px;
}

.space55 {
    height: 55px;
}

.space60 {
    height: 60px;
}

.space65 {
    height: 65px;
}

.space70 {
    height: 70px;
}

.space75 {
    height: 75px;
}

.space80 {
    height: 80px;
}

.space85 {
    height: 85px;
}

.space90 {
    height: 90px;
}

.space95 {
    height: 95px;
}

.space100 {
    height: 100px;
}

.mb0 {
    margin-bottom: 0 !important;
}

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

.ml0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.font8 {
    font-size: 8px;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font30 {
    font-size: 30px;
    line-height: 36px;
}

.font36 {
    font-size: 36px;
}

.font48 {
    font-size: 48px;
}

.font60 {
    font-size: 60px;
}

.font72 {
    font-size: 72px;
}

.font100 {
    font-size: 100px;
}

.fontlight {
    font-weight: 300;
}

.fontbold {
    font-weight: 700;
}

.fontblack {
    font-weight: 900;
}

.block {
    display: block;
}

.inlineblock {
    display: inline-block;
}

.hide,
.display-none {
    display: none;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.social-icon {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .social-icon span:before {
        display: block;
        font-family: "icomoon";
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }

    .social-icon.delicious span:before {
        content: "\e90f";
    }

    .social-icon.deviantart span:before {
        content: "\e8f5";
    }

    .social-icon.digg span:before {
        content: "\eac7";
    }

    .social-icon.facebook span:before {
        content: "\e7a1";
    }

    .social-icon.flickr span:before {
        content: "\e8ea";
    }

    .social-icon.google span:before {
        content: "\e8d9";
    }

    .social-icon.instagram span:before {
        content: "\e8df";
    }

    .social-icon.lastfm span:before {
        content: "\e90d";
    }

    .social-icon.linkedin span:before {
        content: "\e6c6";
    }

    .social-icon.myspace span:before {
        content: "\eac8";
    }

    .social-icon.picasa span:before {
        content: "\eac1";
    }

    .social-icon.pinterest span:before {
        content: "\e6b8";
    }

    .social-icon.rss span:before {
        content: "\e694";
    }

    .social-icon.stumbleupon span:before {
        content: "\eaae";
    }

    .social-icon.tumblr span:before {
        content: "\e901";
    }

    .social-icon.twitter span:before {
        content: "\e8e0";
    }

    .social-icon.vimeo span:before {
        content: "\e8e8";
    }

    .social-icon.youtube span:before {
        content: "\e744";
    }




/*-----------------------------------------------------------------------------------*/
/*	Core Owl Carousel v1.3.3
/*-----------------------------------------------------------------------------------*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
        direction: ltr;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
/***********************/
/*-----------------------------------------------------------------------------------*/
/*	News
/*-----------------------------------------------------------------------------------*/
.news-wrapper .itemNews {
    margin-bottom: 15px;
    font-family: "B Yekan";
}

    .news-wrapper .itemNews .content {
        border: 1px solid #eee;
        padding: 15px 0px;
    }

    .news-wrapper .itemNews:nth-child(2n) .content {
        background-color: #f8f8f8;
    }

    .news-wrapper .itemNews .content .imgnews img {
        max-width: 100%;
    }

    .news-wrapper .itemNews .content .imgnews a {
        border: 1px solid #d4d2d2;
        display: block;
        padding: 1px;
    }

    .news-wrapper .itemNews .content .det-news h4 {
        margin: 0 0 6px;
        color: #808182;
    }

        .news-wrapper .itemNews .content .det-news h4 a {
            color: #0813a8;
        }

            .news-wrapper .itemNews .content .det-news h4 a:hover {
                color: #fa920a;
            }

    .news-wrapper .itemNews .content .det-news p {
        text-align: justify;
        line-height: 26px;
    }

    .news-wrapper .itemNews .content .det-news .dateadd {
        color: #b8b8b8;
        float: right;
        font-size: 11px;
    }

.news-wrapper .continue {
    color: #c02227;
    float: left;
    padding-right: 16px;
    position: relative;
}

    .news-wrapper .continue:hover {
        margin-left: 5px;
        color: #c02227;
    }

    .news-wrapper .continue:before {
        content: "\e6e3";
        position: absolute;
        top: 0px;
        right: 5px;
        font-family: "icomoon";
    }

#news-detail {
    font-family: 'B Yekan';
}

    #news-detail > h1 {
        margin-bottom: 20px;
    }

    #news-detail > h2 {
        color: #0813a8;
        margin-bottom: 20px;
    }

    #news-detail .count-time {
        color: #777;
        font-size: 11px;
        margin-bottom: 20px;
    }

        #news-detail .count-time .hitcount:before {
            content: "\e667";
            font-family: 'icomoon';
            float: right;
            margin-left: 4px;
        }

        #news-detail .count-time .dateadd:before {
            content: "\e9a6";
            font-family: 'icomoon';
            float: right;
            margin-left: 4px;
        }

        #news-detail .count-time span {
            display: inline-block;
        }

    #news-detail .textsummer {
        background-color: #f5f5f5;
        color: #666666;
        line-height: 23px;
        padding: 13px 24px;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 25px;
    }

    #news-detail .imgnews {
        border: 1px solid #ccc;
        float: right;
        margin: 11px 0 8px 23px;
        max-width: 50%;
        padding: 2px;
    }

    #news-detail .text-news, #news-detail .text-news *, .text-news, .text-news * {
        color: #333;
        font-family: b yekan;
        font-size: 13px;
        line-height: 28px;
        text-align: justify;
    }

        .text-news img {
            margin: 0 auto;
        }

#AllNews {
    float: left;
    margin: -5px 0 30px;
}

    #AllNews:hover {
        color: #fa920a;
        margin-left: 10px;
    }
/**********/
.news-wrapper .itemNews .content {
    background: none !important;
    font-size: 0.9em;
    border: 0px;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

    .news-wrapper .itemNews .content .name {
        display: block;
        float: right;
        margin-bottom: 10px;
        color: #c02227;
    }

    .news-wrapper .itemNews .content .det-news p {
        clear: both;
        color: #666;
    }

    .news-wrapper .itemNews .content .det-news .dateadd {
        color: #9d9d9d;
    }

.news-wrapper .continue {
    color: #c02227;
    font-size: 0.95em;
}

.news-wrapper .itemNews .content .imgnews a {
    padding: 0px;
    border: 0px;
}

.news-wrapper .content > div {
    margin-bottom: 0px;
}

#news-detail .textsummer {
    font-size: 0.8em;
}

#news-detail .imgnews {
    border: 0px;
    padding: 0px;
    margin: 8px 0 8px 23px;
}
/**************************/
/*-----------------------------------------------------------------------------------*/
/*	Article
/*-----------------------------------------------------------------------------------*/

.article-wrapper {
}

    .article-wrapper figure {
        /*position: absolute;
	top: 0;
	right: 0;
	width: 130px;
	height: 120px;*/
    }

        .article-wrapper figure img {
            width: 100%;
        }

    .article-wrapper .content {
        position: relative;
        /*float: left;*/
        /*width: 100%;*/
        min-height: 140px;
        padding: 0 145px 15px 0;
        margin-bottom: 20px;
        text-align: justify;
        border-bottom: 1px solid #d1d1d1;
    }

    .article-wrapper .item:last-child .content {
        border-bottom: none;
        margin-bottom: 0;
    }

    .article-wrapper .content > div {
        margin-bottom: 15px;
    }

    .article-wrapper h2 {
        margin-top: 0;
        margin-bottom: 10px;
    }

        .article-wrapper h2 a {
            color: #666600;
            -webkit-transition: all .5s;
            transition: all .5s;
            font-size: 14px;
        }

            .article-wrapper h2 a:hover {
                color: #D67900;
            }

    .article-wrapper .continue {
        position: relative;
        display: block;
        float: left;
        padding: 0 20px 0 0;
        color: #666600;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

        .article-wrapper .continue:hover {
            color: #D67900;
        }

        .article-wrapper .continue:before {
            content: "\e6e3";
            position: absolute;
            top: 2px;
            right: 5px;
            font-family: "icomoon";
        }

.article-single * {
    text-align: justify !important;
}

.article-single img {
    margin: 0 auto;
    margin-bottom: 30px;
}

.article-single h1 {
    font-size: 16px;
    color: #16c1f3;
}




/*-----------------------------------------------------------------------------------*/
/*	Form
/*-----------------------------------------------------------------------------------*/

.hb-form label {
    display: block;
    margin: 10px 0 5px;
}

.hb-form input[type="password"],
.hb-form input[type="text"],
.hb-form input[type="file"],
.hb-form select {
    width: 33.33333333%;
}

.hb-form textarea {
    width: 50%;
}

.hb-form input[type="submit"] {
    min-width: 100px;
    margin: 20px 0 40px;
    text-align: center;
}

.hb-form #Attempt.input-validation-error {
    margin: 10px 0 0;
}

.form-control {
    */padding: 15px 30px;
    */
}

.RadioButton {
    display: block;
    float: right;
    width: 100%;
}

    .RadioButton input[type="radio"] {
        float: right;
        margin-top: 5px;
    }

    .RadioButton label {
        float: right;
        margin: 0 10px 0 10px;
    }

input[type="checkbox"] {
    float: right;
    margin-top: 15px;
    margin-left: 10px;
}

.CheckList input[type="checkbox"] {
    margin-top: 5px;
}

.capcha #char-above {
    float: right;
    display: block;
    width: 100%;
}




/*-----------------------------------------------------------------------------------*/
/*	FAQ
/*-----------------------------------------------------------------------------------*/

.question-item .question {
    position: relative;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0 20px 0 0;
}

    .question-item .question:before {
        content: "\e653";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px;
        font-family: "icomoon";
        font-size: 18px;
    }

.question-item .reply {
}




/*-----------------------------------------------------------------------------------*/
/*	Tag
/*-----------------------------------------------------------------------------------*/

.tag-result .group-title {
    display: block;
    margin-bottom: 10px;
}

.tag-result .items > div {
    float: right;
}

.tag-result .items .title {
    font-size: 14px;
    margin: 10px 0;
}

.tag-result .cms-tags a {
    display: block;
    position: relative;
    float: right;
    padding: 5px 35px 5px 10px;
    margin: 0 0 0 10px;
    background-color: #f0f0f0;
}

    .tag-result .cms-tags a:before {
        content: "\e627";
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -9px;
        font-family: "icomoon";
        font-size: 16px;
    }



/*-----------------------------------------------------------------------------------*/
/*	paganation
/*-----------------------------------------------------------------------------------*/

.nav {
    display: block;
    float: right;
}

.pager-div {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

    .pager-div > div {
        display: inline-block;
    }

    .pager-div a,
    .pager-div .current {
        display: block;
        float: right;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all .5s;
        transition: all .5s;
        cursor: pointer;
    }

    .pager-div > div > a,
    .pager-div .current {
        background-color: #fff;
        margin: 1px 2px 0;
        font-size: 10px;
        font-family: Tahoma;
        color: #000;
        padding: 3px 6px;
        line-height: 14px;
        border: 1px solid #ddd;
    }

        .pager-div .current, .pager-div .current:hover {
            color: #333;
            background-color: #ff8827;
            cursor: default;
            color: #fff;
        }

        .pager-div > div > a:hover {
            color: #333;
            background-color: #ddd;
        }

    .pager-div .next,
    .pager-div .last,
    .pager-div .pre,
    .pager-div .first {
        font-size: 0;
    }

    .pager-div .nav a .last {
        background: rgba(0, 0, 0, 0) url("images/pager.png") no-repeat scroll 5px 5px;
        display: block;
        height: 19px;
        width: 21px;
    }

    .pager-div .nav a .next {
        background: rgba(0, 0, 0, 0) url("images/pager.png") no-repeat scroll -27px 5px;
        display: block;
        height: 19px;
        width: 21px;
    }

    .pager-div a[disabled="disabled"] .first, .pager-div a[disabled="disabled"] .first:hover, .pager-div a[disabled="disabled"] .first:focus {
        background-position: -102px -33px;
        cursor: default;
    }

    .pager-div a[disabled="disabled"] .pre, .pager-div a[disabled="disabled"] .pre:hover, .pager-div a[disabled="disabled"] .pre:focus {
        background-position: -77px -33px;
        cursor: default;
    }

    .pager-div .nav a .pre {
        background: rgba(0, 0, 0, 0) url("images/pager.png") no-repeat scroll -77px 5px;
        display: block;
        height: 19px;
        width: 21px;
    }

    .pager-div .nav a .first {
        background: rgba(0, 0, 0, 0) url("images/pager.png") no-repeat scroll -102px 5px;
        display: block;
        height: 19px;
        width: 21px;
    }

        .pager-div .nav a .first:hover {
            background-position: -102px -16px;
        }

    .pager-div .nav a .pre:hover {
        background-position: -77px -16px;
    }

    .pager-div .nav a .last:hover {
        background-position: 5px -16px;
    }

    .pager-div .nav a .next:hover {
        background-position: -27px -16px;
    }

    .pager-div .nav a {
        font-size: 0px;
        border: 0px;
    }
/*-----------------------------------------------------------------------------------*/
/*	Prettyphoto
/*-----------------------------------------------------------------------------------*/

div.facebook .pp_description {
    margin: 0 0 0 37px;
    color: #000;
    padding: 10px 0;
    font-size: 18px;
    font-family: "Droid Arabic Kufi";
    text-align: right;
}

a.pp_close {
    position: absolute;
    right: auto;
    left: 0;
    /*top: 9px;*/
    display: block;
    line-height: 22px;
    font-size: 0;
}

.pp_pic_holder a {
    font-size: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	Search
/*-----------------------------------------------------------------------------------*/

.search-result .item {
    position: relative;
    min-height: 135px;
    padding: 20px 175px 20px 20px;
    margin-bottom: 20px;
    background-color: rgba(0,0,0,.2);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.search-result:hover .item {
    opacity: .3;
}

    .search-result:hover .item:hover {
        opacity: 1;
    }

.search-result .item a {
    padding: 0 15px;
}

.search-result .item img {
    position: absolute;
    right: 33px;
    top: 20px;
    width: 140px;
    height: 95px;
}

.search-result .item p {
    padding: 0 15px;
}



/*-----------------------------------------------------------------------------------*/
/*	Gallery picture/video
/*-----------------------------------------------------------------------------------*/

#gallery .galleryItem, #gallery-video .gallery-videoItem {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 28px;
    padding: 4px;
    text-align: center;
}

    #gallery .galleryItem .example-image-link, #gallery-video .gallery-videoItem .video-link {
        display: block;
        overflow: hidden;
        position: relative;
    }

        #gallery .galleryItem .example-image-link img, #gallery-video .gallery-videoItem .video-link img {
            max-width: 100%;
        }

    #gallery .galleryItem .caption, #gallery-video .gallery-videoItem .caption {
        background: #000;
        background-color: rgba(0, 0, 0, 0.7);
        bottom: 0;
        color: #fff;
        display: block;
        height: 39px;
        line-height: 36px;
        left: 0;
        overflow: hidden;
        padding: 0px 7px;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    #gallery .galleryItem:hover .caption, #gallery-video .gallery-videoItem:hover .caption {
        bottom: -35px;
    }

    #gallery .galleryItem .zoom, #gallery-video .gallery-videoItem .zoom {
        left: 50%;
        margin-left: -23px;
        margin-top: -23px;
        position: absolute;
        top: -20%;
        color: #fff;
        font-size: 55px;
    }

    #gallery .galleryItem:hover .zoom, #gallery-video .gallery-videoItem:hover .zoom {
        top: 50%;
    }

#example_video_1 {
    max-width: 100%;
    margin: 0 auto;
}

#detail-video > h2 {
    margin-top: 0px;
}

#detail-video .text-video {
    margin-top: 15px;
}

    #detail-video .text-video, #detail-video .text-video * {
        line-height: 25px;
        text-align: justify;
    }


/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/

.link-gallery a {
    position: relative;
    display: block;
    padding: 10px;
    margin: 0 0 30px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

    .link-gallery a:before {
        content: "\e775";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -8px;
        color: #202020;
        font-family: "icomoon";
        font-size: 16px;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .link-gallery a:hover:before {
        opacity: 1;
    }

    .link-gallery a:hover {
        color: #f0f0f0;
        border-color: #202020;
    }

    .link-gallery a span {
        display: block;
        width: 100%;
        text-align: left;
    }




/*-----------------------------------------------------------------------------------*/
/*	Downloads
/*-----------------------------------------------------------------------------------*/

.download-gallery > div {
    position: relative;
    padding: 20px;
    margin: 0 0 30px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.download-gallery h3:before {
    content: "";
    display: block;
    position: absolute;
    top: 10%;
    right: 0;
    width: 5px;
    height: 80%;
    background-color: #ebebeb;
}

.download-gallery > div:hover h3:before {
    background-color: #202020;
}

.download-gallery > div:hover {
    background-color: #fcfcfc;
    border-color: #202020;
}

.download-gallery h3 {
    margin: 0 0 5px;
}

.download-gallery span {
    display: block;
}

.download-gallery a {
    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100px;
    margin: 0 0 10px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    background-color: #ebebeb;
    border-radius: 0 3px 3px 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.download-gallery > div:hover a {
    color: #fff;
    background-color: #202020;
}

.download-gallery a:before {
    content: "\e7d7";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    font-family: "icomoon";
    font-size: 16px;
}




/*-----------------------------------------------------------------------------------*/
/*	Register and Login and Forgot password
/*-----------------------------------------------------------------------------------*/


/* Register
---------------------------------------- */

/*.register input[type="submit"] {
	min-width: 80px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 700;
}
.register label {
	display: inline-block;
	float: right;
	width: 150px;
	vertical-align: top;
	padding-top: 2px;
	padding-left: 20px;
	text-align: left;
	font-family: "fontsite";
	font-weight: 400;
}
.register .form-group {
	margin-bottom: 10px;
}*/

/* Login
---------------------------------------- */

.sign-in-wrapper {
    margin-top: 35px;
    margin-bottom: 35px;
    padding: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

    .sign-in-wrapper input[type="text"],
    .sign-in-wrapper input[type="password"] {
        width: 100%;
    }

    .sign-in-wrapper input[type="submit"] {
        min-width: 100px;
        text-align: center;
        cursor: pointer;
    }

    .sign-in-wrapper label {
        display: block;
        float: right;
        width: 100%;
        padding-top: 5px;
        font-weight: 100;
    }

    .sign-in-wrapper .form-group {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .sign-in-wrapper .links {
        margin: 0 0 15px;
        text-align: right;
    }

    .sign-in-wrapper a {
        position: relative;
        padding: 0 10px;
        color: #276e3d;
    }

        .sign-in-wrapper a:first-child:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 0;
            width: 1px;
            height: 10px;
            background-color: #202020;
        }

        .sign-in-wrapper a:hover {
            color: #000;
        }

/* Forgot password
---------------------------------------- */

.forgot-password-wrapper {
    margin: 35px auto;
    padding: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

    .forgot-password-wrapper .form-group {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .forgot-password-wrapper label {
        display: block;
        float: right;
        width: 100%;
        padding-top: 5px;
        font-weight: 400;
    }

    .forgot-password-wrapper input[type="submit"] {
        min-width: 100px;
        text-align: center;
    }

    .forgot-password-wrapper .footer {
        padding: 10px 0 0;
    }




/*-----------------------------------------------------------------------------------*/
/*	Shopping version 1
/*-----------------------------------------------------------------------------------*/

#questionTabel table {
    width: 100%;
}

.InvoiceManageTable,
#questionTabel {
    border: 1px solid #732500;
    direction: rtl;
    text-align: right;
    width: 100%;
}

    .InvoiceManageTable td,
    .InvoiceManageTable th,
    #questionTabel th,
    #questionTabel td {
        border-top: 1px solid #732500;
        font-size: 11px;
        line-height: 15px;
        padding: 16px 9px;
        vertical-align: top;
        text-align: right;
    }

#questionTabel {
    margin-top: 15px;
    font-size: 12px;
}

    #questionTabel th,
    #questionTabel td {
        text-align: center;
        font-size: 12px;
    }

    .InvoiceManageTable th,
    #questionTabel th {
        background-color: #732500;
        color: #fde197;
    }

    .InvoiceManageTable td a,
    #questionTabel td a {
        color: #a70130;
    }

        #questionTabel td a.btn-brown,
        #questionTabel td a.btn-brown:hover {
            color: #fff;
        }

        .InvoiceManageTable td a:hover,
        #questionTabel td a:hover {
            color: #000;
            text-decoration: none;
        }

    .InvoiceManageTable tr,
    #questionTabel tr {
        background-color: #faeab3;
    }

        .InvoiceManageTable tr.bgcolor,
        #questionTabel tr.bgcolor {
            background-color: #fdf0c3;
        }

.page-title {
    font-size: 1.1em;
}

.answer_place .ng-scope {
    background-color: #f5f5f6;
    border: 1px solid #264182;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 15px;
    line-height: 21px;
    direction: rtl;
    text-align: right;
}

.titleFormQues {
    color: #a92e04;
    font-family: yekan;
    font-size: 16px;
}

.contentPostsForm {
    text-align: justify;
}

.datePostsForm {
    text-align: left;
    font-size: 11px;
}

.partPostsForm {
    color: #750000;
}

#questionTabel table {
    width: 100%;
}

.InvoiceManageTable,
#questionTabel {
    border: none;
    direction: rtl;
    text-align: right;
    width: 100%;
}

    .InvoiceManageTable td,
    .InvoiceManageTable th,
    #questionTabel th,
    #questionTabel td {
        border-top: 1px solid #ccc;
        line-height: 15px;
        padding: 16px 9px;
        vertical-align: top;
        text-align: right;
    }

#questionTabel {
    margin-top: 15px;
    font-size: 12px;
}

    #questionTabel th,
    #questionTabel td {
        text-align: center;
        font-size: 12px;
    }

    .InvoiceManageTable th,
    #questionTabel th {
        background-color: #C4C48F;
        color: #fff;
        font-size: 13px;
    }

    .InvoiceManageTable td a,
    #questionTabel td a {
        color: #a70130;
    }

        #questionTabel td a.btn-brown,
        #questionTabel td a.btn-brown:hover {
            color: #fff;
        }

        .InvoiceManageTable td a:hover,
        #questionTabel td a:hover {
            color: #000;
            text-decoration: none;
        }

    .InvoiceManageTable tr,
    #questionTabel tr {
        background-color: #fff;
    }

        .InvoiceManageTable tr.bgcolor,
        #questionTabel tr.bgcolor {
            background-color: #F1F1E4;
        }

#INVCONTAINERDETAIL .bold {
    font-weight: bold;
}

#bascketDetail {
    border: 1px solid #b4b6b6;
    border-radius: 15px;
}

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

#col-right,
#col-left {
    float: right;
    width: 50%;
}

#col-left {
    background: url("images/bg-4.png") no-repeat right 0px;
}

#col-right *,
#col-right {
    font-family: Tahoma;
    font-size: 12px;
    line-height: 22px;
}


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

#addtocard-light .title-b {
    color: #276e3d;
}

#num-bascket {
    position: absolute;
    top: 5px;
    left: 6px;
    width: 24px;
    height: 24px;
    padding-top: 2px;
    color: #fff;
    background-color: #4d7c0e;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
}

#backet-light {
    display: none;
    position: absolute;
    right: 0;
    top: 45px;
    width: 200px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 0 8px -2px #000;
    box-shadow: 0 0 8px -2px #000;
}

    #backet-light .empty-backet {
        clear: both;
        color: red;
        direction: rtl;
        display: block;
        padding: 15px 0;
        text-align: center;
    }

#addtocard-light .subj-bascket {
    background: none repeat scroll 0 0 #f0f0f0;
    border-top: 2px solid #999;
    color: #202020;
    float: right;
    padding: 1px 10px 6px 10px;
    width: 100%;
}

#addtocard-light .item-b.num-b,
#addtocard-light .item-b.price-b,
#addtocard-light .sep,
#addtocard-light .item-b.checkout-b {
    border-bottom: 1px dashed #ccc;
    float: right;
    padding: 8px;
    width: 100%;
}

#addtocard-light .sep {
    background-color: #000;
    display: block;
    height: 13px;
    margin: 3px 10px 0 10px;
    width: 1px
}

#addtocard-light .item-b.checkout-b {
    border: none;
    text-align: center;
}

.item-b.checkout-b .checkout-b {
    color: #276e3d;
}

    .item-b.checkout-b .checkout-b:hover {
        color: #000;
    }

/*************bascket**********/

#levelbascket {
    height: 60px;
    margin: 30px 0 55px 0;
    position: relative;
}

    #levelbascket #line {
        background-color: #b4b6b6;
        bottom: 26px;
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    #levelbascket .itemlevel {
        float: right;
        text-align: center;
        width: 25%;
        position: relative;
    }

        #levelbascket .itemlevel .bg-level {
            background-color: #f6f8f8;
            border: 1px solid #b4b6b6;
            bottom: -19px;
            clear: both;
            display: block;
            height: 12px;
            left: 50%;
            margin-left: -6px;
            position: absolute;
            width: 12px;
            border-radius: 50%;
        }

        #levelbascket .itemlevel.active .bg-level {
            background-color: #990000;
            box-shadow: 0 0 10px #990000;
        }

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

#bascketDetail,
#invoice-gift {
    position: relative;
    width: 100%;
}

#invoice-gift {
    border: 1px solid #b4b6b6;
}

#invoice-gift {
    margin-top: 20px;
    clear: both;
}

.title-bascket {
    background-color: #fff;
    color: #990000;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding: 0 11px;
    position: absolute;
    right: 23px;
    top: -12px;
}

#bascketDetail .item-bascket {
    border-bottom: 1px dashed #ac913f;
    float: right;
    padding: 20px 0;
    width: 100%;
}

    #bascketDetail .item-bascket .img-backet {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

        #bascketDetail .item-bascket .img-backet img {
            width: 100%;
        }

#bascketDetail .detail-p {
    font-size: 1.2em;
    font-weight: normal;
    margin: 10px 5px 0;
}

    #bascketDetail .detail-p.name-product {
        font-family: times new roman;
        font-size: 17px;
    }

    #bascketDetail .detail-p span {
        color: #990000;
    }

#bascketDetail .item-bascket table {
    width: 100%;
}

    #bascketDetail .item-bascket table td {
        vertical-align: middle;
    }

#bascketDetail .item-bascket .left {
    float: right;
    font-size: 12px;
    padding: 0 10px;
    width: 340px;
}

    #bascketDetail .item-bascket .left th {
        background-color: #e8eaea;
        border: 1px solid #b4b6b6;
        font-weight: normal;
        padding: 8px 10px;
        text-align: center
    }

    #bascketDetail .item-bascket .left td {
        background-color: #f6f8f8;
        border: 1px solid #b4b6b6;
        padding: 15px 10px;
        text-align: center;
    }

#bascketDetail .item-bascket .right {
    border-left: 1px dashed #b4b6b6;
    float: right;
    padding: 0 10px;
    width: 340px;
}

#bascketDetail #item_Qty {
    background-color: #fff;
    border: 1px solid #b4b6b6;
    text-align: center;
    width: 29px;
    display: inline-block;
    padding: 6px 0px;
}

#invoice-gift .m-b {
    padding: 15px;
}

#finalprice {
    float: left;
}

#invoice-gift .title-gift {
    display: inline-block;
    width: 260px;
}

#btnBasketDetail {
    clear: both;
    float: left;
    margin: 15px 0 0;
}

#finalprice td {
    background-color: #fff;
    border: 1px solid #b4b6b6;
    padding: 6px 15px;
}

.item-bascket .INVQTY a, .INVDELETE {
    cursor: pointer;
}

    .item-bascket .INVQTY a img {
        margin-top: 9px;
    }

#finalprice span {
    font-size: 1.1em;
}

#bascketDetail,
#invoice-gift {
    position: relative;
    width: 100%;
}

#invoice-gift {
    border: 1px solid #b4b6b6;
}

#invoice-gift {
    margin-top: 20px;
    clear: both;
}

.title-bascket {
    background-color: #eee;
    color: #990000;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding: 0 11px;
    position: absolute;
    right: 23px;
    top: -12px;
}

#bascketDetail .item-bascket {
    border-bottom: 1px dashed #ac913f;
    float: right;
    padding: 20px 0;
    width: 100%;
}

    #bascketDetail .item-bascket .img-backet {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

        #bascketDetail .item-bascket .img-backet img {
            width: 100%;
        }

#bascketDetail .detail-p {
    font-size: 1.1em;
    font-weight: normal;
    margin: 10px 5px 0;
}

    #bascketDetail .detail-p.name-product {
        font-family: times new roman;
        font-size: 17px;
    }

    #bascketDetail .detail-p span {
        color: #990000;
    }

#bascketDetail .item-bascket table {
    width: 100%;
}

    #bascketDetail .item-bascket table td {
        vertical-align: middle;
    }

#bascketDetail .item-bascket .left {
    float: right;
    font-size: 12px;
    padding: 0 10px;
    width: 340px;
}

    #bascketDetail .item-bascket .left th {
        background-color: #e8eaea;
        border: 1px solid #b4b6b6;
        font-size: 1.1em;
        font-weight: normal;
        padding: 8px 10px;
        text-align: center
    }

    #bascketDetail .item-bascket .left td {
        background-color: #f6f8f8;
        border: 1px solid #b4b6b6;
        padding: 15px 10px;
        text-align: center;
    }

#bascketDetail .item-bascket .right {
    border-left: 1px dashed #b4b6b6;
    float: right;
    padding: 0 10px;
    width: 340px;
}

#bascketDetail #item_Qty {
    background-color: #fff;
    border: 1px solid #b4b6b6;
    text-align: center;
    width: 29px;
    display: inline-block;
    padding: 6px 0px;
}

#invoice-gift .m-b {
    padding: 15px;
}

#finalprice {
    float: left;
}

#invoice-gift .title-gift {
    display: inline-block;
    width: 260px;
}

#btnBasketDetail {
    clear: both;
    float: left;
    margin: 15px 0 0;
}

#finalprice td {
    background-color: #fff;
    border: 1px solid #b4b6b6;
    padding: 6px 15px;
}

.item-bascket .INVQTY a,
.INVDELETE {
    cursor: pointer;
}

    .item-bascket .INVQTY a img {
        margin-top: 9px;
    }

#finalprice span {
    font-size: 1.2em;
}

/*
---------------------------------------- */

#bascketDetail > table {
    width: 100%;
}

    #bascketDetail > table th {
        background-color: #f6f8f8;
        border-left: 1px solid #b4b6b6;
        font-size: 1.2em;
        font-weight: normal;
        padding: 8px;
        vertical-align: middle;
    }

        #bascketDetail > table th.round {
            border-radius: 0 15px 0 0;
        }

        #bascketDetail > table th.round1 {
            border-radius: 15px 0 0;
            border-left: none;
        }

        #bascketDetail > table th.round-f {
            border-radius: 0 0 15px 0;
        }

    #bascketDetail > table td.round-l {
        border-radius: 0 0 0 15px;
        border-left: none;
    }

#bascketDetail .img-backet {
    float: right;
    margin-left: 5px;
    text-align: center;
    width: 110px;
}

    #bascketDetail .img-backet img {
        max-width: 110px;
    }

#bascketDetail > table td {
    border-left: 1px solid #b4b6b6;
    border-top: 1px solid #b4b6b6;
    padding: 8px;
    vertical-align: middle;
}

.INVQTY img {
    margin-top: 10px;
}

/******gift******/

.gift-item {
    float: right;
    height: 177px;
    margin: 7px 8px;
    width: 222px;
}

#giftImage > span {
    border-bottom: 1px none;
    color: #990000;
    display: block;
    font-weight: bold;
    margin: 15px;
}

#giftImage .gift-item > div {
    border: 1px solid #71ab24;
    border-radius: 10px;
    cursor: pointer;
    height: 166px;
    padding: 3px;
    position: relative;
    text-align: center;
}

    #giftImage .gift-item > div:hover,
    #giftImage .gift-item > div.active {
        background-color: #e8f9d1;
    }

    #giftImage .gift-item > div input {
        display: none;
    }

    #giftImage .gift-item > div img {
        width: 100%;
        height: 100%;
    }

    #giftImage .gift-item > div.active .check {
        display: block;
        width: 23px;
        height: 20px;
        background: url(images/check.png) no-repeat;
        position: absolute;
        bottom: 3px;
        left: 3px;
    }

/**********forms***********/

/*.form-group,
.form-skip-label,
.form-control p {
     margin-bottom: 10px;
}*/
.form-control p {
    direction: rtl;
    text-align: right;
    margin-top: 15px;
}

.form-control .form-group {
    float: right;
    clear: both;
    width: 100%;
}

.form-control input[type="text"],
.form-control input[type="password"],
.form-control textarea,
.form-control select {
    padding: 5px;
    border: 1px solid #acacac;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 12px;
    float: right;
    /*width: 170px;*/
}

.form-control select {
    width: 181px;
}

    .form-control input[type="text"]:focus,
    .form-control input[type="password"]:focus,
    .form-control textarea:focus,
    .form-control input[type="text"]:hover,
    .form-control input[type="password"]:hover,
    .form-control textarea:hover,
    .form-control select:hover,
    .form-control select:focus {
        border-color: #276e3d;
        outline: 0;
        /*box-shadow: 0 0 10px #276e3d;*/
    }

.form-control .form-group label,
.form-control .form-group .cmt-lbl {
    /*display: block;
    float: right;
    padding: 5px 0 5px 10px;
    width: 180px;
    direction: rtl;
    text-align: left;*/
}

.form-control .form-group input[type="file"] {
    direction: rtl;
    text-align: right;
    width: 180px;
    float: right;
}

.form-control .form-group #-xcaptcha-image {
    float: right;
    width: auto;
}

.form-control .form-group label.RadioButton,
.form-control .form-group label.RadioButton label,
.form-control .form-group label.CheckList,
.form-control .form-group label.CheckList label {
    width: auto;
}

.form-control .form-group label i {
    color: red;
}

.form-skip-label {
    padding-right: 110px;
}

.form-control .validation-summary-errors {
    font-weight: normal;
}

.field-validation-error {
    color: #ff6666;
    direction: rtl;
    float: right;
    margin: 4px 7px 0 0;
    text-align: right;
    width: 100%;
}

/* part1 widgets */

.item-part1 .form-control label {
    width: 80px;
}

.item-part1 .form-skip-label {
    padding-right: 92px;
}

.item-part1 .form-control input[type="text"],
.item-part1 .form-control input[type="password"],
.item-part1 .form-control select,
.item-part1 .form-control textarea {
    width: 190px
}

.item-part1 #poll p {
    margin: 4px 0 2px;
}

.item-part1 #poll .btn-cmd {
    margin-top: 15px;
}

#fish, #dvcontainCart {
    clear: both;
    float: right;
}

    #fish .items-show,
    #dvcontainCart .items-show {
        float: right;
        margin: 5px 0;
        width: 100%;
    }

#basketCustomer .form-control .form-group label {
}

#basketCustomer .form-control .form-group > span,
#dvcontainfish .lbl, #cart .lbl {
    width: 130px;
    float: right;
    text-align: right;
    direction: rtl;
    margin-top: 5px;
}

.detailproduct .title {
    width: 978px !important;
}

.detailproduct {
    width: 980px !important;
    margin-right: 0px !important;
}
/*#contentInner p {
    direction: rtl;
    text-align: right;
	padding: 0;
}*/
/*#DIVDELIVARY {
    clear: both;
    float: right;
    margin-top: 22px;
}*/
#DIVDELIVARY .Delivary {
    cursor: pointer;
}

.shipping_item {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #e0e4e8;
    border-radius: 4px;
}

#DIVDELIVARY .shipping_item.active {
    border-color: #40556a;
}

.shipping_item.active td.first {
    background-color: #c7d5e2;
    border-color: #40556a;
}

.shipping_item.active td.second,
.shipping_item.active td.last {
    background-color: #f5f8fa;
}

.shipping_item.active td.second {
    border-color: #40556a;
}

.DeliveryTemplate td {
    background-color: #f6f8f8;
    border-left: 1px solid #e0e4e8;
    text-align: center;
    vertical-align: middle;
}

    .DeliveryTemplate td.first {
        border-radius: 0 4px 4px 0;
        cursor: pointer;
    }

    .DeliveryTemplate td.second,
    .DeliveryTemplate td.last {
        background-color: #fcfcfb;
    }

    .DeliveryTemplate td img.right {
        float: right;
        margin: 16px;
    }

.DeliveryTemplate .right .title-Deliv {
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    padding-bottom: 0;
    text-align: right;
}

.DeliveryTemplate .right {
    float: right;
}

    .DeliveryTemplate .right .desc {
        font-size: 11px;
        margin-top: 6px;
    }

.DeliveryTemplate .last {
    border-radius: 4px 0 0 4px;
    border: none;
}

    .DeliveryTemplate .last p {
        margin: 2px;
        text-align: center !important;
        padding: 0;
    }

.DeliveryTemplate .red {
    color: #a92e04;
    margin-left: 2px;
}

.DeliveryTemplate .green {
    color: red;
    margin-left: 2px;
}

#ui-datepicker-div {
    right: 495px;
}

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















.ititle {
    direction: rtl;
    text-align: right;
}
/*.user-form select,
.user-form input[type="text"] {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	width: 200px;
}*/
.btn,
.btn-cmd,
/*#btnSendToBank,*/
.payment-button {
    display: inline-block;
    position: relative;
    color: #fff;
    text-align: right;
    background-color: #ff8a3a;
    line-height: 30px;
    cursor: pointer;
    padding: 2px 10px !important;
    border: none;
    border-radius: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .btn:hover,
    .btn-cmd:hover,
    /*#btnSendToBank:hover,*/
    .payment-button:hover {
        background-color: #ff8a3a;
		border-color: #ff8a3a;
        color: #fff;
    }


.payment-method {
    margin-bottom: 30px;
}

.payment-title {
    display: block;
    margin-right: 10px;
}

.payment-description {
    display: block;
}


#DivBank {
    overflow: hidden;
}

    #DivBank label {
        display: block;
        margin: 0 0 10px;
    }

    #DivBank input[type="radio"] {
        float: right;
        margin: 30px 0 0 10px;
    }

    #DivBank .bank-item {
        display: inline-block;
        float: right;
        margin: 0 0 0 20px;
    }

    #DivBank textarea,
    #DivBank input[type="text"] {
        border-color: #cbcbcb;
        margin: 0 0 15px;
        border-radius: 5px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        #DivBank textarea:hover,
        #DivBank input[type="text"]:hover,
        #DivBank textarea:focus,
        #DivBank input[type="text"]:focus {
            border-color: #276e3d;
            box-shadow: 0 0 10px 0 #276e3d;
        }

    #DivBank textarea {
        width: 50%;
    }

    #DivBank input[type="text"] {
        width: 25%;
    }

    #DivBank img {
        margin: 0 0 20px;
    }



#basketCustomer label {
    display: block;
    margin: 0 0 10px;
}
/* Shopping process level 1
---------------------------------------- */

/* section 1 */

.shopping-process-1 .section-1 {
    float: left;
    width: 100%;
    padding: 30px;
    margin: 0 0 30px;
    background-color: #f6f7f8;
}

    .shopping-process-1 .section-1 .button-green {
        float: right;
    }

    .shopping-process-1 .section-1 .button-orange {
        float: left;
    }

/* section 2 */

.shopping-process-1 .section-2 {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}

.shopping-process-1 .basket-table th {
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
}

.shopping-process-1 .headtabel {
    padding: 0 10px;
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

.shopping-process-1 .head {
    border-left: 1px solid #f0f0f0;
}

.shopping-process-1 .bordert {
    border: 1px solid #f0f0f0;
    border-top: 0;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding: 0 10px;
}

.headright {
    text-align: right;
}

.shopping-process-1 .bordert .head {
    min-height: 151px;
}

.shopping-process-1 .basket-table td {
    padding: 20px;
    border: 1px solid #f0f0f0;
    vertical-align: middle;
}

    .shopping-process-1 .basket-table td:nth-child(2) {
        width: 75px;
    }

    .shopping-process-1 .basket-table td:nth-child(3) {
        width: 140px;
    }

    .shopping-process-1 .basket-table td:nth-child(4) {
        width: 260px;
    }

    .shopping-process-1 .basket-table td:nth-child(5) {
        width: 80px;
    }

.shopping-process-1 .basket-table .image-wrapper {
    float: right;
    margin-left: 15px;
}

.shopping-process-1 .basket-table img {
    width: 80px;
    height: 80px;
}

.shopping-process-1 .basket-table .basket-detial h3 {
    margin: 15px 0;
    font-size: 13px;
}

.shopping-process-1 .basket-table .counter {
    display: inline-block;
    height: 35px;
    width: 55px;
    position: relative;
}

    .shopping-process-1 .basket-table .counter a {
        border: 1px solid #c2c9d0;
        color: #c2c9d0;
        display: block;
        font-family: arial;
        font-size: 16px;
        height: 16px;
        line-height: 15px;
        position: absolute;
        text-align: center;
        width: 16px;
    }

        .shopping-process-1 .basket-table .counter a:hover {
            color: #797a7a;
            border-color: #797a7a;
        }

        .shopping-process-1 .basket-table .counter a.minus {
            right: 0px;
            bottom: 0px;
            line-height: 12px;
        }

        .shopping-process-1 .basket-table .counter a.plus {
            right: 0px;
            top: 0px;
        }

    .shopping-process-1 .basket-table .counter input {
        border: 1px solid #c2c9d0;
        float: left;
        height: 35px;
        padding: 2px 4px 0;
        text-align: center;
        width: 36px;
    }

.shopping-process-1 .basket-table table td {
    border: none;
    padding: 5px 0;
}

.shopping-process-1 .basket-table table tr td:first-child {
    width: 64px;
}

.shopping-process-1 .basket-table .sales {
    color: #ff5753;
    border-bottom: 1px dotted #d8dce0;
}

.shopping-process-1 .basket-table .total {
    color: #7fab25;
}

.shopping-process-1 .basket-table .delete-item {
    position: relative;
    cursor: pointer;
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 auto;
}

    .shopping-process-1 .basket-table .delete-item:before {
        content: "\e651";
        position: absolute;
        top: 0;
        left: 0;
        font-family: "icomoon";
        font-size: 30px;
        -webkit-transition: all .5s;
        transition: all .5s;
        color: #1abc9c;
    }

    .shopping-process-1 .basket-table .delete-item:hover:before {
        color: #13957b;
    }

#ChangeNum p {
    margin-bottom: 0px;
}
/* section 3 */

.shopping-process-1 .section-3 {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    background-color: #f6f8f8;
    padding: 30px;
}

    .shopping-process-1 .section-3 .content-sec {
        position: relative;
        float: left;
        width: 100%;
    }

        .shopping-process-1 .section-3 .content-sec:after {
            border-bottom: 1px solid #d6d8d9;
            bottom: 19px;
            content: "";
            position: absolute;
            right: 0;
            width: 100%;
            visibility: visible;
        }

    .shopping-process-1 .section-3 table {
        float: left;
        width: auto;
        color: #616161;
        min-width: 330px;
    }

        .shopping-process-1 .section-3 table td {
            font-size: 14px;
            padding: 9px 5px;
            text-align: left;
        }

            .shopping-process-1 .section-3 table td .currency {
                font-size: 15px;
            }

            .shopping-process-1 .section-3 table td:nth-child(2) {
                padding: 0 60px;
                text-align: right;
            }

    .shopping-process-1 .section-3 .sales {
        color: #ff5753;
    }

    .shopping-process-1 .section-3 .total {
        color: #7fab25;
    }

    .shopping-process-1 .section-3 .message {
        bottom: -12px;
        color: #aaa;
        padding: 0 25px;
        position: absolute;
        right: 30px;
        font-size: 12px;
    }

        .shopping-process-1 .section-3 .message:before {
            content: "\e654";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            color: #ff0a0a;
            font-family: "icomoon";
            font-size: 18px;
        }

/* section 4 */

.shopping-process-1 .section-4 {
    float: left;
    width: 100%;
    padding: 30px;
    margin: 0 0 30px;
    background-color: #f6f7f8;
}

.section-4 .form-group {
    width: 195px;
}

.shopping-process-1 .section-4 .button-green {
    float: right;
}

.shopping-process-1 .section-4 .button-orange {
    float: left;
}

#Links-Bascket-Bottom {
    clear: both;
    float: right;
    margin: 0 -10px 30px;
}

    #Links-Bascket-Bottom a {
        float: right;
        width: 20%;
        padding: 0px 10px;
    }

        #Links-Bascket-Bottom a img {
            max-width: 100%;
        }
/* Shopping process level 2
---------------------------------------- */

/* left sidebar */

#Links-Bascket-Side {
    margin: 0px -10px 40px -10px;
}

    #Links-Bascket-Side a:first-child {
        width: 100%;
    }

    #Links-Bascket-Side a {
        display: block;
        padding: 0px 5px;
        width: 50%;
        margin-bottom: 10px;
        float: right;
    }

        #Links-Bascket-Side a img {
            max-width: 100%;
        }

.shopping-process-wrapper aside {
    color: #aaa;
}

    .shopping-process-wrapper aside .title {
        float: left;
        width: 100%;
    }

        .shopping-process-wrapper aside .title > h3 {
            color: #7e7e7e;
            margin: 0 0 13px;
            padding-bottom: 10px;
            position: relative;
            border-bottom: 1px solid #696969;
        }

            .shopping-process-wrapper aside .title > h3:before {
                border-bottom: 1px solid #ea621f;
                bottom: -1px;
                content: "";
                display: block;
                position: absolute;
                right: 0;
                width: 40%;
            }
    /*.shopping-process-wrapper aside .title > h3:after,
.shopping-process-wrapper aside .title > h3:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 30px;
	width: 115px;
	border-bottom: 1px solid #ea621f;
}
.shopping-process-wrapper aside .title > h3:before {
	top: 35px;
	border-bottom-color: #202020;
	width: 215px;
}*/
    .shopping-process-wrapper aside .item-wrapper {
        float: right;
        width: 100%;
        margin: 0 0 30px;
    }

    .shopping-process-wrapper aside .total-orders {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }

    .shopping-process-wrapper aside .item {
        float: right;
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 10px;
    }

        .shopping-process-wrapper aside .item:last-child {
            border-bottom: none;
        }

        .shopping-process-wrapper aside .item .price {
            float: left;
            width: 100%;
            display: block;
            color: #7fab25;
            text-align: left;
        }

    .shopping-process-wrapper aside table td {
        padding: 8px 0;
    }

        .shopping-process-wrapper aside table td:nth-child(2) {
            text-align: left;
        }

    .shopping-process-wrapper aside table .sales,
    .shopping-process-wrapper aside table .taxes {
        color: #ff5753;
    }

    .shopping-process-wrapper aside table .total {
        color: #7fab25;
    }

    .shopping-process-wrapper aside .order-information {
        position: relative;
        background-color: #f0f0f0;
        padding: 15px;
        color: #666;
    }

.shopping-process-wrapper h3 {
    padding: 10px 0;
}

.shopping-process-wrapper aside .order-information:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: transparent #f0f0f0 #f0f0f0 transparent;
}

.shopping-process-wrapper aside .order-information p:last-child {
    margin: 0;
}

/* headings */

.all-step-wrapper > .step-1,
.all-step-wrapper > .step-2,
.all-step-wrapper > .step-3,
.all-step-wrapper > .step-4 {
    float: left;
    width: 100%;
    background-color: #f5f7f9;
    padding: 0 0 25px 0px;
    margin: 0 0 15px;
}

.all-step-wrapper .title-wrapper {
    position: relative;
    background-color: #f5f7f9;
    float: right;
    width: 100%;
    margin: 0 0 15px;
}

    .all-step-wrapper .title-wrapper .button-green {
        float: left;
        display: block;
        position: absolute;
        top: 5px;
        left: 5px;
        width: 80px;
        text-align: center;
        line-height: 32px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .all-step-wrapper .title-wrapper .btngray:hover {
        color: #f0f0f0;
        background-color: #202020;
    }

    .all-step-wrapper .title-wrapper.active {
        color: #558b22;
    }

    .all-step-wrapper .title-wrapper.opened {
        margin: 0;
    }

    .all-step-wrapper .title-wrapper .step-number {
        display: block;
        float: right;
        width: 28px;
        height: 28px;
        margin: 0 13px 0 8px;
        color: #edeff1;
        background-color: #aba9a9;
        border-radius: 50%;
        font-size: 18px;
        text-align: center;
    }

    .all-step-wrapper .title-wrapper.active .step-number {
        background-color: #fff;
        color: #b9c1c9;
    }

    .all-step-wrapper .title-wrapper h3 {
        position: relative;
        padding: 6px 0;
        margin: 0;
        color: #666;
        background-color: #edeff1;
        line-height: 30px;
        font-size: 14px;
    }

    .all-step-wrapper .title-wrapper.active h3 {
        color: #fff;
        background-color: #b9c1c9;
    }

    .all-step-wrapper .title-wrapper.opened h3:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -27px;
        right: 50px;
        width: 0;
        height: 0;
        border: 15px solid #b9c1c9;
        border-color: #b9c1c9 transparent transparent transparent;
    }


/* Shopping process level 2 - step 1
---------------------------------------- */

.shopping-process-2 .form-group .field-validation-error {
    display: block;
    width: 100%;
}

.shopping-process-2 .form-step label {
    display: inline-block;
}

.form-step.enter,
.form-step.register {
    margin: 50px 0 0;
    border-left
}

.form-step .title {
    color: #202020;
    font-size: 13px;
    margin: 0 0 20px;
}

.form-step .form-group {
    /*float: right;
    width: 100%;
    margin-bottom: 10px;*/
}

.form-step label {
    display: block;
    margin-bottom: 10px;
}

    .form-step label i {
        color: red;
        margin-left: 5px;
    }

.form-step select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-step input[type="text"]:focus,
    .form-step input[type="password"]:focus,
    .form-step select:focus {
        border-color: #1abc9c;
    }

.form-step .forgetpass {
    color: #1abc9c;
    float: left;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .form-step .forgetpass a:hover {
        color: #202020;
    }

.form-step .remember-me {
    margin: 0 0 10px;
}

.form-step .newsletter {
    float: left;
    width: 100%;
}

    .form-step .newsletter input,
    .form-step .remember-me input {
        float: right;
        margin: 3px 0 0 10px;
    }

.form-step.register .button-orange {
    margin: 0 10px 0 0;
}


/* Shopping process level 2 - step 2
---------------------------------------- */
.customer-info .field-validation-error {
    padding-right: 3px;
    font-family: Tahoma;
}

.BasketDetailUserDet .button-orange {
    margin-left: 10px;
    float: right;
    font-family: 'Yekan';
}

.BasketDetailUserDet .form-control {
    font-family: Tahoma;
    font-size: 12px;
}

.customer-info h3.title {
    margin: 50px 0 30px;
    color: #202020;
    border-bottom: 1px dashed #3c4f62;
    line-height: 36px;
    height: 20px;
}

    .customer-info h3.title span {
        background-color: #f5f7f9;
        padding-left: 10px;
    }

.customer-info > h3:before {
    content: "";
    position: absolute;
}

.customer-info.added .item .address span {
    display: block;
    margin-bottom: 5px;
}

.customer-info.added .item {
    background-color: #fff;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
    border: 1px solid #f5f7f9;
}

    .customer-info.added .item.select,
    .customer-info.added .item.select .radio-button {
        border-color: #1abc9c;
    }

    .customer-info.added .item .radio-button {
        width: 35px;
        border-left: 1px solid #edeff1;
        vertical-align: middle;
    }

        .customer-info.added .item .radio-button input,
        .ItemPayment table .RadioPayment input {
            display: none;
        }

        .customer-info.added .item .radio-button .button {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }

            .customer-info.added .item .radio-button .button:before {
                content: "\e79e";
                display: block;
                position: absolute;
                top: 50%;
                right: 7px;
                margin-top: -10px;
                color: #f0f0f0;
                font-family: "icomoon";
                font-size: 20px;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
            }

            .customer-info.added .item .radio-button .button:hover:before {
                color: #1abc9c;
            }

    .customer-info.added .item.select .radio-button .button:before {
        content: "\e77d";
        color: #1abc9c;
    }

.customer-info.added .address div {
    color: #2d2d2d;
    padding: 15px;
}

.customer-info.added .address .delete {
    bottom: 10px;
    cursor: pointer;
    display: block;
    height: 24px;
    left: 10px;
    position: absolute;
    width: 24px;
}

    .customer-info.added .address .delete:before {
        content: "\e651";
        position: absolute;
        top: 0;
        left: 0;
        font-family: "icomoon";
        font-size: 25px;
        -webkit-transition: all .5s;
        transition: all .5s;
        color: #1abc9c;
    }

    .customer-info.added .address .delete:hover:before {
        color: #13957b;
    }

.customer-info.new .user-form .button-blue {
    float: right;
    margin: 20px 0 0 10px;
}

.customer-info.new .button-wrapper .button-orange,
.customer-info.new .button-wrapper .button-green {
    float: left;
    margin: 0 10px 10px 0;
    font-family: yekan;
}

.customer-info.new .delivery-wrapper {
    padding: 0;
    margin-bottom: 30px;
    border-top: 1px solid #ddd;
    display: inline-block;
}

.customer-info.new .delivery-type {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
    /*padding: 0 0 15px;*/
    float: right;
    width: 100%;
}

    .customer-info.new .delivery-type.active {
        background-color: #fafafa;
    }

    .customer-info.new .delivery-type > div {
        padding: 23px 15px;
        vertical-align: middle;
    }

    .customer-info.new .delivery-type div .cost {
        padding: 0;
        text-align: center;
        width: 43px;
    }

    .customer-info.new .delivery-type label {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

        .customer-info.new .delivery-type label:before {
            content: "\e79e";
            display: block;
            position: absolute;
            top: 50%;
            right: -3px;
            margin-top: 1px;
            color: #f0f0f0;
            font-family: "icomoon";
            font-size: 20px;
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .customer-info.new .delivery-type label:hover:before {
            color: #1abc9c;
        }

    .customer-info.new .delivery-type.active label:before {
        content: "\e77d";
        color: #1abc9c;
    }

    .customer-info.new .delivery-type input {
        visibility: hidden;
    }

    .customer-info.new .delivery-type .radio-button {
        width: 30px;
    }

    .customer-info.new .delivery-type figure {
        margin: 0 0 15px;
    }

    .customer-info.new .delivery-type > div {
        color: #666;
    }

    .customer-info.new .delivery-type h4 {
        margin: 0 0 10px;
        color: #fb0a0a;
    }

    .customer-info.new .delivery-type img {
        float: right;
        margin-left: 15px;
        width: 50px;
    }

    .customer-info.new .delivery-type .cost {
        text-align: left;
        color: #c30000;
    }

    .customer-info.new .delivery-type .detail {
        /*width:80%;*/
        padding: 23px 10px 23px 0;
    }

/* Shopping process level 2 - step 3
---------------------------------------- */

.review-order-wrapper {
    padding: 80px 30px;
}

    .review-order-wrapper table {
        margin: 0 0 30px;
        background-color: #fff;
        border: 0px;
        width: 100%;
    }

    .review-order-wrapper th {
        background-color: #d8dadb;
        padding: 7px;
        text-align: center;
        border-bottom: 2px solid #34495e;
        font-size: 13px;
    }

    .review-order-wrapper td {
        /*border: 1px solid #edeff1;
	/*text-align: center;*/
        padding: 15px;
        vertical-align: middle;
    }

    .review-order-wrapper .product-orders td img {
        width: 80px;
        height: 80px;
        float: right;
    }

    .review-order-wrapper h3 {
        margin: 15px 0;
    }

    .review-order-wrapper .product-orders figure {
        margin: 0 0 0 15px;
        float: right;
    }

    .review-order-wrapper .product-orders td:nth-child(2) {
        width: 80px;
        text-align: center;
    }

    .review-order-wrapper .product-orders td:nth-child(3) {
        width: 140px;
        text-align: center;
    }

    .review-order-wrapper .product-orders td:nth-child(4), .review-order-wrapper .product-orders th:nth-child(4) {
        width: 260px;
        border-left: 0px;
    }

    .review-order-wrapper .product-orders .total-price-table {
        margin: 0;
        border: none;
    }

        .review-order-wrapper .product-orders .total-price-table td {
            padding: 5px;
            border: none;
        }

            .review-order-wrapper .product-orders .total-price-table td:nth-child(2) {
                width: 140px;
                text-align: left;
            }

        .review-order-wrapper .product-orders .total-price-table .sales {
            color: #ff5753;
        }

        .review-order-wrapper .product-orders .total-price-table .total {
            color: #7fab25;
            border-top: 1px solid #f0f0f0;
        }

    .review-order-wrapper table.product-orders {
        border: 0px;
    }

    .review-order-wrapper .product-orders th {
        border-bottom: 2px solid #7a848f;
        border-left: 2px solid #edeff1;
        border-right: 0px;
        border-top: 0px;
        color: #34495e;
    }

    .review-order-wrapper .product-orders td {
        border-bottom: 2px solid #edeff1;
        border-left: 2px solid #edeff1;
        border-right: 0px;
        border-top: 0px;
    }

    .review-order-wrapper .billing-information th, .review-order-wrapper .send-orders th {
        text-align: right;
        text-indent: 25px;
    }

    .review-order-wrapper .billing-information td {
        border: 0px;
    }

        .review-order-wrapper .billing-information td:first-child {
            border-left: none;
        }

        .review-order-wrapper .billing-information td:last-child {
            border-right: none;
            text-align: left;
        }

    .review-order-wrapper .billing-information .sales {
        color: #ff5753;
    }

    .review-order-wrapper .billing-information .total {
        color: #7fab25;
        border-bottom: 0px;
    }

    .review-order-wrapper .billing-information .CostReview {
        border-color: #3a3a3a;
    }

    .review-order-wrapper .billing-information table {
        /*width:70%;*/
        font-size: 14px;
        /* margin-right:60px;*/
    }


.payments-detail .additional-information .PhoneNum {
    text-align: left;
}

    .payments-detail .additional-information .PhoneNum:before {
        content: "\e68b";
        font-family: 'icomoon';
        float: left;
        font-size: 15px;
        margin-left: 5px;
    }

.review-order-wrapper .billing-information table tr {
    border-bottom: 1px solid #d8dadb;
}

.review-order-wrapper .billing-information table .currency {
    font-size: 15px;
}

.review-order-wrapper .billing-information table td {
    border: 0px;
}

.review-order-wrapper .send-orders table {
    margin-bottom: 0px;
}

    .review-order-wrapper .send-orders table td {
        border: none;
        border-left: 2px solid #edeff1;
        border-bottom: 2px solid #edeff1;
        padding: 15px;
    }

        .review-order-wrapper .send-orders table td span {
            color: #ff5753;
        }

.review-order-wrapper .send-orders td {
    padding: 0px;
}

    .review-order-wrapper .send-orders td.img {
        text-align: center;
    }

.review-order-wrapper .send-orders table td:last-child {
    border-left: 0px;
}

.review-order-wrapper .send-orders figure {
    margin: 0 auto;
}

.review-order-wrapper .send-orders img {
    width: 40px;
    margin: 0 auto;
}

.review-order-wrapper .send-orders p {
    float: right;
    padding: 10px 15px 0 0;
    margin-bottom: 0;
}

.review-order-wrapper .button-wrapper a {
    margin: 0 0 0 10px;
}

.review-order-wrapper .button-wrapper .edit-info {
    background-color: #24778a;
}

    .review-order-wrapper .button-wrapper .edit-info:before {
        font-family: 'icomoon';
        content: "\e63f";
        float: right;
        margin-left: 8px;
    }

    .review-order-wrapper .button-wrapper .edit-info:hover {
        background-color: #165e6f;
        color: #fff;
    }

.review-order-wrapper .button-wrapper a.button-orange {
    float: left;
    margin: 0px;
}

.review-order-wrapper .button-blue {
    float: right;
}
/* Shopping process level 2 - step 4
---------------------------------------- */
.payments-detail .footer .button-blue.Return {
    float: right;
    width: auto;
    margin-right: 0px;
}

#Crad {
    background-color: #fff;
    margin-bottom: 10px;
}

#btnSendToBank, #btnSubmitInformation {
    float: left;
    width: auto;
    border: 0px;
    margin: 0px;
    font-family: yekan;
}

.payments-detail .bankname, .payments-detail .comment-form-card, .payments-detail .date-form-card {
    clear: both;
}

#paytypes-container .title {
    background-color: #d8dadb;
    border-bottom: 2px solid #7a848f;
    color: #34495e;
    margin-bottom: 0;
    padding: 10px 14px 10px 0;
}

.pay-type-wrapper {
    padding: 80px 30px;
}

.step-4 #btnpayment a {
    float: left;
    margin: 0 10px 0 0;
}

.payable-amount {
    background-color: #fff;
    border: 1px solid #b9c1c9;
    font-size: 15px;
    margin: 0 0 40px;
    padding: 20px 15px;
    text-align: center;
}

    .payable-amount span.currency {
        color: #ff0101;
        font-size: 18px;
    }

.pay-type-wrapper .title {
    margin-bottom: 15px;
}

.pay-type-wrapper .item {
    padding: 20px 15px;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #edeff1;
}

    .pay-type-wrapper .item.select {
        border-color: #1abc9c;
    }

.pay-type-wrapper .description h3 {
    margin: 0 0 10px;
    color: #ff0101;
}

.pay-type-wrapper .item .radio-wrapper {
    position: relative;
    width: 35px;
}

    .pay-type-wrapper .item .radio-wrapper span {
        position: absolute;
        display: block;
        cursor: pointer;
        top: 50%;
        margin-top: -10px;
    }

        .pay-type-wrapper .item .radio-wrapper span:before {
            content: "\e79e";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            font-family: "icomoon";
            font-size: 18px;
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .pay-type-wrapper .item .radio-wrapper span:hover:before {
            color: #1abc9c;
        }

.pay-type-wrapper .item.select .radio-wrapper span:before {
    color: #1abc9c;
    content: "\e77d";
}

.pay-type-wrapper .button-wrapper .button-blue,
.pay-type-wrapper .button-wrapper .button-green {
    margin: 0 0 0 10px;
}

/* payments */

/*.payments-detail {
	padding: 30px 0 0;
}*/
.payments-detail .header h3 {
    color: #ff0000;
}

.payments-detail table {
    margin: 0 0 30px;
}

.payments-detail .order-table th {
    background-color: #d8dadb;
    border-bottom: 2px solid #7a848f;
    color: #34495e;
    padding: 10px 15px;
}

.payments-detail .order-table td {
    padding: 15px;
    background-color: #fff;
}

    .payments-detail .order-table td.description {
        vertical-align: middle;
    }

    .payments-detail .order-table td p {
        margin-bottom: 10px;
    }

.payments-detail .additional-information {
    color: #006a97;
}

.online-bank-wrapper {
    float: right;
    width: 100%;
    padding: 21px 15px;
    margin: 0 0 30px;
    background-color: #f1fbfd;
    border: 1px solid #a8ced7;
}

    .online-bank-wrapper .button-green {
        float: left;
        margin: 20px 0 0;
    }

    .online-bank-wrapper .bank {
        float: right;
        margin-left: 15px;
    }

    .online-bank-wrapper .button-orange {
        float: left;
        margin: 7px 0 0;
        min-width: 150px;
    }

    .online-bank-wrapper .bank input {
        display: none;
    }

    .online-bank-wrapper .bank .radio-button {
        cursor: pointer;
        display: block;
        float: right;
        height: 20px;
        margin: 15px 0 0 5px;
        position: relative;
        width: 15px;
    }

    .online-bank-wrapper .bank img {
        float: right;
        width: 46px;
        height: 46px;
    }

    .online-bank-wrapper .bank .radio-button:before {
        content: "\e79e";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: #a8ced7;
        font-family: "icomoon";
        font-size: 18px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .online-bank-wrapper .bank.select .radio-button:hover {
        color: #85d51c;
    }

    .online-bank-wrapper .bank.select .radio-button:before {
        content: "\e77d";
    }

.payments-detail .deposit-account td:nth-child(1) {
    width: 35px;
}

.payments-detail .deposit-account .radio-button {
    position: relative;
    float: right;
    cursor: pointer;
}

    .payments-detail .deposit-account .radio-button:before {
        content: "\e79e";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        font-family: "icomoon";
        font-size: 18px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .payments-detail .deposit-account .radio-button:hover:before {
        color: #85d51c;
    }

.payments-detail .deposit-account .radio.select .radio-button:before {
    color: #85d51c;
    content: "\e77d";
}

.payments-detail .form-card {
    float: right;
    width: 100%;
    padding: 30px 0;
    margin: 0 0 30px;
    background-color: #fff;
}

    .payments-detail .form-card .form-group {
        margin: 0;
    }

        .payments-detail .form-card .form-group input,
        .payments-detail .form-card .form-group select,
        .payments-detail .form-card .form-group textarea {
            width: 100%;
            margin-bottom: 15px;
            border: 1px solid #c2c9d0;
        }

.payments-detail .footer .button-blue,
.payments-detail .footer .button-green {
    float: left;
    margin: 0 10px 0 0;
}

.payment-text {
    float: right;
}

    .payment-text a,
    .payment-text span {
        color: #ff0000;
    }

.panel-loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 289px;
    height: 136px;
    margin-left: -111px;
    margin-top: -43px;
    padding: 10px 0;
    color: #000;
    background-color: #f0f0f0;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    z-index: 1000000;
}
/* Shopping history
---------------------------------------- */

.InvoiceManageTable {
    width: 100%;
    border: 1px solid #f0f0f0;
}

    .InvoiceManageTable td,
    .InvoiceManageTable th {
        border-top: 1px solid #f0f0f0;
        font-size: 1em;
        line-height: 40px;
        padding: 0 5px;
    }

    .InvoiceManageTable th {
        background-color: #f0f0f0;
        color: #202020;
    }

    .InvoiceManageTable td a {
        color: #f00;
    }

    .InvoiceManageTable tr:nth-child(even) {
        background-color: #f8f8f8;
    }

    .InvoiceManageTable tr:nth-child(odd) {
        background-color: #fff;
    }

    .InvoiceManageTable tr.active,
    .InvoiceManageTable tr.active a {
        color: #f0f0f0;
        background-color: #202020;
    }

    .InvoiceManageTable tfoot {
        font-weight: bold;
    }

    .InvoiceManageTable p {
        margin-bottom: 0px;
    }
/*-----------------------------------------------------------------------------------*/
/*	Shopping version 2
/*-----------------------------------------------------------------------------------*/

.shopping-process-wrapper table,
.invoice-wrapper {
    direction: rtl;
    width: 100%;
}

.invoice-wrapper {
    /*float: left;
	padding: 30px;*/
}

.shopping-process-wrapper {
    float: right;
    width: 100%;
    margin-bottom: 30px;
    padding: 15px 0 0;
    background-color: #fff;
    border-radius: 5px;
    line-height: 16px;
}

    .shopping-process-wrapper .currency {
        font-size: 14px;
    }

    .shopping-process-wrapper .price .currency:last-child::after {
        content: "عدد";
        font-size: 12px;
        padding-left: 10px;
    }

.button-gray,
.button-blue,
.button-green,
.button-orange {
    display: inline-block;
    padding: 0 15px;
    color: #202020;
    background-color: #a4a2a2;
    border: 0px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #fff;
}

    .button-gray:hover {
        background-color: #8a8787;
    }

.button-green {
    background-color: #1bbc9b;
    font-family: 'yekan';
}

    .button-green:hover {
        background-color: #0d9a7d;
        color: #fff;
    }

.button-blue {
    background-color: #109ed5;
}

    .button-blue:hover {
        color: #fff;
        background-color: #0c81ae;
    }

.button-orange {
    background-color: #eb6120;
}

    .button-orange:hover {
        background-color: #d55012;
        color: #fff;
    }

    .button-orange.bascket-btn {
        padding-right: 44px;
        position: relative;
    }

        .button-orange.bascket-btn:before {
            content: "\e672";
            background-color: #d35616;
            font-family: "icomoon";
            font-size: 16px;
            height: 100%;
            position: absolute;
            right: 0;
            text-align: center;
            width: 33px;
            -webkit-transition: all 0.4s ease-out;
            -moz-transition: all 0.4s ease-out;
            -ms-transition: all 0.4s ease-out;
            -o-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
        }

        .button-orange.bascket-btn:hover:before {
            background-color: #b6460c;
        }

.final-step-wrapper {
    padding: 80px 30px;
}

    .final-step-wrapper table {
        border: 1px solid #ccc;
        margin: 0 0 30px;
        width: 100%;
        font-family: Tahoma;
        font-size: 12px;
    }

.tableFactor {
    background-color: #fff;
}

.final-step-wrapper table th {
    background-color: #fff;
    padding: 0 10px;
}

.final-step-wrapper table th, .final-step-wrapper table td {
    height: 36px;
    line-height: 36px;
}

.tableFactor th {
    font-weight: bold;
}

.final-step-wrapper .table-1 td, .final-step-wrapper .table-2 td {
    width: 50%;
}

#stepBuy {
    /* border-bottom: 1px solid #000; */
    box-sizing: padding-box;
    clear: both;
    float: right;
    height: 80px;
    margin-top: 30px;
    padding: 0 10px;
    width: 100%;
}

    #stepBuy .step {
        cursor: pointer;
        float: right;
        position: relative;
        width: 127px;
    }

        #stepBuy .step .text {
            display: block;
            text-align: center;
        }

        #stepBuy .step.active .circle {
            background-color: #edeff1;
            border: 4px solid #ea621f;
        }

        #stepBuy .step .circle {
            background-color: #000;
            border-radius: 50%;
            display: block;
            height: 12px;
            margin: 7px auto 0;
            width: 12px;
            /*margin-top:-3px;*/
        }

.final-step-wrapper #stepBuy .step .circle {
    margin-top: -3px;
}

#stepBuy .step .giude {
    background-color: #ea621f;
    color: #fff;
    display: none;
    padding: 6px 10px;
    position: absolute;
    right: 30px;
    top: 135%;
    width: 220px;
    z-index: 200;
    line-height: 16px;
}

.Description p {
    font-family: Tahoma;
    font-size: 12px;
}

.final-step-wrapper table td, #detailPayment table th {
    border: 1px solid #ccc;
    padding: 0 10px;
}

#stepBuy .step .giude i {
    color: #ea621f;
    font-size: 24px;
    padding: 0;
    position: absolute;
    right: 26px;
    top: -15px;
}


/******/


/*************************responsive*******************************/
/* For tablets & smart phones */

@media (max-width: 767px) {
    .SearchContainer {overflow: hidden;display: block;height: calc(100vh - 180px)!important;}
     #Suggestion ,#Distincts {min-height:calc(100vh - 180px)!important;}
    .scroll-part ul {width: 100%!important;
    position: absolute;
    background-color: #fff;
    top: 39px;
    right: 0;
    height: calc(100vh - 221px)!important;display:none!important}
    #scroll-part2 ul {background-color:#F6F6F6}
    .scroll-part.active ul {display:block!important}
    .shopping-process-1 .section-1 .button-green,
    .shopping-process-1 .section-1 .button-orange,
    .shopping-process-1 .section-4 .button-green,
    .shopping-process-1 .section-4 .button-orange {
        width: 100%;
        margin: 5px 0;
        line-height: 48px;
    }

    .shopping-process-1 .section-1,
    .shopping-process-1 .section-4 {
        padding: 0;
        background-color: #fff;
    }

    .shopping-process-1 .headtabel .head {
        text-align: right;
    }

    .shopping-process-1 .head {
        border-left: 0;
    }

    .shopping-process-1 .basket-table img {
        display: inline-block;
        width: auto;
        height: auto;
        max-height: 200px;
        max-width: 156px;
    }

    .shopping-process-1 .basket-table .image-wrapper {
        float: none;
        margin: 0;
    }

    .setpadd, #profilepage {
        padding: 12px !important;
    }

    .shopping-process-1 .bordert .head {
        min-height: auto;
        margin-bottom: 10px;
    }

    .shopping-process-1 .bordert:last-child > div {
        min-height: 50px;
    }

    .shopping-process-1 .section-3 {
        padding: 10px;
    }

        .shopping-process-1 .section-3 table {
            min-width: auto;
            float: none;
        }

        .shopping-process-1 .section-3 .message {
            padding: 10px 25px 15px 0;
            position: inherit;
            right: inherit;
            bottom: inherit;
            display: inline-block;
        }

            .shopping-process-1 .section-3 .message::before {
                top: 10px;
            }

        .shopping-process-1 .section-3 table td {
            padding: 9px 0 9px 5px;
            text-align: right;
        }

            .shopping-process-1 .section-3 table td:nth-child(2) {
                padding: 0;
                text-align: left;
            }

        .shopping-process-1 .section-3 table td {
            font-size: 13px;
        }

    .form-step .forgetpass {
        float: right;
        margin: 12px 0;
        width: 100%;
    }

    .form-step.enter, .form-step.register {
        margin: 50px 0 30px;
    }

    .customer-info.new .button-wrapper .button-orange, .customer-info.new .button-wrapper .button-green {
        min-width: 190px;
    }

    .customer-info.new .delivery-type .radio-button {
        float: right;
    }

    .customer-info.new .delivery-type .detail {
        padding: 23px 0 0 10px;
    }

    .customer-info.new .delivery-type figure {
        display: inline;
    }

    .customer-info.new .delivery-type h4 {
        font-size: 12px;
    }

    .customer-info.new .delivery-type img {
        display: none;
    }

    .customer-info.new .delivery-type .detail .text > div {
        text-align: justify;
        line-height: 18px;
        font-size: 13px;
    }

    .review-order-wrapper, .pay-type-wrapper {
        padding: 80px 15px;
    }

    .table-responsive > .table.product-orders > tbody > tr > td {
        white-space: inherit;
        vertical-align: middle;
    }

    .review-order-wrapper .product-orders figure {
        margin: 0 50px;
    }

    .all-step-wrapper .title-wrapper .button-green {
        width: 66px;
        text-align: center;
        padding: 0;
    }

    .all-step-wrapper .title-wrapper h3 {
        font-size: 13px;
    }

    .review-order-wrapper .product-orders .total-price-table td:nth-child(2) {
        width: auto;
    }

    .review-order-wrapper td {
        padding: 15px 2.5px;
        text-align: right;
        font-size: 12px;
    }

    .billing-information td:first-child {
        width: 60%;
    }

    .billing-information td:nth-child(2) {
        width: 40%;
    }

    .review-order-wrapper .send-orders table td {
        padding: 15px 5px;
    }

    .review-order-wrapper .send-orders p {
        padding: 10px 2px 0 0;
        line-height: 18px;
    }

    .review-order-wrapper .button-wrapper a {
        width: 100%;
        float: left;
        margin: 5px 0 0;
        line-height: 48px;
    }

    .payable-amount {
        padding: 20px 8px;
        font-size: 14px;
    }

    .pay-type-wrapper .item {
        padding: 20px 8px;
    }

        .pay-type-wrapper .item .radio-wrapper {
            width: 25px;
        }

    .step-4 #btnpayment a {
        margin: 5px 0 0;
        width: 100%;
        text-align: center;
        line-height: 48px;
    }

    #onlinepartBank > .header > p {
        text-align: justify;
        font-size: 13px;
        line-height: 22px;
    }

    .payments-detail .additional-information .PhoneNum {
        text-align: right;
    }

        .payments-detail .additional-information .PhoneNum::before {
            float: right;
        }

    additional-information .button-blue {
        width: 100%;
        margin: 0 0 10px;
    }

    .online-bank-wrapper .button-orange {
        width: 100%;
        min-width: auto;
    }

    .online-bank-wrapper {
        padding: 21px 10px;
    }

    #stepBuy .step {
        width: 50%;
    }

    .online-bank-wrapper {
        margin-top: 15px;
    }

    .shopping-process-1 .section-3 .content-sec::after {
        border-bottom: 0;
    }
}

@media (min-width:1200px) {
    .customer-info.new .delivery-type .detail {
        width: 79%;
    }
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width:980px) {
    .shopping-process-1 .section-3 .message {
        position: initial;
        display: inline-block;
        margin-bottom: 10px;
    }

    #onlinepartBank > div > p {
        line-height: 20px;
        margin-bottom: 17px;
    }
}


/****************Invoice***********************/
.customer-info.new .delivery-wrapper {
    width: 100%;
}

#DIVDELIVARY .delivery-part {
    margin-bottom: 30px;
}

    #DIVDELIVARY .delivery-part table {
        width: 100%;
        display: none;
    }

        #DIVDELIVARY .delivery-part table td {
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 15px;
            text-align: center;
            vertical-align: middle;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        #DIVDELIVARY .delivery-part table tr:first-child td {
            border-top: 0px;
        }

        #DIVDELIVARY .delivery-part table td .name-date, #DIVDELIVARY .delivery-part table td .date {
            display: block;
        }

        #DIVDELIVARY .delivery-part table td .date {
            color: #898989;
            margin-top: 4px;
        }

        #DIVDELIVARY .delivery-part table td input {
            display: none;
        }

        #DIVDELIVARY .delivery-part table td a.select-item {
            cursor: pointer;
        }

            #DIVDELIVARY .delivery-part table td a.select-item:before {
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
                color: #f0f0f0;
                content: "\e79e";
                display: inline-block;
                font-family: "icomoon";
                font-size: 1.5em;
                margin-left: 7px;
                position: relative;
                top: 3px;
            }

        #DIVDELIVARY .delivery-part table td.active {
            background-color: #f3fff3;
        }

            #DIVDELIVARY .delivery-part table td.active a.select-item:before {
                content: "\e77d";
                color: #1abc9c;
            }

        #DIVDELIVARY .delivery-part table td.disabled, #DIVDELIVARY .delivery-part table td.disabled a {
            background-color: #fbfcfc;
            color: #ccc;
            cursor: default;
        }






/****************** Search Autocomplate******************/
.SearchContainer {
    background: #FFF;
    -moz-box-shadow: -1px 4px 10px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC;
    width: 100%;
    margin-bottom: 20px;
    position: absolute;
    top: 37px;
    z-index: 8888;
    display: none;
}

#Suggestion {
    width: 50%;
    background: #FFF;
    border-top: solid 1px #CCC;
    min-height: 150px;
    float: right;
}

    #scroll-part1 ul ,#scroll-part2 ul {
        height: 220px;
        overflow: auto;
    }



    /* Works on Firefox */
 #scroll-part1 ul ,#scroll-part2 ul {
  scrollbar-width: thin;
  scrollbar-color: #77ce89 #cecece;
}

/* Works on Chrome, Edge, and Safari */
 #scroll-part1 ul::-webkit-scrollbar ,#scroll-part2 ul::-webkit-scrollbar {
  width: 12px;
}

#scroll-part1 ul::-webkit-scrollbar-track ,#scroll-part2 ul::-webkit-scrollbar-track {
  background: #cecece;
}

#scroll-part1 ul::-webkit-scrollbar-thumb ,
#scroll-part2 ul::-webkit-scrollbar-thumb {
  background-color: #77ce89;
  border-radius: 20px;
  border: 3px solid #cecece;
}




#Distincts {
    background: #F6F6F6 url("/content/site/images/sbg.png") no-repeat 100% 50%;
    width: 50%;
    overflow: auto;
    border-top: solid 1px #CCC;
    min-height: 244px;
    float: left;
}

.SuggestionHeader {
    margin: 10px;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.SearchContainer ul li a {
    display: block;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
    color: #666;
}

.SearchContainer ul li {
    padding-right: 10px;
    margin-bottom: 6px;
    font-size:0.9em
}

#Suggestion ul li.mover {
    background: #f1f1f1;
}

#Suggestion ul li .desc {
       direction: rtl;
    float: left;
    width: calc(100% - 37px);
}

    #Suggestion ul li .desc p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-right: 3px;
        line-height: 22px;
    }

#Suggestion ul li .img {
    text-align: center;
    width: 30px;
    float: right;
}

    #Suggestion ul li .img img {
       max-width:100%
    }

#Suggestion ul li.sep {
    background: url("../Images/sep.png") no-repeat scroll center center;
    padding: 10px 0 5px;
    box-sizing: border-box;
    max-width: 100%;
}

#paytypes-container .title {
    background-color: #d8dadb;
    border-bottom: 2px solid #7a848f;
    color: #34495e;
    margin-bottom: 0;
    padding: 10px 14px 10px 0;
}

.pay-type-wrapper {
    padding: 80px 30px;
}

.step-4 #btnpayment a {
    float: left;
    margin: 0 10px 0 0;
}

.payable-amount {
    background-color: #fff;
    border: 1px solid #b9c1c9;
    font-size: 15px;
    margin: 0 0 40px;
    padding: 20px 15px;
    text-align: center;
}

    .payable-amount span.currency {
        color: #ff0101;
        font-size: 18px;
    }

.pay-type-wrapper .title {
    margin-bottom: 15px;
}

.pay-type-wrapper .item {
    padding: 20px 15px;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #edeff1;
}

    .pay-type-wrapper .item.select {
        border-color: #1abc9c;
    }

.pay-type-wrapper .description h3 {
    margin: 0 0 10px;
    color: #ff0101;
}

.pay-type-wrapper .item .radio-wrapper {
    position: relative;
    width: 35px;
}

    .pay-type-wrapper .item .radio-wrapper span {
        position: absolute;
        display: block;
        cursor: pointer;
        top: 50%;
        margin-top: -10px;
    }

        .pay-type-wrapper .item .radio-wrapper span:before {
            content: "\e79e";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            font-family: "icomoon";
            font-size: 18px;
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .pay-type-wrapper .item .radio-wrapper span:hover:before {
            color: #1abc9c;
        }

.pay-type-wrapper .item.select .radio-wrapper span:before {
    color: #1abc9c;
    content: "\e77d";
}

.pay-type-wrapper .button-wrapper .button-blue,
.pay-type-wrapper .button-wrapper .button-green {
    margin: 0 0 0 10px;
}
/*****/
.add-fund .form-cnt #Amount {
    float: right;
    width: 200px;
}

.add-fund .form-cnt > span {
    float: right;
    margin: 7px 7px 0 0;
}

#addfundBtn {
    margin-top: 15px;
}

/********************************************** ETOOLS Mohammad Shabani *********************************************/

/*********** HELPER CLASSES *********/
* { /* outline: 1px solid pink; */
}

[class*="col-"] {
    float: right;
}

@media (min-width: 1200px) {
    [class*="col-"] {
        float: right;
    }
}

@media (min-width: 992px) {

    [class*="col-"] {
        float: right;
    }
}

@media (min-width: 768px) {
    [class*="col-"] {
        float: right;
    }
}

body, input, select {
    font: 16px Yekan , tahoma;
}

.en-txt {
    font-family: 'Myriad Pro';
}

.ltr {
    direction: ltr;
}

.container {
    direction: rtl;
}

.padless {
    padding: 0;
}

.fill-height {
    height: 100%;
}

a, a * {
    cursor: pointer;
}

/*********** HEADER *********/
.additional-links {
    position: relative !important;
    top: 0px !important;
}

    .additional-links a {
        -webkit-transition: .5s;
        transition: .5s;
    }

        .additional-links a:hover {
            text-indent: 6px;
            -webkit-transition: .5s;
            transition: .5s;
        }

        .additional-links a i:before {
            text-indent: 0;
        }
/********** TOP BAR **********/
.topbar {
    width: 100%;
    padding: 37px;
}

.logo {
    font: 48px 'Myriad Pro';
    position: relative;
    float: left;
    margin: 5px;
}

    .logo a img {
        width: 150px;
        height: auto;
        position: relative;
        top: -15px;
    }

    .logo a, .logo:hover {
        color: #35b035;
        text-decoration: none;
    }

.top-box {
    height: 40px;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
}

    .top-box:not(:last-child) {
        border-left: 1px solid #a0a0a0;
    }

.basket-box a, .basket-box a:hover {
    color: #7f7d7d;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.sep-after {
    border-left: 1px solid #a0a0a0;
}

.basket-box label {
    margin-left: 7px;
    position: relative;
}

    .basket-box label i {
        font-size: 10px;
        vertical-align: middle;
        padding: 4px;
    }

.basket-icon {
    width: 38px;
    height: 38px;
    display: inline-block;
    background: url(img/basket-icon.png);
    vertical-align: middle;
}

.count {
    width: 28px;
    height: 28px;
    color: #fff;
    background: #35b035;
    border-radius: 50px;
    position: relative;
    right: -10px;
    text-align: center;
    overflow: hidden;
    font: 16px Yekan;
}

.user-sign {
    height: 40px;
    display: inline-block;
    padding-top: 8px;
}

.sign-in, .sign-in:hover, .log-in, .log-in:hover {
    color: #242424;
    font: 12.57px yekan;
    text-decoration: none;
}

.log-in {
    margin-right: 8px;
}

    .sign-in:before, .log-in:before {
        content: "";
        width: 17px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
    }

.sign-in:before {
    background: url(img/user.png);
}

.log-in:before {
    background: url(img/sign-in.png);
}

.call-us a {
    text-decoration: none;
}

.call-us label {
    font: 18px Yekan;
    color: #7f7d7d;
    text-decoration: none;
    vertical-align: middle;
    line-height: 15px;
}

    .call-us label:before {
        content: "";
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        background: url(img/phone.png);
    }

.call-us span {
    direction: ltr;
    font: 15px 'Myriad Pro';
    color: #7f7d7d;
    display: block;
    text-align: left;
}



/********** ICONS **********/
.icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.ico-menu {
    background: url(img/menu.png);
}

.ico-electric {
    background: url(img/electric.png);
}

.ico-protect {
    background: url(img/protect.png);
}

.ico-network {
    background: url(img/network.png);
}

.ico-tools {
    background: url(img/tools.png);
}

/********** SEARCH BOX **********/
.search-box {
    width: 100%;
    height: 39px;
    border: 1px solid #8c8c8c;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 10px 0;
}

    .search-box * {
        height: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: middle;
        float: right;
        font-size: 14px;
    }

    .search-box a {
        width: 16%;
        cursor: pointer;
        background: #35b035 url(img/search.png) no-repeat center;
        display: none;
    }

    .search-box select {
        width: 42%;
        color: #acabab;
        padding: 0 7px;
        border-left: 1px solid #acabab;
        display: none;
    }

        .search-box select::-ms-expand {
            display: none;
        }

    .search-box input {
        width: 100%;
        height: 100%;
        padding: 0 7px;
        border: 0;
    }

/********** SLIDER **********/
.top-slider {
    width: 100%;
}

    .top-slider img {
        width: 100%;
    }

/********** SERVICES **********/
.services {
    width: 100%;
    margin: 24px auto 0;
    display: block;
    position: relative;
}

.service {
    width: 100%;
    height: 90px;
    font-size: 14px;
    background: #f5f5f5;
    float: left;
    text-align: center;
    border: 1px solid #d2d1db;
    position: relative;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
}

    .service:hover {
        background: #d8edec;
        border: 1px solid #d2d1db;
        border-bottom: 4px solid #070225;
        border-radius: 6px;
    }

.service-box {
    font-family: yekan;
    width: auto;
    display: block;
    margin: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.service-icon {
    height: 50px;
    width: 94px;
    display: inline-block;
    margin-left: 10px;
}

    .service-icon img {
        max-height: 100%;
        max-width: 100%;
        display: inline-block;
    }

.icon-orginal {
    background: url(img/orginal.png) no-repeat center;
}

.icon-price {
    background: url(img/price.png) no-repeat center;
}

.icon-deliver {
    background: url(img/deliver.png) no-repeat center;
}

.service-txts {
    height: 50px;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: yekan;
    position: relative;
    top: -5px;
}

    .service-txts h3 {
        font: 18px yekan;
        line-height: 20px;
        color: #090909;
    }

    .service-txts p {
        font-size: 14px;
        color: #6a6868;
        line-height: 16px;
    }

/********** OFFERS **********/
.offers {
    width: 100%;
    margin: 24px auto 0;
    float: right;
}

.right-sidebar {
    float: right;
}



.samandehi, .enamad {
    width: 50%;
    padding: 10px 0;
    float: right;
}

    .samandehi img, .enamad img {
        margin: auto;
        display: block;
    }

.banner {
    width: calc(100% - 13px);
    float: right;
    position: relative;
    display: block;
    transition: .5s;
}

    .banner:hover {
        box-shadow: 3px 3px 15px 0px #adadad;
        transition: .5s;
    }

    .banner img {
        width: 100%;
        position: relative;
    }

/********** SPECIAL OFFERS **********/
.special-offer {
    width: 100%;
    height: auto;
    float: right;
    border: 1px solid #dedede;
}

.offer-tabs {
    width: 100%;
    height: auto;
    float: right;
    color: #666;
    position: relative;
}

.offer-tab-head {
    width: 100%;
    height: 47px;
    background: #e2dfdf;
    position: absolute;
    border-bottom: 3px solid transparent;
}

.offer-tabs input[type=radio] {
    display: none;
}

.offer-tabs label {
    width: 25%;
    height: 47px;
    padding: 8px 0;
    font-size: 18px;
    float: right;
    text-align: center;
    position: relative;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
}

.offer-tabs input[type=radio]:checked + label {
    color: #000;
    -webkit-transition: .5s;
    transition: .5s;
}

.tab-highlight {
    width: 25%;
    height: 58px;
    background: #77ce89;
    border-radius: 6px;
    position: absolute;
    top: -12px;
    -webkit-transition: .5s;
    transition: .5s;
}

#offer-tab-next,
#offer-tab-prev,
#product-tab-next,
#product-tab-prev {
    width: 32px;
    height: 32px;
    font-size: 40px;
    line-height: 40px;
    color: #35b035;
    font-weight: 100;
    background: transparent;
    border: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 2px;
    left: 10px;
    outline: 0;
    display: none;
    z-index: 3;
}

    #offer-tab-next:active,
    #product-tab-next:active {
        left: 42px;
    }

    #offer-tab-prev:active,
    #product-tab-prev:active {
        left: 8px;
    }

    #offer-tab-next:hover,
    #offer-tab-prev:hover,
    #product-tab-next:hover,
    #product-tab-prev:hover {
        color: grey;
    }

#offer-tab-next,
#product-tab-next {
    left: 40px;
}

.tab-highlight:before {
    content: "";
    position: absolute;
    top: 3px;
    right: -7px;
    border-bottom: 8px solid #000;
    border-right: 8px solid transparent;
}

[id*="offer-tab"]:checked ~ .tab-highlight {
    -webkit-transition: .1s;
    transition: .1s;
}

#offer-tab1:checked ~ .tab-highlight {
    right: 1%;
}

#offer-tab2:checked ~ .tab-highlight {
    right: 25%;
}

#offer-tab3:checked ~ .tab-highlight {
    right: 50%;
}

#offer-tab4:checked ~ .tab-highlight {
    right: 75.1%;
}

.tab-offer {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 150px;
    color: black;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

.tab-offer-img-sm {
    display: none;
}

#offer-tab1:checked ~ #offer-tab-content1,
#offer-tab2:checked ~ #offer-tab-content2,
#offer-tab3:checked ~ #offer-tab-content3,
#offer-tab4:checked ~ #offer-tab-content4 {
    width: 100%;
    height: auto;
    position: relative;
    top: 0px;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s;
}

.tab-offer > img {
    width: 100%;
}

/********** PRODUCTS **********/
.products {
    width: 100%;
    height: auto;
    margin: 24px auto 0;
    float: right;
    position: relative;
}

.product-tabs {
    width: 100%;
    height: auto;
    border: 1px solid #9c9b9b;
    position: relative;
    float: right;
    /* overflow: hidden; */
}

.product-tab-head {
    width: 100%;
    height: 47px;
    position: absolute;
    background: #f8f8f8;
    border-bottom: 3px solid #77ce89;
}

.product-tabs input[type=radio] {
    display: none;
}

.product-tabs label {
    width: 20%;
    height: 47px;
    font-size: 16px;
    color: transparent;
    text-align: center;
    float: right;
    padding: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .product-tabs label:first-line {
        color: #737272;
    }

.product-tabs input[type=radio]:checked + label:first-line {
    color: #000;
    line-height: 14px;
    -webkit-transition: .5s;
    transition: .5s;
}

[id*="product-tab"]:checked ~ .tab-highlight {
    width: 20%;
    -webkit-transition: .1s;
    transition: .1s;
}

#product-tab1:checked ~ .tab-highlight {
    right: .8%;
}

#product-tab2:checked ~ .tab-highlight {
    right: 20%;
}

#product-tab3:checked ~ .tab-highlight {
    right: 40%;
}

#product-tab4:checked ~ .tab-highlight {
    right: 60%;
}

#product-tab5:checked ~ .tab-highlight {
    right: 80.1%;
}

.product-tab {
    width: 100%;
    height: auto;
    float: right;
    position: relative;
    z-index: 2;
    display: none;
    overflow: hidden;
}

#product-tab1:checked ~ #product-tab-content1,
#product-tab2:checked ~ #product-tab-content2,
#product-tab3:checked ~ #product-tab-content3,
#product-tab4:checked ~ #product-tab-content4,
#product-tab5:checked ~ #product-tab-content5 {
    display: flex;
    /*	display: block;*/
    -webkit-animation: open-tab 1s;
    -moz-animation: open-tab 1s;
    -o-animation: open-tab 1s;
    animation: open-tab 1s;
}

    #product-tab1:checked ~ #product-tab-content1 .product-lg,
    #product-tab2:checked ~ #product-tab-content2 .product-lg,
    #product-tab3:checked ~ #product-tab-content3 .product-lg,
    #product-tab4:checked ~ #product-tab-content4 .product-lg,
    #product-tab5:checked ~ #product-tab-content5 .product-lg {
        border-right: 1px solid #9c9b9b;
    }

/********** PRODUCT MEDIUM BOX **********/
.product-md {
    width: 100%;
    height: auto;
    float: right;
    direction: rtl;
    -webkit-transition: .5s;
    transition: .5s;
}

    .product-md:hover {
        background: #dceeec;
        border: 1px solid #070225;
        box-shadow: inset 0px -6px 0px 0px #070225;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .product-md:hover .product-md-img {
            background: #dceeec;
            border: 0;
            -webkit-transition: .5s;
            transition: .5s;
        }

.product-md-img {
    width: 100%;
    border: 1px solid #e2dfdf;
    background-image: -webkit-linear-gradient(top,#dbdbdb 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#dbdbdb 0%,#fff 100%);
    background-image: linear-gradient(to top,#dbdbdb 0%,#fff 100%);
    overflow: hidden;
}

    .product-md-img img {
        width: 100%;
        height: auto;
        min-height: 100%;
        position: relative;
        -ms-mix-blend-mode: Multiply;
        -webkit-mix-blend-mode: Multiply;
        background: #fff;
        mix-blend-mode: Multiply;
    }

.product-md-detail {
    width: 100%;
    height: 107px;
    display: block;
    font-size: 18px;
    padding-top: 5px;
}

.product-md-name,
.product-md-price {
    width: 100%;
    height: 30px;
    display: block;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    padding: 0 10px;
    direction: rtl;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-md-btn {
    width: 80%;
    max-width: 100px;
    height: 27px;
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #77ce89;
    border-radius: 10px 10px 10px 0px;
    padding: 2px;
    margin: 5px auto;
}

    .product-md-btn:hover, .product-md-btn:focus {
        text-decoration: none;
        color: #fff;
    }

/********** PRODUCT LARGE BOX **********/
.product-lg {
    width: 40%;
    height: auto;
    float: right;
    position: relative;
    font-size: 18px;
}

    .product-lg:hover {
        border: 1px solid #070225;
        border-bottom: 6px solid #070225;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .product-lg:hover .product-lg-img {
            border: 0;
            -webkit-transition: .5s;
            transition: .5s;
        }

.product-lg-img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

    .product-lg-img img {
        width: 100%;
        height: auto;
        display: block;
    }

.product-lg-detail {
    top: 105px;
    right: 40px;
    position: absolute;
}

.product-lg-price, .product-lg-name {
    width: 100%;
    display: block;
    font-size: 28px;
    line-height: 30px;
    margin: 0;
    text-shadow: -2px -2px 0 rgba(119, 206, 137, 0.2), 2px -2px 0 rgba(119, 206, 137, 0.2), -2px 2px 0 rgba(119, 206, 137, 0.2), 2px 2px 0 rgba(119, 206, 137, 0.2);
}

.product-lg-name {
    font-size: 22px;
}

.product-lg-btn {
    width: 133px;
    height: 37px;
    display: block;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #77ce89;
    border-radius: 6px;
    padding: 4px;
    margin: 10px 0;
}

    .product-lg-btn:hover,
    .product-lg-btn:focus {
        text-decoration: none;
        color: #fff;
    }

/********** SPECIAL SALE **********/
.special-sale {
    width: 100%;
    height: auto;
    float: right;
    margin: 24px auto;
    position: relative;
}

.special-sale-grids {
    width: 100%;
    height: auto;
    float: right;
    border: 1px solid #9c9b9b;
}

.special-sale-grid {
    width: 60%;
    /* height: 577px; */
    float: right;
}

/********** SPECIAL SALE MEDIUM BOX **********/
.special-sale-md {
    width: 100%;
    height: 290px;
    border: 1px solid #9c9b9b;
    position: relative;
    float: right;
    direction: rtl;
    background: -webkit-linear-gradient(top, #fff 0%, #e6fdeb 100%);
    background: -o-linear-gradient(top, #fff 0%, #e6fdeb 100%);
    background: linear-gradient(to top, #fff 0%, #e6fdeb 100%);
    z-index: -2;
}

    .special-sale-md a {
        color: #000;
        text-decoration: none;
    }

.special-sale-md-price-off {
    width: 106px;
    height: 106px;
    padding: 30px 0;
    background: #77ce89;
    border-radius: 500px;
    position: absolute;
    top: 15px;
    left: 15px;
}

    .special-sale-md-price-off p,
    .special-sale-md-price-off span {
        display: block;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .special-sale-md-price-off p {
        color: #4b4949;
    }

        .special-sale-md-price-off p:before {
            content: "";
            display: block;
            height: 1px;
            width: 80px;
            background: #4b4949;
            position: relative;
            top: 10px;
            left: -10px;
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
        }

.special-sale-md-img {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    overflow: hidden;
}

    .special-sale-md-img img {
        width: 100%;
        float: right;
        position: relative;
        top: 50%;
        right: 50%;
        z-index: -1;
        -webkit-transform: translate(0, -50%);
        transform: translate(50%, -50%);
        mix-blend-mode: multiply;
    }

.special-sale-md-name {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

/********** SPECIAL SALE LARGE BOX **********/
.special-sale-lg {
    width: 66.66%;
    height: 289px;
    float: right;
    border: 1px solid #9c9b9b;
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(top, #e6fdeb 0%, #fff 100%);
    background: -o-linear-gradient(top, #e6fdeb 0%, #fff 100%);
    background: linear-gradient(to top, #e6fdeb 0%, #fff 100%);
}

    .special-sale-lg img {
        width: 100%;
        position: absolute;
        top: 0;
    }

    .special-sale-lg p {
        width: 205px;
        text-align: right;
        font-size: 28px;
        line-height: 30px;
        position: absolute;
        top: 127px;
        left: 38px;
    }

    .special-sale-lg a {
        width: 103px;
        height: 53px;
        display: block;
        position: absolute;
        bottom: 17px;
        left: 38px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        text-decoration: none;
        color: #000;
        background: #77ce89;
        border-radius: 20px 20px 20px 0px;
        padding: 10px;
        margin: 10px 0;
    }

        .special-sale-lg a:hover,
        .special-sale-lg a:focus {
            text-decoration: none;
            color: #fff;
        }

/********** SPECIAL SALE HEADER **********/
.special-sale-title {
    width: 100%;
    height: 61px;
    float: right;
    text-align: center;
    background: #c0e4c7;
}

    .special-sale-title h2 {
        color: #000;
        font: 26px yekan;
        line-height: 60px;
    }

/********** SPECIAL SALE SMALL BOX **********/
.special-sale-sm {
    width: 100%;
    height: 225px;
    float: right;
    border: 1px solid #e2dfdf;
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #fff 100%);
    background: -o-linear-gradient(top, #dbdbdb 0%, #fff 100%);
    background: linear-gradient(to top, #dbdbdb 0%, #fff 100%);
}

    .special-sale-sm img {
        width: 100%;
        position: relative;
        top: 50%;
        -ms-mix-blend-mode: multiply;
        -webkit-mix-blend-mode: multiply;
        mix-blend-mode: multiply;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border: 0;
        outline: 0;
        /*	background: #fff;*/
    }

.special-sale-sm-hover {
    direction: rtl;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    color: #fff;
    font-size: 20px;
    float: right;
    position: absolute;
    top: 225px;
    right: 0;
    line-height: 26px;
    text-align: center;
    padding: 500px 0;
    cursor: default;
    -webkit-transition: .5s;
    transition: .5s;
}

.special-sale-sm:hover {
    border-color: #7f7f7f;
    -webkit-transition: .5s;
    transition: .5s;
}

    .special-sale-sm:hover .special-sale-sm-hover {
        top: 0;
        opacity: 1;
        padding: 60px 0;
        -webkit-transition: .5s;
        transition: .5s;
    }

.special-sale-sm a {
    width: 60px;
    height: 31px;
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #77ce89;
    border-radius: 10px 10px 10px 0px;
    padding: 4px;
    margin: 5px auto;
    position: absolute;
    bottom: 26px;
    left: 30px;
}

    .special-sale-sm a:hover,
    .special-sale-sm a:focus {
        text-decoration: none;
        color: #fff;
    }

/********** SPECIAL SALE BANNER **********/
.special-sale-xlg {
    width: 40%;
    height: 576px;
    float: right;
    position: relative;
    overflow: hidden;
}

.special-sale-xlg-img {
    /*	width: 100%;*/
    height: 100%;
}

.special-sale-xlg-txt {
    width: 80%;
    height: 85px;
    color: #000;
    background: rgba(255,255,255,0.5);
    display: block;
    padding: 30px 0;
    text-align: center;
    margin: auto;
    position: absolute;
    bottom: 50px;
    right: 10%;
    z-index: 1;
}

/********** NEWS LETTER **********/
.news-letter {
    width: 100%;
    float: right;
    margin-bottom: 30px;
}

.news-letter-offer {
    width: calc(100% - 28px);
    height: 120px;
    float: right;
    margin-left: 28px;
    position: relative;
    background: -moz-linear-gradient(-26deg, #5da16b 70%,#95c395 70%);
    background: -webkit-linear-gradient(-26deg, #5da16b 70%,#95c395 70%);
    background: -ms-linear-gradient(-26deg, #5da16b 70%,#95c395 70%);
}

    .news-letter-offer:after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        border-width: 25px 10px 25px 0;
        border-color: transparent;
        border-style: solid;
        border-right-color: #5da16b;
        top: calc(50% - 25px);
        left: -10px;
    }

.news-letter-offer-ico {
    width: 30%;
    height: 100%;
    background: url(img/news-letter.png) no-repeat top 18px right 30%;
    display: block;
    float: right;
}

.news-letter-offer p,
.news-letter-offer span {
    width: 70%;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    display: block;
    position: relative;
    top: 30px;
    float: right;
}

.news-letter-offer span {
    width: calc(70% - 25px);
    margin-right: 25px;
}

.news-letter-form {
    width: 100%;
    height: 120px;
    float: right;
    padding: 6px 28px;
    background: #f0f0f0;
    border: 1px solid #e2e2e2;
}

    .news-letter-form label {
        width: 100%;
        display: block;
        font-size: 16px;
        padding: 5px 0;
    }

.news-letter #Email_NewsLetter {
    width: calc(100% - 45px);
    height: 44px;
    border: 1px solid #d7d7d7;
    outline: 0;
    font: 16px yekan;
    padding: 0 10px;
    float: right;
}

.news-letter-btn {
    width: 45px;
    height: 44px;
    font-size: 12px;
    background: #77ce89;
    border: 1px solid #d7d7d7;
    float: right;
    box-shadow: inset 0px 0px #98dca5;
    -webkit-transition: .5s;
    transition: .5s;
}

    .news-letter-btn:hover {
        box-shadow: inset 120px 0px #98dca5;
        -webkit-transition: .5s;
        transition: .5s;
    }

/**************************** TWEAK ****************************/
.force-left {
    float: left !important;
}

.container-fluid.padless.wow.fadeIn.animated {
    animation-fill-mode: inherit;
}

.menu-icon {
       float: right;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

/********* owl slider ********/
#owl-demo-slider > div.owl-controls.clickable > div.owl-buttons > div.owl-prev {
    color: #000;
    left: 40px;
}

#owl-demo-slider > div.owl-controls.clickable > div.owl-buttons > div.owl-next {
    color: #000;
    right: 40px;
}

#owl-demo-slider > div.owl-wrapper-outer > div > div > div > a > img {
    width: 100%
}

.owl-pagination {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.owl-page.active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #35b035;
    border-radius: 50%;
}

#owl-demo-slider {
    padding: 3px;
    border-radius: 5px;
    margin-top: 2px;
    box-shadow: 0px 0px 6px -2px #333;
}

.owl-prev,
.owl-next {
    color: #cdcdcd;
    font-size: 50px;
    position: absolute;
    top: 50%;
    kit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 100px;
}

.owl-next {
    right: 10px;
}

.owl-prev {
    left: 10px;
}

    .owl-next:hover,
    .owl-prev:hover {
        color: #35b035;
    }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
    }
    /* If PaginationNumbers is true */
    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }
/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(imafges/Loader.gif) no-repeat center center
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: block;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: flex !important;
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/************************** PRODUCT bhoechie  ********************************/
.bhoechie-tab-container {
    width: 100%;
    float: left;
    border: 1px solid #dedede;
    position: relative;
}

.bhoechie-tab-content {
    height: 238px;
    display: none;
    float: right;
    direction: ltr;
}

.bhoechie-tab .bhoechie-tab-content.active {
    display: block;
    -webkit-animation: open-tab 1s;
    -moz-animation: open-tab 1s;
    -o-animation: open-tab 1s;
    animation: open-tab 1s;
}

.bhoechie-tab-content.active > div {
    height: 100%;
    float: right;
    position: relative;
}

.bhoechie-offer-buy {
    height: 238px !important;
}

.bhoechie-tab-container .top-content .row {
    margin: 0;
}

.bhoechie-tab-menu .list-group {
    width: 100%;
    height: 47px;
    margin: 0;
    background: #e2dfdf;
    z-index: -2;
}

.bhoechie-tab-container .list-group > h4 {
    width: 25%;
    height: 47px;
    float: right;
    color: #666;
    position: relative;
    font: 16px yekan;
    line-height: 18px;
    text-align: center;
    padding: 12px;
    z-index: 1;
}

    .bhoechie-tab-container .list-group > h4.active a::first-line {
        color: #000;
    }

    .bhoechie-tab-container .list-group > h4 a {
        width: 100%;
        height: 10px;
        color: transparent;
        float: right;
    }

        .bhoechie-tab-container .list-group > h4 a:first-line {
            color: #6c6c6c;
        }

    .bhoechie-tab-container .list-group > h4.active:before {
        content: "";
        width: calc(100% - 6px);
        height: calc(100% + 10px);
        display: block;
        position: absolute;
        border-radius: 7px;
        top: -10px;
        right: 6px;
        background: #77ce89;
        z-index: -1;
    }

    .bhoechie-tab-container .list-group > h4.active:after {
        content: "";
        position: absolute;
        top: -7px;
        right: 0px;
        border-bottom: 7px solid #000;
        border-right: 7px solid transparent;
    }

.bhoechie-txt {
    width: 100%;
    display: block;
    padding: 30px 5px 10px;
    font: 28px yekan;
    color: #35b035;
    text-align: center;
}

.bhoechie-price-compare {
    width: 90%;
    height: 38px;
    background: #77ce89;
    margin: auto;
    border-radius: 5px;
    overflow: hidden;
}

    .bhoechie-price-compare > * {
        width: 50%;
        height: 100%;
        float: right;
        line-height: 35px;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        color: #fff;
    }

    .bhoechie-price-compare p {
        color: lightgray;
        background: #333333;
        text-decoration: line-through;
    }

.bhoechie-tab .timer-div {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
}

    .bhoechie-tab .timer-div .timer {
        display: inline-block;
        position: relative;
    }

.cntDigit:nth-child(2n) {
    margin-right: 4px;
}

    .cntDigit:nth-child(2n):not(:last-child):after {
        content: ":";
        width: 4px;
        line-height: 35px;
        display: block;
        position: relative;
        float: right;
        right: -4px;
    }

.bhoechie-count-txt {
    display: block;
    text-align: center;
    padding: 10px;
}

.bhoechie-tab .timer-div .timer-text {
    width: auto;
    display: inline-block;
    display: none;
}

    .bhoechie-tab .timer-div .timer-text span {
        width: 45px;
        display: inline-block;
        text-align: center;
    }

.bhoechie-img {
    height: 238px;
    overflow: hidden;
}

    .bhoechie-img img {
        height: 100%;
        margin: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.bhoechie-name {
    max-height: 140px;
    overflow: hidden;
    color: #000;
    font: 22px yekan;
    padding: 40px 10px 10px;
}

.bhoechie-price {
    direction: rtl;
    padding: 10px;
}

    .bhoechie-price bdi {
        color: #35b035;
    }

.bhoechie-btn {
    width: 62px;
    height: 27px;
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #77ce89;
    border-radius: 10px 10px 10px 0px;
    float: left;
    position: absolute;
    padding: 2px;
    margin: 15px;
    bottom: 0;
}

    .bhoechie-btn:hover {
        color: #fff;
    }

/************************** FOOTER ********************************/
#footer-menu .dropdown-menu li:hover span {
    color: #77ce89;
}

.footer-samandehi,
.footer-enamd {
    width: calc(50% - 10px);
    /* 	height: 113px; */
    float: left;
    margin: 5px;
    background: #e7e7e7;
    border-radius: 5px;
}

    .footer-samandehi img,
    .footer-enamd img {
        width: 100%;
        height: 100%;
    }

#footer-menu ul li {
    width: 180px;
}

#mappath > div.container {
    width: auto;
}

/********** FOOTER NEWS LETTER **********/
.footer-news-letter {
    width: 100%;
    float: right;
}

    .footer-news-letter .news-letter-form {
        height: auto;
        background: transparent;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .footer-news-letter label {
        width: 100%;
        color: #b4b6b8;
        padding: 10px 0;
    }

    .footer-news-letter #Email_NewsLetter {
        width: 70%;
        height: 32px;
        color: white;
        font: 14px 'Myriad Pro', tahoma;
        vertical-align: middle;
        line-height: 30px;
        background: #272626;
        float: right;
        border: 1px solid #4b4b4c;
        border-left: 0;
    }

        .footer-news-letter #Email_NewsLetter::placeholder {
            color: #4e4e4e;
        }

    .footer-news-letter .news-letter-btn {
        width: 30%;
        height: 32px;
        color: #fff;
        background: #77ce89;
        border: 1px solid #4c4c4d !important;
        border-right: 0 !important;
        box-shadow: inset 0px 0px #98dca5;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .footer-news-letter .news-letter-btn:hover {
            color: #000;
            -webkit-transition: .5s;
            transition: .5s;
            box-shadow: inset 150px 0px #98dca5;
        }

#socialNetwork a {
    width: 28px;
    height: 28px;
    padding: 5px;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

    #socialNetwork a:hover {
        -webkit-box-shadow: inset 0 0 0px 14px #78ce89;
        box-shadow: inset 0 0 0px 14px #78ce89;
        -webkit-transition: .5s;
        transition: .5s;
    }

.footer-hiberd, .footer-hiberd a {
    color: #686767;
}

    .footer-hiberd:hover,
    .footer-hiberd:hover a {
        color: #78ce89;
    }

.social-media {
    width: 100%;
    padding: 20px 0;
    color: #fff;
    float: right;
}

    .social-media > span {
        float: right;
        /* 	vertical-align: middle; */
    }

    .social-media .top-content {
        float: left;
        /* 	vertical-align: middle; */
    }

.scrollToTop {
    background: #47494b;
    border-radius: 3px;
    -wekit-border-radius: 50%;
    bottom: 16px;
    display: block;
    height: 40px;
    position: fixed;
    right: 36px;
    text-align: center;
    width: 40px;
    z-index: 1030;
    cursor: pointer;
    display: none;
}

    .scrollToTop:hover {
        background-color: #78cd89;
    }

    .scrollToTop i {
        color: #eee;
        display: block;
        float: none;
        font-size: 27px;
        padding: 5px;
    }

/********** CATGORT PAGE **********/
.catgory-view {
    width: 100%;
    height: 200px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px
}

.catgory-view > a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.catgory-view > a:hover {
    color: #000;
}

.catgory-view .cat-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: calc(100% - 30px);
    margin: auto;
}

.catgory-view .cat-name {
    width: 100%;
    text-align: center;
    line-height: 30px;
    display: block;
    position: relative;
    bottom: 0;
    background: #77ce89;
}
/********************* PRODUCT PAGE ********************/
.product-name {
    float: right;
}

.product-id {
    float: left;
    padding: 5px;
}

#garanty-product {
    width: 50%;
    float: right;
}

.TitleGaranty {
    width: 100%;
    float: right;
    padding-top: 15px;
}

.qr-code {
    width: 130px;
    height: 130px;
    float: left;
    clear: left;
    border: 1px solid #3cb12f;
    margin: 0;
    background: #fff;
    position: relative;
    transition: .5s;
}

    /* .qr-code:hover img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 188px;
	height: 188px;
	transform: translate(-50% , -50%);
	border: 1px solid #3cb12f;
	z-index: 999;
	transition: .5s;
} */

    .qr-code img {
        width: 100%;
        height: 100%;
        transition: .5s;
    }

#productOptions .price-off {
    width: 120px;
    color: #3cb12f;
    float: left;
    font-size: 20px;
    line-height: 40px;
    margin: 4px 20px;
    text-align: center;
    border: 1px solid #3cb12f;
}

#productOptions .price-color {
    display: none;
}

#productOptions .color {
    color: #5ac173;
    font-size: 24px;
}

#productOptions .line-through {
    color: #131b26;
    font-size: 24px;
}

.adtocartlink {
    width: 198px;
    display: block;
    float: right;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #ff8a3a;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    1
}

    .adtocartlink:hover {
        color: #fff;
        box-shadow: inset 206px 0px 0px 0px #ff781b;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .adtocartlink:after {
        content: "\f291";
        font-family: fontawesome;
        width: 40px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        float: right;
    }

#detail-product .compare-add-redirect {
    padding: 10px;
    float: right;
    /* margin-right: 25px !important; */
    /* width: 198px; */
    /* display: block; */
    /* float: left; */
    /* line-height: 40px; */
    /* text-align: center; */
    /* color: #fff; */
    /* background: #3a89ff; */
    /* border-radius: 7px; */
    /* margin-top: -39px; */
    /* overflow: hidden; */
    /* position: relative; */
    /* -webkit-transition: .5s; */
    /* transition: .5s; */
}

    #detail-product .compare-add-redirect i {
        width: 20px;
        height: 20px;
        border: 1px solid #b2b2b2;
        border-radius: 5px;
        padding: 1px;
        color: transparent;
    }

    #detail-product .compare-add-redirect:after {
        /* 	content: "";
	width: 40px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	float: right;
	background: url(img/icon.png) no-repeat -7px -280px; */
    }

    #detail-product .compare-add-redirect:hover i,
    #detail-product .compare-add-redirect:focus i {
        color: #b2b2b2;
        /* 	box-shadow: inset 206px 0px 0px 0px #247bfd; */
    }

.adtocartlink:before {
    right: 0;
    width: 32px !important;
    height: 100% !important;
}

.product-details {
    width: 100%;
    float: right;
    margin-top: 20px;
    border-top: 1px solid #dddddd;
    padding: 20px 5px 0;
}

    .product-details i {
        width: 40px;
        height: 40px;
        float: right;
        background: url(img/delivery.png);
    }

    .product-details p {
        color: #5ebf7c;
        padding: 5px 10px;
        float: right;
    }

        .product-details p span {
            color: #000;
        }

    .product-details #rate {
        width: 220px;
        height: 26px;
        float: left;
        border: 1px solid #76cb88;
        border-radius: 50px;
        overflow: hidden;
    }

        .product-details #rate .rating-score {
            width: 50%;
            margin: 0;
            text-align: center;
            background: #79cf88;
        }

        .product-details #rate #pr_rating {
            width: 50%;
            margin: 0;
            padding: 4px 14px;
            text-align: center;
        }

main section.form-wrapper > iframe {
    margin-bottom: 20px;
}

/********** GALLERY **********/
.zoomWrapperImage {
    border: 1px solid #35b035;
    border-radius: 10px;
    background: #fff;
}

.gallery-det {
    position: relative;
    min-height: 35px;
}

.gall-icons {
    width: 100%;
    position: relative;
    float: left;
    padding-left: 0;
    z-index: 1;
    left: 0;
    padding-top: 11px;
    border: 1px solid #ccc;
    margin: 0 auto;
}

.option-part1 {
    width: auto;
    padding: 0;
    margin: 0;
    float: left !important;
    font-size: 22px;
	list-style: none;
}

.addToFav, .Friend, #like, .btnlike {
    padding: 5px;
    color: #9c9c9c;
    background: 0;
    border: 0;
    margin: 0;
}

.btnlike {
    background: 0;
    border: 0;
    margin: 0;
    padding: 0 4px;
}

#like .btnlike.saved,
#like .btnlike:focus,
#like .btnlike:focus + .num {
    color: #35b035;
}

.rg-image a .zoomPad {
    background-image: -webkit-linear-gradient(top,#dbdbdb 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#dbdbdb 0%,#fff 100%);
    background-image: linear-gradient(to top,#dbdbdb 0%,#fff 100%);
}

    .rg-image a .zoomPad > img {
        -ms-mix-blend-mode: Multiply;
        -webkit-mix-blend-mode: Multiply;
        mix-blend-mode: Multiply;
    }

#color > div.txt {
    float: right;
}

.item-tab img {
    display: block;
    max-width: 100%;
    height: auto;
}

/********** RELATIVE PRODUCTS **********/
#relative-products .item {
    border: 1px solid lightgrey;
    float: right;
    -webkit-transition: .5s;
    transition: .5s;
}

    #relative-products .item:hover {
        background: #dceeec;
        border: 1px solid #070225;
        box-shadow: inset 0px -6px 0px 0px #070225;
        -webkit-transition: .5s;
        transition: .5s;
    }

        #relative-products .item:hover .img {
            background: #dceeec;
            border: none;
            -webkit-transition: .5s;
            transition: .5s;
        }

    #relative-products .item .img {
        width: 100%;
        border: 1px solid #e2dfdf;
        background-image: -webkit-linear-gradient(top,#dbdbdb 0%,#fff 100%);
        background-image: -o-linear-gradient(top,#dbdbdb 0%,#fff 100%);
        background-image: linear-gradient(to top,#dbdbdb 0%,#fff 100%);
        overflow: hidden;
        float: right;
    }

        #relative-products .item .img img {
            width: 100%;
            height: auto;
            min-height: 100%;
            position: relative;
            background: #fff;
            -ms-mix-blend-mode: Multiply;
            -webkit-mix-blend-mode: Multiply;
            mix-blend-mode: Multiply;
        }

    #relative-products .item .btm {
        direction: rtl;
        cursor: default;
        text-align: center;
        float: right;
    }

    #relative-products .item > .btm > .name,
    #relative-products .item > .btm > .price {
        width: 100%;
        height: 28px;
        float: right;
        overflow: hidden;
    }

    #relative-products .item .btm .more {
        width: 80%;
        max-width: 100px;
        height: 27px;
        float: right;
        position: relative;
        right: 50%;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
        line-height: 20px;
        background: #77ce89;
        border-radius: 10px 10px 10px 0px;
        padding: 2px;
        margin: 10px auto;
    }

        #relative-products .item .btm .more:hover {
            color: #fff;
        }

/********** ABOUT PAGE **********/
#dynamic-text {
    line-height: 2em;
}

/********** FACTOR PAGE **********/
.sale-factor {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    direction: rtl;
    font-size: 14px;
}

    .sale-factor .logo {
        width: 170px;
        float: none;
        display: block;
        margin: auto;
    }

    .sale-factor .table {
        margin: 0;
    }

        .sale-factor .table td {
            line-height: 25px;
        }

#form-SendToFriend {
    font-size: 16px;
}

.input-validation-error {
    background: #ffbebe;
}

.factor-head {
    text-align: center;
}

.factor-num {
    float: left;
    margin-top: -27px;
}
/*****************************************/



#group-product {position:relative;}
#group-product .nav-right > ul > li > ul {width:986px;}
#group-product .nav-right ul li ul.load ,.nav-right > ul.load {visibility:visible;display:none}
.nav-right > ul {height: 100%;width: 184px;background:#f4f4f4;z-index:10;display:block;position:relative;visibility:hidden}
.nav-right > ul > li > ul {background-color:#fff;width:213px;position: absolute;right: 100%;z-index: 0;height: 360px;top: 0;padding:5px 0px;visibility:hidden}

#group-product .nav-right ul li ul li ul li {font-size: 0.97em;margin-bottom: 5px;}
#group-product .nav-right {position: absolute;top: 44px;z-index:10;font-size:0.95em;right:0px;}
/*.nav-right > ul:before { width: 0; height: 0; border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 12px solid #fff;content:"";display:block;position: absolute;top: -12px;right: 13px;}*/
.nav-right > ul > li {width:100%;}
.nav-right > ul > li:hover ,.nav-right > ul > li.hover  {    background-color: #fff;}
.nav-right > ul > li > a {display:block;color:#666!important;border-bottom:1px solid #dedede;padding:8px 12px;}
.nav-right ul li:hover > a {color:#ffbd01;}
.nav-right > ul > li > ul > li {padding-right:0;}
.nav-right > ul > li > ul > li > a { color: #666;display: block;font-size: 1em;margin: 0 10px 0 0;padding: 8px 12px;}
.nav-right > ul > li > ul > li > a:hover {color:#666;}
.img-menu {margin:15px 0px;}
.img-menu img {margin:0 auto;}
/*#group-product .nav-right > ul > li > ul > li > ul {position: absolute;right: 100%;width: 635px;height: 360px;top: 0;z-index: 11;padding-top:5px;background-color:#fff;height:100%;}*/
.nav-right > ul > li > ul > li > ul > li {width:100%;}
.nav-right > ul > li > ul > li > ul > li.img {bottom: -56px;left: -91px;position: absolute;width: auto;}
.nav-right > ul > li > ul > li > ul > li > a {display:block;margin:0px 10px;color:#000;padding:7px 0px;}
.deep-menu li ul {padding:0 10px;}
.deep-menu li ul li a {color:#676565;}
.link-group {    display: block;
    width: 184px;
    background-color: #77ce89;
    color: #fff;
    padding: 7px;}
.menu-item { width:184px;}
 .nav-right > ul {    height: 360px;box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;z-index:9000}
  .nav-right > ul:before {    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background-color:#f4f4f4;
    position: absolute;
    right: 98%;
    top: 0;
    z-index: 90000;}
    .nav-right > ul > li > ul {    height: 360px;
    overflow: hidden auto;
    padding: 15px;box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;z-index:8000}
.nav-right > ul > li > ul > li > a {display:block;margin-bottom:10px;}
    .nav-right > ul > li > ul > div > li {margin-bottom:15px;}
    .nav-right > ul > li > ul > div > li > a {
       display: block;
    width: 100%;
    border-right: 2px solid #77ce89;
    padding-right: 9px;
    font-size: 1.1em;
    margin-bottom: 13px;
}

/********/




/********** MEDIA CONTROL **********/
/********** 1200px **********/
@media (max-width:1199px) {
#group-product .nav-right > ul > li > ul {    width: 786px;}
    
}
/********** 992px **********/
@media (max-width:991px) {
.menubar > .padless ,.menubar.padless , header > .container.padless {padding:0 15px;}
   .nav-search {margin-top:15px;}
.force-right { padding-top
:2px}
    .nav-mainmenu {display:none}
    .logo {float:right;}
        .logo a img {
            width:110px
        }
    
    #product-tab1:checked ~ #product-tab-content1,
    #product-tab2:checked ~ #product-tab-content2,
    #product-tab3:checked ~ #product-tab-content3,
    #product-tab4:checked ~ #product-tab-content4,
    #product-tab5:checked ~ #product-tab-content5 {
        display: block;
    }

    .product-lg {
        width: 100%;
        border-top: 1px solid lightgrey;
    }

        .product-lg img {
            width: auto;
            height: 100%;
            float: left;
        }

    .special-sale-grid {
        width: 100%;
    }

    .special-sale-xlg {
        display: none;
    }

    .news-letter-offer {
        width: 100%;
    }

        .news-letter-offer:after {
            display: none;
        }

    .bhoechie-txt {
        padding: 0;
    }

    .special-sale-md {
        height: auto;
    }

    .special-sale-md-img img {
        top: 0;
        right: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .special-sale-sm {
        height: 100%;
    }

        .special-sale-sm img {
            height: 100%;
            top: 0;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }

    .offer-counter {
        margin-bottom: 30px;
    }

    .bhoechie-tab-content {
        height: auto;
    }
}

/********** 768px **********/
@media (max-width:768px) {
    .topbar {
        width: 100%;
        padding: 10px;
    }


    #detail-product .compare-add-redirect {
        margin-top: -10px auto !important;
        padding: 0;
    }

    .submenu-item-arrow i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .nav-search {
        width: 100% !important;
        padding: 0 10px;
    }

    .garanty-product, #garanty-color {
        width: 100% !important;
    }
}

/********** 640px **********/
@media (max-width:640px) {
    .top-box:not(:last-child) {
        border: 0;
    }

    .bhoechie-tab-container .list-group > h4, .call-us {
        display: none;
    }

        .bhoechie-tab-container .list-group > h4.active {
            width: 50%;
            display: block;
            float: right;
            background: #77ce89;
        }

        .bhoechie-tab-container .list-group > h4:after {
            display: none;
        }

        .bhoechie-tab-container .list-group > h4.active:before {
            width: 0;
            height: 0;
            border-radius: 0px;
            top: 0;
            right: 100%;
            background: transparent;
            border-bottom: 47px solid #77ce89;
            border-left: 32px solid transparent;
        }

    .offer-tabs label,
    .product-tabs label,
    .tab-highlight,
    .tab-offer-img-lg {
        display: none;
    }

    .tab-offer-img-sm {
        display: block;
    }

    .offer-tabs input[type=radio]:checked + label:after,
    .product-tabs input[type=radio]:checked + label:after {
        content: "";
        position: absolute;
        top: 0;
        left: -30px;
        border-bottom: 44px solid #77ce89;
        border-left: 30px solid transparent;
    }

    .offer-tabs input[type=radio]:checked + label,
    .product-tabs input[type=radio]:checked + label {
        width: 50%;
        height: 47px;
        display: block;
        overflow: visible;
        background: #77ce89;
        margin: 0;
    }

        .product-tabs input[type=radio]:checked + label:first-line {
            line-height: 22px;
        }

    .offer-tab-head {
        border-bottom: 3px solid #77ce89;
    }

    #offer-tab-next,
    #offer-tab-prev,
    #product-tab-next,
    #product-tab-prev {
        display: block;
    }

    .off-detail {
        float: right;
    }

    #garanty-product, .garanty-product {
        width: 100%;
    }
}

/********** 480px **********/
@media (max-width:480px) {
    .bhoechie-offer-buy,
    .bhoechie-image,
    .bhoechie-prices,
    .offer-counter {
        width: 100%;
    }

    .bhoechie-prices {
        padding: 0;
    }


    .bhoechie-name {
        padding: 0 20px;
        margin: 0;
    }

    .bhoechie-tab-container .list-group > h4.active,
    .product-tabs input[type=radio]:checked + label {
        width: 60%;
    }

    .news-letter-offer {
        margin-left: 28px;
        position: relative;
        background: -moz-linear-gradient(-26deg, #5da16b 62%,#95c395 38%);
        background: -webkit-linear-gradient(-26deg, #5da16b 62%,#95c395 38%);
        background: -ms-linear-gradient(-26deg, #5da16b 62%,#95c395 38%);
    }

    .news-letter-offer-ico {
        width: 35%;
        height: 100%;
        background: url(img/news-letter.png) no-repeat top 18px right 30%;
        display: block;
        float: right;
    }

    .news-letter-offer p,
    .news-letter-offer span {
        width: calc(70% - 20px);
        float: left;
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        display: block;
        position: relative;
        top: 30px;
    }

    .news-letter-offer span {
        width: calc(70% - 50px);
        padding: 1px;
    }

    .news-letter-form {
        width: 100%;
        height: 120px;
        float: right;
        padding: 6px 28px;
        background: #f0f0f0;
        border: 1px solid #e2e2e2;
    }

        .news-letter-form label {
            width: 100%;
            display: block;
            font-size: 14px;
            padding: 5px 0;
        }

    .news-letter #Email_NewsLetter {
        width: calc(100% - 45px);
        height: 44px;
        border: 1px solid #d7d7d7;
        outline: 0;
        /* font: 20px yekan; */
        padding: 0 10px;
        float: right;
    }

    .news-letter-btn {
        width: 45px;
        height: 44px;
        font-size: 12px;
        background: #77ce89;
        border: 1px solid #d7d7d7;
        float: right;
    }

    .footer-contact {
        width: 100%;
    }

    .footer-logos {
        width: 40%;
        margin: auto;
        float: none !important;
    }

    .footer-copyright,
    .footer-link {
        width: 100%;
        text-align: center;
    }

    .bhoechie-offer-buy {
        height: auto !important;
    }

    #rate, .delivery-detail {
        width: 180px;
        float: none !important;
        display: block !important;
        clear: both;
        margin: auto;
    }
}

/*********** KEYFRAMES **********/
@-webkit-keyframes open-tab {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
#pageslide ul {direction:rtl;text-align:right;width:100%;list-style:none;padding:0px;margin:0px;}
#pageslide ul ul ul ul {display:block!important}
#pageslide ul li {width:100%;float:right;}
#pageslide ul li a img {display:none;}
#pageslide > ul  > li:first-child > a i {float:none}
#pageslide ul li a i {float:left;margin-top:5px;}
#pageslide ul  > li  > a {border-bottom: 1px solid #3f3f3f;color: #eee;display: block;padding: 15px 5px;}
#pageslide ul li ul {float:right;width:100%;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}
#pageslide ul li {width:100%;margin-left:0px;}
#pageslide ul li a {border-bottom:1px solid #404040;width:100%;display:block;color:#fff;padding:9px;font-size:0.95em;}
#pageslide ul li ul {display:none;background:#333!important}
#pageslide ul li ul ul {background:#777!important}
#pageslide ul li ul li a {padding:10px 25px 10px 10px;}
#pageslide ul li ul li.submenu a {padding:10px 20px 10px 10px;}
#pageslide ul li ul li a i:before {content: "\f107";}
#pageslide ul li ul li li a {padding-right:45px;}
#pageslide ul li ul .submenu-item-arrow i {        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);}