/* ==========================================================================
/* 1.0 - Variables, fonts, imports and mixins
   ========================================================================== */
/*!
 *  Font Awesome 4.0.3 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/font-awesome/fontawesome-webfont.eot?v=4.0.3");
  src: url("fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("fonts/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("fonts/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("fonts/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857142858em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.8571428571428572em; }

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

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

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

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

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

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before {
  content: "\f080"; }

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

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

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

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

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

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

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

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

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

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

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-mail-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

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

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.green {
  color: #12ad2b; }

.bitter, h1, h2, h3, h4, h5, header .menus .upper .system .buttons .menu, header .menus .lower > ul > li a.top-level, header .menus .lower > ul > li div.drop div.menu ul li a, header .mobile-lower > ul > li > a, div.home-kayak .text, footer .newsletter .button, div.main-full h2, div.main-full h4 {
  font-family: 'Bitter', serif; }

.sourcesanspro, body, h6, .breadcrumb ul, .button, div.main-full h3 {
  font-family: 'Source Sans Pro', sans-serif !important; }

/* ==========================================================================

  Base Stylesheet - http://git.io/base
  Author: Matthew Hartman - http://www.matthewhartman.com.au/
  Version: 1.6 - Last Updated: 31st of January, 2014

========================================================================== */
/* Resets */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html, button, input, select, textarea {
  font-family: sans-serif; }

body, form, fieldset, legend, input, select, textarea, button {
  margin: 0; }

html {
  font-size: 100%; }

/* ==========================================================================
/* 1.0 - Document Setup (typography, links, paragraph, etc)
   ========================================================================== */
/* Body */
body {
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #434343;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* Strong and Italic */
/* Links */
a {
  color: #12ad2b; }

a:hover {
  text-decoration: none; }

a:focus {
  outline: -webkit-focus-ring-color auto 5px; }

a:active, a:hover {
  outline: 0; }

/* Paragraph and Small */
p {
  margin: 0 0 1em 0; }

pre {
  margin: 1em 0; }

ul + p, ul + pre, ol + p, ol + pre {
  margin-top: 0; }

small {
  font-size: 80%; }

/* Abbreviations */
abbr[title] {
  border-bottom: 1px dotted; }

/* Audio */
audio:not([controls]) {
  height: 0; }

/* Small,
Sub and Sup */
small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

/* Definition */
/* Images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

.image-left {
  margin-right: 20px; }

.image-right {
  margin-left: 20px; }

/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-weight: normal;
  margin: 0 0 0.33em 0; }

h1, .h1 {
  font-size: 46px;
  font-size: 2.875rem; }

h2, .h2 {
  font-size: 36px;
  font-size: 2.25rem; }

h3, .h3 {
  font-size: 21px;
  font-size: 1.3125rem; }

h4, .h4 {
  font-size: 20px;
  font-size: 1.25rem; }

h5, .h5 {
  font-size: 18px;
  font-size: 1.125rem; }

h6, .h6 {
  font-size: 14px;
  font-size: 0.875rem; }

/* Reset Heading */
.no-style-heading {
  margin: 0;
  font-size: 100%; }

/* Horizontal Rule */
hr {
  border: 0;
  background: none;
  outline: 0;
  background-color: #ddd;
  margin: 1em 0;
  *margin: 1em 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px; }

/* 1.2 Quotes and Code - block quotes, quotes, code, pre, etc
   ========================================================================== */
/* Block Quotes and Quotes */
blockquote {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 32px;
  line-height: 2rem;
  color: #434343;
  margin: 1em 0; }
  blockquote p {
    margin: 1em 0; }

cite {
  color: #434343;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: normal; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

/* Mark */
mark {
  background: #ff0;
  color: #111; }

/* Code */
code, kbd, pre, samp {
  word-wrap: break-word;
  font-family: 'courier new', monospace, serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: normal;
  background-color: #f1f1f1;
  padding: 10px; }

code {
  color: #111; }

/* 1.3 Lists
   ========================================================================== */
dl, menu, ol, ul {
  margin: 0 0 1em 0; }

dd,
ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0; }

dd {
  margin-bottom: 1em; }

menu, ol, ul {
  padding: 0 0 0 22px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

/* Remove Styling from List */
.unstyled-list, .inline-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .unstyled-list li, .inline-list li {
    margin-top: 0;
    margin-bottom: 0; }

/* 1.4 Tables
   ========================================================================== */
table {
  width: 100%;
  margin: 1em 0;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  *white-space: normal; }

table th,
table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; }

table thead th,
table tfoot th {
  vertical-align: bottom;
  background-color: #f1f1f1;
  color: #333; }

table caption {
  padding: 8px;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0; }

/* 1.5 Forms, Labels and Inputs
   ========================================================================== */
fieldset {
  border: 0;
  padding: 0; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

label {
  margin: 0;
  cursor: pointer; }

button, input, select, textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle; }

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #111;
  border: 1px solid #ccc; }

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
  box-sizing: border-box;
  line-height: normal;
  margin: 0;
  padding: 0;
  *height: 13px;
  *width: 13px; }

.checkbox {
  margin: .2em 0; }
  .checkbox input[type=checkbox],
  .checkbox input[type=radio] {
    margin-top: .05em; }
  .checkbox label {
    padding-left: 5px;
    overflow: hidden;
    display: table;
    *zoom: 1; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

/* Buttons */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none; }

/* Custom Buttons */
.button {
  border: 0;
  padding: 1em 3em;
  background-color: #e74b3c;
  color: #fff;
  text-decoration: none;
  position: relative;
  cursor: pointer; }

.button:hover {
  background-color: #fc5547; }

.button:active {
  top: 1px; }

.grey-button {
  background-color: #eee;
  color: #434343; }

.grey-button:hover {
  background-color: #f1f1f1; }

.button[disabled],
.button.disabled {
  color: #999;
  background-color: #f1f1f1; }

.unstyled-button {
  font-size: 16px;
  font-size: 1rem;
  color: #27ae61;
  text-decoration: underline;
  border: 0;
  background: transparent;
  height: auto;
  padding: 0;
  cursor: pointer;
  outline: 0; }
  .unstyled-button:hover {
    text-decoration: none; }

.unstyled-button[disabled],
.unstyled-button.disabled {
  text-decoration: none;
  color: #999;
  background-color: #ccc; }

/* ==========================================================================
/* 2.0 - Grid Layout (Responsive)
   ========================================================================== */
/* Sections & Content Blocks */
.section {
  position: relative; }

.container, section {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px; }

.container-full {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto; }

/* Fluid Grid */
.col, header .menus .upper .search, header .menus .upper .system, header .menus .upper .system .buttons, header .menus .upper .system .social, div.main, div.sidebar {
  margin-left: 3%;
  float: left; }

.col:first-child, header .menus .upper .search:first-child, header .menus .upper .system:first-child, header .menus .upper .system .buttons:first-child, header .menus .upper .system .social:first-child, div.main:first-child, div.sidebar:first-child {
  margin-left: 0; }

/* Columns */
.col-1 {
  width: 5.583%;
  *width: expression(Math.floor(0.06 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-2 {
  width: 14.16%;
  *width: expression(Math.floor(0.145 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-3, .col-1-4 {
  width: 22.75%;
  *width: expression(Math.floor(0.23 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-4, .col-1-3, header .menus .upper .search, div.sidebar {
  width: 31.3%;
  *width: expression(Math.floor(0.315 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-5 {
  width: 39.9%;
  *width: expression(Math.floor(0.40 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-6, .col-1-2 {
  width: 48.4%;
  *width: expression(Math.floor(0.485 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-7 {
  width: 56.9%;
  *width: expression(Math.floor(0.57 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-8, header .menus .upper .system, div.main {
  width: 65.4%;
  *width: expression(Math.floor(0.655 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-9 {
  width: 73.9%;
  *width: expression(Math.floor(0.74 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-10 {
  width: 82.4%;
  *width: expression(Math.floor(0.825 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-11 {
  width: 90.9%;
  *width: expression(Math.floor(0.91 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-12 {
  width: 100%; }

/* Desktop Rows */
.row-0, section, div.frame-top, header .wrapper, .tab-wrapper {
  padding-top: 0em;
  padding-bottom: 0em; }

.row {
  padding-top: .5em;
  padding-bottom: .5em; }

.row-1 {
  padding-top: 1em;
  padding-bottom: 1em; }

.row-2, footer .top {
  padding-top: 2em;
  padding-bottom: 2em; }

.row-3 {
  padding-top: 3em;
  padding-bottom: 3em; }

.row-4 {
  padding-top: 4em;
  padding-bottom: 4em; }

.row-5 {
  padding-top: 5em;
  padding-bottom: 5em; }

.row-6 {
  padding-top: 6em;
  padding-bottom: 6em; }

.row-7 {
  padding-top: 7em;
  padding-bottom: 7em; }

/* ==========================================================================
/* 3.0 - CSS Helpers / Extras
   ========================================================================== */
.clear, .section, .container, section, .container-full, .row-0, div.frame-top, header .wrapper, .tab-wrapper, .row, .row-1, .row-2, footer .top, .row-3, .row-4, .row-5, .row-6, .row-7, header .menus .lower > ul > li div.drop {
  zoom: 1; }
  .clear:before, .section:before, .container:before, section:before, .container-full:before, .row-0:before, div.frame-top:before, header .wrapper:before, .tab-wrapper:before, .row:before, .row-1:before, .row-2:before, footer .top:before, .row-3:before, .row-4:before, .row-5:before, .row-6:before, .row-7:before, header .menus .lower > ul > li div.drop:before, .clear:after, .section:after, .container:after, section:after, .container-full:after, .row-0:after, div.frame-top:after, header .wrapper:after, .tab-wrapper:after, .row:after, .row-1:after, .row-2:after, footer .top:after, .row-3:after, .row-4:after, .row-5:after, .row-6:after, .row-7:after, header .menus .lower > ul > li div.drop:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clear:after, .section:after, .container:after, section:after, .container-full:after, .row-0:after, div.frame-top:after, header .wrapper:after, .tab-wrapper:after, .row:after, .row-1:after, .row-2:after, footer .top:after, .row-3:after, .row-4:after, .row-5:after, .row-6:after, .row-7:after, header .menus .lower > ul > li div.drop:after {
    clear: both; }

/* Floats */
.left, .checkbox input[type=checkbox],
.checkbox input[type=radio] {
  float: left; }

.right {
  float: right; }

/* Display */
.block, .checkbox {
  display: block; }

.inline {
  display: inline; }

.inline-block, audio, canvas, video, .inline-list, .inline-list li, .button {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.none,
audio:not([controls]),
[hidden] {
  display: none; }

/* Font Weights */
.heavy {
  font-weight: 900; }

.strong, b, strong {
  font-weight: 700; }

.normal, cite, dt, table thead th,
table tfoot th, table caption, legend, input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  font-weight: normal; }

.thin {
  font-weight: 300; }

.italic, i, em, .em, dfn, blockquote, q {
  font-style: italic; }

/* Font Styles */
.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

/* Text Position */
.left-text, table caption, .text-left {
  text-align: left; }

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

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

/* Accessibility (offscreen text for screen readers) */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: -9999em; }

.visuallyvisible {
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
  left: 0; }

/* Margin and Padding Reset */
.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

@media only screen and (min-width: 988px) {
  .col-6:nth-child(2n+3), .col-1-2:nth-child(2n+3) {
    margin-left: 0; }
  .col-4:nth-child(3n+4), .col-1-3:nth-child(3n+4), header .menus .upper .search:nth-child(3n+4), div.sidebar:nth-child(3n+4) {
    margin-left: 0; }
  .col-3:nth-child(4n+5), .col-1-4:nth-child(4n+5) {
    margin-left: 0; }
  .no-desktop, header .mobile-lower, header .mobile-search, .breadcrumb ul li.sep span.sep-mobile {
    display: none !important; }
  .no-legacy, header .mobile-lower, header .mobile-search {
    display: none !important; } }

/* End Desktop Media Query */
@media only screen and (min-width: 988px) and (max-width: 1200px) {
  .container, section {
    max-width: 968px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .container:first-child, section:first-child {
      margin-left: auto; }
    .container .no-desktop, section .no-desktop, .container header .mobile-lower, header .container .mobile-lower, section header .mobile-lower, header section .mobile-lower, .container header .mobile-search, header .container .mobile-search, section header .mobile-search, header section .mobile-search, .container .breadcrumb ul li.sep span.sep-mobile, .breadcrumb ul li.sep .container span.sep-mobile, section .breadcrumb ul li.sep span.sep-mobile, .breadcrumb ul li.sep section span.sep-mobile {
      display: none !important; }
    .container .no-legacy, section .no-legacy, .container header .mobile-lower, header .container .mobile-lower, section header .mobile-lower, header section .mobile-lower, .container header .mobile-search, header .container .mobile-search, section header .mobile-search, header section .mobile-search {
      display: none !important; } }

/* End Legacy Desktop Media Query */
/* ==========================================================================
/* -- 5.0 Tablet Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 988px) {
  .container, section, .tablet-container {
    width: 968px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .container:first-child, section:first-child, .tablet-container:first-child {
      margin-left: auto; }
  .tablet-container-full {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .tablet-container-full:first-child {
      margin-left: auto; }
  /* Tablet Grid */
  .tablet-col-1 {
    width: 6%; }
  .tablet-col-2 {
    width: 14.5%; }
  .tablet-col-3, .tablet-col-1-4 {
    width: 23%; }
  .tablet-col-4, .tablet-col-1-3 {
    width: 31.5%; }
  .tablet-col-5 {
    width: 40%; }
  .tablet-col-6, .tablet-col-1-2 {
    width: 48.5%; }
  .tablet-col-7 {
    width: 57%; }
  .tablet-col-8 {
    width: 65.5%; }
  .tablet-col-9 {
    width: 74%; }
  .tablet-col-10 {
    width: 82.5%; }
  .tablet-col-11 {
    width: 91%; }
  .tablet-col-12 {
    width: 100%; }
  .tablet-col-6:nth-child(2n+3), .tablet-col-1-2:nth-child(2n+3) {
    margin-left: 0; }
  .tablet-col-4:nth-child(3n+4), .tablet-col-1-3:nth-child(3n+4) {
    margin-left: 0; }
  .tablet-col-3:nth-child(4n+5), .tablet-col-1-4:nth-child(4n+5) {
    margin-left: 0; }
  .tablet-full {
    clear: both;
    float: none;
    width: 100%;
    margin: 1em 0 0 0;
    display: block; }
  .tablet-full:first-child {
    margin-top: 0; }
  .tablet-left-text {
    text-align: left; }
  .tablet-right-text {
    text-align: right; }
  .tablet-center-text {
    text-align: center; }
  .tablet-left {
    float: left; }
  .tablet-right {
    float: right; }
  .tablet-no-float {
    float: none; }
  /* Margin and Padding Reset */
  .tablet-no-margin {
    margin: 0; }
  .tablet-no-padding {
    padding: 0; }
  /* Tablet Rows */
  .tablet-row {
    padding-top: .5em;
    padding-bottom: .5em; }
  .tablet-row-1 {
    padding-top: 1em;
    padding-bottom: 1em; }
  .tablet-row-2 {
    padding-top: 2em;
    padding-bottom: 2em; }
  .tablet-row-3 {
    padding-top: 3em;
    padding-bottom: 3em; }
  .tablet-row-4 {
    padding-top: 4em;
    padding-bottom: 4em; }
  .tablet-row-5 {
    padding-top: 5em;
    padding-bottom: 5em; }
  .tablet-row-6 {
    padding-top: 6em;
    padding-bottom: 6em; }
  .tablet-row-7 {
    padding-top: 7em;
    padding-bottom: 7em; }
  .no-tablet, header .mobile-lower, header .mobile-search, .breadcrumb ul li.sep span.sep-mobile {
    display: none !important; }
  .show-tablet {
    display: block; } }

/* End Tablet Media Query */
/* ==========================================================================
/* -- 7.0 Mobile Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (max-width: 480px) {
  .container, section, .mobile-container {
    width: 300px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .container:first-child, section:first-child, .mobile-container:first-child {
      margin-left: auto; }
  .mobile-container-full {
    width: 320px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .mobile-container-full:first-child {
      margin-left: auto; }
  /* Mobile Grid */
  .mobile-col-1 {
    width: 6%; }
  .mobile-col-2 {
    width: 14.5%; }
  .mobile-col-3 {
    width: 23%; }
  .mobile-col-4 {
    width: 31.5%; }
  .mobile-col-5 {
    width: 40%; }
  .mobile-col-6 {
    width: 48.5%; }
  .mobile-col-7 {
    width: 57%; }
  .mobile-col-8 {
    width: 65.5%; }
  .mobile-col-9 {
    width: 74%; }
  .mobile-col-10 {
    width: 82.5%; }
  .mobile-col-11 {
    width: 91%; }
  .mobile-col-12 {
    width: 100%; }
  /* When switching from something like a 4x1 desktop layout to a 2x2 mobile layout
   these selects will help remove extra margins on the shifted columns */
  .mobile-col-6:nth-child(2n+3) {
    margin-left: 0; }
  .mobile-col-4:nth-child(3n+4) {
    margin-left: 0; }
  .mobile-col-3:nth-child(4n+5) {
    margin-left: 0; }
  /* Mobile Grid */
  .mobile-1-2 {
    width: 48.5%; }
  .mobile-1-3 {
    width: 31.33%; }
  .mobile-1-4 {
    width: 22.75%; }
  .mobile-full, header .menus .upper .search, header .menus .upper .system, div.main, div.sidebar {
    clear: both;
    float: none;
    width: 100%;
    margin: .2em 0 0 0;
    display: block; }
  .mobile-full:first-child, header .menus .upper .search:first-child, header .menus .upper .system:first-child, div.main:first-child, div.sidebar:first-child {
    margin: 0; }
  .mobile-left-text {
    text-align: left; }
  .mobile-right-text {
    text-align: right; }
  .mobile-center-text {
    text-align: center; }
  .mobile-left {
    float: left; }
  .mobile-right {
    float: right; }
  .mobile-no-float {
    float: none; }
  /* Margin and Padding Reset */
  .mobile-no-margin {
    margin: 0; }
  .mobile-no-padding {
    padding: 0; }
  /* Mobile Rows */
  .mobile-row {
    padding-top: .5em;
    padding-bottom: .5em; }
  .mobile-row-1 {
    padding-top: 1em;
    padding-bottom: 1em; }
  .mobile-row-2 {
    padding-top: 2em;
    padding-bottom: 2em; }
  .mobile-row-3 {
    padding-top: 3em;
    padding-bottom: 3em; }
  .mobile-row-4 {
    padding-top: 4em;
    padding-bottom: 4em; }
  .mobile-row-5 {
    padding-top: 5em;
    padding-bottom: 5em; }
  .mobile-row-6 {
    padding-top: 6em;
    padding-bottom: 6em; }
  .mobile-row-7 {
    padding-top: 7em;
    padding-bottom: 7em; }
  /* Mobile Tables */
  table th,
  table td {
    padding: 4px; }
  .no-mobile, .breadcrumb ul li.sep span.sep {
    display: none !important; }
  .show-mobile {
    display: block; } }

/* End Mobile Media Query */
@media print {
  * {
    background: transparent; }
  a, a:visited {
    text-decoration: underline; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100%; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

/* ==========================================================================
/* 2.0 - Basic structures and wrappers
   ========================================================================== */
body {
  background: #f2eee5 url("/assets/images/site/bg/body.png");
  font-size-adjust: 0.5;
  font-size: 16px;
  color: #000000; }

img {
  max-width: 100%; }

iframe {
  margin: 0; }

section {
  position: relative; }
  section.wrapper {
    padding: 0 8px; }
    @media (max-width: 480px) {
      section.wrapper {
        padding: 0; } }

/* ==========================================================================
/* 3.0 - Basic font styles
   ========================================================================== */
h1, h2, h3, h4, h5 {
  color: #000000;
  margin: 0 0 12px 0;
  font-weight: bold; }

h1 {
  font-weight: normal; }
  @media (max-width: 480px) {
    h1 {
      font-size: 1.8em; } }

h4 span {
  font-size: 12px;
  font-weight: normal;
  vertical-align: 4px; }

h6 {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase; }

/* ==========================================================================
/* 4.0 - Top of page header & primary navigation
   ========================================================================== */
div.frame-top {
  background: #e9e9e9;
  margin-bottom: 4px; }
  div.frame-top section {
    text-align: center; }
    div.frame-top section img {
      display: block;
      margin: 0 auto;
      text-align: center; }

header {
  margin: 0 auto 0px auto;
  position: relative; }
  @media (max-width: 480px) {
    header {
      max-width: 320px; } }
  @media (max-width: 480px) {
    header section {
      width: 320px; } }
  header h1 {
    text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75) ;
    letter-spacing: -0.5px;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 1em; }
  header.home {
    min-width: 968px;
    height: 650px;
    border-bottom: 1px solid #838383;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (max-width: 480px) {
      header.home {
        height: 480px;
        margin-bottom: 30px;
        min-width: inherit; } }
    header.home h1 {
      bottom: 2em; }
      @media (max-width: 480px) {

        header.home h1 {
          text-shadow: 0px 0px 12px black ;
          bottom: inherit;
          top: 220px;
          text-align: left;
          font-size: 24px;
          line-height: 28px;
          font-weight: bold;
          left: 11px;
          width: inherit; } }
  header.default {
    height: 400px;
    background: url(/assets/images/site/hero/default.desktop.jpg) center center no-repeat;
    background-size: cover;
    min-width: 968px; }
    @media (max-width: 480px) {
      header.default {
        min-width: inherit; } }
    @media (max-width: 480px) {
      header.default h1 {
        text-shadow: 0px 0px 12px black ;
        bottom: inherit;
        top: 220px;
        font-size: 34px;
        padding: 0 10px;
        font-weight: bold;
        width: inherit; } }
  header.activities {
    height: 400px;
    background: url(/assets/images/site/hero/activities.desktop.jpg) center center no-repeat;
    background-size: cover;
    min-width: 968px; }
    @media (max-width: 480px) {
      header.activities {
        min-width: inherit; } }
    @media (max-width: 480px) {
      header.activities h1 {
        text-shadow: 0px 0px 12px black ;
        bottom: inherit;
        top: 220px;
        font-size: 34px;
        padding: 0 10px;
        font-weight: bold;
        width: inherit; } }
  header.regions {
    height: 400px;
    background: url(/assets/images/site/hero/regions.desktop.jpg) center center no-repeat;
    background-size: cover;
    min-width: 968px; }
    @media (max-width: 480px) {
      header.regions {
        min-width: inherit; } }
    @media (max-width: 480px) {
      header.regions h1 {
        text-shadow: 0px 0px 12px black ;
        bottom: inherit;
        top: 220px;
        font-size: 34px;
        padding: 0 10px;
        font-weight: bold;
        width: inherit; } }
  header .wrapper {
    position: relative;
    z-index: 100; }
    @media (max-width: 480px) {
      header .wrapper {
        background: transparent;
        max-height: 76px;
        overflow: hidden; } }
  header .logo {
    width: 7%;
    line-height: 0;
    overflow: hidden;
    background: #fff;
    height: 89px; }
    @media (max-width: 480px) {
      header .logo {
        width: 22%; } }
    @media (min-width: 988px) and (max-width: 1200px) {
      header .logo {
        width: 8.5%; } }
  header .menus {
    width: 93%;
    margin: 0;
    float: right; }
    @media (max-width: 480px) {
      header .menus {
        width: 78%; } }
    @media (min-width: 988px) and (max-width: 1200px) {
      header .menus {
        width: 91.5%; } }
    header .menus .upper {
      background-color: rgba(0, 0, 0, 0.6);
      height: 30px;
      line-height: 1em; }
      @media (max-width: 480px) {
        header .menus .upper {
          background-color: rgba(54, 54, 54, 0.6);
          height: 41px; } }
      header .menus .upper .search {
        position: relative;
        height: 27px;
        overflow: hidden; }
        @media (max-width: 480px) {
          header .menus .upper .search {
            height: 41px;
            margin-bottom: 0px !important; } }
        header .menus .upper .search input[type=text] {
          position: absolute;
          top: 4px;
          left: 44px;
          background: #363636;
          font-size: 14px;
          font-style: italic;
          color: #ffffff;
          border: 0;
          border-radius: 4px;
          padding: 4px 3px 3px;
          margin: 0;
          width: 230px; }
          @media (max-width: 480px) {
            header .menus .upper .search input[type=text] {
              top: 10px;
              left: 9px; } }
        header .menus .upper .search a {
          position: absolute;
          width: 31px;
          height: 23px;
          left: 250px;
          top: 4px; }
          @media (max-width: 480px) {
            header .menus .upper .search a {
              top: 10px;
              left: 210px; } }
      header .menus .upper .system {
        float: right; }
        @media (max-width: 480px) {
          header .menus .upper .system {
            float: left;
            background-color: rgba(54, 54, 54, 0.6);
            height: 35px;
            margin-top: 0px;
            border-top: 1px solid white; } }
        header .menus .upper .system .buttons {
          width: 59%;
          margin: 0;
          text-align: right; }
          @media (max-width: 480px) {
            header .menus .upper .system .buttons {
              width: 100%;
              margin-top: 2px;
              text-align: left; } }
          @media (min-width: 1200px) {
            header .menus .upper .system .buttons {
              width: 69%; } }
          header .menus .upper .system .buttons .menu {
            display: inline-block;
            padding: 6px 15px;
            color: #fff;
            text-transform: upper;
            font-size: 13px;
            border-left: 1px solid white;
            text-align: center;
            height: 30px;
            text-decoration: none;
            font-weight: bold; }
            @media (max-width: 480px) {
              header .menus .upper .system .buttons .menu {
                padding: 8px 14px; } }
            header .menus .upper .system .buttons .menu:hover, header .menus .upper .system .buttons .menu:focus {
              color: #12ad2b; }
            header .menus .upper .system .buttons .menu.bars {
              display: none; }
              @media (max-width: 480px) {
                header .menus .upper .system .buttons .menu.bars {
                  display: inline-block;
                  border-left: 0;
                  font-size: 15px;
                  padding: 6px 15px 6px 20px; } }
            @media (max-width: 480px) {
              header .menus .upper .system .buttons .menu.mobile {
                display: none; } }
        header .menus .upper .system .social {
          width: 41%;
          margin: 0;
          border-left: 1px solid white;
          height: 30px;
          float: right; }
          @media (max-width: 480px) {
            header .menus .upper .system .social {
              display: none; } }
          @media (min-width: 1200px) {
            header .menus .upper .system .social {
              width: 31%; } }
          header .menus .upper .system .social ul.social-icons {
            list-style: none;
            margin: 0;
            padding: 0;
            height: 30px;
            padding-left: 0px;
            text-align: right; }
            header .menus .upper .system .social ul.social-icons li {
              display: inline-block;
              padding: 0 3px; }
              header .menus .upper .system .social ul.social-icons li a {
                text-align: left;
                text-indent: -9999px;
                display: inline-block;
                width: 24px;
                height: 30px;
                background-position: 0 0;
                background-repeat: no-repeat; }
                header .menus .upper .system .social ul.social-icons li a:hover, header .menus .upper .system .social ul.social-icons li a:focus {
                  background-position: 0px -30px; }
              header .menus .upper .system .social ul.social-icons li.half-square {
                display: inline-block;
                padding: 0;
                margin: 0;
                position: relative;
                float: right; }
                header .menus .upper .system .social ul.social-icons li.half-square > a {
                  display: inline-block;
                  width: 30px;
                  height: 30px;
                  background-position: 0 0;
                  background-repeat: no-repeat;
                  background-image: url("/assets/images/site/icon/half-square.png"); }
                  header .menus .upper .system .social ul.social-icons li.half-square > a:hover, header .menus .upper .system .social ul.social-icons li.half-square > a:focus {
                    background-position: 0 0; }
                header .menus .upper .system .social ul.social-icons li.half-square ul {
                  display: none;
                  position: absolute;
                  margin: 0;
                  padding: 0;
                  height: 30px;
                  width: 200px;
                  right: 0;
                  background-color: rgba(0, 0, 0, 0.5); }
                  header .menus .upper .system .social ul.social-icons li.half-square ul li {
                    display: inline-block;
                    padding: 0 3px; }
    header .menus .lower {
      background-color: rgba(255, 255, 255, 0.8); }
      @media (max-width: 480px) {
        header .menus .lower {
          display: none; } }
      header .menus .lower > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 59px; }
        @media (max-width: 480px) {
          header .menus .lower > ul {
            display: none; } }
        header .menus .lower > ul > li {
          margin: 0;
          display: inline-block;
          border-bottom: 7px solid transparent;
          padding: 14px 0 4px; }
          header .menus .lower > ul > li:hover, header .menus .lower > ul > li.hovered, header .menus .lower > ul > li:focus {
            border-bottom: 7px solid #12ad2b; }
          header .menus .lower > ul > li a.first {
            border-left: 0 !important; }
          header .menus .lower > ul > li a.top-level {
            display: inline-block;
            width: 100%;
            padding: 0px 18px 0px;
            text-align: center;
            text-decoration: none;
            font-size: 21px;
            line-height: 17px;
            color: #000;
            text-decoration: none;
            border-left: 1px solid #c1c1c1; }
            @media (min-width: 1200px) {
              header .menus .lower > ul > li a.top-level {
                padding: 0px 38px 0px; } }
            header .menus .lower > ul > li a.top-level span.menu-name {
              display: block; }
            header .menus .lower > ul > li a.top-level span.desc {
              display: inline-block;
              font-size: 11px;
              line-height: 11px;
              text-align: center; }
            header .menus .lower > ul > li a.top-level:focus {
              color: #12ad2b; }
          header .menus .lower > ul > li div.drop {
            z-index: 1000;
            display: none;
            position: absolute;
            top: 88px;
            min-height: 140px;
            width: 265px;
            background: #12ad2b;
            -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75) ;
            -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75) ;
            box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75) ; }
            @media (min-width: 1200px) {
              header .menus .lower > ul > li div.drop {
                width: 310px; } }
            header .menus .lower > ul > li div.drop.hovered {
              display: block; }
              @media (max-width: 480px) {
                header .menus .lower > ul > li div.drop.hovered {
                  display: none; } }
            header .menus .lower > ul > li div.drop.large {
              width: 625px; }
              @media (min-width: 1200px) {
                header .menus .lower > ul > li div.drop.large {
                  width: 640px; } }
              header .menus .lower > ul > li div.drop.large div.menu {
                width: 180px; }
                @media (min-width: 1200px) {
                  header .menus .lower > ul > li div.drop.large div.menu {
                    width: 180px; } }
            header .menus .lower > ul > li div.drop div.menu {
              float: left;
              width: 275px;
              padding: 15px 20px 20px 15px; }
              @media (min-width: 1200px) {
                header .menus .lower > ul > li div.drop div.menu {
                  padding-left: 15px;
                  width: 310px; } }
              header .menus .lower > ul > li div.drop div.menu h3 {
                display: none; }
                header .menus .lower > ul > li div.drop div.menu h3.secondary a {
                  color: #fff;
                  text-decoration: none; }
              header .menus .lower > ul > li div.drop div.menu h4 {
                color: #fff; }
              header .menus .lower > ul > li div.drop div.menu ul {
                list-style: none;
                margin: 0;
                padding: 0; }
                header .menus .lower > ul > li div.drop div.menu ul li {
                  font-size: 18px;
                  line-height: 30px;
                  line-height: 1.1em !important;
                  padding: 7px 0 7px 10px; }
                  header .menus .lower > ul > li div.drop div.menu ul li.active > a {
                    color: #d8f6dd; }
                  header .menus .lower > ul > li div.drop div.menu ul li a {
                    color: #fff;
                    background: none;
                    border: none;
                    text-decoration: none;
                    font-weight: bold; }
                    header .menus .lower > ul > li div.drop div.menu ul li a:hover, header .menus .lower > ul > li div.drop div.menu ul li a:focus {
                      color: #d8f6dd; }
                  header .menus .lower > ul > li div.drop div.menu ul li ul {
                    display: none; }
            header .menus .lower > ul > li div.drop div.feature {
              float: left;
              width: 400px;
              background: #12ad2b;
              margin: 20px;
              border-left: 1px solid white; }
              header .menus .lower > ul > li div.drop div.feature h5 {
                padding: 0 0 0 20px;
                color: white; }
              header .menus .lower > ul > li div.drop div.feature div.row {
                padding: 0px 20px; }
                header .menus .lower > ul > li div.drop div.feature div.row .col, header .menus .lower > ul > li div.drop div.feature div.row .upper .search, header .menus .upper .lower > ul > li div.drop div.feature div.row .search, header .menus .lower > ul > li div.drop div.feature div.row .upper .system, header .menus .upper .lower > ul > li div.drop div.feature div.row .system, header .menus .lower > ul > li div.drop div.feature div.row .upper .system .buttons, header .menus .upper .system .lower > ul > li div.drop div.feature div.row .buttons, header .menus .lower > ul > li div.drop div.feature div.row .upper .system .social, header .menus .upper .system .lower > ul > li div.drop div.feature div.row .social, header .menus .lower > ul > li div.drop div.feature div.row div.main, header .menus .lower > ul > li div.drop div.feature div.row div.sidebar {
                  padding-bottom: 10px; }
              header .menus .lower > ul > li div.drop div.feature select {
                padding: 5px;
                width: 95%; }
              header .menus .lower > ul > li div.drop div.feature input[type=text] {
                padding: 6px;
                width: 95%; }
              header .menus .lower > ul > li div.drop div.feature .button {
                background: #fff;
                color: #12ad2b;
                min-width: 0;
                padding: 0.2em 1em; }
                header .menus .lower > ul > li div.drop div.feature .button:hover, header .menus .lower > ul > li div.drop div.feature .button:focus {
                  background: #e6e6e6; }
          header .menus .lower > ul > li:hover > .drop, header .menus .lower > ul > li:focus > .drop {
            display: block; }
            @media (max-width: 480px) {
              header .menus .lower > ul > li:hover > .drop, header .menus .lower > ul > li:focus > .drop {
                display: none; } }
  header .mobile-lower {
    display: none; }
    header .mobile-lower > ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
      header .mobile-lower > ul > li {
        margin: 0;
        display: block;
        background-color: rgba(255, 255, 255, 0.8);
        border-top: 1px solid #c1c1c1; }
        header .mobile-lower > ul > li:first-child {
          border-top: 0; }
        header .mobile-lower > ul > li:hover, header .mobile-lower > ul > li:focus {
          background-color: white; }
        header .mobile-lower > ul > li > a {
          display: inline-block;
          width: 100%;
          padding: 8px 8px;
          text-align: center;
          text-decoration: none;
          font-size: 16px;
          line-height: 16px;
          color: #000;
          text-decoration: none; }
        header .mobile-lower > ul > li ul {
          display: none; }
  header .mobile-search {
    width: 90%;
    position: absolute;
    bottom: 1em;
    left: 11px; }
    header .mobile-search form.filter select {
      font-size: 15px;
      width: 260px; }
    header .mobile-search form.filter input[type=text] {
      font-size: 15px; }
  header .desktop-search {
    width: 100%;
    position: absolute;
    bottom: 2em;
    text-align: center; }
    header .desktop-search form.filter .dd-selected {
      padding: 5px 10px;
      color: #444;
      text-align: left;
      font-weight: normal;
      font-size: 12px; }
    header .desktop-search form.filter .dd-options {
      text-align: left;
      font-size: 12px; }
    header .desktop-search form.filter div.input {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 10px; }
    header .desktop-search form.filter select {
      font-size: 15px;
      padding: 7px;
      margin-right: 5px; }
    header .desktop-search form.filter input[type=text] {
      font-size: 15px;
      padding: 7px;
      width: 150px;
      margin-right: 1px; }
      header .desktop-search form.filter input[type=text]#filterTrailName {
        font-size: 12px;
        padding: 9px 7px; }
    header .desktop-search form.filter a.button.small {
      font-size: 15px;
      padding: 10px 15px;
      margin-top: -1px; }

section.hero-image {
  position: relative;
  margin-top: -88px; }
  section.hero-image .next {
    text-indent: -9999px;
    position: absolute;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: rgba(50, 50, 50, 0.2);
    color: #fff;
    z-index: 50;
    display: block; }
    section.hero-image .next:hover, section.hero-image .next:focus {
      background-color: rgba(50, 50, 50, 0.8);
      background-image: url("/assets/images/site/icon/arrow-right.png");
      background-repeat: no-repeat;
      background-position: center center; }
  section.hero-image .prev {
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    width: 40px;
    background-color: rgba(50, 50, 50, 0.2);
    color: #fff;
    z-index: 50;
    display: block; }
    section.hero-image .prev:hover, section.hero-image .prev:focus {
      background-color: rgba(50, 50, 50, 0.8);
      background-image: url("/assets/images/site/icon/arrow-left.png");
      background-repeat: no-repeat;
      background-position: center center; }
  @media (max-width: 480px) {
    section.hero-image {
      margin-top: 0px; } }
  section.hero-image ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    max-height: 425px;
    overflow: hidden; }
    @media (min-width: 988px) and (max-width: 1200px) {
      section.hero-image ul {
        max-height: 360px; } }
    @media (max-width: 480px) {
      section.hero-image ul {
        max-height: 119px; } }
    section.hero-image ul li {
      display: inline-block;
      float: left;
      margin: 0;
      padding: 0;
      min-height: 425px;
      width: 1140px; }
      @media (min-width: 988px) and (max-width: 1200px) {
        section.hero-image ul li {
          min-height: 360px;
          width: 968px; } }
      @media (max-width: 480px) {
        section.hero-image ul li {
          min-height: 119px;
          width: 320px; } }
      section.hero-image ul li img {
        width: 1140px;
        min-height: 425px;
        display: block; }
        @media (min-width: 988px) and (max-width: 1200px) {
          section.hero-image ul li img {
            min-height: 360px; } }
        @media (max-width: 480px) {
          section.hero-image ul li img {
            min-height: 119px; } }

/* ==========================================================================
/* ?.0 - Specific Page Styles
   ========================================================================== */
@media (max-width: 480px) {
  body.home section.wrapper .col-4.mobile-full,
  body.home section.wrapper .mobile-full.col-1-3,
  body.home section.wrapper header .menus .upper .col-1-3.system,
  header .menus .upper body.home section.wrapper .col-1-3.system, body.home section.wrapper div.col-1-3.main,
  body.home section.wrapper header .menus .upper .search,
  header .menus .upper body.home section.wrapper .search, body.home section.wrapper header .menus .upper .col-4.system,
  header .menus .upper body.home section.wrapper .col-4.system, body.home section.wrapper div.col-4.main,
  body.home section.wrapper div.sidebar,
  body.home section.wrapper .col-3.mobile-full, body.home section.wrapper .mobile-full.col-1-4, body.home section.wrapper header .menus .upper .col-1-4.search, header .menus .upper body.home section.wrapper .col-1-4.search, body.home section.wrapper header .menus .upper .col-1-4.system, header .menus .upper body.home section.wrapper .col-1-4.system, body.home section.wrapper div.col-1-4.main, body.home section.wrapper div.col-1-4.sidebar, body.home section.wrapper header .menus .upper .col-3.search, header .menus .upper body.home section.wrapper .col-3.search, body.home section.wrapper header .menus .upper .col-3.system, header .menus .upper body.home section.wrapper .col-3.system, body.home section.wrapper div.col-3.main, body.home section.wrapper div.col-3.sidebar {
    margin-bottom: 30px !important; } }

@media (max-width: 480px) {
  .home .row-2, .home footer .top, footer .home .top {
    padding-top: 0px !important;
    padding-bottom: 0px !important; } }

div.home-kayak {
  background-image: url("/assets/images/site/home/trail-for-you.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  position: relative; }
  @media (max-width: 480px) {
    div.home-kayak {
      margin-bottom: 30px !important; } }
  div.home-kayak .text {
    bottom: 0;
    position: absolute;
    font-size: 26px;
    line-height: 1.4em;
    color: #fff;
    padding: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000; }
    @media (min-width: 988px) and (max-width: 1200px) {
      div.home-kayak .text {
        font-size: 21px; } }

.display_archive {
  margin-top: 5px;
  padding-top: 5px;
  margin-bottom: 25px;
  border-top: 1px solid #999; }
  .display_archive .campaign {
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 4px; }
    .display_archive .campaign a {
      display: inline-block;
      width: 600px;
      font-weight: normal; }
      @media (min-width: 988px) and (max-width: 1200px) {
        .display_archive .campaign a {
          width: 500px; } }
      @media (min-width: 480px) and (max-width: 988px) {
        .display_archive .campaign a {
          width: 500px; } }
      @media (max-width: 480px) {
        .display_archive .campaign a {
          display: block;
          width: inherit; } }

/* ==========================================================================
/* ?.0 - Breadcrumbs
   ========================================================================== */
.breadcrumb {
  background: #fff;
  padding: 0px 10px;
  margin: 0 0 20px 0; }
  .breadcrumb ul {
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none outside none; }
    .breadcrumb ul li {
      display: inline-block;
      margin: 0;
      padding: 0px 4px 0px;
      position: relative; }
      .breadcrumb ul li:hover > ul {
        display: block; }
      .breadcrumb ul li.active a {
        color: #666;
        text-transform: none; }
      @media (max-width: 480px) {
        .breadcrumb ul li.sep {
          padding-top: 3px;
          vertical-align: top; }
          .breadcrumb ul li.sep:nth-of-type(3) {
            padding-left: 15px; }
          .breadcrumb ul li.sep:nth-of-type(5) {
            padding-left: 30px; }
          .breadcrumb ul li.sep:nth-of-type(7) {
            padding-left: 45px; }
          .breadcrumb ul li.sep:nth-of-type(9) {
            padding-left: 60px; } }
      @media (max-width: 480px) {
        .breadcrumb ul li.text:nth-of-type(2) {
          width: 250px; }
        .breadcrumb ul li.text:nth-of-type(4) {
          width: 235px; }
        .breadcrumb ul li.text:nth-of-type(6) {
          width: 220px; }
        .breadcrumb ul li.text:nth-of-type(8) {
          width: 205px; }
        .breadcrumb ul li.text:nth-of-type(10) {
          width: 190px; } }
      .breadcrumb ul li a {
        text-decoration: none;
        display: block;
        padding: 10px 0; }
        @media (max-width: 480px) {
          .breadcrumb ul li a {
            padding: 5px 0;
            display: inline-block; } }
        .breadcrumb ul li a.more {
          font-size: 11px;
          text-transform: uppercase;
          font-weight: normal;
          line-height: 11px; }
          .breadcrumb ul li a.more i {
            font-size: 14px;
            margin-right: 3px; }
      .breadcrumb ul li ul {
        display: none;
        position: absolute;
        left: -12px;
        margin-top: 0;
        padding: 0;
        list-style: none outside none;
        min-width: 130px;
        background: #fff;
        border-bottom: 3px solid #12ad2b;
        z-index: 10;
        -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2) ;
        -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2) ;
        box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2) ; }
        .breadcrumb ul li ul li {
          display: block;
          font-size: 13px;
          white-space: nowrap;
          padding: 0;
          margin: 0; }
          .breadcrumb ul li ul li a {
            display: block;
            padding: 8px 16px;
            text-transform: none !important;
            color: #666 !important; }
            .breadcrumb ul li ul li a.active {
              color: #12ad2b !important; }
            .breadcrumb ul li ul li a:hover, .breadcrumb ul li ul li a:focus {
              background: #efefef; }

footer {
  margin-top: 50px;
  background: #fff;
  padding-bottom: 20px;
  min-width: 968px; }
  @media (max-width: 480px) {
    footer {
      min-width: inherit; } }
  footer .bottom {
    border-top: 1px solid #c1c1c1;
    padding-top: 15px; }
  footer #footer-links {
    margin-left: -20px;
    width: 86.5%; }
    @media (min-width: 988px) and (max-width: 1200px) {
      footer #footer-links {
        margin-left: -20px;
        width: 86.5%; } }
    @media (max-width: 480px) {
      footer #footer-links {
        width: inherit;
        margin-left: inherit;
        padding-top: 14px; } }
    footer #footer-links .col-2 {
      margin: 0;
      width: 20%; }
      @media (max-width: 480px) {
        footer #footer-links .col-2 {
          width: inherit;
          margin: inherit; } }
      footer #footer-links .col-2 nav {
        padding-right: 10px; }
    @media (max-width: 480px) {
      footer #footer-links .mobile-col-5 {
        width: 40% !important;
        margin-right: 9% !important; } }
    @media (max-width: 480px) {
      footer #footer-links .mobile-col-7 {
        width: 50% !important;
        margin-right: 0 !important; } }
  footer h6 {
    border-bottom: 1px solid #c1c1c1; }
    @media (max-width: 480px) {
      footer h6 {
        padding-top: 10px; } }
    footer h6 a {
      color: #222;
      text-transform: capitalize; }
  footer .copyright {
    font-size: 12px;
    color: #000000;
    line-height: 1.1em; }
  footer nav {
    line-height: 1.1em; }
    footer nav ul {
      margin: 0;
      padding: 0;
      font-size: 14px; }
      footer nav ul li {
        margin: 0;
        padding: 2px 0; }
        footer nav ul li a {
          color: #000000;
          text-decoration: none; }
          footer nav ul li a:hover, footer nav ul li a:focus {
            color: #12ad2b; }
        footer nav ul li ul {
          display: none; }
    footer nav.bottom-right {
      text-align: right; }
      @media (max-width: 480px) {
        footer nav.bottom-right {
          text-align: left;
          padding-top: 10px; } }
      footer nav.bottom-right ul {
        padding: 0;
        margin: 0;
        font-size: 12px; }
        footer nav.bottom-right ul li {
          display: inline-block;
          padding: 0 4px 0 4px;
          border-left: 1px solid #aaa; }
          footer nav.bottom-right ul li.first {
            border-left: none; }
          footer nav.bottom-right ul li a {
            color: #000000;
            text-decoration: none; }
  footer ul.social-icons {
    list-style: none;
    margin: 0 0 0 -5px;
    padding: 0;
    height: 30px; }
    footer ul.social-icons li {
      display: inline-block;
      padding: 0 4px 0 0; }
      @media (min-width: 988px) and (max-width: 1200px) {
        footer ul.social-icons li {
          padding: 0 1px 0 0; } }
      footer ul.social-icons li a {
        text-align: left;
        text-indent: -9999px;
        display: inline-block;
        width: 24px;
        height: 30px;
        background-position: 0px -60px;
        background-repeat: no-repeat; }
        footer ul.social-icons li a:hover, footer ul.social-icons li a:focus {
          background-position: 0px -30px; }
  footer .newsletter {
    margin-top: 16px; }
    @media (max-width: 480px) {
      footer .newsletter {
        padding-bottom: 10px; } }
    footer .newsletter h6 {
      border-bottom: none;
      text-transform: capitalize; }
    footer .newsletter label {
      display: none !important; }
    footer .newsletter input[type=text] {
      width: 100%;
      max-width: 100% !important;
      font-size: 12px;
      border-radius: 4px;
      margin-bottom: 4px; }
    footer .newsletter .button {
      font-size: 14px;
      text-transform: uppercase;
      padding: 3px 15px; }
      @media (max-width: 480px) {
        footer .newsletter .button {
          padding: 8px 12px !important;
          font-size: 16px !important; } }
    footer .newsletter .consent {
      font-size: 11px;
      line-height: 1.0em; }

.ad-box {
  background: #c5c5c5;
  border-bottom: 1px solid #c1c1c1;
  text-align: center;
  position: relative; }
  .ad-box cite {
    font-size: 11px;
    position: absolute;
    bottom: 4px;
    display: block;
    text-align: center;
    width: 100%; }
  .ad-box .medium-rectangle {
    padding-top: 4px;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 20px; }

.box {
  border-bottom: 1px solid #c1c1c1; }
  .box div.image img {
    display: block;
    margin: 0; }

.white-box {
  background: #fff;
  border-bottom: 1px solid #c1c1c1; }
  .white-box h3.see-thru {
    background: #f2eee5 url("/assets/images/site/bg/body.png");
    margin: 0;
    padding: 0 5px 5px; }
  .white-box div.image img {
    display: block;
    margin: 0; }
  .white-box .text {
    padding: 20px; }
    .white-box .text > :last-child {
      margin-bottom: 0 !important; }

#map_canvas {
  width: 100%;
  height: 500px;
  margin-bottom: 32px;
  border: 3px solid #12ad2b; }
  @media (max-width: 480px) {
    #map_canvas {
      height: 360px; } }

.gm-style-iw {
  overflow: hidden !important; }

.trail-list {
  border: 0; }
  .trail-list th {
    background-color: #12ad2b;
    color: #fff;
    font-weight: bold;
    padding: 0.2em 0.7em;
    border-left: 0;
    font-size: 13px; }
  .trail-list td {
    border: 0;
    border-bottom: 1px solid #c1c1c1; }
    .trail-list td.last {
      border-bottom: 0; }
    .trail-list td h4 a {
      text-decoration: none; }
  .trail-list tr:last-child td {
    border-bottom: none; }
  .trail-list tbody tr:hover, .trail-list tbody tr:focus {
    background: #fff; }

form.filter select {
  padding: 5px 4px;
  margin-bottom: 4px;
  font-size: 11px; }
  @media (max-width: 480px) {
    form.filter select {
      /*width: 70%;*/ } }

form.filter input[type=text] {
  padding: 6px 4px;
  margin-bottom: 4px;
  font-size: 11px;
  width: 110px; }
  @media (max-width: 480px) {
    form.filter input[type=text] {
      width: 70%; } }
  @media (min-width: 1200px) {
    form.filter input[type=text] {
      width: 140px; } }

@media (max-width: 480px) {
  form.filter #filterButton {
    display: block;
    width: 80px; } }

ul.difficulty {
  margin: 0;
  padding: 0;
  list-style: none outside none; }
  ul.difficulty li {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 9px;
    width: 9px;
    text-indent: -9999px;
    background: url("/assets/images/site/icon/difficulty-dots.png") no-repeat;
    background-position: 0 -11px; }
    ul.difficulty li.green {
      background-position: 0 0; }

ul.region-legend {
  margin: 0;
  padding: 0;
  list-style: none outside none; }
  @media (max-width: 480px) {
    ul.region-legend {
      padding-bottom: 20px; } }
  ul.region-legend li {
    margin: 0 0 5px 0;
    padding: 0; }
    ul.region-legend li span.number {
      display: inline-block;
      width: 25px;
      font-size: 15px;
      font-weight: bold;
      margin-right: 4px;
      text-align: center; }
    ul.region-legend li span.color {
      vertical-align: -2px;
      display: inline-block;
      margin-right: 4px;
      width: 20px;
      height: 13px;
      font-size: 12px;
      border: 2px solid black; }
    ul.region-legend li a {
      color: #000000;
      text-decoration: none;
      display: inline-block;
      width: 250px;
      vertical-align: top;
      line-height: 1.1em;
      padding-top: 2px; }
      @media (max-width: 480px) {
        ul.region-legend li a {
          width: 210px; } }
      @media (min-width: 988px) and (max-width: 1200px) {
        ul.region-legend li a {
          width: 230px; } }
      ul.region-legend li a:hover, ul.region-legend li a:focus {
        color: #12ad2b;
        text-decoration: hover; }

ul.tweets {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none outside none; }
  ul.tweets li {
    margin: 0 0 15px 0;
    padding: 0 0 15px 50px;
    font-size: 14px;
    line-height: 16px;
    background: url("/assets/images/site/icon/tweet-logo.png") no-repeat;
    border-bottom: 1px solid #c1c1c1;
    position: relative; }
    ul.tweets li a {
      color: #317f2f; }
    ul.tweets li b {
      font-size: 15px;
      font-weight: bold; }
    ul.tweets li span.timeago {
      position: absolute;
      font-size: 12px;
      color: #999999;
      right: 0; }
    ul.tweets li a.account {
      font-size: 12px;
      color: #999999;
      text-decoration: none; }
    ul.tweets li a.summary {
      background: url("/assets/images/site/icon/summary.png") no-repeat;
      background-position: 0 9px;
      display: block;
      padding: 8px 0 4px 17px;
      font-size: 13px;
      color: #999999;
      text-decoration: none; }

ul.tabs {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  overflow: none; }
  ul.tabs li {
    display: block;
    float: left;
    margin: 0;
    width: 24.5%;
    border-right: 1px solid #c1c1c1;
    border-bottom: 5px solid transparent;
    text-align: center; }
    ul.tabs li.active {
      border-bottom: 5px solid #12ad2b; }
    ul.tabs li a {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      background: #fff;
      color: #000000;
      text-decoration: none;
      display: block;
      padding: 0.3em 1em; }

table.gmap {
  width: 100%;
  border: 0; }
  table.gmap th {
    font-weight: bold;
    border: 0;
    padding: 3px 0;
    width: 90px; }
  table.gmap td {
    border: 0;
    padding: 3px 0; }

.tab-box {
  padding-top: 30px; }
  @media (max-width: 480px) {
    .tab-box {
      padding-top: 0px !important; } }

article {
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    article.col-4.mobile-full, article.mobile-full.col-1-3, header .menus .upper article.col-1-3.system, header .menus .upper article.search, header .menus .upper article.col-4.system {
      margin-top: 25px;
      margin-bottom: 25px; } }

.button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1em;
  background: #12ad2b;
  color: #fff;
  min-width: 105px;
  padding: 10px;
  margin-bottom: 5px;
  text-align: center; }
  .button:hover, .button:focus {
    background: #109625; }
  @media (max-width: 480px) {
    .button.small {
      padding: 8px 12px !important;
      font-size: 16px !important; } }
  .button.tiny {
    padding: 6px 5px !important;
    font-size: 11px !important;
    min-width: 40px;
    margin-top: 8px !important; }

.pagination {
  margin: 20px 0px;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  padding: 10px 0;
  font-size: 14px; }
  .pagination .numbers {
    font-weight: bold; }
    .pagination .numbers span {
      display: inline-block;
      padding: 0 3px; }

/* ==========================================================================
/* 7.0 - Primary content section
   ========================================================================== */
div.full-width {
  max-width: 1296px;
  min-width: 968px;
  margin: 2em auto;
  border-bottom: 1px solid #bab9b9;
  height: 300px;
  text-align: center; }
  @media (max-width: 480px) {
    div.full-width {
      min-width: inherit; } }
  div.full-width.snowmobile {
    background: url(/assets/images/site/hero/snowmobile.desktop.jpg) center center no-repeat; }
    @media (max-width: 480px) {
      div.full-width.snowmobile {
        margin-top: 0; } }
  div.full-width h2 {
    text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75) ;
    color: #fff;
    padding-top: 65px; }
    @media (max-width: 480px) {
      div.full-width h2 {
        padding-top: 45px;
        margin-bottom: 15px; } }

div.main {
  width: 65%;
  margin-top: 30px; }
  @media (min-width: 1200px) {
    div.main {
      width: 70% !important; } }
  @media (max-width: 480px) {
    div.main {
      width: 100% !important; } }

div.main-full {
  margin-top: 30px; }
  div.main-full div.main {
    margin-top: 0;
    width: 65%; }
  div.main-full h2 {
    font-size: 31px;
    font-weight: normal;
    line-height: 38px; }
    @media (max-width: 480px) {
      div.main-full h2 {
        font-size: 24px;
        line-height: 31px; } }
  div.main-full h3 {
    color: #000000;
    font-size: 21px;
    line-height: 28px;
    font-style: italic;
    font-weight: normal; }
  div.main-full h4 {
    font-size: 21px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 0px;
    margin-top: 8px; }
    div.main-full h4 + ul, div.main-full h4 + ol {
      margin-top: 4px; }
  div.main-full .content ol {
    margin-left: 12px; }
    div.main-full .content ol li {
      margin-bottom: 4px;
      width: 90%; }
  div.main-full .content ul {
    margin-left: 8px; }
    div.main-full .content ul li {
      margin-bottom: 4px;
      width: 90%; }
      div.main-full .content ul li ul {
        margin-bottom: 15px; }
        div.main-full .content ul li ul li {
          margin-bottom: 3px; }

div.sidebar {
  float: right;
  width: 302px; }
  @media (max-width: 480px) {
    div.sidebar {
      width: 300px;
      margin-top: 30px; } }
  div.sidebar div.image {
    padding: 1px;
    line-height: 0;
    display: block; }

/* ==========================================================================
/* 8.0 - Buttons, links and actions
   ========================================================================== */
.button.small {
  padding: 6px 0.8em;
  min-width: 0;
  font-size: 85%;
  margin: 1px 0;
  vertical-align: top; }

.button.tiny {
  padding: 0.2em 0.8em;
  font-size: 70%;
  margin: 1px 0;
  vertical-align: top; }

h6 a {
  text-decoration: none; }

#flashMessage {
  border: 2px solid;
  margin: 0px 8px 20px 0px;
  padding: 15px; }
  #flashMessage.message {
    color: #00529B;
    background-color: #BDE5F8; }
  #flashMessage.success {
    color: #4F8A10;
    background-color: #DFF2BF; }
  #flashMessage.warning {
    color: #9F6000;
    background-color: #FEEFB3; }
  #flashMessage.error {
    color: #D8000C;
    background-color: #FFBABA; }

/* ==========================================================================
/* 9.0 - Misc icons and other touchs
   ========================================================================== */
a.facebook {
  background-image: url("/assets/images/site/icon/facebook.png"); }

a.twitter {
  background-image: url("/assets/images/site/icon/twitter.png"); }

a.youtube {
  background-image: url("/assets/images/site/icon/youtube.png"); }

a.foursquare {
  background-image: url("/assets/images/site/icon/foursquare.png"); }

a.blogger {
  background-image: url("/assets/images/site/icon/blogger.png"); }

a.pinterest {
  background-image: url("/assets/images/site/icon/pinterest.png"); }

a.tumblr {
  background-image: url("/assets/images/site/icon/tumblr.png"); }

a.flickr {
  background-image: url("/assets/images/site/icon/flickr.png"); }

a.linkedin {
  background-image: url("/assets/images/site/icon/linkedin.png"); }

a.gplus {
  background-image: url("/assets/images/site/icon/gplus.png"); }

a.instagram {
  background-image: url("/assets/images/site/icon/instagram.png"); }

a.stumbleupon {
  background-image: url("/assets/images/site/icon/stumbleupon.png"); }

#skiptocontent {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -15px; }

.skiptocontent {
  height: 1px;
  width: 1px;
  text-indent: -9999px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  text-decoration: none;
  color: transparent; }

/* ==========================================================================
/* 10.0 - Misc minor rules for really nit-picky formatting
   ========================================================================== */
dl > :last-child {
  margin-bottom: 0 !important; }

ul > :last-child {
  margin-bottom: 0 !important; }

ol > :last-child {
  margin-bottom: 0 !important; }

div.col > :last-child, header .menus .upper div.search > :last-child, header .menus .upper div.system > :last-child, header .menus .upper .system div.buttons > :last-child, header .menus .upper .system div.social > :last-child, div.main > :last-child, div.sidebar > :last-child {
  margin-bottom: 0 !important; }

#NewsletterSignupEmail {
  max-width: 105px;
  display: block; }


.dropdown_search {
    padding: 10px;
    font-size: 12px !important;
    background-color: #eee;
    border: 0px;
    max-width:150px;
}