@charset "utf-8";
/* CSS document */
/*
nav{
    width: 98%;
    background: #2c8914;
}

nav a{
    text-decoration: none !important;
    color: #fff !important;
}

nav a:hover{
    color: #fff !important;
}

nav ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0px;
    list-style: none;
}
nav ul li {
    display: inline-block;
    margin-right: -7px;
    position: relative;
    padding: 13px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 100;
    border-right: 1px solid rgba(0,0,0,0.1);
}
nav ul li:hover {
    background: rgba(46,46,46,1);
    color: #fff;
}
nav ul li.select{
    background: rgba(46,46,46,1);
}
nav ul li:hover a{
    color: #fff;
}
nav ul li ul {
    padding: 0;
    position: absolute;
    top: 44px;
    left: 0;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
   
}
nav ul li ul li { 
    background: rgba(46, 46, 46, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid transparent;
    color: #fff;
    display: block;
    visibility: hidden;
    padding: 10px 18px;
    text-shadow: 0 -1px 0 #000;
}
 nav ul li ul li:hover { 
    background: rgba(60,60,60,1);
}
nav ul li:hover ul li {
    opacity: 1;
    visibility: visible;
} */
/* responsive nav hide*/
/* .selectnav{
    display: none;
} */
/* triangle-topleft */
/* .triangle-topleft{
    border-top: 8px solid transparent;
} */
/* triangle-topright */
/* .triangle-topright{
    border-top: 8px solid transparent;
} */
nav ul li:nth-child(12){border-right:1px solid transparent;}
/********************************************** Navbar End *****************************************/
/* nav ul li ul li{
    margin: 10px 0px;
    border-right: 4px solid #2c8914;
    transform: translateY(100px) rotate(180deg);
    transition: all .8s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 0;    
}
nav ul li ul li:hover{
    border-right: 4px solid transparent;
    border-left: 4px solid #ddcc1a; 
    transition: all .2s ease-in-out;
}
nav ul li:hover ul li{
    margin: 0px 0px;
    transform: translateY(0) rotate(0deg);
    opacity: 1;
} */


/***********************Seconde Nav bar*************************************/
/* nav{
    width: 98%;
    background: #2c8914;
}
nav a{
    text-decoration: none !important;
    color: #fff !important;
}

nav a:hover{
    color: #fff !important;
}

nav ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0px;
    list-style: none;
}
nav ul li {
    display: inline-block;
    margin-right: -7px;
    position: relative;
    padding: 13px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 100;
    border-right: 1px solid rgba(0,0,0,0.1);
}
nav ul li:hover {
    background: rgba(46,46,46,1);
    color: #fff;
}
nav ul li.select{
    background: rgba(46,46,46,1);
}
nav ul li:hover a{
    color: #fff;
}
nav ul li ul {
    padding: 0;
    position: absolute;
    top: 44px;
    left: 0;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
}

nav ul li ul li { 
    background: rgba(46, 46, 46, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid transparent;
    color: #fff;
    display: block;
    visibility: hidden;
    padding: 10px 18px;
    text-shadow: 0 -1px 0 #000;
}
nav ul li ul li:hover { 
    background: rgba(60,60,60,1);
}

nav ul li:hover ul li {
    opacity: 1;
    visibility: visible;
} */
/* responsive nav hide*/
/* .selectnav{
    display: none;
} */
/* triangle-topleft */
/* .triangle-topleft{
    border-top: 8px solid transparent;
} */
/* triangle-topright */
/* .triangle-topright{
    border-top: 8px solid transparent;
    }
nav ul li:nth-child(12){border-right:1px solid transparent;}
/********************************************** Navbar End *****************************************/
/*nav ul li ul li{
    margin: 10px 0px;
    border-right: 4px solid #ddcc1a;
    opacity: 0;    
}
nav ul li ul li:hover{
    border-right: 4px solid #2c8914;
    border-left: 4px solid #2c8914;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .2s ease-in-out !important;
}
nav ul li:hover ul li{
    margin: 0px 0px;
    transition: all .8s ease-in-out;
    opacity: 1;
}
 */
/***********************Seconde Nav bar ende************************************/


/***********************3rd Nav bar*************************************/

 /* nav{
    width: 98%;
    background: #2c8914;
}
nav a{
    text-decoration: none !important;
    color: #fff !important;
}

nav a:hover{
    color: #fff !important;
}

nav ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0px;
    list-style: none;
}
nav ul li {
    display: inline-block;
    margin-right: -7px;
    position: relative;
    padding: 13px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 100;
    border-right: 1px solid rgba(0,0,0,0.1);
}
nav ul li:hover {
    background: rgba(46,46,46,1);
    color: #fff;
}
nav ul li.select{
    background: rgba(46,46,46,1);
}
nav ul li:hover a{
    color: #fff;
}
nav ul li ul {
    padding: 0;
    position: absolute;
    top: 44px;
    left: 0;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
}
nav ul li ul li { 
    background: rgba(46, 46, 46, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid transparent;
    color: #fff;
    display: block;
    visibility: hidden;
    padding: 10px 18px;
    text-shadow: 0 -1px 0 #000;
}
nav ul li ul li:hover { 
    background: rgba(60,60,60,1);
}

nav ul li:hover ul li {
    opacity: 1;
    visibility: visible;
} */
/* responsive nav hide*/
/* .selectnav{
    display: none;
} */ 
/* triangle-topleft */
/* .triangle-topleft{
    border-top: 8px solid transparent;
}  */
/* triangle-topright */
/* .triangle-topright{
    border-top: 8px solid transparent;
    }
nav ul li:nth-child(12){border-right:1px solid transparent;}

nav ul li ul li{
    margin: 20px 0px 0px;
    border-right: 4px solid #ddcc1a;
    opacity: 0;    
}
nav ul li ul li:hover{
    border-right: 4px solid #2c8914;
    border-left: 4px solid #2c8914;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
nav ul li:hover ul li{
    margin: 0px 0px;
    transition: all .8s ease-in-out;
    opacity: 1;
}
 
 */
/***********************3rd Nav bar ende************************************/

/***********************4th Nav bar************************************/

nav{
    width: 98%;
    background: #2c8914;
}

nav a{
    text-decoration: none !important;
    color: #fff !important;
}

nav a:hover{
    color: #fff !important;
}

nav ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0px;
    list-style: none;
}
nav ul li {
    display: inline-block;
    margin-right: -7px;
    position: relative;
    padding: 13px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 100;
    border-right: 1px solid rgba(0,0,0,0.1);
}
nav ul li:hover {
    background: rgba(46,46,46,1);
    color: #fff;
}
nav ul li.select{
    background: rgba(46,46,46,1);
}
nav ul li:hover a{
    color: #fff;
}
nav ul li ul {
    padding: 0;
    position: absolute;
    top: 44px;
    left: 0;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
}
nav ul li ul li { 
    background: rgba(46, 46, 46, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid transparent;
    color: #fff;
    display: block;
    visibility: hidden;
    padding: 0px 18px;
    text-shadow: 0 -1px 0 #000;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 nav ul li ul li:hover { 
    background: rgba(60,60,60,1);
}
nav ul li:hover ul li {
    opacity: 1;
    padding: 10px 18px;
    visibility: visible;
} 
/* responsive nav hide*/
.selectnav{
    display: none;
} 
/* triangle-topleft */
.triangle-topleft{
    border-top: 8px solid transparent;
} 
/* triangle-topright */
 .triangle-topright{
    border-top: 8px solid transparent;
} 
nav ul li:nth-child(12){border-right:1px solid transparent;}

nav ul li ul li{
    border-right: 4px solid #2c8914;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    opacity: 0;    
}
nav ul li ul li:hover{
    border-right: 4px solid transparent;
    border-left: 4px solid #ddcc1a; 
    transition: all .2s ease-in-out;
}
nav ul li:hover ul li{
    opacity: 1;
} 
/***********************4th Nav bar ende************************************/