/*widescreen*/
@media handheld, screen and (min-width: 641px){
	 #navigator > ul > li img {
	 float:right;
	 height: 64px;
 }
 /*added to give logo img background colour*/
 .logo {
	 height:100%;
 }
  .no_scroll{ overflow-y: hidden; }
  .abrir_menu{ display: none; }  
  
  #menu{
    max-width: 100%;/*960px;*/
    height: auto;
    margin: 0 auto;
	
    /*! border-bottom: solid 3px #7b7b7b; */
    }  
 
  #navigator{
    /*! height: 100%; */
    /*! line-height: 61px; */
		box-shadow: 0 7px 6px -7px #373435;
		-webkit-box-shadow: 0 7px 6px -7px #373435;
		-moz-box-shadow: 0 7px 6px -7px #373435;
    }
  
  
  #navigator .title{ display: none; }
  #navigator ul{ list-style: none; /*! height: 100%; */}
  #navigator > ul > li{   
    float: right;
    height: 100%;
    /*! line-height: 54px; */
    }
  
  #navigator > ul > li > a{
    color: #fff;
    font-family: IRANSans;
    text-transform: uppercase;
    /*! letter-spacing: 0.5px; */
    text-align: center;
    display: block;  
    font-size: 0.85vw;
    font-weight: 700;
    height: 100%;
    padding: 10px 0.7vw;
    line-height: 55px;
    }
  #navigator .hover{position: relative}
  #navigator .hover>a:after {
    content: "\e079";
    position: initial;
    top: 12px;
    display: inline-block;
    color: #838383;
    margin-right: 3px;
    font-family: "Glyphicons Halflings";
    font-size: 0.8vw;
	/*! line-height: 45px; */
  }
  #navigator > ul > li:hover > a{
    
  background: #a40000;
  color: #fff !important;
    }
    #navigator > ul > .logo:hover > a{    
  background: initial;
  color: initial !important;
    }
  
  #navigator ul li > ul,
  #navigator ul li li > ul,
  #navigator ul li li li > ul,
  #navigator ul li li li li> ul,
  #navigator ul li li li li li > ul{ display: none; }
  
  #navigator ul li:hover > ul,
  #navigator ul li li:hover > ul,
  #navigator ul li li li:hover > ul,
  #navigator ul li li li li:hover > ul,
  #navigator ul li li li li li:hover > ul{
    position: absolute;
    z-index: 10;
    width: 180px;
    line-height: 22px;
    display: block;
    /*! background: #020202; */
		
		box-shadow: 0 7px 6px -7px #373435;
		-webkit-box-shadow: 0 7px 6px -7px #373435;
		-moz-box-shadow: 0 7px 6px -7px #373435;
    height: auto;
    }
  
  #menu ul ul li ul{
    top: 0;
    right: 179px;
    min-height: 100%;
    border-right: 2px solid rgba(255,255,255,0.9);
  }
  
  #menu ul ul li{ position: relative; background: rgba(0,0,0,0.8);}
  #menu ul ul li a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding: 12px 7px;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    text-transform: uppercase;
    }
   
  #menu ul ul li:hover > a{ color: #f00 !important; }
  #menu ul ul li li:hover > a{}
  #menu ul ul li li li:hover > a{}
  #menu ul ul li li li li:hover > a{}
  #menu ul ul li li li li li:hover > a{}
}
.menu_aberto{/*! height: 100%; */}

/*mobile*/
@media handheld, screen and (max-width: 640px){
/*added by piccante for logo image*/
 #navigator > ul > li img {
	 display:none!important;
 }
 .logo {
	 display:none!important;
 }
  /* [ Open/Close =====================================*/
  /* ==================================================*/
  .abrir_menu{ display: block;}
  section {
	padding-top:61px;/*added by piccante to space mobile page content below menu*/
}
  .menu-icon{position: relative;}
  .menu-icon img {position: absolute; top: 1px; left: 5%}
  .abrir_menu span{
    color: #fbfbfb;
    font-size: 20px;
    text-align: center;
    letter-spacing: 5px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 61px;
    line-height: 61px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    background: #000 url() no-repeat 10px center;

    box-shadow: 0 7px 3px -7px #373435;
    -webkit-box-shadow: 0 7px 3px -7px #373435;
    -moz-box-shadow: 0 7px 3px -7px #373435;
    padding: 10px 25px;
    }
  
  .menu-icon div{text-align: left;}
 .abrir_menu span img {
	 max-height:61px;
	 text-align:center;
	 float:left;
 }
  
  .open > .abrir_menu{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; /*! background: rgba(0, 0, 0, 0.85); */ }
  .open > .abrir_menu span{ opacity: 0.1 !important; }
  
  .menu_aberto{
    position: fixed;
    z-index: 99;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #0B0B0B;
    transition: 0.3s;

    box-shadow: -4px 0 15px 0px #373435;
    -webkit-box-shadow: -4px 0 15px 0px #373435;
    -moz-box-shadow: -4px 0 15px 0px #373435;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .open > .menu_aberto{ left: 0; }	
  
  /* Open/Close ] =====================================*/
  /* ==================================================*/
  
  
  /* [ Menu ===========================================*/
  /* ==================================================*/
  #navigator .title{
    color: #acacac;
    font-size: 20px;
    text-transform: uppercase;
    /*! text-shadow: 0.8px 0.8px 3px #999; */
    height: 60px;
    line-height: 62px;
    display: block;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.045);
    background: #000 url() no-repeat 20px center;

    box-shadow: -4px 0 5px 0px #373435;
    -webkit-box-shadow: -4px 0 5px 0px #373435;
    -moz-box-shadow: -4px 0 5px 0px #373435;
    text-align: center;
  }

  #navigator ul li > ul,
  #navigator ul li li > ul,
  #navigator ul li li li > ul,
  #navigator ul li li li li > ul,
  #navigator ul li li li li li > ul{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: rgba(0,0,0,0.1);

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

  #navigator ul li{ float: none; display: block; text-align: center;}		
  #navigator ul li a{
    color: #fffdfd;
    font-size: 14px;
    display: block;
    padding: 20px;
    border-top: 1px solid rgba(255,255,255,0.045) !important;
    border-bottom: 1px solid rgba(0,0,0,0.045) !important;
  }

  #navigator > ul > li:hover > a{ color: #aaa; background: #F9F9F9; }
  #navigator li.hover a.parent:after { content: "\f0d9"; font-family: FontAwesome; margin:0 7px 0 0;}
  #navigator li:not(.hover) > a.parent:after{ content: "\f0d7"; font-family: FontAwesome; margin:0 7px 0 0;}

  /* Styles (Links/Hover/Ativo Sub Menu) ==============*/
  /* ==================================================*/
  #navigator > ul > li > .parent,
  #navigator > ul > li:hover > .parent,
  #navigator > ul > li.hover > .parent,

  #navigator ul li li > .parent,
  #navigator ul li li:hover > .parent,
  #navigator ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 260px center; }

  #navigator > ul > li > .parent,
  #navigator > ul > li:hover > .parent{ color: #fff !important; background-color: inherit; background-image: url(); }	
  #navigator > ul > li.hover > .parent{ color: #fff !important; background-color: #000; background-image: url(); }	

  
  /* Styles (Links/Hover/Ativo Sub>Sub Menu) ==========*/
  /* ==================================================*/
  #navigator ul li li a{ color: #fdfcfc; font-size: 12px; background: #636363;}
  #navigator ul li li a:hover{ color: #fff !important; font-size: 13px; background: #000ccc;}
  #navigator ul li li > .parent,
  #navigator ul li li:hover > .parent{ color: #aaa; background-color: inherit; background-image: url(); }	
  #navigator ul li li.hover > .parent{ color: #fff; background-color: rgba(30, 30, 30, 0.8); background-image: url(); }
  #navigator .hover ul li li a {background: #2b2b2b;}
  .nav ul{ display: block; left: -9999px; }
  .nav li.hover > ul,
  .nav li li.hover > ul,
  .nav li li li.hover > ul,
  .nav li li li li.hover > ul,
  .nav li li li li li.hover > ul,
  .nav li li li li li li.hover > ul{
    position: static !important;
    display: none !important;
  }
  /* Menu ] ===========================================*/
  /* ==================================================*/
}

@media handheld, screen and (max-width: 480px){
	
  .open > .menu_aberto{ width: 200px; }
  #menu > ul > li > .parent,
  #menu > ul > li:hover > .parent,
  #menu > ul > li.hover > .parent,

  #menu ul li li > .parent,
  #menu ul li li:hover > .parent,
  #menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 210px center; }
	
}

@media handheld, screen and (max-width: 319px){
	
  .open > .menu_aberto{ width: 90%; }
  #menu > ul > li > .parent,
  #menu > ul > li:hover > .parent,
  #menu > ul > li.hover > .parent,

  #menu ul li li > .parent,
  #menu ul li li:hover > .parent,
  #menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 150px center; }

}