/********************************************************COLOR************************************************/


.menu  > li > a:hover { color: #000000; }
.menu  > li > a { color: #fff; padding: 0 10px; }
.nicdark_bg_black .menu  > li > a { color: #fff; }
/*divider and triangle color*/
.menu  > .grey > a:after, .menu  > .grey .sub-menu li:first-child:before, .menu  > .grey .sub-menu li ul li:first-child:before{ color: #007542; }
/*dropdown*/
.menu  > .grey > .sub-menu li{ background-color: #007542; }
/*tinynav*/
.nicdark_bg_grey .tinynav { color: #a4a4a4; background-color: #f1f1f1; box-shadow: 0px 4px 0px 0px #e5e5e5; }
.nicdark_bg_greydark .tinynav { color: #fff; }
/*border bottom li*/
.menu  > .grey > .sub-menu li, .nicdark_megamenu.grey ul li ol li a{ border-bottom:1px solid #f1f1f1; }
/*text-dropdowncolor*/
.menu  .yellow .sub-menu a, .menu  .orange .sub-menu a, .menu  .red .sub-menu a, .menu  .blue .sub-menu a, .menu  .green .sub-menu a, .menu  .violet .sub-menu a, .menu  .greydark .sub-menu a { color: #fff; }
.menu  .white .sub-menu a, .menu  .grey .sub-menu a { color: #a4a4a4; }
/*shadow*/
.menu  > .grey .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #f1f1f1; }
/*hover li bgcolor*/
.menu  > .grey:not(.nicdark_megamenu) > .sub-menu li:hover, .nicdark_megamenu.grey > ul > li > a{ background-color:#f1f1f1; }
/*megamenu border color*/
.nicdark_megamenu.grey ol li a{ border-right: 1px solid #f1f1f1; }
/*end color*/




/********************************************************BASIC************************************************/

.menu  * { margin: 0; padding: 0; list-style: none; }
.menu  { float: right; margin: 0px 10px; padding: 5px 15px !important; background: #007542; border-top: 3px solid #fff; }

/*nicdark select*/
.tinynav{ float: right; width: 40%; color:#fff; display:none; padding: 10px; margin-top: 20px; background-color: transparent; border: 1px solid #E2E5E5; border-radius: 0px; }

/*for menu fixed*/
.nicdark_navigation{ position:fixed; top:0; left:0; z-index: 99; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.slowdown{ margin-top: 0px; }
/*style full boxed*/
.nicdark_menu_fullwidth{ float: left; width: 100%; }
.nicdark_menu_boxed{ width:1220px; margin:auto; padding: 0px; }

/*dropdown position*/
/*.menu  .sub-menu li ul{ padding-left: 25px; padding-top: 0px; top: 0; left: 100%; }*/
/*triangle position*/
.menu  .sub-menu li:first-child:before{ z-index:-1; position: absolute; content: '\e8bf'; font-family: 'fontello'; margin-top: -25px; margin-left: 25px; font-size: 36px; display: none; }
.menu  .sub-menu li ul li:first-child:before{ z-index:-1; position: absolute; content: '\e8c0'; font-family: 'fontello'; margin-top: 5px; margin-left: -11px; font-size: 36px; }
/*arrow for sub-menu*/
.sf-with-ul:after{ content: '\e8c7'; font-family: 'fontello'; margin-left:20px; font-size: 13px; }
/*radius and shadow*/
.menu  .sub-menu li:first-child{ /*border-radius: 5px 5px 0px 0px;*/ }
.menu  .sub-menu li:last-child{ /*border-radius: 0px 0px 5px 5px;*/ box-shadow: 0px 0px 0px 0px #f1f1f1 !important; }

/*first link MENU IZQUIERDA*/
.menu  > li > a:after { display:none; }
/*.menu  > li > a:after { content: '|'; font-family: 'fontello'; vertical-align: middle; font-size: 15px; margin: 0px 10px; color: #353b3d !important; }
.menu  > li:last-child > a:after { margin: 0px; display: none; }
.menu  > li > a:last-child{ margin-right: 0px; }*/

/*all link*/
.menu  a { display: block; position: relative; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu  a { text-decoration: none; zoom: 1; }

/*link in dropdown*/
.menu  li ul a { padding: 0 25px; color: #007542 !important; font-size: 80%; line-height: 30px; }
.menu  li ul a:hover { background: #f3f3f3; }

/*li tag*/
.menu  > li { float: left; }
.menu  li { white-space: nowrap;  -webkit-transition: background .2s; transition: background .2s; position: relative; }

/*ul tag*/
.menu  ul { position: absolute; display: none; top: 100%; margin-left: -25px; z-index: 99; min-width: 12em; margin-top:0px; padding: 10px 0; background: #fff; }

/*for dropdown active*/
.menu  li:hover > ul, .menu  li.sfHover > ul { display: block; }







/********************************************************MEGAMENU************************************************/


/*megamenu*/
.nicdark_megamenu{ position: initial !important;}
.nicdark_megamenu > ul{ /*position: fixed;*/ left: 50%; width: 1180px; margin-left: -590px; padding: 0px; margin-top: -30px; padding-top: 30px; }
.nicdark_megamenu ul > li{ display: inline-block !important; float: left; margin:0px !important; border-width: 0px !important; }

/*hide triangle*/
.nicdark_megamenu .sub-menu li:first-child:before{ display: none; }

/*first list*/
.nicdark_megamenu > ul > li:first-child > a:first-child{ border-radius: 0px 0px 0px 0px; }
.nicdark_megamenu > ul > li:first-child{ border-radius: 5px 0px 0px 0px 0px; }
.nicdark_megamenu > ul > li:last-child > a:first-child{ border-radius: 0px 0px 0px 0px; }
.nicdark_megamenu > ul > li:last-child{ border-radius: 0px 0px 0px 0px; }

/*title li*/
.nicdark_megamenu > ul > li > a{ padding: 15px 25px; text-transform: uppercase; }

/*second list ol*/
.nicdark_megamenu ol li{ border-width: 0px !important; border-radius: 0px !important; }
.nicdark_megamenu ul .mm_grid:first-child ol li:last-child{ border-radius: 0px 0px 0px 0px !important; }
.nicdark_megamenu ul .mm_grid:last-child ol li:last-child{ border-radius: 0px 0px 0px 0px !important; }
.nicdark_megamenu ul .mm_grid:last-child ol li a{ border-right-width: 0px !important;  }
.nicdark_megamenu ol li a{ font-size: 15px; }
.nicdark_megamenu ol li a:before{ content: '\e8c7'; font-family: 'fontello'; margin-right:20px; font-size: 13px; }

/*grid*/
.nicdark_megamenu > .sub-menu > .mm_grid:first-child{ border-radius: 5px 0px 0px 0px !important; }
.nicdark_megamenu > .sub-menu > .mm_grid:last-child{ border-radius: 0px 0px 0px 0px !important; }

/*grid megamenu*/
.nicdark_megamenu .mm_grid_3{ width: 295px; }
.nicdark_megamenu .mm_grid_4{ width: 393px; }
.nicdark_megamenu .mm_grid_6{ width: 590px; }


/******* MENU MOBILE *******/
.nicdark_logo a.menu-mobile {
    display: none;
}
@media screen and (max-width: 479px) {
    .nicdark_navigation.menu-explora {
        position: fixed !important;
        background: #007542;
        margin-top: 0px !important;
    }
    .nicdark_navigation.menu-explora.slowup,
    .nicdark_navigation.menu-explora.slowdown{
        margin-top: 0px !important;
    }
    .nicdark_navigation.menu-explora .nicdark_container {
        width: 100%;
    }
    .nicdark_navigation.menu-explora .nicdark_logo img {
        max-width: 100%;
        max-height: 60px;
        margin: 1px 0;
    }
    .nicdark_navigation.menu-explora .nicdark_logo > a {
        float: left;
        width: 85%;
    }
    .nicdark_navigation.menu-explora .menu-menu-ecochiapas-container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 15px;
        background: #007542;
    }
    .nicdark_navigation.menu-explora .menu-menu-ecochiapas-container ul.menu {
        display: block;
        float: none;
        padding: 15px 0 !important;
        margin: 0;
    }
    .nicdark_navigation.menu-explora .menu-menu-ecochiapas-container ul.menu > li {
        display: block;
        float: none;
        text-align: center;
    }
    .nicdark_navigation.menu-explora .menu-menu-ecochiapas-container ul.menu ul {
        position: relative;
        margin: 0;
    }
    .nicdark_navigation.menu-explora .menu-menu-ecochiapas-container ul.menu > li > a,
    .nicdark_navigation.menu-explora .menu-menu-ecochiapas-container ul.menu li ul a{
        line-height: 40px;
    }
    .nicdark_navigation.navshadow a {
        color: #fff;
        text-transform: uppercase;
    }
    .nicdark_navigation.menu-explora .nicdark_space50 {
        height: auto;
    }
    .nicdark_navigation.menu-explora .nicdark_logo a.menu-mobile {
        display: block;
        width: 15%;
    }
    .nicdark_navigation.menu-explora .nicdark_logo a.menu-mobile img {
        max-height: auto !important;
        margin-top: 20px;
    }
}