.product-center {
                width:1200px;
                margin:0px auto;
            }
            #product-properties {
                width:570px;
                padding-left:40px;
            }
        #product_m_24{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#product_m_24 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#product_m_24 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#product_m_24 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#product_m_24 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#product_m_24 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#product_m_24 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#product_m_24 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#product_m_24 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#product_m_24 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#product_m_24 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#product_m_24 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#product_m_24 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#product_m_24 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#product_m_24 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#product_m_24 .pr_1200 , #product_m_24 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }

        #title-g{
                width: 100%;
                height: 35px;

            }
            #title1-g{
                width:390px;
                display: table-cell;
                font-weight:500;
            }

            #code{
                width: 130px;
                display: table-cell;
                text-align: left;
                color: #9D9E9E;
            }
            #star{
                text-align: left;
                direction:ltr;
            }

            #count_like{
                color: #B2B3B3;
                margin-left:5px;
                position:relative;
                top:-7px;
                font-size:20px;
                padding:0 2px;
            }
            #like_cent {
                color: #B2B3B3;
                position:relative;
                top:-7px;
            }
            #count_comment{
                color: #B2B3B3;
                position:relative;
                top:-7px;
                font-size:20px;
                padding:0 2px;
            }
            #product-description{
                width: 517px;
                margin: 5px 0px;
                font-size: 14px;
                line-height: 30px;
                text-align:justify;
                color:#2B2A29;
            }
            #star span {
                display:inline-block;
                height:25px;
            }
            .str1 {
                 display:inline-block;
                width:25px;
                height:25px;
                background-image: url("https://graph.ir/files/main/product/img/str1.svg");
                background-size:100% 100%;
            }
            .str2 {
                 display:inline-block;
                width:25px;
                 height:25px;
                background-image: url("https://graph.ir/files/main/product/img/str2.svg");
                background-size:100% 100%;
            }
        
            .g_selected {
                background-color:#EBECEC;
                height:40px;
                padding:0px 10px 0px 20px;
                line-height:40px;
                margin-top:10px;
                color:#9D9E9E;
                cursor:pointer;
            }
            .g_selected_label_show_sel {
                text-align:left;
                display:inline-block;
                width:280px;
                padding-right:20px;
                color:#AE4A84;
                cursor:pointer;
            }
            .g_selected_label{
                color:#9D9E9E;
                display:inline-block;
                width:150px;
                cursor:pointer;
            }
            .g_selected_label2{
                display:inline-block;
                width:335px;
                text-align:left;
                cursor:pointer;
            }
            .css-arrow1 {
                 cursor:pointer;
                 display:inline-block;
                 width:40px;
                 height:40px;
                 text-align:left;
            }
            .css-arrow {
                width: 0;
                height: 0;
                border-color: #AE4A84;
                border-style: solid;
                border-top-width: 5px;
                border-left-width: 5px;
                border-right-width: 5px;
                border-bottom-width: 5px;
                border-right-color: transparent;
                border-bottom-color: transparent;
                line-height: 0;
                font-size: 0;
                transform:rotate(-45deg);
                display:inline-block;
                position:relative;
               -moz-transition: all .5s;
                -webkit-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }
            .css-arrow.g_down{
                transform:rotate(225deg);
            }
            .css-arrow.g_top{
                 top:5px;
                transform:rotate(45deg);
            }
            #g_selected_label {
                text-align:center;
                display:inline-block;
                width:280px;
                padding-right:20px;
                color:#C5C6C6;
            }
            .g_selected2 {
                border:solid 1px #EBECEC;
                display:none;
            }
            .g-div-list-select {
                min-height:85px;
                padding:15px 15px 5px 25px;
            }
            .g-list-list {
                direction:ltr;
                text-align:left;
            }
            .g-list-list label{
                display:inline-block;
                height:30px;
                line-height:30px;
                font-size:13px;
                padding:0px 10px;
                margin-right:10px;
                background-color:#EBECEC;
                color:#5B5B5B;
                border-radius:2px;
                margin-top:3px;
            }
            .g-list-text {
                height:35px;
                line-height:50px;
                font-size:12px;
                color:#B2B3B3;
            }
            .g-list-list>.g_list_list_sel {
                color:#FFFFFF;
                background-color:#5B5B5B;
                cursor:pointer;
            }
            .g_list_list_no_sel {
                 cursor:pointer;
            }
        
            #price-product-box{
                padding: 10px 20px;
                margin-top:30px ;
                border: solid 1px #e8e8e8;
                font-size: 1.5em;
            }
            .p_s_prod{
               display:table-cell;
               width:280px;
               height:80px;
               vertical-align:bottom;
               text-align:center;
            }
            .di_prod{
                color:#AE4A84;
            }
            .tli{
                text-decoration: line-through;
                text-decoration-color:#FF0000;
            }
            #add_cart,#buy_product{
                cursor: pointer;
                width: 220px;
                height: 43px;
                margin-top: 19px;
                color: #ffffff;
                border-radius: 6px;
            }
            #buy_product{
                 background-color: #009846;
            }
            #add_cart{
                background-color: #718FC8;
            }

        
             #tooltip_product {
                opacity:0;
                position:absolute;
                width:500px;
                right:70px;
                height:40px;
                line-height:20px;
                color:#FFFFFF;
                text-align: center;
                background-color:#AE4A84;
                padding: 10px;
                border-radius: 2px;
                box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
            }
            #tooltip_product:after, #tooltip_product:before {
                top: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            #tooltip_product:after {
                border-color: rgba(136, 183, 213, 0);
                border-top-color: #AE4A84;
                border-width: 15px;
                margin-left: -15px;
            }
            #tooltip_product:before {
                border-color: rgba(194, 225, 245, 0);
                border-top-color:  #e8e8e8;
                border-width: 18px;
                margin-left: -18px;
            }
        
        #product-slider {
            width:550px;
        }
         #div-img-product-slider {
                width:550px;
                height:515px;
                margin-bottom:35px;
                position:relative;
            }
            #img-product-slider1,#img-product-slider2 {
                width:550px;
                height:515px;
                position:absolute;
            }
            .favorite-icon-slider2_p{
                width: 42px;
                height: 37px;
                top: 10px;
                left: 10px;
                background:url(https://graph.ir/files/main/product/img/ghalb-tukhali.svg) no-repeat center;
                position: absolute;
                cursor: pointer;
                background-size:contain ;
            }
            .favorite-icon-slider3{
                width: 42px;
                height: 37px;
                top: 10px;
                left: 10px;
                background:url(https://graph.ir/files/main/product/img/ghalb-tupor.svg) no-repeat center;
                position: absolute;
                cursor: pointer;
                background-size:contain ;
            }
            #zoom_tools {
                position:absolute;
                display:inline-block;
                width:35px;
                height:35px;
                bottom:35px;
                left:15px;
                background-image:url("https://graph.ir/files/main/product/img/zoom1.svg");
                background-size:100% 100%;
                cursor:pointer;
            }
            .sel_zoom {
                 background-image:url("https://graph.ir/files/main/product/img/zoom2.svg");
                 cursor:default;
                 box-shadow: 0px 1px 3px 2px #BDBCBC;
            }
            #zoom_img {
                position:relative;
                width:0px;
                height:0px;
                left:-275px;
                top:257px;
                opacity:0;
                box-shadow: 0px 1px 3px 2px #BDBCBC;
                overflow:hidden;
            }
            #img_zoom {
              width:2750px;
              height:2575px;
              position:absolute;
            }
            #slider_move_right, #slider_move_left {
                display:table-cell;
                width:50px;
                height:65px;
                vertical-align:top;
            }
            #slider_move_right_span,#slider_move_left_span {
                display:inline-block;
                width:15px;
                height:30px;
                margin-top:18px;
            }
            #slider_move_right_span {
                margin-right:25px;
                background-image:url("https://graph.ir/files/main/product/img/right.svg");
                background-size:100% 100%;
                cursor:pointer;
            }
            #slider_move_left_span {
                margin-right:10px;
                background-image:url("https://graph.ir/files/main/product/img/left.svg");
                background-size:100% 100%;
                cursor:pointer;
            }
            #slider_move_right .no_sel_span {
                 background-image:url("https://graph.ir/files/main/product/img/right2.svg");
                 cursor:default;
            }
            #slider_move_left .no_sel_span {
                 background-image:url("https://graph.ir/files/main/product/img/left2.svg");
                 cursor:default;
            }
            #slider_move_center {
                width:450px;
                height:65px;
                overflow:hidden;
                position:relative;
            }
            #slider_move {
                direction:ltr;
                position:absolute;
                height:65px;
                left:0px;
            }
            .slider_move_img {
                width:85px;
                height:65px;
                border:solid 1px #e8e8e8;
                cursor:pointer;
            }
            .slider_move_img:hover,.slider_img_sel {
                width:85px;
                height:65px;
                border:solid 2px #ff6a00;
            }
            .slider_move_margin {
                display:table-cell;
                 width:38px;
                 height:65px;
            }
            .slider_move_img_div {
                display:table-cell;
                width:85px;
                height:65px;
            }
        
            #items{
                width: 1100px;
                margin: 30px  auto 0 auto;
                display: table;
                table-layout: fixed;
                border-collapse: separate;
            }
            .img-icon{
                margin-right: 5px;
                margin-top:15px;
                width:45px;
                height:45px;
            }
            .menu-text{
                font-size:18px;
                color:#ffffff;
                margin-right: 30px;
            }
            .item_wrapper{
                width: 266px;
                display:table-cell;
                background-color: #B2B3B3;
                border-left: 3px solid white;
                height:75px;
                line-height:75px;
            }
       
        
            #description_main{
                margin: 30px 0;
            }
            .dno {
                display:none;
            }
            #description_tiltle {
                height:30px;
                line-height:30px;
                border-bottom:solid 1px #e8e8e8;
            }
            .description_tiltle {
                display:inline-block;
                padding:0 15px;

            }
            .description_tiltle_h {
                display:inline-block;
                font-weight:300;
                font-size:1.1em;
                cursor: pointer;
            }
            .description_tiltle_h.sel_d,.description_tiltle_h:hover {
                border-bottom:solid 2px #AE4A84;
            }
            #description_body{
                padding: 20px;
                text-align: justify;
            }
            #description_body li:before {
                content: " ";
                display: inline-block;
                width: 5px;
                height: 5px;
                margin-left: 3px;
                background-color: #818285;
                border-radius: 50%;
            }
            .details_main .trb1{
                background-color: #00AECD;
                color:#1f241d;
            }
            .details_main .trb2{
                background-color: #FEFEFE;
                color:#1f241d;
            }
            .la_details{
                display:inline-block;
                width:200px;
                padding-left:5px;
                border-left:solid 2px #FFFFFF;
                font-weight:700;
                text-align:left;
            }
            .la_text_details{
               padding-right:5px;
               font-weight:300;
            }
        
        .slide_footer1{
            font-size: 1.33em;
            font-weight: bold;
            color:#1f241d;
        }
        .slide_footer2{
            font-size: 1.33em;
            font-weight: bold;
            color:#00AECD;
        }
        .slide_title2{
            font-size: 1.25em;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .module_corporate{
            background: rgb(245, 245, 245);
        }
        .width_100{
            width: 100%;
        }
        .md_corporate_inner{
            text-align: center;
            padding:0px 25px 80px 25px !important;
        }
        .width_1200{
            width: 1200px;
            margin: auto;
        }
        .md_corporate_title {
            padding: 20px 20px 10px 20px;
            font-size: 2.5em;
            line-height: 1.5em;
        }
        .md_corporate_line{
            border-style: solid;
            border-bottom-width: 5px;
            width: 200px;
            margin: 0px auto;
            border-color: #00AECD;;
        }
        .md_corporate_boxTaki{
            display: table-cell;
        }
        .corporate_boxTaki{
            padding:0px 25px 50px 25px;
            width:399px;
        }
        .corporate_boxTaki_img{
            vertical-align: top;
            width:366px;
            padding: 5px 0px;
            padding-bottom: 30px;
        }
        .boxTaki_img{
            width:100%;
            height: 190px;
            object-fit: contain;
        }
        .corporate_h2_title{
            font-size: 1.5em;
            margin-bottom: 20px;
        }
        .corporate_boxTaki_text{
            font-size: 1em;
            padding-bottom: 30px;
            line-height: 26px;
            text-align: justify;
        }
        .corporate_boxTaki_link{
            padding: 7px 18px;
            font-size: 1.25em;
            font-weight: bold;
            opacity: 1;
        }
        .corporate_boxTaki_link:hover {
              opacity: 0.7;
        }
        .md_corporate_list{
            display: table-cell;
            vertical-align: top;
        }
        .corporate_list_inner{
            padding:0px 25px 20px 25px;
            width:399px;
        }
        .corporate_main_box{
            display: flex;
            flex-direction: row;
            padding-bottom: 20px;
        }
        .corporate_icon_box{
            margin-left: 20px;
        }
        .corporate_img_box{
            height: 48px;
            width: 48px;
        }
        .corporate_h3_box{
             font-size: 1.5em;
             line-height: 1.5em;
        }
        .div_span_box{
            text-align: justify;
        }
        .span_box{
            font-size: 1em;
            padding-top: 8px;
            line-height: 26px;
        }
        .md_corporate_slider{
            display: table-cell;
            vertical-align: top;
        }
        .corporate_slider_inner{
            padding:0px 25px 25px 25px;
            width:390px;
        }
        .corporate_slider>.r-mask {
            width: 83%;
            height: 95%;
            display: inline-block;
            position: relative;
        }
        .corporate_slider>.flesh> .r-arrow.left{ }
        .corporate_slider>.flesh> .r-arrow.right{
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }
        .corporate_slider>.flesh{
            width: 7%;
            height: 100%;
            padding-top: 75%;
            /*display: inline-block;*/
            vertical-align: top;
        }
        .corporate_slider>.flesh>.r-arrow {
                display: inline-block;
                background: url(https://graph.ir/files/main/main/img/icons/arrow-right.svg) no-repeat center;
                background-size: contain;
                cursor: pointer;
                background-size: 70%;
                height: 80px;
                width: 100%;
                background-color: #00AECD;
                /* margin-top: 100%; */
        }
        .corporate_slider {
            overflow: hidden;
            position: relative;
            text-align: center;
        }
        .bgc{
            background: white !important;
        }
        .r-img-item {
            right: 100%;
            width: 100%;
            height: 85%;
            margin: auto;
            position: absolute;
            text-align: center;
            padding-top: 25px;
            opacity: 0;
        }
        .r-img-item:first-child {
            right: 0;
            opacity: 1;
        }
        .corporate_slider_icon{
            border-radius: 500px;
            width: 150px;
            height: 150px;
        }
        .align{
            text-align: center;
        }
        .pd_t_25{
            padding-top:25px;
        }
        .column_h3 {
            font-weight: bold;
            font-size: 1.5em;
            margin-bottom: 8px;
        }
        .corporate_slider_column_txt{
            font-weight: normal;
            font-size: 1em;
            padding: 10px 5px 20px 5px;
            text-align: justify;
        }

        #corporate_3{
                        background-color:#FEFEFE;
                        padding-top:50px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:14px;
                }#corporate_3 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#corporate_3 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#corporate_3 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#corporate_3 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#corporate_3 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#corporate_3 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#corporate_3 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#corporate_3 .color_link_hover:hover{/*range  text link hover*/
                            color:#1f241d ;
                                }#corporate_3 .color_b_text{/*range link button manand range matnesh*/
                            color:#FEFEFE ;
                                }#corporate_3 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#FEFEFE ;
                                }#corporate_3 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#FEFEFE ;
                                }#corporate_3 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#FEFEFE ;
                                }#corporate_3 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#corporate_3 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#corporate_3 .pr_1200 , #corporate_3 .color_1200_bg{
                             background-color:#FEFEFE ;
                             padding:0px ;
                                }
        .main-slid-saha {
            width:1200px;
            margin:auto;
        }
        .slid-saha-sel1, .slid-saha-sel2, .slid-saha-sel3 {
            display:table-cell;
            vertical-align:middle;
            height:370px;
        }
        .slid-saha-sel1,.slid-saha-sel3 {
                width:50px;
        }
        .slid-saha-part {
            display:table-cell;
            vertical-align:top;
            width:260px;
            height:330px;
            border:solid 1px #e8e8e8;
            overflow: hidden;
            position: relative;
            background: #fff;
            border-radius: 4px;
        }
        .slid-saha-img {
            width:258px;
            height:207px;
        }
        .main_slid {
            display:none;
        }
        .slid-saha-sel2 {
            width:1092px;
        }
        .slid-saha-sel2_main {
            width:1092px;
            overflow:hidden;
            position:relative;
            height:360px;
        }
        .slid-saha_scrollable {
            position:absolute;
            width:3324px;
            right:-1108px;
            height:360px;
        }
        .main_slid_div {
            position:absolute;
            display:table-cell;
            vertical-align:top;
            width:1108px;
            height:360px;
        }
        .slid_saha_part_magin {
            display:table-cell;
            width:17px;
        }
        .main_slid_right {
                right:0px;
        }
        .main_slid_main {
                right:1108px;
        }
        .main_slid_left {
                right:2216px;
        }
        .slid-saha-body h3 {

        }
        .slid-saha-body a {
            color:#000000;
        }
        .img_slid-saha-body {
            display:table-cell;
            vertical-align:bottom;
            width:100px;
            height:107px;
        }
        .text_slid-saha-body {
            display:table-cell;
            vertical-align:top;
            height:107px;
            width:140px;
            text-align:left;
            line-height:20px;
        }
        .img_slid-saha-body > img {
            width:45px;
            height:60px;
            margin-right:5px;
        }
        .text_slid-saha-body-discount {
            color:#FF0000;
        }
        .img-toman1,.img-toman2 {
            display:inline-block;
            width:11px;
            height:8px;
            background-size:100% 100%;
        }

        .line_price {
           text-decoration:line-through;
        }
        .slid-saha-part {
            display: table-cell;
            vertical-align: top;
            width: 260px;
            height: 360px;
            border: solid 1px #e8e8e8;
            overflow: hidden;
            position: relative;
        }
        .slid_sel_right {
            background-image: url(https://graph.ir/files/main/module/submodule/img/flesh.svg);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 27px;
            height: 43px;
            cursor: pointer;
        }
        .slid_sel_left {
            background-image: url(https://graph.ir/files/main/module/submodule/img/flesh.svg);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 27px;
            height: 43px;
            cursor: pointer;
            transform: rotate(180deg);
        }
        .div_img_subshop{
               width: 258px;
               height: 207px;
               overflow:hidden
        }
        .img_subshop{
            width: 258px;
            height: 207px;
            position:relative;
            object-fit: contain;
        }
        .cbssub{
            padding:10px;

        }
        .p_s_sub{
           display:table-cell;
           width:130px;
           height:80px;
           vertical-align:middle;
           text-align:center;
        }
        .di_sub{
            color:#FF0000;
        }
        .tli{
            text-decoration: line-through;
            text-decoration-color:#FF0000;
        }
        .tle {
           text-align:left;
        }
        
            .submodule_title{
                padding-bottom: 15px;
            }
            .direction_en{
                direction: ltr;
                text-align: left;
            }
            .submodule_title_en{
                height: 40px;
                line-height: 40px;
                padding-right: 20px;
                padding-left: 2px;
            }
            .fem8{font-size:.8em}
            .fem15{font-size:1.5em}
            .fem20{font-size:2em}
            .tju {text-align:justify;}
        #submodule_209{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#submodule_209 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#submodule_209 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#submodule_209 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#submodule_209 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#submodule_209 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#submodule_209 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#submodule_209 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#submodule_209 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#submodule_209 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#submodule_209 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#submodule_209 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#submodule_209 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#submodule_209 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#submodule_209 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#submodule_209 .pr_1200 , #submodule_209 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }
            
            body{
                position: relative;
            }
            .public-header{
                position: relative;
            }
            .absolute-container{
                background-color: #3c5059;
                border-radius: 7px;
                position: fixed;
                top: 50%;
                left: 2%;
                transform: translateY(-50%);
                padding: 10px;
                z-index: 4900;
            }
            .social-absolute{
                position: relative;
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
                box-sizing: content-box;
                width: 32px;
                height: 32px;
            }
            .social-absolute:last-child {
                border-bottom: none !important;
            }
            .social-absolute img{
                width: 32px;
                height: 32px;
            }
            .absolute-tooltip{
                position: relative;
                transition: all 0.5s;
                border-radius: 0 7px 7px 0;
                font-size: 14px;
                overflow: hidden;
                white-space: nowrap;
            }
            .absolute-tooltip > span{
                padding: 10px 20px;
                display: block;
            }
            .tooltip-shake{
                display: block;
                width: 100%;
                height: 100%;
            }
            .tooltip-shake:before,
            .tooltip-shake:after {
                position: absolute;
                content: "";
                opacity: 0;
                transition: all 0.4s ease;
                color: #fff;
                font-weight: bold;
            }
            .tooltip-shake:before {
                content: attr(data-tooltip);
                background: #3c5059;
                width: 0;
                padding: 0;
                font-size: 0.9rem;
                top: 50%;
                left: calc(32px + 32px);
                border-radius: 5px;
                transform: translateY(-50%);
                overflow: hidden;
                white-space: nowrap;
            }
            .tooltip-shake:after {
                border-width: 8px 10px 8px 0;
                border-style: solid;
                border-color: transparent #3c5059 transparent transparent;
                top: 50%;
                left: calc(32px + 24px);
                transform: translateY(-50%);
            }
            .tooltip-shake:hover::before,
            .tooltip-shake:hover::after {
                opacity: 1;
                overflow: hidden;
                white-space: nowrap;
                transform: translate(0, -50%);
            }
            .tooltip-shake:hover::before {
                width: max-content;
                padding: 10px 25px;
            }
            @keyframes shake {
                0% {
                    transform: rotate(2deg);
                }
                50% {
                    transform: rotate(-3deg);
                }
                70% {
                    transform: rotate(3deg);
                }
                100% {
                    transform: rotate(0deg);
                }
            }
            .social-absolute:hover {
                animation: shake 500ms ease-in-out forwards;
            }
            
                
                .public-header{
                    width: 100%;
                    background: #00aecd;
                    background-size: auto;
                    background-repeat: no-repeat;
                }
            
            
            .adv-banner-container{
                width: 100%;
                height: 20px;
            }
            .adv-banner-container .adv-item{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .top-bar-container{
                width: 100%;
                min-height: 40px;
                height: 40px;
                background: #000;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-bar{
                width: 1200px;
                height: 100%;
                margin: auto;
                padding: 0 8px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .top-item{
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container{
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container img{
                width: 16px;
                height: 16px;
            }
            .info-container > span{
                display: inline-flex;
            }
            .top-info,
            .top-social{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-social{
                padding: 5px 0;
            }
            .top-social li a img{
                width: 24px;
                height: 24px;
            }
            .top-social li a span{
                font-size: 0px;
                font-weight: 200;
                color: #fff;
            }
            .top-list{
                width: max-content;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin: 0  0px;
            }
            .top-list:hover{
                color: ;
            }
            
                .top-list:first-child{
                    margin-right : 0;
                }
                .top-list:last-child{
                    margin-left : 0;
                }
            
            
            .arrow-menu-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-list a span,
            .top-list span{
                color: #fff;
                font-weight: bold;
                font-size: 16px;
            }
            .top-list a img,
            .top-list span img{
                margin: 0 5px;
                width: 24px;
                height: 24px;
                object-fit: contain;
            }
            .top-list:first-child a img,
            .top-list:first-child span img{
                margin-right: 0;
            }
            .top-navbar{
                height: 100%;
                background: #000;
            }
            .top-nav-list{
                position: relative;
                height: 100%;
                padding: 0 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-nav-list a span,
            .top-nav-list span{
                color: #fff;
                font-size: 16px;
                font-weight: 200;search
            }
            .top-nav-list:hover{
                background-color: ;
            }
            .top-nav-list .arrow-menu-container svg{
                fill: #fff;
            }
            .top-nav-list:hover a span,
            .top-nav-list:hover span,
            .top-nav-list:hover .arrow-menu-container svg{
                color: ;
                fill: ;
            }
            .top-nav-list .icon-title-part{
                padding-left: 5px;
            }
            .top-sub-nav > .top-sub-list a span,
            .top-sub-nav > .top-sub-list span{
                color: #000;
            }
            .top-sub-nav > .top-sub-list:hover a span,
            .top-sub-nav > .top-sub-list:hover span{
                color: ;
            }
            
            .top-sub-nav{
                flex-direction: column;
                justify-content: center;
                align-content: flex-start;
                position: absolute;
                z-index: 4999;
                min-width: 150px;
                width: max-content;
                background: #2c3e50;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translateY(-10px) scaleY(0.5);
                transform-origin: top;  
                border-radius: 0;
            }
            .top-nav-list:hover > .top-sub-nav{
                display: flex;
                top: 100%;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
        
                .top-nav-list:hover > .top-sub-nav{
                    right: 0;
                }
                .top-sub-list{
                    border-left: 5px solid  #f00;
                }
            
        
            .top-sub-list{
                width: 100%;
                padding: 8px 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-sub-list:hover{
                background: ;
            }
            .header-container{
                display: grid;
                width: 1200px;
                margin: auto;
                height: auto;
                grid-template-rows: 1fr 1fr;  
                grid-template-columns: 1fr 3fr 1fr;
                grid-template-areas: 
                    "top-1 top-2 top-3"
                    "bottom-1 bottom-2 bottom-3"; 
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 8px;
                padding-right: 8px;
            }
            .top-section-1{
                grid-area: top-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-2{
                grid-area: top-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-3{
                grid-area: top-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            .logo-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                padding: 0px  0px;
            }
            .logo-container img{
                display: block;
                width: 100px;
                height: 100px;
                max-width: 100px;
                max-height: 100px;
                object-fit: contain;
            }
            .nav-container{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                box-sizing: border-box;
                margin: 0 10px;
            }
            .nav-container > .navbar{
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                background: ;
                box-sizing: border-box;
                border: px  solid  ;
                border-radius: 3px;
            }
            
                .nav-container > .navbar{
                    margin-left: calc(0px + 10px);
                }
            
        
            .nav-container .navbar .nav-list{
                padding: 10px 18px;
                min-height: 45px;
                position: relative;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-content: center;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list.active{
                background-color: ;
            }
            .nav-container .navbar .nav-list.active a,
            .nav-container .navbar .nav-list.active span{
                color: ;
            }
            
            .nav-container .navbar .nav-list .icon-title-part{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .nav-container .navbar .nav-list .icon-title-part img{
                width: 24px;
                height: 24px;
                margin: 0 5px;
            }
            .nav-container .navbar .nav-list .overflow-menu{
                justify-content: center !important;
            }
            .nav-container .navbar .nav-list:hover{
                background-color: ;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list:hover a,
            .nav-container .navbar .nav-list:hover span{
                color:  ;
            }
            .nav-container .navbar .nav-list img{
                width: 32px;
                height: 32px;
            }
            .nav-container .navbar .nav-list a,
            .nav-container .navbar .nav-list span{
                text-decoration: none;
                font-size: 14px;
                color: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
            .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                display: flex;
                top: 45px;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                display: flex;
                right: calc(100%  +  5px);
                top: 0;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
                    
                    .nav-container .navbar.navbar-sub{
                        position: absolute;
                        z-index: 4999;
                        background: #fff;
                        clip: rect(1px, 1px, 1px, 1px);
                        opacity: 0.1;
                        transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                                    opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                        transform: translateY(-10px) scaleY(0.5);
                        transform-origin: top;  
                        border-radius: 0;
                    }
                    .nav-container .navbar.navbar-sub{
                        flex-direction: column;
                        justify-content: center;
                        align-content: flex-start;
                        min-width: 150px;
                        width: max-content;
                    }
                    .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
                    .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                        right: 0;
                    }
                    .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                        right: calc(100%  +  5px);
                    }
                    .nav-container .navbar.navbar-sub .nav-list{
                        width: 100%;
                        border-left: 5px solid red;
                    }
                
        
            .arrow-icon-menu{
                width: 8px;
                height: 8px;
            }
            .arrow-icon-menu.arrow-bottom{
                transform: rotate(90deg);
            }
            
                .arrow-menu-container{
                    margin-right: 5px;
                }
                .arrow-icon-menu.arrow-right,
                .overflow-list .arrow-icon-menu.arrow-bottom{
                    transform: rotate(180deg);
                }
                .nav-container .navbar .nav-list:first-child:hover{
                    border-radius: 0 3px 3px 0;
                }
                .nav-container .navbar .nav-list:last-child:hover{
                    border-radius: 3px 0 0 3px;
                }
            
            
            .nav-container .navbar .nav-list.base-level svg,
            .nav-container .navbar .nav-list .overflow-menu svg{
                fill: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover svg{
                fill: ;
            }
            .sub-menu-container{
                position: absolute;
                min-width: 150px;
                background-color: #fff;
                color: #fff;
                top: 32px;
                right: 0;
                z-index: 4999;
               /* display: none;*/
            } 
            /*.sub-navbar{
                width: 100%;
                height: 100%;
            }*/
            .nav-container .navbar.navbar-sub .nav-list img{
                width: 16px;
                height: 16px;
            }
            .nav-container .navbar.navbar-sub .nav-list a,
            .nav-container .navbar.navbar-sub .nav-list span{
                color: #000;
                font-size: 12px;
            }
            .nav-list.with-sub-menu:hover .sub-menu-container{
                display: block;
            }
            .nav-container .navbar.navbar-sub .nav-list .arrow-menu-container svg{
                fill: #000;
            }
            .active{
                background-color: ;
            }
            .active a{
                color: ;
            }     
            .icon-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
            }
            .icon-container .icon-item{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                box-sizing: border-box;
                min-height: 45px;
                margin: 0 5px;
            }
            
                
                .icon-container .icon-item:first-child{
                    margin-right: 0 !important;
                }
                .icon-container .icon-item:last-child{
                    margin-left: 0 !important;
                }
                
            
            
            .icon-container .icon-item a{
                border: 0px  solid  ;
            }
            .icon-container .icon-item.basket-icon{
                position: relative;
                color: #e84118;
                min-width: 45px;
                min-height: 45px;
                outline: none;
                border-radius: 3px;
                background: #2c3e50;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                text-decoration: none;
                margin: 0 10px;
            }
            .icon-container .icon-item .icon-shortcut{
                color: #e84118;
                min-width: 45px;
                min-height: 45px;
                margin: 0;
                outline: none;
                border-radius: 3px;
                background: #2c3e50;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                transition: .4s;
                cursor: pointer;
                text-decoration: none;
            }
            
            .basket-shop{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border-radius: 3px;
            }
            .icon-container .icon-item .icon-shortcut:hover svg,
            .icon-container .icon-item .icon-shortcut:hover .add-item-to-cart.open span
            {
                fill: #fff;
                color: #fff;
            }
            
                
                .icon-container .icon-item.basket-icon .add-item-to-cart{
                    color: #e84118;
                    border-radius: 3px;
                    background: #2c3e50;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .4s;
                    cursor: pointer;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                
                    .icon-container .icon-item.basket-icon .add-item-to-cart{
                        border-left: none !important;
                    }
                    .border-basket{
                        border-right: none !important;
                    }
                
                
                    .icon-container .icon-item:hover > span,
                    .icon-container .icon-item.login-icon:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover,
                    .icon-container .icon-item.login-icon .icon-shortcut:hover,
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover .add-item-to-cart{
                       background: #3e5772;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open{
                        width: 45px;
                        border-radius: 0 3px 3px 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                    }
                    .icon-container .icon-item.basket-icon:hover .add-item-to-cart.open{
                        background: #3e5772;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open + .icon-shortcut{
                        border-radius: 3px 0 0 3px;
                    }
                 
            .icon-container .icon-item svg{
                width: 25px;
                height: 25px;
            
                fill: #e84118;
            
            
            }
            .icon-container .icon-item.login-icon{
                position: relative;
            }
            /*.icon-container .icon-item.login-icon .icon-shortcut{
                width: 100%;
                height: 100%;
            }*/
            .icon-container .icon-item.login-icon .icon-login{
                width: 25px;
                height: 25px;
            }
            #div_profile_picture, 
            #div_profile_picture_metro {
                display: inline !important;
                width: 0 !important;
                height: 0 !important;
                line-height: unset !important;
            }
            #div_profile_picture .rShowLogin{
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                z-index: -1000;
            }
            #div_profile_picture .login-container{
                display: none !important;
            }
            #div_profile_picture #profile_picture,
            #div_profile_picture #profile_exit{
                display: none !important;
            }
        
                
                .icon-container .icon-item.login-icon{
                    color: #e84118;
                    /*width: 90px !important;*/
                    min-height: 45px;
                    outline: none;
                    border-radius: 3px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    text-decoration: none;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                .icon-container .icon-item.login-icon .status-user,
                .icon-container .icon-item.login-icon .icon-login{
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    margin: 0 5px;
                }
            
            
            .public-header .bottom-section-1{
                grid-area: bottom-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-2{
                grid-area: bottom-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-3{
                grid-area: bottom-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            
                
                .icon-container .icon-item{
                    width: unset;
                    height: unset;
                }
                .search-icon{
                    position: relative;
                }
                .search-container {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-items: center;
                    height: 100%;
                    position: relative;
                    border-radius: 3px;
                    min-width: 45px;
                }
                .search-container > .search-btn svg,
                .search-container > .close-search-btn svg{
                    fill: #e84118;
                }
                .search-container > .search-btn:hover svg,
                .search-container > .close-search-btn:hover svg{
                    fill: #fff;
                }
                .search-btn {
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #2c3e50;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .8s;
                    cursor: pointer;
                    text-decoration: none;
                    border: 0px  solid  transparent;
                }
                .icon-container .icon-item img{
                    width: 25px;
                    height: 25px;
                    object-fit:contain;
                }
                
                    .search-container.open-search-box .search-btn{
                        border-radius: 3px 0 0 3px !important;
                    }
                    .search-container.open-search-box .close-search-btn{
                        border-radius: 0 3px 3px 0 !important;
                    }
                 
                
                .search-btn,
                .search-command,
                .close-search-btn{
                    box-sizing: content-box;
                }
                .search-btn > svg {
                    fill: #fff;
                }
                .search-input {
                    padding: 0;
                    height: 100%;
                    background: #2c3e50;
                    color: #fff;
                    font-size: 14px;
                    font-weight: normal;
                    transition: all 1s ease-in-out;
                    width: 0;
                    position: absolute;
                    top: 0;
                    overflow: hidden;
                    white-space: nowrap;
                    border: 0px  solid  transparent;
                }
                .open-search-box > .search-input{
                    padding : 10px 48px;
                }
                
                    
                    .search-input {
                        left: calc(0px + 45px);
                        border-right: none;
                        border-left: none;
                    }
                
                        .search-container.open-search-box .search-btn{
                            border-radius: 3px 0 0 3px !important;
                        }
                        .search-container.open-search-box .close-search-btn{
                            border-radius: 0 3px 3px 0 !important;
                        }
                        .search-container.open-search-box .search-input{
                            border-radius: 0 3px 3px 0 !important;
                        }
                    
                
                .close-search-btn{
                    position: absolute;
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #2c3e50;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    box-sizing: border-box;
                    box-sizing: border-box;
                }
                .close-search-btn svg{
                    fill: #e84118;
                }
            
            
            .sticky{
                width: 100%;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 999;
                padding: 2vh 8vw;
                transition: .8s;
                background-color: #ddd !important;
            }
            .d-none{
                display: none !important;
            }
            .border-left-n{
                border-left: none !important;
            }
            .border-right-n{
                border-right: none !important;
            }
            .w-1200px{
                width: 1200px !important;
                margin: auto;
            }
            .lang-icon{
                position: relative;
            }
            .language-container .lang-btn{
                width: 25px;
                height: 25px;
            }
            .lang-list-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .lang-list{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px;
                background: #2c3e50;
                border-radius: 3px;
            }
            .lang-list::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #2c3e50;
                display: block;
            }
            .lang-nav{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .lang-nav .lang-li{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                list-style: none;
                width: max-content;
                margin: 5px 0;
                
            }
            .lang-nav .lang-li a{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .lang-nav .lang-li img{
                width: 25px;
                height: 25px;
                object-fit: cover;
                margin: 0 4px;
            }
            .lang-nav .lang-li span{
                text-transform: uppercase;
                line-height: 2.5;
                font-size: 14px;
                margin: 0 4px;
                color: #fff;
            }
            .lang-nav .lang-li a{
                color: #fff;
            }
            .lang-nav .lang-li span:hover{
                cursor: pointer;
                color: #fff;
            }
            .lang-nav .lang-li .lang-active{
                font-weight: bold;
                color: #e84118;
            }
            .icon-item.lang-icon:hover .lang-list-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            /*---------------------------------------------------------------------------------*/
            .link-profile-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .link-profile-container .link-wrapper{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px 25px;
                background: #2c3e50;
                border-radius: 3px;
            }
            .link-profile-container .link-wrapper a{
                color: #fff;
            }
            .link-profile-container .link-wrapper a:hover{
                cursor: pointer;
                color: #fff;
            }
            .link-profile-container .link-wrapper::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #2c3e50;
                display: block;
            }
             .icon-item.login-icon:hover .link-profile-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            
            
            .backTop{
                display: flex !important;
            }
            #back_to_top{
                display: none;
                position: fixed;
                transition: 600ms;
                right: 25px;
                left: unset;
                bottom: 50px;
                z-index: 100;
                border-radius: 50%;
                border: 1px  solid  #000;
                padding: 15px;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                background-color: #777 ;
            }
            #back_to_top svg{
                width: 24px;
                height: 24px;
                fill: #fff ;
            }
            #back_to_top img{
                width: 24px;
                height: 24px;
                fill: #fff ;
                object-fit:contain;
            }
        
                    
                    .header-container{
                        grid-template-rows: 1fr;  
                        grid-template-columns: 100px minmax(auto, 100%) 1fr;
                        grid-template-areas: 
                            "top-1 top-2 top-3"; 
                    }
                    .top-section-1{
                        justify-content: flex-start;
                    }
                    .top-section-2{
                        justify-content: flex-start;
                    }
                    .logo-container{
                        justify-content: flex-start;
                    }
                    .nav-container{
                        justify-content: flex-start;
                    }
                    .nav-container .navbar{
                        justify-content: flex-start;
                    }
                    .width-full{
                        width: 100% !important;
                    }
                
            #s_graph_footer{
                width:100%;
                background-color:#00AECD;
                overflow:hidden;
            }
            .box_bar{width:49.5%;display:inline-block;padding:10px;padding: 10px 0;font-size: 12px;}
            .box_bar>span,.box_bar>a>span{color:#FEFEFE;cursor:pointer;}
            #footer_company_div{width:100%;text-align:center;/*padding-bottom:10px;*/}
            .s_footer_1200px{width:1200px;margin:auto;}
            #footer_company_div>a>span{color:#FEFEFE;font-size: 14px;}
            .s_f_icons{width:43px;height:43px;}
            .s_footer_social>a{display:inline-block;margin-left:30px;padding-right: 1px;}
            .s_add_row{margin-bottom:10px; position:relative; padding-right: 10px;}
            .s_add_row::after {
                content:"";
                position:absolute;
                top:9px;
                bottom:8px;
                right:0;
                border-right: 3px solid gray;
            }
            .tellRow{display:inline-block;vertical-align:top;width: 49.5%; font-size: 16px;}
            .f_links{color :#FEFEFE;}
             #s_graph_footer:before {
                content: " ";
                display: inline-block;
                width: 101vw;
                margin-right: -1vw;
                height: 5vw;
                margin-top: -2vw;
                background-color:#FFFFFF;
                border-radius: 100%;
                position: relative;
                bottom: 14px;
            }
            .s_f_address{font-size: 12px;color:#FEFEFE;}
            .f_logo_box{text-align:center;}
            #footer_1200{width:1200px;margin:auto;}
            .s_footer_col{
                width:396px;
                display:inline-block;
                vertical-align:top;
            }
            .s_links_box{width:100%;}
            .s_footer_link{width:49%;display: inline-block; vertical-align: top;font-size: 14px;height: 28px;line-height: 28px;}
            .footer_search_box{ width:100%;display: table;margin-top:20px;}
            #graph_search{
                width:346px;
                height: 36px;
                padding-right: 7px;
                display: table-cell;
                color: #bdbfc1;
                background-color: #2a292d;
                border: 1px solid #848688;
                border-radius: 4px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                text-align: right;
            }
            .s_btn_box{
                cursor: pointer;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                width: 50px;
                height: 36px;
                border: 1px solid #848688;
                white-space: nowrap;
                padding-right: 10px;
                border-radius: 5px 0 0 5px;
                border-right: none;
                background-color: #848688;
            }
            #s_btn_search {
                width: 26px;
                height: 26px;
                cursor: pointer;
                background: url(https://graph.ir/files/main/main/img/graph-search.png) no-repeat center;
                background-size: contain;
                display: block;
                text-align: center;
            }
            #s_footer_logo{
                width:200px;
                height:160px;
                margin:auto;
            }
        
            #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;}