header {
    display: none;
}

footer {
    display: none;
}

body {
    background-image: none!important;
    background-color: #333!important;
}

div#main-layout {
    padding: 0!important;
    background-color: transparent!important;
    
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

div#toolbar-administration {
    display: none;
}

iframe.readium-reader-frame {    
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    border: 0;
}

div.loader-container-mk-logo {
    height: 99.5vh;
    position: relative;
}

div.loader-mk-logo {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section#content-outer-wrapper:after {
    height: 0!important;
}

/* Preloader CSS */
i {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  width: 5px;
  height: 15px;
  border-radius: 2px;
  border: solid #690;
  border-width: 0 1px 1px 0;
  background: #75a734;
  animation: tilt 5 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  /*
  animation: tilt infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  */
  transform-origin: 100% 100%;
}

i::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  display: block;
  width: 5px;
  height: 5px;
  background: transparent;
  box-shadow: 0 2px rgba(0,0,0,.3);
  animation: stretch 5 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  /*
  animation: stretch infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  */
  opacity: 0;
  transform-origin: 0% 0%;
}

i:nth-child(2),
i:nth-child(2)::before {
  animation-delay: .3s;
}

i:nth-child(3),
i:nth-child(3)::before {
  animation-delay: .6s;
}

i:nth-child(4),
i:nth-child(4)::before {
  animation-delay: .9s;
}

i:nth-child(5),
i:nth-child(5)::before {
  animation-delay: 1.2s;
}

i:last-of-type {
  animation-name: tilt-last;
}

i:last-of-type::before {
  animation-name: stretch-last;
}

@keyframes tilt {
  10% { transform: rotate(70deg) }
  60% { transform: rotate(70deg) }
  70% { transform: rotate( 0deg) }
}

@keyframes tilt-last {
  10% { transform: rotate(90deg) }
  60% { transform: rotate(90deg) }
  70% { transform: rotate( 0deg) }
}

@keyframes stretch {
  10% { transform: rotate(-70deg); width: 10px; opacity: 1; left: 0px; bottom: -1px; }
  60% { transform: rotate(-70deg); width: 10px; opacity: 1; }
  70% { width: 5px; transform: rotate(0deg); opacity: 0; }
}

@keyframes stretch-last {
  10% { transform: rotate(-90deg); width: 10px; height: 2px; opacity: .5; left: 3px; bottom: -1px; }
  60% { transform: rotate(-90deg); width: 10px; height: 2px; opacity: .5; }
  70% { transform: rotate(0deg); width: 5px; height: 5px;opacity: 0;}
}

.loader {
  position: relative;
  display: block;
  margin: auto;
  padding: 0;
  width: 100px;
  height: 15px;
  text-align: center;
}