.sakan_re_m {
            width:830px;
            border-top: 1px solid lightgray;
        }
        .sakan_re_m1 {
            padding:10px 20px 10px 20px;
            display: inline-flex;
                position: relative;
            width: 100%;
        }
        .sakan_re_m2 {
            height:30px;
            line-height:30px;
            background-color:#E1EDF4;
            padding:0 10px 0 20px;
            text-align:justify;
        }
        .sakan_re_img {
            width:70px;
            height:70px;
            border-radius: 50%;
            border: 1px solid lightgray;
        }
        .sakan_re_dimg{
            vertical-align: top;
            padding-top: 5px;
        }
        .articles_views_img {
            display: inline-block;
            width: 25px;
            height: 25px;
            background-image:url("https://30o2.com/files/main/articles/img/views.png");
            background-size: 100% 100%;
            cursor: pointer;
        }
        .sakan_re_txt {
           padding-right:10px ;
           vertical-align: top;
           width: 75%;
        }

        .release_date{
                width: 12%;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        .release_date_str{
            margin-right: 10px;
        }
        .articles_views{
            position: absolute;
            bottom: 30px;
            left: 10;
        }
        .articles_views label{
            vertical-align: top;
            padding-left: 7px;
            font-size: 1.2em;
        }
        .release_date_div{
            position: absolute;
            bottom: 12px;
            left: 10;
        }
        .sakan_re_fi {
            display:inline-block;
            width:100px;
            height:85px;
            text-align: center;
        }
        .sakan_re_m2_1,.sakan_re_m2_2,.sakan_re_m2_3 {
            display:inline-block;
        }
        .sakan_re_m2_1 {
            width:350px;
        }
        .h3_re_m2_1{
           display:inline-block;
           font-weight: 500;
        }
        .sakan_re_m2_2{
            text-align:center;
            width:235px;
        }
        .sakan_re_m2_3 {
            text-align:left;
            width:200px;
        }
        .sakan_re_p{
            width: 430px;
            height: 80px;
            overflow: hidden;
        }
        .fric{
            display: inline-block;
            width: 50px;
            height: 40px;
            background-size: 100% 100%;
        }
        .articles_title{
            font-size: 1.3em;
            line-height: 2em;
        }
        .articles_desc{
            font-size: 1em;
            line-height: 2em;
            text-align: justify;
            height: 50px;
            overflow: hidden;
        }
        #articles_2{
                    background-color:#FFFFFF;
                }#articles_2{
                        font-size:12px;
                }#articles_2 .color_tem1{ /*range asli color ??? */
            color:#1a365b ;
        }#articles_2 .color_tem2{ /*range asli color ??? */
            color:#FEC006 ;
        }#articles_2 .color_tem1_bg{/*range back box  */
            background-color:#1a365b ;
        }#articles_2 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEC006 ;
        }#articles_2 .color_title{/*range title asli module*/
                            color:#283593 ;
                                }#articles_2 .color_text{/*range text haye module  */
                            color:#3B3355;
                                }#articles_2 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#3B3355;
                                }#articles_2 .color_link_hover:hover{/*range  text link hover*/
                            color:#0268a6 ;
                                }#articles_2 .color_b_text{/*range link button manand range matnesh*/
                            color:#3B3355 ;
                                }#articles_2 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#2e3373 ;
                                }#articles_2 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#FEC006 ;
                                }#articles_2 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#283593 ;
                                }#articles_2 .color_box_text{/*range text dakhele box ha! */
                            color:#D7e1eb ;
                                }#articles_2 .color_box_title{/*range title dakhele box ha!*/
                            color:#f15722 ;
                                }
               .asc,.des{
                    font-weight: 600;
               }
               #review_sort{
                    text-align:center;
               }
              .r_so_by{
                    display: inline-block;
                    font-size: 12px;
                    height: 35px;
                    line-height: 35px;
                    padding: 0px 5px;
                    cursor: pointer;
                    -moz-transition: all .5s;
                    -webkit-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                }
                 #review_sort .des::after {
                   content:"";
                    display:inline-block;
                    width:15px;
                    height:15px;
                    margin-right:5px;
                    position:relative;
                    top:3px;
                    background-image:url("https://30o2.com/files/main/articles/img/01.svg");
                    background-size:100% 100%;
                }
                #review_sort .asc::after {
                    content:"";
                    display:inline-block;
                    width:15px;
                    height:15px;
                    margin-right:5px;
                    position:relative;
                    top:3px;
                    background-image:url("https://30o2.com/files/main/articles/img/02.svg");
                    background-size:100% 100%;
                }
                #review_sort2,#content_pagination{
                    display:inline-block;
                    width:400px;
                }
            
            
            .notFind{
                width: 100%;
                text-align: center;
                padding: 100px 0px;
                border: 1px solid;
                font-size: 16px;
                font-weight: 500;
                color: gray;
            }
            .dis_none{
                display: none;
            }
        
            
            .pagination_icon{
                width: 20px;
                height: 20px;
                padding-top: 1px;
                margin: 0px 5px;
            }
            .rotate_180{
                transform: rotate(180deg);
            }
            .pagination_number{
                width: 25px;
                height: 25px;
                background-color: #dfdfdf;
                text-align: center;
                border-radius: 50%;
                vertical-align: middle;
                margin-left:5px;
                font-size: 14px;
                padding-top: 1px;
            }
            .pagination_current_page{
                width: 25px;
                height: 25px;
                background-color: #277cbe;
                text-align: center;
                border-radius: 50%;
                vertical-align: middle;
                margin-left:5px;
                font-size: 14px;
                padding-top: 1px;
                color: white;
            }
            .pagination_gap{
                width: 25px;
                height: 25px;
                text-align: center;
                vertical-align: middle;
                font-size: 16px;
            }
            .pagination{
                display: inline-flex;
            }
            .mg_left_5{
                margin-left: 5px;
            }
            .pointer{
                cursor: pointer;
            }
            .dis_none{
                display: none;
            }



        
            .dno{display: none;}
            .dta {
                display: table-cell;
                vertical-align: top;
            }
            .w370{width: 370px;}
            .w830{width: 830px;}
            #box_filter_sel, #box_filter_main {
                border: solid 1px #1a365b;
                width: 280px;
                min-height: 110px;
                margin: 0px auto;
                padding: 2px;
                padding-bottom: 20px;
            }
            #box_filter_sel{
                margin-top:35px;
            }
            #box_filter_main{
                margin-top:40px;
            }
            #clear-filter-btn {
                margin:10px auto 0px auto;
                width: 50%;
                border-radius: 4px;
            }
            .filter_list_sel {
                margin-top:0px;
                width:100%;
                display : flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-around;

            }
            .filter_list_sel>label {
                width:130px;
                border-radius:3px;
                height:30px;
                line-height:30px;
                text-align:center;
                margin-top:2px;
                font-size:12px;
                cursor:pointer;
                color:#3B3355;
            }
            .filter_list_icon {
                display:block;
                width:130px;
                height:40px;
                background-size:100% 100%;
                margin:25px auto 5px auto;
            }

            #review_sort {
                height: 35px;
                margin-top: 35px;
                border: solid 1px #1a365b;
                color:#283593;
            }
            #body-review {
                margin-top: 20px;
                width: 830px;
                box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
            }
            #img_filter {
                display:inline-block;
                width:23px;
                height:25px;
                background-image:url("https://30o2.com/files/main/articles/img/filter.svg");
                background-size:100% 100%;
                margin-right:128px;
            }
        
                #filter_list_1>span
                {
                    background-image:url("https://30o2.com/files/");
                }
                .filter_list_1
                {
                    -moz-transition: all .5s;
                    -webkit-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                    background-color:#D7e1eb;
                }
                .filter_list_1:hover
                {
                    background-color:#0268a6;
                }
                .filter_list_1.sel{
                    background-color:#0268a6;
                }
            
                #filter_list_2>span
                {
                    background-image:url("https://30o2.com/files/");
                }
                .filter_list_2
                {
                    -moz-transition: all .5s;
                    -webkit-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                    background-color:#D7e1eb;
                }
                .filter_list_2:hover
                {
                    background-color:#1E90FF;
                }
                .filter_list_2.sel{
                    background-color:#1E90FF;
                }
            
                #filter_list_3>span
                {
                    background-image:url("https://30o2.com/files/");
                }
                .filter_list_3
                {
                    -moz-transition: all .5s;
                    -webkit-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                    background-color:#D7e1eb;
                }
                .filter_list_3:hover
                {
                    background-color:#1E90FF;
                }
                .filter_list_3.sel{
                    background-color:#1E90FF;
                }
            #shop_2{
                    background-color:#FFFFFF;
                }#shop_2{
                        font-size:12px;
                }#shop_2 .color_tem1{ /*range asli color ??? */
            color:#1a365b ;
        }#shop_2 .color_tem2{ /*range asli color ??? */
            color:#FEC006 ;
        }#shop_2 .color_tem1_bg{/*range back box  */
            background-color:#1a365b ;
        }#shop_2 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEC006 ;
        }#shop_2 .color_title{/*range title asli module*/
                            color:#283593 ;
                                }#shop_2 .color_text{/*range text haye module  */
                            color:#3B3355;
                                }#shop_2 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#3B3355;
                                }#shop_2 .color_link_hover:hover{/*range  text link hover*/
                            color:#0268a6 ;
                                }#shop_2 .color_b_text{/*range link button manand range matnesh*/
                            color:#3B3355 ;
                                }#shop_2 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#2e3373 ;
                                }#shop_2 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#FEC006 ;
                                }#shop_2 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#283593 ;
                                }#shop_2 .color_box_text{/*range text dakhele box ha! */
                            color:#D7e1eb ;
                                }#shop_2 .color_box_title{/*range title dakhele box ha!*/
                            color:#f15722 ;
                                }
             .sub-nav{
                   right: 0;
                   text-align: right;
                   background: #fff;
                   box-shadow: 0 1px 3px 0 rgba(86, 84, 84, 0.68);
                   position:absolute;
                   min-width:180px;
                   animation-duration: 200ms;
                   top: 36px;
              }
            .s_menu_items:hover .sub-nav li{ display:block;}
            .sub-nav li{display:none;}
            .sub-nav li:hover,.sub-nav li>a>span:hover{ cursor:pointer;}
            .sub-nav li:hover{
                background-color: #F0F0F3;
                color: #262626;
                text-decoration: none;
            }
            .s_sub_title:hover{color:#00AFEF;}
            .sub-nav>li>a, .sub-nav>li>span {
                color: #333;
                display: block;
                font-size: 13px;
                font-weight: 400;
                /*margin: 5px 0;*/
                padding: 3px 20px;
                cursor:pointer;
                height:44px;
                line-height: 39px;
            }
        
             .search_container{
                background-image:url(https://30o2.com/files/1/slider/1594147508_slider99.jpg);
            }
            
             .search_container{
                width:100%;
                height:450px;
                position:relative;
                background-size:100% 100%;
                background-repeat:no-repeat;
            }
            .search-btn2.top{
                width: 425px;
                border: 1px solid #929292;
                height: 40px;
                line-height: 40px;
                border-radius: 20px;
                background-color: #FFFFFF;
                margin-top: 45px;
            }
            .search-btn2 {
                display: inline-block;
                transition: box-shadow 0.3s ease-in-out;
                position: relative;
            }
             .c_middle{
                padding: 30px 5px;
            }
            .c_middle>h3{
                font-size:35px;
                color:#FFFFFF;
                height: 50px;
                line-height: 50px;
            }
            .h_text{
                height: 40px;
                line-height: 40px;
                margin-top: 15px;
                color:#FFFFFF;
                font-size: 20px;
            }
            .search-icon2.top {
                background: url(https://30o2.com/files/main/user/co2s/main/img/icons/search.png) no-repeat center;
                background-size: contain;
                width: 18px;
                height: 32px;
                vertical-align: middle;
                display: inline-block;
                cursor: pointer;
                border: white;
                position: absolute;
                left:10px;
                bottom: 2px;
            }
             #co2_search {
                direction: rtl;
                width: 369px;
                /*margin-right: 5px;*/
                font-size: 16px;
                border: 0px;
                display: inline-block;
                background: none;
            }
        
            .p_box{
                position:absolute;
                display: inline-block;
                width:400px;
                opacity:1;
                overflow-y: visible;
                visibility: visible;
                white-space: nowrap;
                -webkit-transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                transition: all .3s ease-out;
                left: 0;
                text-align: left;
            }
            .pr_1200{
                width:1200px;
                margin:auto;
            }
            #menuSearchBox2{position:relative;z-index:1;}
            .menu_ul{position:relative;direction:rtl;display:inline-block;z-index:1;}
            li#p_box>* {
                padding: 3px;
                vertical-align: top;
            }
            .closeIcon{
                visibility: hidden;
                display: none;
                opacity: 0;
                position:absolute;
                right:0;
                transition: 2s;
                -webkit-transition: .5s;
                width: 0;
                text-align: center;
                font-size: 1.5em;
                padding: 0!important;
                cursor: pointer;
                font-size: 16px;
            }
            #second_texbox {
                width: 0;
                transition: width 500ms cubic-bezier(.4, 0, .2, 1);
                -webkit-transition: width 500ms cubic-bezier(.4, 0, .2, 1);
                -ms-transition: width 500ms cubic-bezier(.4, 0, .2, 1);
                animation-direction: reverse;
                -webkit-animation-direction: reverse;
                z-index: 1;
                box-sizing: border-box;
                border: none;
                /* padding-right: 30px; */
                box-shadow: none;
                color: #000000;
                left: 26px;
                padding-right: 5px;
                direction:rtl;
            }
            .search-icon.top {
                width: 26px;
                height: 26px;
                cursor: pointer;
                background-image: url(https://30o2.com/files/main/user/co2s/main/img/icons/icon_search.svg);
                background-size: contain;
                background-repeat: no-repeat;
                background-color: #FFFFFF;
            }
            .header_gap{
                height: 79px;
            }
            .co2_header{
                width: 100%;
                height: 79px;
                top: 0;
                padding: 10px 20px;
                border-bottom: 1px solid transparent;
                z-index: 100;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                position: fixed;
                left: 0;
                 background-color: #FFFFFF;
            }
            .n_callForPrice{color:#FFFFFF;}
            #div_profile_picture{width:100px !important;color:#000 !important;font-size: 14px;}
            .h_r_box{width:18%;}
            .h_l_box{width:27%;}
            .h_m_box{width:54%;direction:ltr;position:relative;}
            .noro_h_boxes{
                display: inline-block;
                vertical-align: middle;
                line-height: 1.5;
                padding: 5px 10px;
                font-size: 14px;
            }
            .s_menu_items{
                padding:8px 10px;
                position:relative;
            }
            #img-logo{
                width:200px;
                height:50px;
            }
            .noro_h_boxes >span{font-size:14px;}
            .change_bg{
                height: 79px;
                padding-top: 10px;
                padding-bottom: 15px;
                -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
                box-shadow: 0 0 1px rgba(0,0,0,.4);
                background-color: #FFFFFF;
            }
            .s_menu_items >a, .s_menu_items >span{
                font-size:14px;
            }
            .f_btn2{
                padding: 5px 20px;
                background-color: #98398B;
                border-radius: 5px;
                color: #FFFFFF;
            }
             #second_texbox.search_open{
                width:600px;
                border-bottom: 1px solid rgba(169, 168, 167);
                border-radius: 0;
                padding-left:5px;
            }
             .closeIcon.closeShow{
               visibility: visible;
               opacity: 1;
               display:inline-block;
            }
        
     #t-footer_bg{
        width:100%;
        background-color:#2e3373;
     }
     #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:#D7e1eb;
     }
     .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:#D7e1eb;
     }
     .service_txt span{
        color:#FFFFFF;
        font-size: 15px;
     }
   .news_content a{
        color:#D7e1eb;
        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;}