#mainsite, #block-mainnav-mobile, .fxmenu-touch { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;  }
body.showmenu #wrapper, body.hidemenu #wrapper {position:fixed; top:0; right:0; bottom:0; left:0;}
#block-header { margin-bottom:20px;}

a.flexMenuToggle  { 	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box; position:relative;    background-color: #ef3f3e;   color: #FFFFFF ;    display: block ;    font-size: 18px;    padding:9px 65px; height:40px;   text-align: center;   z-index: 1000;}
a.flexMenuToggle span {    background: #FFFFFF;    display: block;    height: 4px;    margin:   5px 20px 0;}
a.flexMenuToggle span:first-child { margin-top:0}
	
span.flexMenuToggle  { display:none !important;    background:#000;	background-color:rgba(0,0,0,0.1);    bottom: 0;	cursor:pointer;    display: none;     position: absolute;    top: 0;    width: 100%;    z-index: 1000;}	
body.showmenu span.flexMenuToggle { display:block !important}

.touch-btnBack {background: #f8f8f8;border-bottom: 3px solid #dedede;font-weight: 500; display:block; text-align:right; line-height:40px; text-transform:uppercase; color:#ef3f3e !important; font-family: 'iransans'; padding-right: 30px; position:relative;}
.touch-btnBack:after {     border-radius: 100%;    height: 20px; line-height:20px; text-align:center;    position: absolute;    right: 10px;    top: 10px;    width: 20px;   font-family: icomoon !important;    font-style: normal;    font-variant: normal;    font-weight: 400;    text-transform: none;	content: "";	 color:#fb2d00;}

/* mainsite */ 
#mainsite { position:relative; right:0;   z-index: 1001;
box-shadow:0 -11px 10px rgba(0, 0, 0, 0.9); -webkit-box-shadow:0 -11px 10px rgba(0, 0, 0, 0.9);-moz-box-shadow:0 -11px 10px rgba(0, 0, 0, 0.9);
transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0); }
body.showmenu #mainsite {  transform: translateX(-280px);-webkit-transform: translateX(-280px); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px);}
body.showmenu.hidemenu #mainsite {transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);}

/* block-mainnav */
#block-mainnav-mobile {width:280px;   position: absolute  !important; margin:0 !important; padding:0 !important; top:0; z-index: 5000; background: #f7f8fa; right:0; top:0; bottom:0; -moz-box-sizing:border-box;     -webkit-box-sizing:border-box;    box-sizing:border-box; transform: translateX(280px);	-webkit-transform: translateX(280px);	-moz-transform: translateX(280px);	-ms-transform: translateX(280px);}
body.showmenu #block-mainnav-mobile { transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);}
body.hidemenu #block-mainnav-mobile { transform: translateX(280px);	-webkit-transform: translateX(280px);	-moz-transform: translateX(280px);}

#block-mainnav-mobile > div , #block-mainnav-mobile  div.position-menu  {   position: absolute  !important;  margin:0 !important; padding:0 !important; top:0;  right:0; left:0; top:0; bottom:0;  overflow: hidden; }
 

/*fxmenu-touch*/
.fxmenu-touch {  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -o-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;    position:absolute; top:0; bottom:0; right:0; left:0; margin:0; transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);}
body.showmenu  #block-mainnav-mobile   .fxmenu-touch { overflow:auto; /*fix bug to top iphone*/}

#block-mainnav-mobile  ul.fxmenu-touch { padding-top:40px;}
ul.fxmenu-touch:before {background: #f8f8f8;border-bottom: 3px solid #dedede; content:"صفحه اصلی"; position:absolute; top:0; right:0; left:0; font-weight: 500; font-family:'iransans','yekan';font-size:14px; color:#888; text-transform:uppercase; height:40px; text-align:center; line-height:40px; }

.fx-subitem.fxmenu-touch {  transform: translateX(280px);	-webkit-transform: translateX(280px);	-moz-transform: translateX(280px);	-ms-transform: translateX(280px);  }
.fxmenu-touch.show-item  { transform: translateX(-280px);	-webkit-transform: translateX(-280px);	-moz-transform: translateX(-280px);	-ms-transform: translateX(-280px); }
.fxmenu-touch.show { transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0); }
.fxmenu-touch.show.show-item { transform: translateX(-280px);	-webkit-transform: translateX(-280px);	-moz-transform: translateX(-280px);	-ms-transform: translateX(-280px); }


/*item*/

#block-mainnav-mobile ul li {  width:auto !important; list-style-type:none;  border-bottom: 1px solid #e3e4e5;font:14px/30px 'yekan';}
#block-mainnav-mobile ul li .level1, #block-mainnav-mobile  ul li .levelsub  { display:block;  color: #333;  line-height: 20px;     padding:15px 10px; font-size: 14px; font-family: 'yekan','iransans';font-weight: 500; }
#block-mainnav-mobile ul li.active .level1, #block-mainnav-mobile  ul li.active > .levelsub   { color:#ef3f3e;   }

#block-mainnav-mobile ul li > .iconImage { padding-right:60px; position:relative;}
#block-mainnav-mobile ul li > .iconImage img.icon  { position:absolute; top:7px; right:10px; max-width:40px; max-height:36px; }
#block-mainnav-mobile ul li > .fx-desc { line-height:18px; padding-top:7px; padding-bottom:7px;}
#block-mainnav-mobile ul li > .fx-desc .fx-desc { font-size:92%; font-weight:normal; display:block;}


#block-mainnav-mobile .container { background:none !important;  width: auto !important;}	
#block-mainnav-mobile  ul { margin:0; padding:0;background: #f8f8f8; }
#block-mainnav-mobile .position  { color:#fff; padding:10px;}
#block-mainnav-mobile .jv-module { color:#333;}
#block-mainnav-mobile div.themecolor { text-align:center}
#block-mainnav-mobile div.themecolor a {   float: none;   display:inline-block;	    margin: 10px !important;}

#block-mainnav-mobile .hide-item > ul {display: none;}
#block-mainnav-mobile ul li .group-title.levelsub , #block-mainnav-mobile  ul  .jv-module h3.title-module {	color:#888;	   padding:0 15px 0 0 !important;	   line-height:40px; font-size:14px; font-weight: 500;}

/*iconsubmenu*/
#block-mainnav-mobile ul li.hasChild .iconsubmenu {    cursor: pointer;  position: absolute;   width: 80px;    z-index: 10;  height:50px; left:0;  z-index: 10; -webkit-tap-highlight-color: none; }
#block-mainnav-mobile ul li.hasChild .iconsubmenu:after {  position: absolute; top:50%; margin-top:-10px; left:10px; width:20px; height:20px; line-height:20px; text-align:center; border-radius:20px;      font-family: icomoon !important;    font-style: normal;    font-variant: normal;    font-weight: 400;    text-transform: none;	   content: "";	 color:#fb2d00;}
#block-mainnav-mobile ul li.hasChild.li-group-title  > .iconsubmenu { height:40px;}
#block-mainnav-mobile ul li.hasChild.li-group-title  > .iconsubmenu:after { content: ""; color:#000; }
#block-mainnav-mobile ul li.hasChild.li-group-title.hide-item > .iconsubmenu:after{ content: "";}	


/* RTL CSS: http://www.rtl-css.com */