a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
* {
  -webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after{
  clear: both;
}
.extra{
  overflow: hidden;
}
.aligncenter {
  text-align: center;
}

.sf-menu{
  text-transform: uppercase;
  text-align: center;
  display:block;
  text-decoration: none;
  background: #fff;
  padding: 14px 0 13px 0px;
}
.sf-menu ul{
  position:absolute;
  top: 0px;
  display: none;
  z-index: 999; 
}
.sf-menu ul ul{
  text-align: center;
  margin: 20px 0 0 20px;
}

.sf-menu > li {
  display: inline-block;
  font:14px/24px 'Open Sans', sans-serif;
  position:relative;
}
.sf-menu>li>a{
  display: block;
  color:white;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: 600;
  margin-right:19px;
  cursor: pointer;
}
.sf-menu>li:last-child{
  margin-right: 0px;
}
.sf-menu > li > a:hover,
.sf-menu > li.current > a,
.sf-menu > li.sfHover > a 
{
  color: #e3e2ee;
}
.sf-menu > li > ul {
  border:1px solid #433f62;
  background: none repeat scroll 0 0 #fff;
  left: 0px;
  line-height: 25px;
  padding: 5px 0 5px;
  text-align: left;
  top: 44px;
  width: 170px;
  font:600 12px/22px 'Open Sans', sans-serif;
  text-transform: capitalize;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul{
  border:1px solid #433f62; 
  width:170px;
  z-index:999;
  background:#fff;
  padding:5px 0 10px 0;
  text-align: center;
  margin-left: 15px;
  //left: 126px;
  top: 19px;
}
.submenu li a{
  color: #929292;
  text-decoration: none;
  margin-top: 5px;
}
ul ul li a{
  display: block;
  height: 23px;
  padding-left: 10px;
  width: auto;
}
ul ul li a:hover,
ul ul li.sfHover>a{
  color:#fff;
  background: #2eb9aa;
} 
ul ul li.sfHover {
  height: 23px;
  width: auto;
  color:#fff;
  background: #2eb9aa;
}
ul ul ul li a{
  text-align: left; 
  height: 23px;
  width: auto;
  text-decoration: none;
  color: #929292;
  padding-left: 20px;
}
ul ul ul li a:hover{
  color:#fff;
  background: #2eb9aa;
}

@media only screen and (max-width: 979px) {
  .sf-menu > li > a {
    margin-right: 55px;
  }
  .sf-menu > li > a {
    margin-right: 53px;
  }
}

@media only screen and (max-width: 767px){
  .sf-menu > li > a{
    display: none;
  }
  .select-menu{
    z-index: 10;
  }
  .sf-menu{
    display: none;
    margin-top: 14px;
    background-color: #fff;
    font-size: 13px;
    width: 100%;
    padding: 0 0 0 0;
  }
 }

@media only screen and (max-width: 480px) {
  .sf-menu{
    width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  
}