/* org */
/* org */
html {
  background-color: #3B3E43; }

body {
  background-image: url(/static/img/body-navy.jpg); }

::-webkit-scrollbar {
  display: none; }

a {
  text-decoration: none;
  color: #0974ae; }

.dash-bar {
  height: 320px;
  /* background: { */
  /*     color: $dash-bar-bg; */
  /* } */
  width: 100%;
  position: relative;
  z-index: 1; }
  .dash-bar canvas {
    height: 620px;
    width: 100%;
    position: relative;
    z-index: 10; }
  .dash-bar div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .dash-bar div img {
      height: 100%;
      display: block;
      margin: 0 auto; }

html, body, div {
  padding: 0;
  margin: 0; }

#disqus_thread {
  padding: 32px 20px;
  border-radius: 3px;
  background-color: rgba(236, 223, 191, 0.1); }

/* org */
.footer {
  padding: 3rem 0 0;
  background-color: rgba(20, 25, 31, 0.9); }
  .footer:before, .footer:after {
    content: " ";
    display: table; }
  .footer:after {
    clear: both; }
  .footer--icon img {
    width: 100px;
    display: block;
    margin: auto;
    border-radius: 50%;
    box-shadow: 3px 3px 20px #999;
    -webkit-transition: box-shadow 1200ms, -webkit-transform 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: box-shadow 1200ms, -webkit-transform 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 2000ms cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 1200ms;
    transition: transform 2000ms cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 1200ms, -webkit-transform 2000ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .footer--icon img:hover {
      -webkit-transform: scale(1.1, 1.1) rotate(360deg);
              transform: scale(1.1, 1.1) rotate(360deg);
      box-shadow: 0px 0px 50px #fff; }
  .footer--txt {
    text-align: center;
    margin-top: 2rem;
    color: white;
    font-size: 110%;
    font-weight: 700; }
  .footer--links {
    overflow: hidden; }
    .footer--links ul {
      width: 300px;
      margin: 1rem auto;
      position: relative;
      padding: 0;
      display: -webkit-box;
      display: flex; }
      .footer--links ul li {
        padding: 0;
        margin: 0;
        display: inline-block;
        -webkit-box-flex: 1;
                flex: 1;
        text-align: center; }
      .footer--links ul svg {
        width: 30px;
        fill: white; }
  .footer--licence {
    margin-top: 1rem;
    text-align: center;
    color: white;
    font-size: 90%;
    font-width: 300; }

.main {
  position: relative;
  max-width: 1420px;
  margin: 0 auto; }
  .main:before, .main:after {
    content: " ";
    display: table; }
  .main:after {
    clear: both; }
  .main .slide-bar, .main .article {
    position: relative;
    display: inline-block;
    float: left; }

.slide-bar {
  background-color: white;
  width: 20%;
  height: 100%;
  margin-top: 50px;
  border-radius: 3px; }
  .slide-bar .avator {
    padding: 2rem; }
    .slide-bar .avator img {
      width: 100%;
      border-radius: 50%; }
  .slide-bar .author-name {
    text-align: center; }

.article {
  position: relative;
  z-index: 10;
  width: 75%;
  background-color: white;
  box-sizing: border-box;
  padding: 1.5rem 1rem 2rem;
  border-radius: 3px;
  margin-top: 50px;
  margin-left: 5%;
  margin-right: auto;
  margin-bottom: 4rem;
  box-shadow: 0px 0px 60px #bebebe; }
  .article .img-wrapper {
    position: relative;
    z-index: 1; }
    .article .img-wrapper span.line {
      position: absolute;
      top: 50%;
      height: 0px;
      width: 100%;
      display: block;
      border-bottom: 1px dashed rgba(88, 50, 60, 0.8); }
      .article .img-wrapper span.line:before, .article .img-wrapper span.line:after {
        content: '';
        display: block;
        position: absolute;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        top: -5px;
        background-color: rgba(88, 50, 60, 0.8); }
      .article .img-wrapper span.line:before {
        left: -20px; }
      .article .img-wrapper span.line:after {
        right: -20px; }
    .article .img-wrapper img {
      position: relative;
      z-index: 1;
      max-width: 80%;
      display: block;
      margin: 15px auto 0;
      border-radius: 2px; }
  .article ul li {
    list-style: none;
    vertical-align: middle; }
  .article ul li:before {
    content: '';
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: contain;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAQAAAD/5HvMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAU4SURBVGje7dh/kNR1Hcfxx+4Bl3eCnF4ERn5tRqtxCkIdatTvZEqkQlNgJc7RxY9JNJlRU0E7SAcuDwg06ogfZpSRTR36hyM0ZOMwrKLQpFhMp39QdjPGASkHx91xt8ttf5iyt7e7t/uF/9rX35/Pa57vH5+flFVWWWWVVVZZZ1Wxs2kWEjder0MkInrEz3KAV9lus49FN6gYGGFwTjAsSAXaIpkFTFHvk0gEqWgeGRkKGWWl9cadQYbS0mJuM1dFeKZAqHWdb7tLZTQz0O8Vxz3s62JRXAb3UMzt6sQjI8U8b7lKj7ghClJ8kF2PEZa5kYhIMac8bqnzbXBr6YUbDPSGNUZ7zNQzQtrgISOttcA5pbkMBkraaI2LNJt2BoXrs95iSas85CNhCaHl2oe6rbTSWJvMidreCZI2u80/3GeTycV3Uy6gmG5Nlhrhxx5QU0p8A5BSnlNvh2m2mKe6OJ98O/VJ69zpkAYbfTraAk5IsM98TUZpttEVxbRAPJ+ZlBazvWCm36tTHbl07ZaZ7WW32Gqx8UPlKV7AKm2PedYYZ4NmE8JILZ4g6U/q/NBwyz1tduEmyDjLAmrU6fUbPW1o0ybotMt+l5puqrh/Bl2FzrmASaZ70c7MMW3aBCe86CVVQl91hQ7/DpK5nYY47RP0edYsK5xrlRa3GhWxn1JetkC93a7zlCfdpCpXpgpkKCO+Y3bZbbRrzDRRZ9Ae9OWKL2CSaV4amKEMp2Twhm1aXeR6XzNJyqGgZ6DTkED/s+oP2my33xjXm2mCbu1BbzZUwOWm5wN6zyno8VfbHXCBa80wWbWDQedpp6IvaAm6POMWt/ub6Z6yxSznh9kbQgdqhige7R43wz3e9SXr3JdJMSxrfDr/pTaB8Khf2eEms3zZFHv8zh/Cf2VcWDukjSwivrhPuUqNpL126s8H1KXTWCMK5ikdHvSEZ0xxh2td43V13vxgQGyoW3oIF5tvrrH+7Oe2ac+8gQ8E6nVS5dArL6THEX04pVuqiIycxqn0FYtc6S1L/Nrb2c+B7JIN+QoJiZvgDt8w0m6/9KzDuUYlcs3k4+42R4Un/dRr+gePGqYEhVCr3p0u1mqDFoelB5gel3Ku4ZI5Awktd7VWq211IvdDqQSgkLirPWiKDo/a6EAWDHRIqVaZDRRSZY7vG2OrRvtzzMwJ1K3TCB/2dk6c0eb4nnF2WmGXZN6nYDpHXsdoMF+PH/iZ44WekRlACWGfkyp8KGepLrXUNx2zzKZSXqYhfEKjm7Vq8JxThWcWUbKQuC9a4XJ7NdohVcAyjfjppRHClX7kC3a636v5S/W+4nlMM3FG+JYnTLRFvW0FcejzrtGqMnA+b71Qi+/4y9A4uTIUM3wATrW73C+m0VrHhixVSpfK9xxCuMFjLrFZg8PFFTkb6IgKtRnx1VpigXc0+K2+oixj0tIf4KxzobWavFNsz2UDdZER3wUeMc+b7rWjmHRnaapmH7XKSl3Fz83T1CFc6GHz7LPQKxH+ez5ntfFWl4ZTaJWNtdbNXvVde0vG6TdRs8s0ayoNJz9QreVmeN4ir5dk2C9pmMs8YJJfaCwVJ/fh2q9Gk7n2uFtriYa9jphstc942hL/Kf1jL3sfOipmvAZzveYerSX7paWc57NesDjXLaD0DHWosNA4rRZG6J33tc8ib0WbPXinrnCJw+61J5JhyhEHLLYvajCDeyjmkAf9MaJhl2Wq/D36t3A20AlH/URLNMMEaQcikuQB2uagvbmulmWVVVZZZZVVVlll/Z/qv0PlsaOMsQlsAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTA3LTI1VDIxOjQ5OjMzKzA4OjAw30weZAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wNC0yNlQwMDowMDowMCswODowMKBVO10AAABOdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuOC44LTEwIFExNiB4ODZfNjQgMjAxNS0wNy0xOSBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZwUMnDUAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAYdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADEyOEN8QYAAAAAXdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAMTI40I0R3QAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxMjcyMjExMjAwCSkN7wAAABN0RVh0VGh1bWI6OlNpemUAMS42M0tCQumU2v8AAABWdEVYdFRodW1iOjpVUkkAZmlsZTovLy9ob21lL3d3d3Jvb3Qvd3d3LmVhc3lpY29uLm5ldC9jZG4taW1nLmVhc3lpY29uLmNuL3NyYy8yMTcvMjE3NDMucG5na2M4XQAAAABJRU5ErkJggg==");
    vertical-align: middle; }
  .article ul ul {
    font-size: 90%; }
    .article ul ul li:before {
      height: 19.8px;
      width: 19.8px; }
  .article.org .section-number {
    margin-right: 10px; }