/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

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

body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a:focus {
  outline: thin dotted; }

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

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  margin: 0; 
  font-family: Helvetica, Arial, sans-serif;
}

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

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 0; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

dd {
  margin: 0 0 0 40px; }

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

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

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/* ==========================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

button, input, select, textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

button, input {
  line-height: normal; }

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

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

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 16px;
  /* 3 */
  *width: 16px;
  /* 3 */ }

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

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

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

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/****************************************
*****************************************
******* END OF NORMAILISE.CSS ***********
*****************************************
****************************************/
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background: white;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: #222222;
  position: relative;
  -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a img {
  border: none; }

a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }

a:hover {
  color: #2795b6; }

a:focus {
  color: #2795b6; }

p a, p a:visited {
  line-height: inherit; }

/* Misc ---------------------- */
.left {
  float: left; }

.right {
  float: right; }

.text-left {
  text-align: left; }

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

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

.hide {
  display: none; }

.hide-override {
  display: none !important; }

.highlight {
  background: #ffff99; }

#googlemap img, object, embed {
  max-width: none; }

#map_canvas embed {
  max-width: none; }

#map_canvas img {
  max-width: none; }

#map_canvas object {
  max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  direction: ltr; }

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px; }
  p.lead {
    font-size: 17.5px;
    line-height: 1.9;
    margin-bottom: 17px; }

aside p {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic; }

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-bottom: 14px;
  margin-top: 14px; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 44px; }

h2 {
  font-size: 37px; }

h3 {
  font-size: 27px; }

h4 {
  font-size: 23px; }

h5 {
  font-size: 17px; }

h6 {
  font-size: 14px; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 22px 0 21px;
  height: 0; }

.subheader {
  line-height: 1.3;
  color: #6f6f6f;
  font-weight: 300;
  margin-bottom: 17px; }

em, i {
  font-style: italic;
  line-height: inherit; }

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

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-weight: bold;
  background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px;
  list-style-position: outside; }

ul li ul, ul li ol {
  margin-left: 20px;
  margin-bottom: 0; }
ul.square, ul.circle, ul.disc {
  margin-left: 17px; }
ul.square {
  list-style-type: square; }
  ul.square li ul {
    list-style: inherit; }
ul.circle {
  list-style-type: circle; }
  ul.circle li ul {
    list-style: inherit; }
ul.disc {
  list-style-type: disc; }
  ul.disc li ul {
    list-style: inherit; }
ul.no-bullet {
  list-style: none; }
ul.large li {
  line-height: 21px; }

ol {
  margin-left: 20px; }
  ol li ul, ol li ol {
    margin-left: 20px;
    margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p {
  line-height: 1.5;
  color: #6f6f6f; }

blockquote {
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 13px;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #555555; }

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px solid #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

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

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }
/*
  a[href]:after {
    content: " (" attr(href) ")"; }
*/
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
    
    
    
/* Requires
   globals.css */
   
   
   
/* Standard Forms ---------------------- */
form {
  margin: 0 0 19.41641px; }

.row form .row {
  margin: 0 -6px; }
  .row form .row .column, .row form .row .columns {
    padding: 0 6px; }
  .row form .row.collapse {
    margin: 0; }
    .row form .row.collapse .column, .row form .row.collapse .columns {
      padding: 0; }

label {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 3px; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    line-height: 32px;
    margin: 0 0 12px 0; }

.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 31px; }

a.button.prefix, a.button.postfix {
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

span.prefix, span.postfix {
  background: #f2f2f2;
  border: 1px solid #cccccc; }

.prefix {
  left: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden; }

.postfix {
  right: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
    font-size: 17px;
    padding: 4px 6px; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #b3b3b3; }
  input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
    background-color: #ddd; }

textarea {
  height: auto; }

select {
  width: 100%; }

/* Fieldsets */
fieldset {
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 12px;
  margin: 18px 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  outline-color: #f5797c; }

.error label, label.error {
  color: #c60f13; }

.error small, small.error {
  display: block;
  padding: 6px 4px;
  margin-top: -13px;
  margin-bottom: 12px;
  background: #c60f13;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/* Custom Forms ---------------------- */
form.custom {
  /* Custom input, disabled */ }
  form.custom span.custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: solid 1px #cccccc;
    background: white; }
    form.custom span.custom.radio {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px; }
    form.custom span.custom.checkbox:before {
      content: "";
      display: block;
      line-height: 0.8;
      height: 14px;
      width: 14px;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 14px;
      color: #fff; }
    form.custom span.custom.radio.checked:before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      background: #222222;
      position: relative;
      top: 3px;
      left: 3px; }
    form.custom span.custom.checkbox.checked:before {
      content: "\00d7";
      color: #222222; }
  form.custom div.custom.dropdown {
    display: block;
    position: relative;
    width: auto;
    height: 28px;
    margin-bottom: 9px;
    margin-top: 2px; }
    form.custom div.custom.dropdown ul {
      overflow-y: auto;
      max-height: 200px; }
    form.custom div.custom.dropdown a.current {
      display: block;
      width: auto;
      line-height: 26px;
      min-height: 28px;
      padding: 0;
      padding-left: 6px;
      padding-right: 38px;
      border: solid 1px #dddddd;
      color: #141414;
      background-color: white;
      white-space: nowrap; }
    form.custom div.custom.dropdown a.selector {
      position: absolute;
      width: 27px;
      height: 28px;
      display: block;
      right: 0;
      top: 0;
      border: solid 1px #dddddd; }
      form.custom div.custom.dropdown a.selector:after {
        content: "";
        display: block;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: #aaaaaa transparent transparent transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -2px;
        margin-left: -5px; }
    form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 5px;
      border-color: #222222 transparent transparent transparent; }
    form.custom div.custom.dropdown.open ul {
      display: block;
      z-index: 10; }
    form.custom div.custom.dropdown.small {
      width: 134px !important; }
    form.custom div.custom.dropdown.medium {
      width: 254px !important; }
    form.custom div.custom.dropdown.large {
      width: 434px !important; }
    form.custom div.custom.dropdown.expand {
      width: 100% !important; }
    form.custom div.custom.dropdown.open.small ul {
      width: 134px !important; }
    form.custom div.custom.dropdown.open.medium ul {
      width: 254px !important; }
    form.custom div.custom.dropdown.open.large ul {
      width: 434px !important; }
    form.custom div.custom.dropdown.open.expand ul {
      width: 100% !important; }
  form.custom div.custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: 0;
    top: 27px;
    margin: 0;
    padding: 0;
    background: white;
    background: rgba(255, 255, 255, 0.95);
    border: solid 1px #cccccc; }
    form.custom div.custom.dropdown ul li {
      color: #555555;
      font-size: 13px;
      cursor: pointer;
      padding: 3px;
      padding-left: 6px;
      padding-right: 38px;
      min-height: 18px;
      line-height: 18px;
      margin: 0;
      white-space: nowrap;
      list-style: none; }
    form.custom div.custom.dropdown ul li.selected {
      background: #cdebf5;
      color: black; }
      form.custom div.custom.dropdown ul li.selected:after {
        content: "\2013";
        position: absolute;
        right: 10px; }
    form.custom div.custom.dropdown ul li:hover {
      background-color: #cdebf5;
      color: black; }
      form.custom div.custom.dropdown ul li:hover:after {
        content: "\2013";
        position: absolute;
        right: 10px;
        color: #a3dbec; }
    form.custom div.custom.dropdown ul li.selected:hover {
      background: #cdebf5;
      cursor: default;
      color: black; }
      form.custom div.custom.dropdown ul li.selected:hover:after {
        color: black; }
    form.custom div.custom.dropdown ul.show {
      display: block; }
  form.custom .custom.disabled {
    background-color: #dddddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
  form.custom div.custom.dropdown a.selector {
    height: 28px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector {
  height: 28px; }

/* The Grid ---------------------- */
.row {
  width: 960px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto; }
  .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -10px; }
  .row.collapse .column, .row.collapse .columns {
    padding: 0; }
  .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -10px; }
    .row .row.collapse {
      margin: 0; }

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0 10px;
  position: relative; }
  .column.centered, .columns.centered {
    float: none;
    margin: 0 auto; }

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

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

.one, .row .one {
  width: 8.33333%; }

.two, .row .two {
  width: 16.66667%; }

.three, .row .three {
  width: 25%; }

.four, .row .four {
  width: 33.33333%; }

.five, .row .five {
  width: 41.66667%; }

.six, .row .six {
  width: 50%; }

.seven, .row .seven {
  width: 58.33333%; }

.eight, .row .eight {
  width: 66.66667%; }

.nine, .row .nine {
  width: 75%; }

.ten, .row .ten {
  width: 83.33333%; }

.eleven, .row .eleven {
  width: 91.66667%; }

.twelve, .row .twelve {
  width: 100%; }

.row .offset-by-one {
  margin-left: 8.33333%; }

.row .offset-by-two {
  margin-left: 16.66667%; }

.row .offset-by-three {
  margin-left: 25%; }

.row .offset-by-four {
  margin-left: 33.33333%; }

.row .offset-by-five {
  margin-left: 41.66667%; }

.row .offset-by-six {
  margin-left: 50%; }

.row .offset-by-seven {
  margin-left: 58.33333%; }

.row .offset-by-eight {
  margin-left: 66.66667%; }

.row .offset-by-nine {
  margin-left: 75%; }

.row .offset-by-ten {
  margin-left: 83.33333%; }

.push-two {
  left: 16.66667%; }

.pull-two {
  right: 16.66667%; }

.push-three {
  left: 25%; }

.pull-three {
  right: 25%; }

.push-four {
  left: 33.33333%; }

.pull-four {
  right: 33.33333%; }

.push-five {
  left: 41.66667%; }

.pull-five {
  right: 41.66667%; }

.push-six {
  left: 50%; }

.pull-six {
  right: 50%; }

.push-seven {
  left: 58.33333%; }

.pull-seven {
  right: 58.33333%; }

.push-eight {
  left: 66.66667%; }

.pull-eight {
  right: 66.66667%; }

.push-nine {
  left: 75%; }

.pull-nine {
  right: 75%; }

.push-ten {
  left: 83.33333%; }

.pull-ten {
  right: 83.33333%; }

img {
  height: auto; }

img, object, embed {
  max-width: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

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

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0; }
  .block-grid > li {
    display: block;
    height: auto;
    float: left; }
  .block-grid.one-up {
    margin: 0; }
    .block-grid.one-up > li {
      width: 100%;
      padding: 0 0 15px; }
  .block-grid.two-up {
    margin: 0 -15px; }
    .block-grid.two-up > li {
      width: 50%;
      padding: 0 15px 15px; }
      .block-grid.two-up > li:nth-child(2n+1) {
        clear: both; }
  .block-grid.three-up {
    margin: 0 -12px; }
    .block-grid.three-up > li {
      width: 33.33333%;
      padding: 0 12px 12px; }
      .block-grid.three-up > li:nth-child(3n+1) {
        clear: both; }
  .block-grid.four-up {
    margin: 0 -10px; }
    .block-grid.four-up > li {
      width: 25%;
      padding: 0 10px 10px; }
      .block-grid.four-up > li:nth-child(4n+1) {
        clear: both; }
  .block-grid.five-up {
    margin: 0 -8px; }
    .block-grid.five-up > li {
      width: 20%;
      padding: 0 8px 8px; }
      .block-grid.five-up > li:nth-child(5n+1) {
        clear: both; }
  .block-grid.six-up {
    margin: 0 -8px; }
    .block-grid.six-up > li {
      width: 16.66667%;
      padding: 0 8px 8px; }
      .block-grid.six-up > li:nth-child(6n+1) {
        clear: both; }
  .block-grid.seven-up {
    margin: 0 -8px; }
    .block-grid.seven-up > li {
      width: 14.28571%;
      padding: 0 8px 8px; }
      .block-grid.seven-up > li:nth-child(7n+1) {
        clear: both; }
  .block-grid.eight-up {
    margin: 0 -8px; }
    .block-grid.eight-up > li {
      width: 12.5%;
      padding: 0 8px 8px; }
      .block-grid.eight-up > li:nth-child(8n+1) {
        clear: both; }
  .block-grid.nine-up {
    margin: 0 -8px; }
    .block-grid.nine-up > li {
      width: 11.11111%;
      padding: 0 8px 8px; }
      .block-grid.nine-up > li:nth-child(9n+1) {
        clear: both; }
  .block-grid.ten-up {
    margin: 0 -8px; }
    .block-grid.ten-up > li {
      width: 10%;
      padding: 0 8px 8px; }
      .block-grid.ten-up > li:nth-child(10n+1) {
        clear: both; }
  .block-grid.eleven-up {
    margin: 0 -8px; }
    .block-grid.eleven-up > li {
      width: 9.09091%;
      padding: 0 8px 8px; }
      .block-grid.eleven-up > li:nth-child(11n+1) {
        clear: both; }
  .block-grid.twelve-up {
    margin: 0 -8px; }
    .block-grid.twelve-up > li {
      width: 8.33333%;
      padding: 0 8px 8px; }
      .block-grid.twelve-up > li:nth-child(12n+1) {
        clear: both; }

/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: #2ba6cb;
  border: 1px solid #1e728c;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 10px 20px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */ }
  .button:hover, .button:focus {
    color: white;
    background-color: #2284a1; }
  .button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
  .button.large {
    font-size: 17px;
    padding: 15px 30px 16px; }
  .button.medium {
    font-size: 14px; }
  .button.small {
    font-size: 11px;
    padding: 7px 14px 8px; }
  .button.tiny {
    font-size: 10px;
    padding: 5px 10px 6px; }
  .button.expand {
    width: 100%;
    text-align: center; }
  .button.primary {
    background-color: #2ba6cb;
    border: 1px solid #1e728c; }
    .button.primary:hover, .button.primary:focus {
      background-color: #2284a1; }
  .button.success {
    background-color: #5da423;
    border: 1px solid #396516; }
    .button.success:hover, .button.success:focus {
      background-color: #457a1a; }
  .button.alert {
    background-color: #c60f13;
    border: 1px solid #7f0a0c; }
    .button.alert:hover, .button.alert:focus {
      background-color: #970b0e; }
  .button.secondary {
    background-color: #e9e9e9;
    color: #1d1d1d;
    border: 1px solid #c3c3c3; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #d0d0d0; }
  .button.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .button.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px; }
  .button.full-width {
    width: 100%;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .button.left-align {
    text-align: left;
    text-indent: 12px; }
  .button.disabled, .button[disabled] {
    opacity: 0.6;
    cursor: default;
    background: #2ba6cb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .button.disabled:hover, .button[disabled]:hover {
      background: #2ba6cb; }
    .button.disabled.success, .button[disabled].success {
      background-color: #5da423; }
      .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423;
        outline: none; }
    .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13; }
      .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13;
        outline: none; }
    .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9; }
      .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9;
        outline: none; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0; }

  input[type="submit"].tiny.button {
    padding: 3px 10px 4px; }

  input[type="submit"].small.button {
    padding: 5px 14px 6px; }

  input[type="submit"].button, input[type=submit].medium.button {
    padding: 8px 20px 9px; }

  input[type="submit"].large.button {
    padding: 13px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */ }
  .button.dropdown.large {
    padding-right: 60px; }
  .button.dropdown.small {
    padding-right: 28px; }
  .button.dropdown.tiny {
    padding-right: 20px; }
  .button.dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: white transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px; }
  .button.dropdown.large:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: white transparent transparent transparent;
    margin-top: -3px;
    right: 30px; }
  .button.dropdown.small:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: white transparent transparent transparent;
    margin-top: -2px;
    right: 14px; }
  .button.dropdown.tiny:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: white transparent transparent transparent;
    margin-top: -1px;
    right: 10px; }
  .button.dropdown > ul {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    left: -1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    border-top: none;
    min-width: 100%;
    z-index: 40; }
    .button.dropdown > ul li {
      width: 100%;
      cursor: pointer;
      padding: 0;
      min-height: 18px;
      line-height: 18px;
      margin: 0;
      white-space: nowrap;
      list-style: none; }
      .button.dropdown > ul li a, .button.dropdown > ul li button {
        display: block;
        color: #555;
        font-size: 13px;
        font-weight: normal;
        padding: 6px 14px;
        text-align: left; }
      .button.dropdown > ul li button {
        width: 100%;
        border: inherit;
        background: inherit;
        font-family: inherit;
        margin: inherit;
        -webkit-font-smoothing: antialiased; }
      .button.dropdown > ul li:hover, .button.dropdown > ul li:focus {
        background-color: #e3f4f9;
        color: #222; }
      .button.dropdown > ul li.divider {
        min-height: 0;
        padding: 0;
        height: 1px;
        margin: 4px 0;
        background: #ededed; }
  .button.dropdown.up > ul {
    border-top: 1px solid #cccccc;
    border-bottom: none; }
  .button.dropdown ul.no-hover.show-dropdown {
    display: block !important; }
  .button.dropdown:hover > ul.no-hover {
    display: none; }
  .button.dropdown.split {
    padding: 0;
    position: relative;
    /* Sizes */
    /* Triangle Spans */
    /* Colors */ }
    .button.dropdown.split:after {
      display: none; }
    .button.dropdown.split:hover, .button.dropdown.split:focus {
      background-color: #2ba6cb; }
    .button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus {
      background-color: #c60f13; }
    .button.dropdown.split.success:hover, .button.dropdown.split.success:focus {
      background-color: #5da423; }
    .button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus {
      background-color: #e9e9e9; }
    .button.dropdown.split > a {
      color: white;
      display: block;
      padding: 10px 50px 11px 20px;
      padding-left: 20px;
      padding-right: 50px;
      -webkit-transition: background-color 0.15s ease-in-out;
      -moz-transition: background-color 0.15s ease-in-out;
      -o-transition: background-color 0.15s ease-in-out;
      transition: background-color 0.15s ease-in-out; }
      .button.dropdown.split > a:hover, .button.dropdown.split > a:focus {
        background-color: #2284a1;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .button.dropdown.split.large > a {
      padding: 15px 75px 16px 30px;
      padding-left: 30px;
      padding-right: 75px; }
    .button.dropdown.split.small > a {
      padding: 7px 35px 8px 14px;
      padding-left: 14px;
      padding-right: 35px; }
    .button.dropdown.split.tiny > a {
      padding: 5px 25px 6px 10px;
      padding-left: 10px;
      padding-right: 25px; }
    .button.dropdown.split > span {
      background-color: #2ba6cb;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 30px;
      border-left: 1px solid #1e728c;
      -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
      -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
      box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
      -webkit-transition: background-color 0.15s ease-in-out;
      -moz-transition: background-color 0.15s ease-in-out;
      -o-transition: background-color 0.15s ease-in-out;
      transition: background-color 0.15s ease-in-out; }
      .button.dropdown.split > span:hover, .button.dropdown.split > span:focus {
        background-color: #2284a1; }
      .button.dropdown.split > span:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 6px;
        border-color: white transparent transparent transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -6px;
        margin-top: -2px; }
    .button.dropdown.split.secondary > span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 6px;
      border-color: #1d1d1d transparent transparent transparent; }
    .button.dropdown.split.large span {
      width: 45px; }
    .button.dropdown.split.small span {
      width: 21px; }
    .button.dropdown.split.tiny span {
      width: 15px; }
    .button.dropdown.split.large span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 7px;
      border-color: white transparent transparent transparent;
      margin-top: -3px;
      margin-left: -7px; }
    .button.dropdown.split.small span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 4px;
      border-color: white transparent transparent transparent;
      margin-top: -1px;
      margin-left: -4px; }
    .button.dropdown.split.tiny span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 3px;
      border-color: white transparent transparent transparent;
      margin-top: -1px;
      margin-left: -3px; }
    .button.dropdown.split.alert > span {
      background-color: #c60f13;
      border-left-color: #7f0a0c; }
    .button.dropdown.split.success > span {
      background-color: #5da423;
      border-left-color: #396516; }
    .button.dropdown.split.secondary > span {
      background-color: #e9e9e9;
      border-left-color: #c3c3c3; }
    .button.dropdown.split.secondary > a {
      color: #1d1d1d; }
    .button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus {
      background-color: #970b0e; }
    .button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus {
      background-color: #457a1a; }
    .button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus {
      background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1; }
  ul.button-group:before, ul.button-group:after {
    content: " ";
    display: table; }
  ul.button-group:after {
    clear: both; }
  ul.button-group li {
    padding: 0;
    margin: 0 0 0 -1px;
    float: left; }
    ul.button-group li:first-child {
      margin-left: 0; }
  ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  ul.button-group.radius li:first-child .button.rounded {
    -moz-border-radius-topleft: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px;
    -moz-border-radius-bottomleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px; }
  ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  ul.button-group.radius li:last-child .button.rounded {
    -moz-border-radius-topright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }
  ul.button-group.even .button {
    width: 100%; }
  ul.button-group.even.two-up li {
    width: 50%; }
  ul.button-group.even.three-up li {
    width: 33.3%; }
  ul.button-group.even.three-up li:first-child {
    width: 33.4%; }
  ul.button-group.even.four-up li {
    width: 25%; }
  ul.button-group.even.five-up li {
    width: 20%; }

div.button-bar {
  overflow: hidden; }
  div.button-bar ul.button-group {
    float: left;
    margin-right: 8px; }
  div.button-bar ul.button-group:last-child {
    margin-left: 0; }

.nav-bar {
  height: 40px;
  background: #4d4d4d;
  margin-left: 0;
  margin-top: 20px;
  padding: 0; }
  .nav-bar > li {
    float: left;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #333333;
    border-right: none;
    line-height: 38px;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
    .nav-bar > li:first-child {
      -webkit-box-shadow: 0 0 0;
      -moz-box-shadow: 0 0 0;
      box-shadow: 0 0 0; }
    .nav-bar > li:last-child {
      border-right: solid 1px #333333;
      -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
      -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
      box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
    .nav-bar > li.active {
      background: #2ba6cb;
      border-color: #2284a1; }
      .nav-bar > li.active > a {
        color: white;
        cursor: default; }
      .nav-bar > li.active:hover {
        background: #2ba6cb;
        cursor: default; }
    .nav-bar > li:hover {
      background: #333333; }
    .nav-bar > li > a {
      color: #e6e6e6; }
    .nav-bar > li ul {
      margin-bottom: 0; }
    .nav-bar > li .flyout {
      display: none; }
    .nav-bar > li.has-flyout > a:first-child {
      padding-right: 40px;
      position: relative; }
      .nav-bar > li.has-flyout > a:first-child:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 4px;
        border-color: #e6e6e6 transparent transparent transparent;
        position: absolute;
        right: 20px;
        top: 17px; }
    .nav-bar > li.has-flyout > a.flyout-toggle {
      border-left: 0 !important;
      position: absolute;
      right: 0;
      top: 0;
      padding: 20px;
      z-index: 2;
      display: block; }
    .nav-bar > li.has-flyout.is-touch > a:first-child {
      padding-right: 55px; }
    .nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
      border-left: 1px dashed #666; }
  .nav-bar > li > a:first-child {
    position: relative;
    padding: 0 20px;
    display: block;
    text-decoration: none;
    font-size: 14px; }
  .nav-bar > li > input {
    margin: 0 10px; }
  .nav-bar.vertical {
    height: auto;
    margin-top: 0; }
    .nav-bar.vertical > li {
      float: none;
      border-bottom: none;
      border-right: solid 1px #333333;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .nav-bar.vertical > li.has-flyout > a:first-child:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 4px;
        border-color: transparent transparent transparent #e6e6e6; }
      .nav-bar.vertical > li .flyout {
        left: 100%;
        top: -1px; }
        .nav-bar.vertical > li .flyout.right {
          left: auto;
          right: 100%; }
      .nav-bar.vertical > li.active {
        border-right: solid 1px #2284a1; }
      .nav-bar.vertical > li:last-child {
        border-bottom: solid 1px #333333; }

.flyout {
  background: #f2f2f2;
  padding: 20px;
  margin: 0;
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 39px;
  left: -1px;
  width: 250px;
  z-index: 40;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  /* remove margin on any first-child element */
  /* remove margin on last element */ }
  .flyout p {
    line-height: 1.2;
    font-size: 13px; }
  .flyout *:first-child {
    margin-top: 0; }
  .flyout *:last-child {
    margin-bottom: 0; }
  .flyout.small {
    width: 166.66667px; }
  .flyout.large {
    width: 437.5px; }
  .flyout.right {
    left: auto;
    right: -2px; }
  .flyout.left {
    right: auto;
    left: -2px; }
  .flyout.up {
    top: auto;
    bottom: 39px; }

ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style: none; }
  ul.flyout li, .nav-bar li ul li {
    border-left: solid 3px #CCC; }
    ul.flyout li a, .nav-bar li ul li a {
      background: #f2f2f2;
      border: 1px solid #e6e6e6;
      border-width: 1px 1px 0 0;
      color: #555;
      display: block;
      font-size: 14px;
      height: auto;
      line-height: 1;
      padding: 15px 20px;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
      ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus {
        background: #ebebeb;
        color: #333; }
    ul.flyout li.active, .nav-bar li ul li.active {
      margin-top: 0;
      border-top: 1px solid #4d4d4d;
      border-left: 4px solid #1a1a1a; }
      ul.flyout li.active a, .nav-bar li ul li.active a {
        background: #4d4d4d;
        border: none;
        color: #fff;
        height: auto;
        margin: 0;
        position: static;
        top: 0;
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0; }

/*
  Foundation Top Bar

  Requires:
    -jquery.foundation.topbar.js

  Notes:
    - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid.
    - <li class="name"> creates a branding area that can be linked to homepage
      - Can include text, image or both inside this <li>.
    - <li class="divider"> creates a divider between nav items, add margins for space
    - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/
/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint {
  width: 940px !important;
  visibility: hidden; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #222222; }

/* Wrapped around .top-bar to make it fixed at the top */
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

/* Add .sticky class for using top bar as a sticky navigation when scrolling passed it. Add the class .sticky to a top bar using .contain-to-grid but leave off .fixed, javascript will take care of that */
.sticky {
  float: left;
  overflow: hidden; }
  .sticky.fixed {
    float: none; }

/* <nav> */
.top-bar {
  background: #222222;
  min-height: 45px;
  line-height: 45px;
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  position: relative;
  /* Contain width to .row width */
  /* First <ul> for branding, title, name, etc */
  /* topbar global <ul> styles */ }
  .contain-to-grid .top-bar {
    max-width: 960px;
    margin: 0 auto; }
  .top-bar > ul .name h1 {
    line-height: 45px;
    margin: 0; }
    .top-bar > ul .name h1 a {
      font-weight: bold;
      padding: 0 22.5px;
      font-size: 17px !important; }
  .top-bar > ul .name img {
    margin-top: -5px;
    vertical-align: middle; }
  .top-bar.expanded {
    height: inherit; }
  .top-bar ul {
    margin-left: 0;
    display: inline;
    height: 45px;
    line-height: 45px;
    list-style: none;
    /* Main Navigation links style */
    /* Left Side <ul> */
    /* Right Side <ul> */ }
    .top-bar ul > li {
      float: left;
      /* Dividers between navigation */
      /* Put a button in an <li> but give is a class */
      /* Put a search bar or text input in the bar */
      /* Put login bar in the top bar */
      /* Hide the triangle for breakpoint menu */
      /* li.has-dropdown */ }
      .top-bar ul > li a:not(.button) {
        color: white;
        display: block;
        font-size: 13px;
        font-weight: bold;
        height: 45px;
        line-height: 45px;
        padding: 0 15px; }
      .top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
        background: black; }
        .top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a {
          color: #d9d9d9; }
      .top-bar ul > li.divider {
        background: black;
        -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
        box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
        height: 100%;
        margin-right: 1px;
        width: 1px; }
      .top-bar ul > li.has-button a.button {
        margin: 0 11.25px; }
      .top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus {
        background: #222222; }
        .top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a {
          color: #fff; }
      .top-bar ul > li.search {
        padding: 0 15px; }
        .top-bar ul > li.search form {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
          width: 200px; }
          .top-bar ul > li.search form input[type=text] {
            -moz-border-radius-topright: 0;
            -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            float: left;
            font-size: 13px;
            margin-top: -1px;
            height: 22.5px;
            margin-bottom: 0;
            width: 130px; }
            .top-bar ul > li.search form input[type=text] + .button {
              border-left: none;
              -moz-border-radius-topleft: 0;
              -webkit-border-top-left-radius: 0;
              border-top-left-radius: 0;
              -moz-border-radius-bottomleft: 0;
              -webkit-border-bottom-left-radius: 0;
              border-bottom-left-radius: 0;
              float: left;
              font-size: 12px;
              margin-top: -1px;
              padding: 5px 12px 4px; }
          .top-bar ul > li.search form input[type=search] {
            font-size: 16px;
            margin-bottom: 0; }
        .top-bar ul > li.search:hover, .top-bar ul > li.search:focus {
          background: #222222; }
      .top-bar ul > li.login {
        padding: 0 15px; }
        .top-bar ul > li.login form {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
          width: 300px; }
          .top-bar ul > li.login form input {
            float: left;
            width: auto;
            font-size: 13px;
            margin-top: -1px;
            height: 22.5px;
            margin-bottom: 0; }
          .top-bar ul > li.login form input[type=text] {
            -moz-border-radius-topright: 0;
            -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            width: 120px; }
          .top-bar ul > li.login form input[type=password] {
            margin-bottom: 0;
            -moz-border-radius-topleft: 0;
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            width: 120px; }
            .top-bar ul > li.login form input[type=password] + .button {
              border-left: none;
              -moz-border-radius-topleft: 0;
              -webkit-border-top-left-radius: 0;
              border-top-left-radius: 0;
              -moz-border-radius-bottomleft: 0;
              -webkit-border-bottom-left-radius: 0;
              border-bottom-left-radius: 0;
              -moz-border-radius-topright: 2px;
              -webkit-border-top-right-radius: 2px;
              border-top-right-radius: 2px;
              -moz-border-radius-bottomright: 2px;
              -webkit-border-bottom-right-radius: 2px;
              border-bottom-right-radius: 2px;
              float: left;
              font-size: 12px;
              margin-top: -1px;
              padding: 5px 12px 4px;
              width: 60px; }
        .top-bar ul > li.login:hover, .top-bar ul > li.login:focus {
          background: #222222; }
      .top-bar ul > li.toggle-topbar {
        display: none; }
      .top-bar ul > li.has-dropdown {
        position: relative;
        /* Dropdown Level 2+ */ }
        .top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown {
          display: block;
          visibility: visible; }
        .top-bar ul > li.has-dropdown a {
          padding-right: 33.75px; }
          .top-bar ul > li.has-dropdown a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 5px;
            border-color: white transparent transparent transparent;
            margin-right: 15px;
            margin-top: -2.5px;
            position: absolute;
            right: 0;
            top: 50%; }
        .top-bar ul > li.has-dropdown .dropdown {
          background: #222222;
          left: 0;
          margin: 0;
          padding: 9px 0 0 0;
          position: absolute;
          visibility: hidden;
          z-index: 99; }
          .top-bar ul > li.has-dropdown .dropdown li {
            background: #222222;
            line-height: 1;
            min-width: 100%;
            padding-bottom: 5px; }
            .top-bar ul > li.has-dropdown .dropdown li a {
              color: white;
              font-weight: normal;
              height: 100%;
              line-height: 1;
              padding: 5px 17px 5px 15px;
              white-space: nowrap; }
              .top-bar ul > li.has-dropdown .dropdown li a:after {
                border: none; }
              .top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus {
                background: #3c3c3c; }
            .top-bar ul > li.has-dropdown .dropdown li label {
              color: #6f6f6f;
              font-size: 10px;
              font-weight: bold;
              margin: 0;
              padding-left: 15px;
              text-transform: uppercase; }
            .top-bar ul > li.has-dropdown .dropdown li.divider {
              border-top: solid 1px black;
              -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
              -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
              box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
              height: 10px;
              padding: 0;
              width: 100%; }
            .top-bar ul > li.has-dropdown .dropdown li:last-child {
              padding-bottom: 10px; }
            .top-bar ul > li.has-dropdown .dropdown li.active a {
              background: black; }
        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
          padding-right: 30px; }
          .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
            border: none;
            content: "\00bb";
            right: 5px;
            top: 6px; }
        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
          position: absolute;
          left: 100%;
          top: 0; }
        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown {
          display: block; }
    .top-bar ul.left {
      float: left;
      width: auto;
      margin-bottom: 0; }
    .top-bar ul.right {
      float: right;
      width: auto;
      margin-bottom: 0;
      /* Dropdown Right Side Alignment */ }
      .top-bar ul.right .has-dropdown .dropdown {
        left: auto;
        right: 0px; }
        .top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
          right: 100%;
          left: auto;
          width: 100%; }
  .top-bar .js-generated {
    display: none; }

/* Firefox Fixes */
@-moz-document url-prefix() {
  .top-bar ul li .button.small {
    padding-bottom: 6px; }

  .top-bar ul li.search form input[type=search] {
    font-size: 14px;
    height: 22px;
    padding: 3px; } }

/* IE8 Fixes */
.lt-ie9 .top-bar ul li a {
  color: white;
  display: block;
  font-weight: bold;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  padding: 0 15px; }
  .lt-ie9 .top-bar ul li a.button {
    height: auto;
    line-height: 30px;
    margin-top: 7px; }
  .lt-ie9 .top-bar ul li a img {
    margin-top: -5px;
    vertical-align: middle; }

.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus {
  color: #cccccc; }
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus {
  background: black; }
.lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus {
  background: none; }
.lt-ie9 .top-bar section > ul > li.active {
  background: black;
  color: #d9d9d9; }

.lt-ie9 .top-bar ul li.has-dropdown {
  padding-right: 33.75px; }
  .lt-ie9 .top-bar ul li.has-dropdown > ul li {
    padding-right: 0; }

/* CSS for jQuery Orbit Plugin 1.4.0
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative; }

.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
  margin-bottom: 17px; }
  .orbit.with-bullets {
    margin-bottom: 40px; }
  .orbit .orbit-slide {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .orbit a.orbit-slide {
    border: none;
    line-height: 0;
    display: none; }
  .orbit div.orbit-slide {
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
.orbit-wrapper .timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 31; }
.orbit-wrapper span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url('../images/foundation/orbit/rotator-black.png?1373874872') no-repeat;
  z-index: 3; }
  .orbit-wrapper span.rotator.move {
    left: 0; }
.orbit-wrapper span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden; }
  .orbit-wrapper span.mask.move {
    width: 40px;
    left: 0;
    background: url('../images/foundation/orbit/timer-black.png?1373874872') repeat 0 0; }
.orbit-wrapper span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/foundation/orbit/pause-black.png?1373874872') no-repeat;
  z-index: 4;
  opacity: 0; }
  .orbit-wrapper span.pause.active {
    background: url('../images/foundation/orbit/pause-black.png?1373874872') no-repeat 0 -40px; }
.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active {
  opacity: 1; }

/* Captions ---------------------- */
.orbit-caption {
  display: none;
  font-family: inherit; }

.orbit-wrapper .orbit-caption {
  background: black;
  background: rgba(0, 0, 0, 0.6);
  z-index: 30;
  color: white;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%; }

/* Directional Nav ---------------------- */
.orbit-wrapper .slider-nav {
  display: block; }
.orbit-wrapper .slider-nav span {
  width: 39px;
  height: 50px;
  text-indent: -9999px;
  position: absolute;
  z-index: 30;
  top: 50%;
  margin-top: -25px;
  cursor: pointer; }
.orbit-wrapper .slider-nav span.right {
  background: url('../images/foundation/orbit/right-arrow.png?1373874872');
  background-size: 100%;
  right: 0; }
.orbit-wrapper .slider-nav span.left {
  background: url('../images/foundation/orbit/left-arrow.png?1373874873');
  background-size: 100%;
  left: 0; }

.lt-ie9 .orbit-wrapper .slider-nav span.right {
  background: url('../images/foundation/orbit/right-arrow-small.png?1373874872'); }
.lt-ie9 .orbit-wrapper .slider-nav span.left {
  background: url('../images/foundation/orbit/left-arrow-small.png?1373874873'); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets {
  position: absolute;
  z-index: 30;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0; }
  ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999999;
    text-indent: -9999px;
    background: url('../images/foundation/orbit/bullets.jpg?1373874873') no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }
    ul.orbit-bullets li.active {
      color: #222222;
      background-position: -8px 0; }
    ul.orbit-bullets li.has-thumb {
      background: none;
      width: 100px;
      height: 75px; }
    ul.orbit-bullets li.active.has-thumb {
      background-position: 0 0;
      border-top: 2px solid black; }

/* Orbit Slide Counter */
.orbit-slide-counter {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px; }

/* Fluid Layout ---------------------- */
.orbit img.fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: 100%; }

.orbit, .orbit-wrapper {
  width: 100% !important; }

/* Correct timer in IE */
.lt-ie9 .timer {
  display: none !important; }

.lt-ie9 .orbit-caption {
  background: black;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1; }

@media only screen and (max-width: 767px) {
  .orbit.orbit-stack-on-small img.fluid-placeholder {
    visibility: visible; }

  .orbit.orbit-stack-on-small .orbit-slide {
    position: static;
    margin-bottom: 10px; } }
/* CSS for jQuery Reveal Plugin
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9998;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  background: #fff;
  visibility: hidden;
  display: none;
  top: 180px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: absolute;
  z-index: 9999;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  .reveal-modal .close-reveal-modal:not(.button) {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    cursor: pointer; }
  .reveal-modal.small {
    width: 30%;
    margin-left: -15%; }
  .reveal-modal.medium {
    width: 40%;
    margin-left: -20%; }
  .reveal-modal.large {
    width: 60%;
    margin-left: -30%; }
  .reveal-modal.xlarge {
    width: 70%;
    margin-left: -35%; }
  .reveal-modal.expand {
    width: 90%;
    margin-left: -45%; }
  .reveal-modal .row {
    min-width: 0;
    margin-bottom: 10px; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }

@media print {
  .reveal-modal {
    border: solid 1px #000;
    background: #fff; } }
#joyRideTipContent {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  width: 300px;
  z-index: 101;
  top: 0;
  left: 0;
  font-family: inherit;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.joyride-content-wrapper {
  padding: 18px 20px 24px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid 14px; }
  .joyride-tip-guide span.joyride-nub.top {
    border-color: black;
    border-color: rgba(0, 0, 0, 0.8);
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -28px;
    bottom: none; }
  .joyride-tip-guide span.joyride-nub.bottom {
    border-color: black;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px;
    bottom: none; }
  .joyride-tip-guide span.joyride-nub.right {
    border-color: black;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    bottom: none;
    left: auto;
    right: -28px; }
  .joyride-tip-guide span.joyride-nub.left {
    border-color: black;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: -28px;
    right: auto;
    bottom: none; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white; }

.joyride-tip-guide p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 17px;
  bottom: 16px; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666; }

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  line-height: .5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.clearing-blackout {
  background: black;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 999;
  height: 100%;
  overflow: hidden; }

.visible-img {
  height: 75%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }
  .visible-img .clearing-caption {
    color: white;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: black;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 10px 100px; }

.clearing-close {
  z-index: 999;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  line-height: 1;
  color: white;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #ccc; }

.clearing-main-left, .clearing-main-right {
  position: absolute;
  top: 50%;
  margin-top: -16px; }

.clearing-main-left.disabled, .clearing-main-right.disabled {
  opacity: 0.5; }

.clearing-main-left:active, .clearing-main-right:active {
  margin-top: -15px; }

.clearing-main-left {
  left: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent white transparent transparent; }

.clearing-main-right {
  right: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent transparent transparent white; }

ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) {
  clear: none; }

ul[data-clearing] li {
  cursor: pointer;
  display: block; }
  ul[data-clearing] li.clearing-feature ~ li {
    display: none; }

.clearing-assembled .clearing-container .carousel {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  height: 150px;
  margin-top: 5px; }
.clearing-assembled .clearing-container .visible-img {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden; }
.clearing-assembled .clearing-container ul[data-clearing] {
  z-index: 999;
  width: 200%;
  height: 100%;
  margin-left: 0;
  position: relative;
  left: 0; }
  .clearing-assembled .clearing-container ul[data-clearing] li {
    display: block;
    width: 175px;
    height: inherit;
    padding: 0;
    float: left;
    overflow: hidden;
    background: #222;
    margin-right: 1px;
    position: relative; }
    .clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
      min-height: 100%;
      height: 100%;
      max-width: none; }
    .clearing-assembled .clearing-container ul[data-clearing] li img {
      cursor: pointer !important;
      min-width: 100% !important; }
    .clearing-assembled .clearing-container ul[data-clearing] li.visible {
      border-top: 4px solid white; }

/* Overrides clear:both; when using block-grid with Clearing. Also overrided .th styling when Clearing is open */
ul.block-grid[data-clearing] {
  overflow: visible; }

.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) {
  clear: none; }
.clearing-blackout .th img {
  border: none;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.clearing-blackout:hover img, .clearing-blackout:focus img {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }

/* Tabs ---------------------- */
.tabs {
  list-style: none;
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px; }
  .tabs.contained {
    margin-bottom: 0;
    margin-left: 0; }
  .tabs dt, .tabs li.section-title {
    color: #b3b3b3;
    cursor: default;
    display: block;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-right: 9px;
    padding-left: 20px;
    font-weight: normal;
    width: auto;
    text-transform: uppercase; }
    .tabs dt:first-child, .tabs li.section-title:first-child {
      padding: 0;
      padding-right: 9px; }
  .tabs dd, .tabs li {
    display: inline-block;
    /*float: left;*/
    padding: 0;
    margin: 0; }
    .tabs dd a, .tabs li a {
      color: #6f6f6f;
      display: block;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      padding: 0px 23.8px; }
      .tabs dd a:focus, .tabs li a:focus {
        font-weight: bold;
        color: #2ba6cb; }
    .tabs dd.active, .tabs li.active {
      border-top: 3px solid #2ba6cb;
      margin-top: -3px; }
      .tabs dd.active a, .tabs li.active a {
        cursor: default;
        color: #3c3c3c;
        background: #fff;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        font-weight: normal; }
    .tabs dd:first-child, .tabs li:first-child {
      margin-left: 0; }
  .tabs.vertical {
    height: auto;
    border-bottom: 1px solid #e6e6e6; }
    .tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
      float: none;
      height: auto; }
    .tabs.vertical dd, .tabs.vertical li {
      border-left: 3px solid #cccccc; }
      .tabs.vertical dd a, .tabs.vertical li a {
        background: #f2f2f2;
        border: none;
        border: 1px solid #e6e6e6;
        border-width: 1px 1px 0 0;
        color: #555;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: 1;
        padding: 15px 20px;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
      .tabs.vertical dd.active, .tabs.vertical li.active {
        margin-top: 0;
        border-top: 1px solid #4d4d4d;
        border-left: 4px solid #1a1a1a; }
        .tabs.vertical dd.active a, .tabs.vertical li.active a {
          background: #4d4d4d;
          border: none;
          color: #fff;
          height: auto;
          margin: 0;
          position: static;
          top: 0;
          -webkit-box-shadow: 0 0 0;
          -moz-box-shadow: 0 0 0;
          box-shadow: 0 0 0; }
      .tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
        margin: 0; }
  .tabs.pill {
    border-bottom: none;
    margin-bottom: 10px; }
    .tabs.pill dd, .tabs.pill li {
      margin-right: 10px; }
      .tabs.pill dd:last-child, .tabs.pill li:last-child {
        margin-right: 0; }
      .tabs.pill dd a, .tabs.pill li a {
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
        background: #e6e6e6;
        height: 26px;
        line-height: 26px;
        color: #666; }
      .tabs.pill dd.active, .tabs.pill li.active {
        border: none;
        margin-top: 0; }
        .tabs.pill dd.active a, .tabs.pill li.active a {
          background-color: #2ba6cb;
          border: none;
          color: #fff; }
    .tabs.pill.contained {
      border-bottom: solid 1px #eee;
      margin-bottom: 0; }
    .tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
      margin-right: 0; }
  .tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
    padding: 0 17px;
    text-align: center;
    overflow: hidden; }
  .tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
    width: 50%; }
  .tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {
    width: 33.33%; }
  .tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {
    width: 25%; }
  .tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
    width: 20%; }

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0; }
  ul.tabs-content > li {
    display: none; }
    ul.tabs-content > li.active {
      display: block; }
  ul.tabs-content.contained {
    padding: 0; }
    ul.tabs-content.contained > li {
      border: solid 0 #e6e6e6;
      border-width: 0 1px 1px 1px;
      padding: 20px; }
    ul.tabs-content.contained.vertical > li {
      border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li {
  display: block; }

/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Inline/Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
:: Pricing Tables

*/
/* Alerts ---------------------- */
div.alert-box {
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background-color: #2ba6cb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative; }
  div.alert-box.success {
    background-color: #5da423;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
  div.alert-box.alert {
    background-color: #c60f13;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
  div.alert-box.secondary {
    background-color: #e9e9e9;
    color: #505050;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
  div.alert-box a.close {
    color: #333;
    position: absolute;
    right: 4px;
    top: -1px;
    font-size: 17px;
    opacity: 0.2;
    padding: 4px; }
  div.alert-box a.close:hover, div.alert-box a.close:focus {
    opacity: 0.4; }

/* Labels ---------------------- */
.label {
  padding: 1px 4px 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline;
  position: relative;
  bottom: 1px;
  color: #fff;
  background: #2ba6cb; }
  .label.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .label.round {
    padding: 1px 7px 2px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px; }
  .label.alert {
    background-color: #c60f13; }
  .label.success {
    background-color: #5da423; }
  .label.secondary {
    background-color: #e9e9e9;
    color: #505050; }

/* Tooltips ---------------------- */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #196177;
    color: #2ba6cb; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  background: black;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  z-index: 999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  line-height: normal; }
  .tooltip > .nub {
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    position: absolute;
    top: -10px;
    left: 10px; }
  .tooltip.tip-override > .nub {
    border-color: transparent transparent black transparent !important;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
    top: -10px !important; }
  .tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub {
    border-color: black transparent transparent transparent;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent black;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
    right: -10px;
    left: auto; }
  .tooltip.tip-right > .nub {
    border-color: transparent black transparent transparent;
    border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
    right: auto;
    left: -10px; }
  .tooltip.noradius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .tooltip.opened {
    color: #2ba6cb !important;
    border-bottom: dotted 1px #196177 !important; }

.tap-to-close {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #888888;
  font-weight: normal; }

/* Panels ---------------------- */
.panel {
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel.callout {
    background: #2ba6cb;
    color: #fff;
    border-color: #2284a1;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
    .panel.callout a {
      color: #fff; }
    .panel.callout .button {
      background: white;
      border: none;
      color: #2ba6cb;
      text-shadow: none; }
      .panel.callout .button:hover, .panel.callout .button:focus {
        background: rgba(255, 255, 255, 0.8); }
  .panel.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }

/* Accordion ---------------------- */
ul.accordion {
  margin: 0 0 22px 0;
  border-bottom: 1px solid #e9e9e9; }
  ul.accordion > li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9; }
    ul.accordion > li > div.title {
      cursor: pointer;
      background: #f6f6f6;
      padding: 15px;
      margin: 0;
      position: relative;
      border-left: 1px solid #e9e9e9;
      border-right: 1px solid #e9e9e9;
      -webkit-transition: 0.15s background linear;
      -moz-transition: 0.15s background linear;
      -o-transition: 0.15s background linear;
      transition: 0.15s background linear; }
      ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 {
        margin: 0; }
      ul.accordion > li > div.title:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 6px;
        border-color: transparent #9d9d9d transparent transparent;
        position: absolute;
        right: 15px;
        top: 21px; }
    ul.accordion > li .content {
      display: none;
      padding: 15px; }
    ul.accordion > li.active {
      border-top: 3px solid #2ba6cb; }
      ul.accordion > li.active .title {
        background: white;
        padding-top: 13px; }
        ul.accordion > li.active .title:after {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border: solid 6px;
          border-color: #9d9d9d transparent transparent transparent; }
      ul.accordion > li.active .content {
        background: white;
        display: block;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9; }

/* Side Nav ---------------------- */
ul.side-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 17px 0; }
  ul.side-nav li {
    display: block;
    list-style: none;
    margin: 0 0 7px 0; }
    ul.side-nav li a {
      display: block; }
    ul.side-nav li.active a {
      color: #4d4d4d;
      font-weight: bold; }
    ul.side-nav li.divider {
      border-top: 1px solid #e6e6e6;
      height: 0;
      padding: 0; }

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -4px 0 18px;
  margin-right: 0;
  margin-left: -9px;
  padding-top: 4px; }
  dl.sub-nav dt, dl.sub-nav dd {
    float: left;
    display: inline;
    margin-left: 9px;
    margin-bottom: 10px; }
  dl.sub-nav dt {
    color: #999;
    font-weight: normal; }
  dl.sub-nav dd a {
    text-decoration: none;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px; }
  dl.sub-nav dd.active a {
    font-weight: bold;
    background: #2ba6cb;
    color: #fff;
    padding: 3px 9px;
    cursor: default; }

/* Pagination ---------------------- */
ul.pagination {
  display: block;
  height: 24px;
  margin-left: -5px; }
  ul.pagination li {
    float: left;
    display: block;
    height: 24px;
    color: #999;
    font-size: 14px;
    margin-left: 5px; }
    ul.pagination li a {
      display: block;
      padding: 1px 7px 1px;
      color: #555; }
    ul.pagination li:hover a, ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: #2ba6cb;
      color: white;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #2ba6cb; }

div.pagination-centered {
  text-align: center; }
  div.pagination-centered ul > li {
    float: none;
    display: inline-block; }

/* Breadcrums ---------------------- */
ul.breadcrumbs {
  display: block;
  background: #f6f6f6;
  padding: 6px 10px 7px;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  margin-left: 0; }
  ul.breadcrumbs li {
    margin: 0;
    padding: 0 12px 0 0;
    float: left;
    list-style: none; }
    ul.breadcrumbs li a, ul.breadcrumbs li span {
      text-transform: uppercase;
      font-size: 11px;
      font-size: 1.1rem;
      padding-left: 12px; }
    ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
      padding-left: 0; }
  ul.breadcrumbs li:before {
    content: "/";
    color: #aaa; }
  ul.breadcrumbs li:first-child:before {
    content: " "; }
  ul.breadcrumbs li.current a {
    cursor: default;
    color: #333; }
  ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
    text-decoration: underline; }
  ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
    text-decoration: none; }
  ul.breadcrumbs li.unavailable a {
    color: #999; }
  ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: default; }

/* Inline Link List */
ul.inline-list, ul.link-list {
  margin: 0 0 17px -22px;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  ul.inline-list > li, ul.link-list > li {
    list-style: none;
    float: left;
    margin-left: 22px;
    display: block; }
    ul.inline-list > li > *, ul.link-list > li > * {
      display: block; }

/* Keytroke Characters ---------------------- */
.keystroke, kbd {
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 13px;
  padding: 2px 4px 0px;
  margin: 0;
  background: #ededed;
  border: solid 1px #dbdbdb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

/* Image Thumbnails ---------------------- */
.th {
  display: block; }
  .th img {
    display: block;
    border: solid 4px #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms; }
  .th:hover img, .th:focus img {
    -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
    -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Tables ---------------------- */
table {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 18px;
  border: 1px solid #ddd; }

table thead, table tfoot {
  background: #f5f5f5; }

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  font-size: 14px;
  line-height: 18px;
  text-align: left; }

table thead tr th,
table tfoot tr td {
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: bold;
  color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child {
  border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child {
  border-right: none; }

table tbody tr.even,
table tbody tr.alt {
  background: #f9f9f9; }

table tbody tr:nth-child(even) {
  background: #f9f9f9; }

table tbody tr td {
  color: #333;
  padding: 9px 10px;
  vertical-align: top;
  border: none; }

/* Microformats ---------------------- */
ul.vcard {
  display: inline-block;
  margin: 0 0 12px 0;
  border: 1px solid #ddd;
  padding: 10px; }
  ul.vcard li {
    margin: 0;
    display: block; }
  ul.vcard li.fn {
    font-weight: bold;
    font-size: 15px; }

p.vevent span.summary {
  font-weight: bold; }
p.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 1px; }

/* Progress Bar ---------------------- */
div.progress {
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  height: 25px;
  /* meter */
  /* border radii */ }
  div.progress .meter {
    background: #2ba6cb;
    height: 100%;
    display: block;
    width: 50%; }
  div.progress.secondary .meter {
    background: #e9e9e9; }
  div.progress.success .meter {
    background: #5da423; }
  div.progress.alert .meter {
    background: #c60f13; }
  div.progress.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    div.progress.radius .meter {
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
  div.progress.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px; }
    div.progress.round .meter {
      -webkit-border-radius: 1000px;
      -moz-border-radius: 1000px;
      -ms-border-radius: 1000px;
      -o-border-radius: 1000px;
      border-radius: 1000px; }

/* Pricing Tables ---------------------- */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 20px; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #dddddd;
    padding: 15px 20px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-size: 16px; }
  .pricing-table .price {
    background-color: #eeeeee;
    padding: 15px 20px;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 20px; }
  .pricing-table .description {
    background-color: white;
    padding: 15px;
    text-align: center;
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .bullet-item {
    background-color: white;
    padding: 15px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .cta-button {
    background-color: whitesmoke;
    text-align: center;
    padding: 20px; }

/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge,
.show-for-print {
  display: none !important; }

.hide-for-small,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.hide-for-xlarge,
.hide-for-print {
  display: inherit !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) {
  .hide-for-small,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-small,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .hide-for-small,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: inherit !important; }

  .show-for-small,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) {
  .show-for-small,
  .hide-for-medium,
  .show-for-medium-down,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: inherit !important; }

  .hide-for-small,
  .show-for-medium,
  .hide-for-medium-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: none !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; } }
@media screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium {
  display: table !important; }

@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .touch table.hide-for-xlarge,
  .touch table.hide-for-large,
  .touch table.hide-for-small,
  .touch table.show-for-medium {
    display: table !important; } }
@media only screen and (max-width: 767px) {
  table.hide-for-xlarge,
  table.hide-for-large,
  table.hide-for-medium,
  table.show-for-small {
    display: table !important; } }
/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) {
  /* NavBar --- */
  /*            */
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important; } }
/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video {
    padding-top: 0; } }
/* Between Medium and Small */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  /* NavBar --- */
  /*            */
  .touch .nav-bar li a {
    font-size: 13px; }
  .touch .nav-bar li.has-flyout > a.flyout-toggle {
    padding: 20px !important; }
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important; }

  /* Clearing --- */
  /*              */
  .clearing-main-right, .clearing-main-left {
    height: 100%;
    width: 40px;
    top: 0;
    border: none; }
    .clearing-main-right:before, .clearing-main-left:before {
      position: absolute;
      top: 50%; }

  .clearing-main-left {
    left: 0; }
    .clearing-main-left:before {
      left: 5px;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 16px;
      border-color: transparent white transparent transparent; }

  .clearing-main-right {
    height: 100%;
    right: 0; }
    .clearing-main-right:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 16px;
      border-color: transparent transparent transparent white; } }
/* Small Devices ------------ */
@media only screen and (max-width: 767px) {
  /* Global Misc --- */
  /*                 */
  .left, .right {
    float: none; }

  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }

  /* The Grid --- */
  /*              */
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0; }

  .column, .columns {
    width: auto !important;
    float: none; }

  .column:last-child, .columns:last-child {
    float: none; }

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

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

  .column:after, .columns:after {
    clear: both; }

  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
    margin-left: 0 !important; }

  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
    left: auto; }

  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
    right: auto; }

  /* Mobile 4-column Grid */
  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 10px; }
    .row .mobile-one:last-child {
      float: right; }
    .row .mobile-one.end {
      float: left; }
  .row.collapse .mobile-one {
    padding: 0; }

  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 10px; }
    .row .mobile-two:last-child {
      float: right; }
    .row .mobile-two.end {
      float: left; }
  .row.collapse .mobile-two {
    padding: 0; }

  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 10px; }
    .row .mobile-three:last-child {
      float: right; }
    .row .mobile-three.end {
      float: left; }
  .row.collapse .mobile-three {
    padding: 0; }

  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 10px; }
    .row .mobile-four:last-child {
      float: right; }
    .row .mobile-four.end {
      float: left; }
  .row.collapse .mobile-four {
    padding: 0; }

  .push-one-mobile {
    left: 25%; }

  .pull-one-mobile {
    right: 25%; }

  .push-two-mobile {
    left: 50%; }

  .pull-two-mobile {
    right: 50%; }

  .push-three-mobile {
    left: 75%; }

  .pull-three-mobile {
    right: 75%; }

  /* Block Grids --- */
  /*                 */
  .block-grid.mobile > li {
    float: none;
    width: 100%;
    margin-left: 0; }

  .block-grid > li {
    clear: none; }
  .block-grid.mobile-one-up > li {
    width: 100%; }
  .block-grid.mobile-two-up > li {
    width: 50%; }
    .block-grid.mobile-two-up > li:nth-child(2n+1) {
      clear: both; }
  .block-grid.mobile-three-up > li {
    width: 33.33333%; }
    .block-grid.mobile-three-up > li:nth-child(3n+1) {
      clear: both; }
  .block-grid.mobile-four-up > li {
    width: 25%; }
    .block-grid.mobile-four-up > li:nth-child(4n+1) {
      clear: both; }
  .block-grid.mobile-five-up > li {
    width: 20%; }
    .block-grid.mobile-five-up > li:nth-child(5n+1) {
      clear: both; }
  .block-grid.mobile-six-up > li {
    width: 16.66667%; }
    .block-grid.mobile-six-up > li:nth-child(6n+1) {
      clear: both; }
  .block-grid.mobile-seven-up > li {
    width: 14.28571%; }
    .block-grid.mobile-seven-up > li:nth-child(7n+1) {
      clear: both; }
  .block-grid.mobile-eight-up > li {
    width: 12.5%; }
    .block-grid.mobile-eight-up > li:nth-child(8n+1) {
      clear: both; }
  .block-grid.mobile-nine-up > li {
    width: 11.11111%; }
    .block-grid.mobile-nine-up > li:nth-child(9n+1) {
      clear: both; }
  .block-grid.mobile-ten-up > li {
    width: 10%; }
    .block-grid.mobile-ten-up > li:nth-child(10n+1) {
      clear: both; }
  .block-grid.mobile-eleven-up > li {
    width: 9.09091%; }
    .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
      clear: both; }
  .block-grid.mobile-twelve-up > li {
    width: 8.33333%; }
    .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
      clear: both; }

  /* Forms --- */
  /*           */
  /* Label alignment */
  label.right {
    text-align: left; }

  /* Extend width of all inputs */
  input[type="text"].one,
  input[type="password"].one,
  input[type="date"].one,
  input[type="datetime"].one,
  input[type="email"].one,
  input[type="number"].one,
  input[type="search"].one,
  input[type="tel"].one,
  input[type="time"].one,
  input[type="url"].one,
  textarea.one,
  .row textarea.one {
    width: 100% !important; }

  input[type="text"].two,
  input[type="password"].two,
  input[type="date"].two,
  input[type="datetime"].two,
  input[type="email"].two,
  input[type="number"].two,
  input[type="search"].two,
  input[type="tel"].two,
  input[type="time"].two,
  input[type="url"].two,
  textarea.two,
  .row textarea.two {
    width: 100% !important; }

  input[type="text"].three,
  input[type="password"].three,
  input[type="date"].three,
  input[type="datetime"].three,
  input[type="email"].three,
  input[type="number"].three,
  input[type="search"].three,
  input[type="tel"].three,
  input[type="time"].three,
  input[type="url"].three,
  textarea.three,
  .row textarea.three {
    width: 100% !important; }

  input[type="text"].four,
  input[type="password"].four,
  input[type="date"].four,
  input[type="datetime"].four,
  input[type="email"].four,
  input[type="number"].four,
  input[type="search"].four,
  input[type="tel"].four,
  input[type="time"].four,
  input[type="url"].four,
  textarea.four,
  .row textarea.four {
    width: 100% !important; }

  input[type="text"].five,
  input[type="password"].five,
  input[type="date"].five,
  input[type="datetime"].five,
  input[type="email"].five,
  input[type="number"].five,
  input[type="search"].five,
  input[type="tel"].five,
  input[type="time"].five,
  input[type="url"].five,
  textarea.five,
  .row textarea.five {
    width: 100% !important; }

  input[type="text"].six,
  input[type="password"].six,
  input[type="date"].six,
  input[type="datetime"].six,
  input[type="email"].six,
  input[type="number"].six,
  input[type="search"].six,
  input[type="tel"].six,
  input[type="time"].six,
  input[type="url"].six,
  textarea.six,
  .row textarea.six {
    width: 100% !important; }

  input[type="text"].seven,
  input[type="password"].seven,
  input[type="date"].seven,
  input[type="datetime"].seven,
  input[type="email"].seven,
  input[type="number"].seven,
  input[type="search"].seven,
  input[type="tel"].seven,
  input[type="time"].seven,
  input[type="url"].seven,
  textarea.seven,
  .row textarea.seven {
    width: 100% !important; }

  input[type="text"].eight,
  input[type="password"].eight,
  input[type="date"].eight,
  input[type="datetime"].eight,
  input[type="email"].eight,
  input[type="number"].eight,
  input[type="search"].eight,
  input[type="tel"].eight,
  input[type="time"].eight,
  input[type="url"].eight,
  textarea.eight,
  .row textarea.eight {
    width: 100% !important; }

  input[type="text"].nine,
  input[type="password"].nine,
  input[type="date"].nine,
  input[type="datetime"].nine,
  input[type="email"].nine,
  input[type="number"].nine,
  input[type="search"].nine,
  input[type="tel"].nine,
  input[type="time"].nine,
  input[type="url"].nine,
  textarea.nine,
  .row textarea.nine {
    width: 100% !important; }

  input[type="text"].ten,
  input[type="password"].ten,
  input[type="date"].ten,
  input[type="datetime"].ten,
  input[type="email"].ten,
  input[type="number"].ten,
  input[type="search"].ten,
  input[type="tel"].ten,
  input[type="time"].ten,
  input[type="url"].ten,
  textarea.ten,
  .row textarea.ten {
    width: 100% !important; }

  input[type="text"].eleven,
  input[type="password"].eleven,
  input[type="date"].eleven,
  input[type="datetime"].eleven,
  input[type="email"].eleven,
  input[type="number"].eleven,
  input[type="search"].eleven,
  input[type="tel"].eleven,
  input[type="time"].eleven,
  input[type="url"].eleven,
  textarea.eleven,
  .row textarea.eleven {
    width: 100% !important; }

  input[type="text"].twelve,
  input[type="password"].twelve,
  input[type="date"].twelve,
  input[type="datetime"].twelve,
  input[type="email"].twelve,
  input[type="number"].twelve,
  input[type="search"].twelve,
  input[type="tel"].twelve,
  input[type="time"].twelve,
  input[type="url"].twelve,
  textarea.twelve,
  .row textarea.twelve {
    width: 100% !important; }

  /* Buttons --- */
  /*             */
  /* Basic overrides */
  .button {
    display: block; }

  button.button, input[type="submit"].button, input[type="reset"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }

  /* Button Groups */
  .button-group button.button, .button-group input[type="submit"].button {
    width: auto;
    padding: 10px 20px 11px; }
    .button-group button.button.large, .button-group input[type="submit"].button.large {
      padding: 15px 30px 16px; }
    .button-group button.button.medium, .button-group input[type="submit"].button.medium {
      padding: 10px 20px 11px; }
    .button-group button.button.small, .button-group input[type="submit"].button.small {
      padding: 7px 14px 8px; }
    .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
      padding: 5px 10px 6px; }
  .button-group.even button.button, .button-group.even input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }

  /* Navbar --- */
  /*            */
  .nav-bar {
    height: auto; }
    .nav-bar > li {
      float: none;
      display: block;
      border-right: none; }
    .nav-bar > li > a.main {
      text-align: left;
      border-top: 1px solid #ddd;
      border-right: none; }
    .nav-bar > li:first-child > a.main {
      border-top: none; }
    .nav-bar > li.has-flyout > a.flyout-toggle {
      position: absolute;
      right: 0;
      top: 0;
      padding: 22px;
      z-index: 2;
      display: block; }
    .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
      content: "";
      width: 0;
      height: 0;
      display: block; }
    .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
      border-top-color: #141414; }
    .nav-bar.vertical > li.has-flyout > .flyout {
      left: 0; }

  .flyout {
    position: relative;
    width: 100% !important;
    top: auto;
    margin-right: -2px;
    border-width: 1px 1px 0 1px; }
    .flyout.right {
      float: none;
      right: auto;
      left: -1px; }
    .flyout.small, .flyout.large {
      width: 100% !important; }
    .flyout p:last-child {
      margin-bottom: 18px; }

  /* Reveal --- */
  /*            */
  .reveal-modal-bg {
    position: absolute; }

  .reveal-modal,
  .reveal-modal.small,
  .reveal-modal.medium,
  .reveal-modal.large,
  .reveal-modal.xlarge {
    width: 80%;
    top: 15px;
    left: 50%;
    margin-left: -40%;
    padding: 20px;
    height: auto; }

  /* Clearing --- */
  /*              */
  .clearing-container {
    margin: 0; }

  .clearing-close {
    z-index: 99;
    font-size: 37px;
    top: 0px;
    right: 5px; }

  .clearing-caption {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px !important;
    line-height: 1.3; }

  .clearing-main-right, .clearing-main-left {
    display: none; }

  .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {
    height: 100%; }
  .clearing-blackout.clearing-assembled ul[data-clearing] {
    display: none; }

  /* Joyride --- */
  /*             */
  .joyride-tip-guide {
    width: 95% !important;
    left: 2.5% !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }

  .joyride-tip-guide-wrapper {
    width: 100%; }

  /* Tabs --- */
  /*          */
  .tabs.mobile {
    width: auto;
    margin: 20px -20px 40px;
    border-bottom: solid 1px #ccc;
    height: auto;
    margin: 20px -15px 0px -15px; }
    .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {
      float: none;
      height: auto; }
    .tabs.mobile dd a, .tabs.mobile li a {
      font-size: 15px;
      display: block;
      width: auto;
      height: auto;
      padding: 18px 20px;
      margin: 0;
      color: #555;
      line-height: 1;
      border: none;
      border-left: none;
      border-right: none;
      border-top: 1px solid #ccc;
      background: #fff; }
    .tabs.mobile dd a.active, .tabs.mobile li a.active {
      border: none;
      background: #2ba6cb;
      color: #fff;
      margin: 0;
      position: static;
      top: 0;
      height: auto; }
    .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {
      margin: 0; }
    .tabs.mobile + .tabs-content.contained {
      margin-left: -15px;
      margin-right: -15px; }
    .tabs.mobile .section-title {
      padding-left: 20px !important; }

  .contained.mobile {
    margin-bottom: 0; }

  .contained.tabs.mobile dd a, .contained.tabs.mobile li a {
    padding: 18px 20px; }

  .tabs.mobile + ul.contained {
    margin-left: -20px;
    margin-right: -20px;
    border-width: 0 0 1px 0; }

  /* UI Elements --- */
  /*                 */
  /* Tooltips */
  .tooltip {
    font-size: 14px;
    line-height: 1.4;
    padding: 7px 10px 9px 10px;
    left: 50% !important;
    max-width: 80% !important;
    margin-left: -40%;
    font-size: 110%; }

  .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
    border-color: transparent transparent black transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    top: -12px;
    left: 10px; } }
/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 940px) {
  .top-bar {
    margin-bottom: 0;
    overflow: hidden;
    height: 45px;
    background: #222222;
    /* Override contain to grid stuff for breakpoint */
    /* Setting up the sliding area */
    /* When the Small Nav is Showing */ }
    .top-bar .js-generated {
      display: block; }
    .contain-to-grid .top-bar {
      width: auto; }
    .top-bar section {
      left: 0;
      position: relative;
      width: auto;
      -webkit-transition: left 300ms 0;
      -moz-transition: left 300ms 0;
      -o-transition: left 300ms 0;
      transition: left 300ms 0; }
    .top-bar ul {
      width: 100%;
      height: 100%;
      margin-bottom: 0;
      display: block; }
      .top-bar ul > li {
        float: none;
        /* Branding and name */
        /* Dropdown Toggle */
        /* Divider for breakpoint */
        /* Search Overrides for breakpoint size */
        /* Dropdown Level 1 */
        /* Dropdown Level 2 */ }
        .top-bar ul > li.active, .top-bar ul > li:hover {
          background: #151515; }
        .top-bar ul > li.name {
          height: 45px; }
          .top-bar ul > li.name h1 {
            line-height: 1; }
            .top-bar ul > li.name h1 a {
              color: white;
              display: block;
              line-height: 45px !important;
              padding-left: 15px;
              height: 45px; }
        .top-bar ul > li:hover a, .top-bar ul > li.active a {
          color: white; }
        .top-bar ul > li a:not(.button) {
          color: white; }
        .top-bar ul > li.toggle-topbar {
          cursor: pointer;
          display: block;
          height: 45px;
          position: absolute;
          right: 0;
          top: 0;
          width: 50%; }
          .top-bar ul > li.toggle-topbar a {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 8px;
            border-color: white transparent transparent transparent;
            padding: 0;
            position: absolute;
            top: 50%;
            right: 22.5px;
            margin-top: -4px; }
          .top-bar ul > li.toggle-topbar:hover {
            background: inherit; }
        .top-bar ul > li.toggle-topbar a {
          padding: 0 !important; }
        .top-bar ul > li.divider {
          border-bottom: solid 1px #3c3c3c;
          border-top: solid 1px black;
          clear: both;
          height: 1px !important;
          margin: 8px 0 !important;
          width: 100%; }
        .top-bar ul > li.search {
          padding: 0 22.5px; }
          .top-bar ul > li.search form {
            width: 100%; }
            .top-bar ul > li.search form input[type=text] {
              width: 75%; }
            .top-bar ul > li.search form .button {
              top: -1px;
              width: 25%; }
        .top-bar ul > li.has-dropdown a {
          padding-right: 33.75px; }
          .top-bar ul > li.has-dropdown a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 5px;
            border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
            margin-right: 15px;
            margin-top: -4.5px;
            position: absolute;
            top: 50%; }
        .top-bar ul > li.has-dropdown:hover > .dropdown {
          display: block;
          visibility: hidden; }
        .top-bar ul > li.has-dropdown .dropdown {
          visibility: hidden;
          z-index: 0 !important; }
        .top-bar ul > li.has-dropdown.moved {
          position: static; }
          .top-bar ul > li.has-dropdown.moved > .dropdown {
            top: 0;
            visibility: visible; }
            .top-bar ul > li.has-dropdown.moved > .dropdown li label {
              margin-bottom: 6px;
              padding-top: 6px !important;
              font-size: 11px; }
            .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
              padding-bottom: 0; }
              .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a {
                padding: 8px 22.5px;
                font-size: 14px; }
            .top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label {
              padding: 0 22.5px; }
            .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
              background: #3c3c3c;
              display: block; }
            .top-bar ul > li.has-dropdown.moved > .dropdown li.divider {
              border-bottom: solid 1px rgba(255, 255, 255, 0.1);
              margin-top: 8px !important;
              margin-bottom: 8px !important; }
          .top-bar ul > li.has-dropdown.moved .back.title {
            padding-bottom: 0; }
            .top-bar ul > li.has-dropdown.moved .back.title a:before {
              position: absolute;
              top: 50%;
              left: 17.5px;
              margin-top: -5px;
              width: 0;
              height: 0;
              content: "";
              display: block;
              width: 0;
              height: 0;
              border: solid 5px;
              border-color: transparent white transparent transparent; }
            .top-bar ul > li.has-dropdown.moved .back.title h5 {
              margin: 0;
              padding-left: 15px;
              position: relative; }
              .top-bar ul > li.has-dropdown.moved .back.title h5 a {
                background: transparent;
                padding-top: 8px;
                padding-bottom: 8px;
                font-size: 23px;
                font-weight: bold; }
        .top-bar ul > li.has-dropdown .dropdown li {
          background: transparent; }
          .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
            left: 100% !important;
            top: 0;
            right: auto !important; }
          .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
            padding-right: 33.75px; }
            .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
              content: "";
              margin-right: 15px;
              content: "";
              display: block;
              width: 0;
              height: 0;
              border: solid 5px;
              border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
              position: absolute;
              top: 50%;
              margin-top: -4.5px; }
            .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
              background: #3c3c3c; }
          .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved {
            position: static; }
            .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
              top: 0;
              visibility: visible; }
          .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover {
            display: block; }
      .top-bar ul.left, .top-bar ul.right {
        float: none;
        width: 100%; }
        .top-bar ul.left > li, .top-bar ul.right > li {
          display: block;
          float: none;
          margin: 0 !important; }
          .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
            left: 100% !important;
            top: 0;
            right: auto !important; }
    .top-bar section > ul li a:not(.button) {
      padding-left: 22.5px !important; }
    .top-bar.expanded {
      height: 100%; }
      .top-bar.expanded ul li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: transparent transparent #cccccc transparent;
        top: auto;
        bottom: 50%;
        margin-bottom: -4px; }

  .top-bar ul li.has-button {
    padding: 5px 15px; }

  .top-bar ul li .button.small {
    margin: 0 !important;
    display: inline-block;
    width: 100%; }

  .top-bar ul > li.has-button a.button {
    margin: 0; } }
/*$old-ie: false !default;
@mixin old-ie {
    // Only use this content if we're dealing with old IE
    @if $old-ie {
        @content;
    }
}*/



.food-wine-color {
  color: #247a67 !important; }

.travel-color {
  color: #9fbee2 !important; }

.gifts-occasions-color {
  color: #296ead !important; }

.eating-out-color {
  color: #e84c3c !important; }

.family-color {
  color: #905ec2 !important; }

.services-color {
  color: #f0c331 !important; }

.entertainment-color {
  color: #637f9a !important; }

.home-garden-color {
  color: #6c9a65 !important; }

.golf-color {
  color: #169546 !important; }

.motor-color {
  color: #46266a !important; }

.days-out-color {
  color: #79c68a !important; }

.fashion-color {
  color: #ee753d !important; }

.accomodation-color {
  color: #7f5c49 !important; }

.sports-fitness-color {
  color: #f5f06f !important; }

.online-shopping-color {
  color: #76a2d6 !important; }

.health-beauty-color {
  color: #ffb8ad !important; }

.featured-color {
  color: #d95454 !important; }

.near-me-color {
  color: #6eccf2 !important; }

.search-background {
  background: #45b7e6 !important; }

.search-tabs button.active {
  background: transparent url('../images/search-tabs/tabs-active.png') no-repeat !important;
  background-size: 100% 63px; }

.foodandwine-background {
  background: #247a67 !important; }

.travel-background {
  background: #9fbee2 !important; }

.giftsandoccassions-background {
  background: #296ead !important; }

.eatingout-background {
  background: #e84c3c !important; }

.family-background {
  background: #905ec2 !important; }

.services-background {
  background: #f0c331 !important; }

.entertainment-background {
  background: #637f9a !important; }

.homeandgarden-background {
  background: #6c9a65 !important; }

.golf-background {
  background: #169546 !important; }

.motor-background {
  background: #46266a !important; }

.daysout-background {
  background: #79c68a !important; }

.fashion-background {
  background: #ee753d !important; }

.accommodation-background {
  background: #7f5c49 !important; }

.sportandfitness-background {
  background: #f5f06f !important; }

.onlineshopping-background {
  background: #76a2d6 !important; }

.healthandbeauty-background {
  background: #ffb8ad !important; }

.featured-background {
  background: #d95454 !important; }

.near-me-background {
  background: #6eccf2 !important; }

.search-arrow {
  border-color: transparent transparent #45b7e6 transparent !important; }

.foodandwine-arrow {
  border-color: transparent transparent #247a67 transparent !important; }

.travel-arrow {
  border-color: transparent transparent #9fbee2 transparent !important; }

.giftsandoccassions-arrow {
  border-color: transparent transparent #296ead transparent !important; }

.eatingout-arrow {
  border-color: transparent transparent #e84c3c transparent !important; }

.family-arrow {
  border-color: transparent transparent #905ec2 transparent !important; }

.services-arrow {
  border-color: transparent transparent #f0c331 transparent !important; }

.entertainment-arrow {
  border-color: transparent transparent #637f9a transparent !important; }

.homeandgarden-arrow {
  border-color: transparent transparent #6c9a65 transparent !important; }

.golf-arrow {
  border-color: transparent transparent #169546 transparent !important; }

.motor-arrow {
  border-color: transparent transparent #46266a transparent !important; }

.daysout-arrow {
  border-color: transparent transparent #79c68a transparent !important; }

.fashion-arrow {
  border-color: transparent transparent #ee753d transparent !important; }

.accommodation-arrow {
  border-color: transparent transparent #7f5c49 transparent !important; }

.sportandfitness-arrow {
  border-color: transparent transparent #f5f06f transparent !important; }

.onlineshopping-arrow {
  border-color: transparent transparent #76a2d6 transparent !important; }

.healthandbeauty-arrow {
  border-color: transparent transparent #ffb8ad transparent !important; }

.featured-arrow {
  border-color: transparent transparent #d95454 transparent !important; }

.near-me-arrow {
  border-color: transparent transparent #6eccf2 transparent !important; }

/***********************
******** GENERAL *******
************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  font-weight: 400; 
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 1.5em; }

h2 {
  font-size: 1.375em; }

h3 {
  font-size: 1.125em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.8125em; }

p {
  font-size: 0.875em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: black; }

small {
  font-size: 0.75em; }

a {
  text-decoration: none; }

a.link {
  display: block;
  color: white;
  font-size: 1em;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 38px;
  height: 38px;
  padding-left: 4%;
  background: #45b7e6 96% center url('../images/link-arrow.png?1373874864') no-repeat;
  position: relative;
  top: -2px;
  *top: -4px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }
  a.link:hover {
    background-color: #60c1ea;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

a.back-button {
  display: block;
  font-size: 0.9375em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: white;
  background: url('../images/blue-back-buttons.png?1373874867') no-repeat;
  width: 165px;
  height: 38px;
  border: none;
  text-align: left;
  padding-left: 48px;
  line-height: 40px;
  margin-left: 10px; }

a.register-button {
  display: block;
  font-size: 0.9375em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: white;
  background: url('../images/register-button.png?1373874859') no-repeat;
  width: 303px;
  height: 38px;
  border: none;
  text-align: center;
  line-height: 40px;
  margin-left: 10px; }

ul {
  list-style-type: none; }

fieldset {
  border: none; }

label {
  padding-top: 14px;
  font-size: 1em;
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase; }

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-box-shadow: rgba(119, 119, 119, 0.56) 2px 2px 1px 0 inset;
  -moz-box-shadow: rgba(119, 119, 119, 0.56) 2px 2px 1px 0 inset;
  box-shadow: rgba(119, 119, 119, 0.56) 2px 2px 1px 0 inset;
  height: 36px;
  height: 32px\9;
  *height: auto;
  margin-top: 4px\9;
  padding-left: 4.666667%;
  border: none;
  background-color: #ffffff;
  border-radius: 0; }

textarea {
  height: 200px !important; }

/*
select {
  -webkit-appearance: none; }
*/

#dob {
  background: 96% center white url('../images/datepicker-calendar-icon.png?1373874865') no-repeat; }

input[type="submit"] {
  font-size: 0.9375em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: white;
  background: url('../images/blue-buttons.png?1373874866') no-repeat;
  width: 165px;
  height: 38px;
  border: none;
  text-align: left;
  padding-left: 10px;
  float: right; }
  
input[type="submit"]:disabled {
  font-size: 0.9375em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: white;
  background: url('../images/blue-buttons-disabled.png?1373874866') no-repeat;
  width: 165px;
  height: 38px;
  border: none;
  text-align: left;
  padding-left: 10px;
  float: right; }

input[type="submit"].white {
  float: none;
  background: url('../images/white-buttons.png?1373874856') no-repeat !important;
  color: #45b7e6 !important;
  font-weight: 600; }

input[type="submit"].save-button {
  font-size: 0.9375em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: white;
  background: url('../images/save-button.png?1373874859') no-repeat;
  width: 165px;
  height: 38px;
  border: none;
  text-align: center;
  padding-left: 0px;
  float: right;
  *margin: 10px 0px; }

a[href^=tel] {
  text-decoration: none !important; }

.mobile {
  display: none; }

.tablet {
  display: none; }

.website {
  display: block; }

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

/* Foundation Styling */
/*  
  FORMS
*/
/* Dropdowns */
.custom.dropdown, .custom.dropdown a.current {
  -moz-box-shadow: inset 2px 2px 1px 0px rgba(119, 119, 119, 0.56);
  -webkit-box-shadow: inset 2px 2px 1px 0px rgba(119, 119, 119, 0.56);
  box-shadow: inset 2px 2px 1px 0px rgba(119, 119, 119, 0.56);
  height: 36px !important;
  width: 100% !important;
  border: none;
  background-color: #ffffff;
  border-radius: 0;
  *display: none !important; }

.custom.dropdown a.current {
  padding-left: 4.666667% !important;
  color: #999a9a !important;
  line-height: 38px !important;
  font-size: 15px !important;
  font-family: Helvetica, Arial, sans-serif; !important;
  font-weight: 200; }

.custom.dropdown a.selector {
  height: 36px !important;
  width: 36px !important; }

.custom.dropdown a.selector:after {
  border: solid 8px !important;
  border-color: #45b7e6 transparent transparent transparent !important;
  left: 46% !important;
  margin-left: -6px !important; }

.custom.dropdown.open ul {
  width: 100% !important; }

/*
select, option {
  *display: block !important;
  *height: 28px !important;
  *width: 100% !important;
  *border: none !important;
  *background-color: #ffffff !important;
  *padding-left: 4.666667% !important;
  *color: #999a9a !important;
  *line-height: 38px !important;
  *font-size: 14px !important; }

option {
  *height: auto !important; }
*/

/* Radio Buttons */
label.radio-buttons {
  float: left;
  margin-right: 10px;
  font-size: 0.875em;
  text-transform: none; }

.custom.radio {
  *display: none !important;
  margin-right: 10px;
  -moz-box-shadow: inset 1px 2px 1px 0px rgba(119, 119, 119, 0.56);
  -webkit-box-shadow: inset 1px 2px 1px 0px rgba(119, 119, 119, 0.56);
  box-shadow: inset 1px 2px 1px 0px rgba(119, 119, 119, 0.56); }

input[type="radio"] {
  *display: block !important;
  *float: left;
  *margin-right: 10px !important; }



/* Tabs */
.tabs {
  position: relative;
  border-bottom: none !important;
  top: -41px;
  width: 586px;
  *width: auto;
  *text-align: center;
  margin: 0 auto 20px auto; 
  text-align: center; }
  .tabs dd, .tabs li {
    *display: inline;
    *zoom: 1;
    border-top: 1px solid #bcbcbc !important;
    border-left: 1px solid #bcbcbc !important;
    border-right: 1px solid #bcbcbc !important;
    margin-right: 1% !important;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1em; }
    .tabs dd a, .tabs li a {
      font-weight: normal;
      color: #c0c0c0 !important; }
  .tabs dd.active, .tabs li.active {
    margin-top: 0px !important; }
    .tabs dd.active a, .tabs li.active a {
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
      color: #45b7e6 !important;
      -webkit-box-shadow: 1px -4px 4px rgba(50, 50, 50, 0.15), 1px -2px 0px rgba(50, 50, 50, 0.15);
      -moz-box-shadow: 1px -4px 4px rgba(50, 50, 50, 0.15), 1px -2px 0px rgba(50, 50, 50, 0.15);
      box-shadow: 1px -4px 4px rgba(50, 50, 50, 0.15), 1px -2px 0px rgba(50, 50, 50, 0.15); }

/* Tab Content */
.tabs-content {
  position: relative;
  top: -40px; }

.tab-container {
  border-left: 1px solid #b5b7b4;
  margin: 16px 0px 0px 0px;
  height: auto; }
  .tab-container .row .six {
    *width: 47%;
    border-right: 1px solid #b5b7b4; }
    .tab-container .row .six hr {
      border-bottom: 1px solid #b5b7b4;
      margin: 10px 0px 10px 0px; }
  .tab-container .row .three {
    border-right: 1px solid #b5b7b4; }

/* Checkboxes*/
.custom.checkbox {
  -webkit-box-shadow: rgba(119, 119, 119, 0.56) 1px 1px 1px 0 inset;
  -moz-box-shadow: rgba(119, 119, 119, 0.56) 1px 1px 1px 0 inset;
  box-shadow: rgba(119, 119, 119, 0.56) 1px 1px 1px 0 inset;
  width: 12px !important;
  height: 12px !important;
  margin-right: 4px !important; }

span.custom.checkbox.checked:before {
  content: "\2713 " !important; }

/* Error Validation */
.error input, input.error,
.error textarea, textarea.error,
.error input:focus, input.error:focus,
.error textarea:focus, textarea.error:focus {
  border: solid 2px #c60f13 !important; }

/* Tables */
table {
  background: white !important; }

table thead {
  background: white !important;
  font-size: 16px !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: 600;
  color: black !important;
  -webkit-box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9), inset 0 0 4px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9), inset 0 0 4px rgba(0, 0, 0, 0.43);
  box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9), inset 0 0 4px rgba(0, 0, 0, 0.43); }

table tbody {
  -webkit-box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9), inset 0 0 4px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9), inset 0 0 4px rgba(0, 0, 0, 0.43);
  box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9), inset 0 0 4px rgba(0, 0, 0, 0.43); }
  table tbody tr {
    border-bottom: 1px solid #858f90 !important; }
    table tbody tr td {
      border-right: 1px solid #858f90 !important;
      font-size: 14px !important;
      font-family: Helvetica, Arial, sans-serif !important;
      font-weight: 600;
      color: black !important; }
    table tbody tr td.last {
      border-right: none !important; }

table tbody tr.last {
  border-bottom: none !important; }

/* MEDIA QUERY width less than 767px */
@media only screen and (max-width: 767px) {
  .custom.checkbox {
    width: 20px !important;
    height: 20px !important; }

  form.custom span.custom.checkbox:before {
    height: 20px !important;
    width: 20px !important;
    top: 3px !important;
    font-size: 20px !important; } }

  /* Date Picker Container */
#datecontainer {
  margin: 50px auto 0;
  width: 280px;
}
#datecontainer input {
  width: 216px;
  background: #f1f1f1;
  -webkit-box-shadow: inset 0px 1px 3px #555, 0px 1px 0px 0px #777;
  -moz-box-shadow: inset 0px 1px 3px #555, 0px 1px 0px 0px #777;
  box-shadow: inset 0px 1px 3px #555, 0px 1px 0px 0px #777;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #777;
  padding: 8px 10px;
  border: 1px solid #111;
  float: left;
  display: table;
}
#datecontainer input:focus {
  outline: 0;
}
/* Date Trigger (Icon) */
#datecontainer .ui-datepicker-trigger {
  float: left;
  display: table;
  cursor: pointer;
  margin: 3px 5px;
}
/* Calendar Container */
#ui-datepicker-div {
  width: 316px;
  height: auto;
  background: #ffffff;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
#ui-datepicker-div a {
  text-decoration: none;
}
/* Date Picker Header */
.ui-datepicker-header {
  background: #3eb4e6;
  color: #e0e0e0;
  height: 40px;
  font-weight: bold;
  line-height: 30px;
}
.ui-datepicker-title {
  text-align: center; 
}
.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}
.ui-datepicker-next {
  float: right;
}
.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-image: url('../images/arrow.png');
  background-repeat: no-repeat;
  line-height: 550%;
  overflow: hidden;
  margin-top:7px;
}
.ui-datepicker-month,
.ui-datepicker-year {
  position: relative;
  float: left;
  width: 38%;
  background: white 96% center url('../images/small-blue-select.png') no-repeat;
  height: auto;
  line-height: 28px;
  z-index: 600;
  border: none;
  border-radius: 0;
  padding-left: 2%;
  *display: none !important;
  color: #333;
  margin: 4px 1%
  ; }
.ui-datepicker-month option,
.ui-datepicker-year option{
  color: #333;
}
/* Date Picker Table */
.ui-datepicker table {
  width: 100%;
  margin-bottom: 0px;
}
.ui-datepicker thead {
  background-color: #f7f7f7;
    border-bottom: 1px solid #bbb;
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
}
.ui-datepicker th {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px !important;
  padding: 5px 0;
  color: #666666;
  background: #ffffff;
}
.ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
  border-right: 0px;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px; 
}
.ui-datepicker td span, .ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #333;
}
/* Date Picker Hover & Active */
.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
  background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: linear-gradient(top,  #ededed 0%,#dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  width: 100%;
}
.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
  background: #3eb4e6;
  color: #ffffff;
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 100%;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 100%;
  margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 100%;
  margin-bottom: 0;
}
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}
.ui-state-disabled{
  /*display: none;*/
}
/* jQuery UI Datepicker 
#ui-datepicker-div {
  display: none;
  border: 4px solid #45b7e6;
  width: 400px;
  -webkit-box-shadow: 0 0 5px #a8a8a8;
  -moz-box-shadow: 0 0 5px #a8a8a8;
  box-shadow: 0 0 5px #a8a8a8; }
  #ui-datepicker-div thead {
    background: #45b7e6; }

.ui-datepicker-header {
  width: 100%;
  position: relative;
  text-align: center;
  background: white;
  padding: 10px 0px; }
  .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 40%;
    left: 2%;
    cursor: pointer;
    overflow: hidden;
    color: transparent;
    background-position: left bottom; }
    .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover {
      background-position: left 2px; }
  .ui-datepicker-header .ui-datepicker-next {
    left: auto;
    right: 2%;
    background-position: right bottom; }
    .ui-datepicker-header .ui-datepicker-next:hover {
      background-position: right 2px; }
  .ui-datepicker-header .ui-datepicker-title {
    overflow: hidden;
    background-color: white;
    background-image: url('../images/blue-select.png?1373874866'), url('../images/blue-select.png?1373874866');
    background-position: 96% 12px, 96% 48px;
    background-repeat: no-repeat, no-repeat;
    width: 80%;
    border: solid 1px #dddddd;
    margin-left: 10%; }
    .ui-datepicker-header .ui-datepicker-title span {
      line-height: 70px;
      color: #000000;
      font-family: "signikabold";
      text-transform: uppercase;
      font-size: 1.3125em;
      margin-top: 10px; }

.ui-datepicker-month,
.ui-datepicker-year {
  position: relative;
  float: left;
  width: 110%;
  background: transparent;
  height: 36px;
  line-height: 36px;
  z-index: 600;
  -moz-box-shadow: inset 2px 2px 1px 0px rgba(119, 119, 119, 0.56);
  -webkit-box-shadow: inset 2px 2px 1px 0px rgba(119, 119, 119, 0.56);
  box-shadow: inset 2px 2px 1px 0px rgba(119, 119, 119, 0.56);
  border: none;
  border-radius: 0;
  padding-left: 2%;
  *display: none !important;
  -webkit-appearance: caret; }

.ui-datepicker-calendar {
  width: 100%;
  margin: 0px !important; }
  .ui-datepicker-calendar thead {
    background: white; }
    .ui-datepicker-calendar thead tr th {
      padding: 0px;
      text-align: center;
      width: 14.3857143%; }
      .ui-datepicker-calendar thead tr th span {
        text-transform: uppercase;
        font-family: "signikabold";
        line-height: 32px;
        font-size: 16px; }
  .ui-datepicker-calendar tbody tr {
    height: 44px; }
    .ui-datepicker-calendar tbody tr td {
      border: 1px solid #ddd;
      background: white;
      text-align: center;
      padding: 0px; }
      .ui-datepicker-calendar tbody tr td a {
        font-size: 1.25em;
        color: #686a6e;
        width: 100%;
        height: 100%;
        line-height: 42px;
        display: block;
        background-color: #f0efed; }
    .ui-datepicker-calendar tbody tr .ui-datepicker-other-month {
      background: #f0efed; }
    .ui-datepicker-calendar tbody tr .has-event a {
      background: #45b7e6 !important;
      color: white !important; }

.ui-datepicker-trigger {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 90; }

.ui-datepicker-buttonpane {
  text-align: center;
  padding: 10px 0px;
  background: white;
  -webkit-box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15); }
  .ui-datepicker-buttonpane button {
    font-size: 0.9375em;
    font-family: "signikalight";
    color: white;
    background: url('../images/register-button.png?1373874859') no-repeat;
    background-size: 100% 100%;
    width: 80%;
    height: 38px;
    border: none;
    text-align: center;
    padding-left: 0px;
    *margin: 10px 10%; }

/* MEDIA QUERY width less than 767px */
@media only screen and (max-width: 767px) {
  #ui-datepicker-div {
    width: 90%; } }
/* Slider */
.carousel {
  *zoom: 1;
  position: relative;
  height: 136px;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 0px; text-align:center; }
  .carousel:before, .carousel:after {
    content: " ";
    display: table; }
  .carousel:after {
    clear: both; }
  .carousel a {
    display: inline-block;
    float: none; 
border:1px solid #eee;}
  .carousel a.prev, .carousel a.next {
    background: url('../images/register-slider/blue-arrows.png?1373874876') no-repeat transparent;
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    top: 54px; }
  .carousel a.prev {
    left: -22px;
    background-position: left bottom; }
  .carousel a.prev:hover {
    background-position: left top; }
  .carousel a.prev.disabled {
    background-position: 0 -100px !important; }
  .carousel a.next {
    right: -22px;
    background-position: right bottom; }
  .carousel a.next:hover {
    background-position: right top; }
  .carousel a.next.disabled {
    background-position: -50px -100px !important; }
  .carousel a.prev.disabled, .carousel a.next.disabled {
    cursor: default; }
  .carousel a.prev span, .carousel a.next span {
    display: none; }

.categories-slider {
  height: auto !important;
  margin: 0px 0px 0px 5%;
  position: relative; }
  .categories-slider .category-indicator {
    position: absolute;
    bottom: -20px;
    *top: -22px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    border: 10px solid;
    border-color: transparent transparent #45b7e6 transparent; }
  .categories-slider a {
    height: 60px; }
    .categories-slider a img {
    display: block;
      opacity: 1;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s; }
      .categories-slider a img:hover {
        opacity: 0.7;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
  .categories-slider a.prev, .categories-slider a.next {
    top: 20px !important; }

/****************************************
**************** HEADER ****************
****************************************/
.fixed {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%; }

.header-container {
  width: 100%;
  position: fixed;
  z-index: 200; }
  .header-container header {
    background: url('../images/header-bg.png?1373874864') repeat-x;
    height: 43px;
    position: relative;
    z-index: 600; }
    .header-container header p {
      line-height: 44px;
      color: white;
      padding-left: 2.375%;
      text-transform: uppercase; }

.search-banner {
  background: #45b7e6;
  padding: 14px 0px 14px 0px;
  position: relative;
  /* top: -4px; */
  z-index: 500;
  -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45); }
  .search-banner input[type="text"] {
    -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0px 3px 3px, rgba(119, 119, 119, 0.56) 2px 2px 1px 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.9) 0px 3px 3px, rgba(119, 119, 119, 0.56) 2px 2px 1px 0 inset;
    box-shadow: rgba(255, 255, 255, 0.9) 0px 3px 3px, rgba(119, 119, 119, 0.56) 2px 2px 1px 0 inset;
    margin: 2px 0px 0px 0px;
    *width: 400px;
    *height: 24px; }
  .search-banner input[type="submit"] {
    width: 54px;
    height: 36px;
    background: left top url('../images/searchbar-icon.png?1373874858') no-repeat transparent;
    position: absolute;
    right: 9px;
    top: 3px !important;
    top: 0px\9 !important;
    *height: 37px;
    *top: 2px !important;
    *right: 43px; }
  .search-banner label {
    font-size: 1.125em;
    font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
    color: white;
    padding-left: 13.75%; }
  .search-banner button {
    display: block;
    font-size: 0.875em;
    font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
    color: transparent;
    border: none;
    height: 40px;
    width: 100%;
    *width: 140px;
    text-align: left;
    padding-left: 28.571429%;
    overflow: hidden;
    text-indent: 99999px; }
  .search-banner button.search-dropdown-map {
    background: url('../images/search-dropdown-map.png?1373874858') no-repeat;
 }
  .search-banner button.search-dropdown-map.active {
    padding-top: 6px;
    background: url('../images/search-dropdown-map-active.png?1373874858') no-repeat;
}
  .search-banner button.search-dropdown-category {
    background: url('../images/search-dropdown-category.png?1373874858') no-repeat;
}
  .search-banner button.search-dropdown-category.active {
    padding-top: 6px;
    background: url('../images/search-dropdown-category-active.png?1373874859') no-repeat;
}

/****************************************
********* DROPDOWN CATEGORIES ***********
****************************************/
.category-container {
  display: block;
  background: white;
  width: 100%;
  position: relative;
  /*z-index: 400;
  top: -4px;*/ }
  .category-container #categories {
    width: 100%;
    height: 60px; overflow:hidden; }
  .category-container .title {
    margin-top: 10px;
    height: 44px;
    width: 100%;
    background: #45b7e6;
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
    .category-container .title h3 {
      color: white;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      line-height: 48px;
      padding-left: 4px; }
      .category-container .title h3 a {
        color: white;
        font-size: 0.75em;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 200;
        margin-left: 6px;
        margin-right: 4%;
        display: inline-block;
        float: right; }

/****************************************
************* DROPDOWN MAP **************
****************************************/
.map-view,
.map-container,
.map-offers-container,
.map-details-container {
  background: white;
  width: 100%;
  height: 408px;
  border-bottom: 1px solid #b1b1b1;
  -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  position: relative;
  z-index: 400;
  top: -4px; }
  .map-view img,
  .map-container img,
  .map-offers-container img,
  .map-details-container img {
    max-width: none; }

.map-view,
.map-offers-container,
.map-details-container {
  z-index: 1; }

.map-details-container {
  top: 0px !important;
  height: 368px !important;
  margin-bottom: 20px; }
  .map-details-container #map_canvas_offer {
    height: 368px !important; }

#map_canvas {
  width: 100%;
  height: 408px; }

#map_canvas_offer {
  width: 100%;
  height: 408px; }

/****************************************
************* NAVIGATION ****************
****************************************/
nav[role="top-navigation"] {
  float: right; }
  nav[role="top-navigation"] li {
    float: left;
    font-size: 0.8125em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600;
    border-left: 1px solid #8d8d8d;
    -webkit-box-shadow: -1px 0px 0px #191c1f;
    -moz-box-shadow: -1px 0px 0px #191c1f;
    box-shadow: -1px 0px 0px #191c1f; }
    nav[role="top-navigation"] li:last-child {
      border-right: none; }
    nav[role="top-navigation"] li a,
    nav[role="top-navigation"] li a:visited {
      float: left;
      padding: 0 10px;
      line-height: 43px;
      text-decoration: none;
      color: white;
      border-radius: 4px;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s; }
      nav[role="top-navigation"] li a:hover,
      nav[role="top-navigation"] li a:visited:hover {
        background: rgba(255, 255, 255, 0.2);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
    nav[role="top-navigation"] li a.active {
      background: url('../images/topbar-active.png?1373874857') no-repeat; }
  nav[role="top-navigation"] li.last {
    border-left: 1px solid #8d8d8d;
    border-right: 1px solid #191c1f;
    -webkit-box-shadow: #8d8d8d 1px 0px 1px, #191c1f -1px 0 0;
    -moz-box-shadow: #8d8d8d 1px 0px 1px, #191c1f -1px 0 0;
    box-shadow: #8d8d8d 1px 0px 1px, #191c1f -1px 0 0; }

nav[role="footer-navigation"] {
  margin: 0px auto;
  padding-top: 18px; }
  nav[role="footer-navigation"] a{
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 10px;
    text-decoration: none;
  color: white;
  }
  nav[role="footer-navigation"] li {
    float: left;
    font-size: 0.8125em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600; }
    nav[role="footer-navigation"] li:last-child {
      border-right: none; }
    nav[role="footer-navigation"] li a,
    nav[role="footer-navigation"] li a:visited {
      float: left;
      padding: 0 10px;
      text-decoration: none;
      color: white;
      border-radius: 4px; }
      nav[role="footer-navigation"] li a:hover,
      nav[role="footer-navigation"] li a:visited:hover {
        text-decoration: underline; }

.light-blue-bg {
  background: #f1f1f1;
  width: 100%; }

.company-banner {
  position: relative;
  top: -2px;
  padding-top: 122px;
  -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  width: 100%; }
  .company-banner .row .twelve .row .three {
    padding-top: 0px; }
    .company-banner .row .twelve .row .three img {
      padding-bottom: 0px; }
  .company-banner .row .twelve .row .six {
    text-align: right;
    padding-top: 36px; }
    .company-banner .row .twelve .row .six h1 {
      display: inline;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      border-bottom: 1px solid #45b7e6; }

/****************************************
********** REGISTER SECTION *************
****************************************/
.register-company-banner {
  padding-top: 46px;
  position: relative;
  -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  width: 100%; }
  .register-company-banner img {
    height: 120px;
    margin: 6px 0px 10px 0px; }

.register, .register2, .register3, .contact-form, .venue-form  {
  padding: 38px 0px 40px 0px;
  *zoom: 1; }
  .register:before, .register:after,
  .register2:before, .register2:after,
  .register3:before, .register3:after,
  .contact-form:before, .contact-form:after,
  .venue-form:before, .venue-form:after {
    content: " ";
    display: table; }
  .register:after,
  .register2:after,
  .register3:after,
  .conatct-form:after,
  .venue-form:after {
    clear: both; }
  .register .row,
  .register2 .row,
  .register3 .row,
  .contact-form .row,
  .venue-form .row {
    min-height: 54px;
    *min-height: auto; }
    .register .row h2,
    .register2 .row h2,
    .register3 .row h2,
    .contact-form .row h2,
    .venue-form .row h2 {
      font-weight: 600;
      font-family: Helvetica, Arial, sans-serif;}
    .register .row label,
    .register2 .row label,
    .register3 .row label,
    .contact-form .row label,
    .venue-form .row label {
      font-weight: 600; }
    .register .row p,
    .register2 .row p,
    .register3 .row p,
    .contact-form .row p,
    .venue-form .row p {
      font-size: 1em;
      padding-top: 10px;
      font-weight: 600;
      *margin-left: 30px; }
    .register .row .eleven p,
    .register2 .row .eleven p,
    .register3 .row .eleven p,
    .contact-form .row .eleven p,
    .venue-form .row .eleven p {
      margin-bottom: 40px;
      *margin-left: 0px; }
    .register .row img.valid,
    .register2 .row img.valid,
    .register3 .row img.valid,
    .contact-form .row img.valid,
    .venue-form .row img.valid {
      float: left;
      margin-top: 12px;
      margin-right: 8px;
      *margin-left: 30px; }
    .register .row input.halfwidth,
    .register2 .row input.halfwidth,
    .register3 .row input.halfwidth,
    .contact-form .row input.halfwidth,
    .venue-form .row input.halfwidth {
      float: left;
      width: 50%; }
    .register .row .password-strength,
    .register2 .row .password-strength,
    .register3 .row .password-strength,
    .contact-form .row .password-strength,
    .venue-form .row .password-strength {
      position: relative;
      overflow: hidden;
      float: right;
      width: 45%;
      *margin-right: -20px;
      height: 36px;
      *height: 28px;
      *margin-top: 2px;
      background: white;
      border: 1px solid #d7d7d7; }
      .register .row .password-strength .indicator,
      .register2 .row .password-strength .indicator,
      .register3 .row .password-strength .indicator,
      .contact-form .row .password-strength .indicator,
      .venue-form .row .password-strength .indicator {
        position: absolute;
        left: -95%;
        width: 100%;
        height: 100%;
        background: red;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }


.message {
  display: none; }

.thankyou {
  text-align: center;
  padding: 90px 5.9375%; }
  .thankyou h1 {
    font-size: 1.8125em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 22px;
    text-transform: uppercase; }
  .thankyou h3 {
    text-transform: uppercase;
    margin-bottom: 22px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400; }
  .thankyou input[type="submit"] {
    float: none;
    margin-top: 50px;
    *margin-left: -100px; }

.register-footer {
  height: 190px;
  width: 100%;
  padding-top: 0px;
  -webkit-box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15); }
  .register-footer footer {
    width: 100%;
    height: 55px;
    background: url('../images/register-footer-bg.png?1373874859') repeat-x; }
    .register-footer footer nav[role="footer-navigation"] {
      width: 100%; }

/*************************************************************************
******** TEXT PAGES - COOKIE POLICY/FAQs/PRIVACY/TERM & CONDITIONS *********
**************************************************************************/
.text-page {
  padding: 0px 0px 100px 0px; }
  .text-page h2 {
    margin: 38px 0px 10px 0px !important; }
  .text-page p {
    margin-bottom: 10px !important; }
    .text-page p a:hover {
      text-decoration: underline; }
  .text-page ul {
    margin: 0px 0px 30px 0px;
    list-style-type: disc;
    padding-left: 20px; }
    .text-page ul li {
      padding-left: 20px;
      font-size: 0.875em;
      padding-top: 10px;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: 200; }

/************************
******** OFFERS *********
************************/
.offers {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-top: 1px solid #bcbcbc;
  -webkit-box-shadow: 0px -3px 6px rgba(100, 100, 100, 0.3);
  -moz-box-shadow: 0px -3px 6px rgba(100, 100, 100, 0.3);
  box-shadow: 0px -3px 6px rgba(100, 100, 100, 0.3);
  background: white; }

.offer {
  padding: 0px 0px 0px 10px;
  background-color: #f1f1f1;
  margin: 0px;
  position: relative;
  min-height: 222px;
  /* fixed height */
  *zoom: 1; }
  .offer:before, .offer:after {
    content: " ";
    display: table; }
  .offer:after {
    clear: both; }
  .offer h3 {
    margin: 4px 0px 26px 0px;
    width: 48%; }
    .offer h3 a {
      color: black;
      font-family: Helvetica, Arial, sans-serif;
     font-weight: 600; }
  .offer p {
    font-size: 0.875em;
    font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
    color: black;
    width: 48%;
    line-height: 18px; }
  .offer p.category {
    font-size: 1em;
    text-transform: uppercase;
    color: #45b7e6;
    line-height: 36px;
    padding-top: 10px; }
    .offer p.category img {
      float: left;
      width: 32px;
      height: auto; }
  .offer p.location {
    font-size: 1em;
    font-weight: 600; }
  .offer .image-container {
    position: absolute;
    width: 50%;
    right: 0px;
    top: 0px;
    overflow: hidden;
    height: 222px;
    background-color: #ffffff;
    /* fixed height */ }
    .offer .image-container a {
      display: block;
      text-align: center;
      background: white;
      /* set background */
      display: block;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s; }
      .offer .image-container a:hover {
        opacity: 0.7;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
      .offer .image-container a img {
        /* max-width: none; */
        max-height: 90%; }
    .offer .image-container img.arrow {
      position: absolute;
      left: 0px;
      top: 48%; }

.offer-small {
  margin: 0px;
  padding: 0px; }
  .offer-small h3 {
    margin: 0px 0px 4px 0px;
    width: 100%;
    padding: 4px; }
  .offer-small p {
    width: 100%;
    line-height: 16px;
    padding: 4px 4px 0px 4px; }
  .offer-small .image-container {
    position: relative;
    width: 100%;
    max-height: 110px;
    float: none;
    background-color: white;
    text-align: center; }
    .offer-small .image-container a img {
      width: 110px;
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: -55px;
      max-width: 100%;}
    .offer-small .image-container img.arrow {
      position: absolute;
      left: 48%;
      top: auto;
      bottom: -4px; }
  .offer-small p.category {
    margin-bottom: 0px;
    padding-top: 4px; }

.offer-large {
  margin: 0px;
  padding: 0px 0px 20px 0px; }
  .offer-large h3 {
    margin: 0px 0px 4px 0px;
    width: 100%;
    padding: 4px; }
  .offer-large p {
    width: 100%;
    line-height: 16px;
    padding: 4px 4px 0px 4px; }
  .offer-large .image-container {
    position: relative;
    width: 100%;
    max-height: 278px;
    float: none;
    text-align: center; }
    .offer-large .image-container a img {
      width: auto;
      max-width: 100%; }
    .offer-large .image-container img.arrow {
      position: absolute;
      left: 48%;
      top: auto;
      bottom: -4px; }
  .offer-large p.category {
    margin-bottom: 0px;
    padding-top: 4px; }

.extra-large-border-left {
  border-left: 1px solid #bcbcbc; }

.offer-extra-large {
  min-height: 430px;
  max-height: 430px; }
  .offer-extra-large p {
    width: 28%; }
  .offer-extra-large .image-container {
    max-height: 430px;
    width: 68.085106%;
    overflow: hidden; }
    .offer-extra-large .image-container a img {
      width: auto; }

/******************************
******** OFFER DETAIL *********
******************************/
.offer-details {
  border: 1px solid #b1b1b1;
  background: white;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  *zoom: 1; }
  .offer-details:before, .offer-details:after {
    content: " ";
    display: table; }
  .offer-details:after {
    clear: both; }
  .offer-details .left-column {
    width: 230px;
    float: left; }
    .offer-details .left-column .image-container {
      border-bottom: 1px solid #b1b1b1; }
    .offer-details .left-column .icon-containers {
      padding: 16px;
      border-bottom: 1px solid #b1b1b1;
      *zoom: 1; }
      .offer-details .left-column .icon-containers:before, .offer-details .left-column .icon-containers:after {
        content: " ";
        display: table; }
      .offer-details .left-column .icon-containers:after {
        clear: both; }
      .offer-details .left-column .icon-containers p {
        font-size: 1em;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 600; }
      .offer-details .left-column .icon-containers a.icons {
        margin: 6px; }
      .offer-details .left-column .icon-containers .vouchers li {
        float: left; }
      .offer-details .left-column .icon-containers ul.contact-icons {
        margin: 6px;
        *zoom: 1; }
        .offer-details .left-column .icon-containers ul.contact-icons:before, .offer-details .left-column .icon-containers ul.contact-icons:after {
          content: " ";
          display: table; }
        .offer-details .left-column .icon-containers ul.contact-icons:after {
          clear: both; }
        .offer-details .left-column .icon-containers ul.contact-icons li {
          float: left;
          text-align: center;
          margin-right: 16px; }
          .offer-details .left-column .icon-containers ul.contact-icons li a {
            text-align: center; }
            .offer-details .left-column .icon-containers ul.contact-icons li a span {
              display: block;
              text-align: center;
              font-size: 0.875em;
              font-family: Helvetica, Arial, sans-serif;
              font-weight: 600;
              color: black; }
    .offer-details .left-column .ratings {
      border-bottom: none !important;
      padding: 16px 16px 60px 16px;
      *zoom: 1; }
      .offer-details .left-column .ratings:before, .offer-details .left-column .ratings:after {
        content: " ";
        display: table; }
      .offer-details .left-column .ratings:after {
        clear: both; }
      .offer-details .left-column .ratings p {
        font-size: 1em;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 600; }
      .offer-details .left-column .ratings .stars {
        margin-top: 6px; }
  .offer-details .offer-description {
    margin-left: 231px;
    border-left: 1px solid #b1b1b1; }
    .offer-details .offer-description .offer-title {
      padding: 14px 20px;
      background: #45b7e6;
      width: 100%;
      *width: auto; }
      .offer-details .offer-description .offer-title h2 {
        color: white;
        font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
        text-transform: uppercase; }
    .offer-details .offer-description .offer-content {
      padding: 14px 20px; }
      .offer-details .offer-description .offer-content h2 {
        color: #45b7e6;
        /*font-family: "signikasemibold";*/ }
      .offer-details .offer-description .offer-content h4.location {
        margin: 6px 0px 36px 0px; }
      .offer-details .offer-description .offer-content p {
        margin: 6px 0px 16px 0px; }

.contact-box {
  padding: 20px;
  *zoom: 1;
  -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45);
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.45); }
  .contact-box:before, .contact-box:after {
    content: " ";
    display: table; }
  .contact-box:after {
    clear: both; }
  .contact-box h4 {
    margin-bottom: 10px; }
  .contact-box p {
    font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
    line-height: 18px;
    margin-bottom: 16px; }
  .contact-box textarea {
    height: 184px;
    padding-left: 4px; }
  .contact-box input[type="submit"] {
    float: right; }

/********************************
******** HOMEPAGE PROMO *********
*********************************/
.homepage-promo-area {
  -webkit-box-shadow: 0px -3px 6px rgba(100, 100, 100, 0.3);
  -moz-box-shadow: 0px -3px 6px rgba(100, 100, 100, 0.3);
  box-shadow: 0px -3px 6px rgba(100, 100, 100, 0.3);
  position: relative;
  top: -20px;
  margin-bottom: -20px;
  padding: 60px 0px; }
  .homepage-promo-area .promotion-item {
    background: white;
    -webkit-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3); }
    .homepage-promo-area .promotion-item a {
      display: block; }
      .homepage-promo-area .promotion-item a img {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
        .homepage-promo-area .promotion-item a img:hover {
          -webkit-transition: all 1s;
          -moz-transition: all 1s;
          -o-transition: all 1s;
          transition: all 1s;
          opacity: 0.7; }
    .homepage-promo-area .promotion-item p {
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
      color: black;
      padding: 10px; }

/*****************************************************
****** RESULTS AREA FOR SEARCH & CATEGORY LISTS ******
******************************************************/
.results-area {
  margin: 0px 0px 0px 0px;
  padding-bottom: 28px; }

.search-header {
  *zoom: 1;
  position: relative;
  height: 63px;
  margin-bottom: 18px;
  -webkit-box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  -moz-box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  z-index: 12; }
  .search-header:before, .search-header:after {
    content: " ";
    display: table; }
  .search-header:after {
    clear: both; }
  .search-header .title {
    float: left;
    width: 57.142857%; }
    .search-header .title h3 {
      margin: 22px 0px 0px 0px;
      padding-left: 2%;
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
      color: white;
      text-transform: uppercase; }
    .search-header .title .icon-container {
      float: left;
      width: 70px;
      height: 64px;
      margin-right: 10px;
      background: white;
      text-align: center; }
  .search-header .search-dropdown {
    position: absolute;
    top: 0px;
    right: 210px;
    width: 140px;
    padding-top: 12px;
    padding-right: 20px;
    height: 64px;
    border-right: 1px solid white; }
    .search-header .search-dropdown .custom.dropdown,
    .search-header .search-dropdown .custom.dropdown a.current {
      -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.11);
      -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.11);
      box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.11);
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #fcfcfc));
      background-image: -webkit-linear-gradient(top, #e9e9e9, #fcfcfc);
      background-image: -moz-linear-gradient(top, #e9e9e9, #fcfcfc);
      background-image: -o-linear-gradient(top, #e9e9e9, #fcfcfc);
      background-image: linear-gradient(top, #e9e9e9, #fcfcfc); }
    .search-header .search-dropdown .custom.dropdown a.current {
      font-weight: 600 !important;
      color: #45b7e6 !important; }
  .search-header .search-offers {
    position: absolute;
    top: 0px;
    right: 20px;
    width: 280px;
    padding-top: 12px; }
    .search-header .search-offers .custom.dropdown,
    .search-header .search-offers .custom.dropdown a.current {
      -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.11);
      -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.11);
      box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.11);
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #fcfcfc));
      background-image: -webkit-linear-gradient(top, #e9e9e9, #fcfcfc);
      background-image: -moz-linear-gradient(top, #e9e9e9, #fcfcfc);
      background-image: -o-linear-gradient(top, #e9e9e9, #fcfcfc);
      background-image: linear-gradient(top, #e9e9e9, #fcfcfc); }
    .search-header .search-offers .custom.dropdown a.current {
      font-weight: 600 !important;
      color: #45b7e6 !important; }
  .search-header .search-tabs {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 210px; }
    .search-header .search-tabs .tab {
      width: 70px;
      height: 63px;
      float: left;
      background: transparent;
      border: none;
      border-right: 1px solid white; 
	  text-align: center;
    }
		.search-header .search-tabs .tab img {
			margin-top:11px;
		}
    .search-header .search-tabs .active {
      height: 63px;}

/*************************************
****** SEARCH & CATEORY RESULTS ******
*************************************/
.result-item {
  position: relative;
  height: 150px;
  width: 100%;
  margin-bottom: 20px;
  background: white;
  -webkit-box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  -moz-box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  *zoom: 1;
  z-index: 10; }
  .result-item:before, .result-item:after {
    content: " ";
    display: table; }
  .result-item:after {
    clear: both; }
  .result-item .image-container {
    position: relative;
    height: 150px;
    width: 150px;
    border-right: 1px solid #c6c8c6;
    margin-right: 20px;
    float: left;
    background-color: white;
    z-index: 200;
    *zoom: 1; }
    .result-item .image-container:before, .result-item .image-container:after {
      content: " ";
      display: table; }
    .result-item .image-container:after {
      clear: both; }
    .result-item .image-container .icon {
      float: left;
      width: 100%;
      height: 110px; }
  .result-item .stars {
    float: left;
    width: 100%;
    height: 39px;
    border-top: 1px solid #c6c8c6;
    text-align: center; }
    .result-item .stars img {
      margin-top: 10px; }
  .result-item .item-description {
    position: relative;
    padding-top: 48px;
    height: 100%; }
    .result-item .item-description h2 {
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
      color: #45b7e6; }
      .result-item .item-description h2 a, .result-item .item-description h2 a:visited {
        color: #45b7e6; }
    .result-item .item-description p {
      font-size: 1em;
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 600; }
    .result-item .item-description ul.vouchers {
      position: absolute;
      right: 10px;
      top: 60px; }
      .result-item .item-description ul.vouchers li {
        float: left; }
    .result-item .item-description a.link {
      position: absolute;
      left: 0px;
      *left: -20px;
      bottom: 0px;
      *bottom: 15px;
      width: 100%;
      padding-left: 170px;
      *padding-left: 20px;
      z-index: 100;
      top: 0px;
	  padding-right:8px;
    }

/* Sidebar */
.sidebar {
  background: white;
  -webkit-box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  -moz-box-shadow: 0 0 4px rgba(100, 100, 100, 0.6);
  box-shadow: 0 0 4px rgba(100, 100, 100, 0.6); }
  .sidebar .title {
    background: #45b7e6;
    padding: 22px 12px; }
    .sidebar .title h3 {
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
      color: white;
      text-transform: uppercase;
      background: right center url('../images/arrow-down.png?1373874867') no-repeat; }
  .sidebar .section {
    border-top: 1px solid #c6c8c6;
    padding: 16px 14px; }
    .sidebar .section h4 {
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
      margin-bottom: 8px; }
    .sidebar .section a.more {
      font-size: 0.8125em;
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
      color: #45b7e6;
      display: block;
      margin-top: 16px; }
      .sidebar .section a.more:hover {
        text-decoration: underline; }
    .sidebar .section label {
      font-size: 0.875em;
      font-size: 0.8125em \9;
      font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
      color: #45b7e6;
      padding: 0px 0px 4px 0px !important;
      text-transform: none; }
    .sidebar .section .sub-category {
      display: none;
      margin: 0px 0px 10px 10px; }
      .sidebar .section .sub-category label { line-height:15px; 
        /* color: #ccc; */ text-indent: -18px; margin-left: 26px; }
	  /*
      label.country3 { line-height:20px; 
        color: #ccc; text-indent: -18px; margin-left: 18px; }
		  */

/************************
******** ADVERTS ********
************************/
.adverts {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 0 3px rgba(100, 100, 100, 0.45);
  -moz-box-shadow: 0 0 3px rgba(100, 100, 100, 0.45);
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.45); }

/**************************
******** PORTFOLIO ********
***************************/
.profile-section {
  min-height: 500px; }

.profile-offers .offer {
  margin: 40px 0px 60px 0px; }

.profile-notifications {}
  .profile-notifications table thead tr {
    border-bottom: 1px solid #858f90 !important; }
    .profile-notifications table thead tr th {
      border-right: 1px solid #858f90 !important; }
    .profile-notifications table thead tr th.last {
      border-right: none !important; }

.profile-account {
  padding-bottom: 60px; }
  .profile-account h2 {
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif;
    margin: 30px 0px 30px -1.33333%;
    margin-left: -1.33333%; }
  .profile-account label.radio-buttons {
    padding-bottom: 12px; }
  .profile-account label.checkbox {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: none; }

.profile-settings {
  padding-bottom: 60px; }
  .profile-settings h2 {
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif;
    margin: 30px 0px 30px -1.33333%;
    margin-left: -1.33333%; }
  .profile-settings label.radio-buttons {
    padding-bottom: 12px; }

/**************************
********** LOGIN **********
***************************/
a.register-button {
  float: right; 
  *margin: 20px -10px 0 0;
}

a.forgot-password {
  font-size: 1em;
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
  float: right;
  *margin: 16px 0px 30px 0px; }
  a.forgot-password:hover {
    text-decoration: underline; }

/************************
****** GATEWAY *********
************************/
.gateway {
  padding: 160px 0 300px 0; }

/************************
****** MAIN FOOTER ******
************************/
.main-footer, .gateway-footer {
  height: 285px;
  width: 100%;
  -webkit-box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.15);
  *zoom: 1;
  background: url('../images/footer-bg.png?1373874865') repeat-x; }
  .main-footer:before, .gateway-footer:before, .main-footer:after, .gateway-footer:after {
    content: " ";
    display: table; }
  .main-footer:after, .gateway-footer:after {
    clear: both; }
  .main-footer footer, .gateway-footer footer {
    width: 100%;
    height: 55px; }
    .main-footer footer nav[role="footer-navigation"], .gateway-footer footer nav[role="footer-navigation"] {
      width: 100%; }
    .main-footer footer .footer-details, .gateway-footer footer .footer-details {
      padding-top: 40px;
      *padding-top: 20px; }
      .main-footer footer .footer-details h4, .gateway-footer footer .footer-details h4 {
        font-family: Helvetica, Arial, sans-serif;
       font-weight: 400;
        color: white;
        text-transform: uppercase;
        padding-left: 2%;
        margin-bottom: 14px; }
      .main-footer footer .footer-details p, .gateway-footer footer .footer-details p {
        font-size: 1em;
        font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
        color: white;
        padding-left: 2%; }
        .main-footer footer .footer-details p a, .gateway-footer footer .footer-details p a {
          color: white; }
          .main-footer footer .footer-details p a:hover, .gateway-footer footer .footer-details p a:hover {
            text-decoration: underline; }
    .main-footer footer img, .gateway-footer footer img {
      margin: 0px 0px 0px 0px; }
    .main-footer footer .row small, .gateway-footer footer .row small {
      color: #fff;
      padding: 2%;
      line-height: 60px; }

.gateway-footer {
  height: 55px; }

/************************
**** MEDIA QUERIES ******
************************/
/* MEDIA QUERY ipad landscape */
/* MEDIA QUERY ipad Potrait */
/* MEDIA QUERY width less than 900px 
   This query id for text size changes
*/
/* MEDIA QUERY width less than 767px */
@media only screen and (max-width: 767px) {
  /*
  Defaults
  */
  .mobile {
    display: block; }

  .tablet {
    display: none; }

  .website {
    display: none; }

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

  .header-container {
    position: static;
  }

  /*
  Forms
  */
  input[type="submit"] {
    float: left; }

  /*
    Standard
  */
  .category-container .title h3 {
    padding-left: 4%; }

  .mobile-relative {
    position: relative; }

  .mobile-absolute {
    position: absolute;
    top: 36px;
    right: 0px; }

  #result {
    margin-right: 10px; }

  /*
  Header
  */
  .search-banner{
    padding: 10px 0 0 0;
  }

  .search-banner label {
    padding-left: 2%; }

  .search-banner input[type="text"] {
    margin: 2px 0px 8px 0px; }

  .search-banner input[type="submit"] {
    top: 1px; }

  .search-banner button {
    width:50%;
    max-width: 160px;
    min-width: 130px;
    height: 34px;
    margin-bottom: 16px;
  }

  .search-banner button.search-dropdown-category {
    float: right;
    background-size: 100% auto;
  }

  .search-banner button.search-dropdown-category.active,
  .search-banner button.search-dropdown-map,
  .search-banner button.search-dropdown-map.active{
    background-size: 100% auto;
  }

  .company-banner{
    padding-top: 0px;
  }

  .company-banner .row .twelve .row .three {
    padding-top: 0px;
    text-align: center; }
  .company-banner .row .twelve .row .three img {
    padding-bottom: 10px;
    width: 50%;
    float: right;
    margin-top: 16px;
  }

  .mobile-search {
    display: none; }

  /*
  Tabs
  */
  .tabs {
    width: 98%; }

  .tabs dd, .tabs li {
    width: 24%; }

  .tabs dd a, .tabs li a {
    line-height: 14px;
    padding: 8px 0px 0px 5px;
    text-align: center; }

  /**************************************************  
  Register
  ***************************************************/
  .register .row,
  .register2 .row,
  .register3 .row,
  .contact-form .row,
  .venue-form .row {
    height: auto;
    margin-bottom: 10px; }
    .register .row .password-strength,
    .register2 .row .password-strength,
    .register3 .row .password-strength,
    .contact-form .row .password-strength,
    .venue-form .row .password-strength {
      width: 100%; }
    .register .row p,
    .register2 .row p,
    .register3 .row p,
    .contact-form .row p,
    .venue-form .row p {
      margin-right: 10px; }
    .register .row .eleven p,
    .register2 .row .eleven p,
    .register3 .row .eleven p,
    .contact-form .row .eleven p,
    .venue-form .row .eleven p {
      margin-bottom: 10px; }
    .register .row label,
    .register2 .row label,
    .register3 .row label,
    .contact-form .row label,
    .venue-form .row label {
      margin-bottom: 6px; }
    .register .row input.halfwidth,
    .register2 .row input.halfwidth,
    .register3 .row input.halfwidth,
    .contact-form .row input.halfwidth,
    .venue-form .row input.halfwidth {
      width: 100%; }
    .register .row img.password,
    .register2 .row img.password,
    .register3 .row img.password,
    .contact-form .row img.password,
    .venue-form .row img.password {
      float: right;
      width: 100%;
      height: 41px; }

  /* Slider */
  .carousel {
    width: 80%;
    margin-left: 10%;
    margin-top: 6px; }

  .thankyou {
    padding: 40px 4%; }
    .thankyou input[type="submit"] {
      margin-top: 20px; }

  /********************************************
  Login
  *********************************************/
  a.register-button {
    float: left;
    margin: 0px;
    width: 270px; }

  .register-footer footer {
    background: #575a5d;
    height: 100%; }
    .register-footer footer nav[role="footer-navigation"] {
      width: 100%;
      padding-top: 0px; }
      .register-footer footer nav[role="footer-navigation"] ul {
        *zoom: 1;
        padding-bottom: 0px; }
        .register-footer footer nav[role="footer-navigation"] ul:before, .register-footer footer nav[role="footer-navigation"] ul:after {
          content: " ";
          display: table; }
        .register-footer footer nav[role="footer-navigation"] ul:after {
          clear: both; }
        .register-footer footer nav[role="footer-navigation"] a{
          width: 50%;
          text-align: center;
          border-top: 1px solid #323538;
          border-bottom: 1px solid #77797a;
          line-height: 40px;
          display: block;
          float: left;
          font-size: 0.865em;
        }
          .register-footer footer nav[role="footer-navigation"] a:hover {
              text-decoration: none;
              background: rgba(250, 250, 250, 0.1); 
          }
        .register-footer footer nav[role="footer-navigation"] ul li {
          width: 50%;
          text-align: center;
          border-top: 1px solid #323538;
          border-bottom: 1px solid #77797a; }
          .register-footer footer nav[role="footer-navigation"] ul li a {
            display: block;
            line-height: 40px;
            width: 100%; }
            .register-footer footer nav[role="footer-navigation"] ul li a:hover {
              text-decoration: none;
              background: rgba(250, 250, 250, 0.1); }
        .register-footer footer nav[role="footer-navigation"] ul li.no-top-border {
          border-top: none; }

  a.forgot-password {
    float: left; }

  /****************************************
********** REGISTER SECTION *************
****************************************/
  
  .register-company-banner {
    padding-top: 0px;
  }
  .register-company-banner .row .twelve .six img {
    height: auto;
  }

  /************************************************
  Profile
  **************************************************/
  .profile-offers .offer {
    padding: 20px 10px 0px 10px;
    margin: 20px 0px 40px 0px; }

  .profile-account h2,
  .profile-settings h2 {
    margin-left: 2%; }

  /*************************************************************************
  ******** TEXT PAGES - COOKIE POLICY/FAQs/PRIVACY/TERM & CONDITIONS *********
  **************************************************************************/
  .text-page {
    padding: 38px 4%; }
    .text-page ul li {
      padding: 0px; }

  /*********************************************
  Offers
  **********************************************/
  .offer {
    margin: 20px 0px 20px 0px;
    padding: 0px 4% 10px 4%;
    -webkit-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3); }
    .offer .image-container {
      position: relative;
      width: auto;
      right: auto;
      top: auto;
      margin: 10px 0px 0px 0px;
      overflow: visible;
      height: auto; }
      .offer .image-container img.arrow {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        left: 46%;
        top: auto;
        bottom: -3px; }
      .offer .image-container a img {
        width: 100%;
        max-height: none; }
    .offer h3 {
      width: 100%;
      margin: 4px 0px 10px 0px; }
    .offer p {
      width: 100%; }

  .offer-small {
    margin: 20px 0px 20px 0px;
    padding: 0px;
    -webkit-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3); }
    .offer-small .image-container {
      position: relative;
      margin: 0px;
      width: 100%;
      max-height: 100%; }
      .offer-small .image-container a {
        padding-top: 20px; }
        .offer-small .image-container a img {
          width: 100%;
          position: static;
          height: auto;
          margin: 0px; 
          max-height: none !important;
        }
      .offer-small .image-container img.arrow {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 0px; }

  .offer-large {
    margin: 20px 0px 20px 0px;
    -webkit-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.3); }
    .offer-large .image-container {
      position: relative;
      width: auto;
      right: auto;
      top: auto;
      margin: 10px 0px 0px 0px; }
      .offer-large .image-container img.arrow {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        left: 46%;
        top: auto;
        bottom: 4px; }
      .offer-large .image-container a img {
        width: 96%; }
    .offer-large h3, .offer-large p {
      width: 100%; }

  .offer-extra-large {
    max-height: 100%; }
    .offer-extra-large .image-container {
      max-height: 100%; }

  .tab-container,
  .tab-container .row .three,
  .tab-container .row .six {
    border: none; }

  .tab-container .row .six hr {
    display: none; }

  .homepage-promo-area .promotion-item {
    margin-bottom: 30px; }
    .homepage-promo-area .promotion-item a img {
      width: 100%; }

  /******************************************
  Offer Details
  ******************************************/
  .offer-details .left-column {
    float: none;
    width: 100%; }
    .offer-details .left-column .image-container {
      text-align: center; }
    .offer-details .left-column .ratings {
      padding: 16px 16px 20px 16px; }

  .offer-details .offer-description {
    margin-left: 0px;
    border-left: none; }
    .offer-details .offer-description .offer-content p {
      font-size: 14px; }

  /*******************************************
  Search Page
  ********************************************/
  .company-banner .row .twelve .row .six h1 {
    font-size: 1.125em; }

  .company-banner .row .twelve .row .six {
    padding-top: 0px;
    padding-bottom: 10px; }

  .search-header {
    margin-top: 90px; }
    .search-header .title {
      position: absolute;
      top: -80px;
      left: 0px;
      width: 100%; 
    }
      .search-header .title h3 {
        color: black; }
    .search-header .search-dropdown {
      width: 140px;
      padding-right: 10px;
      padding-left: 8px; }
    .search-header .search-offers {
      position: static;
      padding-top: 12px;
      margin: 0 auto; }

  .result-item {
    height: auto; }
    .result-item .image-container {
      height: auto;
      width: 100%;
      border-right: none;
      float: none; }
      .result-item .image-container .icon {
        width: 100%;
        height: auto; }
        .result-item .image-container .icon a {
          display: block; }
          .result-item .image-container .icon a img {
            width: 100%;
            height: auto; }
    .result-item .item-description {
      *zoom: 1;
      padding: 14px 0 40px 2%;
      text-align: center; }
      .result-item .item-description:before, .result-item .item-description:after {
        content: " ";
        display: table; }
      .result-item .item-description:after {
        clear: both; }
      .result-item .item-description ul.vouchers {
        position: static; }
      .result-item .item-description a.link {
        padding-left: 2%; }

  .map-offers-container {
    margin-bottom: 20px; }

  /*****************************************
  Sidebar
  ******************************************/
  .sidebar .section label {
    font-size: 18px; }
  .sidebar .section a.more {
    font-size: 18px; }

  /************************
  ****** GATEWAY *********
  ************************/
  .gateway {
    padding: 30px 0 60px 0; }

  /*****************************************
  Footer
  ******************************************/
  .main-footer, .gateway-footer {
    background: #575a5d;
    height: 100%;
    padding-bottom: 20px; }
    .main-footer footer, .gateway-footer footer {
      height: 100%; }
      .main-footer footer nav[role="footer-navigation"], 
      .gateway-footer footer nav[role="footer-navigation"] {
        width: 100%; }
        .main-footer footer nav[role="footer-navigation"] ul, 
        .gateway-footer footer nav[role="footer-navigation"] ul {
          *zoom: 1;
          padding-bottom: 0px; }
          .main-footer footer nav[role="footer-navigation"] ul:before, 
          .gateway-footer footer nav[role="footer-navigation"] ul:before, 
          .main-footer footer nav[role="footer-navigation"] ul:after, 
          .gateway-footer footer nav[role="footer-navigation"] ul:after {
            content: " ";
            display: table; }
          .main-footer footer nav[role="footer-navigation"] ul:after, 
          .gateway-footer footer nav[role="footer-navigation"] ul:after {
            clear: both; }
          .main-footer footer nav[role="footer-navigation"] ul li, 
          .gateway-footer footer nav[role="footer-navigation"] ul li {
            width: 50%;
            text-align: center;
            border-top: 1px solid #323538;
            border-bottom: 1px solid #77797a; }
          .main-footer footer nav[role="footer-navigation"] a, 
          .gateway-footer footer nav[role="footer-navigation"] a {
            width: 50%;
            text-align: center;
            border-top: 1px solid #323538;
            border-bottom: 1px solid #77797a;
            display: block;
            line-height: 40px; 
            float: left;
            font-size: 14px;
          }
          .main-footer footer nav[role="footer-navigation"] p:after,
          .gateway-footer footer nav[role="footer-navigation"] p:after {
            content: " ";
            display: table; 
          }
          .main-footer footer nav[role="footer-navigation"] a:hover,
          .gateway-footer footer nav[role="footer-navigation"] a:hover {
              text-decoration: none;
              background: rgba(250, 250, 250, 0.1); 
          }
            .main-footer footer nav[role="footer-navigation"] ul li a, 
            .gateway-footer footer nav[role="footer-navigation"] ul li a {
              display: block;
              line-height: 40px;
              width: 100%; }
              .main-footer footer nav[role="footer-navigation"] ul li a:hover, .gateway-footer footer nav[role="footer-navigation"] ul li a:hover {
                text-decoration: none;
                background: rgba(250, 250, 250, 0.1); }
          .main-footer footer nav[role="footer-navigation"] ul li.no-top-border, .gateway-footer footer nav[role="footer-navigation"] ul li.no-top-border {
            border-top: none; }
      .main-footer footer .footer-details, .gateway-footer footer .footer-details {
        padding-top: 30px;
        text-align: center;
        border-top: 1px solid #323538; }
      .main-footer footer p, .gateway-footer footer p {
        padding-bottom: 20px; }
      .main-footer footer .three h4, .gateway-footer footer .three h4, .main-footer footer .two h4, .gateway-footer footer .two h4 {
        padding-top: 20px; }
      .main-footer footer ul.social, .gateway-footer footer ul.social {
        width: 92px;
        margin: 0 auto; }
        .main-footer footer ul.social li, .gateway-footer footer ul.social li {
          float: left;
          margin: 0px;
          width: 50%;
          text-align: center; }
      .main-footer footer .social-section, .gateway-footer footer .social-section {
        padding-bottom: 20px; }
      .main-footer footer .sponsor, .gateway-footer footer .sponsor {
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #77797a;
        text-align: center; }
      .main-footer footer .row small, .gateway-footer footer .row small {
        border-top: 1px solid #323538;
        padding: 20px 15% 0px 15%;
        line-height: 16px;
        display: block;
        text-align: center;
        margin: 0px 0px 10px 0px; } }
.gateway-footer {
  height: auto; }

#gateway-banner {
  width: 60%; }

.row {
  *width: 960px; }

.two, .row .two {
  *width: 13.66%; }

.three, .row .three {
  *width: 22.4%; }

.four, .row .four {
  *width: 30.33%; }

.five, .row .five {
  *width: 40.66% !important; }

.six, .row .six {
  *width: 48%; }

.seven, .row .seven{
  *width: 55%;
}

.nine, .row .nine {
  *width: 72%; }

.offset-by-one {
  *margin-left: 6.33% !important; }

.offset-by-two {
  *margin-left: 14.66%; }