/********************* Colour reference chart****************
*************************** comment ********* colour ******** 
Primary blue                primary-blue      #0069B8
Primary yellow              primary-yellow    #FBAF28
Secondary orange            secondary-orange  #F1771F
Secondary blue              secondary-blue    #00AEEE
Secondary green             secondary-green   #86C247
Secodary gray               secondary-gray    #2A2E32
*/
.mobile-navigation-unit, nav.mobile-navigation .lfr-nav-item {
  /*border-bottom: 1px solid #999;*/ }

.mobile-navigation-close {
  /*@extend .mobile-navigation-unit;
  overflow: auto;*/ }

.top-navigation-mobile {
  /*@extend .mobile-navigation-unit;
  select {
  	margin-bottom: 0;		
  }*/ }

.mobile-navigation-open {
  /*-webkit-transform: translateX(27em);
          transform: translateX(27em);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease;*/
  width: 100%;
  overflow-x: hidden; }

nav.mobile-navigation {
  /*-webkit-transform: translateX(-27em) translateY(0em);
          transform: translateX(-27em) translateY(0em);*/
  background-color: #EBECEE;
  position: absolute;
  display: none;
  z-index: 1;
  font-size: 13px;
  width: 100%;
  border: 0px solid #ff0000;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .dockbar-ready nav.mobile-navigation {
    /*top: 48px;*/ }
  nav.mobile-navigation a {
    font-family: 'helvetica neue', arial, sans-serif;
    font-weight: 700; }
    nav.mobile-navigation a:hover {
      text-decoration: none; }
  nav.mobile-navigation ul {
    list-style-type: none;
    margin: 0;
    background-color: #EBECEE; }
  nav.mobile-navigation .lfr-nav-item {
    font-weight: bold;
    background-color: #EBECEE;
    line-height: 40px;
    margin: 0 35px; }
    nav.mobile-navigation .lfr-nav-item ul {
      display: block;
      background-color: #EBECEE; }
    nav.mobile-navigation .lfr-nav-item a {
      color: #000; }
      nav.mobile-navigation .lfr-nav-item a.selected {
        color: #0069b8;
        font-weight: bold; }
  nav.mobile-navigation .toggle-parent {
    margin-left: 40px;
    margin-top: 10px; }
  nav.mobile-navigation .toggle-children {
    float: right;
    font-size: 20px;
    margin-right: 40px; }
  nav.mobile-navigation .child-menu-mobile {
    margin-top: 5px; }
  nav.mobile-navigation .child-menu-mobile-item {
    background-color: #EBECEE;
    padding: 0.5em 0 0.5em 50px;
    position: relative; }
    nav.mobile-navigation .child-menu-mobile-item a {
      color: #666; }
      nav.mobile-navigation .child-menu-mobile-item a img {
        display: none; }
  nav.mobile-navigation .grandchild-menu-mobile {
    padding: 0.2rem 0 0 !important; }
  nav.mobile-navigation .grandchild-menu-mobile-item {
    font-weight: normal;
    padding: 0.2rem 20px;
    position: relative; }
    nav.mobile-navigation .grandchild-menu-mobile-item:last-child {
      padding-bottom: 0; }

.contact-us-wrapper,
.social-media-wrapper {
  height: 20px;
  padding: 5px 0px 0px 0px !important; }
  .contact-us-wrapper a, .contact-us-wrapper a:hover, .contact-us-wrapper a:visited,
  .social-media-wrapper a,
  .social-media-wrapper a:hover,
  .social-media-wrapper a:visited {
    color: white; }
  .contact-us-wrapper .goog-te-gadget-simple,
  .social-media-wrapper .goog-te-gadget-simple {
    padding-top: 0;
    padding-bottom: 0; }

#mobile-menu-icon {
  position: relative;
  float: left;
  width: 15%;
  margin-top: 10px;
  padding-top: 10px; }
  #mobile-menu-icon img {
    width: 30px; }
  @media (max-width: 979px) {
    #mobile-menu-icon {
      width: 5%;
      margin-left: 2%; } }

html.aui body nav.mobile-navigation {
  /*@media (max-width: 979px){
  	.aui .nav-collapse .nav{
  		margin-bottom: 0px;
  		li > a {
  			margin-bottom: 0px;
  		}
  	}
  }*/
  /* Landscape phone to portrait tablet */ }
  @media (max-width: 767px) {
    html.aui body nav.mobile-navigation li a img {
      /*display: none;*/ } }

nav.mobile-navigation li div.new-page-icon {
  position: absolute;
  top: 2px;
  right: -30px;
  width: 50px;
  height: 30px; }