@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
 


/* nav wrap */
.nav { float:left; width:100%; margin:0;  padding:0px; display:block; z-index:99; background:#fe9600;    }
#nav-wrap {max-width:100%; margin: 0px auto;  }
.nav { border-top:0px solid #fff;   }
 
/* 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; float:right;   padding:0px; margin:0px; text-align:center; }
.menu li:nth-child(2) { border-left:none; width:33.9%; } 
.menu li {  font-size: 18px; font-weight:400; width:32.9%;  padding:0px; margin:0px; border:0px; }
.menu li {background:#1a7c99; padding: 10px 0; color: #eee; margin:0px;}
.menu li.ps {background:#1a7c99; padding:0px 0px; margin:0px; border-right:1px solid #fff; }
.menu li.ce {background:#1a7c99; padding: 10px 0; color: #eee; margin:0px;}
.menu li.vm {background:#1a7c99; padding:0px; margin:0px; }
    
/* 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;  padding:10px 0;  color: #eee; text-decoration:none; }
.menu a:hover { color:#fe9600; background:#000000;      }
.menu li:hover>a { color:#fe9600; background:#000000;   }
.menu li a.active  { color:#fe9600; background:#000000;     }




/* nav dropdown */
.menu ul { padding: 0px; position: absolute; display: none; /* hide dropdown */   }
.menu li:hover > ul { display: block; /* show dropdown on hover */ background:#fff; box-shadow: 3px 2px 3px #ccc; min-width:200px;/* not required */ }
.menu ul li { float: none; margin: 0px; padding: 0px; list-style:none; display:block; width:100%;   border-top:none;; }
.menu li li a {  display: block; font-size: 13px; color: #333; text-align:left;   text-transform: none;  padding: 10px 15px;  margin-top:0px; border-top:none;  }
.menu li li a:hover {  color: #00c0ac; border-top:none; }



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

 
 

@media only screen and ( min-width: 240px) and ( max-width: 676px) {
/* nav-wrap */
#nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; float:left; position:relative;  }
header.sticky #menu-icon {   padding: 0% 2%; }
header.sticky .menu a {     padding: 0px 10px 0px 10px; }
/* 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: url(mnu-down.png) no-repeat right center;
         cursor: pointer; display: block; float: none; text-transform: uppercase; color: #fff; padding:1% 2%; width:96%; margin:0px; 
    }

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

    ul.menu {
        list-style: none;  list-style-image: none;
        padding: 0px;
        /* margin: 0px 0 10px 0; */
        margin: 10px 0;
        position: relative;
        /* display: none; */
        display: block;
        float:left;
        width: 100%; 
        z-index:99999;
        border:none;
		 
    }
.menu li:nth-child(2) {width:100%; }

    ul.menu li { padding:6px; margin:0px; width:97%;  list-style:none; text-align:left; font-size:13px;  border-left: none;  }
    ul.menu li a{  text-decoration:none;   display:block; float:none;   padding:0px 10px; line-height:30px; text-transform:uppercase;}
    ul.menu li a:hover{  text-decoration:none;  }
    ul.menu li.active a{  text-decoration:none;   }

.menu ul { background: #ffb43e; padding:0; position: relative; display: none; /* hide dropdown */ width: 100%; box-shadow: 0px 0px 0px ; }
    .menu li:hover > ul { display: block; /* show dropdown on hover */  }
    ul.menu li li { border-top: none;}
    .menu ul li { float: none; margin: 0px; padding: 0px; font-size: 13px; border-bottom:none; }
    .menu li li a { display: block;   text-decoration:none; text-transform: none;  padding: 5px 10px; margin:0px; line-height:20px;}
    .menu li li a:hover { background: none; } 
    
    .menu li {  border-right:none; }
.menu li:first-child {  border-left:none;} 

.menu li  { background-size:auto;
	-webkit-transition: none;
	-moz-transition: none;
	transition:none;
} 
 
.menu li { background-image: none;} 

.menu li:hover  { background-position:initial;
}
 

 
}


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

.menu li {  font-size: 15px;  }

}




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







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

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

.sub-menu { float:left; text-align:center; width:100%; }
.sub-menu, .sub-menu li { margin: 0px; padding: 0px; }
.sub-menu li { list-style: none;   padding:0px; margin:0px 15px; text-align:left; display:inline-block;  }
.sub-menu li:first-child { border-left:none;    } 
.sub-menu li {  font-size:1.1em;   }

    
/* nav link */
.sub-menu a, .sub-menu li {  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;}
.sub-menu a { display: block;   color: #666; text-decoration:none;   padding: 8px 5px;  border-bottom:2px transparent; margin-bottom:-2px;  }
.sub-menu a:hover { color:#000;  border-bottom:2px transparent;   }
.sub-menu li:hover > a { color:#000;   border-bottom:2px transparent;  }
.sub-menu .active>a { color:#00c0ac; border-bottom:2px solid #00c0ac;   font-weight:600;  }
.sub-menu .active:hover >a { color:#00c0ac; border-bottom:2px solid #00c0ac;  font-weight:600;  }

/* nav dropdown */
.sub-menu li ul {display:none;  }
.sub-menu li:hover ul {display:block;}
.sub-menu ul {border-bottom:2px solid #eee; margin:0; padding:10px 0px; }
.sub-menu ul li { float: none; margin: 0px; padding:0;  width:100%; vertical-align:top; }
.sub-menu ul li a:before {  content: "\f105"; font-family: 'FontAwesome'; float:left; margin-left:-12px; margin-top:3px;   }
.sub-menu li li a { display: block; color: #4c2105; border:none; text-decoration:none; text-transform: none;  padding: 5px 35px; margin:0px; line-height:normal;}
.sub-menu li li a:hover { background: none; border:none; color: #dc4d08;} 
.sub-menu li.active ul {display:block;  } 

.sub-menu ul li:hover > a {   border:none;    }
.sub-menu ul li.active > a { color:#c80000; border:none;   }
.sub-menu ul li.active > a:hover  { color:#c80000; border:none;   }

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

/* nav-wrap */
.sub-nav {  border:1px solid #ccc; }
#sub-nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; float:left; position:relative;  }
 
/* menu icon */
    #sub-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;
    }

    #sub-menu-icon {
         
         cursor: pointer; display: block; float: none; text-transform: uppercase; color: #666; padding:1% 2%; width:96%; margin:0px; 
    }

#sub-menu-icon:hover { color: #333; }
#sub-menu-icon.active { color: #00c0ac; }
#sub-menu-icon  .fa-th-list { font-size:18px; margin-top:6px; float:right; font-weight:normal;}

    ul.sub-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;
		 
    }

    ul.sub-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.sub-menu li a{  text-decoration:none; color:#666;  display:block; float:none;   padding:0px 10px; line-height:30px; text-transform:none;   }
    ul.sub-menu li a:hover{  text-decoration:none; color:#333; background:#fff;  }

    /* nav dropdown */
.sub-menu li ul {display:none;  }
.sub-menu li:hover ul {display:block;}
.sub-menu ul {border-bottom:2px solid #eee; margin:0; padding:0; }
.sub-menu ul li { float: none; margin: 0px; padding:0; font-size:  14px; border-top: none; width:100%; vertical-align:top; }
.sub-menu li li a { display: block; color: #4c2105; border:none; text-decoration:none; text-transform: none;  padding: 5px 20px; margin:0px; line-height:normal; }
.sub-menu li li a:hover { background: none; border:none; color: #dc4d08;} 
.sub-menu li.active ul {display:block;  } 


 

.sub-menu li  { background-size:auto;
	-webkit-transition: none;
	-moz-transition: none;
	transition:none;
} 
 
.sub-menu li { background-image: none;} 

.sub-menu li:hover  { background-position:initial;}


 
}


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