/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 320px) {
  .container {
    width: 100%;
    padding: 0 10px; }
}

/* For devices larger than 768px */
@media (min-width: 768px) {
  .column,
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .alt-body .one.column,
  .alt-body .one.columns                    { width: 4.66666666667%; }
  .alt-body .two.columns                    { width: 13.3333333333%; }
  .alt-body .three.columns                  { width: 22%;            }
  .alt-body .four.columns                   { width: 30.6666666667%; }
  .alt-body .five.columns                   { width: 39.3333333333%; }
  .alt-body .six.columns                    { width: 48%;            }
  .alt-body .seven.columns                  { width: 56.6666666667%; }
  .alt-body .eight.columns                  { width: 65.3333333333%; }
  .alt-body .nine.columns                   { width: 74.0%;          }
  .alt-body .ten.columns                    { width: 82.6666666667%; }
  .alt-body .eleven.columns                 { width: 91.3333333333%; }
  .alt-body .twelve.columns                 { width: 100%; margin-left: 0; }

  .alt-body .one-third.column               { width: 30.6666666667%; }
  .alt-body .two-thirds.column              { width: 65.3333333333%; }

  .alt-body .one-half.column                { width: 48%; }

  /* Offsets */
  .alt-body .offset-by-one.column,
  .alt-body .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .alt-body .offset-by-two.column,
  .alt-body .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .alt-body .offset-by-three.column,
  .alt-body .offset-by-three.columns        { margin-left: 26%;            }
  .alt-body .offset-by-four.column,
  .alt-body .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .alt-body .offset-by-five.column,
  .alt-body .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .alt-body .offset-by-six.column,
  .alt-body .offset-by-six.columns          { margin-left: 52%;            }
  .alt-body .offset-by-seven.column,
  .alt-body .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .alt-body .offset-by-eight.column,
  .alt-body .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .alt-body .offset-by-nine.column,
  .alt-body .offset-by-nine.columns         { margin-left: 78.0%;          }
  .alt-body .offset-by-ten.column,
  .alt-body .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .alt-body .offset-by-eleven.column,
  .alt-body .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .alt-body .offset-by-one-third.column,
  .alt-body .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .alt-body .offset-by-two-thirds.column,
  .alt-body .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .alt-body .offset-by-one-half.column,
  .alt-body .offset-by-one-half.columns     { margin-left: 52%; }

  form .one.column,
  form .one.columns                    { width: 4.66666666667%; }
  form .two.columns                    { width: 13.3333333333%; }
  form .three.columns                  { width: 22%;            }
  form .four.columns                   { width: 30.6666666667%; }
  form .five.columns                   { width: 39.3333333333%; }
  form .six.columns                    { width: 48%;            }
  form .seven.columns                  { width: 56.6666666667%; }
  form .eight.columns                  { width: 65.3333333333%; }
  form .nine.columns                   { width: 74.0%;          }
  form .ten.columns                    { width: 82.6666666667%; }
  form .eleven.columns                 { width: 91.3333333333%; }
  form .twelve.columns                 { width: 100%; margin-left: 0; }

  form .one-third.column               { width: 30.6666666667%; }
  form .two-thirds.column              { width: 65.3333333333%; }

  form .one-half.column                { width: 48%; }

  /* Offsets */
  form .offset-by-one.column,
  form .offset-by-one.columns          { margin-left: 8.66666666667%; }
  form .offset-by-two.column,
  form .offset-by-two.columns          { margin-left: 17.3333333333%; }
  form .offset-by-three.column,
  form .offset-by-three.columns        { margin-left: 26%;            }
  form .offset-by-four.column,
  form .offset-by-four.columns         { margin-left: 34.6666666667%; }
  form .offset-by-five.column,
  form .offset-by-five.columns         { margin-left: 43.3333333333%; }
  form .offset-by-six.column,
  form .offset-by-six.columns          { margin-left: 52%;            }
  form .offset-by-seven.column,
  form .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  form .offset-by-eight.column,
  form .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  form .offset-by-nine.column,
  form .offset-by-nine.columns         { margin-left: 78.0%;          }
  form .offset-by-ten.column,
  form .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  form .offset-by-eleven.column,
  form .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  form .offset-by-one-third.column,
  form .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  form .offset-by-two-thirds.column,
  form .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  form .offset-by-one-half.column,
  form .offset-by-one-half.columns     { margin-left: 52%; }

  .container {
    max-width:  740px;
  }
}

@media (min-width: 1024px) {
  .container {
    width: 100%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

  .container {
    max-width:  990px;
  }
} 

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */


p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 30px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 0px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 100%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 100%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 320px) {}

/* Larger than tablet */
@media (min-width: 768px) {}

/* Larger than desktop */
@media (min-width: 1024px) {}

/* Larger than Desktop HD */
@media (min-width: 1280px) {}

/*! Flickity v2.0.4
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 7, 2016 */



@font-face {
    font-family: 'maduraibold';
    src: url('../fonts/HindMadurai-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maduraisemibold';
    src: url('../fonts/HindMadurai-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'madurairegular';
    src: url('../fonts/HindMadurai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maduraimedium';
    src: url('../fonts/HindMadurai-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/* Custom CSS styling
   ========================================================================== */


/* General styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    height: 100%
}

body {
    background: #D7E7F6;
    font-family: 'madurairegular';
    height: 100%;
}

    body.alt-body {
        background: #fff;
    }

        body.alt-body footer {
            border-top: 2px solid #eee;
        }

main {
    padding: 50px 0;
}

    main div {
        box-sizing: border-box;
    }

::selection {
    background-color: #d7e7f6;
    color: #002b74;
}

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* General ALT styling(other pages)
–––––––––––––––––––––––––––––––––––––––––––––––––– */


main.alt h2, main h2.blue {
    font-family: 'madurairegular';
    font-size: 1.6em;
    color: #0084CB;
    margin: 0px 0px 0.5em;
}

main.alt p {
    font-family: 'madurairegular';
    font-size: 1em;
    line-height: 1.5em;
    color: #161E42;
    margin-bottom: 1.5rem;
}


div.inputInfo {
    border: 2px solid #f5f5f5;
    border-bottom: none;
    margin-top: 20px;
    padding: 5px;
    font-size: 0.7em;
    color: #0084CB;
}


div.inactive {
    display: none;
}


/* General ALT styling  -  Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media (min-width: 320px) {
    main.alt {
        font-size: 85%;
    }
}

/* Larger than tablet */
@media (min-width: 768px) {
    main.alt {
        font-size: 95%;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
    main.alt {
        font-size: 100%;
    }
}

/* Header styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#full-height {
    height: inherit;
}

.main-header {
    background-color: #8eb2d4;
    width: 100%;
    background-image: url("../images/header/header-02.jpg");
    background-repeat: no-repeat;
    background-position: 35% 50%;
    background-size: cover;
    padding-top: 10px;
    position: relative;
    height: 100%
}

    .main-header.alt-header {
        background-image: url("../images/header/header-alt01.png");
    }

.container.nav-container {
    position: fixed;
    z-index: 990;
    -webkit-transition: margin-top .3s ease;
    transition: margin-top .3s ease;
}

/* part 1 */

section.menubar {
    height: 90px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.8em;
    position: relative;
    line-height: 0;
    font-family: "maduraisemibold";
}

    section.menubar img {
        display: inline;
    }

    section.menubar li {
        line-height: 14px;
        cursor: pointer;
    }

    section.menubar .brand-image {
        padding: 8px 10px 8px;
        border-right: 1px solid #eeeeee;
        float: left;
        display: block;
    }

        section.menubar .brand-image img {
            width: 100%;
        }

    section.menubar .first-part {
        display: block;
        width: 100%;
        height: inherit;
        height: 50px;
    }

.nav-searchbar {
    float: left;
    position: relative;
    padding: 10px 10px;
    width: 50%;
}

.search-icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 90%;
}

nav.a4a-loggedout {
    float: left;
}

ul.logged-out {
    list-style-type: none;
    margin-bottom: 0;
    height: inherit;
    display: inline-block;
}

    ul.logged-out li {
        border-left: 1px solid #eee;
        padding: 18px 20px;
        display: block;
        float: left;
        margin: 0;
    }

        ul.logged-out li a {
            text-decoration: none;
            color: #181E43;
        }

            ul.logged-out li a:hover {
                border-bottom: 2px solid #eeeeee;
            }

            ul.logged-out li a.active {
                border-bottom: 2px solid #EB8127;
            }

nav.a4a-loggedout .button-wrap {
    border: 0px;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 10px;
    display: inline-block;
    float: right;
    padding: 10px 20px;
    height: 50px;
    box-sizing: border-box;
}

nav.a4a-first-nav {
    float: right;
    border-left: 1px solid #eeeeee;
    display: block;
}

    nav.a4a-first-nav.is-open {
        background-color: #eee;
        border-top-right-radius: 3px;
    }

    nav.a4a-first-nav ul li {
        margin-bottom: 0;
        padding: 10px 15px 10px 10px;
    }

    nav.a4a-first-nav .dropdown-menu, nav.a4a-second-nav .dropdown-menu {
        /*display: none;*/
    }

        nav.a4a-first-nav .dropdown-menu.is-open {
            display: block;
            position: absolute;
            z-index: 22;
            left: 0;
            top: 98px;
            padding: 10px 0 0 0;
            margin: 0;
            background-color: #eee;
            width: 100%;
            text-align: center;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            -webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.35);
            -moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.35);
            box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.35);
        }

ul.first-nav {
    list-style-type: none;
    margin-bottom: 0;
    display: block;
}

    ul.first-nav > li {
        line-height: 0;
    }

        ul.first-nav > li > a {
            font-size: 0;
            text-decoration: none;
        }

    ul.first-nav li ul li {
        display: block;
        padding: 10px 10px;
    }

        ul.first-nav li ul li:hover {
            background-color: #e4e4e4;
        }

        ul.first-nav li ul li:nth-last-child(2) {
            padding-bottom: 15px;
        }

        ul.first-nav li ul li:last-child {
            font-weight: bold;
            border-top: 1px solid #e0e0e0;
            padding-top: 10px;
            margin-top: 10px;
        }

ul.ntf-dropdown.dropdown-menu.is-open li:last-child {
    font-weight: bold;
}

ul.first-nav li ul li a {
    color: #161E42;
    text-decoration: none;
    display: block;
}

section.menubar ul.first-nav img.dropdown-icon {
    position: relative;
    left: 5px;
    top: -11px;
}

span.username {
    display: none;
}

/* part 2
–––––––––––––––––––––––––––––––––––––––––––––––––– */

nav.a4a-second-nav {
    height: inherit;
    float: left;
}

section.menubar .second-part {
    display: block;
    height: 50px;
    background-color: #f7f7f7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

nav.a4a-second-nav .dropdown-menu.is-open {
    display: block;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 98px;
    padding: 10px 0 0 0;
    margin: 0;
    background-color: #eee;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.35);
}

ul.second-nav li.is-open {
    background-color: #eee;
}

ul.second-nav li.plane-model.is-open {
    background-color: #eee;
    padding-right: 15px;
}

ul.second-nav li ul li {
    display: block;
    float: none;
    padding: 10px 10px;
}

    ul.second-nav li ul li.is-active a {
        color: #0084CB;
    }

    ul.second-nav li ul li:hover {
        background-color: #e4e4e4;
    }

    ul.second-nav li ul li a {
        color: #161E42;
        text-decoration: none;
        display: block;
    }

ul.second-nav {
    list-style-type: none;
    margin-bottom: 0;
    height: inherit;
}

    ul.second-nav ul {
        height: inherit;
    }

    ul.second-nav li {
        display: block;
        float: left;
        margin-bottom: 0;
        padding-top: 17px;
        padding-left: 10px;
        padding-bottom: 17px;
    }

    ul.second-nav .first-li {
        width: 35px;
        padding-left: 19px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-right: 1px solid #eee;
        font-family: 'madurairegular';
    }

    ul.second-nav .last-li {
        float: right;
        padding-right: 10px;
        display: none;
    }

    ul.second-nav a {
        color: #424855;
        text-decoration: none;
    }

section.menubar .notification-count {
    position: absolute;
    top: 58px;
    line-height: 17px;
    left: 26px;
    background-color: #EB8127;
    width: 17px;
    height: 17px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    font-size: 0.7em;
}

section.menubar img.current-airline {
    /*width: 15px;*/
    position: relative;
    top: -8px;
}

section.menubar img.dropdown-icon {
    position: relative;
    left: 5px;
    top: -1px;
}

/* Notification messages styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.ntf-item > div {
    float: left;
    display: inline-block;
}

.ntf-dropdown li.cf {
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
}

.ntf-avatar {
    position: absolute;
    left: 10px;
}

.ntf-icon {
    position: absolute;
    top: -10px;
    max-width: 13px;
    right: -10px;
    padding: 4px;
    border-radius: 100%;
    background-color: #ffffff;
}

.ntf-message {
    width: 100%;
    text-align: left;
    padding-left: 55px;
    padding-right: 10px;
    box-sizing: border-box;
    word-break: break-word;
}

    .ntf-message p {
        padding: 0;
        margin: 0;
        max-height: 28px;
        overflow: hidden;
    }

span.ntf-timer {
    color: #0084CB;
    font-weight: 300;
}

.ntf-item .ntf-airline {
    display: none;
}

.container.nav-container.scrolled {
    width: 100%;
    padding: 0;
    margin-top: -10px;
}

header.login-header {
    height: 70px;
}

    header.login-header .container.nav-container.scrolled {
        left: 0;
        margin-left: 0;
        max-width: none;
        width: 100%;
        background-color: #fff;
        margin-top: 0px;
        box-shadow: 1px 0px 7px -3px rgba(0, 0, 0, 0.5);
    }

section.menubar.scrolled {
    border-radius: 0px;
}

/* Community info
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section.community-info {
    position: absolute;
    width: 100%;
    bottom: 40px;
}

section.page-info {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.cm-title h1 {
    color: #fff;
    font-family: 'maduraisemibold';
    margin-top: 0;
    letter-spacing: 1px;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.28);
}

.cm-info span.cm-info-wrap {
    display: block;
    color: #fff;
    font-family: 'madurairegular';
    font-size: 14px;
    margin-bottom: 3px;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.28);
}

.cm-info span.cm-info-img {
    padding-right: 10px;
}

    .cm-info span.cm-info-img img {
        vertical-align: sub;
        max-width: 16px;
    }

/* Header styling  -  Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    .main-header {
        height: 360px;
        padding-top: 25px;
        background-position: 50% 50%;
    }

    section.menubar {
        height: 70px;
    }

        section.menubar ul li ul li:hover {
            background-color: #efefef;
        }

    .cf-clear {
        display: inline-block;
        width: 34%;
    }

    section.menubar .second-part {
        display: inline-block;
        width: 66%;
        background-color: #fff;
        border-radius: 0px;
    }

    section.menubar .first-part {
        height: 70px;
    }

    section.menubar .brand-image {
        padding: 10px 10px;
    }

    section.menubar .form-group {
        display: inline-block;
        width: 86%;
    }

    nav.a4a-loggedout {
        float: right;
    }

    ul.logged-out li {
        padding: 28px 20px;
    }

    nav.a4a-loggedout .button-wrap {
        padding: 20px 20px;
        height: 70px;
        border-left: 1px solid #eee;
        position: static;
    }

    nav.a4a-first-nav {
        border-left: 1px solid #eeeeee;
        position: relative;
    }

        nav.a4a-first-nav ul li {
            padding: 20px 28px 20px 12px;
        }

            nav.a4a-first-nav ul li ul {
                font-family: 'madurairegular';
            }

    section.menubar ul.first-nav img.dropdown-icon {
        position: relative;
        left: 18px;
        top: -12px;
    }

    section.menubar nav.a4a-first-nav.is-open, section.menubar ul.second-nav > .is-open {
        background-color: #fff;
    }

    span.username {
        display: inline;
        vertical-align: bottom;
        font-size: 0.8rem;
        position: relative;
        top: -15px;
        left: 10px;
        color: #424855;
    }

    section.menubar .second-part {
        height: 70px;
        float: right;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    li.first-li {
        position: relative;
    }

    nav.a4a-second-nav {
        height: inherit;
        float: right;
    }

    ul.second-nav li {
        border-left: 1px solid #eee;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    ul.second-nav .first-li {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 10px;
        border-right: 0px solid #eee;
    }

    section.menubar .notification-count {
        top: 18px;
        left: 30px;
    }

    li.plane-model {
        width: 140px;
        text-align: center;
        padding-right: 15px;
        position: relative;
    }

        li.plane-model ul {
            font-family: 'madurairegular';
        }

    section.menubar .dropdown-menu.is-open {
        top: 70px;
        background-color: #F6F7F9;
        border: 1px solid #eee;
    }

        section.menubar .dropdown-menu.is-open:before {
            content: "";
            background-image: url(../images/navigation/triangle-icon.png);
            position: absolute;
            z-index: 4;
            top: -10px;
            left: 15px;
            background-size: 20px 10px;
            width: 20px;
            display: block;
            height: 10px;
        }

    section.menubar .ntf-dropdown.is-open {
        width: 411px;
        margin-left: -174px;
    }

    .container.nav-container {
        left: 50%;
        margin-left: -370px;
    }

        .container.nav-container.scrolled {
            left: 0;
            margin-left: 0;
            max-width: none;
            width: 100%;
            background-color: #fff;
            margin-top: -25px;
            box-shadow: 1px 0px 7px -3px rgba(0, 0, 0, 0.5);
        }

    .row.nav-row {
        max-width: 720px;
        margin: 0 auto;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
    .cf-clear {
        display: inline-block;
        width: 28%;
    }

    nav.a4a-first-nav ul li {
        padding: 20px 29px 20px 12px;
    }

    section.menubar .second-part {
        width: 72%;
    }

    ul.second-nav li {
        padding-left: 15px;
    }

    section.menubar .ntf-dropdown.is-open {
        width: 418px;
        margin-left: -177px;
    }

    ul.second-nav .last-li {
        display: block;
        float: left;
        padding-right: 15px;
        height: 14px;
    }

    .container.nav-container {
        left: 50%;
        margin-left: -495px;
    }

    .row.nav-row {
        max-width: 970px;
        margin: 0 auto;
    }
}

/* Main content styling 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.divide {
    margin-bottom: 6%;
}

.blue-title {
    color: #fff;
    background-color: #002B74;
    padding: 20px;
    font-family: "madurairegular";
}

    .blue-title h2, .blue-title h3 {
        margin: 0;
        padding: 0;
    }

    .blue-title h2 {
        font-size: 16px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

.grey-title {
    color: #161E42;
    background-color: #F6F7F9;
    padding: 20px;
    font-family: "madurairegular";
}

    .grey-title h2, .grey-title h3 {
        margin: 0;
        padding: 0;
    }

    .grey-title h2 {
        font-size: 16px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

/* Needs styling 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section.my-needs, section.members, section.sidebar {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    color: #0D1017;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

    section.my-needs h2, section.my-needs h3 {
        margin: 0;
        padding: 0;
    }

    section.my-needs .needs-title img {
        position: absolute;
        top: 34px;
        left: 30px;
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    section.my-needs .needs-title.open img {
        top: 24px;
        opacity: 1;
        cursor: pointer;
    }

    section.my-needs .needs-title.open h2 {
        font-size: 16px;
        padding-left: 30px;
        cursor: pointer;
    }

    section.sidebar .grey-title{
        text-align: center;
    }

    .needs-box {
        padding: 12px 20px;
        border-bottom: 2px solid #EEE;
        position: relative;
    }

    .needs-box.collapsed {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .needs-box ul {
        margin: 0;
    }

    .needs-box textarea {
        margin: 0 0 10px 0;
        padding: 10px;
    }

    .needs-box:nth-last-child(1) {
        border: 0;
    }

    .needs-box.last.active {
        display: block;
    }

    .needs-box.last {
        display: none;
    }

    .needs-box:nth-last-child(1):before {
        content: "";
        background-image: url(../images/navigation/triangle-icon-white.png);
        position: absolute;
        z-index: 4;
        top: -10px;
        left: 15px;
        background-size: 20px 10px;
        width: 20px;
        display: block;
        height: 10px;
    }

    .needs-box .greyed {
        background-color: #f6f7f9;
    }

.needs-options {
    background-color: #f6f7f9;
    font-size: 16px;
}

.option {
    display: inline-block;
    width: 32.333%;
    text-align: center;
    padding: 20px;
    border: 2px solid #F6F7F9;
    cursor: pointer;
}

    .option img {
        display: none;
    }

div.option:nth-child(1) {
    border-bottom: 2px solid #EEE;
}

div.option:nth-child(2) {
    border: 2px solid #EEE;
}

div.option:nth-child(3) {
    border-bottom: 2px solid #EEE;
}

div.option:nth-child(5) {
    border-left: 2px solid #EEE;
    border-right: 2px solid #EEE;
}

/* Needs styling - Flickity
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.needs-cell {
    width: 100%;
}

.needs-carousel {
    display: none;
}

.option.is-active {
    color: #0084CB;
    position: relative;
}

.option img.option-active {
    opacity: 0;
}

.option.is-active img {
    opacity: 0;
}

    .option.is-active img.option-active {
        opacity: 1;
    }


/* Needs styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    .option {
        display: inline-block;
        width: 19%;
        text-align: center;
        padding: 20px;
        padding-left: 35px;
        border: 0px solid;
        border-right: 2px solid #EEE;
    }

        .option.static img {
            position: static;
            width: 15px;
            height: unset;
        }

        .option img {
            position: absolute;
            left: -20px;
            width: 15px;
            top: 2px;
            display: inline-block;
        }

        .option span {
            position: relative;
        }

    div.option:nth-child(1) {
        border-bottom: 0px;
    }

    div.option:nth-child(2) {
        border: 0px;
        border-right: 2px solid #EEE;
    }

    div.option:nth-child(3) {
        border-bottom: 0px;
    }

    div.option:nth-child(5) {
        border-left: 0px;
        border-right: 0px;
    }

    .option.is-active:before {
        pointer-events: none;
        position: absolute;
        z-index: 0;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
}

/* Parts styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

li.urgency {
    display: inline-block;
    max-width: 100px;
    width: 33%;
    margin: 0;
    margin-left: -2px;
}

    li.urgency input[type="radio"],
    li.urgency input[type="checkbox"] {
        position: absolute;
        visibility: hidden;
    }

    li.urgency label {
        text-align: center;
        border: 2px solid #EEE;
        margin: 0;
        padding: 5px 10px;
        cursor: pointer;
    }

    li.urgency input[type=radio]:checked ~ label,
    li.urgency input[type=checkbox]:checked ~ label {
        border-color: #EB8127;
        color: #EB8127;
        z-index: 222;
        position: relative;
    }
	 
    li.urgency:nth-child(1) input[type=radio]:checked ~ label,
    li.urgency:nth-child(1) input[type=checkbox]:checked ~ label {
        border-color: #D0021B;
        color: #D0021B;
    }
	 
    li.urgency:nth-child(3) input[type=radio]:checked ~ label,
    li.urgency:nth-child(3) input[type=checkbox]:checked ~ label {
        border-color: #ffb300;
        color: #ffb300;
    }

    li.urgency:nth-child(1) label {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    li.urgency:nth-child(3) label {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }



.three.columns.part-choice {
    width: 22%;
}

.nine.columns.part-choice {
    width: 74%;
    margin-left: 4%;
    padding-right: 50px;
}

.add-part {
    display: inline-block;
    width: auto;
    position: absolute;
    right: 30px;
    cursor: pointer;
}

.icon-front {
    padding-left: 30px;
}

span.input-group-addon {
    position: absolute;
    left: 20px;
    top: 17px;
    width: 20px;
}

    span.input-group-addon img {
        width: 100%;
    }

.a4a-checkbox {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    font-size: 14px;
}

    .a4a-checkbox label {
        display: inline-block;
    }

.fake-checkbox {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    border: 2px solid #dedede;
    font-size: 16px;
    margin-right: 10px;
}

    .fake-checkbox img {
        opacity: 0;
    }

    .fake-checkbox:hover img {
        opacity: 0.3;
    }

.needs-box p {
    margin-bottom: 10px;
}

.a4a-checkbox input[type=checkbox]:checked ~ label div.fake-checkbox img {
    opacity: 1;
}

.a4a-checkbox input[type=checkbox]:checked ~ label div.fake-checkbox {
    border: 2px solid #0084CB;
}

.a4a-checkbox input[type=checkbox]:checked ~ label {
    color: #0084CB;
}

    .a4a-checkbox input[type=checkbox]:checked ~ label img.icon, .a4a-checkbox input[type=checkbox] ~ label img.icon:last-child {
        display: none;
    }

        .a4a-checkbox input[type=checkbox]:checked ~ label img.icon:last-child, .a4a-checkbox input[type=checkbox] ~ label img.icon {
            display: inline-block;
        }

.a4a-checkbox input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
}

.a4a-checkbox label img.icon {
    vertical-align: middle;
    position: relative;
    top: -1px;
    padding-right: 5px;
    width: 20px;
}

.needs-box .rollover-icons {
    margin-top: 0px;
    display: inline-block;
    height: 45px;
    line-height: 0;
    float: left;
}

.rollover-icons img.rollover:first-child, .rollover-icons.active img.rollover:last-child {
    display: inline-block;
}

.rollover-icons.active img.rollover:first-child, .rollover-icons img.rollover:last-child {
    display: none;
}

.additional .like.liked img.unactive, .additional .like img.active {
    display: none;
}

.needs-box .rollover-icons img {
    padding: 13px 13px 13px 0px;
    box-sizing: border-box;
    cursor: pointer;
}

.send-request {
    float: right;
}


/* Larger than mobile */
@media (min-width: 321px) {
	li.urgency {
		width: 100%;
	}
}

/* Requests styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section.requests {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    color: #0D1017;
    font-size: 14px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

    section.requests img {
        vertical-align: baseline;
        display: inline-block;
        border-radius: 5px;
    }

.requests.sorting .title-box {
    padding: 20px 0px 10px;
}

.requests.sorting ul.dropdown-menu {
    margin-top: 10px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

section.requests .poster.information {
    font-size: 12.8px;
}

section.requests .info.img {
    display: inline-block;
    width: 28px;
}

.info.img img {
    width: 100%;
}

section.requests .info.txt {
    display: inline-block;
    height: auto;
    vertical-align: top;
    padding-left: 8px;
    font-size: 12px;
    color: #898989;
}

section.requests .airline.txt {
    font-size: 12px;
    display: inline-block;
    margin-right: -14px;
}

section.requests .airline.img {
    display: inline-block;
}

    section.requests .airline.img img {
        width: 60px;
    }

.info.txt span.name {
    display: block;
    padding-top: 1px;
    position: relative;
}

span.green {
    color: #7ED321;
}

span.blue {
    color: #0084CB;
}

span.red {
    color: #D0021B;
}

.primary.reply span.date {
    display: inline-block;
    height: auto;
    padding-left: 18px;
    font-size: 12.8px;
    font-family: 'madurairegular';
    color: #898989;
}

section.requests .poster.airline {
    border-top: 1px solid #eee;
    margin-top: 8px;
    padding-top: 8px;
    text-align: right;
}

section.requests .request.urgency {
    display: inline-block;
    padding-right: 15px;
}

section.requests .request.a4a-parts {
    display: inline-block;
}

section.requests .output .message {
    color: #0D1017;
    margin-top: 20px;
}

section.requests .output .additional-information {
    margin-top: 20px;
}

section.requests .output .location {
    display: inline-block;
    cursor: pointer;
}

    section.requests .output .location.padding {
        position: absolute;
        left: 120px;
    }

section.requests .output .timespan {
    display: inline-block;
    cursor: pointer;
}

    section.requests .output .timespan.padding {
        position: absolute;
        right: 25px;
    }

section.requests .output .files {
    display: inline-block;
    cursor: pointer;
}

section.requests .output .transaction-labels {
    margin-top: 20px;
}

section.requests .output .additional-information p {
    padding: 0px 10px 0;
    color: #0084CB;
    display: inline-block;
    margin: 0;
}

.request.title {
    font-size: 11px;
    float: right;
    position: relative;
    bottom: -20px;
    color: #27458d;
    font-weight: bold;
}

.output.padding {
    padding-left: 97px;
}

section.requests .message-replies-content {
	display:none;
}
section.requests.open .message-replies-content {
	display:block;
}

/* Replies styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section.replies {
    background-color: #F6F7F9;
}

.reply-box {
    padding: 20px 20px 20px 40px;
    border-bottom: 2px solid #EEE;
}


section.replies .avatar {
    display: inline-block;
}

.needs-box:last-child {
    background-color: white;
}

.primary.reply {
    margin-bottom: 20px;
}

.secondary.reply {
    margin-left: 20px;
    padding-left: 5px;
    padding-top: 0px;
    margin-top: 10px;
    border-left: 2px solid #0084CB;
}

.user-info .name-airline {
    display: inline-block;
    font-size: 12.8px;
    padding-left: 8px;
    padding-top: 0px;
    font-family: 'maduraimedium';
    color: #666666;
    line-height: 14px;
    position: relative;
    top: 7px;
}

    .user-info .name-airline span.name {
        font-family: 'maduraisemibold';
        color: #424855;
    }

.name img {
    vertical-align: text-bottom;
    position: relative;
    padding-left: 5px;
    top: 1px;
    max-width: 21px;
}

.user-info .name-airline span {
    display: block;
}

.user-info .name-airline .airline {
    color: #989898;
    font-family: 'madurairegular';
    display: inline-block;
}

.user-info .airline-icon {
    display: inline-block;
    float: right;
    max-width: 46px;
    padding-top: 5px;
}

.needed-thing .label {
    position: absolute;
    left: 110px;
}

.user-info .airline-icon img {
    width: 100%;
}

.reply-message {
    padding-left: 0px;
    font-size: 12.8px;
}

.additional {
    padding-left: 0px;
    margin-top: 10px;
    font-size: 12.8px;
    color: #989898;
}

    .additional span.privacy {
        color: #0084CB;
    }

    .additional img {
        top: -1px;
        position: relative;
        padding-right: 5px;
    }

span.divider {
    padding: 0 3px;
}

.additional .reply img, .additional .like img {
    padding: 0 0 0 5px;
}

.additional span.like-count {
    padding-left: 3px;
}

.additional .like, .additional .reply {
    color: #424855;
    cursor: pointer;
}

    .additional .like.liked {
        color: #0084CB;
    }

        .additional .like.liked img.active, .additional .like img.unactive {
            display: inline-block;
        }

        .additional .like.liked img.unactive, .additional .like img.active {
            display: none;
        }

    .additional .like img {
        top: -2px;
    }

.reply-message p {
    margin: 10px 0 0 0;
    padding: 0px 45px 0 0px;
    line-height: 16px;
}

.comment-box .members.card .member {
    display: block;
    float: left;
}

.members.card .airline {
    display: block;
    float: right;
    padding-top: 7px;
}

.reply .comment-box {
    padding-left: 0px;
}

.comment-box {
    position: relative;
	 padding-bottom: 20px;
}

    .comment-box .avatar {
        vertical-align: middle;
    }

.comment-group {
    display: inline-block;
    width: calc(100% - 8.5rem);
    padding-left: 10px;
    vertical-align: middle;
    height: 50px;
}

	.comment-group .error-message {
		color: red;
		position: absolute;
		left: 0;
		bottom: -18px;
	}

.comment-icons {
    position: absolute;
    right: 110px;
    top: 8px;
}

    .comment-icons .rollover-icons {
        display: inline-block;
        padding-right: 10px;
    }

.primary .comment-icons {
    right: 100px;
    top: 20px;
}

.comment-group input {
    border: 2px solid #eee;
}

    .comment-group input.is-error {
        border: 1px solid red;
    }


    .comment-group input:focus {
        border: 2px solid #eee;
    }

.comment-group .u-full-width {
    height: inherit;
    padding-right: 80px;
}

.submit-respond {
    position: absolute;
    top: 2px;
    right: 0;
}

.uploads.docs ul li {
    list-style-type: none;
    color: #0084CB;
	 margin-bottom: 0.4rem;
}

    .uploads.docs ul li img:first-child {
        padding-right: 8px;
    }

    .uploads.docs ul li img:last-child {
        padding-left: 8px;
    }

.uploads.imgs {
    margin-top: 40px;
}

.upload-wrap {
    border: 1px solid #eeeeee;
    border-radius: 6px;
    width: 137px;
    overflow: hidden;
    height: 102.50px;
    display: inline-block;
    margin: 0px 8px 8px 0px;
}

    .upload-wrap img {
        width: 100%;
        height: 100%;
    }

    .upload-wrap.file-upload {
        border: 2px dashed #eee;
        cursor: pointer;
        text-align: center;
        padding: 15px;
        color: #666;
		  font-weight: normal;
        text-decoration: underline;
        padding-top: 30px;
        box-sizing: border-box;
    }

/* Requests styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    section.requests .info.img {
        display: inline-block;
        width: auto;
    }

    section.requests .info.txt {
        padding-left: 20px;
        font-size: 12.8px;
    }

    .info.txt span.name {
        padding-top: 1%;
        padding-bottom: 5px;
        font-family: 'maduraisemibold';
        color: #161E42;
    }

    section.requests .poster.information {
        display: inline-block;
    }

    section.requests .info.txt span.airline-name {
        font-family: 'maduraisemibold';
    }

    section.requests .poster.airline {
        border-top: 0px solid #eee;
        margin-top: 0px;
        padding-top: 10px;
        display: inline-block;
        float: right;
    }

    section.requests .output .files {
        float: right;
    }

    .reply-message {
        padding-left: 40px;
    }

    .additional {
        padding-left: 40px;
    }

    .reply .comment-box {
        padding-left: 4px;
        padding-top: 11px;
		  padding-bottom: 15px;
    }

    .secondary.reply {
        margin-left: 40px;
    }

    .secondary.reply .secondary.reply {
        margin-left: -2px;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
}

/* Members styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.members-box {
    padding: 0px 20px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 14px;
}

    .members-box:hover, .members-box:focus {
        -moz-box-shadow: inset 0 -2px 0px #0084CB;
        -webkit-box-shadow: inset 0 -2px 0px #0084CB;
        box-shadow: inset 0 -2px 0px #0084CB;
        background-color: #FFF;
    }

    .members-box:last-child .members.card {
        border-bottom: 2px solid #fff;
    }

    .members-box:hover .members.card, .members-box:hover .members.options, .members-box:last-child .members.card {
        border-bottom: 2px solid transparent;
    }

    .members-box:first-child:hover {
        background-color: #fff;
    }

.members.options, .members.card {
    padding: 20px 0;
    border-bottom: 2px solid #EEE;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .members.card div.info {
        border: none;
    }

    .members.card div.info.additional {
        text-align: right;
    }

    .members.card .second-part {
        padding-left: 78px;
    }

.second-part .additional-info, .second-part .options {
    padding-top: 20px;
}

    .second-part .options > div {
        display: inline-block;
        padding-right: 15px;
        padding-bottom: 15px;
        float: left;
    }

.additional-info .add-info {
    display: block;
}

.members.options .searchbar {
    width: 40%;
    position: relative;
    top: 8px;
}

.input-options {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

    .input-options .invite {
        display: inline-block;
        padding-right: 15px;
    }

    .input-options .sorting-dropdown {
        display: inline-block;
        float: right;
    }

    .input-options .sorting {
        display: inline-block;
        float: right;
    }

.members.card .member {
    display: block;
    padding-right: 18px;
    width: 100%;
}

.members.card .airline {
    display: block;
    float: left;
    padding-top: 7px;
    padding-left: 62px;
}

.airline .avatar {
    position: absolute;
    right: 20px;
    top: 24px;
    width: 50px;
}

    .airline .avatar img {
        width: 100%;
    }

.members.card .avatar {
    display: inline-block;
}

    .members.card .avatar img {
        vertical-align: middle;
        border-radius: 3px;
    }

.members.card .info {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}

.members.card .close-btn {
    text-transform: uppercase;
    font-size: 11px;
    color: #0084cb;
    font-family: 'maduraimedium';
    position: absolute;
    bottom: 10px;
    right: 20px;
    cursor: pointer;
}

    .members.card .close-btn img {
        padding-left: 8px;
    }

.info .name img {
    position: absolute;
    padding-left: 5px;
    bottom: 5px;
}

.title-1st {
    font-family: 'maduraisemibold';
    color: #161E42;
    position: relative;
}

.title-2nd {
    color: #989898;
    font-family: 'madurairegular';
}

/* Members styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    .input-options {
        float: right;
        margin-top: 0px;
    }

    .members.card .member {
        display: inline-block;
        float: left;
        width: auto;
    }

    .profile-box .members.card .member {
        display: inline-block;
        float: left;
        width: 66%;
    }

    .members.card .airline {
        display: inline-block;
        float: right;
        padding-top: 7px;
    }

    .members.card .info {
        padding-left: 15px;
    }

    .members.card .airline {
        display: block;
        float: right;
        padding-top: 7px;
    }

    .airline .avatar {
        position: static;
        display: inline-block;
        width: auto;
    }

    .second-part .options > div {
        padding-bottom: 0px;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
    .members.card .member {
        display: inline-block;
        float: left;
        width: auto;
    }

        .members.card .member.info {
            width: 100%;
        }

    .profile-box .members.card .member {
        display: inline-block;
        float: left;
        width: 73%;
    }
}

/* Sidebar styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.sidebar-box {
    padding: 20px 20px 0px 40px;
    font-size: 12.8px;
}

ol.count li:last-child .sidebar-box {
    padding: 20px 20px 20px 40px;
}

.sidebar-box .avatar {
    width: 30px;
    display: inline-block;
}

.sidebar-box .airline .avatar {
    float: right;
    width: 50px;
}

.sidebar-box .info {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}

.sidebar-box .member .info {
    padding-left: 10px;
}

.avatar img {
    width: 100%;
    vertical-align: middle;
    border-radius: 3px;
}

.sidebar-box .title-1st.name img {
    width: 19px;
    position: relative;
    top: -3px;
}

.title-1st.airline-name img {
    width: 19px;
    position: relative;
    top: -3px;
    vertical-align: text-bottom;
    margin-left: 6px;
}

ol.count, ol.count li {
    margin: 0;
    padding: 0;
    position: relative;
    font-family: 'maduraisemibold';
}

ol.count {
    counter-reset: item;
    list-style-type: none;
}

    ol.count li {
        display: block;
    }

        ol.count li:before {
            content: counter(item) "  ";
            counter-increment: item;
            display: inline-block;
            position: absolute;
            top: 24px;
            left: 20px;
        }


/* Buttons styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button.button-primary, button.button-primary, button[type="submit"].button-primary, button[type="reset"].button-primary, button[type="button"].button-primary {
    height: 45px;
    line-height: 43px;
    background-color: #0084CB;
    border: 0px;
    margin: 0;
    padding: 0 20px;
    -moz-box-shadow: inset 0 -2px 0px #005e90;
    -webkit-box-shadow: inset 0 -2px 0px #005e90;
    box-shadow: inset 0 -2px 0px #005e90;
}

    .button.button-primary:hover, button.button-primary:hover, button[type="submit"].button-primary:hover, button[type="reset"].button-primary:hover, button[type="button"].button-primary:hover {
        background-color: #0094e4;
    }

.comment-box .button.button-primary, .comment-box  button.button-primary, .comment-box button[type="submit"].button-primary, .comment-box button[type="reset"].button-primary, .comment-box button[type="button"].button-primary {
	padding: 0 10px;
}

.button-primary img {
    vertical-align: text-bottom;
    padding-right: 8px;
}

.button.button-primary.secondary, button.button-primary.secondary {
    background-color: #FFFFFF;
    color: #898989;
    border: 2px solid #eee;
    -moz-box-shadow: inset 0 -2px 0px transparent;
    -webkit-box-shadow: inset 0 -2px 0px transparent;
    box-shadow: inset 0 -2px 0px transparent;
}

    .button.button-primary.secondary:hover, button.button-primary.secondary:hover {
        background-color: #f9f9f9;
    }

.button.button-primary.button-head-1st {
    background-color: #FFFFFF;
    color: #0084CB;
    border: 2px solid #fff;
    -moz-box-shadow: inset 0 -2px 0px transparent;
    -webkit-box-shadow: inset 0 -2px 0px transparent;
    box-shadow: inset 0 -2px 0px transparent;
}

    .button.button-primary.button-head-1st:hover {
        color: #fff;
        background-color: #0084CB;
        border: 2px solid #0084CB;
    }

.button.button-primary.button-head-2nd {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    -moz-box-shadow: inset 0 -2px 0px transparent;
    -webkit-box-shadow: inset 0 -2px 0px transparent;
    box-shadow: inset 0 -2px 0px transparent;
}

    .button.button-primary.button-head-2nd:hover {
        color: #fff;
        background-color: #0084CB;
        border: 2px solid #0084CB;
    }

nav.a4a-loggedout .button-wrap .button.button-primary {
    height: 30px;
    line-height: 30px;
}

/* COLLAPSE BUTTON STYLING */

button.button-primary.collapse-button {
    background-color: #fff;
    color: #666;
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

    button.button-primary.collapse-button.open {
        position: relative;
        z-index: 5;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom: 1px solid #eee;
    }

    button.button-primary.collapse-button:hover {
        background-color: #fbfbfb;
    }

.button-primary.collapse-button img {
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 0;
}

.sorting-dropdown .collapse-group ul.dropdown-menu li {
    display: block;
    width: 100%;
    border-bottom: 2px solid #eee;
    border-radius: 0px;
    float: none;
    padding: 8px 8px;
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
}

    .sorting-dropdown .collapse-group ul.dropdown-menu li:hover {
        background-color: #eee;
    }

    .sorting-dropdown .collapse-group ul.dropdown-menu li:last-child {
        border-bottom: 0px solid #eee;
    }

.sorting-dropdown .collapse-group ul.dropdown-menu {
    border: 2px solid #eee;
    border-radius: 3px;
}

.collapse-group ul.dropdown-menu {
    margin: 0;
    background-color: #fff;
}

    .collapse-group ul.dropdown-menu.open {
        margin: 0;
        background-color: #fff;
        display: block;
    }

    .collapse-group ul.dropdown-menu li {
        list-style-type: none;
        font-size: 14px;
        padding: 0px;
        margin: 0;
        width: 33.333%;
        box-sizing: border-box;
        float: left;
        border: 0px;
        margin-top: -2px;
        cursor: pointer;
    }

    .collapse-group ul.dropdown-menu .a4a-checkbox label:hover, .collapse-group ul.dropdown-menu .a4a-checkbox label:focus {
        position: relative;
        z-index: 5;
        box-shadow: inset 0 -12px 0px -10px #EEE;
    }

    .collapse-group ul.dropdown-menu li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .collapse-group ul.dropdown-menu li:first-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .collapse-group ul.dropdown-menu li.option-group {
        font-weight: bold;
        display: block;
        float: none;
        padding-bottom: 4px;
        padding-top: 20px;
        padding-left: 20px;
    }

        .collapse-group ul.dropdown-menu li.option-group.error {
            width: 100%;
            color: red;
            padding-bottom: 20px;
            padding-top: 30px;
        }

    .collapse-group ul.dropdown-menu .a4a-checkbox {
        width: 100%;
        padding-right: 0px;
    }

        .collapse-group ul.dropdown-menu .a4a-checkbox label {
            width: 100%;
            padding: 10px 20px;
            box-sizing: border-box;
        }

/* CLEARFIX STYLES */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */

.button-wrap {
    padding: 20px 0 0;
}

/* LABEL STYLING */

span.label {
    background-color: #ccc;
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 12.8px;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: 'maduraisemibold';
}

span.label-title {
    padding-right: 10px;
}

span.label-title-fixed {
    width: 72px;
    display: inline-block;
}

span.label.label-transaction {
    background-color: #EEEEEE;
    color: #666666;
}

span.label.label-aog {
    background-color: #D0021B;
    width: 50px;
    text-align: center;
}

span.label.label-critical {
    background-color: #EB8127;
    width: 50px;
    text-align: center;
}

span.label.label-routine {
    background-color: #ffb300;
    width: 50px;
    text-align: center;
}

span.label.label-a4a {
    background-color: #002B74;
    margin-top: 5px;
}

    span.label.label-a4a:first-child {
        margin-left: 0px;
    }

    span.label.label-a4a.img-right img {
        padding-left: 8px;
        cursor: pointer;
    }

/* Forms styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */


form {
    margin: 0;
    padding: 0;
}

input {
    margin-bottom: 0;
}

.form-group {
    display: inline-block;
    font-family: 'madurairegular';
}

    .form-control, .form-group .form-control {
        border: 0;
        background-image: linear-gradient(#0084CB, #0084CB), linear-gradient(#D2D2D2, #D2D2D2);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        transition: background 0s ease-out;
        float: none;
        box-shadow: none;
        border-radius: 0;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 0;
        padding-left: 0;
        color: #666666;
    }

textarea.form-control {
    height: 260px;
    margin-top: 10px;
}

.needs-box.cf textarea.form-control {
    height: 130px;
    margin-top: 10px;
}

.form-group.is-focused .form-control {
    outline: none;
    background-image: linear-gradient(#0084CB, #0084CB), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

.form-group .form-control.form-control-container {
    padding-bottom: 2px;
    margin-bottom: 20px;
}

    .form-group .form-control.form-control-container .control-label {
        position: relative;
        padding-bottom: 6px;
        font-size: 11px;
    }

.nav-searchbar input {
    outline: none;
}

label.control-label {
    line-height: 1.07143;
    color: #AAAAAA;
    font-weight: 400;
    margin: 0;
    top: 5px;
    font-size: 14px;
    line-height: 1.42857;
    position: absolute;
    pointer-events: none;
    transition: 0.3s ease all;
}

.label-floating {
    position: relative;
    width: 100%;
}

.form-group.label-floating.is-focused label.control-label {
    color: #0084CB;
}

/* error styling */

.form-group.label-floating.is-error label.control-label {
    color: #D0021B;
}

.form-group.is-error .form-control {
    background-image: linear-gradient(#D0021B, #D0021B), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
}


.form-message {
    margin-top: 20px;
    padding: 10px;
    border-radius: 3px;
    font-size: 0.9em;
}

    .form-message.error {
        color: #D0021B;
        border: 1px solid #D0021B;
    }

    .form-message.correct {
        color: #71ca20;
        border: 1px solid #71ca20;
    }

    .form-message ul, .form-message ul li {
        margin: 0;
        list-style: inside;
    }

        .form-message ul ul {
            margin-left: 20px;
        }

    .form-message.error p {
        color: #D0021B;
        font-size: 1em;
        margin-bottom: 0.5em;
    }

    .form-message.correct p {
        color: #71ca20;
        font-size: 1em;
        margin-bottom: 0.5em;
    }

/* correct styling */

.form-group.label-floating.is-correct label.control-label {
    color: #71ca20;
}

.form-group.is-correct .form-control {
    background-image: linear-gradient(#71ca20, #71ca20), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
}

.form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
    top: -3px;
    left: 0px;
    font-size: 11px;
    line-height: 1.07143;
}

.log label.control-label {
    top: -3px;
    left: 0px;
    font-size: 11px;
    line-height: 1.07143;
}

.searchbar {
    position: relative;
    padding: 10px 10px 10px 0;
    width: 50%;
    display: inline-block;
}

/* Form styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {

    .nav-searchbar {
        width: 62%;
    }

        .nav-searchbar .search-icon {
            display: inline-block;
            position: absolute;
            top: 28px;
            right: 16%;
            left: auto;
        }

    .search-icon {
        display: inline-block;
        position: absolute;
        top: 6px;
        right: 10px;
        left: auto;
    }

    .nav-searchbar {
        padding: 20px 10px;
        border-right: 0px solid #eeeeee;
    }

    .searchbar {
        padding: 0px 10px 10px 0;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
    .nav-searchbar {
        width: 65%;
    }
}

/* Footer styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer.a4a-footer.logged-in {
    background-color: #fff;
    padding: 40px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

    footer.a4a-footer.logged-in img {
        margin-bottom: 20px;
    }

    footer.a4a-footer.logged-in ul, footer.a4a-footer.logged-in ul li {
        margin: 0;
    }

        footer.a4a-footer.logged-in ul li {
            display: block;
            list-style-type: none;
            padding: 10px 10px;
        }

            footer.a4a-footer.logged-in ul li a {
                color: #666666;
                text-decoration: none;
            }

                footer.a4a-footer.logged-in ul li a:hover {
                    text-decoration: underline;
                }

.footer-wrap {
    width: 300px;
    margin: 0 auto;
    display: block;
}

    .footer-wrap p {
        color: #0084CB;
        margin-bottom: 20px;
    }

/* Footer styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    .footer-wrap {
        width: 340px;
    }

    footer.a4a-footer.logged-in ul li {
        display: inline;
        padding: 0px 10px
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
}

/* Contact styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ALT PAGES styling
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Help styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.help-box {
    border-bottom: 2px solid #EEE;
    position: relative;
}
.help-box:last-of-type {
	border-bottom: none;
}

.help-box-more {
    border-bottom: 2px solid #EEE;
    position: relative;
    text-align: center;
}

    .help-box-more a {
        text-decoration: none;
    }

main.alt .help-box h2 {
    margin: 0;
    color: #161E42;
}

.bar.title {
    position: relative;
    padding: 20px 0px;
    cursor: pointer;
}

    .bar.title.open h2 {
        color: #0084CB;
    }

.bar.text {
    display: none;
}

.help-box .rollover-icons {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
}

/* help sidebar styling */

section.help.sidebar {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    color: #0D1017;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

section.help .help-accordeon {
}

section.help .help-box:last-child {
    border: 0;
}

section.help .help-box {
    padding: 0 20px;
}

section.help.sidebar .help-box h2 {
    margin: 0;
    font-size: 1em;
    padding-right: 40px;
}

/* My Profile styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.profile-box .a4a-checkbox {
    display: block;
}

.profile-box {
    margin-top: 1.5em;
}

    .profile-box .members.card {
        background-color: #F6F7F9;
        padding: 20px;
        border: 0;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    }

.info-edit.profile {
    display: none;
}

.info-edit.password {
    display: none;
}

.info-uneditable {
    display: inline-block;
}

.profile-box .button-wrap button {
    margin-right: 15px;
    margin-bottom: 10px;
}

.profile-box .members.card .member .avatar {
    width: 90px;
    position: relative;
    display: block;
}

.profile-box .members.card .airline .avatar {
    width: 80px;
    display: inline-block;
    margin-top: 22px;
    position: relative;
    top: 10px;
    right: 0;
}

.profile-box .members.card .airline .info {
    padding: 0;
    width: 160px;
}

.profile-box .members.card .avatar img {
    width: 100%;
    vertical-align: text-top;
}

.profile-box .members.card .avatar .edit-img {
    width: auto;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.profile-box .members.card .info {
    vertical-align: text-top;
    padding: 0;
    margin-top: 10px;
}

    .profile-box .members.card .info .title-1st {
        font-size: 1.25em;
    }

    .profile-box .members.card .info .title-2nd {
        line-height: 18px;
        color: #161E42;
    }

    .profile-box .members.card .info .title-3rd {
        margin-top: 20px;
    }

        .profile-box .members.card .info .title-3rd span {
            display: block;
            color: #898989;
            font-size: 0.9em;
        }

.profile-box .members.card .airline {
    padding: 0;
    display: inline-block;
}

/* My Profile styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    .profile-box .members.card .member .avatar {
        display: inline-block;
    }

    .profile-box .members.card .info {
        vertical-align: text-top;
        padding-left: 15px;
        margin-top: 0;
        width: 65%;
    }

    .profile-box .members.card .airline .avatar {
        width: 120px;
        display: block;
        position: static;
    }

    .profile-box .button-wrap button {
        margin-bottom: 0px;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
    .profile-box .members.card .info {
        width: 75%;
    }
}

/* Home logged out styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header-activators .button-wrap {
    display: inline-block;
}

.main-header.alt-header.xl-header section.page-info {
    bottom: 20px;
}

.content-carousel {
    margin-bottom: 50px;
}

.header-video {
    margin-top: 20px;
}

    .header-video img {
        max-width: 100%
    }

	 .header-video video {
		 background-color: white;
	 }

.main-header.alt-header.xl-header h1 {
    font-size: 1.6em;
}

/* Home logged out  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    .main-header.alt-header.xl-header {
        height: 480px;
    }

        .main-header.alt-header.xl-header h1 {
            font-size: 2em;
        }

    .header-video {
        margin-top: 0px;
    }

    .main-header.alt-header.xl-header section.page-info {
        position: absolute;
        width: 100%;
        bottom: 90px;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
}

/* JOIN styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

form.join .form-group.label-floating {
    margin-top: 20px;
    width: 100%;
}

.form-group .collapse-wrap {
    display: none;
}

.other {
    font-size: 0.8em;
    background: #f5f5f5;
    padding: 10px;
    cursor: pointer;
}

.form-group ul.dropdown-menu.airliner, .form-group ul.dropdown-menu.aircraft {
    border: 2px solid #eee;
    border-top: 0px;
    max-height: 180px;
    overflow: auto;
    position: relative;
    margin: 0;
}

    .form-group ul.dropdown-menu.airliner li, .form-group ul.dropdown-menu.aircraft li {
        list-style-type: none;
        padding: 10px 10px;
        box-sizing: border-box;
        font-size: 0.9em;
        margin: 0;
        background-color: #fff;
    }

.form-group.collapse .rollover-icons {
    position: absolute;
    top: 0;
    right: 0;
}

.all-labels {
    margin-top: 15px;
}

.form-group ul.dropdown-menu.airliner li:hover, .form-group ul.dropdown-menu.airliner li:focus, .form-group ul.dropdown-menu.aircraft li:hover, .form-group ul.dropdown-menu.aircraft li:focus {
    background: #eee;
}

.form-group.mail-opt .opt1 {
    display: inline-block;
    width: 42%;
    vertical-align: top;
}


/* JOIN styling  -  Responsive */

/* Larger than mobile */
@media (min-width: 320px) {
}

/* Larger than tablet */
@media (min-width: 768px) {
    form.join .form-group.label-floating {
        width: 100%;
    }
}

/* Larger than desktop */
@media (min-width: 1024px) {
}

/* LOGIN styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

main.alt.login {
    background-image: url(../images/header/header-alt01.png);
    background-size: cover;
}

.login-form {
    background-color: #FFFFFF;
    padding: 20px;
    margin: 10% 0;
    border-radius: 3px;
    border: 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

    .login-form h1 {
        font-size: 1.5em;
        margin: 0;
    }

.a4a-logo {
    width: 55%;
    margin: 0 auto;
}

    .a4a-logo img {
        width: 100%;
    }

.login-form .form-group {
    margin-top: 15px;
}

.login-form .a4a-checkbox {
    margin-top: 15px;
}

.login-problems {
    margin-top: 15px;
}

    .login-problems span {
        display: block;
        font-size: 0.9em;
        color: #0084CB;
        cursor: pointer;
    }

/* WELCOME styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.add-avatar a img {
    display: block;
}

.add-avatar span {
    font-family: 'maduraisemibold';
}

.add-avatar {
    margin-bottom: 15px;
}

span.member-name {
    line-height: 32px;
}

main.alt .normal-message h2 {
    margin: 0;
}

main.alt .welcome-message p {
    margin-bottom: 0.5em;
}


/* Skeleton overrides: styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.bar ul {
    padding-left: 30px;
}

ul {
    margin-top: 0;
    list-style-position: outside;
}

.file-over {
    border: dotted 2px red !important;
}


/* datepicker: styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.datepicker {
    position: relative;
    display: inline-block;
    color: #2b2b2b;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Calibri', 'Roboto';
}

.datepicker__calendar {
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    top: 1.9em;
    left: 0;
    height: 24.25em;
    width: 20.5em;
    font-size: 14px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker__calendar__cancel {
    position: absolute;
    bottom: 1em;
    left: 1.8em;
    color: #d8d8d8;
    cursor: pointer;
    -webkit-transition: 0.37s;
    transition: 0.37s;
}

    .datepicker__calendar__cancel:hover {
        color: #b1b1b1;
    }

.datepicker__calendar__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.2em;
}

.datepicker__calendar__label {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    margin: 0.2em;
    line-height: 2.2em;
    text-align: center;
    color: #d8d8d8;
}

.datepicker__calendar__month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.datepicker__calendar__month__day {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    margin: 0.2em;
    border-radius: 2.2em;
    line-height: 2.2em;
    text-align: center;
    -webkit-transition: 0.37s;
    transition: 0.37s;
}

.datepicker__calendar__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
}

.datepicker__calendar__nav__arrow {
    width: 0.8em;
    height: 0.8em;
    cursor: pointer;
    -webkit-transition: 0.37s;
    transition: 0.37s;
}

    .datepicker__calendar__nav__arrow:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.datepicker__calendar__nav__chevron {
    fill: #bbbbbb;
    -webkit-transition: 0.37s;
    transition: 0.37s;
}

    .datepicker__calendar__nav__chevron:hover {
        fill: #2b2b2b;
    }

.datepicker__calendar__nav__header {
    width: 11em;
    margin: 0 1em;
    text-align: center;
}

.datepicker__input {
    outline: none;
    border-radius: 0.1rem;
    padding: .2em .6em;
    font-size: 14px;
}

.datepicker__dayDisabled {
    color: #d8d8d8;
}

/* googlemaps: styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Always set the map height explicitly to define the size of the div
         * element that contains the map. */
#map {
    height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

    #pac-input:focus {
        border-color: #4d90fe;
    }

.pac-container {
    font-family: Roboto;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

    #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

#target {
    width: 345px;
}
section.four.columns > section {
	margin-bottom: 40px;
}

    .sidebar.advertorial div.advertorial {
        text-align: center;
    }


/* airshare overview
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.airsharesValue {
    font-size: 44px;
    float: left;
    top: -8px;
    position: relative;
    width: 50px;
}

.infoLabel {
    display: inline-block !important;
    width: 100px;
}

.responseCount {
    font-size: 11px;
    vertical-align: middle;
    color: #0084CB;
}

.last-li {
    cursor: default !important;
}


/* debug modals
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.debugBox {
    width: 480px;
    height: 40px;
    font-size: 9px;
    border: 2px dashed #20a22a;
    background: #eeeeee;
    color: #da3737;
    padding-left: 9px;
    position: fixed;
    z-index: 999;
    top: 0px;
    right: 0px;
}

    .debugBox.component {
        width: 440px;
        font-size: 8px;
        background: #f6f7f9;
    }

    .debugBox .debugContent {
        display: none;
    }

    .debugBox.selected {
        width: 800px;
        height: auto;
        font-size: 11px;
        z-index: 9999;
        border: 2px solid #71ca20;
        background: #ffffff;
    }

        .debugBox.selected .debugContent {
            display: inline-block;
            overflow: scroll;
            width: 800px;
            max-height: 600px;
        }

.debugTarget {
    border-top: 2px solid red;
    width: 100%;
}

    .debugTarget.component {
        border-top: 2px solid orange;
        width: 50%;
    }

/* Images overview
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.overview-header {
    width: 100%;
    padding: 0 1em;
    display: inline-block;
}

/* -ms-grid voor ie fallback*/
.overview-gridlayout {
    padding: 0 1em;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(7, 1fr);
}

.overview-gridlayout {
    grid-gap: 16px;
}

/*--end--*/
.aircraft-grid-item {
    padding: 1em 0em;
}

/*p {
    line-height: 1.5;
}*/

.center-in-grid {
    text-align: center
}

.section-overview {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    color: #0D1017;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.overview-date {
    display: inline-block;
    padding-right: 10px;
    float: right;
    padding-top: 3em;
}

.divider-line {
    border: 1px solid #1F4E79;
    margin: 1em;
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    /*.avatar img {
        height: 108px;
    }*/

    .aircraft-grid-item {
        height: 142.36px;
        margin: 0px 5px;
    }
}

@media print {
    .overview-gridlayout {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    /*.avatar img {
        height: 100%;
    }*/

    .aircraft-grid-item {
        height: 100%;
        display: inline-block;
        margin: 0px 5px;
    }

    .printable {
        visibility: visible;
        z-index: 1000;
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .config {
        display: none;
        visibility: hidden;
    }

    .dcSiteSideMenu {
        display: none;
        visibility: hidden;
    }

    .header {
        display: none;
        visibility: hidden;
    }

    .footer {
        display: none;
        visibility: hidden;
    }

    .section-overview {
        background-color: #fff;
        border-radius: 3px;
        overflow: hidden;
        color: #0D1017;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
    }

    .webfx-menu {
        display: none !important;
        visibility: hidden !important;
    }

    .webfx-menu-bar {
        display: none !important;
        visibility: hidden !important;
    }

    .aircraft-grid-item {
        page-break-inside: avoid;
        page-break-after: auto;
    }
}

.needs-left, .needs-right {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
}

.needs-right span {
	display: inline-block;
}

span.subt {
    color: #8a8a8a;
    font-size: 13px;
    padding-right: 6px;
}

span.request-date {
    margin-top: 3px;
    text-align: right;
    width: 100%;
}

span.location {
	text-align: right;
	width: 100%;
}

.location p {
	padding: 0px 0px 0 10px;
    color: #0084CB;
    display: inline-block;
    margin: 0;
}

span.needed-thing {
    display: block;
    font-size: 18px;
}

span.subt2 {
    font-size: 13px;
}

span.label {
    padding: 3px 10px;
    margin-left: 5px;
}

.req-details {
	padding: 10px 20px;
}

.req-info > span {
    padding-right: 30px;
}

.collapse-request {
	position: relative;
	height: 45px;
	cursor: pointer;
}

.collapse-request button.button-primary {
    float: right;
    height: 30px;
    margin-top: 8px;
    line-height: 25px;
    margin-right: 6px;
}

section.requests {
	margin-bottom: 30px;
}

.collapse-request .nr1 .rollover-icons {
    display: inline-block;
    margin-left: 6px;
}

.collapse-request .nr2 .rollover-icons {
    display: inline-block;
    margin-left: 6px;
}

.collapse-request .rollover-icons.active img.rollover:first-child, .collapse-request .rollover-icons img.rollover:last-child {
    display: block;
}

.collapse-request .rollover-icons {
	vertical-align: middle;
}

.open .collapse-request > .collapse-btn.nr1 {
	display: none;
}

.open .collapse-request > .collapse-btn.nr2 {
	display: block;
}

.close .collapse-request > .collapse-btn.nr1 {
	display: block;
}

.close .collapse-request > .collapse-btn.nr2 {
	display: none;
}

.collapse-request .collapse-btn {
	width: 140px;
	display: block;
	background: #fff;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	color: #74767a;
    font-size: 16px;
}

.collapse-btn.nr2 .rollover {
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(180deg);
}

.needs-box.req-prio {
    padding: 14px 20px;
}

/* section.my-needs, section.members, section.sidebar {
	background: transparent;
	box-shadow: 0px 0px 0px 0px;
	overflow: inherit;
}
    */

section.request {
	    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    color: #0D1017;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.members .ntf-avatar {
    display: inline-block;
    position: relative;
}

.ntf-info {
    max-width: calc(100% - 60px);
    display: inline-block;
    float: right;
    width: 100%;
}


.own-request .collapse-request .collapse-btn {
    float: right;
}

.own-request .info .status {
    margin: 0;
    display: inline-block;
}

.own-request .status {
    margin: 12px 0px 0px 20px;
    display: inline-block;
}

span.option-button-part {
    display: block;
    margin: 24px 0;
}

.answer-yes {
    margin: 20px 0;
}

.answer-no {
    margin: 20px 0;
}

.poster-details {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px;
    margin-bottom: 8px;
}

.poster-details.rewarded {
    border: 1px solid #0084CB;
}

.rewarded .poster-reward .rw-msg, .rewarded .poster-reward .rw-icon {
	display: none;
}

.rewarded .poster-reward .rw-succes {
	display: block;
	margin: 12px 0;
	font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #6f6f6f;
}

.poster-reward .rw-succes {
	display: none;
}

section.requests.own-request .poster.airline {
    float: none;
}

.poster-reward {
    display: inline-block;
    background: #eee;
    float: right;
    padding: 0px 14px;
    border-radius: 3px;
    cursor: pointer;
    width: 90px;
    text-align: center;
}

span.rw-icon {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0px 0px 4px;
}

span.rw-msg {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #6f6f6f;
}

.answer-no textarea {
	width: 100%;
}

.req-info {
    height: 25px
}

.req-number {
    position: absolute;
    left: 20px;
}

.req-title {
    position: absolute;
    left: 254px;
}

.req-each {
    position: absolute;
    right: -11px;
}

img.avatar-image-30x30 {
	max-height: 30px;
	max-width: 30px;
	border-radius: 5px;
}
img.avatar-image-50x50 {
	max-height: 50px;
	max-width: 50px;
	border-radius: 5px;
}
img.avatar-image-54x54 {
    max-height: 54px;
    max-width: 54px;
    border-radius: 5px;
}

img.avatar-image-150x150 {
	max-height: 150px;
	max-width: 150px;
	border-radius: 5px;
}