.content h2, .content .h2 {
  font-size: 2.5em !important;
}

@media screen and (max-width: 600px) {
  #venn{
    display: none !important;
  }
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%; /* aspect ratio */
  vertical-align: top;
  overflow: hidden;
}
.svg-content-responsive {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}

svg .rect {
  fill: gold;
  stroke: steelblue;
  stroke-width: 5px;
}


.loader {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 40px;
    text-indent: -9999em; }
  
  .loader-default {
    width: 1em;
    height: 1em;
    background-color: #9e9e9e;
    border-radius: 100%;
    -webkit-animation: loader-default 1s infinite ease-in-out;
            animation: loader-default 1s infinite ease-in-out; }
  
  .loader-grill {
    width: .25em;
    height: .5em;
    background: #9e9e9e;
    -webkit-animation: default-grill 1s infinite ease-in-out -.16s;
            animation: default-grill 1s infinite ease-in-out -.16s; }
    .loader-grill::before, .loader-grill::after {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background: #9e9e9e;
      -webkit-animation: default-grill 1s infinite ease-in-out;
              animation: default-grill 1s infinite ease-in-out; }
    .loader-grill::before {
      left: -.375em;
      -webkit-animation-delay: -.32s;
              animation-delay: -.32s; }
    .loader-grill::after {
      left: .375em; }
  
  .loader-circle {
    width: 1em;
    height: 1em;
    border-top: 0.125em solid rgba(158, 158, 158, 0.5);
    border-right: 0.125em solid rgba(158, 158, 158, 0.5);
    border-bottom: 0.125em solid rgba(158, 158, 158, 0.5);
    border-left: 0.125em solid #9e9e9e;
    border-radius: 50%;
    -webkit-animation: loader-circle 1.1s infinite linear;
            animation: loader-circle 1.1s infinite linear; }
  
  .loader-round-circle {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -webkit-animation: loader-round-circle 1.3s infinite linear;
            animation: loader-round-circle 1.3s infinite linear; }
  
  .loader-tadpole {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: loader-tadpole 1.7s infinite ease;
            animation: loader-tadpole 1.7s infinite ease; }
  
  .loader-ellipsis {
    top: -.625em;
    width: .625em;
    height: .625em;
    border-radius: 50%;
    -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
            animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s; }
    .loader-ellipsis::before, .loader-ellipsis::after {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      border-radius: 50%;
      -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both;
              animation: loader-ellipsis 1.8s infinite ease-in-out both; }
    .loader-ellipsis::before {
      left: -.875em;
      -webkit-animation-delay: -.32s;
              animation-delay: -.32s; }
    .loader-ellipsis::after {
      left: .875em; }
  
  .loader-dot {
    width: 2em;
    height: 2em;
    -webkit-animation: loader-dot-rotate 2s infinite linear;
            animation: loader-dot-rotate 2s infinite linear; }
    .loader-dot::before, .loader-dot::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 60%;
      height: 60%;
      content: "";
      background: #9e9e9e;
      border-radius: 100%;
      -webkit-animation: loader-dot-bounce 2s infinite ease-in-out;
              animation: loader-dot-bounce 2s infinite ease-in-out; }
    .loader-dot::after {
      top: auto;
      bottom: 0;
      -webkit-animation-delay: -1s;
              animation-delay: -1s; }
  
  .loader-bounce {
    width: 1.5em;
    height: 1.5em; }
    .loader-bounce::before, .loader-bounce::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      background: #9e9e9e;
      border-radius: 50%;
      opacity: .6;
      -webkit-animation: loader-bounce 2s infinite ease-in-out;
              animation: loader-bounce 2s infinite ease-in-out; }
    .loader-bounce::after {
      -webkit-animation-delay: -1s;
              animation-delay: -1s; }
  
  .loader-cube {
    width: 2em;
    height: 2em; }
    .loader-cube::before, .loader-cube::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 25%;
      height: 25%;
      content: "";
      background: #9e9e9e;
      -webkit-animation: loader-cube 2s infinite ease-in-out;
              animation: loader-cube 2s infinite ease-in-out; }
    .loader-cube::after {
      -webkit-animation-delay: -1s;
              animation-delay: -1s; }
  
  .loader-rotate-plane {
    width: 1em;
    height: 1em;
    background: #9e9e9e;
    -webkit-animation: loader-rotate-plane 1.2s infinite ease-in-out;
            animation: loader-rotate-plane 1.2s infinite ease-in-out; }
  
  .loader-folding-cube {
    width: .8em;
    height: .8em;
    -webkit-transform: rotate(45deg) translateZ(0);
            transform: rotate(45deg) translateZ(0); }
    .loader-folding-cube::before, .loader-folding-cube::after {
      position: absolute;
      width: 0;
      height: 0;
      content: "";
      background: #9e9e9e; }
    .loader-folding-cube::before {
      bottom: 50%;
      left: 0;
      -webkit-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
              animation: loader-folding-cube-before 2.4s infinite ease-in-out;
      -webkit-animation-delay: -.6s;
              animation-delay: -.6s; }
    .loader-folding-cube::after {
      top: 50%;
      right: 0;
      -webkit-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
              animation: loader-folding-cube-after 2.4s infinite ease-in-out; }
  
  .loader-cube-grid {
    top: -.6em;
    width: .3em;
    height: .3em;
    -webkit-animation: loader-cube-grid 1.2s infinite ease-in-out;
            animation: loader-cube-grid 1.2s infinite ease-in-out; }
    .loader-cube-grid::before, .loader-cube-grid::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: ""; }
    .loader-cube-grid::before {
      -webkit-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
              animation: loader-cube-grid-before 1.2s infinite ease-in-out; }
    .loader-cube-grid::after {
      -webkit-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
              animation: loader-cube-grid-after 1.2s infinite ease-in-out; }
  
  .side-panel-loading,
  body > .loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px; }
  
  .site-menubar-unfold > .loader {
    margin-left: 130px; }
  
  .site-menubar-fold > .loader {
    margin-left: 45px; }
  
  .site-menubar-hide.site-menubar-unfold > .loader {
    margin-left: 0; }
  
  .loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #3949ab; }
  
  .loader-content {
    margin: 50vh auto 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .loader-content h2 {
      font-weight: 500;
      color: #fff; }
  
  .loader-index {
    margin-top: 20px; }
    .loader-index > div {
      display: inline-block;
      width: 4px;
      height: 25px;
      margin: 2px;
      background: #fff;
      border-radius: 2px;
      -webkit-animation: loader-index 0.9s -0.8s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
              animation: loader-index 0.9s -0.8s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }
      .loader-index > div:nth-child(2), .loader-index > div:nth-child(4) {
        -webkit-animation-delay: -0.6s !important;
                animation-delay: -0.6s !important; }
      .loader-index > div:nth-child(1), .loader-index > div:nth-child(5) {
        -webkit-animation-delay: -0.4s !important;
                animation-delay: -0.4s !important; }
      .loader-index > div:nth-child(6) {
        -webkit-animation-delay: -0.2s !important;
                animation-delay: -0.2s !important; }
  
  @-webkit-keyframes loader-index {
    0% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }
    50% {
      -webkit-transform: scaleY(0.4);
              transform: scaleY(0.4); }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); } }
  
  @keyframes loader-index {
    0% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }
    50% {
      -webkit-transform: scaleY(0.4);
              transform: scaleY(0.4); }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); } }
  
  @-webkit-keyframes loader-default {
    0% {
      -webkit-transform: scale();
      transform: scale(); }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1); } }
  
  @keyframes loader-default {
    0% {
      -webkit-transform: scale();
      transform: scale(); }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1); } }
  
  @-webkit-keyframes default-grill {
    0%,
    80%,
    100% {
      height: 1em;
      box-shadow: 0 0 #9e9e9e; }
    40% {
      height: 1.2em;
      box-shadow: 0 -0.25em #9e9e9e; } }
  
  @keyframes default-grill {
    0%,
    80%,
    100% {
      height: 1em;
      box-shadow: 0 0 #9e9e9e; }
    40% {
      height: 1.2em;
      box-shadow: 0 -0.25em #9e9e9e; } }
  
  @-webkit-keyframes loader-circle {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @keyframes loader-circle {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @-webkit-keyframes loader-round-circle {
    0%,
    100% {
      box-shadow: 0 -3em 0 0.2em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 0 #9e9e9e; }
    12.5% {
      box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 0.2em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    25% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 0.2em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    37.5% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 0.2em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    50% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 0.2em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    62.5% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 0.2em #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    75% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0.2em #9e9e9e, -2em -2em 0 0 #9e9e9e; }
    87.5% {
      box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 0.2em #9e9e9e; } }
  
  @keyframes loader-round-circle {
    0%,
    100% {
      box-shadow: 0 -3em 0 0.2em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 0 #9e9e9e; }
    12.5% {
      box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 0.2em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    25% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 0.2em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    37.5% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 0.2em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    50% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 0.2em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    62.5% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 0.2em #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 -0.5em #9e9e9e; }
    75% {
      box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0.2em #9e9e9e, -2em -2em 0 0 #9e9e9e; }
    87.5% {
      box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 0.2em #9e9e9e; } }
  
  @-webkit-keyframes loader-tadpole {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e; }
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.087em -0.825em 0 -0.42em #9e9e9e, -0.173em -0.812em 0 -0.44em #9e9e9e, -0.256em -0.789em 0 -0.46em #9e9e9e, -0.297em -0.775em 0 -0.477em #9e9e9e; }
    20% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.338em -0.758em 0 -0.42em #9e9e9e, -0.555em -0.617em 0 -0.44em #9e9e9e, -0.671em -0.488em 0 -0.46em #9e9e9e, -0.749em -0.34em 0 -0.477em #9e9e9e; }
    38% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.377em -0.74em 0 -0.42em #9e9e9e, -0.645em -0.522em 0 -0.44em #9e9e9e, -0.775em -0.297em 0 -0.46em #9e9e9e, -0.82em -0.09em 0 -0.477em #9e9e9e; }
    100% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @keyframes loader-tadpole {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e; }
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.087em -0.825em 0 -0.42em #9e9e9e, -0.173em -0.812em 0 -0.44em #9e9e9e, -0.256em -0.789em 0 -0.46em #9e9e9e, -0.297em -0.775em 0 -0.477em #9e9e9e; }
    20% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.338em -0.758em 0 -0.42em #9e9e9e, -0.555em -0.617em 0 -0.44em #9e9e9e, -0.671em -0.488em 0 -0.46em #9e9e9e, -0.749em -0.34em 0 -0.477em #9e9e9e; }
    38% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.377em -0.74em 0 -0.42em #9e9e9e, -0.645em -0.522em 0 -0.44em #9e9e9e, -0.775em -0.297em 0 -0.46em #9e9e9e, -0.82em -0.09em 0 -0.477em #9e9e9e; }
    100% {
      box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @-webkit-keyframes loader-ellipsis {
    0%,
    80%,
    100% {
      box-shadow: 0 0.625em 0 -0.325em #9e9e9e; }
    40% {
      box-shadow: 0 0.625em 0 0 #9e9e9e; } }
  
  @keyframes loader-ellipsis {
    0%,
    80%,
    100% {
      box-shadow: 0 0.625em 0 -0.325em #9e9e9e; }
    40% {
      box-shadow: 0 0.625em 0 0 #9e9e9e; } }
  
  @-webkit-keyframes loader-dot-rotate {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  
  @keyframes loader-dot-rotate {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  
  @-webkit-keyframes loader-dot-bounce {
    0%, 100% {
      -webkit-transform: scale(0);
              transform: scale(0); }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @keyframes loader-dot-bounce {
    0%, 100% {
      -webkit-transform: scale(0);
              transform: scale(0); }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @-webkit-keyframes loader-bounce {
    0%, 100% {
      -webkit-transform: scale(0);
              transform: scale(0); }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @keyframes loader-bounce {
    0%, 100% {
      -webkit-transform: scale(0);
              transform: scale(0); }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @-webkit-keyframes loader-cube {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0); }
    25% {
      -webkit-transform: translateX(1.5em) rotate(-90deg) scale(0.5);
              transform: translateX(1.5em) rotate(-90deg) scale(0.5); }
    50% {
      -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
              transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); }
    50.1% {
      -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
              transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); }
    75% {
      -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5);
              transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); }
    100% {
      -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg); } }
  
  @keyframes loader-cube {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0); }
    25% {
      -webkit-transform: translateX(1.5em) rotate(-90deg) scale(0.5);
              transform: translateX(1.5em) rotate(-90deg) scale(0.5); }
    50% {
      -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
              transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); }
    50.1% {
      -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
              transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); }
    75% {
      -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5);
              transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); }
    100% {
      -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg); } }
  
  @-webkit-keyframes loader-rotate-plane {
    0% {
      -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
              transform: perspective(120px) rotateX(0) rotateY(0); }
    50% {
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
              transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
    100% {
      -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
              transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
  
  @keyframes loader-rotate-plane {
    0% {
      -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
              transform: perspective(120px) rotateX(0) rotateY(0); }
    50% {
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
              transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
    100% {
      -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
              transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
  
  @-webkit-keyframes loader-folding-cube-before {
    0% {
      width: 50%;
      height: 0; }
    7.5% {
      width: 50%;
      height: 50%; }
    12.5% {
      width: 50%;
      height: 50%; }
    20% {
      width: 100%;
      height: 50%; }
    25% {
      width: 100%;
      height: 50%; }
    50% {
      right: 0;
      left: auto;
      width: 100%;
      height: 50%; }
    57.5% {
      width: 50%;
      height: 50%; }
    62.5% {
      width: 50%;
      height: 50%; }
    70% {
      width: 50%;
      height: 0; }
    75% {
      width: 50%;
      height: 0; } }
  
  @keyframes loader-folding-cube-before {
    0% {
      width: 50%;
      height: 0; }
    7.5% {
      width: 50%;
      height: 50%; }
    12.5% {
      width: 50%;
      height: 50%; }
    20% {
      width: 100%;
      height: 50%; }
    25% {
      width: 100%;
      height: 50%; }
    50% {
      right: 0;
      left: auto;
      width: 100%;
      height: 50%; }
    57.5% {
      width: 50%;
      height: 50%; }
    62.5% {
      width: 50%;
      height: 50%; }
    70% {
      width: 50%;
      height: 0; }
    75% {
      width: 50%;
      height: 0; } }
  
  @-webkit-keyframes loader-folding-cube-after {
    0% {
      width: 50%;
      height: 0; }
    7.5% {
      width: 50%;
      height: 50%; }
    12.5% {
      width: 50%;
      height: 50%; }
    20% {
      width: 100%;
      height: 50%; }
    25% {
      width: 100%;
      height: 50%; }
    50% {
      right: auto;
      left: 0;
      width: 100%;
      height: 50%; }
    57.5% {
      width: 50%;
      height: 50%; }
    62.5% {
      width: 50%;
      height: 50%; }
    75% {
      width: 50%;
      height: 0; } }
  
  @keyframes loader-folding-cube-after {
    0% {
      width: 50%;
      height: 0; }
    7.5% {
      width: 50%;
      height: 50%; }
    12.5% {
      width: 50%;
      height: 50%; }
    20% {
      width: 100%;
      height: 50%; }
    25% {
      width: 100%;
      height: 50%; }
    50% {
      right: auto;
      left: 0;
      width: 100%;
      height: 50%; }
    57.5% {
      width: 50%;
      height: 50%; }
    62.5% {
      width: 50%;
      height: 50%; }
    75% {
      width: 50%;
      height: 0; } }
  
  @-webkit-keyframes loader-cube-grid {
    15% {
      box-shadow: -0.3em 0.3em 0 -0.3em #9e9e9e, 0 0.6em 0 -0.3em #9e9e9e, 0.3em 0.9em 0 -0.3em #9e9e9e; }
    30% {
      box-shadow: -0.3em 0.3em 0 0 #9e9e9e, 0 0.6em 0 0 #9e9e9e, 0.3em 0.9em 0 0 #9e9e9e; }
    70% {
      box-shadow: -0.3em 0.3em 0 0 #9e9e9e, 0 0.6em 0 0 #9e9e9e, 0.3em 0.9em 0 0 #9e9e9e; }
    85% {
      box-shadow: -0.3em 0.3em 0 -0.3em #9e9e9e, 0 0.6em 0 -0.3em #9e9e9e, 0.3em 0.9em 0 -0.3em #9e9e9e; } }
  
  @keyframes loader-cube-grid {
    15% {
      box-shadow: -0.3em 0.3em 0 -0.3em #9e9e9e, 0 0.6em 0 -0.3em #9e9e9e, 0.3em 0.9em 0 -0.3em #9e9e9e; }
    30% {
      box-shadow: -0.3em 0.3em 0 0 #9e9e9e, 0 0.6em 0 0 #9e9e9e, 0.3em 0.9em 0 0 #9e9e9e; }
    70% {
      box-shadow: -0.3em 0.3em 0 0 #9e9e9e, 0 0.6em 0 0 #9e9e9e, 0.3em 0.9em 0 0 #9e9e9e; }
    85% {
      box-shadow: -0.3em 0.3em 0 -0.3em #9e9e9e, 0 0.6em 0 -0.3em #9e9e9e, 0.3em 0.9em 0 -0.3em #9e9e9e; } }
  
  @-webkit-keyframes loader-cube-grid-before {
    0% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; }
    15% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; }
    22.5% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; }
    37.5% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    55% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    70% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    77.5% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    92.5% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; } }
  
  @keyframes loader-cube-grid-before {
    0% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; }
    15% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; }
    22.5% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; }
    37.5% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    55% {
      box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    70% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    77.5% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e; }
    92.5% {
      box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e; } }
  
  @-webkit-keyframes loader-cube-grid-after {
    7.5% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; }
    22.5% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; }
    30% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; }
    45% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    62.5% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    77.5% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    85% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    100% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; } }
  
  @keyframes loader-cube-grid-after {
    7.5% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; }
    22.5% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; }
    30% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; }
    45% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    62.5% {
      box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    77.5% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    85% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e; }
    100% {
      box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e; } }