/**

 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.

 * For licensing, see LICENSE.md or http://ckeditor.com/license

 */

@media (max-width: 900px) {

  .global-is-mobile-hidden {

    display: none !important;

  }

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section {

  display: block;

}

body,

html {

  margin: 0;

  padding: 0;

  font: 16px / 1.8 Arial, 'Helvetica Neue', Helvetica, sans-serif;

  font-weight: 300;

  color: #575757;

}

.grid-width-10 {

  width: 10%;

}

.grid-width-20 {

  width: 20%;

}

.grid-width-30 {

  width: 30%;

}

.grid-width-40 {

  width: 40%;

}

.grid-width-50 {

  width: 50%;

}

.grid-width-60 {

  width: 60%;

}

.grid-width-70 {

  width: 70%;

}

.grid-width-80 {

  width: 80%;

}

.grid-width-90 {

  width: 90%;

}

.grid-width-100 {

  width: 100%;

}

@media (max-width: 900px) {

  .grid-width-10,

  .grid-width-20,

  .grid-width-30,

  .grid-width-40,

  .grid-width-50,

  .grid-width-60,

  .grid-width-70,

  .grid-width-80,

  .grid-width-90,

  .grid-width-100 {

    width: 100%;

  }

}

*[class*="grid-width"] {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 4%;

  padding-right: 4%;

  float: left;

}

*[class*="grid-width"]:after,

.grid-container:after,

*[class*="grid-width"]:before,

.grid-container:before {

  content: '';

  display: block;

  overflow: hidden;

  visibility: hidden;

  font-size: 0;

  line-height: 0;

  width: 0;

  height: 0;

}

*[class*="grid-width"]:after,

.grid-container:after {

  clear: both;

}

.grid-container {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-left: auto;

  margin-right: auto;

}

.grid-container-nested *[class*="grid-width"]:first-child {

  padding-left: 0;

}

.grid-container-nested *[class*="grid-width"]:last-child {

  padding-right: 0;

}

@media (max-width: 900px) {

  .grid-container-nested *[class*="grid-width"]:first-child {

    padding-left: 4%;

  }

  .grid-container-nested *[class*="grid-width"]:last-child {

    padding-right: 4%;

  }

}

.header-a {

  min-height: 140px;

  overflow: hidden;

}

.header-a .header-a-logo {

  margin: 40px 0 0;

}

@media (max-width: 900px) {

  .header-a .header-a-logo {

    text-align: center;

  }

}

.header-a .header-a-logo img {

  border: transparent;

}

.navigation-a {

  height: 30px;

  background: #3d3d3d;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  padding: 0;

  overflow: hidden;

}

@media (max-width: 900px) {

  .navigation-a {

    text-align: center;

  }

}

.navigation-a ul {

  list-style: none;

  margin: 0;

  overflow: hidden;

}

.navigation-a ul li,

.navigation-a ul li a {

  display: inline-block;

}

@media (max-width: 900px) {

  .navigation-a ul {

    width: auto;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    float: none;

  }

  .navigation-a ul:before,

  .navigation-a ul:after {

    display: none;

  }

}

.navigation-a ul.navigation-a-left {

  text-align: left;

}

@media (max-width: 900px) {

  .navigation-a ul.navigation-a-left {

    padding-right: 0;

  }

}

.navigation-a ul.navigation-a-right {

  text-align: right;

}

@media (max-width: 900px) {

  .navigation-a ul.navigation-a-right {

    padding-left: 23px;

  }

}

.navigation-a ul li + li {

  margin-left: 23px;

}

.navigation-a ul li a {

  font-size: 10px;

  font-size: 0.625rem;

  line-height: 18px;

  line-height: 1.13rem;

  line-height: 30px;

  float: left;

  color: #dddddd;

  font-weight: bold;

  text-decoration: none;

  text-transform: uppercase;

}

.navigation-a ul li a:hover {

  cursor: pointer;

  color: #ffffff;

}

.icon-navigation-a-github:before,

.icon-navigation-a-github:after {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAa9JREFUOBGNlM8rRGEUht0pDGosjKYZpUSIkuwsiCaxUEqK2VOUBcrWv2BjxUJho6wsLLDzY2fhD5iR5NeOcJvIjOfM3O927m3mmlPPnPec835nZprvjlVVJvL5fCOjMWiDCLzCLVxZlpUj/x8saYV9+IZS8UJzFWoCt2GYgk+oJG4wJUouZDANv5VsUZ47dNSzkEYHfIDEHixDWgoiB/rTHlPPwBNInPmXHRb7hdeUDFG10AN1Th1Fd5mD6BMwMVnoUyVA3t3EkjkQlDFfmwPkc7NsQTXf0bGgJWaGb16dk18+EmLYawzkC+6Q3KdK4kiZqtGdskx/kmdlCJS86RuGrDLFZJmtGi1KB0q+VhOGsDLZsiyjGsOY4qoOkrO+YUauwCDoOKWo9xk9JfM+MPdSzqZdA8UlyDO3AvKLPsIG9LsmBHUKduEHdCy6PrpJZyKXdwKMOemaissOHJ9O9xTeh57GluMYIsehWy8STW/d8ZhkI0b9PjFasA1fsAOb0KCN1PLXYyKLGNdzj2YYArnZDyDRrA3Ua4UuDzd5QM/KaoxhmAO5Om5Qt8OI2/CJP6MVa1dvltQ5AAAAAElFTkSuQmCC");

}

.navigation-b {

  text-align: right;

  margin: 52px 0 0;

  overflow: visible;

}

@media (max-width: 900px) {

  .navigation-b {

    text-align: center;

    margin-top: 20px;

    padding: 0;

  }

}

.navigation-b ul {

  padding: 0;

  list-style: none;

  margin: 0;

  overflow: visible;

}

.navigation-b ul li,

.navigation-b ul li a {

  display: inline-block;

}

@media (max-width: 900px) {

  .navigation-b ul {

    display: table;

    width: 100%;

    padding-bottom: 1.5em;

  }

}

@media (max-width: 900px) {

  .navigation-b ul li {

    display: table-row;

  }

}

.navigation-b ul li + li {

  margin-left: 20px;

}

@media (max-width: 900px) {

  .navigation-b ul li + li {

    margin-left: 0;

  }

}

.navigation-b ul li a {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-transform: uppercase;

  text-decoration: none;

  outline: none;

}

@media (max-width: 900px) {

  .navigation-b ul li a {

    width: 100%;

    -webkit-border-radius: 0;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 0;

    -moz-background-clip: padding;

    border-radius: 0;

    background-clip: padding-box;

  }

}

.footer-a {

  font-size: 13px;

  font-size: 0.8125rem;

  line-height: 23.4px;

  line-height: 1.46rem;

  padding-top: 2.25em;

  padding-bottom: 2.25em;

  overflow: hidden;

  color: #8a8a8a;

}

.footer-a a {

  color: #27c0d8;

  text-decoration: none;

  border-bottom: 1px dotted #27c0d8;

}

.footer-a a:hover {

  color: #23adc2;

}

.footer-a p {

  margin: 0;

  display: inline-block;

  text-align: center;

}

.content {

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 25.2px;

  line-height: 1.57rem;

  overflow: hidden;

  padding-top: 1.5em;

  padding-bottom: 1.5em;

}

.content p {

  margin: 0.75em 0;

}

.content ul,

.content ol,

.content pre,

.content blockquote,

.content textarea:not([class^="cke"]),

.content .cke {

  margin: 1.875em 0;

}

.content code,

.content kbd {

  -webkit-border-radius: 3px;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 3px;

  -moz-background-clip: padding;

  border-radius: 3px;

  background-clip: padding-box;

  padding: 3px 4px;

}

.content pre,

.content code,

.content kbd,

.content blockquote {

  background: #f5f5f5;

}

.content blockquote,

.content pre {

  background: none;

  border-left: 4px solid #27c0d8;

  padding: 1.5em 2.25em;

}

.content p a,

.content ul a,

.content ol a,

.content blockquote a,

.content h1 a,

.content h2 a,

.content h3 a,

.content h4 a,

.content h5 a {

  color: #27c0d8;

  text-decoration: none;

  border-bottom: 1px dotted #27c0d8;

}

.content p a:hover,

.content ul a:hover,

.content ol a:hover,

.content blockquote a:hover,

.content h1 a:hover,

.content h2 a:hover,

.content h3 a:hover,

.content h4 a:hover,

.content h5 a:hover {

  color: #23adc2;

}

.content h1,

.content h2,

.content h3,

.content h4,

.content h5 {

  color: #000;

  font-weight: 100;

}

.content h1 code,

.content h2 code,

.content h3 code,

.content h4 code,

.content h5 code,

.content h1 kbd,

.content h2 kbd,

.content h3 kbd,

.content h4 kbd,

.content h5 kbd {

  font-size: inherit;

}

.content h1 a.content-heading-anchor,

.content h2 a.content-heading-anchor,

.content h3 a.content-heading-anchor,

.content h4 a.content-heading-anchor,

.content h5 a.content-heading-anchor {

  font-weight: 100;

  vertical-align: middle;

  opacity: 0;

  border: 0;

}

.content h1:hover a.content-heading-anchor,

.content h2:hover a.content-heading-anchor,

.content h3:hover a.content-heading-anchor,

.content h4:hover a.content-heading-anchor,

.content h5:hover a.content-heading-anchor {

  opacity: 1;

}

.content h1:target a,

.content h2:target a,

.content h3:target a,

.content h4:target a,

.content h5:target a {

  -webkit-animation: targetLinkOpacity 0.5s linear alternate;

  -moz-animation: targetLinkOpacity 0.5s linear alternate;

  -o-animation: targetLinkOpacity 0.5s linear alternate;

  animation: targetLinkOpacity 0.5s linear alternate;

  opacity: 1;

}

.content input,

.content select,

.content textarea:not([class^="cke"]) {

  -webkit-border-radius: 3px;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 3px;

  -moz-background-clip: padding;

  border-radius: 3px;

  background-clip: padding-box;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);

  font: inherit;

  color: inherit;

  border: 1px solid #d9d9d9;

  padding: .2em .5em;

}

.content input:focus,

.content select:focus,

.content textarea:not([class^="cke"]):focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;

}

.content abbr {

  border-bottom: 1px dotted #666;

  cursor: pointer;

}

.content blockquote {

  font-style: italic;

  font-family: Georgia, Times, "Times New Roman", serif;

  font-size: 16px;

  font-size: 1rem;

  line-height: 28.8px;

  line-height: 1.8rem;

}

.content em {

  font-style: italic;

}

.content h1 {

  font-size: 36px;

  font-size: 2.25rem;

  line-height: 64.8px;

  line-height: 4.05rem;

  margin: 1.125em 0 0;

}

.content h2 {

  font-size: 27.2px;

  font-size: 1.7rem;

  line-height: 48.96px;

  line-height: 3.06rem;

  margin: 0.9em 0 0;

}

.content h3 {

  font-size: 24px;

  font-size: 1.5rem;

  line-height: 43.2px;

  line-height: 2.7rem;

  font-weight: 500;

  margin: 0.75em 0 0;

}

.content h4 {

  font-size: 19.2px;

  font-size: 1.2rem;

  line-height: 34.56px;

  line-height: 2.16rem;

  font-weight: 500;

  margin: 0.75em 0 0;

}

.content h5 {

  font-size: 17.6px;

  font-size: 1.1rem;

  line-height: 31.68px;

  line-height: 1.98rem;

  font-weight: 500;

  margin: 0.75em 0 0;

}

.content hr {

  border: 0;

  border-top: 4px solid #d9d9d9;

  margin: 1.5em 0;

}

.content input[type