/* ------------------------------------ /modules/mobile/mobile-style.css ------------------------------------ */


/* -------------------------------------------------------------------------- */
/* MOBILE / NOMOBILE                                                          */
/* -------------------------------------------------------------------------- */

  .mobile                 { display: block; }
  .mobile-inline          { display: inline; }
  .mobile-inline-block    { display: inline-block; }
  .mobile-tcell           { display: table-cell; }
  .mobile-trow            { display: table-row; }
  .nomobile               { display: none;  }
  .nomobile-inline        { display: none;  }
  .nomobile-inline-block  { display: none;  }
  .nomobile-tcell         { display: none;  }
  .nomobile-trow          { display: none;  }
  
.simoptLogo {
  margin-top: 17px;
}
#mainmenuDivMobile{
  position: relative;
  height: 55px;
}
#mainmenuDivMobile.bgShow {
  background: #45454B;
}
#mobileMenuToggle{
  display: inline;
  right: 0;
  top: 0;
}
#menuMobileShow {
  position:absolute;
  right: 0;
  top: 0;
  display: block;
  width: 30px;
  padding: 15px 30px 15px 15px;
  box-sizing: content-box;
}
#menuMobileHide {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 30px;
  padding: 15px 30px 15px 15px;
  box-sizing: content-box;
}
#mainmenuDivMobileContent {
  display: none;
  background: #45454B;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  margin-top: 55px;
  overflow: scroll;
}
#mainmenuDivMobileContent ul.mainmenumobile {
  display: none;
  float: none;
  position: relative;
  margin: 0;
}
#mainmenuDivMobileContent li a,
#mainmenuDivMobileContent li a:link,    
#mainmenuDivMobileContent li a:visited, 
#mainmenuDivMobileContent li a:active {
  line-height: normal;
  white-space: normal;
  color: rgb(116, 122, 143);
}
#mainmenuDivMobileContent li.current > a {
  color: #fff;
  font-weight: 400;
}

#mainmenuDivMobileContent ul.mainmenumobile li {
  display: block;
  text-align: right;
  padding: 23px 30px 0 0;
  clear: both;
}
#mainmenuDivMobileContent ul.mainmenumobile li.last {
  padding-bottom: 23px;
}
/* level 2 */
#mainmenuDivMobileContent ul.mainmenumobile ul {
    display: block;
}
#mainmenuDivMobileContent ul.mainmenumobile ul li {
  visibility: visible;
  padding: 10px 25px 0 10px;
  clear: both;
}
#mainmenuDivMobileContent ul.mainmenumobile li:hover>ul {
}
#mainmenuDivMobileContent ul.mainmenumobile ul {
  top: 0;
  padding-bottom: 0;
}
/* level 3 */
#mainmenuDivMobileContent ul.mainmenumobile ul ul {
  top: 0;
  left: 0;
  padding: 0;
}
/*#mainmenuDivMobileContent ul.mainmenu ul ul:before,
#mainmenuDivMobileContent ul.mainmenu ul ul:after {
  content: "";
  display: table;
}*/
#mainmenuDivMobileContent ul.mainmenumobile ul li:hover>ul {
}
#mainmenuDivMobileContent ul.mainmenumobile ul ul li {
  padding: 20px 20px 0 0;
  width: 100%;
  box-sizing:border-box;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAABAQMAAADtt7wcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWfrksAAADKVeOSAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAtJREFUCNdjYGAAAAADAAEg1ZTHAAAAAElFTkSuQmCC') no-repeat;
  background-position-y: 32px;
  background-position-x: 100%;
}
#mainmenuDivMobileContent ul.mainmenumobile ul ul li.first {
  padding-top: 30px;
  background-position-y: 42px;
}
#mainmenuDivMobileContent ul.mainmenumobile ul ul li.last {
  padding-bottom: 30px;
}
#mainmenuDivMobileContent::after{
  clear:both;
}
.openedLevel2Text {
  line-height: 30px;
}
.panel-top .panel-text img {
  /*width: auto;
  height: 52px;*/
}
.panel-top .panel-text h2 {
  font: 20px/1.5em "Avenir Light";
  letter-spacing: 7.3px;
}
.panel-top .panel-text h3 {
  font: 20px/1.5em "Avenir Light";
  letter-spacing: 7.3px;
}