@charset "UTF-8";
/****************************

 ____                    ____                   ___
/\  _`\   __            /\  _`\                /\_ \
\ \ \L\ \/\_\  _____    \ \ \/\_\  __  __  _ __\//\ \
 \ \ ,  /\/\ \/\ '__`\   \ \ \/_/_/\ \/\ \/\`'__\\ \ \
  \ \ \\ \\ \ \ \ \L\ \   \ \ \L\ \ \ \_\ \ \ \/  \_\ \_
   \ \_\ \_\ \_\ \ ,__/    \ \____/\ \____/\ \_\  /\____\
    \/_/\/ /\/_/\ \ \/      \/___/  \/___/  \/_/  \/____/
                 \ \_\
                  \/_/

*****************************/
@import "jquery-ui-1.10.3.custom.min.css";
/****************************

 ____                    ____                   ___
/\  _`\   __            /\  _`\                /\_ \
\ \ \L\ \/\_\  _____    \ \ \/\_\  __  __  _ __\//\ \
 \ \ ,  /\/\ \/\ '__`\   \ \ \/_/_/\ \/\ \/\`'__\\ \ \
  \ \ \\ \\ \ \ \ \L\ \   \ \ \L\ \ \ \_\ \ \ \/  \_\ \_
   \ \_\ \_\ \_\ \ ,__/    \ \____/\ \____/\ \_\  /\____\
    \/_/\/ /\/_/\ \ \/      \/___/  \/___/  \/_/  \/____/
                 \ \_\
                  \/_/

*****************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

a img {
  border: none;
}

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

/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
@font-face {
  font-family: "Stag Sans Light";
  src: url("../fonts/Stag Sans-Light.ttf");
  src: local("☺"), url("../fonts/Stag Sans-Light.woff") format("woff"), url("../fonts/Stag Sans-Light.ttf") format("truetype"), url("../fonts/Stag Sans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Thin";
  src: url("../fonts/Stag Sans-Thin.ttf");
  src: local("☺"), url("../fonts/Stag Sans-Thin.woff") format("woff"), url("../fonts/Stag Sans-Thin.ttf") format("truetype"), url("../fonts/Stag Sans-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Medium";
  src: url("../fonts/Stag-Sans-Medium.ttf");
  src: local("☺"), url("../fonts/Stag-Sans-Medium.woff") format("woff"), url("../fonts/Stag-Sans-Medium.ttf") format("truetype"), url("../fonts/Stag-Sans-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBlackCon";
  src: url("../fonts/HelveticaNeueLTPro-BlkCn.ttf");
  src: local("☺"), url("../fonts/HelveticaNeueLTPro-BlkCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BlkCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BlkCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBoldCon";
  src: url("../fonts/HelveticaNeueLTPro-BdCn.ttf");
  src: local("☺"), url("../fonts/HelveticaNeueLTPro-BdCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BdCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BdCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Light";
  src: url("../fonts/Stag Sans-Light.ttf?#iefix"), format("embedded-opentype"), url("../fonts/Stag Sans-Light.woff") format("woff"), url("../fonts/Stag Sans-Light.ttf") format("truetype"), url("../fonts/Stag Sans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Thin";
  src: url("../fonts/Stag Sans-Thin.ttf?#iefix") format("embedded-opentype"), url("../fonts/Stag Sans-Thin.woff") format("woff"), url("../fonts/Stag Sans-Thin.ttf") format("truetype"), url("../fonts/Stag Sans-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Medium";
  src: url("../fonts/Stag-Sans-Medium.ttf?#iefix"), format("embedded-opentype"), url("../fonts/Stag-Sans-Medium.woff") format("woff"), url("../fonts/Stag-Sans-Medium.ttf") format("truetype"), url("../fonts/Stag-Sans-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBlackCon";
  src: url("../fonts/HelveticaNeueLTPro-BlkCn.ttf?#iefix"), format("embedded-opentype"), url("../fonts/HelveticaNeueLTPro-BlkCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BlkCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BlkCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBoldCon";
  src: url("../fonts/HelveticaNeueLTPro-BdCn.ttf?#iefix"), format("embedded-opentype"), url("../fonts/HelveticaNeueLTPro-BdCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BdCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BdCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
#ui-datepicker-div {
  margin: 5px 0 0 -20px;
}

.form-type-checkbox .skinned-checkbox-wrapper {
  background: url("../images/bg-checkbox.png") no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  float: left;
  margin-right: 9px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .form-type-checkbox .skinned-checkbox-wrapper {
    background-image: url("../images/bg-checkbox@2x.png");
    background-size: 20px 40px;
  }
}
.form-type-checkbox input[type=radio]:checked + .skinned-checkbox-wrapper {
  background-position: 0 -20px;
}
.form-type-checkbox label {
  cursor: pointer;
}
.form-type-checkbox label + a {
  padding-top: 2px;
  display: inline-block;
}

.btn {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #1D1F21;
  display: block;
  width: 132px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #555759;
  border-radius: 3px;
  text-align: center;
  color: #FFF;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.0769230769em;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.btn:hover {
  background: #212326;
}

input.btn {
  line-height: 34px;
}

.lightbox {
  background: #292C2F;
  position: absolute;
  border-radius: 3px;
  border-top: 6px solid #DF1B00;
  left: 50%;
  top: 25%;
  z-index: 4;
  display: block;
}
.lightbox.hidden {
  display: none;
}
.lightbox.visible {
  display: block;
}
.lightbox.confirm {
  width: 280px;
  margin-left: -140px;
}
.lightbox.confirm p {
  width: 170px;
  margin: 0 auto;
  font-family: "Stag Sans Light", Arial;
  text-align: center;
  color: #FFF;
  font-size: 1.2307692308em;
  margin-bottom: 54px;
  line-height: 18px;
}
.lightbox.confirm .buttons {
  width: 240px;
  margin: 0 auto;
  padding-bottom: 23px;
  zoom: 1;
}
.lightbox.confirm .buttons:before, .lightbox.confirm .buttons:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.lightbox.confirm .buttons:after {
  clear: both;
}
.lightbox.confirm .buttons a {
  width: 115px;
}
.lightbox.confirm .buttons a.no {
  float: left;
}
.lightbox.confirm .buttons a.yes {
  float: right;
}
.lightbox .close {
  background: url("../images/icon-close-x.png") 50% 50% no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 6px;
  border-radius: 3px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .lightbox .close {
    background-image: url("../images/icon-close-x@2x.png");
    background-size: 13px 13px;
  }
}
.lightbox .close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.lightbox h2 {
  color: #FFF;
  font-family: "Stag Sans Thin", Arial;
  font-size: 2.6153846154em;
  padding: 64px 0 29px 0;
  text-align: center;
}

.alert {
  background: #383A3D;
  border-radius: 3px;
  border-top: 6px solid #DF1B00;
  width: 300px;
  position: fixed;
  left: 50%;
  top: 25%;
  margin-left: -150px;
  z-index: 3;
  display: none;
}
.alert .inner {
  position: relative;
}
.alert .inner .close {
  background: url("../images/icon-close-x.png") 50% 50% no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 6px;
  border-radius: 3px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .alert .inner .close {
    background-image: url("../images/icon-close-x@2x.png");
    background-size: 13px 13px;
  }
}
.alert .inner .close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.alert .inner h2 {
  color: #FFF;
  font-family: "Stag Sans Thin", Arial;
  font-size: 2.6153846154em;
  padding: 45px 0 34px 0;
  text-align: center;
}
.alert .inner .text {
  padding: 40px 20px 20px 20px;
  text-align: center;
}
.alert .inner .text p {
  color: #FFF;
  line-height: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "Stag Sans Light", Arial;
}
.alert.confirm .buttons {
  width: 300px;
  margin-left: -20px;
  height: 48px;
}
.alert.confirm .buttons a {
  background: #DF1B00;
  width: 100%;
  height: 48px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2307692308em;
  font-family: "Stag Sans Light", Arial;
  border-radius: 3px;
  border: none;
  border-bottom: 2px solid #A71400;
  cursor: pointer;
  line-height: 48px;
  outline: none;
  display: block;
  width: 100px;
  float: left;
  margin-right: 20px;
  text-decoration: none;
  line-height: 50px;
}
.alert.confirm .buttons a:hover {
  background: #C81800;
}
.alert.confirm .buttons a.no {
  margin-left: 40px;
}

.login-box {
  background: #383A3D;
  border-radius: 3px;
  border-top: 6px solid #DF1B00;
  width: 300px;
  position: fixed;
  left: 50%;
  top: 15%;
  margin-left: -160px;
  z-index: 3;
  display: none;
}
.login-box .sign-up-here {
  text-align: center;
  margin-bottom: 20px;
  color: #FFF;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.0769230769em;
}
.login-box .sign-up-here a {
  color: #DF1B00;
  text-decoration: none;
}
.login-box.show-reset-password #ripcurl-login .close {
  display: none;
}
.login-box.show-reset-password .panel-reset-password {
  display: block;
}
.login-box.show-login .panel-login {
  display: block;
}
.login-box .panel-forgot-password .form-text {
  border-radius: 3px;
}
.login-box .panel {
  display: none;
}
.login-box .inner {
  position: relative;
  padding: 0 20px 1px;
}
.login-box .inner .separator {
  position: relative;
  border-bottom: 1px solid #45474A;
  width: 300px;
  height: 11px;
  margin: 0 0 27px -20px;
}
.login-box .inner .separator span {
  background: #383A3D;
  padding: 0 20px;
  position: absolute;
  top: 4px;
  left: 120px;
  font-family: "Stag Sans Light", Arial;
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.2307692308em;
}
.login-box .inner .close {
  background: url("../images/icon-close-x.png") 50% 50% no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 6px;
  border-radius: 3px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .login-box .inner .close {
    background-image: url("../images/icon-close-x@2x.png");
    background-size: 13px 13px;
  }
}
.login-box .inner .close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.login-box .inner h2 {
  color: #FFF;
  font-family: "Stag Sans Thin", Arial;
  font-size: 2.6153846154em;
  padding: 45px 0 34px 0;
  text-align: center;
}
.login-box .inner .facebook-login {
  background: url("../images/btn-bg-facebook-login-small.png") no-repeat;
  display: block;
  color: #FFF;
  width: 260px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: "Stag Sans Light", Arial;
  text-decoration: none;
  text-indent: 60px;
  margin-bottom: 24px;
  font-size: 1.2307692308em;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .login-box .inner .facebook-login {
    background-image: url("../images/btn-bg-facebook-login-small@2x.png");
    background-size: 260px 100px;
  }
}
.login-box .inner .facebook-login:hover {
  background-position: 0px -50px;
}
.login-box .inner label.error {
  display: none !important;
}
.login-box .inner .form-items input:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.login-box .inner .form-items input:last-child {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.login-box .inner .message-text {
  color: #FFF;
  text-align: center;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.0769230769em;
  margin-bottom: 9px;
  display: none;
}
.login-box .inner .message-text.error {
  color: #DF1B00;
}
.login-box .inner input:-webkit-autofill {
  background: #FFF !important;
}
.login-box .inner .form-text {
  background: #FFF;
  width: 230px;
  height: 51px;
  outline: none;
  padding: 0 15px;
  border: none;
  font-size: 1.2307692308em;
  font-family: "Stag Sans Light", Arial;
  border-bottom: 1px solid #BABABA;
}
.login-box .inner .form-text.error {
  background: #F9D1CC;
  border-bottom-color: #F4ADA3;
}
.login-box .inner .remember-me {
  zoom: 1;
  margin: 18px 0 0 48px;
  font-size: 1.2307692308em;
  font-family: "Stag Sans Light", Arial;
  color: #FFF;
  text-align: center;
}
.login-box .inner .remember-me:before, .login-box .inner .remember-me:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.login-box .inner .remember-me:after {
  clear: both;
}
.login-box .inner .form-submit {
  background: #DF1B00;
  width: 100%;
  height: 48px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2307692308em;
  font-family: "Stag Sans Light", Arial;
  border-radius: 3px;
  border: none;
  border-bottom: 2px solid #A71400;
  cursor: pointer;
  line-height: 48px;
  outline: none;
  width: 260px;
  margin: 18px 0 21px 0;
}
.login-box .inner .form-submit:hover {
  background: #C81800;
}
.login-box .inner .bottom {
  background: #26282B;
  width: 298px;
  height: 48px;
  border-radius: 0 0 3px 3px;
  font-size: 1.2307692308em;
  font-family: "Stag Sans Light", Arial;
  text-align: center;
  line-height: 48px;
  margin-left: -19px;
  color: #FFF;
}
.login-box .inner .bottom a {
  color: #DF1B00;
  text-decoration: none;
}
.login-box .inner .bottom a:hover {
  text-decoration: underline;
}
.login-box .inner .bottom.terms {
  font-size: 0.9230769231em;
}

.download-box {
  padding-bottom: 28px;
  text-align: center;
  color: #ffffff;
}
.download-box a {
  color: #3d86C8;
}
.download-box a:hover {
  color: #6093C2;
}
.download-box .buttons {
  margin-bottom: 14px;
}
.download-box .buttons a {
  color: #ffffff;
  border-bottom: 2px solid #486e91;
  border-radius: 3px;
  display: block;
  font: 1.0769230769em "Stag Sans Light", Arial;
  text-decoration: none;
  margin: 10px 0 0 0px;
  padding: 19px 9px 14px 56px;
  width: 190px;
}
.download-box .buttons a.mac-download {
  background: #3d86C8 url("../images/icon-mac-logo.png") no-repeat 19px 8px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .download-box .buttons a.mac-download {
    background-image: url("../images/icon-mac-logo@2x.png");
    background-size: 26px 32px;
  }
}
.download-box .buttons a.windows-download {
  background: #3d86C8 url("../images/icon-windows-logo.png") no-repeat 17px 8px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .download-box .buttons a.windows-download {
    background-image: url("../images/icon-windows-logo@2x.png");
    background-size: 32px 32px;
  }
}
.download-box .buttons a:hover {
  background-color: #6093C2;
}

.person {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  float: left;
  width: 220px;
  height: 173px;
  padding: 16px 0 0 0;
  border-radius: 5px;
  margin-right: 17px;
  border: 1px solid transparent;
}
.person:hover {
  background: #2E3033;
  border: 1px solid #212325;
  border-bottom-color: #1C1E20;
}
.person.pending {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.person.pending .picture .pending {
  display: block;
}
.person.is-self {
  text-align: center;
}
.person.is-self .bottom .profile-info {
  float: none;
}
.person .picture {
  position: relative;
  width: 108px;
  height: 108px;
  margin: 0 auto 12px auto;
}
.person .picture .pending {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 4px;
  left: 4px;
  display: none;
  width: 100px;
  height: 100px;
  font-family: "Stag Sans Light", Arial;
  text-align: center;
  color: #FFF;
  line-height: 105px;
  font-size: 1.2307692308em;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  text-transform: uppercase;
}
.person .picture .pending a {
  display: block;
  width: 100px;
  height: 100px;
  font-family: "Stag Sans Light", Arial;
  text-align: center;
  color: #FFF;
  line-height: 105px;
  font-size: 1.2307692308em;
  text-decoration: none;
}
.person .picture img {
  width: 100px;
  height: 100px;
  border: 4px solid #393B3E;
  border-radius: 100px;
}
.person .picture .pro {
  position: absolute;
  top: 81px;
  left: 73px;
  background: url("../images/icon-probadge.png") no-repeat;
  width: 25px;
  height: 19px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .person .picture .pro {
    background-image: url("../images/icon-probadge@2x.png");
    background-size: 25px 19px;
  }
}
.person .bottom {
  zoom: 1;
}
.person .bottom:before, .person .bottom:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.person .bottom:after {
  clear: both;
}
.person .bottom .follow-user-toggle {
  float: left;
  width: 34px;
  margin: 0 10px 0 20px;
}
.person .bottom .follow-toggle.following {
  background: url("../images/icon-already-following-user.png") no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-top: -2px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .person .bottom .follow-toggle.following {
    background-image: url("../images/icon-already-following-user@2x.png");
    background-size: 22px 22px;
  }
}
.person .bottom .follow-toggle.pending {
  background: url("../images/icon-user-pending.png") no-repeat;
  width: 34px;
  height: 34px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .person .bottom .follow-toggle.pending {
    background-image: url("../images/icon-user-pending@2x.png");
    background-size: 34px 34px;
  }
}
.person .bottom .follow-toggle.not-following {
  background: url("../images/icon-follow-user.png") no-repeat;
  width: 34px;
  height: 34px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .person .bottom .follow-toggle.not-following {
    background-image: url("../images/icon-follow-user@2x.png");
    background-size: 34px 34px;
  }
}
.person .bottom .follow-toggle a {
  display: block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
}
.person .bottom .profile-info {
  float: left;
}
.person .bottom .profile-info h2 {
  font-family: "Stag Sans Light", Arial;
  font-size: 1.3846153846em;
  margin-bottom: 2px;
  color: #FFF;
}
.person .bottom .profile-info h2 a {
  color: #FFF;
  text-decoration: none;
}
.person .bottom .profile-info .location {
  background: url("../images/icon-location-pin-small.png") no-repeat;
  color: #BCBDBD;
  display: inline-block;
  height: 12px;
  padding: 2px 0 0 14px;
  font-family: "Stag Sans Light", Arial;
  font-size: 0.9230769231em;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .person .bottom .profile-info .location {
    background-image: url("../images/icon-location-pin-small@2x.png");
    background-size: 10px 14px;
  }
}

.find-surfers {
  display: none;
}
.find-surfers .top {
  border-bottom: none;
  margin-bottom: 33px;
  padding-bottom: 0;
}
.find-surfers .tab-section {
  display: none;
}
.find-surfers .tab-section.active {
  display: block;
}
.find-surfers .no-friends p {
  color: #BEBEBE;
  font-size: 1.2307692308em;
  margin-bottom: 15px;
  font-family: "Stag Sans Light", Arial;
}
.find-surfers .no-friends .btn {
  width: auto;
  display: inline-block;
  padding: 0 15px;
}
.find-surfers #invite-friends-input {
  height: 40px;
}
.find-surfers #invite-friends-input ul {
  background-color: #FFFFFF;
  width: 420px;
  border-radius: 3px;
  padding: 2px 2px;
  margin-left: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  min-height: 40px;
}
.find-surfers #invite-friends-input ul li {
  display: inline-block;
}
.find-surfers #invite-friends-input ul li.tag {
  background-color: #6297c8;
  border-radius: 3px;
  padding: 9px 12px 9px 13px;
  position: relative;
  margin-bottom: 3px;
  margin-right: 3px;
}
.find-surfers #invite-friends-input ul li.tag .text {
  display: block;
  color: #FFFFFF;
  font: 14px Arial;
  padding-right: 22px;
}
.find-surfers #invite-friends-input ul li.tag .delete {
  position: absolute;
  right: 12px;
  top: 8px;
  background: url("../images/icon-tag-close.png") no-repeat;
  height: 18px;
  width: 18px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .find-surfers #invite-friends-input ul li.tag .delete {
    background-image: url("../images/icon-tag-close@2x.png");
    background-size: 18px 18px;
  }
}
.find-surfers #invite-friends-input ul li.tag .delete a {
  display: block;
  height: 100%;
  width: 100%;
}
.find-surfers #invite-friends-input ul li.new-item {
  height: 100%;
  width: 230px;
}
.find-surfers #invite-friends-input ul li.new-item input {
  border: 0;
  margin: 0;
  color: #b8b8b8;
  font: 14px Arial;
  outline: none;
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.find-surfers #invite-friends-input .send {
  border: 1px solid #4F5153;
  background-color: #1F2124;
  color: #ffffff;
  font: 1.0769230769em "Stag Sans Light", Arial;
  margin: 0 0 0 10px;
  padding: 13px 51px 10px 51px;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
}
.find-surfers .results {
  display: none;
  margin-top: 20px;
  clear: both;
  padding-top: 20px;
  zoom: 1;
}
.find-surfers .results:before, .find-surfers .results:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.find-surfers .results:after {
  clear: both;
}
.find-surfers .results p {
  color: #BCBDBD;
  font-size: 1.2307692308em;
  font-family: "Stag Sans Light", Arial;
  margin-bottom: 20px;
}
.find-surfers .results .email {
  background: #35373B url("../images/icon-email-invite-success.png") 12px 6px no-repeat;
  border-radius: 3px;
  height: 34px;
  line-height: 34px;
  color: #FFF;
  padding: 0 15px 0 43px;
  margin-bottom: 3px;
  display: table;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .find-surfers .results .email {
    background-image: url("../images/icon-email-invite-success@2x.png");
    background-size: 22px 22px;
  }
}
.find-surfers #find-surfers-input .text {
  color: #333;
  border-radius: 3px;
  border: none;
  width: 267px;
  height: 36px;
  padding-left: 13px;
  outline: none;
  cursor: text;
  float: left;
}
.find-surfers #find-surfers-input .text.invalid {
  color: #ff0000;
}
.find-surfers #find-surfers-input .search {
  display: inline-block;
  margin: 0 0 0 10px;
}

.follow-tabs {
  background: none;
  border-bottom: 1px solid #DF1B00;
  height: 26px;
  margin-bottom: 40px;
}
.follow-tabs ul {
  padding-left: 0;
}
.follow-tabs ul li {
  font-size: 1.2307692308em;
  margin-right: 28px;
  float: left;
}
.follow-tabs ul li a {
  font-family: "Stag Sans Light", Arial;
  color: #BCBDBD;
  display: block;
  height: 26px;
  line-height: normal;
  border: none;
  text-decoration: none;
}
.follow-tabs ul li.active a {
  background: url("../images/icon-red-tab-triangle.png") bottom center no-repeat;
  color: #FFF;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .follow-tabs ul li.active a {
    background-image: url("../images/icon-red-tab-triangle@2x.png");
    background-size: 14px 7px;
  }
}

.zoom-controls {
  background: #232528 url("../images/bg-map-zoom-divider.png") 50% 50% no-repeat;
  border-radius: 3px;
  width: 29px;
  height: 57px;
}
.zoom-controls a {
  display: block;
  text-indent: -9999px;
  width: 29px;
  height: 28px;
}
.zoom-controls a.in {
  background: url("../images/icon-map-zoom-plus.png") 50% 50% no-repeat;
  margin-bottom: 1px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .zoom-controls a.in {
    background-image: url("../images/icon-map-zoom-plus@2x.png");
    background-size: 11px 11px;
  }
}
.zoom-controls a.out {
  background: url("../images/icon-map-zoom-minus.png") 50% 50% no-repeat;
  height: 28px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .zoom-controls a.out {
    background-image: url("../images/icon-map-zoom-minus@2x.png");
    background-size: 11px 11px;
  }
}

.offscreen {
  position: absolute;
  visibility: hidden;
  width: 320px;
  height: 320px;
}

#unsupported-box #ripcurl-unsupported p.white-text {
  color: #bebebe;
  font: 16px "Stag Sans Light", Arial;
  text-align: center;
}
#unsupported-box #ripcurl-unsupported p.white-text.spacer {
  padding-bottom: 20px;
}
#unsupported-box #ripcurl-unsupported .browser-details {
  color: #FFFFFF;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#login-buttons .fb-login-btn {
  background: url("../images/btn-bg-facebook-login.png") no-repeat;
  display: block;
  width: 217px;
  height: 36px;
  padding: 24px 0 0 94px;
  color: #FFF;
  text-transform: uppercase;
  font-family: "Stag Sans Light", Arial;
  text-decoration: none;
  font-size: 1.2307692308em;
  margin-bottom: 10px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #login-buttons .fb-login-btn {
    background-image: url("../images/btn-bg-facebook-login@2x.png");
    background-size: 311px 60px;
  }
}
#login-buttons .ripcurl-signup-btn {
  background: rgba(0, 0, 0, 0.3);
  display: block;
  width: 310px;
  height: 50px;
  color: #FFF;
  font-size: 1.0769230769em;
  text-transform: uppercase;
  font-family: "Stag Sans Light", Arial;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  line-height: 54px;
  margin-bottom: 10px;
}

#global-messages {
  position: absolute;
  width: 100%;
  z-index: 99;
  left: 80px;
}
#global-messages .message {
  display: none;
  height: 80px;
  color: #FFF;
  line-height: 82px;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.3846153846em;
  text-indent: 62px;
}
#global-messages .message.error {
  background: #AC1500 url("../images/icon-message-alert.png") 19px 24px no-repeat;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #global-messages .message.error {
    background-image: url("../images/icon-message-alert@2x.png");
    background-size: 32px 32px;
  }
}
#global-messages .message.success {
  background: #3D86C8 url("../images/icon-message-tick.png") 19px 24px no-repeat;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #global-messages .message.success {
    background-image: url("../images/icon-message-tick@2x.png");
    background-size: 32px 32px;
  }
}

#surf-photo-lightbox {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: 80px;
  display: none;
}
#surf-photo-lightbox.portrait {
  background: #1C1D1F;
}
#surf-photo-lightbox.portrait .inner {
  position: fixed;
  width: 600px;
  left: 50%;
  margin-left: -300px;
}
#surf-photo-lightbox.portrait .inner .overlay {
  width: 600px;
}
#surf-photo-lightbox .inner {
  position: relative;
}
#surf-photo-lightbox .inner .close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}
#surf-photo-lightbox .inner .close a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.2) url("../images/icon-close-panel.png") 50% 50% no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #surf-photo-lightbox .inner .close a {
    background-image: url("../images/icon-close-panel@2x.png");
    background-size: 14px 14px;
  }
}
#surf-photo-lightbox .inner .close a:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
#surf-photo-lightbox .inner .overlay {
  background: url("../images/bg-image-tile-overlay.png") repeat;
  position: fixed;
  width: 100%;
  height: 100%;
}
#surf-photo-lightbox .inner img {
  width: 100%;
}

.lazyLoad {
  width: 100px;
  margin: 20px auto;
}

/* Modifiers */
.white {
  color: #fff;
}

#modal-overlay,
#lightbox-overlay,
#profile-overlay,
#loading-overlay,
#antavo-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
#modal-overlay#loading-overlay,
#lightbox-overlay#loading-overlay,
#profile-overlay#loading-overlay,
#loading-overlay#loading-overlay,
#antavo-overlay#loading-overlay {
  z-index: 10;
}
#modal-overlay #loading-hud,
#lightbox-overlay #loading-hud,
#profile-overlay #loading-hud,
#loading-overlay #loading-hud,
#antavo-overlay #loading-hud {
  background: #000;
  width: 100px;
  height: 35px;
  border-radius: 10px;
  color: #FFF;
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -50px 0 0 -60px;
  text-align: center;
  padding-top: 95px;
  font-size: 0.9230769231em;
  font-family: "Stag Sans Light", Arial;
}
#modal-overlay #loading-hud .spinner,
#lightbox-overlay #loading-hud .spinner,
#profile-overlay #loading-hud .spinner,
#loading-overlay #loading-hud .spinner,
#antavo-overlay #loading-hud .spinner {
  margin-bottom: 10px;
  left: 50px !important;
  top: -40px !important;
}

.ios-switch {
  width: 58px;
  height: 25px;
  position: relative;
  background-color: #E5E5E5;
  border-radius: 100px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ios-switch .label {
  color: #FFF;
  font-size: 11px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.ios-switch.on {
  background: #6297C8;
}

.ios-switch .background-fill {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
}

.ios-switch .state-background {
  border-radius: 100px;
  z-index: 2;
  background: #BEBEBE;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ios-switch .state-background .label {
  right: 8px;
  left: auto;
}

.ios-switch .handle {
  width: 23px;
  height: 23px;
  background: #464A4C;
  cursor: pointer;
  top: 1px;
  left: 1px;
  position: absolute;
  border-radius: 20px;
  z-index: 3;
  -o-transition: -o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -o-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -webkit-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33), -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.ios-switch.off .handle {
  -webkit-animation: expand-off 0.3s 0.2s;
  animation: expand-off 0.3s 0.2s;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.ios-switch.off .on-background {
  -o-transition: 0.3s 0s;
  -webkit-transition: 0.3s 0s;
  transition: 0.3s 0s;
}

.ios-switch.off .state-background {
  -o-transition: 0.4s 0.25s;
  -webkit-transition: 0.4s 0.25s;
  transition: 0.4s 0.25s;
}

.ios-switch.on .handle {
  -webkit-animation: expand-on 0.3s 0.2s;
  animation: expand-on 0.3s 0.2s;
  -ms-transform: translate3d(33px, 0, 0);
  -webkit-transform: translate3d(33px, 0, 0);
  transform: translate3d(33px, 0, 0);
}

.ios-switch.on .on-background {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}

.ios-switch.on .state-background {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

@keyframes expand-on {
  0% {
    width: 23px;
  }
  40% {
    width: 23px;
  }
  100% {
    width: 23px;
  }
}
@keyframes expand-off {
  0% {
    width: 23px;
    left: 1px;
  }
  40% {
    width: 23px;
    left: 1px;
  }
  100% {
    width: 23px;
    left: 1px;
  }
}
@-webkit-keyframes expand-on {
  0% {
    width: 23px;
  }
  40% {
    width: 23px;
  }
  100% {
    width: 23px;
  }
}
@-webkit-keyframes expand-off {
  0% {
    width: 23px;
    left: 1px;
  }
  40% {
    width: 23px;
    left: 1px;
  }
  100% {
    width: 23px;
    left: 1px;
  }
}
/****************************

 ____                    ____                   ___
/\  _`\   __            /\  _`\                /\_ \
\ \ \L\ \/\_\  _____    \ \ \/\_\  __  __  _ __\//\ \
 \ \ ,  /\/\ \/\ '__`\   \ \ \/_/_/\ \/\ \/\`'__\\ \ \
  \ \ \\ \\ \ \ \ \L\ \   \ \ \L\ \ \ \_\ \ \ \/  \_\ \_
   \ \_\ \_\ \_\ \ ,__/    \ \____/\ \____/\ \_\  /\____\
    \/_/\/ /\/_/\ \ \/      \/___/  \/___/  \/_/  \/____/
                 \ \_\
                  \/_/

*****************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

a img {
  border: none;
}

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

/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
/*@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
  $usage: prefix-usage($prefix, $capability, $capability-options);
  @if $usage > $threshold {
    @return $usage;
  } @else {
    @each $browser in browsers($prefix) {
      @if index($supported-browsers, $browser) {
        $min-version: map-get($browser-minimum-versions, $browser);
        @if $min-version {
          $actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
          @if $actual-prefix and $prefix == $actual-prefix {
            @return $browser $min-version;
          }
        }
      }
    }
  }
  @return false;
}*/
@font-face {
  font-family: "Stag Sans Light";
  src: url("../fonts/Stag Sans-Light.ttf");
  src: local("☺"), url("../fonts/Stag Sans-Light.woff") format("woff"), url("../fonts/Stag Sans-Light.ttf") format("truetype"), url("../fonts/Stag Sans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Thin";
  src: url("../fonts/Stag Sans-Thin.ttf");
  src: local("☺"), url("../fonts/Stag Sans-Thin.woff") format("woff"), url("../fonts/Stag Sans-Thin.ttf") format("truetype"), url("../fonts/Stag Sans-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Medium";
  src: url("../fonts/Stag-Sans-Medium.ttf");
  src: local("☺"), url("../fonts/Stag-Sans-Medium.woff") format("woff"), url("../fonts/Stag-Sans-Medium.ttf") format("truetype"), url("../fonts/Stag-Sans-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBlackCon";
  src: url("../fonts/HelveticaNeueLTPro-BlkCn.ttf");
  src: local("☺"), url("../fonts/HelveticaNeueLTPro-BlkCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BlkCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BlkCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBoldCon";
  src: url("../fonts/HelveticaNeueLTPro-BdCn.ttf");
  src: local("☺"), url("../fonts/HelveticaNeueLTPro-BdCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BdCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BdCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Light";
  src: url("../fonts/Stag Sans-Light.ttf?#iefix"), format("embedded-opentype"), url("../fonts/Stag Sans-Light.woff") format("woff"), url("../fonts/Stag Sans-Light.ttf") format("truetype"), url("../fonts/Stag Sans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Thin";
  src: url("../fonts/Stag Sans-Thin.ttf?#iefix") format("embedded-opentype"), url("../fonts/Stag Sans-Thin.woff") format("woff"), url("../fonts/Stag Sans-Thin.ttf") format("truetype"), url("../fonts/Stag Sans-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stag Sans Medium";
  src: url("../fonts/Stag-Sans-Medium.ttf?#iefix"), format("embedded-opentype"), url("../fonts/Stag-Sans-Medium.woff") format("woff"), url("../fonts/Stag-Sans-Medium.ttf") format("truetype"), url("../fonts/Stag-Sans-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBlackCon";
  src: url("../fonts/HelveticaNeueLTPro-BlkCn.ttf?#iefix"), format("embedded-opentype"), url("../fonts/HelveticaNeueLTPro-BlkCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BlkCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BlkCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBoldCon";
  src: url("../fonts/HelveticaNeueLTPro-BdCn.ttf?#iefix"), format("embedded-opentype"), url("../fonts/HelveticaNeueLTPro-BdCn.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-BdCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-BdCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! jQuery UI - v1.10.3 - 2013-11-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 224px;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 11px;
  width: 7px;
  height: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.ui-datepicker .ui-datepicker-prev {
  background: url("../images/icon-datepicker-left.png") no-repeat;
  left: 9px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .ui-datepicker .ui-datepicker-prev {
    background-image: url("../images/icon-datepicker-left@2x.png");
    background-size: 7px 12px;
  }
}

.ui-datepicker .ui-datepicker-next {
  background: url("../images/icon-datepicker-right.png") no-repeat;
  right: 9px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .ui-datepicker .ui-datepicker-next {
    background-image: url("../images/icon-datepicker-right@2x.png");
    background-size: 7px 12px;
  }
}

.ui-datepicker .ui-datepicker-prev:hover {
  background: url("../images/icon-datepicker-left-hover.png") no-repeat;
  border: none;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .ui-datepicker .ui-datepicker-prev:hover {
    background-image: url("../images/icon-datepicker-left-hover@2x.png");
    background-size: 7px 12px;
  }
}

.ui-datepicker .ui-datepicker-next:hover {
  background: url("../images/icon-datepicker-right-hover.png") no-repeat;
  border: none;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .ui-datepicker .ui-datepicker-next:hover {
    background-image: url("../images/icon-datepicker-right-hover@2x.png");
    background-size: 7px 12px;
  }
}

.ui-datepicker .ui-datepicker-title {
  height: 30px;
  text-align: center;
  line-height: 32px;
}

.ui-datepicker .ui-datepicker-title select {
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
  background-color: rgba(54, 56, 60, 0.9);
  border: 0;
  color: white !important;
}

.ui-datepicker table {
  width: 231px !important;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers */
.ui-widget-header {
  background: rgba(54, 56, 60, 0.9);
  color: #FFF;
  font-family: "Stag Sans Light", Arial;
  font-size: 0.9230769231em;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-transform: uppercase;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #cccccc;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
}

.ui-datepicker-calendar thead {
  background: rgba(54, 56, 60, 0.9);
  color: #FFF;
  font-family: "Stag Sans Light", Arial;
  font-size: 0.9230769231em;
}
.ui-datepicker-calendar tbody {
  background: rgba(28, 29, 31, 0.95);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-datepicker-calendar tbody a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #FFF;
  font-family: "Stag Sans Light", Arial;
  font-size: 12px;
  border-radius: 50px;
  display: block;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}
.ui-datepicker-calendar tbody a:hover {
  background: #2E3033;
}
.ui-datepicker-calendar tbody .ui-datepicker-current-day a {
  background: #3D86C8;
}

.ui-widget-content {
  background: none;
  border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
  border: none;
  color: #FFF;
}

.ui-datepicker .ui-datepicker-header {
  width: 231px;
  padding: 0;
  border-radius: 3px 3px 0 0;
  border: none;
}

.ui-datepicker .ui-datepicker-title {
  font-size: 12px;
}

.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
  font-weight: normal;
}

.ie9 .ios-switch.on .handle {
  left: 33px;
}

::-ms-clear {
  display: none;
}

body {
  font-family: Arial;
  font-size: 13px;
}
body.no-scroll {
  height: 100%;
  overflow: hidden;
}

h2,
#t-and-c h3 {
  color: #00A1E0;
  font-size: 50px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Stag Sans Light", Arial;
}

p, li {
  color: #7F7F7F;
  font-family: "Stag Sans Light", Arial;
  font-size: 16px;
  line-height: 22px;
}

p, ul {
  margin-bottom: 26px;
}
p.bottom, ul.bottom {
  margin-bottom: 0;
}

li {
  background: url("/images/welcome/li.png") 0 50% no-repeat;
  padding-left: 19px;
}

a {
  text-decoration: none;
}
a.link {
  color: #00A1E0;
  display: inline-block;
  padding-right: 10px;
  background: url("/images/welcome/link-arrow.png") right no-repeat;
}
a.button {
  background: #00A1E0;
  display: block;
  width: 174px;
  height: 50px;
  line-height: 53px;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  font-family: "Stag Sans Light", Arial;
  text-transform: uppercase;
}
a.button:hover {
  background: #0087C1;
}

#p-welcome.p-onboarding {
  background: fixed url("../images/bg-on-boarding.jpg") top center no-repeat;
  background-size: cover;
}

#modal-overlay {
  z-index: 2;
}

#app-login-form p {
  margin-bottom: 0;
}

#video {
  width: 640px;
  height: 390px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -195px 0 0 -320px;
  z-index: 9;
  display: none;
}
#video a {
  background: url("/images/welcome/close.png");
  position: absolute;
  right: -55px;
  top: 0;
  width: 55px;
  height: 52px;
  text-indent: -9999px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #video a {
    background-image: url("/images/welcome/close@2x.png");
    background-size: 55px 52px;
  }
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

#signup-box a.facebook-login {
  margin-top: 20px;
}

#signup-box h2,
#crc-box h2 {
  text-transform: none;
  margin-bottom: 10px;
}

#crc-box h2 {
  text-transform: none;
}
#crc-box #crc-password .passwordStrengthBar {
  width: 0;
  height: 6px;
  background-color: #00a1e0;
  margin-top: 16px;
}
#crc-box #crc-password .passwordStrengthLabel {
  margin-top: 8px;
  margin-bottom: 16px;
  text-align: left;
  font-family: "Stag Sans Light", Arial;
}
#crc-box #crc-password .passwordStrengthLabel.empty {
  visibility: hidden;
}
#crc-box #crc-password .subtitle {
  margin-bottom: 18px;
  font-family: "Stag Sans Light", Arial;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 20px;
}
#crc-box #crc-enter-profile .error:not(:empty) {
  clear: both;
  display: block;
}
#crc-box #crc-enter-profile .date-of-birth {
  position: relative;
}
#crc-box #crc-enter-profile .date-of-birth::after {
  content: "";
  background-image: url("/images/date-of-birth.svg");
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
#crc-box #crc-in-progress #crc-spinner {
  margin-top: 150px;
  height: 58px;
}
#crc-box #crc-in-progress .intro {
  margin-top: 45px;
  margin-bottom: 150px;
}
#crc-box #crc-linking .linking {
  width: 210px;
  margin: 42px auto 250px auto;
}
#crc-box #crc-linking .linking .circle {
  position: relative;
  width: 40px;
  height: 40px;
}
#crc-box #crc-linking .linking .circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#crc-box #crc-linking .linking .circle:not(:last-child)::before {
  border: 4px #bbb solid;
}
#crc-box #crc-linking .linking .circle:last-child::before {
  background-color: #bbb;
}
#crc-box #crc-linking .linking .circle:last-child.filled::before {
  background-color: #5ac8e3;
}
#crc-box #crc-linking .linking .circle:last-child .check .line {
  background-color: #fff;
}
#crc-box #crc-linking .linking .circle .half {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
#crc-box #crc-linking .linking .circle .half::after {
  content: "";
  position: absolute;
  top: 0;
  width: 200%;
  height: 100%;
  border: 4px solid;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#crc-box #crc-linking .linking .circle .half:first-child {
  left: 50%;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  color: #5ac8e3;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
#crc-box #crc-linking .linking .circle .half:first-child::after {
  left: -20px;
}
#crc-box #crc-linking .linking .circle .half:nth-child(2) {
  left: 0;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  color: #bbb;
  -webkit-animation-timing-function: step-end;
          animation-timing-function: step-end;
}
#crc-box #crc-linking .linking .circle .half:nth-child(2)::after {
  left: 0;
  z-index: 1;
}
#crc-box #crc-linking .linking .circle:first-child .check .line::before {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
#crc-box #crc-linking .linking .circle:nth-child(3) .check .line::before {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}
#crc-box #crc-linking .linking .circle:nth-child(3) .half {
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}
#crc-box #crc-linking .linking .circle .label {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(20px, -50%);
      -ms-transform: translate(20px, -50%);
          transform: translate(20px, -50%);
  font-size: 20px;
  font-family: "Stag Sans Light", Arial;
  white-space: nowrap;
  text-align: left;
}
#crc-box #crc-linking .linking.withMiddleCheck .skipped {
  display: none;
}
#crc-box #crc-linking .linking:not(.withMiddleCheck) > .circle:nth-child(3) .check {
  display: none;
}
#crc-box #crc-linking .linking:not(.withMiddleCheck) > .circle:nth-child(3) .skipped {
  font-size: 16px;
  margin-top: 2px;
}
#crc-box #crc-linking .linking .line {
  width: 4px;
  background-color: #bbb;
}
#crc-box #crc-linking .linking .line::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  color: #2f2f2f;
  background-color: #5ac8e3;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
#crc-box #crc-linking .linking > .line {
  position: relative;
  margin-left: 18px;
  height: 16px;
}
#crc-box #crc-linking .linking > .line::before {
  top: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
#crc-box #crc-linking .linking > .line:nth-child(2)::before {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
#crc-box #crc-linking .linking > .line:nth-child(4)::before {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}
#crc-box #crc-linking .linking.withMiddleCheck > .line:nth-child(4)::before {
  -webkit-animation-delay: 5.3s;
          animation-delay: 5.3s;
}
#crc-box #crc-linking .linking .check .line {
  position: absolute;
  left: 42%;
  bottom: 35%;
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
}
#crc-box #crc-linking .linking .check .line::before {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#crc-box #crc-linking .linking .check .line:first-child {
  height: 11px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#crc-box #crc-linking .linking .check .line:first-child::before {
  top: 0;
}
#crc-box #crc-linking .linking .check .line:last-child {
  height: 15px;
  -webkit-transform: rotate(45deg) translateY(1px);
      -ms-transform: rotate(45deg) translateY(1px);
          transform: rotate(45deg) translateY(1px);
}
#crc-box #crc-linking .linking .check .line:last-child::before {
  bottom: 0;
}
#crc-box #crc-linking .linking.animating .half {
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#crc-box #crc-linking .linking.animating .half:first-child {
  -webkit-animation-name: ripcurlCircleFirstHalf;
          animation-name: ripcurlCircleFirstHalf;
}
#crc-box #crc-linking .linking.animating .half:nth-child(2) {
  -webkit-animation-name: ripcurlCircleSecondHalf;
          animation-name: ripcurlCircleSecondHalf;
}
#crc-box #crc-linking .linking.animating > .line::before {
  -webkit-animation-name: ripcurlLine;
          animation-name: ripcurlLine;
}
#crc-box #crc-linking .linking.animating .circle:not(:last-child) .check .line:first-child::before {
  -webkit-animation-name: ripcurlCheckFirstLine;
          animation-name: ripcurlCheckFirstLine;
}
#crc-box #crc-linking .linking.animating .circle:not(:last-child) .check .line:nth-child(2)::before {
  -webkit-animation-name: ripcurlCheckSecondLine;
          animation-name: ripcurlCheckSecondLine;
}
#crc-box #crc-welcome .card {
  width: 242px;
  height: 130px;
  background-image: url("/images/welcomev2/card.jpg");
  background-size: cover;
  color: #000;
  padding-top: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 17px;
  border-radius: 7px;
}
#crc-box #crc-welcome .card .name {
  display: block;
  font-weight: bold;
}
#crc-box #crc-welcome .card .member {
  margin-top: 19px;
  font-size: 12px;
}
#crc-box #crc-welcome ul {
  margin-bottom: 15px;
}
#crc-box #crc-welcome li {
  text-align: left;
  margin: 8px 0;
  padding-left: 43px;
  position: relative;
  background-image: none;
  font-size: 15px;
}
#crc-box #crc-welcome li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 23px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#crc-box #crc-welcome li:first-child::before {
  background-image: url("/images/welcomev2/clubicon1.svg");
}
#crc-box #crc-welcome li:nth-child(2)::before {
  background-image: url("/images/welcomev2/clubicon2.svg");
}
#crc-box #crc-welcome li:nth-child(3)::before {
  background-image: url("/images/welcomev2/clubicon3.svg");
}
#crc-box #crc-welcome li:last-child::before {
  background-image: url("/images/welcomev2/clubicon4.svg");
}
#crc-box #crc-welcome .button {
  color: #fff;
  width: 100%;
  text-transform: none;
}

@-webkit-keyframes ripcurlLine {
  100% {
    height: 100%;
  }
}

@keyframes ripcurlLine {
  100% {
    height: 100%;
  }
}
@-webkit-keyframes ripcurlCheckFirstLine {
  50%, 100% {
    height: 100%;
  }
}
@keyframes ripcurlCheckFirstLine {
  50%, 100% {
    height: 100%;
  }
}
@-webkit-keyframes ripcurlCheckSecondLine {
  50% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes ripcurlCheckSecondLine {
  50% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes ripcurlCircleFirstHalf {
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes ripcurlCircleFirstHalf {
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes ripcurlCircleSecondHalf {
  50%, 100% {
    color: #5ac8e3;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes ripcurlCircleSecondHalf {
  50%, 100% {
    color: #5ac8e3;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.panel-box {
  /* Overrides */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: auto;
  top: auto;
  position: relative;
  margin-left: 0;
  background: none;
  border: none;
  max-width: 360px;
  height: 578px;
  width: 360px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .panel-box {
    height: auto;
    width: auto;
  }
}
.panel-box .panel-login {
  display: inline-block;
}
.panel-box .panel-login .crc-enabled {
  display: none;
}
.panel-box .panel {
  max-width: 316px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  padding: 20px 20px 16px 20px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 120px 0px rgba(56, 132, 198, 0.4);
          box-shadow: 0px 0px 120px 0px rgba(56, 132, 198, 0.4);
  text-align: center;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .panel-box .panel {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    border-radius: 0;
    margin: 0 auto;
  }
}
.panel-box .panel span.intro {
  color: rgba(47, 47, 47, 0.7);
  font-size: 16px;
  margin: 10px 0 18px 0;
  display: block;
  font-family: "Stag Sans Light", Arial;
}
.panel-box .panel input {
  display: block;
  border-radius: 2px;
  border: 1px solid #00a1e0;
  padding: 18px;
  font-size: 16px;
  margin-bottom: 9px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #8d9198;
  min-width: 0;
}
@media (min-width: 375px) {
  .panel-box .panel input {
    min-width: 316px;
  }
}
.panel-box .panel input.form-submit {
  clear: both;
  background: #00a1e0;
  color: #fff;
  font-size: 18px;
  width: 100%;
  cursor: pointer;
  font-family: "Stag Sans Light", Arial;
}
.panel-box .panel input.form-submit.invalid {
  background: #292c2f;
  border-color: #292c2f;
}
.panel-box .panel input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #8d9198;
}
.panel-box .panel input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8d9198;
  opacity: 1;
}
.panel-box .panel input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8d9198;
}
.panel-box .panel input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8d9198;
}
.panel-box .panel input::placeholder {
  /* Most modern browsers support this now. */
  color: #8d9198;
}
.panel-box .panel .row[data-error] input,
.panel-box .panel .row[data-error] select {
  border-color: #DF1B00;
}
.panel-box .panel .row[data-error]::after {
  display: block;
  content: attr(data-error);
  color: #DF1B00;
  text-align: left;
  margin-top: 9px;
  margin-bottom: 9px;
}
.panel-box .panel .form-text {
  cursor: text;
  font-family: "Stag Sans Light", Arial;
}
.panel-box .panel select {
  background: #FFF url("../images/icon-dropdown.png") top 50% right 10px no-repeat;
  border: none;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  text-indent: 12px;
  color: #B8B8B8;
  border-radius: 3px;
  color: #8d9198;
  border: 1px solid #00a1e0;
  padding-left: 7px;
  font-size: 16px;
  font-family: "Stag Sans Light", Arial;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .panel-box .panel select {
    background-image: url("../images/icon-dropdown@2x.png");
    background-size: 11px 8px;
  }
}
.panel-box .panel .separator {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  background: #e8e8e8;
  display: inline-block;
  width: 100%;
  height: 5px;
  text-align: center;
  position: relative;
}
.panel-box .panel .separator span {
  background: #fff;
  font-size: 16px;
  width: 40px;
  height: 10px;
  display: block;
  margin: -5px auto 0 auto;
}
.panel-box .panel .apple-signup {
  margin-bottom: 16px;
}
.panel-box .panel .message-text {
  display: none;
  padding: 10px 0;
  color: red;
}
.panel-box .panel .form-type-checkbox {
  margin-bottom: 14px;
  display: inline-block;
  float: left;
  font-family: "Stag Sans Light", Arial;
}
.panel-box .panel .form-type-checkbox label {
  font-size: 14px;
  color: #8d9198;
}
.panel-box .panel .form-type-checkbox .skinned-checkbox-wrapper {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url("../images/welcomev2/checkbox-sprite.png") no-repeat left top;
}
.panel-box .panel .form-type-checkbox input[type=checkbox]:checked + .skinned-checkbox-wrapper {
  background-position: left bottom;
}
.panel-box .panel a.facebook-login {
  display: block;
  background: #3b5998;
  color: #fff;
  border-radius: 4px;
  font-size: 1.2307692308em;
  text-align: center;
  line-height: 50px;
  font-family: "Stag Sans Light", Arial;
}
.panel-box .panel a.facebook-login i {
  width: 10px;
  height: 20px;
  display: inline-block;
  background: url("../images/welcomev2/fb-icon.png") no-repeat left top;
  margin-right: 15px;
  position: relative;
  top: 4px;
}
.panel-box .panel p.sign-up-here,
.panel-box .panel p.login-here {
  text-align: center;
  margin-bottom: 0;
  margin-top: 12px;
  color: rgba(47, 47, 47, 0.7);
  font-family: "Stag Sans Light", Arial;
  font-size: 1.2307692308em;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .panel-box .panel p.sign-up-here,
.panel-box .panel p.login-here {
    text-align: center;
  }
}
.panel-box .panel p.sign-up-here a,
.panel-box .panel p.login-here a {
  color: #009FE3;
  text-decoration: none;
}
.panel-box .panel a {
  color: #009FE3;
}
.panel-box .panel .decline,
.panel-box .panel .accept {
  display: inline-block;
  width: 100%;
  height: 48px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.23077em;
  font-family: "Stag Sans Light", Arial;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  line-height: 48px;
  outline: none;
  width: calc(50% - 10px);
  margin: 18px 0 21px 0;
}
.panel-box .panel .decline {
  background: #292c2f;
  margin-right: 10px;
}
.panel-box .panel .accept {
  background: #00a1e0;
}
.panel-box .login-shadow {
  display: block;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .panel-box .login-shadow {
    display: none;
  }
}
.panel-box .panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: transparent;
  z-index: 2;
  max-width: none;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
}
.panel-box .panel-overlay .panel {
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
  width: calc(100% - 60px);
  background-color: white;
  border-radius: 3px;
}
.panel-box .panel-overlay .panel .error-password, .panel-box .panel-overlay .panel .expired-token {
  margin: 10px 0 -10px;
  color: #DF1B00;
}
.panel-box .panel-overlay .panel .form-items {
  margin: 30px 0;
}
.panel-box .panel-overlay .panel form p:last-child {
  margin-top: 30px;
  margin-bottom: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .panel-box .panel-overlay .panel {
    position: absolute;
    height: 380px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.panel-box .error-password, .panel-box .expired-token, .panel-box .error-invalid-email {
  color: #DF1B00;
}
.panel-box h2 {
  margin-bottom: 0;
  font-family: "Stag Sans Light", Arial;
  color: #00a1e0;
  font-size: 30px;
}
.panel-box .tc-content {
  height: 372px;
  overflow: auto;
}
.panel-box .tc-content a, .panel-box .tc-content a:hover, .panel-box .tc-content a:visited {
  text-decoration: none;
  color: white;
}

.show-reset-password .panel-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .show-reset-password .panel-overlay {
    display: block;
  }
}

#on-boarding {
  min-height: 100%;
  display: none;
}
#on-boarding header {
  position: static;
  margin-bottom: 40px;
}
#on-boarding header .inner {
  width: 940px;
  margin: 0 auto;
}
#on-boarding .nav-bar {
  position: static;
  margin-bottom: 80px;
}
#on-boarding .wrapper {
  width: 960px;
  margin: 0 auto;
}
#on-boarding .wrapper h1 {
  text-align: center;
  font-family: "Stag Sans Thin", Arial;
  font-size: 3.0769230769em;
  color: #FFF;
  margin-bottom: 12px;
}
#on-boarding .wrapper p {
  text-align: center;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.5384615385em;
  color: #FFF;
  opacity: 0.6;
}
#on-boarding .screen {
  display: none;
  position: relative;
}
#on-boarding .screen.visible {
  display: block;
}
#on-boarding .screen .no-friends {
  padding-top: 80px;
}
#on-boarding .screen .previous-next a {
  position: fixed;
  top: 50%;
  margin-top: -10px;
  display: block;
  padding-top: 76px;
  width: 57px;
  height: 22px;
  color: #FFF;
  font-family: "Stag Sans Thin", Arial;
  font-size: 2.3076923077em;
  text-align: center;
  text-decoration: none;
}
#on-boarding .screen .previous-next .prev {
  background: url("../images/icon-onboarding-prev.png") top center no-repeat;
  left: 90px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #on-boarding .screen .previous-next .prev {
    background-image: url("../images/icon-onboarding-prev@2x.png");
    background-size: 32px 60px;
  }
}
#on-boarding .screen .previous-next .next {
  background: url("../images/icon-onboarding-next.png") top center no-repeat;
  right: 90px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #on-boarding .screen .previous-next .next {
    background-image: url("../images/icon-onboarding-next@2x.png");
    background-size: 32px 60px;
  }
}
#on-boarding .screen .people {
  zoom: 1;
  padding-bottom: 75px;
  padding-top: 40px;
}
#on-boarding .screen .people:before, #on-boarding .screen .people:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
#on-boarding .screen .people:after {
  clear: both;
}
#on-boarding .screen .people .person {
  margin-bottom: 18px;
  padding: 36px 0 0 0;
  width: 220px;
  height: 193px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 1px 2px #6C6A6C;
          box-shadow: 0px 1px 2px #6C6A6C;
}
#on-boarding .screen .people .person h2 {
  text-transform: none;
}
#on-boarding .screen .people .person:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 1px 2px #6C6A6C;
          box-shadow: 0px 1px 2px #6C6A6C;
}
#on-boarding .screen .people .person .picture img {
  border-color: rgba(255, 255, 255, 0.1);
}
#on-boarding .screen.screen-privacy h1 {
  margin-bottom: 60px;
}
#on-boarding .screen.screen-privacy .row {
  zoom: 1;
  width: 300px;
  margin: 0 auto 30px auto;
}
#on-boarding .screen.screen-privacy .row:before, #on-boarding .screen.screen-privacy .row:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
#on-boarding .screen.screen-privacy .row:after {
  clear: both;
}
#on-boarding .screen.screen-privacy label {
  font-family: "Stag Sans Light", Arial;
  font-size: 1.3846153846em;
  color: #FFF;
  display: block;
  margin-bottom: 15px;
}
#on-boarding .screen.screen-privacy .text {
  color: #B8B8B8;
  border-radius: 3px;
  border: none;
  width: 267px;
  height: 40px;
  padding-left: 13px;
  outline: none;
  cursor: text;
}
#on-boarding .screen.screen-privacy .box {
  background: #36383C;
  width: 260px;
  height: 50px;
  padding: 20px 20px 0 20px;
  border-radius: 3px;
}
#on-boarding .screen.screen-privacy .box.public, #on-boarding .screen.screen-privacy .box.private {
  cursor: pointer;
}
#on-boarding .screen.screen-privacy .box .title {
  display: block;
  color: #FFF;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.3846153846em;
  margin-bottom: 5px;
}
#on-boarding .screen.screen-privacy .box .name {
  color: #9B9B9D;
  font-family: "Stag Sans Light", Arial;
  font-size: 1.0769230769em;
}
#on-boarding .screen.screen-privacy .box .switcher {
  float: right;
  cursor: pointer;
}
#on-boarding .screen.screen-privacy .box .tick {
  width: 17px;
  height: 15px;
  float: right;
  margin-top: 10px;
}
#on-boarding .screen.screen-privacy .box .tick.ticked {
  background: url("../images/icon-profile-tick.png") no-repeat;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #on-boarding .screen.screen-privacy .box .tick.ticked {
    background-image: url("../images/icon-profile-tick@2x.png");
    background-size: 17px 15px;
  }
}
#on-boarding .screen.screen-privacy .boxes .box {
  float: none;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #26272A;
}
#on-boarding .screen.screen-privacy .boxes .box.last {
  border-radius: 0 0 3px 3px;
  border-bottom: none;
  border-top: 1px solid #4B4D51;
}

header {
  background: #393a3d;
  border-bottom: 1px solid rbga(255, 255, 255, 0.5);
  height: 60px;
  width: 100%;
  z-index: 7;
}
header #logo {
  float: left;
  margin-top: 13px;
}
@media (max-width: 374px) {
  header #logo {
    max-width: 170px;
    margin-top: 14px;
  }
}
header nav {
  float: right;
}
header nav a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  margin-left: 30px;
  color: #C5C5C5;
  font-size: 15px;
  font-family: "Stag Sans Thin", Arial;
  text-decoration: none;
  text-transform: uppercase;
  padding: 8px;
}
header nav a:hover, header nav a.active {
  border-color: #009FE3;
}
header nav a.buy-watch {
  background: #00a1e0;
  border-radius: 3px;
  text-align: center;
  margin-top: 14px;
  color: #fff;
}
@media (max-width: 374px) {
  header nav a.buy-watch {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 768px) {
  header nav a.buy-watch {
    margin-right: 13px;
  }
}
header nav a.buy-watch:hover {
  background: #009FE3;
}

#welcome .header-logo {
  height: calc((100vh - 598px) / 2);
  width: 100%;
  background: url(/images/welcomev3/ripcurl-searchgps-logo-white_323x218.png) no-repeat center;
}
#welcome .inner {
  width: 940px;
  max-width: 100%;
  margin: 0 auto;
}
#welcome .signin-button {
  cursor: pointer;
  margin-top: 20px;
}
#welcome .signin-button > div > div > svg {
  width: 100%;
  height: 46px;
}
@media (min-width: 0px) and (max-width: 1024px) {
  #welcome header .inner {
    width: 768px;
  }
}
#welcome #cta {
  width: 100%;
  background: #232528;
  height: 110px;
  padding-top: 60px;
}
#welcome #cta .inner {
  text-align: center;
}
#welcome #cta .inner p {
  font-family: "Stag Sans Thin", Arial;
  color: #FFF;
  font-size: 30px;
  display: inline;
  text-transform: uppercase;
  padding-top: 10px;
}
#welcome #cta .inner a {
  display: inline-block;
  margin-left: 38px;
  position: relative;
  top: -4px;
}
#welcome #cta .inner a img {
  width: 154px;
  position: relative;
}
#welcome footer {
  height: 71px;
}
#welcome footer .inner {
  background: url("/images/welcome/logoblack.png") 0px 24px no-repeat;
  height: 71px;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  #welcome footer .inner {
    background-image: url("/images/welcome/logoblack@2x.png");
    background-size: 46px 24px;
  }
}
#welcome footer .inner p {
  font-size: 12px;
  font-family: "Stag Sans Light", Arial;
  color: rgba(28, 29, 31, 0.8);
}
#welcome footer .inner p.copyright {
  float: left;
  padding: 25px 0 0 65px;
}
#welcome footer .inner p.links {
  float: right;
  padding-top: 25px;
}
#welcome footer .inner p.links a {
  color: #00A1E0;
  display: inline-block;
}
#welcome footer .inner p.links a:first-child {
  padding-right: 5px;
}
#welcome footer .inner p.links a:last-child {
  padding-left: 5px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #welcome footer .inner p.links {
    float: none;
    text-align: center;
  }
}

#p-the-watch {
  height: auto !important;
}
#p-the-watch #search-gps {
  padding-bottom: 46px;
}
#p-the-watch #search-gps #watch-switcher {
  padding-top: 176px;
}
#p-the-watch #search-gps .content {
  padding-top: 191px;
  width: 400px;
}
#p-the-watch #panels .photo.first {
  background: url("/images/welcome/gps-1.jpg") 0px 0px no-repeat;
}
#p-the-watch #panels .photo.third {
  background: url("/images/welcome/gps-5.jpg") 0px 0px no-repeat;
}
#p-the-watch #panels .photo.fifth {
  background: url("/images/welcome/gps-2.jpg") 0px 0px no-repeat;
}
#p-the-watch #panels .photo.seventh {
  background: url("/images/welcome/gps-4.jpg") 0px 0px no-repeat;
}

#p-the-app {
  height: auto !important;
}
#p-the-app #search-app {
  background: #FFF url("/images/welcome/search-gps-bg.png") repeat-x;
}
#p-the-app #search-app #iphone, #p-the-app #search-app #laptop {
  display: none;
}
#p-the-app #search-app .inner {
  position: relative;
}
#p-the-app #search-app img {
  position: absolute;
  top: 142px;
  left: -152px;
}
#p-the-app #search-app .content {
  float: right;
  width: 415px;
}
#p-the-app #panels .photo.first {
  background: url("/images/welcome/app-1.jpg") 0px 0px no-repeat;
}
#p-the-app #panels .photo.third {
  background: url("/images/welcome/app-2.jpg") 0px 0px no-repeat;
}
#p-the-app #panels .photo.fifth {
  background: url("/images/welcome/app-3.jpg") 0px 0px no-repeat;
}
#p-the-app #cta p {
  position: relative;
  top: -17px;
  padding-top: 0;
}

#panels .panel {
  background: #F4F4F4;
  width: 100%;
  height: 197px;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
#panels .panel h2 {
  font-family: "Stag Sans Thin", Arial;
}
#panels .panel p {
  color: #2F2F2F;
  width: 500px;
  margin: 0 auto;
}
#panels .panel.photo {
  height: 401px;
  padding-top: 0;
  z-index: 0;
}
#panels .panel.photo h2 {
  color: #FFF;
  padding-top: 155px;
}
#panels .panel.photo p {
  color: #FFF;
}

#app-login-form .sign-up-here {
  text-align: center;
  margin-bottom: 20px;
  color: #FFF;
  font-family: "Stag Sans Light";
  font-size: 1.07692em;
}
#app-login-form .sign-up-here a {
  color: #df1b00;
}
#app-login-form .sign-up-here a:hover {
  text-decoration: underline;
}

#t-and-c {
  width: 960px;
  margin: 0 auto;
  padding-top: 120px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 30px;
}
#t-and-c a {
  color: #00A1E0;
}
#t-and-c h1 {
  color: #00A1E0;
  font-size: 50px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Stag Sans Light", Arial;
}
#t-and-c h2,
#t-and-c h3 {
  color: #000;
  font-size: 25px;
  margin-bottom: 10px;
}
#t-and-c ul {
  margin-left: 15px;
}

#app-signup-form #signup-tc h2 {
  text-transform: uppercase;
}

#gps-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  height: 100vh;
}
@media (min-width: 0px) and (max-width: 767px) {
  #gps-login {
    padding-bottom: 40px;
    height: 500px;
  }
}
#gps-login .gps-background {
  background: url("../images/welcomev2/background.jpg") no-repeat top left;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
}
@media (min-width: 1000px) and (max-width: 1440px) {
  #gps-login .gps-background {
    background-position: 24% !important;
  }
}
#gps-login.crc .gps-background {
  background-image: url("../images/welcomev3/header-background-image_1440x758.jpg");
  background-position: top;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #gps-login.crc .gps-background {
    background-image: url("../images/welcomev3/mobile-header-background-image_375x560.png");
  }
}
#gps-login.crc .crc-disabled {
  display: none;
}
#gps-login.crc .crc-enabled {
  display: block;
}

#welcome .inner .logo-spacing {
  height: 430px;
  margin-top: -125px;
  margin-bottom: -80px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #welcome .inner .logo-spacing {
    margin-top: -60px;
    height: auto;
  }
}
#welcome .inner #search-gps-logo {
  position: absolute;
  left: 0;
  right: 0;
  height: 430px;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #welcome .inner #search-gps-logo {
    max-width: 100%;
    height: auto;
    position: relative;
  }
}
@media (min-width: 0px) and (max-width: 1000px) {
  #welcome .inner .col-50 {
    text-align: center;
  }
}

#ripcurl-login .panel .form-type-checkbox {
  margin: 4px 0 15px;
}

#ripcurl-signup .close {
  margin-bottom: 35px;
  display: inline-block;
  text-transform: uppercase;
}
#ripcurl-signup .tc-content {
  margin-top: 30px;
}
#ripcurl-signup .tc-content p {
  text-align: left;
}
#ripcurl-signup .tc-content h3 {
  font-size: 25px;
  text-transform: uppercase;
  font-family: "Stag Sans Light", Arial;
  margin-bottom: 10px;
  text-align: left;
}
#ripcurl-signup ul {
  padding-left: 15px;
}
#ripcurl-signup li {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  margin-bottom: 15px;
  background-position-y: 7px;
}
#ripcurl-signup li a {
  color: #00A1E0;
}

@media (min-width: 0px) and (max-width: 1000px) {
  #mobile-image img {
    max-width: 90% !important;
  }
}

#download-apps {
  background: url("../images/welcomev3/gps3-bluegradient.jpg") no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#download-apps .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #download-apps .inner #laptop {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
#download-apps #download-ios-app {
  text-align: center;
  margin: 50px 0px;
}
#download-apps #download-ios-app .container {
  display: inline-block;
}
#download-apps #download-ios-app a {
  display: block;
  float: left;
  margin-right: 15px;
}
#download-apps #download-ios-app a img {
  display: block;
}
#download-apps #download-ios-app div {
  text-align: left;
}
#download-apps #download-ios-app div span {
  display: block;
  min-width: 670px;
  color: #fff;
  font-size: 16px;
  font-family: "Stag Sans Light", Arial;
  margin-bottom: 10px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #download-apps #download-ios-app {
    margin-bottom: 0;
  }
  #download-apps #download-ios-app .container {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #download-apps #download-ios-app a {
    overflow: hidden;
    border-radius: 7px;
    display: inline-block;
    margin: 0;
    float: none;
  }
  #download-apps #download-ios-app a + div {
    margin-top: 30px;
    display: block;
    width: calc(100% - 60px);
    clear: both;
    text-align: center;
  }
  #download-apps #download-ios-app a + div > span {
    display: inline;
    line-height: 1.6em;
  }
}
#download-apps h2 {
  color: #fff;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #download-apps {
    padding-top: 30px;
  }
  #download-apps h2 {
    font-size: 2.4615384615em;
  }
}
#download-apps strong {
  color: #fff;
  font-size: 16px;
  font-family: "Stag Sans Medium";
  display: block;
  margin-bottom: 14px;
}
#download-apps strong a i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/welcomev2/collapse-sprite.png") no-repeat left bottom;
  margin-right: 7px;
}
#download-apps strong a.active i {
  background-position: left top;
  width: 10px;
  height: 5px;
}
#download-apps strong a:hover {
  cursor: pointer;
}
#download-apps ul {
  margin-top: 15px;
  padding: 0;
  list-style: none;
  text-align: left;
}
#download-apps ul.collapsible:not([data-id="1"]) {
  display: none;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #download-apps ul {
    text-align: center;
  }
}
#download-apps ul li {
  color: #e2e2e2;
  font-size: 14px;
  margin-bottom: 12px;
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  position: relative;
  background: none;
}
#download-apps ul li::before {
  content: "•";
  margin-right: 10px;
  font-size: 1.75em;
}
#download-apps ul li a {
  color: #fff;
  text-decoration: none;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #download-apps ul li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#download-apps ul.collapsible li {
  margin-left: 20px;
}
#download-apps ul.collapsible ul li {
  margin-left: 40px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  #download-apps #laptop img {
    max-width: 90%;
  }
}
#download-apps .help {
  color: #fff;
}
#download-apps .help a {
  color: #00a1e0;
  text-decoration: none;
}

.col-100 {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .col-100 {
    text-align: center;
  }
}

.col-70 {
  width: 70%;
  display: block;
  float: left;
}

.col-30 {
  width: 30%;
  display: block;
  float: left;
}

.col-50 {
  display: block;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .col-50 {
    width: 100%;
  }
  .col-50 .col-container {
    padding: 20px;
  }
}

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-box .logo {
  max-width: 450px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .flex-box {
    position: static;
    margin-top: 64px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.login-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 50%;
  top: 56%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.login-box-container h2 {
  color: #00a1e0 !important;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .login-box-container {
    position: static;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.download-apps-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .download-apps-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-bottom: 16px;
    margin-top: 32px;
  }
}
.download-apps-container .col-ios-50 {
  width: 50%;
  display: block;
  float: left;
}
.download-apps-container .col-ios-50 .col-container {
  display: block;
  text-align: left;
  margin-left: 70px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .download-apps-container .col-ios-50 .col-container {
    margin-left: auto;
    text-align: center;
    padding: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 1000px) {
  .download-apps-container .col-ios-50 {
    width: 100%;
    text-align: center;
  }
  .download-apps-container .col-ios-50 .col-container {
    padding: 30px;
  }
}
/*# sourceMappingURL=welcome.css.map */