
.menuToggle {
  display: block;
  position: relative;
  top: 50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
.menuToggle a {
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

.menuToggle span {
  position: relative;
  display: block;
  width: 25px;
  height: 3px;
  margin-bottom: 3px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.menuToggle span:first-child {
  transform-origin: 0% 0%;
}
.menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
  top: 40px;
  right: 25px;
}
.menu--bottom--right .menuToggle input:checked {
  top: 31px;
  width: 90px;
  right: 0;
}
.menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
.menuToggle input:checked ~ .menuItem {
  transform: none;
}
.menuToggle input:checked ~ span:after {
  content: "";
}
.menuItem {
  position: absolute;
  width: 100vw;
  padding: 50px;
  padding-top: 125px;
  transform-origin: 0% 0%;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  height: 100vh;
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.menuItem li {
  padding: 12px 0;
  font-size: 22px;
  line-height: normal;
}
.menuToggle span:nth-child(2):after {
  content: "Menu";
  margin-left: 35px;
  color: #fff;
}


.menu--right .menuToggle {
  position: fixed;
  right: 0;
}
.menu--right .menuToggle input {
  right: 50px;
}
.menu--right .menuToggle span {
  right: 50px;
}
.menu--right .menuItem {
  right: 0;
  margin: -100px 0 0 0;
  transform: translate(100%, 0);
}
.menu--right .menuItem li a:hover {
  padding-left: 5px;
}

.menu--bottom--right .menuToggle {
  position: fixed;
  bottom: auto;
  right: 0;
  z-index: 1;
  top: 0;
}
.menu--bottom--right .menuToggle input {
  right: 35px;
  top: 87px;
  /* top: auto; */
  width: 90px;
}
.menu--bottom--right .menuToggle input:checked ~ .menuItem {
  transform: scale(1);
}
.menu--bottom--right .menuToggle input:checked ~ .menuItem li:nth-child(1) {
  -webkit-animation: text-slide-in 0.2s;
  -moz-animation: text-slide-in 0.2s;
  animation: text-slide-in 0.2s;
}
.menu--bottom--right .menuToggle input:checked ~ .menuItem li:nth-child(2) {
  -webkit-animation: text-slide-in 0.3s;
  -moz-animation: text-slide-in 0.3s;
  animation: text-slide-in 0.3s;
}
.menu--bottom--right .menuToggle input:checked ~ .menuItem li:nth-child(3) {
  -webkit-animation: text-slide-in 0.4s;
  -moz-animation: text-slide-in 0.4s;
  animation: text-slide-in 0.4s;
}
.menu--bottom--right .menuToggle input:checked ~ .menuItem li:nth-child(4) {
  -webkit-animation: text-slide-in 0.5s;
  -moz-animation: text-slide-in 0.5s;
  animation: text-slide-in 0.5s;
}
.menu--bottom--right .menuToggle input:checked ~ .menuItem li:nth-child(5) {
  -webkit-animation: text-slide-in 0.6s;
  -moz-animation: text-slide-in 0.6s;
  animation: text-slide-in 0.6s;
}
.menu--bottom--right .menuToggle span {
  right: 95px;
  top: 100px;
  /* top: auto; */
}
.menu--bottom--right .menuItem {
  top: 0;
  right: 0;
  margin: 0;
  padding-top: 50px;
  padding-bottom: 0;
  transform-origin: bottom right;
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s;
  /* left: 0px; */
  background: #000;
}
.menu--bottom--right .menuItem li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.menu--bottom--right .menuItem li a:hover {
  padding-left: 5px;
}
.menu--bottom--right .menuToggle span.touch {
  position: absolute;
  right: 0px;
  top: 0px;
  background: transparent;
}

@keyframes text-slide-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}


/*##########################################    Menu Start 1   ##############################################################*/
.navigation ul { float:left; width:100%; }
.navigation ul li {
  float: left;
  display: inline;
  padding: 0px 0;
  position: relative;
}
.navigation ul li a {
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	margin: 0 1px;
	padding: 8px 24px;
	text-transform: none;
	transition: all 0.4s ease 0s;
	text-decoration: none;
	/* border-top: 5px solid transparent; */
}
.sub-menu::before {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: -15px;
  width: 100%;
}
.navigation ul .sub-menu a {
  margin: 0;
  color: #fff !important;
}
.navigation ul li a:hover { color:#fff !important; background: #30a8e4 !important; }
.current_page_item a, .current-menu-item a {
	color: #fff !important;
	font-weight: 700 !important;
	background: #30a8e496 !important;
}
.navigation .current-menu-item .sub-menu a {
	border-bottom: 0px !important;
	background: transparent !important;
}
.navigation .current-menu-item .sub-menu a:hover{
  background: #30a8e4 !important;
}
ul#navigate .sub-menu li:last-child a {
  background: transparent;
  margin-left: 0px;
  color: #fff;
}

.navigation .current-menu-item a{ }
.current-menu-item .sub-menu a{ background:none;}
.current_page_item a:hover, .current_page_item li a:hover, .current-menu-item a:hover { color:#152444 !important; }
footer .current_page_item a, footer .current-menu-item a {
	background: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	color: #fff !important;
	padding: 0;
	background: transparent !important;
}
.sitmpee .current_page_item a{color:inherit !important}
footer .current_page_item a:hover, footer .current-menu-item a:hover {  background: none;  border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;  color: #493F3F !important;}
.current_page_item li a { color:#ffffff !important; background:none; }
.navigate .open { display: none; }
.sub-menu { display: none; }
.navigate > .menu-item-has-children:hover > ul { display: block; }
.sub-menu .sub-menu { display: none; }
.navigate2 .menu-item-has-children:hover > .sub-menu .sub-menu { display: none; left: 0; }
.navigate2 .sub-menu .menu-item-has-children:hover > .sub-menu { display: block; }
.servTp ul li:last-child .sub-menu { left: inherit; right: 0; }
.menu-item-has-children { position: relative; }
.sub-menu {
  /* background: #fff none repeat scroll 0 0; */
  /* box-shadow: 0 0 9px -3px #000; */
  left: 0;
  position: absolute;
  text-align: left;
  top: 45px;
  width: 245px !important;
  z-index: 2147483647;
  padding:10px 1px;
}
.navigation .sub-menu li:last-child > a {
  border: 0 none !important;
}
/* .navigation .sub-menu li:last-child .sub-menu li a {
  border-bottom: 1px solid #eee !important;
}
.navigation .sub-menu li:last-child .sub-menu li:last-child a {
  border: 0 none !important;
} */
.navigation .sub-menu li { display: block; padding:0; width: 100% !important; padding: 0;}
.navigation .sub-menu li a:hover{}
.sub-menu li a {
  color: #333 !important;
  font-size: 14px !important;
  margin: 0;
  padding: 6px 24px !important;
  width: 100%;
}
.navigate.open li { display: block !important; }
.navigate.open { clear: both; padding: 0; }
.MenuIcon { display:none; }
.sub-menu .sub-menu {
    left: 245px !important;
    top: 0px;
}
.sub-menu li { position:relative; }
.sub-menu .menu-item-has-children a { background-image: url(images/dpDownArrow.html); background-position: 90% center; background-repeat: no-repeat; }
.sub-menu .menu-item-has-children a:hover { background-image: url(images/dpDownArrow.html); background-position: 90% center; background-repeat: no-repeat; }
.sub-menu .menu-item-has-children ul li a { background-image: none; }
.sub-menu .menu-item-has-children ul li a:hover { background-image: none; }
.sub-menu li.menu-item-has-children.miniChild > a::after {
  color: #ccc;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 8px;
}
.menu--bottom--right .menuToggle span.plus {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
}





@media screen and (min-width: 1000px) {
.sub-menu .menu-item-has-children:hover .sub-menu{display: block;}
}

@media only screen and (max-width:994px) {
  .menu--bottom--right .menuToggle {
    position: fixed;
    bottom: auto;
    right: 0;
    z-index: 1;
    top: 0;
}
  .menu--bottom--right{
    display: block;
  }
  .navmenu{
    display: none;
  }
  .sub-menu li.menu-item-has-children.miniChild > a::after {
  color: #ccc;
  content: none;
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 8px;
}
/*Menu*/
header .navigate {
  position: absolute;
  right: 0;
  top:103px;
  width: 100%;
  z-index: 2147483647;
}
.navigation .current-menu-item a {
  border-bottom: 1px solid #eee !important;
}
.sub-menu .sub-menu li a {
  background: #eee  !important;
}
.current_page_item a, .current-menu-item a {
	color: #30a8e4 !important;
	padding-left: 0;
	position: relative;
	background: transparent !important;
}
.navigation ul li a {
  margin: 0;
}
.menuImg {
  background: #fff;
  border-radius: 2px;
  box-shadow: none;
  cursor: pointer;
  float: right;
  padding: 7px 6px;
  width: 33px;
  margin-top: 10px;
  height: 32px;
}
.MenuIcon {
    display: block;
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 1;
}
  .menuImg span {
      background: rgba(29,72,151, 0.9);
      float: left;
      height: 3px;
      margin: 1px 0 3px;
      width: 100%;
  }
 header .navigate {display: none;}
 .navigate li {width: 100%;}
.navigation ul li a {  border-bottom: 1px solid #ccc;  color: #000;  font-size: 17px;  padding: 10px 2%;  width: 100%;}
 .navigate .menu-item-has-children > span {display: block;right: 2%;position: absolute;width: 40px;height: 40px;background: url(../images/down-arrow.html) no-repeat center center;top: 8px;cursor: pointer;}
 .navigate .menu-item-has-children:hover > ul {display: none;}
 .menu ul li {background: #666;border-bottom: 1px solid #fff;display: block;float: left;padding: 17px 0;width: 100%;}
 .sub-menu {
  float: left;
  margin: 0;
  padding: 0;
  position: inherit;
  top: inherit;
  width: 100% !important;
  text-align: center;
}
 .sub-menu li {width: 100%;padding: 0%;}
 .sub-menu li a {	 font-size: 15px !important;  padding: 10px 32px !important;}
 .sub-menu li a {
  border-bottom: 0px !important;
  font-size: 15px !important;
  padding: 10px 0 !important;
  width: 100%;
  color: #fff !important;
  display: block;
  text-align: left;
}
 .sub-menu ul li {background: none repeat scroll 0 0 #666;display: block;padding: 16px 10px;}
 .sub-menu .sub-menu {float: left;position: static;padding: 0;margin: 0;}
 .sub-menu .sub-menu li {padding: 0;margin: 0;}
 .sub-menu .sub-menu li a {
  background: #fff none repeat scroll 0 0;
  padding-left: 9% !important;
}
 .sub-menu .menu-item-has-children a {background-image: none;}
 .sub-menu .menu-item-has-children a:hover {background-image: none;}


 .topHEd .col-md-6.pull-right {
   padding: 0;
 }
 #navigate2.navigate.pull-right {
   background: transparent none repeat scroll 0 0;
   display: block;
   float: right;
   position: static;
   width: auto; z-index: 99999;
 }
 .menu2 {
  display: none;
}
#navigate2 > li {
  display: inline-block;
  width: auto;
}
.hedBtm .col-md-8 {
  position: static;
}
.touch::after {
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 23px;
}
.navigation ul li a {
  border-bottom: 1px solid #eee;
  color: #333;
}
.sub-menu {
  background: transparent;
  box-shadow: none;
  text-align: left;
  padding-left: 30px;
  margin-bottom: 15px;
  padding-top: 15px;
}
.navigation ul .sub-menu a:hover{background: #fff; color: #000 !important}

.current_page_item .sub-menu a:before, .current-menu-item .sub-menu a:before{
content: none;
}
header .sub-menu .current_page_item a:before, header .sub-menu .current-menu-item a:before {
  width: 20px;
  left: -30px;
  top: 20px;
}

 }
/*##########################################    Menu Ends    ##############################################################*/