.button {
  background-color: #e6192b;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

[cmh-launcher-u]{
  cursor: pointer;
}

.cmh-launcher-modal{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 100;
  overflow:hidden;
}

.cmh-launcher-modal-expand{
  background-color: rgb(68, 68, 68);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

.cmh-launcher-modal-expand.show{
  opacity:0;
  position: absolute;
}

.cmh-launcher-loading{
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: table;
  margin: 0 auto;
  position: relative;
  opacity:0;
  transition: visibility 0s,  0.5s opacity 0.7s linear;
}

.cmh-launcher-container{
  top: 0;
  position: absolute;
}

.cmh-launcher-modal, 
.cmh-launcher-container{
  opacity:0;
  transition: visibility 0s, opacity 0.3s linear;
}

.cmh-launcher-modal.show, 
.cmh-launcher-container.show,
.cmh-launcher-modal-expand.show,
.cmh-launcher-loading.show{
  opacity:1;
}

.cmh-launcher-nav{
  width: 100px;
  height: 100%;
  position: absolute;
  transform: translateX(-100px);
  transition: 0.3s transform 0.2s ease-in;
}

.cmh-launcher-nav.show{
  transform: translateX(0);
  transition: 0.3s transform 3s ease-in;
}

.nav-title{
  vertical-align: middle;
  color: #fff;
  font-family: arial;
  font-size: 1.2em;
  margin-left: 2em;
  margin-top: 1.4em;
  display: inline-block;
  height: 80px;
  width:100px;
}

.logo-chh{
    height: 100px;
    display: block;
}

.close {
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
    transition: 0.2s all ease-in;
    background:#fff;
  }
  .close:hover {
    background:#fff;
  }

  .close:hover::before, .close:hover::after {
    background:#111;
  }

  .close:before, .close:after {
    position: absolute;
    left: 48px;
    content: ' ';
    height: 44px;
    width: 2px;
    background:#111;
    margin-top: 28px;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}