.primary-1-bg {color:#FFFFFF;border-color:#FFFFFF}


.sf-active,#mobile-menu{}

.menu{height:50px;visibility:hidden;margin:0 auto}

.menu>ul{margin:0}

.menu.fit{visibility:visible}

.sf-active .sf-menu{max-height:100%}

.sf-active{margin:0;clear:both}


.sf-active li{z-index:20;height:inherit;line-height:16px;white-space:normal;background:transparent}

.sf-active li.sfHover{background:transparent}

.sf-active a{font-size:15px;text-align:center; text-transform:uppercase;   }

.sf-active a {color:#fff;border-left:none;border-top:none}

.sf-active li.sfHover a{color:#fff;border-left:none;border-top:none}

.sf-active .sf-menu>li>a{font-weight:500}

.sf-active .sf-menu>li.sfHover>a{color:#fff}

.sf-active .sf-menu>li>a.sf-with-ul:after{border:none!important}
 
.sf-active .sf-menu.sf-arrows>li>a{padding-right:0}

.sf-active ul ul li a{padding:0.6em 3.5em 0.6em 1.5em;font-size:18px;text-align:left;text-transform:none; font-weight:bold}

/*.sf-active ul ul{background-color:rgba(255,255,255,0.95);color:#303030;  border:5px solid #ffffff;  }*/
.sf-active ul ul li a:hover { color:#fff;   }

.sf-active ul ul li{text-align:left;background:transparent;white-space:nowrap;z-index:2}

.sf-menu>li.sfHover{background-color: var(--menu-hover-background-color);color:#FFFFFF;border-color:#FFFFFF}

.sf-active ul ul li.sfHover{background-color: var(--submenu-hover-background-color);color:#FFFFFF;border-color:#FFFFFF}

.sf-active ul ul ul{margin-top: 0px}

.sf-active ul ul ul li{background:transparent;z-index:1}

.sf-active ul ul ul li.sfHover{background:rgb(0,0,0);background:rgba(0,0,0,1)}

.sf-active li.last ul{left:auto;right:0}

.sf-active li>a{-webkit-transition:padding .25s ease;transition:padding .25s ease}

.sf-active li.last ul ul{right:100%}

.sf-active .last ul a,.sf-active li.last ul .sfHover a{text-align:right;padding:0.8em 1.5em 0.8em 1.5em;}

.sf-arrows .last ul .sf-with-ul:after{margin-left:-3px;right:auto;left:1em;border-color:transparent;border-right-color:#dFeEFF;border-right-color:rgba(255,255,255,.5)}

.sf-arrows .last ul li>.sf-with-ul:focus:after,.sf-arrows .last ul .sfHover>.sf-with-ul:after{border-color:transparent;border-right-color:white}

.sf-active ul ul li.sfHover>a,.sf-active ul ul li a:hover{color:#fff; }

@media only screen and (min-width: 768px){
  #main-menu{
    position:relative;
  }

  #main-menu .menu{
    width:100%;
    max-width:1200px;
    height:50px;
    padding:0;
  }

  #main-menu .sf-menu{
    display:grid;
    grid-template-columns:.75fr 1.08fr 1.28fr 1.3fr 1.22fr 1.32fr 1.08fr 1fr;
    float:none;
    width:100%;
    height:50px;
    margin:0 auto;
    position:static;
  }

  #main-menu .sf-menu>li{
    float:none;
    width:auto!important;
    height:50px;
    min-width:0;
    position:relative;
  }

  #main-menu .sf-menu>li.touch-with-ul{
    position:static;
  }

  #main-menu .sf-menu>li>a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    padding:0 10px!important;
    line-height:16px;
    white-space:nowrap;
  }

  #main-menu .sf-menu>li:hover,
  #main-menu .sf-menu>li.sfHover{
    background-color:var(--menu-background-02-color);
  }

  #main-menu .sf-menu ul.menu-services{
    top:50px;
    left:0!important;
    right:auto!important;
    width:100%;
    min-height:220px;
    transform:none;
    z-index:2000;
  }

  #main-menu .sf-menu>li:hover>ul.children,
  #main-menu .sf-menu>li.sfHover>ul.children,
  #main-menu .sf-menu>li:focus-within>ul.children{
    display:block!important;
  }

  #main-menu .back-div{
    position:relative;
    display:block;
    top:auto;
    left:auto;
    right:auto;
    box-sizing:border-box;
    width:720px;
    max-width:100%;
    margin:0 auto!important;
    padding:24px 0 0 0!important;
  }

  #main-menu .sf-menu ul.menu-services li{
    width:240px;
  }

  #main-menu .sf-menu ul.menu-services li:hover,
  #main-menu .sf-menu ul.menu-services li.sfHover,
  #main-menu .sf-menu ul.menu-services li:focus-within{
    background-color:var(--submenu-hover-background-color, #0b6dab);
  }

  #main-menu .sf-menu ul.menu-services li:hover>a,
  #main-menu .sf-menu ul.menu-services li.sfHover>a,
  #main-menu .sf-menu ul.menu-services li:focus-within>a{
    color:#fff;
    text-decoration:none;
  }

  #main-menu .sf-active ul ul li a{
    padding:0.6em 3.5em 0.6em 1.5em;
    line-height:16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px){
  #main-menu .sf-active a{
    font-size:13px;
  }

  #main-menu .sf-menu>li>a{
    padding:0 6px!important;
  }
}

@media only screen and (max-width: 767px){#mobile-menu,#mobile-menu>a{font-size:24px;color:#000; }

#mobile-menu>a{float:left;display:block;padding:10px;line-height:20px; color:#ffffff;}

#mobile-menu>a:hover{text-decoration:none}

#mobile-menu a.practice-link{float:none;font-size:20px;line-height:24px;text-align: center; }

.sidr li a{color:#FFF;text-align:left;padding-right:36px}

.sidr li li a{color:#ccc}

.sidr .sidebar-search{position:relative;padding:10px 0;border:none}

.sidebar-search .input-medium{width:184px;padding-right:28px}

.sidebar-search button{line-height:1em;margin-left:-40px;position:absolute;right:5px;top:16px;background:none;border:none;border-left:1px solid #CCC}

ul.children{display:none}

ul.show-touch-menu{position:static!important;display:block}

}