.r-filter-menu{
                text-align:center;
                padding:30px 0;}

             [data-id=news-3] .r-filter-btn.selected{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        ;color:#fff;}
              .r-filter-btn{
                display:inline-block;
                padding: 5px 10px;
                margin:5px;
                border-radius: 2px;
                font-size:.8em;
                color:;
                cursor:pointer;
                font-weight:bold;
            }
          [data-id=news-3] .r-filter-btn:hover{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        ; color:#fff}

        #news-3{
                  padding-top:10px;
                }#news-3{
                    background-color:#ffffff;
                }#news-3{
                        font-size:16px;
                }#news-3 .color_tem1{ /*range asli color ??? */
            color:#ffffff ;
        }#news-3 .color_tem2{ /*range asli color ??? */
            color:#B49B57 ;
        }#news-3 .color_tem1_bg{/*range back box  */
            background-color:#ffffff ;
        }#news-3 .color_tem2_bg{/*range back box if gradient*/
            background-color:#B49B57 ;
        }#news-3 .color_title{/*range title asli module*/
                            color: ;
                                }#news-3 .color_text{/*range text haye module  */
                            color:;
                                }#news-3 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:;
                                }#news-3 .color_link_hover:hover{/*range  text link hover*/
                            color:#22B5BD ;
                                }#news-3 .color_b_text{/*range link button manand range matnesh*/
                            color: ;
                                }#news-3 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color: ;
                                }#news-3 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color: ;
                                }#news-3 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color: ;
                                }#news-3 .color_box_text{/*range text dakhele box ha! */
                            color:#ffffff ;
                                }#news-3 .color_box_title{/*range title dakhele box ha!*/
                            color: ;
                                }#news-3 .pr_1200 , #news-3 .color_1200_bg{
                             background-color:#ffffff ;
                             padding:0px ;
                                }
        .rNewsDate{
            width:42px;
            background:#fff;
            padding:2px;
            min-height:80px;
            position:absolute;
            z-index:2;
            text-align:center;

        }
        .rNewsDate>span{display:block;}
        .rNewsDate>span:after{display:block;content:""; width:10px; height:2px; 
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(right, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(right, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to left, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
         ;position:relative; top:100%;margin:auto;}
        .rNewsDate.fa{left:0;left:5px;top:5px;}
        .r-news-item-box{
            width:33.3%;
            padding:5px;
            display:inline-block;
            vertical-align:top;
            top:0;left:0;
        }
        .r-news-item{
            padding:1%;
            background:#5C5C5C;

            }

        .r-news-img{overflow:hidden;width:100%;}
        .r-news-img>img{transform: scale(0) position:relative;width:100%; -webkit-transition: transform 2.2s ease-in-out;
                 -moz-transition: transform 2.2s ease-in-out;
                 -o-transition: transform 2.2s ease-in-out;
                 transition: transform 2.2s ease-in-out;}
        .r-news-img:hover>img{/*width:120%;margin-right:-10%; margin-top:-5%*/ transform: scale(2);}
        .r-news-img:after{content:""; opacity:0;  -webkit-transition: opacity .25s ease-in-out;
                 -moz-transition: opacity .25s ease-in-out;
                 -o-transition: opacity .25s ease-in-out;
                 transition: opacity .25s ease-in-out;;position:absolute; top:0; left:0;width:100%; height:100%}
        .r-news-img:hover> .circle-thumb-area{opacity:.3;  -webkit-transition: opacity .6s ease-in-out;
                 -moz-transition: opacity .6s ease-in-out;
                 -o-transition: opacity .6s ease-in-out;
                 transition: opacity .6s ease-in-out;}

        .r-news-img{position:relative;}


        .slideImages{display:none;}


        .tags-area{position:absolute; width:100%; z-index: 1;margin:10px; }
        .tags-area.fa{text-align:right;}
        .r-news-img:hover> .circle-thumb-area{opacity:1;  -webkit-transition: opacity .6s ease-in-out;
                 -moz-transition: opacity .6s ease-in-out;
                 -o-transition: opacity .6s ease-in-out;
                 transition: opacity .6s ease-in-out;}
        .rNewsTagLabel{
            display:inline-block;
            padding:0 3px;
            margin-bottom:2px;
            background:#000;
            color:#fff;
        }

       .r-circle-thumbs:nth-child(1){
            position:relative;
            left: 10px
        }
        .r-circle-thumbs:nth-child(2){
            position:relative;
            left:-10px
        }

        .r-circle-thumbs:nth-child(3){
            position:relative;
            left:-30px
        }

        .r-news-content{width:1200px;margin:auto; position:relative}

        
             .rNewsLink.underlineHover:hover:after{width:100%}
             .rNewsLink.underlineHover:after{content:""; display:block; position:relative; top:100%;width:0;height:2px;
            
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(right, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(right, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to left, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        

             -webkit-transition: width .2s ease-in-out;
                 -moz-transition: width .2s ease-in-out;
                 -o-transition: width .2s ease-in-out;
                 transition: width .2s ease-in-out;
            }
            
        .rNewsLink{font-size:1em;font-weight:bold;display:inline-block;padding:0 10px;}
        #r-1852211542:hover:after{opacity:.1} #r-1852211542:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1875939322:hover:after{opacity:.1} #r-1875939322:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-2038638437:hover:after{opacity:.1} #r-2038638437:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1875356640:hover:after{opacity:.1} #r-1875356640:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-687797348:hover:after{opacity:.1} #r-687797348:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1017652036:hover:after{opacity:.1} #r-1017652036:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1632652704:hover:after{opacity:.1} #r-1632652704:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1911609877:hover:after{opacity:.1} #r-1911609877:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-373860327:hover:after{opacity:.1} #r-373860327:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-528657507:hover:after{opacity:.1} #r-528657507:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-547506742:hover:after{opacity:.1} #r-547506742:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1599304315:hover:after{opacity:.1} #r-1599304315:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-2119153243:hover:after{opacity:.1} #r-2119153243:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            #r-1878077532:hover:after{opacity:.1} #r-1878077532:after{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
            background: #B49B57; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #B49B57 0%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #B49B57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #B49B57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B49B57", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
        }
                .rNewsImgLink{
                    width:100%;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:10;
                }
            
        .r-news-item>p{padding:5px;text-align:justify;color:#85868c;;font-size:1em;}
            .imgTitle{font-weight:bold; color:#333333; padding: 5px;font-size:1.3em;margin-top:15px;}
            .r-arrow{width:100px;display:inline-block;height: 100%; color: #fff; position:relative;cursor:pointer;}
            .r-arrow:after{
                margin: auto;
                top: 40%;
                display: block;
                left: 1%;
                color: #fff;
                font-size: 2em;
                position: absolute;
                width: 100px;
                height: 100px;
            }

                .r-arrow.right:after{
                content: "\2192";
            }
               .r-arrow.left:after{
                content: "\2190";
            }
        
             .w25px{width: 25px;}
             #s_order_count2{ 
                position: absolute;
                top: -15px;
                opacity:0;
                right: 10px;
                padding:1px;
                transform: translateX(50%);
                color: white;
                border: 0.5px solid red;
                background-color: red;
                border-radius: 50%;
                height: 20px;
                width: 19px;
                text-align: center;
                line-height: 19px;
                box-shadow: 0 0 0 rgba(204,169,44, 0.4);
                animation: pulse 2s infinite;
                font-size: 13px;
            }
            @-webkit-keyframes pulse {
              0% {
                -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
              }
              70% {
                  -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
              }
              100% {
                  -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
              }
            }
            @keyframes pulse {
              0% {
                -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
                box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
              }
              70% {
                  -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
                  box-shadow: 0 0 0 10px rgba(204,169,44, 0);
              }
              100% {
                  -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
                  box-shadow: 0 0 0 0 rgba(204,169,44, 0);
              }
}

            .header_cart_container{
                position: absolute;
                left: 130px;
                bottom: 8px;
                z-index: 999;
            }
            .header_search_bar{ 
                position: absolute;
                right: 149px;
                bottom: 28px;
                z-index: 999;
            }
            
            .search-box {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 999999;
                transform: translate(-50%, -50%);
                background: #2f3640;
                height: 51px;
                border-radius: 40px;
                padding: 6px;
                display: flex;
                align-items: center;
              
            }
            
            .search-box:hover > .search-text{
              width: 240px;
              padding: 0 6px;
            }
            
            .search-box:hover > .search-btn{
              background: white;
              color: black;
              
            }
            
            .search-btn {
              color: #e84118;
              float: right;
              width: 40px;
              height: 40px;
              border-radius: 50%;
              background: #2f3640;
              display: flex;
              justify-content: center;
              align-items: center;
              transition: 0.4s;
              cursor: pointer;
              text-decoration: none;
              
            }
            .search-btn > i {
              fontsize: 30px;
            }
            
            .search-text {
              border: none;
              background: none;
              outline: none;
              float: left;
              padding: 0;
              color: white;
              font-size: 16px;
              font-weight: normal;
              transition: 0.4s;
              line-height: 40px;
              width: 0px;
              
            /*   width: 250px; */
              
              
              
            }
                        
            
            header {
                background-color: #0F0E0E;
                direction: rtl;
                text-align: left;
                width:100%;
                min-width:1200px;
            }

            #header {
                width: 1200px;
                margin: auto;
                color: white;
            }
            #header li a{
                color: white;
                font-weight: 500;
            }

            #top_header {
                width: 100%;
                height: 50px;
                padding: 10px;
                line-height: 50px;
                display: flex;
                justify-content: space-between;
                border-bottom:1px solid white;
                color:white;
            }

            #top_header .icon-th {
                width: 30px;
                height: 30px;
                margin: 0 5px;
            }
            #top_header .icon-th > i{
                font-size: 20px;
                padding: 5px;
            }

            #top_header > div {
                height: 30px;
                line-height: 30px;
            }

            #top_header > div > div, #top_header .icon-th {
                display: inline-flex;
            }

            .relative {
                position: relative;
            }

            #background_img_lh {
                width: 100%;
                height: 200px;
                background-color: #0F0E0E;
            }

            #background_img_lh img {
                width: 100%;
                height: 100%;
                outline: none;
                border: none;
            }

            .absolute {
                position: absolute;
            }

            #main_img_lh {
                top: 0;
                bottom: 0;
                width: 100%;
                right: 50%;
                -webkit-transform: translateX(50%);
                -moz-transform: translateX(50%);
                -ms-transform: translateX(50%);
                -o-transform: translateX(50%);
                transform: translateX(50%);
                background-color:#0F0E0E;
            }
            #main_img_lh > img{
                -webkit-transform: scale(0);
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0);
                -webkit-transition:  1s;
                -moz-transition:  1s;
                -ms-transition:  1s;
                -o-transition:  1s;
                transition:  1s;
            }
            .parent-menu-header{
                border-top: 1px solid white;
            }
            #menu_header {
                display: grid;
                text-align: center;
                grid-template-columns: auto max-content auto;
                padding: 10px 0;
            }

            #menu_header ul {
                height: 30px;
                line-height: 30px;
                position: relative;
                z-index: 9;
            }
            #menu_header li {
                display: inline-block;
                padding: 0 10px;
                font-weight: 500;
                border-left: 1px solid #ffffff;
            }
            #menu_header li:last-child{
                border-left: none;
            }
            #menu_header li:hover a,#menu_header li.active{
                color: #ffffff;
            }
            .hr-right-mh,.hr-left-mh {
                line-height: 23px;
            }
            .hr-right-mh{
                text-align: right;
            }
            .hr-left-mh{
                text-align: left;
            }
            .hr-right-mh > div,.hr-left-mh > div {
                height: 1px;
                display: inline-flex;
                background-color: #ffffff;
            }
            .hr-right-mh > div:first-child,.hr-left-mh > div:last-child{
                width: 90%;
            }
            .hr-right-mh > div:last-child,.hr-left-mh > div:first-child{
                padding: 2px;
                border-radius: 50%;
            }
            .ofh{
                overflow: hidden;
            }
            .animate-box{
                height: 100%;
                background-color: #0F0E0E;
                top: 0;
                right: 50%;
                -webkit-transform: translateX(50%);
                -moz-transform: translateX(50%);
                -ms-transform: translateX(50%);
                -o-transform: translateX(50%);
                transform: translateX(50%);
                -webkit-transition:  2.5s;
                -moz-transition:  2.5s;
                -ms-transition:  2.5s;
                -o-transition:  2.5s;
                transition:  2.5s;
                width:100%;
            }
        
     #t-footer_bg{
        width:100%;
        background-color:#0F0E0E;
     }
     #footer-wrap{
        width:1200px;
        margin:auto;
     }
     #t-footer_container{
        width:100%;
        padding: 50px 0;
     }
     .t-footer_section{
        display:inline-block;
        vertical-align: top;
        width:330px;
        margin:0 30px;
        color:#FFFFFF;
     }
     #t-footer_construct p{
        width:100%;
        margin-bottom: 20px;
     }
     #footer_logo{
        width:100%;
        height:65px;
        object-fit:contain;
     }
     #construct_txt{
        margin-bottom:10px;
        text-align:justify;
        font-size: 14px;
        line-height: 26px;
        color:#FFFFFF;
     }
     .t-section_title{
        font-size:20px;
        font-weight:500;
     }
     .t-sub_section{
        margin-top: 10px;
     }
     .t-sub_section li{
        padding-top:10px;
     }
     .sub_subtitle{
        font-size:14px;
        color:#FFFFFF;
     }
     .service_txt span{
        color:#FFFFFF;
        font-size: 15px;
     }
   .news_content a{
        color:#FFFFFF;
        font-size:14px;
   }
   .news_content a:hover{
        color:#ffc000;
   }
   .news_content span{
        color:#85868c;
        font-size: 13px;
   }
   #bottom-bar_bg{
        width:100%;
        background:#252525 none repeat center top;
   }
   #bottom_bar_wrap{
        width:1200px;
        line-height:50px;
        margin:auto;
        font-size: 12px;
   }
   .bottom_txt{
        width:49%;
        display:inline-block;
        padding:10px 0;
        color: #aaaaaa;
   }
   .bottom_txt a{color: #aaaaaa;}
   .bottom_txt a:hover{text-decoration:underline}
   #bottom_right_txt{
        text-align:right;
        padding-right: 30px;
   }
   #bottom_left_txt{text-align:left;}


            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}