* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }

.main-area {
  *zoom: 1;
  display: block;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  .main-area:before, .main-area:after {
    content: " ";
    display: table; }
  .main-area:after {
    clear: both; }
  .main-area:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .main-area {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      .main-area:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .main-area {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      .main-area:last-child {
        margin-right: 0; } }

.content {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 74.41059%;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 15px;
  background: #fefcf9;
  box-shadow: inset 0 0 10px 5px #f3f3f3; }
  .content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .content {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      .content:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .content {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      .content:last-child {
        margin-right: 0; } }
  .content pre {
    background-color: #f6f4f1;
    border: 1px solid #727475;
    border-radius: 2px;
    padding: 10px;
    overflow: scroll; }
  .content blockquote {
    background-color: #f6f4f1;
    border: 1px solid #727475;
    border-radius: 2px;
    padding: 10px;
    overflow: scroll;
    font-style: italic; }
  .content img {
    max-width: 100%; }

.side-nav {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 23.23176%;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 15px;
  background: #fefcf9;
  box-shadow: inset 0 0 10px 5px #f3f3f3; }
  .side-nav:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .side-nav {
      *zoom: 1;
      display: block;
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 134.38948%;
      margin-top: 10px; }
      .side-nav:before, .side-nav:after {
        content: " ";
        display: table; }
      .side-nav:after {
        clear: both; }
      .side-nav:last-child {
        margin-right: 0; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      .side-nav {
        display: block;
        float: left;
        margin-right: 3.16844%;
        width: 100%; }
        .side-nav:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      .side-nav {
        display: block;
        float: left;
        margin-right: 4.82916%;
        width: 100%; }
        .side-nav:last-child {
          margin-right: 0; } }
  .side-nav .section .section-title {
    font-weight: 600;
    margin-bottom: 5px; }
  .side-nav .nav-list {
    list-style: none;
    padding-left: 10px;
    margin: 0; }

.navbar-container {
  *zoom: 1;
  display: block;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  height: 52px; }
  .navbar-container:before, .navbar-container:after {
    content: " ";
    display: table; }
  .navbar-container:after {
    clear: both; }
  .navbar-container:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .navbar-container {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      .navbar-container:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .navbar-container {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      .navbar-container:last-child {
        margin-right: 0; } }

.navbar {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  background: #3e3e3e;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden; }
  .navbar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .navbar {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      .navbar:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .navbar {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      .navbar:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .navbar {
      position: fixed;
      top: 0;
      max-width: 68em; } }
  .affix .navbar {
    position: fixed;
    top: 0;
    max-width: 68em; }
  @media screen and (max-width: 768px) {
    .navbar {
      max-width: none;
      right: 8px;
      left: 8px; } }
  @media screen and (max-width: 480px) {
    .navbar {
      width: auto; } }
  .navbar a {
    color: #f6f4f1; }
    .navbar a:hover {
      color: #fefcf9; }
    .navbar a.active {
      color: #fefcf9; }
  .navbar .navlist {
    display: inline-block;
    list-style: none outside;
    margin: 0;
    padding-left: 0; }
    .navbar .navlist .navbar-item, .navbar .navlist .navbar-title {
      display: inline;
      margin-left: 30px; }
      .navbar .navlist .navbar-item:first-child, .navbar .navlist .navbar-title:first-child {
        margin-left: 15px; }
    @media screen and (max-width: 480px) {
      .navbar .navlist {
        *zoom: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 12px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #717171;
        height: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-transition-property: height, padding-top, padding-bottom;
        -moz-transition-property: height, padding-top, padding-bottom;
        transition-property: height, padding-top, padding-bottom;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
        .navbar .navlist:before, .navbar .navlist:after {
          content: " ";
          display: table; }
        .navbar .navlist:after {
          clear: both; }
        .navbar .navlist .navbar-item {
          display: list-item;
          text-align: right; }
        .navbar .navlist.menu-shown {
          height: 86px;
          padding-top: 10px;
          padding-bottom: 10px; } }
  .navbar .navbar-title {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 15px;
    background: #fefcf9;
    box-shadow: inset 0 0 10px 5px #f3f3f3;
    margin-left: -178px;
    padding: 4px 15px;
    font-weight: 600; }
    .navbar .navbar-title a {
      color: #0c0c10; }
      .navbar .navbar-title a:hover {
        color: #0c0c10; }
      .navbar .navbar-title a.active {
        color: #0c0c10; }
    @media screen and (min-width: 769px) {
      .navbar .navbar-title {
        -webkit-transition-property: margin-left;
        -moz-transition-property: margin-left;
        transition-property: margin-left;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out; } }
    @media screen and (max-width: 768px) {
      .navbar .navbar-title {
        margin-left: 0; } }
    .affix .navbar .navbar-title {
      margin-left: 0; }
  .navbar .navbar-menu {
    display: none; }
    @media screen and (max-width: 480px) {
      .navbar .navbar-menu {
        float: right;
        display: inline-block;
        margin-top: -4px;
        max-height: 22px;
        min-width: 22px;
        color: #fefcf9;
        font-weight: 800;
        font-size: 16pt;
        cursor: pointer; } }

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #3e3e3e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(50%, #727475), color-stop(100%, #3e3e3e));
  background-image: -webkit-linear-gradient(-360deg, #3e3e3e, #727475, #3e3e3e);
  background-image: linear-gradient(90deg,#3e3e3e, #727475, #3e3e3e);
  color: #0c0c10;
  margin: 8; }

a {
  color: #538ea4;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.heading {
  *zoom: 1;
  display: block;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 15px;
  background: #0c0c10;
  box-shadow: inset 0 0 10px 5px rgba(12, 12, 16, 0.2);
  color: #fefcf9;
  text-shadow: 0 0 5px rgba(12, 12, 16, 0.2);
  padding-left: 60px; }
  .heading:before, .heading:after {
    content: " ";
    display: table; }
  .heading:after {
    clear: both; }
  .heading:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .heading {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      .heading:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .heading {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      .heading:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .heading {
      background-image: url("/img/international-style-header.jpeg");
      background-size: cover; } }
  .heading .title {
    font-size: 4em;
    font-weight: 800;
    margin-bottom: 10px; }
  .heading .subtitle {
    font-size: 1.5em;
    font-style: italic;
    margin-top: 0px; }
  @media screen and (max-width: 768px) {
    .heading {
      display: none; } }

footer {
  *zoom: 1;
  display: block;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-top: 10px;
  color: #fefcf9; }
  footer:before, footer:after {
    content: " ";
    display: table; }
  footer:after {
    clear: both; }
  footer:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    footer {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      footer:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    footer {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      footer:last-child {
        margin-right: 0; } }
  footer a {
    color: #f1cfaa; }

.page-header {
  border-bottom: 1px solid #727475; }
  .page-header h1 {
    font-size: 2.25em;
    margin-bottom: 10px; }
    .page-header h1 small {
      display: block;
      color: rgba(12, 12, 16, 0.7);
      font-size: 0.5em;
      font-weight: 400;
      margin-top: 5px;
      margin-left: 0px; }