/*
 * Keyframes
 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*
 * CSS Page Transitions
 * Don't forget to add vendor prefixes!
 */
.m-scene {
  /** Basic styles for an animated element */
  /** An element that fades in */
  /** An element that fades in and slides up */
  /** An element that fades in and slides from the right */
  /** An element that fades in and slides from the right */
}
.m-scene .scene_element {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.m-scene .scene_element--fadein {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.m-scene .scene_element--fadeinup {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.m-scene .scene_element--fadeinright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.m-scene .scene_element--fadeindown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}
html,
body {
  margin: 0;
  padding: 0;
  border: none;
}
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
body {
  font: 100%/1.5em sans-serif;
  background: #e91e63;
  color: #666;
}
header {
  position: relative;
  background: #e91e63;
  color: #fff;
  overflow: hidden;
  width: 100%;
  height: 150px;
}
header a {
  color: #fff;
}
header .masthead {
  width: 60em;
  margin: 0 auto;
  padding: 80px 0 20px;
  overflow: hidden;
}
header nav {
  float: right;
}
header nav ul {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
header nav ul li {
  float: left;
  margin: 0 0 0 30px;
  padding: 0;
}
footer {
  position: relative;
  padding: 10px 0;
  width: 100%;
  background: #e91e63;
  color: #fff;
}
footer p {
  margin: 0 auto;
  width: 60em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
  margin-top: 0;
  margin-bottom: 0;
}
h1 + h2,
h1 + p,
h2 + p,
li + li,
ul + p,
ol + p,
p + ul,
p + ol,
p + p {
  margin-top: 1.5em;
}
.page {
  width: 100%;
  padding: 0;
  background: #fff;
  color: #333;
}
.page .content {
  width: 60em;
  position: relative;
  margin: 80px auto;
  padding: 0;
  overflow: hidden;
}
.sub-page header {
  background: #e91e63;
}
.m-aside {
  width: 40%;
  padding: 0 40px 0 0;
  float: left;
}
.m-right-panel {
  padding: 0;
  width: 60%;
  float: right;
}