@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Droid+Sans:300,400,600,700");
@import url("//fonts.googleapis.com/css?family=Droid+Serif:300,400,600,700");
@import url("//fonts.googleapis.com/css?family=Inconsolata:300,400,600,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.clearfix, .container, .card, .post, .download, .exchange, .page, .highlight {
  *zoom: 1; }
  .clearfix:before, .container:before, .card:before, .post:before, .download:before, .exchange:before, .page:before, .highlight:before {
    content: " ";
    display: table; }
  .clearfix:after, .container:after, .card:after, .post:after, .download:after, .exchange:after, .page:after, .highlight:after {
    content: " ";
    display: table;
    clear: both; }

/*======================================
=            Globals styles            =
======================================*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%;
  max-height: 100%; }

html {
  -webkit-tap-highlight-color: transparent; }

body {
  background: #fbfbff;
  color: rgba(8, 8, 8, 0.9);
  font-family: "Arial", "Roboto", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: .01em; }

input,
select,
textarea {
  color: #666;
  font-family: "Arial", "Roboto", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 2em; }

a {
  color: #1d62f0;
  text-decoration: underline; }
  a:hover {
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    text-decoration: none;
    color: #0e4ccc; }

strong {
  color: #484848;
  font-weight: 700; }

em {
  font-style: italic; }

p {
  margin: 0 0 .4em 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #484848;
  font-weight: 400;
  line-height: 1em;
  margin: 0 0 1em 0;
  font-family: "Arial", "Roboto", Helvetica, sans-serif; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit;
    text-decoration: none; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    font-size: 60%; }

h1 {
  letter-spacing: -2px; }

h2 {
  font-size: 1.75em;
  line-height: 1.5em; }

h3 {
  font-size: 1.35em;
  line-height: 1.5em; }

h4 {
  font-size: 1.1em;
  line-height: 1.5em; }

h5 {
  font-size: 0.9em;
  line-height: 1.5em; }

h6 {
  font-size: 0.7em;
  line-height: 1.5em; }

sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em; }

sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em; }

hr {
  border: 0;
  border-bottom: solid 1px rgba(144, 144, 144, 0.25);
  margin: 2em 0; }
  hr.major {
    margin: 3em 0; }

blockquote {
  border-left: solid 4px #1d62f0;
  font-style: italic;
  margin: 0 0 2em 0;
  padding: 0.5em 0 0.5em 2em; }

q small, blockquote small {
  font-size: 60%; }

q {
  quotes: "«" "»"; }
  q:before {
    content: open-quote; }
  q:after {
    content: close-quote; }

code {
  background: none;
  border-radius: 0;
  border: none;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0;
  padding: 0; }

pre {
  -webkit-overflow-scrolling: touch;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0; }
  pre code {
    line-height: 1.75em; }

/* Container */
.container {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 37em) {
    .container {
      width: 90%; } }
  @media (min-width: 80em) {
    .container {
      width: 72em; } }

.wrapper {
  padding: 0 0 0 0; }

.gist table {
  margin: 0;
  font-size: 0.875rem; }
.gist .line-number {
  min-width: 25px;
  font-size: 0.6875rem; }

.card, .post, .download, .exchange, .page {
  background-color: #efefef;
  padding: 1.38889em;
  -moz-box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
  -webkit-box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
  box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1); }
  @media (min-width: 37em) {
    .card, .post, .download, .exchange, .page {
      margin: 1.38889em 0; } }

.alert {
  padding: 5em;
  display: block;
  -moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  background-color: #3573f2; }
  .alert, .alert a {
    text-decoration: none; }
  .alert h2 {
    color: #efefef;
    margin: 0; }
  .alert:hover, .alert:active, .alert:focus {
    background-color: #1d62f0; }

.dot {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.txt-white {
  color: #efefef !important; }

.txt-center {
  text-align: center; }

.scroll-down {
  display: block;
  position: absolute;
  z-index: 100;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  width: 34px;
  height: 34px;
  font-size: 2.25rem;
  text-align: center;
  text-decoration: none;
  color: rgba(239, 239, 239, 0.7);
  border: none;
  display: none; }
  .scroll-down, .scroll-down:hover, .scroll-down:focus {
    color: #efefef; }
  @media (min-width: 80em) {
    .scroll-down {
      display: block; } }

.scroll-up {
  position: fixed;
  right: 15px;
  bottom: -80px;
  font-size: 2.25rem;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 1.5em !important; }
  .scroll-up, .scroll-up:hover, .scroll-up:focus {
    color: rgba(8, 8, 8, 0.9); }

.scroll-down:hover,
.scroll-up:hover {
  -webkit-animation: none;
  animation: none; }
.scroll-down, .scroll-down:hover, .scroll-down:focus,
.scroll-up,
.scroll-up:hover,
.scroll-up:focus {
  text-decoration: none;
  border: none; }

/*===================================
=            List styles            =
===================================*/
ol {
  list-style: decimal;
  margin: 0 0 2em 0;
  padding-left: 1.25em; }
  ol li {
    padding-left: 0.25em;
    padding-top: 0.8em;
    padding-bottom: 0.5em; }

ul {
  list-style: disc;
  margin: 0 0 0 0;
  padding-left: 1.2em;
  line-height: 1.5em; }
  ul li {
    padding-left: 0.5em; }
  ul.alt {
    list-style: none;
    padding-left: 0; }
    ul.alt li {
      border-top: solid 1px rgba(144, 144, 144, 0.25);
      padding: 0.5em 0; }
      ul.alt li:first-child {
        border-top: 0;
        padding-top: 0; }
  ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0; }
    ul.icons li {
      display: inline-block;
      padding: 0 1em 0 0; }
      ul.icons li:last-child {
        padding-right: 0; }
      ul.icons li .icon:before {
        font-size: 2em; }
  ul.actions {
    cursor: default;
    list-style: none;
    padding-left: 0; }
    ul.actions li {
      display: inline-block;
      padding: 0 1em 0 0;
      vertical-align: middle; }
      ul.actions li:last-child {
        padding-right: 0; }
    ul.actions.small li {
      padding: 0 0.5em 0 0; }
    ul.actions.vertical li {
      display: block;
      padding: 1em 0 0 0; }
      ul.actions.vertical li:first-child {
        padding-top: 0; }
      ul.actions.vertical li > * {
        margin-bottom: 0; }
    ul.actions.vertical.small li {
      padding: 0.5em 0 0 0; }
      ul.actions.vertical.small li:first-child {
        padding-top: 0; }
    ul.actions.fit {
      display: table;
      margin-left: -1em;
      padding: 0;
      table-layout: fixed;
      width: calc(100% + 1em); }
      ul.actions.fit li {
        display: table-cell;
        padding: 0 0 0 1em; }
        ul.actions.fit li > * {
          margin-bottom: 0; }
      ul.actions.fit.small {
        margin-left: -0.5em;
        width: calc(100% + 0.5em); }
        ul.actions.fit.small li {
          padding: 0 0 0 0.5em; }

dl {
  margin: 0 0 2em 0; }

.header {
  background-color: #2B7369;
  border-bottom: solid 1px rgba(144, 144, 144, 0.25);
  box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);
  color: #484848;
  cursor: default;
  font-weight: 400;
  font-size: 1.05em;
  height: 4em;
  right: 0em;
  line-height: 1.75;
  text-align: center; }
  .header h1 {
    text-transform: lowercase;
    font-family: "Arial", "Roboto", Helvetica, sans-serif;
    color: #484848;
    font-weight: 400;
    height: inherit;
    left: 2em;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    text-indent: 0; }
  .header h1, .header li {
    font-size: .8em; }
  .header.alt {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    height: 3.25em;
    line-height: 3.25em;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100; }
    .header.alt h1 {
      color: #fff;
      left: 2em;
      top: 1.2em;
      font-size: .9em; }
      .header.alt h1 a, .header.alt h1 a strong {
        color: #fff; }
    .header.alt nav {
      right: 0em;
      top: 1.2em; }
      .header.alt nav a {
        color: #eee; }
        .header.alt nav a:active, .header.alt nav a:hover {
          background-color: rgba(76, 217, 0, 0);
          color: #4cd900;
          font-weight: 450; }
    .header.alt .button, .header.alt .older-posts,
    .header.alt .newer-posts, .header.alt input[type="submit"], .header.alt input[type="reset"], .header.alt input[type="button"] {
      border-color: rgba(255, 255, 255, 0.5);
      color: #fff !important; }
  .header .container {
    position: relative;
    left: -3em; }

.navbar {
  height: inherit;
  line-height: inherit;
  position: absolute;
  right: 5%;
  top: 1.0em;
  vertical-align: middle; }
  .navbar ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  .navbar li {
    display: inline-block;
    margin-left: 0;
    padding-left: 0; }
    .navbar li:first-child {
      margin-left: 0;
      display: none; }
      @media (min-width: 30em) {
        .navbar li:first-child {
          display: inline-block; } }
    @media (min-width: 37em) {
      .navbar li {
        margin-left: 0.65em; } }
  .navbar a {
    color: #fff;
    display: inline-block;
    text-decoration: none; }
    .navbar a:hover {
      color: #484848; }

.banner {
  padding: 8em 2.5em 4em;
  background: #2B7369 url("img/bg-home.jpg") center top fixed;
  height: 100%;
  background-size: cover;
  line-height: 1.75;
  text-align: center; }
  .banner :last-child {
    margin-bottom: 0; }
  .banner img {
    padding: 3px;
    border: 1px solid rgba(239, 239, 239, 0.3); }
  .banner h2 {
    font-family: "Arial", "Roboto", Helvetica, sans-serif;
    color: #ddd;
    font-size: 1.4em;
    text-transform: none;
    font-weight: 200; }
    .banner h2 strong {
      color: #fff;
      margin-top: 18%;
      margin-bottom: 0.8em;
      display: block;
      font-weight: 400;
      font-size: 1.2em;
      line-height: 1.35; }
  @media (min-width: 37em) {
    .banner {
      padding-top: 15%;
      padding-bottom: 1.6em; }
      .banner h2 strong {
        margin-top: 4em;
        font-size: 1.6em; } }
  @media (min-width: 80em) {
    .banner {
      padding-top: 15%;
      padding-bottom: 1.6em; }
      .banner h2 {
        font-size: 1.2em; }
        .banner h2 strong {
          font-size: 1.8em; } }

.getting_started {
  padding: 8em 2.5em 4em;
  background: #2B7369 url("img/bg-getting-started.jpg") center top fixed;
  height: 100%;
  background-size: cover;
  line-height: 1.75;
  text-align: center; }
  .getting_started :last-child {
    margin-bottom: 0; }
  .getting_started img {
    padding: 3px;
    border: 1px solid rgba(239, 239, 239, 0.3); }
  .getting_started h2 {
    font-family: "Arial", "Roboto", Helvetica, sans-serif;
    color: #ddd;
    font-size: 1.4em;
    text-transform: none;
    font-weight: 200; }
    .getting_started h2 strong {
      color: #fff;
      margin-top: 18%;
      margin-bottom: 0.8em;
      display: block;
      font-weight: 400;
      font-size: 1.2em;
      line-height: 1.35; }
  @media (min-width: 37em) {
    .getting_started {
      padding-top: 15%;
      padding-bottom: 1.6em; }
      .getting_started h2 strong {
        margin-top: 4em;
        font-size: 1.6em; } }
  @media (min-width: 80em) {
    .getting_started {
      padding-top: 15%;
      padding-bottom: 1.6em; }
      .getting_started h2 {
        font-size: 1.2em; }
        .getting_started h2 strong {
          font-size: 1.8em; } }

/*======================================
=            Post styles            =
======================================*/
.post {
  background-color: #f8f8ff;
  font-size: 14px;
  color: #243756;
  padding-bottom: 0;
  margin-bottom: 0em;
  overflow: hidden;
  padding: 40px 25px 0; }
  @media (min-width: 37em) {
    .post {
      padding: 40px 50px 0; } }
  .post img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1.6em; }
  .post h1 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: .5em; }
    @media (min-width: 37em) {
      .post h1 {
        font-size: 1.9em; } }
  .post .post-header {
    margin-bottom: 2em;
    border-bottom: 1px solid #f1f2f3; }
  .post .post-meta {
    display: block; }
    .post .post-meta span, .post .post-meta time {
      font-size: 1em;
      font-style: italic;
      margin-right: 10px; }
    .post .post-meta span, .post .post-meta time, .post .post-meta a {
      color: rgba(8, 8, 8, 0.9); }
  .post blockquote,
  .post .highlight,
  .post .disqus {
    margin-left: -50px;
    margin-right: -50px; }
  .post .disqus {
    background-color: #f7f8f9;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 40px;
    padding-top: 2em; }
  .post .disqus,
  .post .highlight pre {
    padding-left: 50px;
    padding-right: 50px; }
  .post .highlight pre {
    padding-top: 40px;
    padding-bottom: 40px; }
  .post p:last-child {
    margin-bottom: 0; }

body:not(.single) .post {
  padding-bottom: 40px;
  margin-bottom: 4em; }
  body:not(.single) .post .post-title {
    font-size: 0.875rem;
    margin-bottom: .2em;
    font-weight: 400;
    font-family: "Arial"; }
    @media (min-width: 37em) {
      body:not(.single) .post .post-title {
        font-size: 0.875rem;
        line-height: 1.4; } }
  body:not(.single) .post .post-header {
    margin-bottom: .5em; }
  body:not(.single) .post .post-title,
  body:not(.single) .post a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .post .post-title:focus, body:not(.single) .post .post-title:hover,
    body:not(.single) .post a.read-more:focus,
    body:not(.single) .post a.read-more:hover {
      color: #0e4ccc; }

.post-footer {
  position: relative;
  margin: 1.66667em 0 0;
  padding: 2.22222em 0 0;
  border-top: #f1f2f3 1px solid; }
  .post-footer h4 {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0; }
  .post-footer p {
    margin: 0.55556em 0;
    font-size: 0.875rem; }
  .post-footer .author {
    margin-right: 180px; }
  .post-footer h4 a {
    color: #2e2e2e;
    text-decoration: none; }
    .post-footer h4 a:hover {
      text-decoration: underline; }
  .post-footer .share {
    position: absolute;
    width: 7.77778em;
    top: 3.33333em;
    right: 0;
    text-align: center; }
    .post-footer .share a {
      font-size: 1.6em;
      display: inline-block;
      margin: 0 .3em 0;
      color: #848484;
      text-decoration: none;
      border: none; }
      .post-footer .share a:hover {
        color: rgba(8, 8, 8, 0.9); }
  @media screen and (max-width: 30em) {
    .post-footer .author,
    .post-footer .share {
      float: none;
      width: 100%;
      position: relative;
      margin: 0;
      text-align: center;
      clear: both; }
    .post-footer .share {
      top: auto;
      margin-top: 2.22222em; } }

/*======================================
=            Article styles            =
======================================*/
.post {
  padding-bottom: 0;
  margin-bottom: 2em;
  overflow: hidden;
  padding: 40px 25px 0; }
  @media (min-width: 37em) {
    .post {
      padding: 40px 50px 0; } }
  .post img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1.6em; }
  .post h1 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: .5em; }
    @media (min-width: 37em) {
      .post h1 {
        font-size: 1.9em; } }
  .post .post-header {
    margin-bottom: 2em;
    border-bottom: 1px solid #f1f2f3; }
  .post .post-meta {
    display: block; }
    .post .post-meta span, .post .post-meta time {
      font-size: 1em;
      font-style: italic;
      margin-right: 10px; }
    .post .post-meta span, .post .post-meta time, .post .post-meta a {
      color: rgba(8, 8, 8, 0.9); }
  .post blockquote,
  .post .highlight,
  .post .disqus {
    margin-left: -50px;
    margin-right: -50px; }
  .post .disqus {
    background-color: #f7f8f9;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 40px;
    padding-top: 2em; }
  .post .disqus,
  .post .highlight pre {
    padding-left: 50px;
    padding-right: 50px; }
  .post .highlight pre {
    padding-top: 40px;
    padding-bottom: 40px; }
  .post p:last-child {
    margin-bottom: 0; }

body:not(.single) .post {
  padding-bottom: 40px;
  margin-bottom: 4em; }
  body:not(.single) .post .post-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .post .post-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .post .post-header {
    margin-bottom: .5em; }
  body:not(.single) .post .post-title,
  body:not(.single) .post a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .post .post-title:focus, body:not(.single) .post .post-title:hover,
    body:not(.single) .post a.read-more:focus,
    body:not(.single) .post a.read-more:hover {
      color: #0e4ccc; }

.post-footer {
  position: relative;
  margin: 1.66667em 0 0;
  padding: 2.22222em 0 0;
  border-top: #f1f2f3 1px solid; }
  .post-footer h4 {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0; }
  .post-footer p {
    margin: 0.55556em 0;
    font-size: 0.875rem; }
  .post-footer .author {
    margin-right: 180px; }
  .post-footer h4 a {
    color: #2e2e2e;
    text-decoration: none; }
    .post-footer h4 a:hover {
      text-decoration: underline; }
  .post-footer .share {
    position: absolute;
    width: 7.77778em;
    top: 3.33333em;
    right: 0;
    text-align: center; }
    .post-footer .share a {
      font-size: 1.6em;
      display: inline-block;
      margin: 0 .3em 0;
      color: #848484;
      text-decoration: none;
      border: none; }
      .post-footer .share a:hover {
        color: rgba(8, 8, 8, 0.9); }
  @media screen and (max-width: 30em) {
    .post-footer .author,
    .post-footer .share {
      float: none;
      width: 100%;
      position: relative;
      margin: 0;
      text-align: center;
      clear: both; }
    .post-footer .share {
      top: auto;
      margin-top: 2.22222em; } }

.content {
  position: relative;
  padding: 30px 40px 40px 40px;
  margin: 0 5px;
  text-align: justify;
  background-color: #fff;
  min-height: 400px;
  border: 2px solid #ebebeb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto; }

.content p,
.content li,
.content table {
  line-height: 1.5em; }

/*====================================
=            Forms styles            =
====================================*/
form {
  margin: 0 0 2em 0; }

label {
  color: #484848;
  display: block;
  font-size: 0.9em;
  font-weight: 700;
  margin: 0 0 1em 0; }

input[type="text"], input[type="password"], input[type="email"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: rgba(144, 144, 144, 0.075);
  border-radius: 4px;
  border: none;
  border: solid 1px rgba(144, 144, 144, 0.25);
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 1em;
  text-decoration: none;
  width: 100%; }

select, textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: rgba(144, 144, 144, 0.075);
  border-radius: 4px;
  border: none;
  border: solid 1px rgba(144, 144, 144, 0.25);
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 1em;
  text-decoration: none;
  width: 100%; }

input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid {
  box-shadow: none; }

select:invalid, textarea:invalid {
  box-shadow: none; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
  border-color: #f32853;
  box-shadow: 0 0 0 1px #f32853; }

select:focus, textarea:focus {
  border-color: #f32853;
  box-shadow: 0 0 0 1px #f32853; }

.select-wrapper {
  text-decoration: none;
  display: block;
  position: relative; }
  .select-wrapper:before {
    content: "";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    color: rgba(144, 144, 144, 0.25);
    display: block;
    height: 2.75em;
    line-height: 2.75em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 2.75em; }
  .select-wrapper select::-ms-expand {
    display: none; }

input[type="text"], input[type="password"], input[type="email"] {
  height: 2.75em; }

select {
  height: 2.75em; }

textarea {
  padding: 0.75em 1em; }

input[type="checkbox"], input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: block;
  float: left;
  margin-right: -2em;
  opacity: 0;
  width: 1em;
  z-index: -1; }
input[type="checkbox"] + label, input[type="radio"] + label {
  text-decoration: none;
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  padding-left: 2.4em;
  padding-right: 0.75em;
  position: relative; }
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important; }
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
  background: rgba(144, 144, 144, 0.075);
  border-radius: 4px;
  border: solid 1px rgba(144, 144, 144, 0.25);
  content: '';
  display: inline-block;
  height: 1.65em;
  left: 0;
  line-height: 1.58125em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.65em; }
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
  background: #323037;
  border-color: #323037;
  color: #fff;
  content: '\f00c'; }
input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before {
  border-color: #f32853;
  box-shadow: 0 0 0 1px #f32853; }
input[type="checkbox"] + label:before {
  border-radius: 4px; }
input[type="radio"] + label:before {
  border-radius: 100%; }

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, .formerize-placeholder {
  color: #aaa !important;
  opacity: 1.0; }

.modal,
.modal__overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.modal-close {
  position: absolute;
  top: 0;
  right: 20px;
  border: none;
  padding: 5px 10px;
  margin: 0;
  opacity: .8;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  margin: 0;
  font-size: 4.25rem;
  border: none;
  border-radius: 4px; }
  .modal-close, .modal-close:hover, .modal-close:focus {
    text-decoration: none;
    color: #fff; }

body.modal--open {
  overflow: hidden !important; }

.modal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1001;
  width: 100%; }

.modal__overlay {
  position: absolute;
  z-index: 1;
  padding: 80px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  transition: opacity 0.3s; }

.modal--open .modal__overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.modal__content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  min-width: 290px;
  background: transparent;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 5;
  opacity: 0; }

.modal--open .modal__content {
  pointer-events: auto; }

/* Content */
.modal h2 {
  margin: 0;
  font-weight: 400;
  font-size: 2em;
  padding: 0 0 2em;
  margin: 0; }

.modal.modal--open .modal__content,
.modal.modal--close .modal__content {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.modal.modal--open .modal__content {
  animation-name: anim-open; }

.modal.modal--close .modal__content {
  animation-name: anim-close; }

@keyframes anim-open {
  0% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
@keyframes anim-close {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale3d(0.9, 0.9, 1); } }
.pagination {
  position: relative;
  margin: 2.22222em auto;
  text-align: center; }
  .pagination a {
    color: rgba(20, 20, 20, 0.9);
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }

.older-posts,
.newer-posts {
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-decoration: none;
  font-size: 0.8125rem;
  color: rgba(8, 8, 8, 0.9) !important;
  border: 1px solid #b7b7b7 !important;
  background-color: #efefef !important;
  padding-top: 6px;
  padding-bottom: 6px; }
  .older-posts.icon:before,
  .newer-posts.icon:before {
    color: #aaa; }
  @media (min-width: 30em) {
    .older-posts,
    .newer-posts {
      position: absolute;
      width: auto;
      display: inline-block; } }
  .older-posts:hover, .older-posts:active, .older-posts:focus,
  .newer-posts:hover,
  .newer-posts:active,
  .newer-posts:focus {
    background-color: transparent !important; }

.older-posts {
  left: 0; }

.newer-posts {
  right: 0; }

.page-number {
  color: rgba(20, 20, 20, 0.9);
  display: inline-block;
  padding: 8px 0;
  min-width: 100px;
  font-size: 0.8125rem; }

/*======================================
=            Buttons styles            =
======================================*/
.button, .older-posts,
.newer-posts, input[type="submit"], input[type="reset"], input[type="button"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #1d62f0;
  border: 2px solid #306ff1;
  color: #efefef;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 3.25em;
  padding: 0 2.2em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; }
  .button:hover, .older-posts:hover,
  .newer-posts:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:active, .older-posts:active,
  .newer-posts:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    background-color: #3573f2;
    border-color: #3e79f2;
    color: #e2e2e2; }
  .button.icon, .icon.older-posts,
  .icon.newer-posts, input.icon[type="submit"], input.icon[type="reset"], input.icon[type="button"] {
    padding-left: 1.35em; }
    .button.icon:before, .icon.older-posts:before,
    .icon.newer-posts:before, input.icon[type="submit"]:before, input.icon[type="reset"]:before, input.icon[type="button"]:before {
      margin-right: .5em; }
  @media screen and (max-width: 30em) {
    .button, .older-posts,
    .newer-posts, input[type="submit"], input[type="reset"], input[type="button"] {
      display: block;
      margin: 0 0 1.2em 0;
      width: 100%; } }
  .button.small, .small.older-posts,
  .small.newer-posts, input.small[type="submit"], input.small[type="reset"], input.small[type="button"] {
    font-size: .8em; }
  .button.big, .big.older-posts,
  .big.newer-posts, input.big[type="submit"], input.big[type="reset"], input.big[type="button"] {
    font-size: 1.35em; }
  .button.btna, .btna.older-posts,
  .btna.newer-posts, input.btna[type="submit"], input.btna[type="reset"], input.btna[type="button"] {
    background-color: #1d62f0;
    font-size: 1.0em;
    font-weight: 550;
    border-width: 0px;
    border-color: transparent; }
    .button.btna:hover, .btna.older-posts:hover,
    .btna.newer-posts:hover, input.btna[type="submit"]:hover, input.btna[type="reset"]:hover, input.btna[type="button"]:hover, .button.btna:active, .btna.older-posts:active,
    .btna.newer-posts:active, input.btna[type="submit"]:active, input.btna[type="reset"]:active, input.btna[type="button"]:active {
      background-color: rgba(76, 217, 0, 0.75); }
    .button.btna.icon:before, .btna.icon.older-posts:before,
    .btna.icon.newer-posts:before, input.btna.icon[type="submit"]:before, input.btna.icon[type="reset"]:before, input.btna.icon[type="button"]:before {
      color: #aaa; }
  .button.btnb, .btnb.older-posts,
  .btnb.newer-posts, input.btnb[type="submit"], input.btnb[type="reset"], input.btnb[type="button"] {
    background-color: #1d62f0;
    border-color: transparent;
    font-size: 14px;
    font-weight: 550;
    line-height: 2.35em;
    padding: 0em 0.75em 0em 0.75em;
    margin-left: 0.25em;
    margin-right: 0.25em; }
    .button.btnb:hover, .btnb.older-posts:hover,
    .btnb.newer-posts:hover, input.btnb[type="submit"]:hover, input.btnb[type="reset"]:hover, input.btnb[type="button"]:hover, .button.btnb:active, .btnb.older-posts:active,
    .btnb.newer-posts:active, input.btnb[type="submit"]:active, input.btnb[type="reset"]:active, input.btnb[type="button"]:active {
      background-color: rgba(76, 217, 0, 0.65); }
    .button.btnb.icon:before, .btnb.icon.older-posts:before,
    .btnb.icon.newer-posts:before, input.btnb.icon[type="submit"]:before, input.btnb.icon[type="reset"]:before, input.btnb.icon[type="button"]:before {
      color: #aaa; }
  .button.btn-gs, .btn-gs.older-posts,
  .btn-gs.newer-posts, input.btn-gs[type="submit"], input.btn-gs[type="reset"], input.btn-gs[type="button"] {
    background-color: #1d62f0;
    border-color: transparent;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.8em;
    padding: 0em 0.75em 0em 0.75em;
    margin-left: 0.25em;
    margin-right: 0.25em; }
    .button.btn-gs:hover, .btn-gs.older-posts:hover,
    .btn-gs.newer-posts:hover, input.btn-gs[type="submit"]:hover, input.btn-gs[type="reset"]:hover, input.btn-gs[type="button"]:hover, .button.btn-gs:active, .btn-gs.older-posts:active,
    .btn-gs.newer-posts:active, input.btn-gs[type="submit"]:active, input.btn-gs[type="reset"]:active, input.btn-gs[type="button"]:active {
      background-color: rgba(76, 217, 0, 0.65); }
    .button.btn-gs.icon:before, .btn-gs.icon.older-posts:before,
    .btn-gs.icon.newer-posts:before, input.btn-gs.icon[type="submit"]:before, input.btn-gs.icon[type="reset"]:before, input.btn-gs.icon[type="button"]:before {
      color: #aaa; }
  .button.btnc, .btnc.older-posts,
  .btnc.newer-posts, input.btnc[type="submit"], input.btnc[type="reset"], input.btnc[type="button"] {
    background-color: #1d62f0;
    border-width: 3px;
    border-color: transparent;
    font-size: 14px;
    font-weight: 550;
    line-height: 2.35em;
    padding: 0em 0.75em 0em 0.75em; }
    .button.btnc:hover, .btnc.older-posts:hover,
    .btnc.newer-posts:hover, input.btnc[type="submit"]:hover, input.btnc[type="reset"]:hover, input.btnc[type="button"]:hover, .button.btnc:active, .btnc.older-posts:active,
    .btnc.newer-posts:active, input.btnc[type="submit"]:active, input.btnc[type="reset"]:active, input.btnc[type="button"]:active {
      background-color: rgba(76, 217, 0, 0.65); }
    .button.btnc.icon:before, .btnc.icon.older-posts:before,
    .btnc.icon.newer-posts:before, input.btnc.icon[type="submit"]:before, input.btnc.icon[type="reset"]:before, input.btnc.icon[type="button"]:before {
      color: #aaa; }
  .button.btndwnld, .btndwnld.older-posts,
  .btndwnld.newer-posts, input.btndwnld[type="submit"], input.btndwnld[type="reset"], input.btndwnld[type="button"] {
    color: #1d62f0;
    background-color: transparent;
    border-width: 3px;
    border-color: transparent;
    font-size: 1.0em;
    font-weight: 400;
    line-height: 2.35em;
    width: 8em;
    padding: 0em 0em; }
    .button.btndwnld:hover, .btndwnld.older-posts:hover,
    .btndwnld.newer-posts:hover, input.btndwnld[type="submit"]:hover, input.btndwnld[type="reset"]:hover, input.btndwnld[type="button"]:hover, .button.btndwnld:active, .btndwnld.older-posts:active,
    .btndwnld.newer-posts:active, input.btndwnld[type="submit"]:active, input.btndwnld[type="reset"]:active, input.btndwnld[type="button"]:active {
      background-color: rgba(76, 217, 0, 0.75); }
    .button.btndwnld.icon:before, .btndwnld.icon.older-posts:before,
    .btndwnld.icon.newer-posts:before, input.btndwnld.icon[type="submit"]:before, input.btndwnld.icon[type="reset"]:before, input.btndwnld.icon[type="button"]:before {
      color: #aaa; }
  .button.disabled, .disabled.older-posts,
  .disabled.newer-posts, input.disabled[type="submit"], input.disabled[type="reset"], input.disabled[type="button"], .button:disabled, .older-posts:disabled,
  .newer-posts:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled {
    background-color: #666;
    box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
    color: #efefef;
    cursor: default;
    opacity: .25; }

/*====================================
=            Footer Style            =
====================================*/
.footer {
  padding: 1em 0 1em;
  background: #f6f6f6;
  text-align: center; }
  .footer p small {
    color: #999; }
  @media (min-width: 80em) {
    .footer p {
      padding-left: 3em;
      padding-right: 3em; } }
  .footer .icons {
    margin-bottom: 0.8em;
    display: none; }
    @media (min-width: 37em) {
      .footer .icons {
        display: inline-block; } }
    .footer .icons li {
      display: inline-block;
      padding-right: 0.8em; }
      .footer .icons li:last-child {
        padding-right: 0; }
    .footer .icons a {
      text-decoration: none;
      color: #999;
      border: 2px solid #ddd;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px; }
      .footer .icons a .fa {
        font-size: 1.1em; }
      .footer .icons a:hover, .footer .icons a:active {
        color: #fff;
        border-color: transparent; }
        .footer .icons a:hover.icon-github, .footer .icons a:active.icon-github {
          background-color: #222; }
        .footer .icons a:hover.icon-facebook, .footer .icons a:active.icon-facebook {
          background-color: #3765A3; }
        .footer .icons a:hover.icon-twitter, .footer .icons a:active.icon-twitter {
          background-color: #5EA9DD; }
        .footer .icons a:hover.icon-youtube, .footer .icons a:active.icon-youtube {
          background-color: #5EA9DD; }
        .footer .icons a:hover.icon-reddit, .footer .icons a:active.icon-reddit {
          background-color: #5EA9DD; }
        .footer .icons a:hover.icon-slack, .footer .icons a:active.icon-slack {
          background-color: #5EA9DD; }
        .footer .icons a:hover.icon-instagram, .footer .icons a:active.icon-instagram {
          background-color: #323232; }
        .footer .icons a:hover.icon-linkedin, .footer .icons a:active.icon-linkedin {
          background-color: #0274B3; }

.search-label {
  margin-bottom: 20px;
  font-weight: 700;
  font-family: "Arial", "Roboto", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #efefef;
  font-size: 1rem;
  margin-top: 26px; }
  @media only screen and (max-width: 480px) {
    .search-label {
      display: none;
      visibility: hidden; } }

.search-container {
  padding: 7em 10em 0;
  color: #efefef; }
  .search-container ul {
    list-style: none;
    padding: 15px 0;
    margin: 10px 0; }
  .search-container li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 0; }
  .search-container a {
    text-decoration: none;
    color: #efefef;
    border-top: 1px solid transparent; }
    .search-container a:hover {
      border-top-color: #efefef; }
  .search-container input[type="text"] {
    text-align: center;
    font-family: "Arial", "Roboto", Helvetica, sans-serif;
    width: 100%;
    padding: .2em 0;
    font-size: 3.75rem;
    font-weight: 300;
    border: 0;
    border-bottom: 1px solid rgba(239, 239, 239, 0.65);
    outline: 0;
    background-color: transparent; }
    .search-container input[type="text"]:focus, .search-container input[type="text"]:active {
      box-shadow: none  !important;
      outline: none !important; }
  .search-container ::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #efefef; }
  .search-container :-moz-placeholder {
    /* Firefox 18- */
    text-transform: uppercase;
    color: #efefef; }
  .search-container ::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: uppercase;
    color: #efefef; }
  .search-container :-ms-input-placeholder {
    text-transform: uppercase;
    color: #efefef; }

@media only screen and (min-width: 460px) and (max-width: 860px) {
  .search-container {
    padding: 4em 3px; }
    .search-container input[type="text"] {
      width: 100%;
      font-size: 3.375rem; } }
@media only screen and (max-width: 480px) {
  .search-container {
    padding: 3em; }
    .search-container input[type="text"] {
      font-size: 1.625rem; } }
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }
  #swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block; }
    #swipebox-slider .slide:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }
    #swipebox-slider .slide img,
    #swipebox-slider .slide .swipebox-video-container,
    #swipebox-slider .slide .swipebox-inline-container {
      display: inline-block;
      max-height: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      vertical-align: middle; }
    #swipebox-slider .slide .swipebox-video-container {
      background: none;
      max-width: 1140px;
      max-height: 100%;
      width: 100%;
      padding: 5%;
      box-sizing: border-box; }
      #swipebox-slider .slide .swipebox-video-container .swipebox-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        position: relative; }
        #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }
  #swipebox-slider .slide-loading {
    background: url(/assets/images/loader.gif) no-repeat center center; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: -50px; }
  #swipebox-bottom-bar.visible-bars {
    transform: translate3d(0, -50px, 0); }

#swipebox-top-bar {
  top: -50px; }
  #swipebox-top-bar.visible-bars {
    transform: translate3d(0, 50px, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(/assets/images/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  animation: rightSpring 0.3s; }
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }
.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565; }
.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565; }
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px; }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px; } }
/* Skin
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif; }

.highlight {
  padding: 0;
  margin-top: 0.83333em;
  margin-bottom: 25px;
  /* Comment */
  /* Error */
  /* Keyword */
  /* Literal */
  /* Name */
  /* Operator */
  /* Punctuation */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Emph */
  /* Generic.Strong */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Date */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Other */
  /* Name.Property */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */
  /* Generic.Subheading & Diff Unified/Comment? */
  /* Generic.Deleted & Diff Deleted */
  /* Generic.Inserted & Diff Inserted */ }
  .highlight, .highlight .hll, .highlight pre {
    background-color: #272822;
    border: none; }
  .highlight pre {
    margin: 0;
    padding: 0.83333em 1.11111em;
    white-space: pre;
    line-height: 23px;
    overflow-x: auto;
    margin-bottom: 0;
    word-break: inherit;
    word-wrap: inherit; }
    .highlight pre, .highlight pre code {
      color: #eeffdd; }
    .highlight pre code {
      white-space: pre; }
      .highlight pre code * {
        white-space: nowrap; }
  .highlight .c {
    color: #75715e; }
  .highlight .err {
    color: #f2f1f2; }
  .highlight .k {
    color: #66d9ef; }
  .highlight .l {
    color: #ae81ff; }
  .highlight .n {
    color: #f8f8f2; }
  .highlight .o {
    color: #f92672; }
  .highlight .p {
    color: #f8f8f2; }
  .highlight .cm {
    color: #75715e; }
  .highlight .cp {
    color: #75715e; }
  .highlight .c1 {
    color: #75715e; }
  .highlight .cs {
    color: #75715e; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .kc {
    color: #66d9ef; }
  .highlight .kd {
    color: #66d9ef; }
  .highlight .kn {
    color: #f92672; }
  .highlight .kp {
    color: #66d9ef; }
  .highlight .kr {
    color: #66d9ef; }
  .highlight .kt {
    color: #66d9ef; }
  .highlight .ld {
    color: #e6db74; }
  .highlight .m {
    color: #ae81ff; }
  .highlight .s {
    color: #e6db74; }
  .highlight .na {
    color: #a6e22e; }
  .highlight .nb {
    color: #f8f8f2; }
  .highlight .nc {
    color: #a6e22e; }
  .highlight .no {
    color: #66d9ef; }
  .highlight .nd {
    color: #a6e22e; }
  .highlight .ni {
    color: #f8f8f2; }
  .highlight .ne {
    color: #a6e22e; }
  .highlight .nf {
    color: #a6e22e; }
  .highlight .nl {
    color: #f8f8f2; }
  .highlight .nn {
    color: #f8f8f2; }
  .highlight .nx {
    color: #a6e22e; }
  .highlight .py {
    color: #f8f8f2; }
  .highlight .nt {
    color: #f92672; }
  .highlight .nv {
    color: #f8f8f2; }
  .highlight .ow {
    color: #f92672; }
  .highlight .w {
    color: #f8f8f2; }
  .highlight .mf {
    color: #ae81ff; }
  .highlight .mh {
    color: #ae81ff; }
  .highlight .mi {
    color: #ae81ff; }
  .highlight .mo {
    color: #ae81ff; }
  .highlight .sb {
    color: #e6db74; }
  .highlight .sc {
    color: #e6db74; }
  .highlight .sd {
    color: #e6db74; }
  .highlight .s2 {
    color: #e6db74; }
  .highlight .se {
    color: #ae81ff; }
  .highlight .sh {
    color: #e6db74; }
  .highlight .si {
    color: #e6db74; }
  .highlight .sx {
    color: #e6db74; }
  .highlight .sr {
    color: #e6db74; }
  .highlight .s1 {
    color: #e6db74; }
  .highlight .ss {
    color: #e6db74; }
  .highlight .bp {
    color: #f8f8f2; }
  .highlight .vc {
    color: #f8f8f2; }
  .highlight .vg {
    color: #f8f8f2; }
  .highlight .vi {
    color: #f8f8f2; }
  .highlight .il {
    color: #ae81ff; }
  .highlight .gu {
    color: #75715e; }
  .highlight .gd {
    color: #f92672; }
  .highlight .gi {
    color: #a6e22e; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.hidden {
  text-indent: -9999px;
  visibility: hidden;
  display: none; }

.fadeIn {
  -moz-animation: fadeIn;
  -webkit-animation: fadeIn;
  animation: fadeIn; }

.fadeInUp {
  -moz-animation: fadeInUp;
  -webkit-animation: fadeInUp;
  animation: fadeInUp; }

.fadeInDown {
  -moz-animation: fadeInDown;
  -webkit-animation: fadeInDown;
  animation: fadeInDown; }

.mrga {
  margin-top: 5.55556em; }

/* Github Box */
.github-box-wrap {
  display: inline-block;
  margin-bottom: 2em;
  width: 100%; }
  @media (min-width: 37em) {
    .github-box-wrap {
      padding: 5px;
      width: 50%;
      float: left; } }

.github-box {
  font-family: "Arial", "Roboto", Helvetica, sans-serif;
  background: #fafafa;
  border: 1px solid #ddd;
  color: #666;
  border-radius: 5px;
  width: 100%; }
  .github-box a {
    color: #4183C4;
    border: none; }
  .github-box .github-box-header {
    position: relative;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    background: #fcfcfc;
    background: -moz-linear-gradient(#fcfcfc, #ebebeb);
    background: -webkit-linear-gradient(#fcfcfc, #ebebeb);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#ebebeb')"; }
    .github-box .github-box-header h3 {
      font-family: "Arial", "Roboto", Helvetica, sans-serif;
      font-weight: normal;
      font-size: 16px;
      color: gray;
      margin: 0;
      padding: 10px 10px 10px 10px; }
      .github-box .github-box-header h3 a {
        font-weight: bold; }
    .github-box .github-box-header .github-stats {
      line-height: 36px;
      position: absolute;
      top: 10px;
      right: 10px;
      background: white;
      border: 1px solid #ddd;
      border-radius: 3px;
      font-size: 11px;
      font-weight: bold;
      line-height: 21px;
      height: 21px; }
      .github-box .github-box-header .github-stats a {
        display: inline-block;
        height: 21px;
        color: #666;
        padding: 0 5px 0 5px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        vertical-align: top; }
        .github-box .github-box-header .github-stats a:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1; }
        .github-box .github-box-header .github-stats a:before {
          font-family: 'EntypoRegular';
          content: attr(data-icon);
          display: inline-block;
          speak: none;
          padding-right: 2px;
          font-size: 2em; }
      .github-box .github-box-header .github-stats .repo-stars {
        border-right: 1px solid #ddd; }
      .github-box .github-box-header .github-stats .repo-forks {
        padding-left: 2px;
        border-right: 1px solid #ddd; }
  .github-box .github-box-content {
    padding: 10px;
    font-weight: 300;
    font-size: 0.7em; }
    .github-box .github-box-content p {
      margin: 0;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .github-box .github-box-content .repo-link {
      font-weight: bold; }
  .github-box .github-box-download {
    position: relative;
    border-top: 1px solid #ddd;
    background: white;
    border-radius: 0 0 3px 3px;
    padding: 10px; }
    .github-box .github-box-download .repo-update {
      margin: 0;
      font-size: 11px;
      color: #666;
      line-height: 24px; }
      .github-box .github-box-download .repo-update strong {
        font-size: 12px;
        font-weight: bold;
        color: #000; }
    .github-box .github-box-download .repo-download {
      position: absolute;
      display: block;
      top: 10px;
      right: 10px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      color: #666;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
      padding: 0 10px;
      border: 1px solid #ddd;
      border-bottom-color: #bbb;
      border-radius: 3px;
      display: block;
      width: 24px;
      padding: 0;
      background: -webkit-linear-gradient(whiteSmoke, #E5E5E5);
      background: -moz-linear-gradient(#f1f7fa, #dbeaf1);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 1; }
      .github-box .github-box-download .repo-download:hover {
        color: #527894;
        border-color: #cfe3ed;
        border-bottom-color: #9fc7db;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1; }
      .github-box .github-box-download .repo-download:before {
        font-family: 'EntypoRegular';
        text-indent: 0px;
        content: attr(data-icon);
        display: inline-block;
        speak: none;
        font-size: 2.0em;
        padding: 0 6px; }

@media all and (max-width: 678px) {
  .github-box-wrap {
    display: block;
    width: inherit;
    margin-right: 0; } }
@font-face {
  font-family: 'EntypoRegular';
  src: url("/assets/fonts/Entypo-webfont.eot");
  src: url("/assets/fonts/Entypo-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Entypo-webfont.woff") format("woff"), url("/assets/fonts/Entypo-webfont.ttf") format("truetype"), url("/assets/fonts/Entypo-webfont.svg#EntypoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
.feature {
  background-color: #f8f8ff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding: 15px 7.5px 0;
  float: left;
  color: #1d62f0; }
  .feature:hover, .feature:active {
    background-color: rgba(76, 217, 0, 0.05); }
  @media (min-width: 37em) {
    .feature {
      padding: 15px 15px 0; } }
  .feature img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em; }
  .feature h1 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: .5em; }
    @media (min-width: 37em) {
      .feature h1 {
        font-size: 1.9em; } }
  .feature .feature-header {
    font-size: 25px;
    margin-bottom: 0.5em; }
  .feature .feature-meta {
    display: block; }
    .feature .feature-meta span, .feature .feature-meta time {
      font-size: 1em;
      font-style: italic;
      margin-right: 10px; }
    .feature .feature-meta span, .feature .feature-meta time, .feature .feature-meta a {
      color: rgba(8, 8, 8, 0.9); }
  .feature blockquote,
  .feature .highlight,
  .feature .disqus {
    margin-left: -15px;
    margin-right: -15px; }
  .feature .disqus {
    background-color: #f7f8f9;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 15px;
    padding-top: 2em; }
  .feature .disqus,
  .feature .highlight pre {
    padding-left: 15px;
    padding-right: 15px; }
  .feature .highlight pre {
    padding-top: 15px;
    padding-bottom: 15px; }
  .feature p:last-child {
    margin-bottom: 0; }

.feature-gen {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 15px 7.5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .feature-gen:hover, .feature-gen:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .feature-gen {
      padding: 0 0 0 0; } }

body:not(.single) .feature {
  padding-bottom: 15px;
  margin-bottom: 2em; }
  body:not(.single) .feature .feature-title {
    font-size: 1.375rem;
    margin-bottom: .1em;
    color: #1d62f0;
    font-weight: 400;
    font-family: "Verdana"; }
    @media (min-width: 37em) {
      body:not(.single) .feature .feature-title {
        font-size: 1.5rem;
        line-height: 1.4; } }
  body:not(.single) .feature .feature-header {
    margin-bottom: .5em; }
  body:not(.single) .feature .feature-title,
  body:not(.single) .feature a.read-more {
    text-decoration: none; }
    body:not(.single) .feature .feature-title:focus, body:not(.single) .feature .feature-title:hover,
    body:not(.single) .feature a.read-more:focus,
    body:not(.single) .feature a.read-more:hover {
      color: #0e4ccc; }
body:not(.single) .feature-gen {
  padding-bottom: 15px;
  margin-bottom: 4em; }
  body:not(.single) .feature-gen .feature-gen-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .feature-gen .feature-gen-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .feature-gen .feature-gen-header {
    margin-bottom: .5em; }
  body:not(.single) .feature-gen .feature-gen-title,
  body:not(.single) .feature-gen a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .feature-gen .feature-gen-title:focus, body:not(.single) .feature-gen .feature-gen-title:hover,
    body:not(.single) .feature-gen a.read-more:focus,
    body:not(.single) .feature-gen a.read-more:hover {
      color: #0e4ccc; }

.feature-footer {
  position: relative;
  margin: 1.66667em 0 0;
  padding: 2.22222em 0 0;
  border-top: #f1f2f3 1px solid; }
  .feature-footer h4 {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0; }
  .feature-footer p {
    margin: 0.55556em 0;
    font-size: 0.875rem; }
  .feature-footer .author {
    margin-right: 180px; }
  .feature-footer h4 a {
    color: #2e2e2e;
    text-decoration: none; }
    .feature-footer h4 a:hover {
      text-decoration: underline; }
  .feature-footer .share {
    position: absolute;
    width: 7.77778em;
    top: 3.33333em;
    right: 0;
    text-align: center; }
    .feature-footer .share a {
      font-size: 1.6em;
      display: inline-block;
      margin: 0 .3em 0;
      color: #848484;
      text-decoration: none;
      border: none; }
      .feature-footer .share a:hover {
        color: rgba(8, 8, 8, 0.9); }
  @media screen and (max-width: 30em) {
    .feature-footer .author,
    .feature-footer .share {
      float: none;
      width: 100%;
      position: relative;
      margin: 0;
      text-align: center;
      clear: both; }
    .feature-footer .share {
      top: auto;
      margin-top: 2.22222em; } }

.feature-gen-title {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  color: #243756; }

.feature-title {
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #243756; }

.feature-sub-title {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 15px;
  color: #243756;
  text-decoration: underline; }

.feature-default-margin {
  margin-left: 20px; }

.feature-default-margin-2 {
  margin-left: 55px; }

.download {
  background-color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding: 10px 5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .download:hover, .download:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .download {
      padding: 10px 10px 0; } }
  .download img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em; }
  .download h1 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: .5em; }
    @media (min-width: 37em) {
      .download h1 {
        font-size: 1.9em; } }
  .download .download-header {
    font-size: 25px;
    margin-bottom: 2em;
    border-bottom: 1px solid #f1f2f3; }
  .download .download-meta {
    display: block; }
    .download .download-meta span, .download .download-meta time {
      font-size: 1em;
      font-style: italic;
      margin-right: 10px; }
    .download .download-meta span, .download .download-meta time, .download .download-meta a {
      color: rgba(8, 8, 8, 0.9); }
  .download blockquote,
  .download .highlight,
  .download .disqus {
    margin-left: -10px;
    margin-right: -10px; }
  .download .disqus {
    background-color: #f7f8f9;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 10px;
    padding-top: 2em; }
  .download .disqus,
  .download .highlight pre {
    padding-left: 10px;
    padding-right: 10px; }
  .download .highlight pre {
    padding-top: 10px;
    padding-bottom: 10px; }
  .download p:last-child {
    margin-bottom: 0; }

.download-gen {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px 5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .download-gen:hover, .download-gen:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .download-gen {
      padding: 0 0 0 0; } }

body:not(.single) .download {
  padding-bottom: 10px;
  margin-bottom: 4em; }
  body:not(.single) .download .download-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .download .download-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .download .download-header {
    margin-bottom: .5em; }
  body:not(.single) .download .download-title,
  body:not(.single) .download a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .download .download-title:focus, body:not(.single) .download .download-title:hover,
    body:not(.single) .download a.read-more:focus,
    body:not(.single) .download a.read-more:hover {
      color: #0e4ccc; }
body:not(.single) .download-gen {
  padding-bottom: 10px;
  margin-bottom: 4em; }
  body:not(.single) .download-gen .download-gen-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .download-gen .download-gen-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .download-gen .download-gen-header {
    margin-bottom: .5em; }
  body:not(.single) .download-gen .download-gen-title,
  body:not(.single) .download-gen a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .download-gen .download-gen-title:focus, body:not(.single) .download-gen .download-gen-title:hover,
    body:not(.single) .download-gen a.read-more:focus,
    body:not(.single) .download-gen a.read-more:hover {
      color: #0e4ccc; }

.download-footer {
  position: relative;
  margin: 1.66667em 0 0;
  padding: 2.22222em 0 0;
  border-top: #f1f2f3 1px solid; }
  .download-footer h4 {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0; }
  .download-footer p {
    margin: 0.55556em 0;
    font-size: 0.875rem; }
  .download-footer .author {
    margin-right: 180px; }
  .download-footer h4 a {
    color: #2e2e2e;
    text-decoration: none; }
    .download-footer h4 a:hover {
      text-decoration: underline; }
  .download-footer .share {
    position: absolute;
    width: 7.77778em;
    top: 3.33333em;
    right: 0;
    text-align: center; }
    .download-footer .share a {
      font-size: 1.6em;
      display: inline-block;
      margin: 0 .3em 0;
      color: #848484;
      text-decoration: none;
      border: none; }
      .download-footer .share a:hover {
        color: rgba(8, 8, 8, 0.9); }
  @media screen and (max-width: 30em) {
    .download-footer .author,
    .download-footer .share {
      float: none;
      width: 100%;
      position: relative;
      margin: 0;
      text-align: center;
      clear: both; }
    .download-footer .share {
      top: auto;
      margin-top: 2.22222em; } }

.download_title {
  margin-top: 60px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: #243756; }

.download_miner_title {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #243756; }

.dwnld_row, .dwnld_row_win, .dwnld_row_lastbox {
  display: block;
  margin: 0 35px 0 0;
  float: left; }

.dwnld_row {
  width: 155px; }

.dwnld_row_win {
  width: 155px; }

.dwnld_row_lastbox {
  width: 155px;
  margin-right: 0; }

.download_miner {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  margin: 0 35px 0 0;
  float: left; }

.exchange {
  background-color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding: 10px 5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .exchange:hover, .exchange:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .exchange {
      padding: 10px 10px 0; } }
  .exchange img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em; }
  .exchange h1 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: .5em; }
    @media (min-width: 37em) {
      .exchange h1 {
        font-size: 1.9em; } }
  .exchange .exchange-header {
    font-size: 25px;
    margin-bottom: 2em;
    border-bottom: 1px solid #f1f2f3; }
  .exchange .exchange-meta {
    display: block; }
    .exchange .exchange-meta span, .exchange .exchange-meta time {
      font-size: 1em;
      font-style: italic;
      margin-right: 10px; }
    .exchange .exchange-meta span, .exchange .exchange-meta time, .exchange .exchange-meta a {
      color: rgba(8, 8, 8, 0.9); }
  .exchange blockquote,
  .exchange .highlight,
  .exchange .disqus {
    margin-left: -10px;
    margin-right: -10px; }
  .exchange .disqus {
    background-color: #f7f8f9;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 10px;
    padding-top: 2em; }
  .exchange .disqus,
  .exchange .highlight pre {
    padding-left: 10px;
    padding-right: 10px; }
  .exchange .highlight pre {
    padding-top: 10px;
    padding-bottom: 10px; }
  .exchange p:last-child {
    margin-bottom: 0; }

.exchange-gen {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px 5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .exchange-gen:hover, .exchange-gen:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .exchange-gen {
      padding: 0 0 0 0; } }

body:not(.single) .exchange {
  padding-bottom: 10px;
  margin-bottom: 4em; }
  body:not(.single) .exchange .exchange-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .exchange .exchange-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .exchange .exchange-header {
    margin-bottom: .5em; }
  body:not(.single) .exchange .exchange-title,
  body:not(.single) .exchange a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .exchange .exchange-title:focus, body:not(.single) .exchange .exchange-title:hover,
    body:not(.single) .exchange a.read-more:focus,
    body:not(.single) .exchange a.read-more:hover {
      color: #0e4ccc; }
body:not(.single) .exchange-gen {
  padding-bottom: 10px;
  margin-bottom: 4em; }
  body:not(.single) .exchange-gen .exchange-gen-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .exchange-gen .exchange-gen-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .exchange-gen .exchange-gen-header {
    margin-bottom: .5em; }
  body:not(.single) .exchange-gen .exchange-gen-title,
  body:not(.single) .exchange-gen a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .exchange-gen .exchange-gen-title:focus, body:not(.single) .exchange-gen .exchange-gen-title:hover,
    body:not(.single) .exchange-gen a.read-more:focus,
    body:not(.single) .exchange-gen a.read-more:hover {
      color: #0e4ccc; }

.exchange-footer {
  position: relative;
  margin: 1.66667em 0 0;
  padding: 2.22222em 0 0;
  border-top: #f1f2f3 1px solid; }
  .exchange-footer h4 {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0; }
  .exchange-footer p {
    margin: 0.55556em 0;
    font-size: 0.875rem; }
  .exchange-footer .author {
    margin-right: 180px; }
  .exchange-footer h4 a {
    color: #2e2e2e;
    text-decoration: none; }
    .exchange-footer h4 a:hover {
      text-decoration: underline; }
  .exchange-footer .share {
    position: absolute;
    width: 7.77778em;
    top: 3.33333em;
    right: 0;
    text-align: center; }
    .exchange-footer .share a {
      font-size: 1.6em;
      display: inline-block;
      margin: 0 .3em 0;
      color: #848484;
      text-decoration: none;
      border: none; }
      .exchange-footer .share a:hover {
        color: rgba(8, 8, 8, 0.9); }
  @media screen and (max-width: 30em) {
    .exchange-footer .author,
    .exchange-footer .share {
      float: none;
      width: 100%;
      position: relative;
      margin: 0;
      text-align: center;
      clear: both; }
    .exchange-footer .share {
      top: auto;
      margin-top: 2.22222em; } }

.exchange_title {
  margin-top: 60px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: #243756; }

.exchange_sub_title {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #243756; }

.dwnld_row, .dwnld_row_win, .dwnld_row_lastbox {
  display: block;
  margin: 0 35px 0 0;
  float: left; }

.dwnld_row {
  width: 155px; }

.dwnld_row_win {
  width: 155px; }

.dwnld_row_lastbox {
  margin-right: 0; }

/*====================================
=            Banner style            =
====================================*/
.blog {
  height: 4em;
  background: url("img/bg-blog.jpg") no-repeat center center scroll;
  background-size: cover;
  line-height: 1.75;
  text-align: center; }
  .blog :last-child {
    margin-bottom: 0; }
  .blog img {
    padding: 0px;
    border: 1px solid rgba(239, 239, 239, 0.3); }
  .blog h2 {
    font-family: "Arial", "Roboto", Helvetica, sans-serif;
    color: #ddd;
    font-size: 1.4em;
    text-transform: none;
    font-weight: 200; }
    .blog h2 strong {
      color: #fff;
      display: block;
      font-weight: 400;
      font-size: 1.2em;
      line-height: 1.35; }
  @media (min-width: 37em) {
    .blog h2 strong {
      margin-top: 4em;
      font-size: 1.6em; } }
  @media (min-width: 80em) {
    .blog h2 {
      font-size: 1.2em; }
      .blog h2 strong {
        font-size: 1.8em; } }

/*====================================
=            Banner style            =
====================================*/
.resources {
  height: 4em;
  background: url("img/bg-resources.jpg") no-repeat center center scroll;
  background-size: cover;
  line-height: 1.75;
  text-align: center; }
  .resources :last-child {
    margin-bottom: 0; }
  .resources img {
    padding: 0px;
    border: 1px solid rgba(239, 239, 239, 0.3); }
  .resources h2 {
    font-family: "Arial", "Roboto", Helvetica, sans-serif;
    color: #ddd;
    font-size: 1.4em;
    text-transform: none;
    font-weight: 200; }
    .resources h2 strong {
      color: #fff;
      display: block;
      font-weight: 400;
      font-size: 1.2em;
      line-height: 1.35; }
  @media (min-width: 37em) {
    .resources h2 strong {
      margin-top: 4em;
      font-size: 1.6em; } }
  @media (min-width: 80em) {
    .resources h2 {
      font-size: 1.2em; }
      .resources h2 strong {
        font-size: 1.8em; } }

.page {
  background-color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding: 10px 5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .page:hover, .page:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .page {
      padding: 10px 10px 0; } }
  .page img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em; }
  .page h1 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: .5em; }
    @media (min-width: 37em) {
      .page h1 {
        font-size: 1.9em; } }
  .page .page-header {
    font-size: 25px;
    margin-bottom: 2em;
    border-bottom: 1px solid #f1f2f3; }
  .page .page-meta {
    display: block; }
    .page .page-meta span, .page .page-meta time {
      font-size: 1em;
      font-style: italic;
      margin-right: 10px; }
    .page .page-meta span, .page .page-meta time, .page .page-meta a {
      color: rgba(8, 8, 8, 0.9); }
  .page blockquote,
  .page .highlight,
  .page .disqus {
    margin-left: -10px;
    margin-right: -10px; }
  .page .disqus {
    background-color: #f7f8f9;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 10px;
    padding-top: 2em; }
  .page .disqus,
  .page .highlight pre {
    padding-left: 10px;
    padding-right: 10px; }
  .page .highlight pre {
    padding-top: 10px;
    padding-bottom: 10px; }
  .page p:last-child {
    margin-bottom: 0; }

.page-gen {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px 5px 0;
  cursor: pointer;
  float: left;
  color: #1d62f0;
  margin-left: 20px; }
  .page-gen:hover, .page-gen:active {
    background-color: rgba(76, 217, 0, 0.1);
    text-decoration: underline; }
  @media (min-width: 37em) {
    .page-gen {
      padding: 0 0 0 0; } }

body:not(.single) .page {
  padding-bottom: 10px;
  margin-bottom: 4em; }
  body:not(.single) .page .page-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .page .page-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .page .page-header {
    margin-bottom: .5em; }
  body:not(.single) .page .page-title,
  body:not(.single) .page a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .page .page-title:focus, body:not(.single) .page .page-title:hover,
    body:not(.single) .page a.read-more:focus,
    body:not(.single) .page a.read-more:hover {
      color: #0e4ccc; }
body:not(.single) .page-gen {
  padding-bottom: 10px;
  margin-bottom: 4em; }
  body:not(.single) .page-gen .page-gen-title {
    font-size: 1.375rem;
    margin-bottom: .2em; }
    @media (min-width: 37em) {
      body:not(.single) .page-gen .page-gen-title {
        font-size: 1.875rem;
        line-height: 1.4; } }
  body:not(.single) .page-gen .page-gen-header {
    margin-bottom: .5em; }
  body:not(.single) .page-gen .page-gen-title,
  body:not(.single) .page-gen a.read-more {
    text-decoration: none;
    color: rgba(8, 8, 8, 0.9); }
    body:not(.single) .page-gen .page-gen-title:focus, body:not(.single) .page-gen .page-gen-title:hover,
    body:not(.single) .page-gen a.read-more:focus,
    body:not(.single) .page-gen a.read-more:hover {
      color: #0e4ccc; }

.page-footer {
  position: relative;
  margin: 1.66667em 0 0;
  padding: 2.22222em 0 0;
  border-top: #f1f2f3 1px solid; }
  .page-footer h4 {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0; }
  .page-footer p {
    margin: 0.55556em 0;
    font-size: 0.875rem; }
  .page-footer .author {
    margin-right: 180px; }
  .page-footer h4 a {
    color: #2e2e2e;
    text-decoration: none; }
    .page-footer h4 a:hover {
      text-decoration: underline; }
  .page-footer .share {
    position: absolute;
    width: 7.77778em;
    top: 3.33333em;
    right: 0;
    text-align: center; }
    .page-footer .share a {
      font-size: 1.6em;
      display: inline-block;
      margin: 0 .3em 0;
      color: #848484;
      text-decoration: none;
      border: none; }
      .page-footer .share a:hover {
        color: rgba(8, 8, 8, 0.9); }
  @media screen and (max-width: 30em) {
    .page-footer .author,
    .page-footer .share {
      float: none;
      width: 100%;
      position: relative;
      margin: 0;
      text-align: center;
      clear: both; }
    .page-footer .share {
      top: auto;
      margin-top: 2.22222em; } }

.page-gen-title {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 18px;
  color: #243756; }

.page-title {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: #243756; }

.page-sub-title {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 15px;
  color: #243756;
  text-decoration: underline; }

.page-default-margin {
  margin-left: 20px; }

.page-default-margin-2 {
  margin-left: 55px; }

.page-row, .page-row-lastbox {
  display: block;
  margin: 0 35px 0 0;
  float: left; }

.page-row {
  width: 155px; }

.page-row-lastbox {
  width: 155px;
  margin-right: 0; }

.about {
  position: relative;
  width: 100%;
  padding: 60px 0; }

.about-title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 32px;
  text-align: center; }

.about-text {
  margin-bottom: 20px;
  color: #243756;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  text-align: left; }

.container2 {
  position: relative;
  width: 100%; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0; }

.clear {
  display: block;
  clear: both; }

.one_quarter, .two_quarter, .three_quarter, .four_quarter {
  display: block;
  float: left;
  margin: 0 20px 0 0; }

.one_quarter {
  width: 225px; }

.two_quarter {
  width: 470px; }

.three_quarter {
  width: 715px; }

.four_quarter {
  width: 960px;
  float: none;
  margin-right: 0;
  clear: both; }

.one_third, .two_third, .three_third, .one_fifth {
  display: block;
  float: left;
  margin: 0 0 0 0; }

.one_third {
  width: 200px; }

.two_third {
  width: 630px; }

.three_third {
  width: 960px;
  float: none;
  margin-right: 0;
  clear: both; }

.one_fifth {
  width: 160px; }

.lastbox {
  margin-right: 0; }

/* ----------------------------------------------Wrapper-------------------------------------*/
div.wrapper2 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left; }

#container2 {
  padding: 30px 0; }

#container2 section {
  display: block;
  width: 100%;
  margin: 0 0 50px 0;
  padding: 0; }

#container2 .last {
  margin: 0; }

#container2 .more {
  text-align: right; }

#container2 #content {
  display: block;
  width: 100%;
  line-height: 1.5em; }

#container2 #content article h2 {
  font-size: 1.75em;
  line-height: 1.5em; }

#container2 #content article h3 {
  font-size: 15px;
  margin-bottom: 15px; }

#container2 #content article p {
  margin: 0;
  padding: 0px; }

#container2 #content article img {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0px 10px 10px 0;
  padding: 4px;
  border: 1px solid #DEDEDE; }

#container2 #content article footer {
  margin: 10px 0 0 0; }

.blue-color {
  color: #1d62f0; }

.green-color {
  color: #4cd900; }

.red-color {
  color: #f32853; }

.black-color {
  color: #243756; }

.dark-blue-color {
  color: #164dbc; }

.dark-red-color {
  color: #d62248; }

.block_table {
  content: " ";
  display: table;
  margin-left: 20px;
  margin-right: 20px; }

.text-font-12px, .text-font-13px, .text-font-14px, .text-font-15px, .text-font-16px {
  color: #243756; }

.text-font-12px {
  font-size: 12px; }

.text-font-13px {
  font-size: 13px; }

.text-font-14px {
  font-size: 14px; }

.text-font-15px {
  font-size: 15px; }

.text-font-16px {
  font-size: 16px; }

.text-gen-font-12px {
  font-size: 12px; }

.text-gen-font-13px {
  font-size: 13px; }

.text-gen-font-14px {
  font-size: 14px; }

.text-gen-font-15px {
  font-size: 15px; }

.text-gen-font-16px {
  font-size: 16px; }

.text-font-title2 {
  font-size: 28px;
  font-family: Arial; }

.text-font-mono {
  font-size: 12px;
  font-family: "Droid Sans Mono"; }

p {
  margin: 0 0 0.8em 0; }

.text-uppercase {
  text-transform: uppercase; }

.link {
  margin-top: 3px;
  margin-bottom: 3px; }

.txt-indent {
  text-indent: 1em; }

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-search:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }