/* Globals */

.flexnav ul{ padding-left:0;}
.flexnav li.m-hover-list, .flexnav li.m-hover-list > a{ background:#3e9139!important; }


/* Flexnav Base Styles */
.flexnav {font-family: 'Open Sans', sans-serif;  -webkit-transition: none;  -moz-transition: none;  -ms-transition: none;  transition: none;  -webkit-transform-style: preserve-3d;  overflow: hidden;  margin: 0 auto;  width: 100%;  max-height: 0;  padding-left:20px; }
.flexnav.opacity {opacity: 0; }
.flexnav.flexnav-show { max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;   transition: all .5s ease-in-out; }
.flexnav.one-page {position: fixed; top: 50px; right: 5%; max-width: 150px; }
.flexnav li {font-size: 100%; position: relative; overflow: hidden; }
.flexnav li a {position: relative; display: block; z-index: 2; overflow: hidden; text-transform:uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.15); white-space:nowrap; }
.flexnav li > a {color: #fff; font-size:15px; line-height: 14px; padding:18px 8px 20px 16px;}
.flexnav li ul{background:#3e9139;}
.flexnav > li:hover > a, .flexnav > li.current-menu-item > a {color: #ffcc00; background:#3e9139; text-decoration:none!important;}	
.flexnav li ul { /*  width: 100%;*/ }
.flexnav li ul li {font-size: 100%; position: relative; overflow: hidden;}
.flexnav li ul.flexnav-show li { overflow: visible; }
.flexnav li ul li a { display: block; background-color:#50b847; border: 1px solid #3e9139; border-top: 1px solid rgba(255,255,255,0.3); border-bottom:1px solid #3e9139; color: #fff; font-size: 12px; line-height: 15px;	padding: 11px 26px 12px 12px;}
.flexnav li ul li a:hover, .flexnav li ul li a:focus{ background-color:#3e9139;color: #ffcc00}
.flexnav ul li ul li a {background: #51b448; } .flexnav ul li ul li ul li a { background: #51b448;  }
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;	right: 0; width: 50px;height:39px; background-image:url(../images/arrow.png)!important;	background-position: 70% center; background-repeat: no-repeat; text-align: center; }
ul.flexnav li li .touch-button {display:inline-block;}
ul.flexnav > li .touch-button {display:none;}
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button .navicon {position: relative; top: 1.4em;font-size:0;color: #666; }
.menu-button {position: relative; display: block; padding: 15px; font-family: 'Open Sans', sans-serif; font-size:24px; line-height:24px; color: #fff; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu-button.one-page { position: fixed;top: 0; right: 5%; padding-right: 45px; }
.menu-button .touch-button {background: transparent;position: absolute; z-index: 999; top: 0;right: 0; width: 50px;height: 50px; display: inline-block; text-align: center; }
.menu-button .touch-button .navicon {font-size: 16px; position: relative; top: 1em; color: #fff; }
@media all and (max-width: 1100px) {
.flexnav {padding-left:0px; }
.flexnav .touch-button {display: inline-block; background:#acaca1; background: rgba(0, 0, 0, 0.01) no-repeat center center;}
.flexnav li{background:#50b847;}
ul.flexnav > li .touch-button {display:inline-block;}
.flexnav li > a {padding:13px 10px 13px 10px;}
.flexnav li ul li a {padding: 11px 26px 12px 35px;}
.flexnav li ul li li a {padding: 11px 26px 12px 50px;}
}
@media all and (min-width: 1000px) {
	/* works on 768px; */
body.one-page {padding-top:70px;}
.flexnav {overflow: visible;}
.flexnav.opacity {opacity: 1;}
.flexnav.one-page {top: 0; right: auto;  max-width: 1080px; }
.flexnav li {position: relative;list-style: none;float: left;display: block;overflow: visible;padding:0px;}
.flexnav li a {border-bottom: none; }
.flexnav li > ul {position: absolute;top: auto;left: 0; display:none; }
ul.flexnav > li:last-child > ul {top: auto;left: auto;right:0; }
.flexnav li > ul li {width: 100%; min-width:200px;}
.flexnav li ul li > ul {margin-left: 100%;top: 0;}
.flexnav li:last-child ul li > ul {margin-left:-100%; width:100%; right:-100%; top: 0; }
.flexnav li ul li a { /*border-bottom: none; */}
.flexnav li ul.open {display: block; opacity: 1; visibility: visible; z-index: 1; padding-left:0; }
.flexnav li ul.open li {overflow: visible;max-height: 100px; }
.flexnav li ul.open ul.open {margin-left: 100%; top: 0; }
.flexnav li:last-child ul.open ul.open {margin-left:-100%; width:100%; right:-100%; top: 0;}
.flexnav-show{  padding:0px;}
.menu-button {display: none; }
	 }
.oldie body.one-page { padding-top: 70px; }
.oldie .flexnav { overflow: visible; }
.oldie .flexnav.one-page {top: 0; right: auto;  max-width: 1080px; }
.oldie .flexnav li {position: relative; list-style: none;float: left;  display: block; background-color: #a6a6a2; width: 20%; min-height: 50px; overflow: visible; }
 .oldie .flexnav li:hover > ul {display: block; width: 100%; overflow: visible; }
 .oldie .flexnav li:hover > ul li {width: 100%;float: none; }
 .oldie .flexnav li a {border-left: 1px solid #acaca1; border-bottom: none; overflow: visible; }
 .oldie .flexnav li > ul {background:#acaca1; position:absolute; top:auto; left:0; display:none; z-index:1; overflow:visible;}
 .oldie .flexnav li ul li ul {top: 0; } .oldie .flexnav li ul li a {border-bottom:none;}
 .oldie .flexnav li ul.open {display:block;width:100%; overflow: visible;}
 .oldie .flexnav li ul.open li {width: 100%; }
 .oldie .flexnav li ul.open ul.open {margin-left:100%; top: 0;display: block; width:100%;overflow: visible; }
 .oldie .flexnav ul li:hover ul {margin-left:100%;top: 0; }
 .oldie .menu-button { display:none; }
 .oldie.ie7 .flexnav li {width:12.2%; }
 
 
/* Css  for animateion  */
 
.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse.go{
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



/*css for microsite*/
.leftnav-headingMTP0{margin-top:0!important;}
.micro-site-nav{ position:relative; z-index: 998;margin-bottom:30px; float:left;}
	.leftnav{ padding-left: 0; }
	.leftnav>li{background:#4fb847; width: 100%; border: 1px solid #3e9139; border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid #3e9139;  }
	.leftnav li a{ white-space:normal;}
	.leftnav li li a{ white-space:nowrap;}
	.flexnav.leftnav > li > a{ padding: 21px 16px 20px 16px; font-size: 12px; }
	.flexnav.leftnav li ul li a{ padding: 16px 16px 16px 16px;}
	.leftnav li ul{ display: block; left: 100%; top: 0; z-index: 99999;}
	ul.flexnav.leftnav > li .touch-button{display:block; height: 54px;}
	.flexnav.opacity.leftnav{ opacity: 1; max-height:5000px!important;}
	.leftnav-heading{margin-top:30px; font-size:16px; line-height: 1.1; background: #026931; font-weight:600; padding-top: 15px; padding-bottom: 15px;}
	.department-heading{text-align: center; position: absolute; width: calc(100% - 20px); z-index: 999; top: 14px; font-size: 42px; color: #fff; overflow: hidden; font-weight: 700;}
	@media(max-width:1000px)
	{
	    .micro-site-nav{float:none;}
		.flexnav.leftnav  li ul li a{ padding-left: 32px;}
		.department-heading{font-size:30px; }
	}
	@media(max-width:768px){
	.leftnav li li a{ white-space:normal;}
	.department-heading{font-size:24px; }
	}
	@media(max-width:480px){
		.department-heading{font-size:18px; }
	}
/*css for microsite ends here*/