/* ------------------------------------------------------------------------------ */
/* scottschecter.com */
/* Created date: Nov 18, 2014 */
/* Last updated: Nov 21, 2014 */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* TABLE OFF CONTENT
  1. GLOBAL CSS
  2. TYPOGRAPHY
  3. UTILITY CLASS
  4. GRIDS SYSTEM 5.3.3
  5. UI
*/

/* ------------------------------------------------------------------------------ */
/* 1. GLOBAL CSS */
/* ------------------------------------------------------------------------------ */

/* NOTE: Set box-sizing globally to handle padding and border widths to pushing into the actual width (support in IE8 up) */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  font-size: 100%; /* Set font size to default browser font-size (typically 16px) */
}

body {
  position: relative;
  cursor: default;
  color: #f4f4f4;
  font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-size: 15px; font-size: 0.9375rem;
  font-weight: normal;
  font-style: normal;
  /*line-height: 150%;  Note: Set to $base-line-height to take on browser default of 150% */
  line-height: 1.8;
  letter-spacing: 0.5px;
  padding: 0;
  margin: 0;
  background-color: #383963;
}


/* ------------------------------------------------------------------------------ */
/* 2. TYPOGRAPHY */
/* ------------------------------------------------------------------------------ */

/* Typography resets
-------------------------------------------------------- */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* Default header styles
-------------------------------------------------------- */
h1, h2, h3, h4, h5 {
  line-height: 1;
  letter-spacing: 1px;
}

h1, h2, h3, h4 {
  color: #f4f4f4;
  text-rendering: optimizeLegibility;
  margin-bottom: 20px;
}

h1, h2 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

}

/* Header styles for small screen */
h1 { font-size: 40px; font-size: 2.5rem; font-weight: 300; }
h2 { font-size: 30px; font-size: 1.875rem; font-weight: 300; }
h3 { font-size: 26px; font-size: 1.625rem; font-weight: 300; }
h4 { font-size: 20px;  font-weight: 400; }
h5 { font-size: 18px; font-size: 1.125rem; font-weight: bold; }
h6 { font-size: 14px; font-size: 0.875rem; font-weight: bold; }

/* Header styles for default screen */
@media only screen and (min-width: 40.063em) {
  h1 { font-size: 50px; font-size: 3.125rem; font-weight: 300; }
  h2 { font-size: 37px; font-size: 2.3125rem; font-weight: 300; }
  h3 { font-size: 27px; font-size: 1.6875rem; font-weight: 300; }
  h4 { font-size: 23px; font-size: 1.4375rem; font-weight: 400; }
  h5 { font-size: 18px; font-size: 1.125rem; font-weight: bold; }
  h6 { font-size: 14px; font-size: 0.875rem; font-weight: bold;}
}

p + h1 { margin-top: 45px; }
p + h2 { margin-top: 45px; }
p + h3 { margin-top: 45px; }

p.last {
  margin-bottom: 0;
}

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

/* Default Link Styles
-------------------------------------------------------- */
a {
  color: #fdc93e;
  text-decoration: none;
  line-height: inherit;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  outline: none;
}

a:hover, a:focus, a:visited {
  cursor: pointer;
  color: #fdc93e;
}

/* Text Highlights
-------------------------------------------------------- */
::selection {
  color: #f4f4f4;
  background: #46477d; /* WebKit/Blink Browsers */
}
::-moz-selection {
  color: #f4f4f4;
  background: #46477d; /* Gecko Browsers */
}

/* Image
-------------------------------------------------------- */
/* NOTE: Grid Defaults to get images to work properly */
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: none;
  -ms-interpolation-mode: bicubic; /* Fix resizing images dimensions issue in IE */
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

/* Default paragraph styles
-------------------------------------------------------- */
p {
  margin-bottom: 20px; margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 1.21875rem; /* 19.5px */
  line-height: 1.6;
}

/* Default Horizontal Rule styles
-------------------------------------------------------- */
hr {
  border: solid #fff;
  border-width: 1px 0 0;
  clear: both;
  margin: 40px 0 40px;
  height: 0;
  opacity: 0.3;
}

/* Helpful Typography Defaults
-------------------------------------------------------- */
em, i {
  font-style: italic;
  line-height: inherit;
}

strong, b {
  font-weight: bold;
  line-height: inherit;
}

small {
  display: inline-block;
  font-size: 75%;
  line-height: 1.4;
}

code {
  color: #222;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 13px; font-size: 0.8125rem;
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #ccc;
  background-color: #eee;
}

kbd, .keystroke {
  color: #222222;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  border: 1px solid #dddddd;
  background-color: #ededed;
  border-radius: 3px;
}

/* Lists
-------------------------------------------------------- */
ul, ol, dl {
  font-family: inherit;
  list-style-position: outside;
  margin-bottom: 1.25rem;
}

ul {
  margin-left: 1.1rem;
}

ul.no-bullet {
  margin-left: 0;
}

ul.no-bullet li ul,
ul.no-bullet li ol {
  list-style: none;
  margin-left: 1.25rem;
  margin-bottom: 0;
}

ul li, ol li {
  line-height: 1.2;
  margin-bottom: 15px;
}

ul li p {
  line-height: 1.6;
}

/* Unordered Lists
-------------------------------------------------------- */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}

ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}

ul.no-bullet {
  list-style: none;
}

/* Ordered Lists
-------------------------------------------------------- */
ol {
  margin-left: 1.4rem;
}

ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

/* Definition Lists
-------------------------------------------------------- */
dl dt {
  font-weight: bold;
  margin-bottom: 0.3rem;
}

dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations
-------------------------------------------------------- */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes
-------------------------------------------------------- */
blockquote {
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  margin: 0 0 1.25rem;
  border-left: 1px solid #dddddd;
}

blockquote cite {
  display: block;
  color: #555555;
  /*font-size: 0.8125rem; */
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
  color: #555555;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}

/* TYPOGRAPHY: Label
-------------------------------------------------------- */
.label {
  display: inline-block;
  position: relative;
  color: white;
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.375rem;
  margin-bottom: inherit;
  background-color: #008cba;
}

.label.radius {
  border-radius: 3px;
}

.label.round {
  border-radius: 1000px;
}

.label.alert {
  color: white;
  background-color: #f04124;
}

.label.warning {
  color: white;
  background-color: #f08a24;
}

.label.success {
  color: white;
  background-color: #43ac6a;
}

.label.secondary {
  color: #333333;
  background-color: #e7e7e7;
}

/* TYPOGRAPHY: Print styles
-------------------------------------------------------- */
/*
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .hide-on-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: inherit !important;
  }
}


/* ------------------------------------------------------------------------------ */
/* 3. UTILITY CLASS */
/* ------------------------------------------------------------------------------ */

/* Float Class
-------------------------------------------------------- */
.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* Hide Class
-------------------------------------------------------- */
.hide {
  display: none;
}

/* Antialiased
-------------------------------------------------------- */
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Text Alignment Class
-------------------------------------------------------- */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }

/* Padding & Margin
-------------------------------------------------------- */
.-no-padding {
  padding: 0px !important;
}
.-mb-15 {
  margin-bottom: 15px !important;
}
.-no-margin {
  margin: 0px !important;
}
/* Border
-------------------------------------------------------- */
.-no-border {
  border: none !important;
}

/* ------------------------------------------------------------------------------ */
/* 4. GRIDS SYSTEM 5.3.3 */
/* ------------------------------------------------------------------------------ */
.row {
  width: 100%;
  max-width: 62.5rem;  /* CHANGE site width here (62.5 x 10 = 1000px) */
  margin: 0 auto; /* Centered the site */
}

  .row:before, .row:after {
    content: " ";
    display: table;
  }

  .row:after {
    clear: both;
  }

  /* NOTE: > for immediate children */
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row .row {
    width: auto;
    max-width: none;
    margin: 0 -25px; /* remove extra padding for inner row -25px */
  }

    .row .row:before, .row .row:after {
      content: " ";
      display: table;
    }

    .row .row:after {
      clear: both;
    }

    .row .row.collapse {
      width: auto;
      max-width: none;
      margin: 0;
    }
      .row .row.collapse:before,
      .row .row.collapse:after {
        content: " ";
        display: table;
      }

      .row .row.collapse:after {
        clear: both;
      }

.column,
.columns {
  float: left;
  width: 100%;
  padding-left: 25px;  /* CHANGE padding for colum here */
  padding-right: 25px; /* CHANGE padding for colum here */
}

[class*="column"] + [class*="column"]:last-child {
  float: right;
}

[class*="column"] + [class*="column"].end {
  float: left;
}


@media only screen {
  .small-push-0 { position: relative; left: 0%; right: auto; }
  .small-pull-0 { position: relative; right: 0%; left: auto; }
  .small-push-1 { position: relative; left: 8.33333%; right: auto; }
  .small-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .small-push-2 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .small-push-3 { position: relative; left: 25%; right: auto; }
  .small-pull-3 { position: relative; right: 25%; left: auto; }
  .small-push-4 { position: relative; left: 33.33333%; right: auto; }
  .small-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .small-push-5 { position: relative; left: 41.66667%; right: auto; }
  .small-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .small-push-6 { position: relative; left: 50%; right: auto; }
  .small-pull-6 { position: relative; right: 50%; left: auto; }
  .small-push-7 { position: relative; left: 58.33333%; right: auto; }
  .small-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .small-push-8 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .small-push-9 { position: relative; left: 75%; right: auto; }
  .small-pull-9 { position: relative; right: 75%; left: auto; }
  .small-push-10 { position: relative; left: 83.33333%; right: auto; }
  .small-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .small-push-11 { position: relative; left: 91.66667%; right: auto; }
  .small-pull-11 { position: relative; right: 91.66667%; left: auto; }

  .column, .columns { position: relative; padding-left: 25px; padding-right: 25px;  float: left; }

  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }

  .small-offset-0 { margin-left: 0% !important; }
  .small-offset-1 { margin-left: 8.33333% !important; }
  .small-offset-2 { margin-left: 16.66667% !important; }
  .small-offset-3 { margin-left: 25% !important; }
  .small-offset-4 { margin-left: 33.33333% !important; }
  .small-offset-5 { margin-left: 41.66667% !important; }
  .small-offset-6 { margin-left: 50% !important; }
  .small-offset-7 { margin-left: 58.33333% !important; }
  .small-offset-8 { margin-left: 66.66667% !important; }
  .small-offset-9 { margin-left: 75% !important; }
  .small-offset-10 { margin-left: 83.33333% !important; }
  .small-offset-11 { margin-left: 91.66667% !important; }

  .small-reset-order { left: auto; right: auto; float: left; margin-left: 0; margin-right: 0; }

  .column.small-centered, .columns.small-centered { float: none; margin-left: auto; margin-right: auto; }
  .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.small-centered:last-child, .columns.small-centered:last-child { float: none; }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; }
}


@media only screen and (min-width: 40.063em) {
  .medium-push-0 { position: relative; left: 0%; right: auto; }
  .medium-pull-0 { position: relative; right: 0%; left: auto; }
  .medium-push-1 { position: relative; left: 8.33333%; right: auto; }
  .medium-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .medium-push-2 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .medium-push-3 { position: relative; left: 25%; right: auto; }
  .medium-pull-3 { position: relative; right: 25%; left: auto; }
  .medium-push-4 { position: relative; left: 33.33333%; right: auto; }
  .medium-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-5 { position: relative; left: 41.66667%; right: auto; }
  .medium-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .medium-push-6 { position: relative; left: 50%; right: auto; }
  .medium-pull-6 { position: relative; right: 50%; left: auto; }
  .medium-push-7 { position: relative; left: 58.33333%; right: auto; }
  .medium-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .medium-push-8 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .medium-push-9 { position: relative; left: 75%; right: auto; }
  .medium-pull-9 { position: relative; right: 75%; left: auto; }
  .medium-push-10 { position: relative; left: 83.33333%; right: auto; }
  .medium-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-11 { position: relative; left: 91.66667%; right: auto; }
  .medium-pull-11 { position: relative; right: 91.66667%; left: auto; }

  .column, .columns { position: relative; float: left; padding-left: 25px; padding-right: 25px;  }

  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }

  .medium-offset-0 { margin-left: 0% !important; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
  .medium-offset-2 { margin-left: 16.66667% !important; }
  .medium-offset-3 { margin-left: 25% !important; }
  .medium-offset-4 { margin-left: 33.33333% !important; }
  .medium-offset-5 { margin-left: 41.66667% !important; }
  .medium-offset-6 { margin-left: 50% !important; }
  .medium-offset-7 { margin-left: 58.33333% !important; }
  .medium-offset-8 { margin-left: 66.66667% !important; }
  .medium-offset-9 { margin-left: 75% !important; }
  .medium-offset-10 { margin-left: 83.33333% !important; }
  .medium-offset-11 { margin-left: 91.66667% !important; }

  .medium-reset-order { left: auto; right: auto; float: left; margin-left: 0; margin-right: 0; }

  .column.medium-centered, .columns.medium-centered { float: none; margin-left: auto; margin-right: auto; }
  .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; }

  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
}


@media only screen and (min-width: 64.063em) {
  .large-push-0 { position: relative; left: 0%; right: auto; }
  .large-pull-0 { position: relative; right: 0%; left: auto; }
  .large-push-1 { position: relative; left: 8.33333%; right: auto; }
  .large-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .large-push-2 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .large-push-3 { position: relative; left: 25%; right: auto; }
  .large-pull-3 { position: relative; right: 25%; left: auto; }
  .large-push-4 { position: relative; left: 33.33333%; right: auto; }
  .large-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .large-push-5 { position: relative; left: 41.66667%; right: auto; }
  .large-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .large-push-6 { position: relative; left: 50%; right: auto; }
  .large-pull-6 { position: relative; right: 50%; left: auto; }
  .large-push-7 { position: relative; left: 58.33333%; right: auto; }
  .large-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .large-push-8 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .large-push-9 { position: relative; left: 75%; right: auto; }
  .large-pull-9 { position: relative; right: 75%; left: auto; }
  .large-push-10 { position: relative; left: 83.33333%; right: auto; }
  .large-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .large-push-11 { position: relative; left: 91.66667%; right: auto; }
  .large-pull-11 { position: relative; right: 91.66667%; left: auto; }

  .column, .columns { position: relative; float: left; padding-left: 25px; padding-right: 25px;  }

  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }

  .large-offset-0 { margin-left: 0% !important; }
  .large-offset-1 { margin-left: 8.33333% !important; }
  .large-offset-2 { margin-left: 16.66667% !important; }
  .large-offset-3 { margin-left: 25% !important; }
  .large-offset-4 { margin-left: 33.33333% !important; }
  .large-offset-5 { margin-left: 41.66667% !important; }
  .large-offset-6 { margin-left: 50% !important; }
  .large-offset-7 { margin-left: 58.33333% !important; }
  .large-offset-8 { margin-left: 66.66667% !important; }
  .large-offset-9 { margin-left: 75% !important; }
  .large-offset-10 { margin-left: 83.33333% !important; }
  .large-offset-11 { margin-left: 91.66667% !important; }

  .large-reset-order { left: auto; right: auto; float: left; margin-left: 0; margin-right: 0; }

  .column.large-centered, .columns.large-centered { float: none; margin-left: auto; margin-right: auto; }
  .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.large-centered:last-child, .columns.large-centered:last-child { float: none; }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; }

  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
}


/* ------------------------------------------------------------------------------ */
/* 5. UI */
/* ------------------------------------------------------------------------------ */

/* Homepage
-------------------------------------------------------- */
.screen-1 {
  height: 1400px;
  padding-top: 100px;
  padding-bottom: 40px;
  background: url("../images/bg_home.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-logo {
  margin-bottom: 50px;
}

.screen-1 h5 {
  line-height: 1.4;
  font-weight: 200;
}

/* Icon list */
.inline-list {
  overflow: hidden;
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 -20px;
}

.inline-list > li {
  display: block;
  float: left;
  list-style: none;
  margin-left: 20px;
  margin-bottom: 0;
}

.inline-list > li > * {
  display: block;
}

/* Icon Link */
a.icon-link {
  display: inline-block;
  width: 65px;
  height: 80px;
}

a.icon-link span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-top: 48px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.icon-link:hover span {
  opacity: 1;
}

a.icon-about {
  background: url("../images/icon_about1.png") no-repeat top center;
}

a:hover.icon-about {
  background: url("../images/icon_about2.png") no-repeat top center;
}

a.icon-resume {
  background: url("../images/icon_resume1.png") no-repeat top center;
}

a:hover.icon-resume {
  background: url("../images/icon_resume2.png") no-repeat top center;
}

a.icon-contact {
  background: url("../images/icon_contact1.png") no-repeat top center;
}

a:hover.icon-contact {
  background: url("../images/icon_contact2.png") no-repeat top center;
}

a.icon-sc {
  background: url("../images/icon_sc1.png") no-repeat top center;
}

a:hover.icon-sc {
  background: url("../images/icon_sc2.png") no-repeat top center;
}

a.icon-linkedin {
  background: url("../images/icon_linkedin1.png") no-repeat top center;
}

a:hover.icon-linkedin {
  background: url("../images/icon_linkedin2.png") no-repeat top center;
}

a.icon-top {
  background: url("../images/icon_top1.png") no-repeat top center;
}

a:hover.icon-top {
  background: url("../images/icon_top2.png") no-repeat top center;
}

a.icon-top-alt {
  background: url("../images/icon_top3.png") no-repeat top center;
}

a:hover.icon-top-alt {
  background: url("../images/icon_top2.png") no-repeat top center;
}

@media all and (max-width: 480px) {
  .screen-1 {
    height: auto;
    padding-top: 50px;
  }

  a.icon-link, a.icon-link:hover, a.icon-visitee {
    width: 40px;
    height: 40px;
    background-size: 32px;
  }

  a.icon-link span {
    font-size: 12px;
    margin-top: 38px;
  }
}

/* About
-------------------------------------------------------- */
.screen-2 {
  height: 1400px;
  padding-top: 120px;
  padding-bottom: 40px;
  background: url("../images/bg_about.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media all and (max-width: 480px) {
  .screen-2 {
    height: auto;
    padding-top: 80px;
  }

  .screen-2 h2 {
    text-align: center;
  }

}

/* Resume
-------------------------------------------------------- */
.screen-3 {
  color: #444;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #fff url("../images/bg_resume.png") repeat center center fixed;
}

.resume h2, .resume h4, .resume h5, .resume h6 {
  color: #444;
  line-height: 1.3;
}

.resume h6 {
  margin-bottom: 15px;
}

.resume ul {
  margin: 0px 0 30px 0;
}
.resume ul li {
  padding-bottom: 7px;
  margin-top: 0px;
  margin-bottom: 12px;
  border-bottom: solid 1px #ccc;
}

.profile h5 {
  font-weight: normal;
  line-height: 1.6;
}

.section {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid 1px #ccc;
}

@media all and (max-width: 480px) {
  .screen-3 {
    height: auto;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .screen-3 h2, .screen-3 h4 {
    font-weight: bold;
  }

  .screen-3 h2, .screen-3 h4 {
    text-align: center;
  }

  .screen-3 .text-right {
    text-align: center !important;
  }

  .screen-3 .experience h5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .resume .right {
    float: none !important;
  }
}

/* Contact
-------------------------------------------------------- */
.screen-4 {
  height: 1300px;
  padding-top: 200px;
  background: url("../images/bg_home.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media all and (max-width: 480px) {
  .screen-4 {
    height: auto;
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

/* Sticky Navigation
-------------------------------------------------------- */
#sticky_navigation {
  width:100%;
}

.sticky-logo {
  display: none;
}

.sticky-menu-top {
  z-index: 100;
  opacity: 0.9;
  padding: 15px 10px 2px 10px;
  background-color: #242540;
}

.sticky-menu-top ul {
  float: right;
  margin: 15px 0 0 0;
}

.sticky-menu-top .inline-list > li {
  margin-left: 15px;
}

.sticky-menu-top a.icon-link {
  width: 45px;
  height: 40px;
  background-size: 30px;
}

.sticky-menu-top a.icon-link span {
  font-size: 11px;
  margin-top: 36px;
}

.sticky-menu-top .sticky-logo {
  display: inline-block;
  float: left;
  width: 50px;
  margin: 8px;
}

.sticky-menu-top .sticky-logo img{
  width: 50px;
}

@media all and (max-width: 480px) {
  .sticky-menu-top ul {
    float: right;
    margin: 10px 0 0 0;
  }

  .sticky-menu-top .sticky-logo {
    margin-top: 10px;
    margin-left: 3px;
  }

  .sticky-menu-top .sticky-logo img {
    width: 40px;
  }

  .sticky-menu-top a.icon-link {
    width: 40px;
    height: 30px;
    background-size: 30px;
  }

  .sticky-menu-top a.icon-link span {
    font-size: 10px;
    margin-top: 30px;
  }
}