@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);


/* nav wrap */
.nav { float:right;   margin:0px;  padding:0px; display:block;   }
#nav-wrap {max-width:100%; margin: 0px auto;  }
 
 
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */}
#submenu-icon { display: none; /* hide menu icon initially */}
#sectionmenu-icon { display: none; /* hide menu icon initially */}


.menu { float:left; text-align:center; width:100%; }
.menu, .menu li { margin: 0px; padding: 0px; }
.menu li { list-style: none;  display:inline-block; float:left; padding: 10px 10px 0px 10px; margin:0px; text-align:center; border-left: 1px dotted #cbcbcb; vertical-align:bottom;   }
 
.menu li {  font-size:14px; text-transform:uppercase;  }

    
/* nav link */
.menu a, .menu li {  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;}
.menu a { display: block;   color:#999; text-decoration:none; padding:0;     }
.menu a:hover { color:#7f7f7f; }
.menu li:hover>a { color:#000; }
.menu .active>a { color:#000; text-decoration:underline;  }

 

/* nav dropdown */
.menu ul { background: #fffaf2; padding:0; position: absolute; display: none; /* hide dropdown */ width: 200px; box-shadow: 0px 0px 5px #e6d3b3; z-index:99; }
.menu li:hover > ul { display: block; /* show dropdown on hover */ }

.menu ul li { float: none; margin: 0px; padding: 0px; font-size: 14px; border-bottom:1px solid #e6d3b3; }

.menu li li a { display: block; color: #4c2105; text-decoration:none; text-transform: none;  padding: 5px 19px; margin:0px; line-height:25px;}
.menu li li a:hover { background: none; color: #dc4d08;}




/************************************************************************************
*	MOBILE
************************************************************************************/

@media only screen and ( min-width: 980px) and ( max-width: 1024px) {

#headerpan .header .logo h1 a { font-size:18px !important; }
   
}


@media only screen and ( min-width: 768px) and ( max-width: 980px) {


 

}

 


@media only screen and ( min-width: 240px) and ( max-width: 767px) {
/* nav-wrap */
#nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; float:left; position:relative;  }

/* menu icon */
    #menu-icon { line-height: 31px; height: 31px;  width: auto; margin:0px 0px; 
        -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;
    }

    #menu-icon {
        background:#eee;
         cursor: pointer; display: block; float: none; text-transform: uppercase; color:#000; text-align:left;  padding:1% 2%; width:96%; margin:0px; color:#000;
    }

#menu-icon:hover { color: #000; }
#menu-icon.active { color: #000; }
#menu-icon  .fa-ellipsis-v { margin-top:3px; float:right; color:#999;}

    ul.menu {
        list-style: none;  list-style-image: none;
        padding: 0px;
        margin: 0px 0 10px 0;
        position: relative;
        display: none;
        float:left;
        width: 100%; 
        z-index:99999;
        border:none;
        background:#eee;
		 
    }

    ul.menu li { padding:0px 0px; margin:0px; width:100%;  list-style:none; border-top: 1px solid #ccc; text-align:left; font-size:13px;  border-left: none;  }
    ul.menu li a{  text-decoration:none; color:#666;  display:block; float:none;   padding:0px 10px; line-height:30px; text-transform:uppercase;   }
    ul.menu li a:hover{  text-decoration:none; color:#333; background:#ddd;  }
    ul.menu li.active a{  text-decoration:none; color:#fff; background:#999;  }

 
 
 
 
}





/************************************************************************************
*	MOBILE
************************************************************************************/


     








/********************************* LEFT MENU ****************************************************/
/***********************************************************************************************/

/* nav wrap */
.left-nav { float:left; width:100%; margin:0 0 5% 0;  padding:0px; display:block;   z-index:99;     }
#left-nav-wrap {max-width:100%; margin: 0px auto;  }
 
 
/* menu icon */
#left-menu-icon { display: none; /* hide menu icon initially */}

.left-menu { float:left; text-align:center; width:100%; }
.left-menu, .left-menu li { margin: 0px; padding: 0px; }
.left-menu li { list-style: none;   padding:10px 0px; margin:0px; text-align:left;  vertical-align:top; width:100%; float:left;   }
.left-menu li:first-child { border-left:none;    } 
.left-menu li {font-size: 15px;}

    
/* nav link */
.left-menu a, .left-menu li {  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;}
.left-menu a { color: #999; text-decoration:none;   padding: 10px 10px 10px 5px;     }
.left-menu a:hover { color:#7f7f7f;    }
.left-menu li:hover>a { color:#000;   }
.left-menu .active>a { color:#000;   text-decoration:underline;  }



 
 

    
 



@media only screen and ( min-width: 240px) and ( max-width: 767px) {

/* nav-wrap */
.left-nav {  border:1px solid #ccc; }
#left-nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; float:left; position:relative;  }
 
/* menu icon */
    #left-menu-icon { line-height: 31px; height: 31px;  width: auto; margin:0px 0px; 
        -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;
    }

    #left-menu-icon {
         cursor: pointer; display: block; float: none; text-transform: uppercase; color: #000; padding:1% 2%; width:96%; margin:0px; 
    }
	
#left-menu-icon:hover { color: #999; }
#left-menu-icon.active { color: #000; }
#left-menu-icon  .fa-th-list { font-size:18px; margin-top:6px; float:right; font-weight:normal; color:#999; }

    ul.left-menu {
        list-style: none;  list-style-image: none;
        padding: 0px;
        margin: 0px 0 0px 0;
        position: relative;
        display: none;
        float:left;
        width: 100%; 
        z-index:99999;
        border:none;
		 
    }

    ul.left-menu li { padding:0px 0px; margin:0px; width:100%;  list-style:none; border-top: 1px solid #ccc; text-align:left; font-size:13px;  border-left: none;  }
    ul.left-menu li a{  text-decoration:none; color:#666;  display:block; float:none;   padding:0px 10px; line-height:30px; text-transform:uppercase;   }
   ul.left-menu li a:hover{  text-decoration:none; color:#333; background:#eee;  }
    ul.left-menu li.active a{  text-decoration:none; color:#000; background:#eee;  }

 
 
}


/********************************* LEFT MENU ****************************************************/
/***********************************************************************************************/