/*  Font Awesome

    the iconic font designed for use with Twitter Bootstrap

    -------------------------------------------------------

    The full suite of pictographic icons, examples, and documentation

    can be found at: http://fortawesome.github.com/Font-Awesome/



    License

    -------------------------------------------------------

    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:

    http://creativecommons.org/licenses/by/3.0/ A mention of

    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable

    source code is considered acceptable attribution (most common on the web).

    If human readable source code is not available to the end user, a mention in

    an 'About' or 'Credits' screen is considered acceptable (most common in desktop

    or mobile software).



    Contact

    -------------------------------------------------------

    Email: dave@davegandy.com

    Twitter: http://twitter.com/fortaweso_me

    Work: Lead Product Designer @ http://kyruus.com



    */

@font-face {

  font-family: "FontAwesome";

  src: url('font/fontawesome-webfont.eot');

  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');

  font-weight: normal;

  font-style: normal;

}



/*  Font Awesome styles

    ------------------------------------------------------- */

[class^="icon-"]:before,

[class*=" icon-"]:before {

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  display: inline-block;

  text-decoration: inherit;

}



a [class^="icon-"],

a [class*=" icon-"] {

  display: inline-block;

  text-decoration: inherit;

}



/* makes the font 33% larger relative to the icon container */

.icon-large:before {

  vertical-align: middle;

  font-size: 4/3em;

}



.btn [class^="icon-"],

.btn [class*=" icon-"], .nav-tabs [class^="icon-"],

.nav-tabs [class*=" icon-"] {

  /* keeps button heights with and without icons the same */

  line-height: .9em;

}



li [class^="icon-"],

li [class*=" icon-"] {

  display: inline-block;

  width: 1.25em;

  text-align: center;

}

li .icon-large:before,

li .icon-large:before {

  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;

}



ul.icons {

  list-style-type: none;

  margin-left: 2em;

  text-indent: -0.8em;

}

ul.icons li [class^="icon-"],

ul.icons li [class*=" icon-"] {

  width: .8em;

}

ul.icons li .icon-large:before,

ul.icons li .icon-large:before {

  /* 1.5 increased font size for icon-large * 1.25 width */

  vertical-align: initial;

}



/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen

    readers do not read off random characters that represent icons */

.icon-glass:before {

  content: "\f000";

}



.icon-music:before {

  content: "\f001";

}



.icon-search:before {

  content: "\f002";

}



.icon-envelope:before {

  content: "\f003";

}



.icon-heart:before {

  content: "\f004";

}



.icon-star:before {

  content: "\f005";

}



.icon-star-empty:before {

  content: "\f006";

}



.icon-user:before {

  content: "\f007";

}



.icon-film:before {

  content: "\f008";

}



.icon-th-large:before {

  content: "\f009";

}



.icon-th:before {

  content: "\f00a";

}



.icon-th-list:before {

  content: "\f00b";

}



.icon-ok:before {

  content: "\f00c";

}



.icon-remove:before {

  content: "\f00d";

}



.icon-zoom-in:before {

  content: "\f00e";

}



.icon-zoom-out:before {

  content: "\f010";

}



.icon-off:before {

  content: "\f011";

}



.icon-signal:before {

  content: "\f012";

}



.icon-cog:before {

  content: "\f013";

}



.icon-trash:before {

  content: "\f014";

}



.icon-home:before {

  content: "\f015";

}



.icon-file:before {

  content: "\f016";

}



.icon-time:before {

  content: "\f017";

}



.icon-road:before {

  content: "\f018";

}



.icon-download-alt:before {

  content: "\f019";

}



.icon-download:before {

  content: "\f01a";

}



.icon-upload:before {

  content: "\f01b";

}



.icon-inbox:before {

  content: "\f01c";

}



.icon-play-circle:before {

  content: "\f01d";

}



.icon-repeat:before {

  content: "\f01e";

}



/* \f020 doesn't work in Safari. all shifted one down */

.icon-refresh:before {

  content: "\f021";

}



.icon-list-alt:before {

  content: "\f022";

}



.icon-lock:before {

  content: "\f023";

}



.icon-flag:before {

  content: "\f024";

}



.icon-headphones:before {

  content: "\f025";

}



.icon-volume-off:before {

  content: "\f026";

}



.icon-volume-down:before {

  content: "\f027";

}



.icon-volume-up:before {

  content: "\f028";

}



.icon-qrcode:before {

  content: "\f029";

}



.icon-barcode:before {

  content: "\f02a";

}



.icon-tag:before {

  content: "\f02b";

}



.icon-tags:before {

  content: "\f02c";

}



.icon-book:before {

  content: "\f02d";

}



.icon-bookmark:before {

  content: "\f02e";

}



.icon-print:before {

  content: "\f02f";

}



.icon-camera:before {

  content: "\f030";

}



.icon-font:before {

  content: "\f031";

}



.icon-bold:before {

  content: "\f032";

}



.icon-italic:before {

  content: "\f033";

}



.icon-text-height:before {

  content: "\f034";

}



.icon-text-width:before {

  content: "\f035";

}



.icon-align-left:before {

  content: "\f036";

}



.icon-align-center:before {

  content: "\f037";

}



.icon-align-right:before {

  content: "\f038";

}



.icon-align-justify:before {

  content: "\f039";

}



.icon-list:before {

  content: "\f03a";

}



.icon-indent-left:before {

  content: "\f03b";

}



.icon-indent-right:before {

  content: "\f03c";

}



.icon-facetime-video:before {

  content: "\f03d";

}



.icon-picture:before {

  content: "\f03e";

}



.icon-pencil:before {

  content: "\f040";

}



.icon-map-marker:before {

  content: "\f041";

}



.icon-adjust:before {

  content: "\f042";

}



.icon-tint:before {

  content: "\f043";

}



.icon-edit:before {

  content: "\f044";

}



.icon-share:before {

  content: "\f045";

}



.icon-check:before {

  content: "\f046";

}



.icon-move:before {

  content: "\f047";

}



.icon-step-backward:before {

  content: "\f048";

}



.icon-fast-backward:before {

  content: "\f049";

}



.icon-backward:before {

  content: "\f04a";

}



.icon-play:before {

  content: "\f04b";

}



.icon-pause:before {

  content: "\f04c";

}



.icon-stop:before {

  content: "\f04d";

}



.icon-forward:before {

  content: "\f04e";

}



.icon-fast-forward:before {

  content: "\f050";

}



.icon-step-forward:before {

  content: "\f051";

}



.icon-eject:before {

  content: "\f052";

}



.icon-chevron-left:before {

  content: "\f053";

}



.icon-chevron-right:before {

  content: "\f054";

}



.icon-plus-sign:before {

  content: "\f055";

}



.icon-minus-sign:before {

  content: "\f056";

}



.icon-remove-sign:before {

  content: "\f057";

}



.icon-ok-sign:before {

  content: "\f058";

}



.icon-question-sign:before {

  content: "\f059";

}



.icon-info-sign:before {

  content: "\f05a";

}



.icon-screenshot:before {

  content: "\f05b";

}



.icon-remove-circle:before {

  content: "\f05c";

}



.icon-ok-circle:before {

  content: "\f05d";

}



.icon-ban-circle:before {

  content: "\f05e";

}



.icon-arrow-left:before {

  content: "\f060";

}



.icon-arrow-right:before {

  content: "\f061";

}



.icon-arrow-up:before {

  content: "\f062";

}



.icon-arrow-down:before {

  content: "\f063";

}



.icon-share-alt:before {

  content: "\f064";

}



.icon-resize-full:before {

  content: "\f065";

}



.icon-resize-small:before {

  content: "\f066";

}



.icon-plus:before {

  content: "\f067";

}



.icon-minus:before {

  content: "\f068";

}



.icon-asterisk:before {

  content: "\f069";

}



.icon-exclamation-sign:before {

  content: "\f06a";

}



.icon-gift:before {

  content: "\f06b";

}



.icon-leaf:before {

  content: "\f06c";

}



.icon-fire:before {

  content: "\f06d";

}



.icon-eye-open:before {

  content: "\f06e";

}



.icon-eye-close:before {

  content: "\f070";

}



.icon-warning-sign:before {

  content: "\f071";

}



.icon-plane:before {

  content: "\f072";

}



.icon-calendar:before {

  content: "\f073";

}



.icon-random:before {

  content: "\f074";

}



.icon-comment:before {

  content: "\f075";

}



.icon-magnet:before {

  content: "\f076";

}



.icon-chevron-up:before {

  content: "\f077";

}



.icon-chevron-down:before {

  content: "\f078";

}



.icon-retweet:before {

  content: "\f079";

}



.icon-shopping-cart:before {

  content: "\f07a";

}



.icon-folder-close:before {

  content: "\f07b";

}



.icon-folder-open:before {

  content: "\f07c";

}



.icon-resize-vertical:before {

  content: "\f07d";

}



.icon-resize-horizontal:before {

  content: "\f07e";

}



.icon-bar-chart:before {

  content: "\f080";

}



.icon-twitter-sign:before {

  content: "\f081";

}



.icon-facebook-sign:before {

  content: "\f082";

}



.icon-camera-retro:before {

  content: "\f083";

}



.icon-key:before {

  content: "\f084";

}



.icon-cogs:before {

  content: "\f085";

}



.icon-comments:before {

  content: "\f086";

}



.icon-thumbs-up:before {

  content: "\f087";

}



.icon-thumbs-down:before {

  content: "\f088";

}



.icon-star-half:before {

  content: "\f089";

}



.icon-heart-empty:before {

  content: "\f08a";

}



.icon-signout:before {

  content: "\f08b";

}



.icon-linkedin-sign:before {

  content: "\f08c";

}



.icon-pushpin:before {

  content: "\f08d";

}



.icon-external-link:before {

  content: "\f08e";

}



.icon-signin:before {

  content: "\f090";

}



.icon-trophy:before {

  content: "\f091";

}



.icon-github-sign:before {

  content: "\f092";

}



.icon-upload-alt:before {

  content: "\f093";

}



.icon-lemon:before {

  content: "\f094";

}



.icon-phone:before {

  content: "\f095";

}



.icon-check-empty:before {

  content: "\f096";

}



.icon-bookmark-empty:before {

  content: "\f097";

}



.icon-phone-sign:before {

  content: "\f098";

}



.icon-twitter:before {

  content: "\f099";

}



.icon-facebook:before {

  content: "\f09a";

}



.icon-github:before {

  content: "\f09b";

}



.icon-unlock:before {

  content: "\f09c";

}



.icon-credit-card:before {

  content: "\f09d";

}



.icon-rss:before {

  content: "\f09e";

}



.icon-hdd:before {

  content: "\f0a0";

}



.icon-bullhorn:before {

  content: "\f0a1";

}



.icon-bell:before {

  content: "\f0a2";

}



.icon-certificate:before {

  content: "\f0a3";

}



.icon-hand-right:before {

  content: "\f0a4";

}



.icon-hand-left:before {

  content: "\f0a5";

}



.icon-hand-up:before {

  content: "\f0a6";

}



.icon-hand-down:before {

  content: "\f0a7";

}



.icon-circle-arrow-left:before {

  content: "\f0a8";

}



.icon-circle-arrow-right:before {

  content: "\f0a9";

}



.icon-circle-arrow-up:before {

  content: "\f0aa";

}



.icon-circle-arrow-down:before {

  content: "\f0ab";

}



.icon-globe:before {

  content: "\f0ac";

}



.icon-wrench:before {

  content: "\f0ad";

}



.icon-tasks:before {

  content: "\f0ae";

}



.icon-filter:before {

  content: "\f0b0";

}



.icon-briefcase:before {

  content: "\f0b1";

}



.icon-fullscreen:before {

  content: "\f0b2";

}



.icon-group:before {

  content: "\f0c0";

}



.icon-link:before {

  content: "\f0c1";

}



.icon-cloud:before {

  content: "\f0c2";

}



.icon-beaker:before {

  content: "\f0c3";

}



.icon-cut:before {

  content: "\f0c4";

}



.icon-copy:before {

  content: "\f0c5";

}



.icon-paper-clip:before {

  content: "\f0c6";

}



.icon-save:before {

  content: "\f0c7";

}



.icon-sign-blank:before {

  content: "\f0c8";

}



.icon-reorder:before {

  content: "\f0c9";

}



.icon-list-ul:before {

  content: "\f0ca";

}



.icon-list-ol:before {

  content: "\f0cb";

}



.icon-strikethrough:before {

  content: "\f0cc";

}



.icon-underline:before {

  content: "\f0cd";

}



.icon-table:before {

  content: "\f0ce";

}



.icon-magic:before {

  content: "\f0d0";

}



.icon-truck:before {

  content: "\f0d1";

}



.icon-pinterest:before {

  content: "\f0d2";

}



.icon-pinterest-sign:before {

  content: "\f0d3";

}



.icon-google-plus-sign:before {

  content: "\f0d4";

}



.icon-google-plus:before {

  content: "\f0d5";

}



.icon-money:before {

  content: "\f0d6";

}



.icon-caret-down:before {

  content: "\f0d7";

}



.icon-caret-up:before {

  content: "\f0d8";

}



.icon-caret-left:before {

  content: "\f0d9";

}



.icon-caret-right:before {

  content: "\f0da";

}



.icon-columns:before {

  content: "\f0db";

}



.icon-sort:before {

  content: "\f0dc";

}



.icon-sort-down:before {

  content: "\f0dd";

}



.icon-sort-up:before {

  content: "\f0de";

}



.icon-envelope-alt:before {

  content: "\f0e0";

}



.icon-linkedin:before {

  content: "\f0e1";

}



.icon-undo:before {

  content: "\f0e2";

}



.icon-legal:before {

  content: "\f0e3";

}



.icon-dashboard:before {

  content: "\f0e4";

}



.icon-comment-alt:before {

  content: "\f0e5";

}



.icon-comments-alt:before {

  content: "\f0e6";

}



.icon-bolt:before {

  content: "\f0e7";

}



.icon-sitemap:before {

  content: "\f0e8";

}



.icon-umbrella:before {

  content: "\f0e9";

}



.icon-paste:before {

  content: "\f0ea";

}



.icon-user-md:before {

  content: "\f200";

}



* {

  -webkit-font-smoothing: antialiased;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body {

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  line-height: 1.3;

}



h1 {

  font-size: 2em;

}



h2 {

  font-size: 2.94529em;

}



h3 {

  font-size: 2.25em;

}



h4 {

  font-size: 1.82029em;

}



h5 {

  font-size: 1.39058em;

}



h6 {

  font-size: 1.125em;

}



h1 {

  font-weight: normal;

  font-weight: 300;

  color: white;

  text-shadow: 0 1px 1px #000;

  margin: 30px 0;

}

@media screen and (max-width: 767px) {

  h1 {

    font-size: 2.94529em;

    margin: 15px 0;

  }

}



a {

  color: #98d9fe;

  text-decoration: none;

  -webkit-transition: color 0.15s ease;

  -moz-transition: color 0.15s ease;

  -o-transition: color 0.15s ease;

  transition: color 0.15s ease;

  text-shadow: none;

}

a:hover {

  color: #65c6fe;

}



p {

  font-size: 1.39058em;

  color: white;

  text-shadow: 0 1px 1px #555;

}



pre {

  font-family: Monaco, Courier, monospace;

  background-color: #F8F8F8;

  border: 1px solid #CCC;

  font-size: 13px;

  line-height: 19px;

  overflow: auto;

  padding: 6px 10px;

  border-radius: 3px;

  margin: 15px 0;

  font-size: 12px;

}



img.keep-original {

  /max-width: 100% !important;
  
  height: auto;

}



.loading-container {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 10;

}



.pulse {

  border: 3px solid #999;

  height: 30px;

  width: 30px;

  position: absolute;

  left: -15px;

  top: -15px;

  -webkit-animation: pulsate 1s ease-out;

  -webkit-animation-iteration-count: infinite;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

}



@-webkit-keyframes pulsate {

  0% {

    -webkit-transform: scale(0.1, 0.1);

    opacity: 0.0;

  }



  50% {

    opacity: 1.0;

  }



  100% {

    -webkit-transform: scale(1.2, 1.2);

    opacity: 0.0;

  }

}



body {

  font-size: 16px;

}

@media screen and (max-width: 767px) {

  body {

    font-size: 13px;

  }

}



#connect {

  z-index: 10;

  position: fixed;

  width: 100%;

  list-style: none;

  margin: 0;

  margin-left: 90px;

  padding: 20px;

}

#connect li {

  float: left;

  margin-right: 20px;

  color: white;

}

#connect li span {

  display: block;

  font-size: 15px;

  text-shadow: 0 1px 1px #000;

}

#connect li .version:before {

  content: "v";

}

@media screen and (max-width: 767px) {

  #connect {

    margin-left: 0;

  }

}



.button {

  font-weight: bold;

  padding: 8px 12px 5px;

  text-align: center;

  display: block;

  text-decoration: none;

  background: #fff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: background 0.15s ease;

  -moz-transition: background 0.15s ease;

  -o-transition: background 0.15s ease;

  transition: background 0.15s ease;

  position: relative;

  border-bottom: 1px solid transparent;

  color: #03A0FA;

}

.button:active {

  top: 1px;

}

.button:hover {

  color: #0280c8;

  background: #f1f1f1;

  border-color: white;

}



.container {

  position: relative;

  width: 50%;

  max-width: 500px;

  left: 90px;

  top: 13%;

  padding: 10px 20px;

}

@media screen and (max-width: 767px) {

  .container {

    margin-top: 70px;

    max-width: 100%;

    width: 100%;

    position: static;

  }

}



.slides-navigation {

  top: 50%;

}

.slides-navigation a {

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

  display: block;

  text-decoration: none;

  border: 3px solid #fff;

  color: white;

  font-weight: bold;

  font-size: 26px;

  margin: 0 25px;

  text-shadow: 0 1px 1px #000;

  text-align: center;

  height: 40px;

  width: 40px;

  top: -40px;

  padding: 1px;

  -webkit-box-shadow: 0 1px 1px black;

  -moz-box-shadow: 0 1px 1px black;

  box-shadow: 0 1px 1px black;

  -webkit-transition: background 0.15s ease;

  -moz-transition: background 0.15s ease;

  -o-transition: background 0.15s ease;

  transition: background 0.15s ease;

}

.slides-navigation a:hover {

  background: rgba(0, 0, 0, 0.4);

}

@media screen and (max-width: 767px) {

  .slides-navigation {

    display: none;

  }

}



.slides-pagination a {

  width: 15px;

  height: 15px;

  margin: 5px 2px;

  border-color: white;

  -webkit-box-shadow: 0 1px 1px black;

  -moz-box-shadow: 0 1px 1px black;

  box-shadow: 0 1px 1px black;

}

.slides-pagination a.current {

  background: gray;

}



.contrast {

  background: rgba(0, 0, 0, 0.3);

  padding: 1px 10px;

  -webkit-box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);

  -moz-box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);

  box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}