.head_panel_right{
width: 350px; 
height: 100%;
overflow-y: auto;
visibility: visible;
max-width: 100%; 
position: fixed !important;
top: 0; 
right: 0;
background: var(--box_bg_w);
display: block;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
cursor: auto;
}

html[lang*="he"] .head_panel_right,
html[lang*="fa"] .head_panel_right,
html[lang*="ar"] .head_panel_right{left: 0;right: auto;}

.head_panel_right{-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);-o-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.head_panel_right.active {
  z-index: 900; 
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
  -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); }

html[lang*="he"] .head_panel_right,
html[lang*="fa"] .head_panel_right,
html[lang*="ar"] .head_panel_right{
-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);
}

html[lang*="he"] .head_panel_right.active,
html[lang*="fa"] .head_panel_right.active,
html[lang*="ar"] .head_panel_right.active {
-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }

.head_panel_right .head_panel_box{padding: 80px 40px 50px;min-height: 100%;display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.head_panel_right .vf_dropdown_close{top: 10px;right: 10px;height: 45px;line-height: 45px;position: absolute; display:block;text-align: right;font-size: 25px;}
.head_panel_right .vf_dropdown_close button{background: transparent;}
.head_panel_right .vf_dropdown_close .vf_close{position:relative;z-index:1;cursor:pointer;line-height:1;display:inline-block;-moz-transition:color .2s linear;-o-transition:color .2s linear;-webkit-transition:color .2s linear;transition:color .2s linear}
.head_panel_right .vf_dropdown_close .vf_close:before{content:'';position:absolute;width:100%;height:100%;z-index:0;top:0;left: 0;}
.head_panel_right .vf_dropdown_close .vf_close{color:var(--text_b_1);}
.head_panel_right .vf_dropdown_close .vf_close .iconfont{padding: 10px 15px;font-size: 20px;}
.head_panel_right .vf_dropdown_close:hover .vf_close{color:var(--theme);}  

.switch_box{
    padding: 5px;border: 1px solid var(--border_b);
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
  }

.switch_box i{font-size:20px;background:var(--bg_w_3);padding:4px 10px;transition:none}

.theme_switch {
  overflow: hidden;
  border-radius: 14px;
  display: block;
  height: 28px;
  position: relative;
  width: 52px;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.17, 0.17, 0, 1);
  transition-property: opacity;
  outline: none;
}
.theme_switch .switch {
  transition-duration: 200ms;
  position: absolute;
  opacity: 1;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--theme);
  pointer-events: none;
  transition-timing-function: cubic-bezier(0.17, 0.17, 0, 1);
  transition-property: opacity;
}

html[data-theme='dark'] .theme_switch .switch {background-color: var(--bg_b_3);}

.theme_switch .switch::before {
  content: "";
  left: 2px;
  top: 2px;
  height: 24px;
  width: 24px;
  transition-duration: 200ms;
  background-color: var(--text_w_2);
  position: absolute;
  border-radius: 12px;
  pointer-events: none;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.17, 0.17, 0, 1);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transform: translateX(24px);
}
html[data-theme='dark'] .theme_switch .switch::before {transform: translateX(0); }

.theme_switch input {
  position: absolute;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  top: 0;left: 0;
  width: 100%;
  padding: 0;
  touch-action: manipulation;
  height: 100%;
  opacity: 0;
  outline: none;
}

@media (max-width: 991px){
    .head_panel_box .vf_head_lang > ul >li{margin: 0;display: block;border-radius:2px;padding-left:30px;margin: 0;position: relative;transition: 0.5s;}
    .head_panel_box .vf_head_lang > ul >li a{display:block;color:var(--text_b_1);border-radius:2px;padding:10px;}
    .head_panel_box .vf_head_lang > ul >li:hover,
    .head_panel_box .vf_head_lang > ul >li.active{color:var(--theme);background: var(--bg_w_2);}
    .head_panel_box .vf_head_lang > ul >li img,
    .head_panel_box .vf_head_lang > ul >li i{border-radius:2px;position: absolute;left: 5px;width: 21px;height: 15px;transform: translateY(-50%);top:50%}
}.head_panel_box .vf_head_lang{margin-top: 15px;}
.head_panel_box .vf_head_lang{padding: var(--topbar-li-padding);position: relative;}
.head_panel_box .vf_head_lang .vf_dropdown_toggle{display:block;padding:5px 5px;color: var(--text_b_1);border-radius:2px;padding-left:30px;padding-right:5px;margin-bottom: 10px;position: relative;z-index:1;cursor:pointer;line-height:1.8;transition:color .2s linear}
.head_panel_box .vf_head_lang.active .vf_dropdown_toggle{background-color: var(--bg_w_2);}
.head_panel_box .vf_head_lang .vf_dropdown_toggle img{height:14px;margin-right: 5px;border:1px solid #333;}
.head_panel_box .vf_head_lang .vf_dropdown_toggle span:after{vertical-align: middle; font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}   
.head_panel_box .vf_head_lang .vf_dropdown_toggle span:after {content: "\e62c";position: absolute;right: 10px;top:10px;padding-left: 5px;}

.head_panel_box .vf_head_lang img,
.head_panel_box .vf_head_lang i{border-radius:2px;position: absolute;left: 5px;width: 21px;height: 15px;transform: translateY(-50%);top:50%}

.head_panel_box .vf_head_lang .vf_dropdown_box{display: none;position: absolute;left: 0;right:0; top: 100%;z-index: 22;padding:15px;}
.head_panel_box .vf_head_lang .vf_dropdown_box{background: var(--bg_w_1);box-shadow: var(--shadow_hover);max-height: 250px;overflow-y: auto;}
.head_panel_box .vf_head_lang.active .vf_dropdown_box{display: block;}

.head_panel_box .vf_head_lang .vf_dropdown_box ul{text-align: left}
.head_panel_box .vf_head_lang .vf_dropdown_box ul a{display: block;border-radius:2px;padding:5px 0 5px 30px;margin-bottom: 10px;position: relative;transition: 0.5s;}
.head_panel_box .vf_head_lang .vf_dropdown_box .vf_dropdown_close{display: none;}
.head_panel_box .vf_head_lang .vf_dropdown_box li{border-radius:2px;display: block;}
.head_panel_box .vf_head_lang .vf_dropdown_box li:hover{color:var(--theme);background:var(--bg_w_2)}@media (max-width: 991px){
.m_parent_search .vf_dropdown_toggle ,  .m_parent_search .vf_dropdown_close{display: none;}
.m_parent_search .search-box{padding:0; opacity: 1!important;position:static;-webkit-transform: rotateX(0deg); transform: rotateX(0deg);visibility:visible;}
.m_parent_search .search-btn{display: none;}
.m_parent_search .search-box button{top: 10px;right: 10px;}
.m_parent_search .search-box { display: inline-block; margin: 0; padding: 10px; width: 100%; z-index: 888; border-radius:3px;}
.m_parent_search .search-box input {background: transparent; padding: 10px 5px 10px 15px; border-radius: 3px;width: 100%; font-size: 14px;border:1px solid var(--border_b);}
.m_parent_search .search-box button {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);  cursor: pointer; font-size: 15px; position: absolute; right: 10px; background: transparent;}
.m_parent_search .search-box{padding: 0;}
.m_parent_search .fal{color: var(--text_b_1);}

}

.head_panel_box .vf_topbar_call {display: block;padding: 20px 0 25px;}
.head_panel_box .vf_topbar_call ul li{display: block;padding: 5px 0;}
.head_panel_box .vf_topbar_call ul li a{font-size:1rem;}
.head_panel_box .vf_topbar_call a{color: inherit;}
.head_panel_box .vf_topbar_call a:hover{color: var(--text_b_2);}
.head_panel_box .vf_topbar_call .iconfont{color:var(--theme);margin: 0 var(--fal_p);}

.head_panel_box .social-iconfont [class*="social-"]:not(:hover){color:var(--text_w_1);border-width:1px; border-style:solid;}
.head_panel_box .social-iconfont [class*="social-"]:hover{border-width:1px;background-color: transparent;}
html[lang*="he"] .head_panel_box .social-iconfont ul li,
html[lang*="fa"] .head_panel_box .social-iconfont ul li,
html[lang*="ar"] .head_panel_box .social-iconfont ul li{margin:0 0 10px 10px;}@media (max-width: 991px){
  .m_nav_panel{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); }
  .m_nav_panel{width: 100%;height: 100%;overflow-y: auto;visibility: visible;background: var(--box_bg_w);display: block!important;cursor: auto;position: fixed !important;top: 0;left: 0;}
  .m_nav_panel{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

  .m_nav_panel.active{z-index: 900;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
  .m_nav_panel .vf_dropdown_close{top: 10px;right: 10px;height: 45px;width: 45px;line-height: 45px;position: absolute;display: block;text-align: center;}
  .m_nav_panel .vf_dropdown_close .vf_close{z-index:1;background: transparent;cursor:pointer;}
  .m_nav_panel .vf_dropdown_close .vf_close:before{position:absolute;width:100%;height:100%;z-index:0;top:0;left: 0;line-height: 1;font-size: 22px;padding: 10px 15px ;font-family: "iconfont" !important;content:"\e61a";}
  
  .m_nav_panel .vf_dropdown_close .vf_close{color:var(--text_b_1);}
  .m_nav_panel .vf_dropdown_close:hover .vf_close{color:var(--text_b_1);}  

  html[lang*="he"] .vf_dropdown_close,
  html[lang*="fa"] .vf_dropdown_close,
  html[lang*="ar"] .vf_dropdown_close{left: 10px; right: auto; }

  .m_nav_panel .head_panel_box{padding: 80px 0 50px;
    min-height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;}
  }    @media (max-width: 991px){
  /*一级*/
  .vf_menu{display: block!important;}
  .vf_menu  ul > li.dropdown-sub.active > a{color:var(--theme);}
  .vf_menu > ul > li a{padding: 12px 20px;}
  /*2*/
  .vf_menu li> ul{display: none;}
  .vf_menu li a{align-items: center;display: flex;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
  .vf_menu li ul{padding-left:10px;background: rgba(0, 0, 0, 0.05);}
  .vf_menu li ul li a{padding: 9px 24px 9px 20px;line-height: 1.4;}
  /*2级盒子*/
  .vf_menu .dropdown-sub ul{border-top: solid 1px var(--border_w);}
  .dropdown-sub{position: relative;}

  .dropdown-sub .dropdown-plus {position: absolute;top: 0;right: 10px;width: 40px;height: 40px;line-height: 40px;cursor: pointer;  }
  
  html[lang*="he"] .dropdown-plus,
  html[lang*="fa"] .dropdown-plus,
  html[lang*="ar"] .dropdown-plus{left: 0;right: auto;}

  .dropdown-sub .dropdown-plus::after,
  .dropdown-sub .dropdown-plus::before {position: absolute;top: 20px;right: 15px;width: 13px;height: 1px;content: "";background: var(--text_b_2);}
  .dropdown-sub .dropdown-plus.dropdown-open::after{display: none;}
  .dropdown-sub .dropdown-plus::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
} 
