

        
            .ofhi{overflow: hidden}
            .tag-item:hover{ color:dimgrey}
            .image-box{height:9em}
            .mainTitle >a{font-size: 1em}
            .item-tags{font-size: 0.7em;font-weight:normal}
            .mainTitle:hover{color: #6bc6ea!important}
            .discount-percent{font-size: 2.3em; line-height: 1.6;}

            .shoptag-item:hover{
                box-shadow: 0 0 30px 7px #aba9a9;
                -webkit-box-shadow: 0 0 30px 7px #aba9a9;
                -o-box-shadow: 0 0 30px 7px #aba9a9;
                -moz-box-shadow: 0 0 30px 7px #aba9a9;
            }
            .beta-section{text-align:center;}


            .mainTitle{
                line-height: 2;
            }


            .item-cover{
                background-color:rgba(1,1,1,0.2);
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;

                opacity:0;
            }




            .shoptag-item .item-hidden-details >.item-tags{
                justify-content: space-between;
                align-items:center;
                height:7em;
                padding:0.5em;
            }
            .shoptag-item .item-hidden-details >.item-tags,
            .shoptag-item .item-hidden-details
            {
                height:3em;
                background:#fff;
                color:darkblue;
                margin:0.5em;
                padding:0.5em;
            }

            /*--------------details with beta --------------*/
            .shoptag-item.has-beta .item-hidden-details >.item-tags{height:4.8em;padding-top:1em}

            .item-hidden-details .beta-btns>a:hover{opacity:0.9}
            .item-hidden-details .beta-btns{height:3em}
            .shoptag-item.has-beta .item-hidden-details >.tags{}
            .shoptag-item.has-beta .item-hidden-details{padding-top:1em}



            .shoptag-item .item-hidden-details >.main-title{}

            .shoptag-item .item-hidden-details{padding-top:4em}
            .shoptag-item .item-hidden-details>.main-title{flex: 0 0 3.2em}




             /*---------beta tag------------*/
             .shoptag-item .beta-tag{
                position: absolute;
                top: 30px;
                right: -14px;
                background: #ff0000;
                background: linear-gradient(133deg, transparent 10px, red 11px);
                padding: 3px 20px;
                color: white;
                font-size: 20px;
                min-width:100px;
             }
             .shoptag-item .beta-tag:after{
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px;
                border-color: transparent transparent darkred transparent;
                transform: rotate(-45deg);
                content: "";
                position: absolute;
                right: 4px;
                bottom: -10px;
             }
            .title_slider{
                background-color:;
            }
            .shoptag-item{
                transition:all 0.45s;
                margin-bottom: 20px;
                background-color:
            }

            .item-hidden-details .beta-btns>a{
                border:none;
                color:;
                font-size:1em;
                line-height: 2.5em;
            }

            .shoptag-item .item-hidden-details>.item-description{
                flex: 0 0 12em;
                padding: 0 1.5em;
                font-size: .7em;
                text-align: justify;
                color: ;
                overflow: hidden;
            }
            .shoptag-item:hover .item-cover{opacity:1}
            .shoptag-item{
                width: 365px;
                display:table-cell;
                vertical-align: top;
            }
            .shoptag_main{
                width: 100%;
                height: 100%;
                overflow: hidden;
                position: relative;
                transition:all .32s;
            }
            .shoptag-item-img{
                display:block;
                margin:auto;
                width:100%;
                height:100%;
                object-fit:cover;
                -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
            }



        
            #pagination_product{
                padding: 5px;
                border: 1px solid #e8e8e8;
                border-radius: 3px;
                justify-content: space-between;
                margin: 15px 0;
                display: flex;
                width: 100%;
            }
            #pagination_product > div {
                display: flex;
            }
            #pagination_product > div > *{
                margin: 0 10px;
            }
            #pagination_product span,#pagination_product a,#pagination_product label{
                text-align: center;
                flex-direction: column;
                display: flex;
                justify-content: center;
                border: 1px solid #bababa;
                border-radius: 50%;
            }
            #pagination_product a,#pagination_product label{
                background-color: #ffffff;
                color: #0f0f0f;
                width: 30px;
                height: 30px;
            }
            #pagination_product span{
                background-color: #e8e8e8;
                color: #5e5e5e;
                opacity: .8;
                width: 32px;
                height: 32px;
            }
            #pagination_product i{
                font-size: 23px;
                margin-bottom: 1px;
            }
            #pagination_product .fa-caret-right{
                margin-left: 4px;
            }
            #pagination_product .fa-caret-left{
                margin-right: 4px;
            }
            #pagination_product label:after{
                content: "";
                display: none;
            }
        
            
            #container{font-size:19px;}
            .sel_for_search label{
                padding: 5px 10px;
                border: 1px solid #12869D;
                font-size: 0.9em;
                background-color: white;
                margin-left: 5px;
                cursor: pointer;
                color:#12869D;
            }
            .label_selected{
                background-color: #12869D !important;
                color: white !important;
            }
            .search_tag_center{
                width: 1200px;
                margin: auto;
                margin-bottom:20px;
            }
            #search_tag{
                padding: 10px;
                border: 1px solid lightgray;
                margin-bottom: 10px;
            }
            .sel_for_search{
                margin-bottom: 5px;
                display: block;
                min-height: 40px;
                margin-top: 5px;
            }
            #filterArea{margin-top:35px;}
            #shoptag_container{padding-top:20px;}
         #4{
                        font-size:14px;
                }#4 .color_tem1{ /*range asli color ??? */
            color:#0b3d6c ;
        }#4 .color_tem2{ /*range asli color ??? */
            color:#EBF1FF ;
        }#4 .color_tem1_bg{/*range back box  */
            background-color:#0b3d6c ;
        }#4 .color_tem2_bg{/*range back box if gradient*/
            background-color:#EBF1FF ;
        }#4 .color_title{/*range title asli module*/
                            color: ;
                                }#4 .color_text{/*range text haye module  */
                            color:;
                                }#4 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:;
                                }#4 .color_link_hover:hover{/*range  text link hover*/
                            color: ;
                                }#4 .color_b_text{/*range link button manand range matnesh*/
                            color: ;
                                }#4 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color: ;
                                }#4 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color: ;
                                }#4 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color: ;
                                }#4 .color_box_text{/*range text dakhele box ha! */
                            color: ;
                                }#4 .color_box_title{/*range title dakhele box ha!*/
                            color: ;
                                }
                #linkservices_3 .ls_box_link0{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link0>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link1{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link1>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link2{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link2>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link3{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link3>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link4{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link4>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link5{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link5>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link6{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link6>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link7{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link7>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link8{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link8>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link9{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link9>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
                #linkservices_3 .ls_box_link10{
                    list-style-type: none;
                    list-style-position: inside;
                    padding: 10px;
                }
                .ls_box_link10>li{
                    width:100%;
                    line-height:1.5;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            
            .ls_mainBoxes{
                width:282px;
                margin-left:20px;
            }
            .ls_box_container{
                background-color: #f7f7f7;
                margin-bottom: 25px;
            }
            .ls_mainBoxes:last-child{margin-left:0;}
            #linkservices_3 .ls_box_container>img{
                width:100%;
                height:150px;
            }
            .title_ls{
                padding: 15px 20px 12px 20px;
                font-size: 18px;
                font-weight: 400;
            }
            .ls_box_link{
                padding: 0 20px 20px 20px;
            }
            .ls_title_div a{
                color:inherit;
            }
            .ls_box_link>li{
                color: #555;
                padding: 3px 0;
            }
        #linkservices_3{
                        font-size:14px;
                }#linkservices_3 .color_tem1{ /*range asli color ??? */
            color:#0b3d6c ;
        }#linkservices_3 .color_tem2{ /*range asli color ??? */
            color:#EBF1FF ;
        }#linkservices_3 .color_tem1_bg{/*range back box  */
            background-color:#0b3d6c ;
        }#linkservices_3 .color_tem2_bg{/*range back box if gradient*/
            background-color:#EBF1FF ;
        }#linkservices_3 .color_title{/*range title asli module*/
                            color: ;
                                }#linkservices_3 .color_text{/*range text haye module  */
                            color:;
                                }#linkservices_3 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:;
                                }#linkservices_3 .color_link_hover:hover{/*range  text link hover*/
                            color: ;
                                }#linkservices_3 .color_b_text{/*range link button manand range matnesh*/
                            color: ;
                                }#linkservices_3 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color: ;
                                }#linkservices_3 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color: ;
                                }#linkservices_3 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color: ;
                                }#linkservices_3 .color_box_text{/*range text dakhele box ha! */
                            color: ;
                                }#linkservices_3 .color_box_title{/*range title dakhele box ha!*/
                            color: ;
                                }
            #nav-icon4 {
              width: 35px;
              height: 34px;
              position: relative;
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              transform: rotate(0deg);
              -webkit-transition: .5s ease-in-out;
              -moz-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
              cursor: pointer;
            }

           #nav-icon4 span {
              display: block;
              position: absolute;
              height: 5px;
              width: 100%;
              background-color: #00a54f;
              border-radius: 9px;
              opacity: 1;
              left: 0;
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              transform: rotate(0deg);
              -webkit-transition: .25s ease-in-out;
              -moz-transition: .25s ease-in-out;
              -o-transition: .25s ease-in-out;
              transition: .25s ease-in-out;
              cursor:pointer;
            }
            #nav-icon4 span:nth-child(1) {
              top: 0px;
              -webkit-transform-origin: left center;
              -moz-transform-origin: left center;
              -o-transform-origin: left center;
              transform-origin: left center;
            }

            #nav-icon4 span:nth-child(2) {
              top: 10px;
              -webkit-transform-origin: left center;
              -moz-transform-origin: left center;
              -o-transform-origin: left center;
              transform-origin: left center;
            }

            #nav-icon4 span:nth-child(3) {
              top: 20px;
              -webkit-transform-origin: left center;
              -moz-transform-origin: left center;
              -o-transform-origin: left center;
              transform-origin: left center;
            }

           .open #nav-icon4 span:nth-child(1) {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg);
              top: -1px;
              left: 8px;
            }

            .open #nav-icon4 span:nth-child(2) {
              width: 0%;
              opacity: 0;
            }

           .open #nav-icon4 span:nth-child(3) {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
              top: 25px;
              left: 8px;
            }
            .go_top #nav-icon4{
                -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);
            }
            .go_top #nav-icon4 span:nth-child(1) {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
              width: 50%;
                border-radius: 0 5px 5px 0;
                left: -2px;
                top: 1px;
            }

            .go_top #nav-icon4 span:nth-child(2) {
                top:-1px;
                right: 10px;
                width: 25px;
            }

           .go_top #nav-icon4 span:nth-child(3) {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg);
              width: 50%;
                border-radius: 0 5px 5px 0;
                left: -2px;
                top: -2px;
            }

        
            #manoshahr_header{
                width:100%;
                min-width: 1200px;
            }
            #linkservices_div{
                overflow-y: auto;
                position: relative;
                height: 0;
                width: 100%;
                background: #e1e1e1e1;
                -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
            }
           .open #linkservices_div{
                padding-top: 20px;
            }
            #fixed-header{
                position: fixed;
                background-color: #e8e8e8;
                z-index: 199;
                width: 100%;
                top: 30px;
                right: 50%;
                -webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
            }
            #linkservices_div > div{
                width:100%;
                right: 50%;
                overflow: hidden;
                -webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
            }
            #s_breadCrump{
                width:1200px;
                margin:auto;
                padding: 10px 0;
            }
            #mns_ul_menu>li:not(.active_g) a {
                margin: 0 10px;
                color: #ffffff;
                font-size: 13px;
                opacity: .8;
            }
            .sub-nav li span, .sub-nav li a{
                color: white;
                height: 25px;
                line-height: 25px;
                font-size:14px;
                display: inline-block;
                margin: 0px 14px;
            }
            .sub_active span {
              position: relative;
            }
            .sub_active span:after {
                content: "";
                position: absolute;
                left: 0;
                top: 25px;
                height: 4px;
                width: 100%;
                background-image: -webkit-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
                background-image: -webkit-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
                background-image: -moz-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
                background-image:  -o-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
                background-image: linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
            }
            .sub-nav:not(.selected-sub-menu) {
                display: none;
            }
            .active_g ,.active_g > a {
                color: #FFFFFF;
                font-weight: bold;
            }
            .active_g{
                position: relative;
                height: 45px;
                line-height: 45px;
                margin: 0 10px;
                padding: 0 30px;
            }
            .active_g:before{
                content: "";
                border-width: 5px;
                border-style: solid;
                border-color: transparent #fff transparent transparent;
                background-size: contain;
                width: 0;
                height: 0;
                position: absolute;
                top: 20px;
                left: 0;
            }
            .active_g:after {
                content: "";
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #FFF;
                background-size: contain;
                width: 0;
                height: 0;
                position: absolute;
                top: 20px;
                right: 0;
            }
            #mns_menu_title{
                position: relative;
                width: 1200px;
                height: 35px;
                line-height:35px;
                display: inline-block;
                overflow: hidden;
                margin: 0px;
            }
            #mns_menu_title ul {
               position: absolute;
                margin: 0;
                padding: 0;
                height: 35px;
                width: 1200px;
                list-style: none;
            }
            #mns_menu_title ul li, #mns_submenu_title ul li {
                display: inline-table;
                text-align: center;
            }

            #mns_submenu_title{
               position: relative;
                width: 1200px;
                height: 30px;
                line-height: 30px;
                display: inline-block;
                overflow: hidden;
                margin: 0px;
            }
            #mns_submenu_title ul{
                width: 1200px;
                margin: auto;
                padding: 0;
                height: 30px;
                list-style: none;
            }

            .pad0545{padding:0 45px !important;}
            #div_profile_picture, #div_profile_picture_metro{
                width: 42px !important;
                font-size: 12px;
                line-height: 1;
                text-align: center;
            }
            .colorRed{color:#870808;}
            .line_h1{line-height:1;}
            .wi300{width:300px}
            .wi500{width:500px}
            .wi200{width:200px}
            .wi150{width:150px}
            .wi100{width:100px}
            .line_h2{line-height: 2}
            .mra{margin-right: auto;}
            #mns_h_top{
                width:100%;
                height:30px;
                background-color:#0b3d6c;
            }
            #mns_h_top > div{
                height: 30px;
                line-height: 30px;
                padding: 0;
                text-align: left;
            }
            #mns_h_top a{
                color:white;
                font-size: 14px;
            }
            .mns_reg{
                height:40px;
            }
            .mns_button2{
                height:40px;
                width: 120px;
                border-radius: 5px;
            }
            .div_center{
                width:1200px;
                margin:auto;
                padding:10px;
            }
            .div_center.df_jc{
                display: flex;
                justify-content: space-between;
            }
            #lineMenu{
                width:45px;
                margin-top: 9px;
            }
            .menu_hr {
                display: inline-block;
                width: 30px;
                height: 4px;
                border-radius: 7px;
                background-color:#3b8476;
            }
            .logo_container{
                width:200px;
            }
            #img-logo{
                height:40px;
            }
            .mns_search_con{
                border-radius: 5px;
                border:1px solid #3b8476;
                background-color: white;

            }
            #rSearchText{
                padding: 2px 10px;
                margin:2px;
                color: #6b6b6b;
                font-size: 12px;
                line-height: 27px;
                width: 450px;
            }
            #rSearchIcon{
                width: 33px;
                height: 35px;
                line-height: 45px;
                text-align: center;
            }
            #rSearchIcon>i{color:#3b8476;}
            #mns_h_bottom{
                background-color:#0b3d6c;
                overflow: hidden;
                width: 100%;
            }
             .menu_icon1 {
                transform-origin: left center 0px;
                -webkit-transform: rotate(41deg) translate(.2vw,-1vw);
                -moz-transform: rotate(41deg) translate(.2vw,-1vw);
                transform: rotate(41deg) translate(.2vw,-1vw);

            }
            .menu_icon2 {
                opacity:0;
            }
            .menu_icon3 {
                transform-origin: left center 0px;
                -webkit-transform: rotate(41deg) translate(.2vw,1.2vw);
                -moz-transform: rotate(41deg) translate(.2vw,1.2vw);
                transform: rotate(-41deg) translate(.2vw,1.2vw);

            }
            //-------------------------------------
            .relative{
                position: relative;
            }
            .absolute{
                position:absolute;
            }
            .overflow-hidden {
                overflow: hidden;
            }
            .padding-top-header{
                padding-top:60px;
            }

        
                        #tile_59{
                            width:35vh;
                            height:35vh;
                            top:0vh;
                            left:0vh;
                        }
                    
                        #tile_60{
                            width:35vh;
                            height:35vh;
                            top:0vh;
                            left:35vh;
                        }
                    
                        #tile_61{
                            width:35vh;
                            height:35vh;
                            top:35vh;
                            left:0vh;
                        }
                    
                        #tile_62{
                            width:35vh;
                            height:35vh;
                            top:35vh;
                            left:35vh;
                        }
                    
                #block_1{
                    width:70vh;
                    overflow:hidden;
                }
            
                        #tile_64{
                            width:70vh;
                            height:70vh;
                            top:0vh;
                            left:0vh;
                        }
                    
                #block_3{
                    width:70vh;
                    overflow:hidden;
                }
            
                        #tile_1{
                            width:17.5vh;
                            height:17.5vh;
                            top:0vh;
                            left:52.5vh;
                        }
                    
                        #tile_2{
                            width:17.5vh;
                            height:17.5vh;
                            top:0vh;
                            left:35vh;
                        }
                    
                        #tile_3{
                            width:17.5vh;
                            height:17.5vh;
                            top:0vh;
                            left:17.5vh;
                        }
                    
                        #tile_4{
                            width:17.5vh;
                            height:17.5vh;
                            top:0vh;
                            left:0vh;
                        }
                    
                        #tile_5{
                            width:17.5vh;
                            height:17.5vh;
                            top:17.5vh;
                            left:52.5vh;
                        }
                    
                        #tile_6{
                            width:17.5vh;
                            height:17.5vh;
                            top:17.5vh;
                            left:35vh;
                        }
                    
                        #tile_7{
                            width:17.5vh;
                            height:17.5vh;
                            top:17.5vh;
                            left:17.5vh;
                        }
                    
                        #tile_8{
                            width:17.5vh;
                            height:17.5vh;
                            top:17.5vh;
                            left:0vh;
                        }
                    
                        #tile_9{
                            width:17.5vh;
                            height:17.5vh;
                            top:35vh;
                            left:52.5vh;
                        }
                    
                        #tile_10{
                            width:17.5vh;
                            height:17.5vh;
                            top:35vh;
                            left:35vh;
                        }
                    
                        #tile_11{
                            width:17.5vh;
                            height:17.5vh;
                            top:35vh;
                            left:17.5vh;
                        }
                    
                        #tile_12{
                            width:17.5vh;
                            height:17.5vh;
                            top:35vh;
                            left:0vh;
                        }
                    
                        #tile_13{
                            width:17.5vh;
                            height:17.5vh;
                            top:52.5vh;
                            left:0vh;
                        }
                    
                        #tile_14{
                            width:17.5vh;
                            height:17.5vh;
                            top:52.5vh;
                            left:17.5vh;
                        }
                    
                        #tile_15{
                            width:35vh;
                            height:17.5vh;
                            top:52.5vh;
                            left:35vh;
                        }
                    
                #block_2{
                    width:70vh;
                    overflow:hidden;
                }
            
                        #tile_74{
                            width:70vh;
                            height:35vh;
                            top:0vh;
                            left:0vh;
                        }
                    
                #block_8{
                    width:70vh;
                    overflow:hidden;
                }
            
                        #tile_72{
                            width:70vh;
                            height:35vh;
                            top:35vh;
                            left:0vh;
                        }
                    
                        #tile_73{
                            width:70vh;
                            height:35vh;
                            top:0vh;
                            left:0vh;
                        }
                    
                #block_7{
                    width:70vh;
                    overflow:hidden;
                }
            
            
            .metro_content h3{
                position: absolute;
                bottom: -45px;
                right: 5px;
            }
            #space_top_footer{
                height: 200px;
                width: 100%;
            }
            #manoshahr_footer{
                width: 100%;
                direction: ltr;
                height: 100vh;
                background-color: #e8e8e8;
                padding-top: 10vh;
            }
            .footer_content_main{
                /*width: 2000px;*/
                white-space: nowrap;
                position: relative;
                overflow-x: scroll;
                overflow-y: hidden;
                height: 90vh;
                width: 100%;
            }

            .gap_between{
                width: 15vh;
                height: 50vh;
                /*background-color: lightgrey;*/
            }
            .block_title{
                height: 10vh;
            }
            .block_gap{
                height: 10vh;
            }
            .metro_content{
               height: 70vh;
            }
            .tile_br{
                border: 3px solid white;
            }

            div::-webkit-scrollbar {
              width: 1em;
              height: 8px;

            }

            div::-webkit-scrollbar-track {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            }

            div::-webkit-scrollbar-thumb {
              border-radius: 10px;
              background-color: #c0bebe;
              outline: 2px solid slategrey;
            }

            div::-webkit-scrollbar:vertical {
              display: none;
            }


        
            #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;}