button, input[type='button'] {
	  background: none;
	  border: none;
	  display: inline-block;
	  overflow: visible;
	  margin: 0;
	  padding: 0;
	  outline: none;
	  outline-offset: 0;
	  cursor: pointer;
	  -webkit-appearance: none;
	}
	button::-moz-focus-inner, input[type='button']::-moz-focus-inner {
		border: none;  padding: 0;
	}
 .sf-menu {
	margin:0px auto; padding:0px; text-align:center; display:table; margin-top:5px;
}
.sf-menu:before, .sf-menu:after {
  display: table;
  content: "";
  line-height: 0;
}
.sf-menu:after {
  clear: both;
}
.sf-menu > li {
  position: relative; list-style-type:none; float: left;
}
.sf-menu a {
  display: block;
}

.sf-menu > li > a {
	padding: 10px; color: #fff; font-size: 14px; font-weight:100; border-radius:2px; font-family: Arial;  
	border-right:1px solid #cd1f2a; 
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
  color: #fff;
  background: #cd1f2a;
 
}
.sf-menu > li.active > a {
  color: #fff;
  background: #cd1f2a;
 
}

.sf-menu ul {
		display:none; list-style-type:none; padding:0px; margin:0px; position: absolute; width:250px; top: 100%;
		background: #fff; z-index: 1231232; margin-top:7px;
}

.sf-menu ul > li {
  position: relative;
}
.sf-menu ul > li > a {
	text-align:left; padding:6px;  font-size: 13px; border-bottom:1px solid #d2d2d2; 
	color: #000;  font-weight:normal
}
.sf-menu ul > li + li {
  border-top: 1px solid #e5e5e5;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
  color: #fff;
}

.sf-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 235px;
  margin-top: 0;
  margin-left: 10px;
  padding: 0;
  z-index: 4;
}

.sf-menu > li > ul > li > .sf-with-ul {
  position: relative;
}
.sf-menu > li > ul > li > .sf-with-ul:before {
  position: absolute;
  right: 19px;
  top: -6px;
  margin-left: -6px;
  content: "";
  font: 400 16px/50px "FontAwesome";
  color: #62bfe6;
}

@media (max-width: 767px) {
  .sf-menu {
    display: none;
  }
}
/*==================   RD Mobile Menu    =====================*/

	.rd-mobilemenu {
	  display: none;  position: fixed;  top: 0;  left: 0;  bottom: 0;  z-index: 9999999;  text-align: left;
	  -moz-transition: 0.3s all ease;
	  -o-transition: 0.3s all ease;
	  -webkit-transition: 0.3s all ease;
	  transition: 0.3s all ease;
	}
	.rd-mobilemenu.active {
	  right: 0;
	}

	.rd-mobilemenu_ul {
	  position: fixed; list-style-type:none;
	  top: -56px;
	  left: 0;
	  bottom: -56px;
	  width: 240px;
	  padding: 132px 0 76px;
	  color: #666;
	  background: #FFF;
	  font-size: 14px;
	  line-height: 20px;
	  overflow: auto;
	  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	  -moz-transform: translateX(-240px);
	  -ms-transform: translateX(-240px);
	  -o-transform: translateX(-240px);
	  -webkit-transform: translateX(-240px);
	  transform: translateX(-240px);
	  -moz-transition: 0.3s ease;
	  -o-transition: 0.3s ease;
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	}
	.rd-mobilemenu.active .rd-mobilemenu_ul {
	  -moz-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	.rd-mobilemenu_ul a {
	  display: block; color:#000;
	  padding: 12px 20px 8px;
	}
	.rd-mobilemenu_ul a.active {
	  background: #f5f5f5;
	  color: #2d2d2d;
	}
	.rd-mobilemenu_ul a:hover {
	  background: #0889c4;
	  color: #FFF;
	}
	.rd-mobilemenu_ul a .rd-submenu-toggle {
	  position: absolute;
	  top: 50%;
	  right: 11px;
	  margin-top: -17.5px;
	  width: 32px;
	  height: 32px;
	  font: 400 10px "FontAwesome";
	  line-height: 32px;
	  text-align: center;
	  -webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	  border-radius: 50%;
	  -moz-transition: 0.5s all ease;
	  -o-transition: 0.5s all ease;
	  -webkit-transition: 0.5s all ease;
	  transition: 0.5s all ease;
	  z-index: 1;
	  background: rgba(0, 0, 0, 0.1);
	}
	.rd-mobilemenu_ul a .rd-submenu-toggle:after {
	  content: '\f078';
	}
	.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
	  background: #fff;
	  color: #0889c4;
	}
	.rd-mobilemenu_ul a.rd-with-ul {
	  position: relative;
	}
	.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	.rd-mobilemenu_ul ul a {
	  padding-left: 40px;
	}
	.rd-mobilemenu_ul ul ul a {
	  padding-left: 60px;
	}
	.rd-mobilemenu_ul:after {
	  content: '';
	  display: block;
	  height: 20px;
	}

	.rd-mobilepanel {
	  display: none;  position: fixed;  top: 0;
	  left: 0;
	  right: 0;
	  height: 56px;
	  background: #FFF;
	  color: #000;
	  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	  z-index: 99999991;
	}

	.rd-mobilepanel_title {
	  position: fixed;
	  top: 4px;
	  left: 56px;
	  right: 56px;
	  color: #000;
	  font-size: 24px;
	  line-height: 5px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}

	.rd-mobilepanel_toggle {
	  position: fixed;
	  top: 4px;
	  left: 8px;
	  width: 48px;
	  height: 48px;
	}
	.rd-mobilepanel_toggle span {
	  position: relative;
	  display: block;
	  margin: auto;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: -8px;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.rd-mobilepanel_toggle span:after {
	  top: 8px;
	}
	.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
	  width: 24px;
	  height: 4px;
	  background-color: #000;
	  backface-visibility: hidden;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  border-radius: 2px;
	}
	.rd-mobilepanel_toggle span {
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
	  -moz-transform-origin: 1.71429px center;
	  -ms-transform-origin: 1.71429px center;
	  -o-transform-origin: 1.71429px center;
	  -webkit-transform-origin: 1.71429px center;
	  transform-origin: 1.71429px center;
	  -moz-transform-origin: 1.71429px center;
	  -ms-transform-origin: 1.71429px center;
	  -o-transform-origin: 1.71429px center;
	  -webkit-transform-origin: 1.71429px center;
	  transform-origin: 1.71429px center;
	}
	.rd-mobilepanel_toggle.active span {
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
	.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
	  top: 0;
	  width: 15px;
	}
	.rd-mobilepanel_toggle.active span:before {
	  -webkit-transform: rotate3d(0, 0, 1, -40deg);
	  transform: rotate3d(0, 0, 1, -40deg);
	}
	.rd-mobilepanel_toggle.active span:after {
	  -webkit-transform: rotate3d(0, 0, 1, 40deg);
	  transform: rotate3d(0, 0, 1, 40deg);
	}


@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }

  .rd-mobilemenu, .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px;
  }
}