/* Global elements */
/* Different widths */
/* Colors */
/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800");
body, html {
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
  color: #4C4C4C;
  font-weight: 400; }

.primary-font, #id_departure_time, #booking-form .input, #trip-form ::-webkit-input-placeholder, #trip-form :-moz-placeholder, #trip-form ::-moz-placeholder, #trip-form :-ms-input-placeholder, .trip-search #id_origin-address, .trip-search #id_destination-address {
  font-family: 'Open Sans', sans-serif; }

.primary-color {
  color: #ff4f02; }

.secondary-color {
  color: #0099ff; }

.text-white {
  color: #fff; }

a img {
  border: none; }

.error {
  color: #ff0000; }

.p-small {
  font-size: 14px; }

.p-medium {
  font-size: 18px; }

.p-large {
  font-size: 24px; }

.line-height-s {
  line-height: 20px; }

.image-responsive {
  width: 100%; }

.underline {
  text-decoration: underline; }

.no-border {
  border: none !important; }

.google-maps-labels {
  color: #ff4f02; }

a {
  text-decoration: none; }

a:hover {
  color: #ff7430; }

a:active {
  color: #dd4900; }

a.secondary-color:hover {
  color: #0077c6; }

.a-div {
  display: block; }

.orange {
  color: #ff5400; }

.blue {
  color: #0099ff; }

a.blue:hover {
  color: #44b4ff; }

.pink, a.pink {
  color: #F3046E; }

a.pink:hover {
  color: #dd006a; }

a.grey {
  color: #777777; }

a.grey:hover {
  color: #333333; }

.p-grey {
  color: #999; }

.header-anchor {
  display: inline-block;
  margin-left: 7px;
  height: 20px;
  width: 20px;
  outline: 0; }

.header-anchor:hover {
  display: inline-block;
  margin-left: 7px;
  background: #ccc;
  height: 20px;
  width: 20px;
  background: url("../images/icon-anchor.dfe31862021e.png") no-repeat center center #ececec;
  background-size: 15px 15px;
  border-radius: 2px;
  outline: 0; }

.header-anchor:focus {
  outline: 0; }

.red {
  color: #ff0000 !important; }

.black {
  color: #000; }

.lightgrey {
  color: #dfdbdb; }

.green {
  color: #009a4b; }

.greyed {
  color: #dfdbdb !important; }

.greyed {
  color: #777777 !important; }

.lightergrey {
  color: #f8f8f8; }

.grey {
  color: #666; }

.box {
  border: 1px solid #dfdbdb;
  background: #fff;
  padding: 20px; }
  .box .box-header {
    padding: 10px; }
  .box .box-header.blue {
    background: #0099ff;
    color: #fff; }
  .box .box-header.grey {
    background: #dfdbdb; }
  .box .box-container {
    padding: 10px; }

.box.orange {
  background: #ff4f02;
  color: #fff;
  border: none; }

.box.blue {
  background: #0099ff;
  color: #fff;
  border: none; }

.faded {
  opacity: .3; }

.border-box, .common-msg, .error-msg, #booking-form .booking-version .error, .warning-msg, .info-msg, .success-msg, .tip-msg, .white-msg, .upsell-msg, .common-msg-small, .tip-msg-small, .grey-msg-small, .spacious, input[type=text], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number], .input-line, textarea, .container, #ambassador .ambassador-item .ambassador-text, #manage .trip-types .trip-type, #manage .trip, #manage .trip .right-section, #header-page #header-bottom, #trip-form .trip-types .trip-type, #trip-form .dropdown-list .dropdown-item, #trip-form .dropdown-list dropdown-item.info, #trip-form .dropdown-search .dropdown-item, #trip-form .dropdown-search dropdown-item.info, #trip-form .dropdown-trigger, #trip-form #buttons .button-common, #trip-form #buttons #button-find, #trip-form #buttons #button-offer, .modal-box, #user .profile-details, .social-logins .social-login, #payments .trip-types .trip-type {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box; }

a {
  color: #ff4f02; }

a.white {
  color: #fff; }

a.underlined {
  text-decoration: underline; }

.lower {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.link-white {
  color: #fff;
  text-decoration: underline; }

.link-white:hover {
  color: #dfdbdb; }

a.link-grey {
  color: #333333; }

a.link-grey:hover {
  color: #000; }

.clear {
  clear: both; }

.inline {
  display: inline; }

.row {
  clear: both;
  width: 90%;
  padding: 20px; }

.no-padding {
  padding: 0px; }

.no-padding-vertical {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.no-margin {
  margin: 0px !important; }

.no-margin-top {
  margin-top: 0px !important; }

.hidden {
  display: none; }

.container-global {
  background: #fff;
  margin: 25px 20px 20px 20px;
  border: 1px solid #e0dfdf; }

.tertiary-container-global {
  padding: 80px 20px 10px 20px; }

.with-border {
  border: 1px solid #dfdbdb; }

.picture-round, .picture-round-small, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-pic, .picture-round-medium, #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic, .picture-round-large, #welcome .profile-pic {
  border-radius: 500px;
  border: 1px solid #dfdbdb;
  background: #f1f1f1;
  background-size: contain;
  background-position: center center; }

.picture-round-small, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-pic {
  width: 40px;
  height: 40px; }

.picture-round-medium, #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic {
  width: 60px;
  height: 60px; }

.picture-round-large, #welcome .profile-pic {
  width: 100px;
  height: 100px; }

.profile-pic {
  cursor: pointer; }

.float-left {
  float: left; }

.float-right {
  float: right; }

a.float-right {
  font-size: 14px; }

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

.link-right.heading {
  margin-top: -23px; }

.no-border {
  border: none; }

.active {
  display: block; }

.inactive {
  display: none !important; }

.strong {
  font-weight: 700;
  font-size: auto; }

.semi-strong {
  font-weight: 600; }

.padding-small {
  padding: 10px; }

.padding-medium {
  padding: 20px; }

.padding-large {
  padding: 40px; }

.orange-gradient, .button.orange, #welcome .welcome-zero #no_pending_email_form .orange[type="submit"], .vehicle-form .orange[type=submit], #referrals-share #referrals-form .orange#id_submit {
  /* fallback/image non-cover color */
  background-color: #ff8534;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#ff8534, #ff5400);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8534), to(#ff5400));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#ff8534, #ff5400);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#ff8534, #ff5400); }

.blue-gradient, .button.blue, #welcome .welcome-zero #no_pending_email_form .blue[type="submit"], .vehicle-form .blue[type=submit], #referrals-share #referrals-form .blue#id_submit {
  /* fallback/image non-cover color */
  background-color: #7ccdff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#7ccdff, #5cc0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ccdff), to(#5cc0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#7ccdff, #5cc0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#7ccdff, #5cc0ff); }

.primary {
  background: #ff4f02; }

.primary:hover {
  background: #ff7430; }

.primary:active {
  background: #dd4900; }

.button.secondary, #welcome .welcome-zero #no_pending_email_form .secondary[type="submit"], .vehicle-form .secondary[type=submit], #referrals-share #referrals-form .secondary#id_submit {
  background: #0099ff; }

.button.secondary:hover, #welcome .welcome-zero #no_pending_email_form .secondary[type="submit"]:hover, .vehicle-form .secondary[type=submit]:hover, #referrals-share #referrals-form .secondary#id_submit:hover {
  background: #44b4ff; }

.button.secondary:active, #welcome .welcome-zero #no_pending_email_form .secondary[type="submit"]:active, .vehicle-form .secondary[type=submit]:active, #referrals-share #referrals-form .secondary#id_submit:active {
  background: #0077c6; }

.button.secondary.with-plus, #welcome .welcome-zero #no_pending_email_form .secondary.with-plus[type="submit"], .vehicle-form .secondary.with-plus[type=submit], #referrals-share #referrals-form .secondary.with-plus#id_submit {
  background: url("../images/icon-plus-circle-blue-h.64e5f8ece0b7.png") #0099ff no-repeat;
  background-size: 30px 30px;
  background-position: 7px 8px; }

.button.secondary.with-plus:hover, #welcome .welcome-zero #no_pending_email_form .secondary.with-plus[type="submit"]:hover, .vehicle-form .secondary.with-plus[type=submit]:hover, #referrals-share #referrals-form .secondary.with-plus#id_submit:hover {
  background: url("../images/icon-plus-circle-blue-h.64e5f8ece0b7.png") #44b4ff no-repeat;
  background-size: 30px 30px;
  background-position: 7px 8px; }

.button.secondary.with-plus:active, #welcome .welcome-zero #no_pending_email_form .secondary.with-plus[type="submit"]:active, .vehicle-form .secondary.with-plus[type=submit]:active, #referrals-share #referrals-form .secondary.with-plus#id_submit:active {
  background: url("../images/icon-plus-circle-blue-h.64e5f8ece0b7.png") #0077c6 no-repeat;
  background-size: 30px 30px;
  background-position: 7px 8px; }

.margin-right-xs {
  margin-right: 5px; }

.margin-right-s {
  margin-right: 15px; }

.button, #welcome .welcome-zero #no_pending_email_form [type="submit"], .vehicle-form [type=submit], #referrals-share #referrals-form #id_submit {
  padding: 13px 30px 13px 30px;
  font-size: 16px;
  background-color: #ff4f02;
  color: #fff;
  margin: 10px 0px 10px;
  clear: both;
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 3px; }

.button.transparent, #welcome .welcome-zero #no_pending_email_form .transparent[type="submit"], .vehicle-form .transparent[type=submit], #referrals-share #referrals-form .transparent#id_submit {
  background: none;
  color: #ff4f02;
  border: 1px solid #ff4f02; }

.button.grey.transparent, #welcome .welcome-zero #no_pending_email_form .grey.transparent[type="submit"], .vehicle-form .grey.transparent[type=submit], #referrals-share #referrals-form .grey.transparent#id_submit {
  background: none;
  color: #777777;
  border: 2px solid #777777; }

.button.transparent:hover, #welcome .welcome-zero #no_pending_email_form .transparent[type="submit"]:hover, .vehicle-form .transparent[type=submit]:hover, #referrals-share #referrals-form .transparent#id_submit:hover {
  background: none;
  color: #ff7430;
  border: 1px solid #ff7430; }

.button.transparent:active, #welcome .welcome-zero #no_pending_email_form .transparent[type="submit"]:active, .vehicle-form .transparent[type=submit]:active, #referrals-share #referrals-form .transparent#id_submit:active {
  background: none;
  color: #dd4900;
  border: 1px solid #dd4900; }

.button.grey.transparent:hover, #welcome .welcome-zero #no_pending_email_form .grey.transparent[type="submit"]:hover, .vehicle-form .grey.transparent[type=submit]:hover, #referrals-share #referrals-form .grey.transparent#id_submit:hover {
  background: none;
  color: #333333;
  border: 2px solid #333333; }

.button.grey.transparent:active, #welcome .welcome-zero #no_pending_email_form .grey.transparent[type="submit"]:active, .vehicle-form .grey.transparent[type=submit]:active, #referrals-share #referrals-form .grey.transparent#id_submit:active {
  background: none;
  color: #000;
  border: 2px solid #000; }

.button.download, #welcome .welcome-zero #no_pending_email_form .download[type="submit"], .vehicle-form .download[type=submit], #referrals-share #referrals-form .download#id_submit {
  background: url("../images/arrow-down-large-white.2bc0977b2c41.png") no-repeat left center #ff4f02;
  background-position-y: 10px;
  background-position-x: 15px;
  background-size: 30px 30px; }

.round {
  border-radius: 3px; }

.button:hover, #welcome .welcome-zero #no_pending_email_form [type="submit"]:hover, .vehicle-form [type=submit]:hover, #referrals-share #referrals-form #id_submit:hover {
  background-color: #ff7430;
  color: #fff; }

.button:active, #welcome .welcome-zero #no_pending_email_form [type="submit"]:active, .vehicle-form [type=submit]:active, #referrals-share #referrals-form #id_submit:active {
  background-color: #dd4900; }

.button.disabled, #welcome .welcome-zero #no_pending_email_form .disabled[type="submit"], .vehicle-form .disabled[type=submit], #referrals-share #referrals-form .disabled#id_submit {
  background: #777777;
  color: #fff; }

.button.full, #welcome .welcome-zero #no_pending_email_form .full[type="submit"], .vehicle-form .full[type=submit], #referrals-share #referrals-form .full#id_submit {
  width: 100%; }

.button.narrow, #welcome .welcome-zero #no_pending_email_form .narrow[type="submit"], .vehicle-form .narrow[type=submit], #referrals-share #referrals-form .narrow#id_submit {
  max-width: 200px;
  min-width: 200px; }

.button.narrowest, #welcome .welcome-zero #no_pending_email_form .narrowest[type="submit"], .vehicle-form .narrowest[type=submit], #referrals-share #referrals-form .narrowest#id_submit {
  max-width: 125px;
  min-width: 125px;
  padding: 13px 20px 13px 20px; }

.button.align-center, #welcome .welcome-zero #no_pending_email_form .align-center[type="submit"], .vehicle-form .align-center[type=submit], #referrals-share #referrals-form .align-center#id_submit {
  margin: 0 auto; }

.button.tiny, #welcome .welcome-zero #no_pending_email_form .tiny[type="submit"], .vehicle-form .tiny[type=submit], #referrals-share #referrals-form .tiny#id_submit {
  padding: 5px 15px 5px 15px;
  display: inline-block; }

.button.white, #welcome .welcome-zero #no_pending_email_form .white[type="submit"], .vehicle-form .white[type=submit], #referrals-share #referrals-form .white#id_submit {
  clear: both;
  margin-top: 20px;
  color: #777777;
  border: 1px solid #dfdfdf;
  background: none; }

.button.clicked, #welcome .welcome-zero #no_pending_email_form .clicked[type="submit"], .vehicle-form .clicked[type=submit], #referrals-share #referrals-form .clicked#id_submit, .button.greyed, #welcome .welcome-zero #no_pending_email_form .greyed[type="submit"], .vehicle-form .greyed[type=submit], #referrals-share #referrals-form .greyed#id_submit {
  background: #dfdbdb !important;
  cursor: default !important;
  color: #fff !important; }

.button-skip {
  background: none;
  border: none;
  font-size: 14px;
  color: #ff4f02;
  padding: 0px; }

.button-cancel-error {
  margin-top: 15px; }

.loading {
  clear: both;
  margin-top: 10px;
  margin-left: 0px;
  background: url("../images/ajax-loader.12d4c449a15f.gif") no-repeat left center;
  display: block;
  height: 20px;
  width: 40px; }

.loading-dot {
  background: url("../images/loading-dot.e8c994b88b4d.gif") no-repeat left center;
  height: 20px;
  width: 20px;
  background-size: contain;
  float: left;
  position: relative;
  right: 0px;
  margin-top: 2px; }

.loading-facebook {
  background: url("../images/loading-facebook.cf43f0cdc3cf.png") no-repeat;
  width: 200px;
  height: 100px; }

.loading-google {
  background: url("../images/loading-google.05f2759a60d7.png") no-repeat;
  width: 200px;
  height: 100px; }

.crossed {
  text-decoration: line-through; }

.clickable {
  cursor: pointer; }

.superscript {
  vertical-align: super;
  font-size: 12px; }

/* Tooltip */
.tooltip {
  cursor: pointer !important; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-tooltip {
  position: absolute;
  background: #0099ff;
  color: #fff;
  padding: 7px;
  font-size: 13px;
  border-radius: 3px;
  top: -5px;
  z-index: 1000; }

.input-error-simple {
  position: relative;
  font-size: 12px;
  background: none;
  padding: 0px;
  color: #ff6060;
  border-radius: 0px;
  z-index: 100; }

.input-error-box {
  position: absolute;
  font-size: 12px;
  top: -35px;
  left: 0px;
  background: #ff6060;
  padding: 5px 10px 5px 10px;
  color: #fff;
  border-radius: 5px;
  z-index: 100; }

.input-error-box:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #ff6060;
  border-width: 7px;
  margin-left: -7px; }

.input-error-box-blue, #welcome #tos-error, #trip-form .return-portion .errorlist, #trip-form .datetime-type-single .errorlist, #trip-form .datetime-type-multiple .errorlist, #trip-form #modal-compensation-input-error, #trip-form #id_compensation-error, #trip-form label.error, #trip-form .departure-date-error, #trip-form .departure-time-error {
  position: absolute;
  font-size: 12px;
  top: -35px;
  left: 0px;
  background: #0099ff;
  padding: 5px 10px 5px 10px;
  color: #fff;
  border-radius: 5px;
  z-index: 100; }

.input-error-box-blue:after, #welcome #tos-error:after, #trip-form .return-portion .errorlist:after, #trip-form .datetime-type-single .errorlist:after, #trip-form .datetime-type-multiple .errorlist:after, #trip-form #modal-compensation-input-error:after, #trip-form #id_compensation-error:after, #trip-form label.error:after, #trip-form .departure-date-error:after, #trip-form .departure-time-error:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #0099ff;
  border-width: 7px;
  margin-left: -7px; }

.input-error-box-orange, #add-trip-request label.error {
  position: absolute;
  font-size: 12px;
  top: -35px;
  left: 0px;
  background: #ff4f02;
  padding: 5px 10px 5px 10px;
  color: #fff;
  border-radius: 5px;
  z-index: 100; }

.input-error-box-orange:after, #add-trip-request label.error:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #ff4f02;
  border-width: 7px;
  margin-left: -7px; }

.video-container {
  position: relative;
  padding-bottom: 52.65%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Text sizes */
.text-xsmall {
  font-size: 12px; }

.text-small, textarea {
  font-size: 14px; }

.text-medium, #payments .payment-box .payment-text, #payments .payment-box .payment-amount {
  font-size: 14px;
  line-height: 22px; }

.text-slarge {
  font-size: 16px; }

.text-large {
  font-size: 18px; }

.text-xlarge {
  font-size: 22px; }

.text-xxlarge {
  font-size: 42px; }

.indented {
  padding-left: 20px;
  border-left: 2px solid #777777; }

/* Dividers & spacers*/
.divider {
  height: 1px;
  width: 100%;
  background: #777777;
  margin: 10px 0px 10px; }

.divider.white {
  background: #fff; }

.divider.light {
  background: #dfdbdb; }

.divider.thick {
  height: 3px;
  background: #333333; }

.divider.thick.light {
  height: 3px;
  background: #dfdbdb; }

.xxs-spacer {
  height: 5px;
  clear: both; }

.xs-spacer {
  height: 10px;
  clear: both; }

.s-spacer {
  height: 20px;
  clear: both; }

.m-spacer {
  height: 40px;
  clear: both; }

.sl-spacer {
  height: 50px;
  clear: both; }

.l-spacer {
  height: 60px;
  clear: both; }

.xl-spacer {
  height: 200px;
  clear: both; }

/* Alignment */
.align-right {
  text-align: right; }

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

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

.align-block-center {
  margin-left: auto;
  margin-right: auto; }

.card-shadow, .info-msg, .success-msg, .tip-msg, .tip-msg-small, .white-msg, #manage .trip, #dashboard #dashboard-recent-trips .container .recent-trip-item, #dashboard-welcome #dashboard-welcome-contents, #dashboard-boxes .dashboard-box, #trip-choose-type .col, #user .user-right .user-stats.top, #user .user-right .tabs-container, #user .user-right .tabs-container .tab-container-item, #trip-list .trip, #trip-list .trip-request, .trip-item, .trip-item-mobile, .trip-request-item, .request-add, .request-add:hover, .request-add:active, .request-exists, #impact-page .page-grey .box, #payments .payment-item, #payments_history-page .ui-tooltip, #payouts_future-page .ui-tooltip, #payouts #payouts-listing .payout-listing, #payout-settings .payout-method, #payout-settings .payout-method .schedule-box, #payouts-choice .box, #event_view-page #event-actions .event-action, #event_list-page #events-container .event-item, #event_history_list-page #events-container .event-item, #referrals-share .container, .referral-item {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); }

.card-shadow-hover, #trip-choose-type .col:hover, #trip-list .trip.large:hover, #trip-list .trip:hover, #trip-list .trip-request:hover, .trip-item:hover, .trip-item-mobile:hover, .trip-request-item:hover, .request-exists:hover, #payout-settings .payout-method .schedule-box:hover, #event_view-page #event-actions .event-action:hover, #event_list-page #events-container .event-item:hover, #event_history_list-page #events-container .event-item:hover {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); }

.card-shadow-active, #trip-choose-type .col:active, #trip-list .trip.large:active, #trip-list .trip:active, #trip-list trip-request:active, #trip-list .trip-request:active, .request-exists:active, #event_view-page #event-actions .event-action:active, #event_list-page #events-container .event-item:active, #event_history_list-page #events-container .event-item:active {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); }

/* Error messages */
.common-msg, .error-msg, #booking-form .booking-version .error, .warning-msg, .info-msg, .success-msg, .tip-msg, .white-msg, .upsell-msg {
  padding: 10px;
  width: auto;
  margin: 10px 0px 10px;
  border-radius: 3px;
  color: #333333;
  font-size: 14px; }

.common-msg-small, .tip-msg-small, .grey-msg-small {
  padding: 5px 10px 5px 10px;
  width: auto;
  margin: 5px 0px 5px;
  border-radius: 5px;
  color: #333333;
  font-size: 12px; }

.spacious {
  padding: 20px; }

#ie-warning {
  display: none;
  background: #ffcccc;
  border-bottom: 1px solid #ff0000; }
  #ie-warning .container {
    padding: 15px 10px 15px 10px; }
    #ie-warning .container a {
      color: #333333;
      text-decoration: underline; }

.error-msg, #booking-form .booking-version .error, .warning-msg {
  border: 1px solid #ff0000;
  background: #ffcccc; }

.info-msg {
  background: #fbffcb; }

.success-msg {
  background: #e9ffe4; }

.tip-msg {
  background: #e5f7ff; }

.tip-msg-small {
  background: #e5f7ff; }

.white-msg {
  border: 1px solid #ccc;
  background: #fff; }

.white-msg.no-border {
  border: none; }

.grey-msg-small {
  background: #eaeaea; }

.upsell-msg {
  border: 1px solid #0076a3;
  background: url("../images/icon-cashless.9fb3f3ecaa15.png") no-repeat #e5f7ff;
  background-size: 20px 20px;
  background-position: 10px 12px;
  padding-left: 35px; }

#system-msg {
  width: 100%;
  height: auto; }
  #system-msg .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0px 20px 0px 20px; }
  #system-msg .error-msg, #system-msg #booking-form .booking-version .error, #booking-form .booking-version #system-msg .error, #system-msg .info-msg, #system-msg .success-msg, #system-msg .tip-msg, #system-msg .warning-msg {
    margin: 0px;
    padding: 10px 0px 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
  #system-msg .success-msg {
    border-bottom: 1px solid #aeff9b; }
  #system-msg .error-msg, #system-msg #booking-form .booking-version .error, #booking-form .booking-version #system-msg .error, #system-msg .warning-msg {
    border-bottom: 1px solid #ff9d9d; }
  #system-msg .tip-msg {
    border-bottom: 1px solid #fff390; }

.info-circle {
  text-align: center;
  border-radius: 20px;
  height: 18px;
  width: 18px;
  cursor: default;
  margin-top: 2px;
  font-weight: 500;
  background: #666;
  color: #fff;
  line-height: 18px;
  font-size: 13px; }

.info-circle.red {
  background: #ff0000;
  border: none;
  color: #fff !important;
  font-weight: 400;
  border-radius: 22px;
  height: 22px;
  width: 22px;
  line-height: 22px; }

.info-circle.space-left {
  margin-left: 10px; }

/* Page specific message hiding (framework limitation) */
#index-page #system-msg {
  display: none; }

#welcome_step0-page .success-msg {
  display: none; }

#welcome_step1-page .success-msg, #welcome_step1-page .info-msg {
  display: none; }

.triangle-right {
  position: relative;
  padding: 20px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.triangle-right:after {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 50px;
  border-width: 20px 20px 0 20px;
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

.triangle-border {
  position: relative;
  padding: 20px;
  margin: 1em 0 2em;
  border: 1px solid #dfdbdb;
  color: #333;
  background: #fff;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  right: 50px;
  /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #dfdbdb transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

/* creates the smaller  triangle */
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -18px;
  right: 50px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

.arrow-down:after, .arrow-down:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow-down {
  position: relative; }

.arrow-down:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
  margin-top: -30px; }

.arrow-down:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #777777;
  border-width: 12px;
  margin-left: -12px;
  margin-top: -30px; }

/* modal */
#modal {
  display: none;
  position: fixed;
  margin: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  #modal #modal-background {
    position: fixed;
    margin: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    cursor: pointer; }
  #modal #modal-box {
    position: relative;
    background: #fff;
    width: 400px;
    height: 400px;
    margin: 10% auto;
    padding: 30px; }
  #modal .modal-close {
    background: url("../images/icon-close.d75f0875d4f6.png") no-repeat center center #dfdfdf;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -15px; }

/* Speech bubbles etc */
.speech-bubble, .message .message-box {
  position: relative;
  padding: 25px;
  margin: 1em 0 3em;
  color: #333;
  background: #dff1ff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.speech-bubble:after, .message .message-box:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50px;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #dff1ff transparent;
  display: block;
  width: 0; }

.message-bubble {
  position: relative;
  padding: 15px;
  margin: 1em 0 1em;
  border: 1px solid #999;
  color: #333;
  background: #fff;
  /* css3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.message-bubble-common, .l.message-bubble:before, .l.message-bubble:after, .r.message-bubble:before, .r.message-bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

.l.message-bubble:before {
  bottom: -15px;
  /* value = - border-top-width - border-bottom-width */
  left: 46px;
  /* controls horizontal position */
  border-width: 15px 15px 0;
  border-color: #999 transparent; }

/* creates the smaller  triangle */
.l.message-bubble:after {
  bottom: -14px;
  /* value = - border-top-width - border-bottom-width */
  left: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 14px 14px 0;
  border-color: #fff transparent; }

.r.message-bubble:before {
  bottom: -15px;
  /* value = - border-top-width - border-bottom-width */
  right: 46px;
  /* controls horizontal position */
  border-width: 15px 15px 0;
  border-color: #ccc transparent; }

/* creates the smaller  triangle */
.r.message-bubble:after {
  bottom: -14px;
  /* value = - border-top-width - border-bottom-width */
  right: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 14px 14px 0;
  border-color: #fff transparent; }

/* New bubbles */
.bubble-right {
  position: relative;
  width: 70%;
  padding: 15px;
  background: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #dfdbdb solid 1px; }

.bubble-right:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  right: -10px;
  top: 15px; }

.bubble-right:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent #dfdbdb;
  display: block;
  width: 0;
  z-index: 0;
  right: -11px;
  top: 15px; }

.bubble-left {
  position: relative;
  width: 70%;
  padding: 15px;
  background: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #dfdbdb solid 1px; }

.bubble-left:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -10px;
  top: 15px; }

.bubble-left:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #dfdbdb;
  display: block;
  width: 0;
  z-index: 0;
  left: -11px;
  top: 15px; }

.bubble-left-thick {
  position: relative;
  padding: 10px;
  background: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #dfdbdb solid 2px; }

.bubble-left-thick:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -9px;
  top: 12px; }

.bubble-left-thick:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #dfdbdb;
  display: block;
  width: 0;
  z-index: 0;
  left: -12px;
  top: 12px; }

/* Images */
.image-round-common, .image-round-small, .message .profile-pic, .image-round-large {
  border-radius: 300px;
  display: block;
  border: 1px solid #dfdbdb;
  display: block;
  background-size: contain;
  background-position: center center; }

.image-round-small, .message .profile-pic {
  width: 60px;
  height: 60px; }

.image-round-large {
  width: 150px;
  height: 150px; }

/* Booking statuses */
.booking-status-small, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .booking-status {
  width: 15px;
  height: 15px;
  top: -2px;
  left: -2px;
  position: relative;
  border-radius: 100px;
  font-size: 10px;
  color: #fff;
  text-align: center; }

.booking-status-medium {
  width: 20px;
  height: 20px;
  border-radius: 20px; }

.booking-status-large, .request-item .booking-status, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture .booking-status, #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic .booking-status, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .booking-status, #trip #trip-bookings .booking-status-top .booking-status, #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 24px; }

.booking-status.pending {
  background: #78d2ff;
  font-size: 10px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff; }

.booking-status.small {
  width: 20px !important;
  height: 20px !important; }

/* Legacy booking status - Notifications need to be tweaked so leaving this in for now... */
.booking-status.approved {
  background: url("../images/icon-tick-white.61a642f04cb9.png") no-repeat #78d2ff;
  background-size: contain; }

.booking-status.payment {
  background: #0099ff; }

.booking-status.accepted {
  background: url("../images/icon-tick-white.61a642f04cb9.png") no-repeat #009a4b;
  background-size: contain; }

.booking-status.confirmed {
  background: #009a4b; }

.booking-status.denied {
  background: url("../images/icon-cross-white.bc3725197aae.png") no-repeat #ff6060;
  background-size: contain; }

/* New booking status icon */
.booking-status-pending-confirmation {
  background: url("../images/icon-booking-status-cash.ec156c18d154.png") no-repeat #0099ff;
  background-size: contain; }

.booking-status-pending-payment {
  background: url("../images/icon-booking-status-online-payment.41493066dc4a.png") no-repeat #0099ff;
  background-size: contain; }

.booking-status-paid {
  background: url("../images/icon-tick-white.61a642f04cb9.png") no-repeat #009a4b;
  background-size: contain; }

.booking-status-cash {
  background: url("../images/icon-booking-status-cash.ec156c18d154.png") no-repeat #009a4b center center;
  background-size: contain; }

.booking-status-declined {
  background: url("../images/icon-cross-white.bc3725197aae.png") no-repeat #ff6060;
  background-size: contain; }

.booking-status-pending-decision {
  background: url("../images/icon-booking-status-pending.6bba943b7af7.png") no-repeat #0099ff;
  background-size: contain; }

.booking-status-question {
  background: url("../images/icon-booking-status-question.8566ffa5088d.png") no-repeat #777777 center center;
  background-size: contain; }

/* Feedback icons */
.feedback-state-0 {
  background: url("../images/icon-on-time.fe255aa193d7.png") no-repeat left center;
  background-size: contain; }

.feedback-state-1 {
  background: url("../images/icon-late.9d896344e35d.png") no-repeat left center;
  background-size: contain; }

.feedback-state-2 {
  background: url("../images/icon-bailed.7376364f45e8.png") no-repeat left center;
  background-size: contain; }

.feedback-state-3 {
  background: url("../images/icon-no-show.39a495427f54.png") no-repeat left center;
  background-size: contain; }

/* Icons */
.icon-verified {
  background: url("../images/icon-verified.804ca7ec886b.png") no-repeat; }

.icon-ambassador, #trip-list .badges .ambassador {
  background: url("../images/icon-member-ambassador.dfa17b40d1ca.png") no-repeat; }

.icon-cashless {
  background: url("../images/icon-cashless.9fb3f3ecaa15.png") no-repeat; }

.icon-member, #trip-list .badges .member.annual {
  background: url("../images/icon-member.ef0e67fd4752.png") no-repeat; }

.icon-member-basic, #trip-list .badges .member.basic {
  background: url("../images/icon-member-basic.9359ffd2d0b3.png") no-repeat; }

.icon-reserved-seat {
  background: url("../images/icon-reserved-seat.0d82759746b6.png") no-repeat; }

.icon-no-cash {
  background: url("../images/icon-no-cash.a811344c52a6.png") no-repeat; }

.icon-refund {
  background: url("../images/icon-refund.f528045c5525.png") no-repeat; }

.icon-paypal {
  background: url("../images/icon-paypal.49bc353bb13a.png") no-repeat; }

/* Seats for trip listings */
.seat-common, #requests .request .seat {
  float: left;
  color: #fff;
  text-align: center;
  width: 40px;
  height: 50px;
  margin-right: 10px; }
  .seat-common .top, #requests .request .seat .top {
    font-size: 11px;
    height: 6px; }
  .seat-common .middle, #requests .request .seat .middle {
    font-size: 25px;
    height: 27px;
    font-weight: 700; }
  .seat-common .middle.full, #requests .request .seat .middle.full {
    font-size: 16px;
    margin-top: 13px; }
  .seat-common .bottom, #requests .request .seat .bottom {
    font-size: 11px;
    height: 10px; }

/* 
// Note: Hiding this to support IE
#fb-root{
    display: none;
}
*/
/* Date picker */
.datepicker-inline {
  position: absolute;
  background: #fff;
  margin-top: 0px;
  border: 1px solid #ccc;
  z-index: 10000;
  padding: 20px;
  font-size: 14px !important; }
  .datepicker-inline .active.day {
    width: auto; }

.datepicker-inline {
  display: none; }

.datepicker-inline.active {
  display: block; }

.ui-timepicker-wrapper {
  height: 250px !important; }

/* Sub-menu  */
.sub-nav-toggler {
  color: #777777; }
  .sub-nav-toggler .sub-nav-toggler-icon {
    margin-right: 10px; }
    .sub-nav-toggler .sub-nav-toggler-icon .line {
      height: 2px;
      margin: 4px 0px 4px;
      width: 20px;
      background: #777777; }
  .sub-nav-toggler .sub-nav-toggler-text {
    line-height: 20px; }

.sub-nav-toggling {
  display: none; }

.sub-nav-toggling.active {
  display: block; }

.sub-nav-button {
  color: #777777;
  border: 1px solid #dfdbdb;
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
  cursor: pointer; }

.sub-nav-button:hover, .sub-nav-button:active {
  border: 1px solid #333333;
  color: #333333; }

.clear-cross-circle {
  background: #ccc;
  color: #fff;
  border-radius: 100px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  cursor: pointer; }

pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  font-family: Open Sans, Sans-serif; }

/* Show / Hide on different devices */
@media (min-width: 320px) and (max-width: 480px) {
  .hide-on-iphone {
    display: none; } }

@media (min-width: 320px) and (max-width: 480px) {
  .show-on-iphone {
    display: block; } }
@media (max-width: 767px) {
  .show-on-iphone {
    display: none; } }
@media (min-width: 769px) {
  .show-on-iphone {
    display: none; } }

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none; } }

@media (max-width: 767px) {
  .show-on-mobile {
    display: block; } }
@media (min-width: 769px) {
  .show-on-mobile {
    display: none; } }

@media (min-width: 0px) and (max-width: 1023px) {
  .hide-on-tablet-and-mobile {
    display: none; } }

@media (min-width: 0px) and (max-width: 1023px) {
  .show-on-tablet-and-mobile {
    display: block; } }
@media (min-width: 1024px) {
  .show-on-tablet-and-mobile {
    display: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-on-tablet {
    display: none; } }

@media (max-width: 767px) {
  .show-on-tablet {
    display: none; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .show-on-tablet {
    display: block; } }
@media (min-width: 1024px) {
  .show-on-tablet {
    display: none; } }

@media (min-width: 769px) {
  .hide-on-desktop-and-tablet {
    display: none; } }

@media (min-width: 769px) {
  .show-on-desktop-and-tablet {
    display: block; } }
@media (max-width: 767px) {
  .show-on-desktop-and-tablet {
    display: none; } }

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none; } }

@media (min-width: 1024px) {
  .show-on-desktop {
    display: block !important; } }
@media (min-width: 0px) and (max-width: 1023px) {
  .show-on-desktop {
    display: none; } }

/* Toggle certain elements if the user is accessing a web view from an app */
.hide-in-app {
  display: none !important; }

.show-in-app {
  display: none !important; }

.hide-from-app {
  display: none !important; }

.show-from-app {
  display: block !important; }

/* Common attributes for all forms */
INPUT[type="text"]:focus,
INPUT[type="number"]:focus,
INPUT[type="email"]:focus,
INPUT[type="search"]:focus,
INPUT[type="password"]:focus,
INPUT[type="range"]:focus,
INPUT[type="textarea"]:focus {
  outline: none;
  -webkit-appearance: none; }

input[type=text], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number] {
  padding: 16px;
  background: #fff;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border: 1px solid #ccc;
  color: #444;
  font-size: 14px;
  font-family: Open Sans, sans-serif;
  font-weight: 100; }

input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=time]:hover, input[type=email]:hover, input[type=number]:hover,
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus, input[type=email]:focus, input[type=number]:focus {
  border: 1px solid #ccc; }

button[type=submit], input[type=submit], input[type=button] {
  font-family: Open Sans, sans-serif;
  -webkit-appearance: none; }

.trip-search ::-webkit-input-placeholder {
  color: #444; }
.trip-search :-moz-placeholder {
  /* Firefox 18- */
  color: #444; }
.trip-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #444; }
.trip-search :-ms-input-placeholder {
  color: #444; }

input[type=number] {
  -moz-appearance: textfield; }

.input-line {
  padding: 15px;
  background: #fff;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-bottom: 1px solid #777777;
  border-top: none;
  border-left: none;
  border-right: none; }

.input.short {
  width: 45%; }

.input.tiny {
  width: 80px; }

.input-phone {
  max-width: 200px; }

.input-code {
  max-width: 100px; }

textarea {
  font-family: Open Sans, sans-serif;
  width: 100%;
  border: 1px solid #ccc;
  padding: 15px;
  font-size: 14px; }

textarea.error {
  color: #333333; }

textarea, input {
  outline: none; }

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
  display: none; }

.errorlist {
  list-style: none;
  margin: 0px;
  padding: 0px;
  color: #ff0000;
  font-size: 14px; }

.invalid {
  border: 1px solid #ff0000 !important; }

.checker-trigger {
  cursor: pointer; }

.checker, .checker-common {
  float: left;
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
  margin-right: 10px;
  cursor: pointer;
  background: #fff; }

.checker.active {
  background: url("../images/icon-tick.e74f8fbf5bf0.png") no-repeat center center #fff;
  background-size: 20px 20px; }

/* File upload */
.fileUpload {
  position: relative;
  overflow: hidden; }

.fileUpload input#id_profile_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 20px;
  width: 100%; }

.button-upload-pic {
  background: #dfdbdb;
  padding: 10px 20px;
  display: inline-block;
  border: 1px solid #777777;
  color: #333333;
  border-radius: 3px; }

.button-upload-pic:hover {
  color: #000;
  border: 1px solid #000; }

.button-upload-pic:active {
  background: #777777;
  padding: 10px 20px;
  display: inline-block; }

#upload_file {
  margin-top: 10px; }

#id_profile_image-error {
  margin-left: 10px; }

/* Registration Form */
#registration-form #id_tos {
  display: none; }

.bailout-info {
  background: url("../images/icon-benefit-bail.91219899c0c8.png") no-repeat left top;
  background-size: 50px 50px;
  padding-left: 70px; }

.bailout-info.border {
  border: 1px solid #dfdbdb;
  border-radius: 3px;
  padding: 10px 10px 10px 70px;
  background-position: 10px 10px; }

#tripofferform .datetime-type-single .form-row.date-only, #tripofferform .return-portion .form-row.date-only, #tripeditform .datetime-type-single .form-row.date-only, #tripeditform .return-portion .form-row.date-only {
  width: 50%;
  float: left; }
#tripofferform .datetime-type-single .time-only, #tripofferform .return-portion .time-only, #tripeditform .datetime-type-single .time-only, #tripeditform .return-portion .time-only {
  width: 25%;
  float: left; }
#tripofferform .date-time-at, #tripeditform .date-time-at {
  width: 10%;
  float: left;
  text-align: center;
  padding-top: 20px; }
#tripofferform .return-remove, #tripeditform .return-remove {
  float: left;
  width: 5%;
  height: 20px;
  background: url("../images/icon-cross-grey.591e3dcde35b.png") no-repeat center center;
  background-size: 20px 20px;
  margin: 20px 0px 0px -10px; }
  @media (max-width: 767px) {
    #tripofferform .return-remove, #tripeditform .return-remove {
      float: right; } }

.date-time input, .date-only input {
  cursor: pointer;
  background: url("../images/icon-calendar-grey.bc0bd6d23ce7.png") no-repeat #fff center left;
  background-size: 17px;
  padding-left: 35px !important;
  background-position: 10px; }

#id_departure_datetime, #id_departure_date, #id_departing {
  border: none;
  padding: 10px 15px 10px 15px;
  cursor: pointer; }

#id_departure_date {
  cursor: pointer;
  background: url("../images/icon-calendar-grey.bc0bd6d23ce7.png") no-repeat #fff center right;
  background-size: 17px;
  padding-left: 35px !important;
  background-position: 10px;
  pointer-events: none;
  box-sizing: border-box; }

#id_return_date {
  pointer-events: none; }

#id_departure_time {
  border: none;
  padding-bottom: 13px;
  font-size: 14px; }

.date-only {
  cursor: pointer; }

.datepicker {
  display: none; }

.datepicker.active {
  display: block; }

/* Seat selector */
.seat-selector {
  position: relative; }
  .seat-selector .seat-selector-trigger {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 20px;
    width: 28px;
    background: url("../images/arrow-down.7db3ab8436bf.png") no-repeat right center #fff;
    background-position: 26px 16px;
    padding: 6px 8px 8px 8px;
    cursor: pointer; }
  .seat-selector .seat-selector-dropdown {
    display: none;
    width: 44px;
    text-align: center;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff; }
    .seat-selector .seat-selector-dropdown .seat-select {
      padding: 8px;
      background: #fff;
      text-align: center; }
    .seat-selector .seat-selector-dropdown .seat-select:hover, .seat-selector .seat-selector-dropdown .seat-select:active {
      background: #dfdbdb;
      cursor: pointer; }
    .seat-selector .seat-selector-dropdown .seat-select.active {
      background: #333;
      color: #fff;
      cursor: pointer; }
  .seat-selector .seat-selector-dropdown.active {
    display: block; }

/* Form home */
#trip-home .form-row.origin {
  margin-bottom: 15px; }
#trip-home .form-row.destination {
  margin-bottom: 10px; }
#trip-home .form-row.date-time {
  margin-bottom: 10px; }

/* Messages */
.message .form-row.message-content textarea {
  color: #333; }
.message .profile-name {
  margin-top: 18px;
  font-size: 13px; }
  .message .profile-name a {
    font-size: 13px; }
.message .author {
  width: auto;
  margin-bottom: 5px; }
.message .date {
  font-size: 13px; }
.message .feedback-state {
  height: 30px;
  width: 30px;
  display: block;
  margin-left: 10px;
  margin-top: 13px; }
.message .author.onleft {
  float: left;
  margin-left: 35px;
  margin-top: -5px; }
  .message .author.onleft .profile-pic {
    float: left; }
  .message .author.onleft .profile-name {
    float: left;
    margin-left: 10px; }
  .message .author.onleft .feedback-state {
    float: left; }
.message .author.onright {
  float: right;
  text-align: right;
  margin-right: 28px; }
  .message .author.onright .profile-pic {
    float: right; }
  .message .author.onright .profile-name {
    float: right;
    margin-left: 10px; }
  .message .author.onright .feedback-state {
    float: right;
    margin-right: 10px; }
.message textarea {
  max-height: 100px; }
.message .loading {
  margin: 5px 0px 0px 0px; }
.message .message-bubble .message-content {
  border: none;
  padding: 0px; }

.form-home #button-find .find-icon {
  background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left; }
.form-home #button-find:hover .find-icon {
  background: url("../images/icon-search-black.49370d91a59a.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left; }
.form-home #button-offer .offer-icon {
  background: url("../images/icon-add.a75a0a4a8c67.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left; }
.form-home #button-offer:hover .offer-icon {
  background: url("../images/icon-add-black.803de13a4c5e.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left; }

/* Hitch form */
#hitch-form #id_content, #feedback-form #id_content {
  border: 1px solid #ccc;
  padding: 15px;
  font-size: 14px; }

#hitch-form .seats-label {
  margin: 0px 0px 5px;
  font-weight: 700; }
#hitch-form #seats .seat {
  cursor: pointer;
  padding: 15px 20px 15px 20px;
  border: 1px solid #777777;
  float: left;
  margin: 10px 10px 10px 0px; }
#hitch-form #seats .seat.active {
  background: #333333;
  color: #fff; }
#hitch-form .price {
  width: 55px;
  margin-left: 5px;
  text-align: center; }

/* Booking form */
.booking-form .booking-send-button {
  padding: 18px 40px 18px 40px;
  background: #ff4f02;
  border-radius: 3px;
  color: #fff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600; }
.booking-form .booking-send-button:active {
  background: #ff7430; }
.booking-form .booking-send-button.greyed {
  color: #fff !important;
  background: #dfdbdb; }
.booking-form #id_use_existing_card, .booking-form #id_seats {
  display: none; }
.booking-form #id_content, .booking-form #id_message {
  max-height: 160px; }
.booking-form .has-error input {
  border: 1px solid #ff0000 !important; }

.trip-booking-form-trigger {
  border-radius: 3px;
  background: #ff4f02;
  padding: 15px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  font-weight: 500; }

.trip-booking-form-trigger:hover {
  background: #ff7430; }

.trip-booking-form-trigger:active {
  background: #dd4900; }

.message-send-button {
  margin-top: 15px;
  cursor: pointer;
  border-radius: 3px;
  border: 2px solid #777777;
  color: #777777;
  text-align: center;
  padding: 10px 20px 10px 20px;
  background: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px; }

.message-send-button:hover {
  border: 2px solid #333333;
  color: #333333; }

.message-send-button.clicked {
  opacity: .2; }

/* Booking form */
#booking-form .page-left {
  width: 45%; }
#booking-form .page-right {
  width: 50%; }
#booking-form .label {
  color: #565a5c;
  font-weight: 700; }
#booking-form .trigger-payment-container {
  text-decoration: underline; }
#booking-form .promo-container {
  display: none; }
#booking-form .promo-container.active {
  display: block; }
#booking-form .owned-code, #booking-form .codes-more-cta {
  background: rgba(255, 255, 255, 0.6);
  padding: 3px 6px 3px 6px;
  border-radius: 3px;
  margin: 3px 3px 0px 0px;
  float: left; }
#booking-form .codes-more {
  display: none; }
#booking-form .codes-more.active {
  display: block; }
#booking-form .cc-brand {
  background: url("../images/icon-credit-cards.a3aee41d90f4.png") no-repeat right center;
  background-size: contain;
  width: 110px;
  height: 20px; }
#booking-form .cc-brand.visa {
  background: url("../images/icon-visa.3ddc4a4d25c9.png") no-repeat;
  background-size: contain;
  width: 35px;
  height: 20px; }
#booking-form .cc-brand.mastercard {
  background: url("../images/icon-mastercard.6f6cdc29ee2e.png") no-repeat;
  background-size: contain;
  width: 35px;
  height: 20px; }
#booking-form .cc-brand.amex {
  background: url("../images/icon-amex.c49a4247984b.png") no-repeat;
  background-size: contain;
  width: 35px;
  height: 20px; }
#booking-form .seats-required-label {
  margin: 10px 20px 0px 0px; }
#booking-form .seat-selector {
  margin-right: 10px; }
#booking-form .seat-wording {
  margin-top: 5px; }
#booking-form .seat-plural {
  display: none; }
#booking-form .trip-calculator {
  border-radius: 5px;
  padding: 10px;
  color: #565a5c;
  background: #e3f1ff;
  border-radius: 3px;
  border: 1px solid #d2e9ff;
  font-size: 14px;
  margin-top: 20px; }
@media (min-width: 769px) {
  #booking-form .trip-calculator-left {
    width: 70%; } }
@media (min-width: 769px) {
  #booking-form .trip-calculator-left #id_code {
    max-width: 200px; } }
@media (min-width: 769px) {
  #booking-form .trip-calculator-right {
    width: 30%; } }
#booking-form .float-left.wide {
  width: 70%; }
#booking-form .payment-info {
  color: #565a5c;
  padding-top: 16px; }
#booking-form .payment-container {
  display: none; }
  #booking-form .payment-container .col-left {
    width: 60%;
    float: left; }
  #booking-form .payment-container .col-right {
    float: right;
    width: 30%; }
#booking-form .payment-container.active {
  display: block; }
#booking-form .input {
  padding: 15px;
  border: 1px solid #ccc;
  background: #fff;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box; }
#booking-form .input.error {
  color: #333333; }
#booking-form textarea#id_content.error {
  color: #333333; }
#booking-form .booking-version {
  display: flex;
  width: 100%; }
  #booking-form .booking-version .error {
    margin-bottom: 0px;
    width: 100%; }

/* Booking Update State */
.booking-update-form {
  display: none; }

/* Payment form */
.modal-trip-booking .booking-price {
  display: none; }
.modal-trip-booking .booking-seats.inactive {
  display: none; }
.modal-trip-booking #payment-form #id_amount {
  display: none; }

/* Ambassador Form */
#ambassador-form textarea {
  max-height: 100px; }
#ambassador-form #id_tos {
  display: none; }

/* Phone verification form */
#form-code {
  display: none; }

#send-phone-verification-form #send-button {
  margin-top: 0px; }

#send-code-form #send-code-button {
  margin-top: 0px; }
#send-code-form #id_code {
  margin-top: 0px; }
  @media (min-width: 1024px) {
    #send-code-form #id_code {
      width: 196px; } }

.country-list .divider {
  margin: 0px 0px 5px 0px;
  padding-bottom: 0px !important; }

/* Contact form */
#send-button {
  font-family: Open Sans, sans-serif; }

/* Generic gender UI */
.gender-selectors {
  width: 280px;
  margin: 0 auto; }
  .gender-selectors .gender-selector {
    float: left; }
  .gender-selectors .gender-label {
    text-align: center;
    margin-top: 10px;
    font-weight: 600; }
  .gender-selectors .gender-icon {
    width: 71px;
    height: 71px;
    display: block;
    border: 3px solid #dfdbdb;
    border-radius: 100px; }
  .gender-selectors .gender-selector-male {
    margin-left: -5px; }
    .gender-selectors .gender-selector-male .gender-icon {
      background: url("../images/icon-male.5129cb1977d3.png") no-repeat;
      background-size: contain; }
    .gender-selectors .gender-selector-male .gender-icon.active {
      border-radius: 100px;
      border: 3px solid #3fa9f5; }
    .gender-selectors .gender-selector-male .gender-label {
      color: #3fa9f5; }
  .gender-selectors .gender-selector-female {
    margin-left: 25px; }
    .gender-selectors .gender-selector-female .gender-icon {
      background: url("../images/icon-female.7b421cce01e4.png") no-repeat;
      background-size: contain; }
    .gender-selectors .gender-selector-female .gender-icon.active {
      border-radius: 100px;
      border: 3px solid #ff7bac; }
    .gender-selectors .gender-selector-female .gender-label {
      color: #ff7bac; }
  .gender-selectors .gender-selector-other {
    margin-left: 25px; }
    .gender-selectors .gender-selector-other .gender-icon {
      background: url("../images/icon-other.b149a2575d69.png") no-repeat;
      background-size: contain; }
    .gender-selectors .gender-selector-other .gender-icon.active {
      border-radius: 100px;
      border: 3px solid #f4ba00; }
    .gender-selectors .gender-selector-other .gender-label {
      color: #f4ba00; }

#id_gender {
  border: none;
  color: #fff;
  height: 1px;
  width: 1px;
  padding: 0px; }

/* Generic birthday UI */
.birthday-box {
  max-width: 300px;
  margin: 0 auto; }

.birthday-selectors fieldset {
  margin: 0px;
  border: none;
  padding: 0px; }
.birthday-selectors select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0px;
  background: none;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #666;
  background: #fff;
  width: 100%;
  padding: 15px;
  border: 1px solid #ccc;
  float: left;
  box-sizing: border-box;
  cursor: pointer; }
.birthday-selectors .birth-month {
  width: 45%;
  margin-right: 5%; }
.birthday-selectors .birth-day {
  width: 20%;
  margin-right: 5%; }
.birthday-selectors .birth-year {
  width: 25%; }

#id_birthday {
  border: none;
  color: #fff;
  height: 1px;
  width: 1px;
  padding: 0px; }

/* User type selection */
.user-type-selection {
  margin: 0 auto;
  width: 210px; }
  .user-type-selection .user-type-label {
    font-size: 16px;
    float: left;
    color: #777777;
    margin: 7px 0px 0px 20px; }
  .user-type-selection .user-type-trigger {
    float: left;
    width: 60px;
    height: 34px;
    background: #dfdbdb;
    border-radius: 34px;
    padding: 2px;
    box-sizing: border-box;
    position: relative; }
    .user-type-selection .user-type-trigger .circle {
      height: 30px;
      width: 30px;
      border-radius: 37px;
      background: #fff; }
  .user-type-selection .user-type-trigger.on {
    background: #009a4b; }
    .user-type-selection .user-type-trigger.on .circle {
      position: absolute;
      right: 2px;
      top: 2px; }
  .user-type-selection .notification-error {
    clear: both; }
  .user-type-selection .user-type-driver {
    float: left;
    margin-right: 10px; }
    .user-type-selection .user-type-driver .user-type-icon {
      background: url("../images/icon-driver.9d64cdc30d3c.png") no-repeat center center;
      height: 100px;
      width: 100px;
      border-radius: 50px;
      border: 2px solid #dfdbdb;
      background-size: contain; }
    .user-type-selection .user-type-driver .user-type-icon.active {
      border: 2px solid #0099ff; }
    .user-type-selection .user-type-driver .user-type-label {
      color: #0099ff; }
  .user-type-selection .user-type-hitcher {
    float: left;
    margin-left: 10px; }
    .user-type-selection .user-type-hitcher .user-type-icon {
      background: url("../images/icon-hitcher.791e87d2ed36.png") no-repeat center center;
      height: 100px;
      width: 100px;
      border-radius: 50px;
      border: 2px solid #dfdbdb;
      background-size: contain; }
    .user-type-selection .user-type-hitcher .user-type-icon.active {
      border: 2px solid #ff4f02; }
    .user-type-selection .user-type-hitcher .user-type-label {
      color: #ff4f02; }

/* Hiding form elements */
#id_driver {
  position: absolute;
  z-index: -1;
  background: #fff;
  color: #fff;
  border: none;
  height: 1px;
  width: 1px; }

/* Seat Matrix */
.seat-matrix {
  border: 2px solid #dfdbdb;
  border-radius: 5px; }
  .seat-matrix .destinations-container {
    float: left;
    width: 34.75%;
    padding: 10px;
    box-sizing: border-box; }
    .seat-matrix .destinations-container .segment {
      height: 130px; }
      .seat-matrix .destinations-container .segment .segment-arrow {
        height: 70px;
        padding: 10px 0px 10px 15px;
        background: url("../images/arrow-segment.b2cad3808a4c.png") no-repeat left center;
        line-height: 62px; }
        @media (max-width: 767px) {
          .seat-matrix .destinations-container .segment .segment-arrow {
            height: 50px;
            background-size: contain; } }
      .seat-matrix .destinations-container .segment .segment-name {
        color: #666;
        font-weight: bold; }
      .seat-matrix .destinations-container .segment .segment-time {
        font-size: 12px;
        color: #666; }
        @media (max-width: 767px) {
          .seat-matrix .destinations-container .segment .segment-time {
            line-height: 15px; } }
    .seat-matrix .destinations-container .segment.last {
      height: 50px; }
  .seat-matrix .seats-container {
    float: left;
    width: 65.25%;
    box-sizing: border-box;
    height: 100%; }
    .seat-matrix .seats-container .seat {
      border-left: 1px solid #dfdbdb;
      float: left;
      height: 100%;
      box-sizing: border-box;
      position: relative; }
      .seat-matrix .seats-container .seat .booking {
        padding-top: 10px;
        box-sizing: border-box;
        background: #fff; }
        .seat-matrix .seats-container .seat .booking .unassigned {
          text-align: center; }
      .seat-matrix .seats-container .seat .booking.confirmed {
        background: #009a4b;
        color: #fff; }
      .seat-matrix .seats-container .seat .booking:not(:first-child) {
        border-top: 1px solid #dfdbdb; }
    .seat-matrix .seats-container .hitcher .hitcher-picture {
      width: 35px;
      height: 35px;
      top: 43%;
      display: block;
      border-radius: 35px;
      border: 2px solid #dfdbdb;
      background: #fff;
      margin: 0 auto; }
    .seat-matrix .seats-container .hitcher .hitcher-name {
      color: #fff;
      text-align: center;
      margin-top: 10px;
      width: 100%; }

.matrix_1 {
  height: 200px; }
  .matrix_1 .hops_1 {
    height: 100%; }

.matrix_2 {
  height: 330px; }
  .matrix_2 .hops_1 {
    height: 50%; }
  .matrix_2 .hops_2 {
    height: 100%; }

.matrix_3 {
  height: 460px; }
  .matrix_3 .hops_1 {
    height: 33.33333%; }
  .matrix_3 .hops_2 {
    height: 66.66667%; }
  .matrix_3 .hops_3 {
    height: 100%; }

.matrix_4 {
  height: 590px; }
  .matrix_4 .hops_1 {
    height: 25%; }
  .matrix_4 .hops_2 {
    height: 50%; }
  .matrix_4 .hops_3 {
    height: 75%; }
  .matrix_4 .hops_4 {
    height: 100%; }

.matrix_5 {
  height: 720px; }
  .matrix_5 .hops_1 {
    height: 20%; }
  .matrix_5 .hops_2 {
    height: 40%; }
  .matrix_5 .hops_3 {
    height: 60%; }
  .matrix_5 .hops_4 {
    height: 80%; }
  .matrix_5 .hops_5 {
    height: 100%; }

.matrix_6 {
  height: 850px; }
  .matrix_6 .hops_1 {
    height: 16.66667%; }
  .matrix_6 .hops_2 {
    height: 33.33333%; }
  .matrix_6 .hops_3 {
    height: 50%; }
  .matrix_6 .hops_4 {
    height: 66.66667%; }
  .matrix_6 .hops_5 {
    height: 83.33333%; }
  .matrix_6 .hops_6 {
    height: 100%; }

.matrix_7 {
  height: 980px; }
  .matrix_7 .hops_1 {
    height: 14.28571%; }
  .matrix_7 .hops_2 {
    height: 28.57143%; }
  .matrix_7 .hops_3 {
    height: 42.85714%; }
  .matrix_7 .hops_4 {
    height: 57.14286%; }
  .matrix_7 .hops_5 {
    height: 71.42857%; }
  .matrix_7 .hops_6 {
    height: 85.71429%; }
  .matrix_7 .hops_7 {
    height: 100%; }

.seats_1 .seat {
  width: 100%; }

.seats_2 .seat {
  width: 50%; }

.seats_3 .seat {
  width: 33.33333%; }

.seats_4 .hitcher-name {
  display: none; }

.seats_4 .seat {
  width: 25%; }

.seats_5 .hitcher-name {
  display: none; }

.seats_5 .seat {
  width: 20%; }

.seats_6 .hitcher-name {
  display: none; }

.seats_6 .seat {
  width: 16.66667%; }

.seats_7 .hitcher-name {
  display: none; }

/* Pricing Matrix */
.pricing-matrix {
  border: 2px solid #dfdbdb;
  border-radius: 5px; }
  .pricing-matrix .pricing-expand {
    background: url("../images/icon-expand.6ad254b6e958.png") no-repeat;
    background-size: 15px 15px;
    background-position: 63px 13px;
    color: #ff4f02; }
  .pricing-matrix .locations-names {
    width: 30%;
    float: left;
    border-right: 1px solid #dfdbdb;
    box-sizing: border-box; }
    .pricing-matrix .locations-names .location-name:nth-child(even) {
      background: #f2f2f2; }
    .pricing-matrix .locations-names .location-name {
      padding-left: 10px;
      font-size: 13px; }
  .pricing-matrix .location-name, .pricing-matrix .location-price {
    height: 30px;
    padding-top: 10px; }
  .pricing-matrix .location-price {
    font-weight: 600; }
  .pricing-matrix .locations-values {
    float: left;
    width: 70%;
    overflow-x: auto;
    overflow-y: overlay; }
    .pricing-matrix .locations-values .locations-values-container {
      width: 600px; }
    .pricing-matrix .locations-values .location-value {
      float: left;
      width: 100px;
      text-align: center; }
    .pricing-matrix .locations-values .locations-values-container.column_1 {
      width: auto; }
      .pricing-matrix .locations-values .locations-values-container.column_1 .location-value {
        width: 100%; }
    .pricing-matrix .locations-values .locations-values-container.column_2 {
      width: auto; }
      .pricing-matrix .locations-values .locations-values-container.column_2 .location-value {
        width: 50%; }
    .pricing-matrix .locations-values .locations-values-container.column_3 {
      width: auto; }
      .pricing-matrix .locations-values .locations-values-container.column_3 .location-value {
        width: 33.3%; }
    .pricing-matrix .locations-values .location-price:nth-child(even) {
      background: #f2f2f2; }
    .pricing-matrix .locations-values .location-price {
      text-align: center; }

#modal-pricing-matrix {
  z-index: 10000; }
  #modal-pricing-matrix .pricing-matrix {
    border: 1px solid #dfdbdb;
    margin-left: 0px !important;
    width: 100% !important; }
  #modal-pricing-matrix .locations-values .locations-values-container.column_3 {
    width: auto; }
    #modal-pricing-matrix .locations-values .locations-values-container.column_3 .location-value {
      width: 33.3%; }
  #modal-pricing-matrix .locations-values .locations-values-container.column_4 {
    width: auto; }
    #modal-pricing-matrix .locations-values .locations-values-container.column_4 .location-value {
      width: 25%; }

/* Pricing matrix for mobile */
@media only screen and (max-width: 666px) {
  #modal-pricing-matrix .locations-values .locations-values-container.column_3 {
    width: 400px; }
  #modal-pricing-matrix .locations-values .locations-values-container.column_4 {
    width: 500px; }
  #modal-pricing-matrix .locations-values .locations-values-container.column_5 {
    width: 600px; } }
/* Tabs */
.tabs {
  border: 1px solid #dfdbdb;
  border-bottom: none; }
  .tabs .tab-item .tab-header {
    padding: 15px 0px 15px 15px;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #dfdbdb;
    background: #fff;
    display: block; }
  .tabs .tab-item .tab-header:hover {
    cursor: pointer;
    background: #efefef; }
  .tabs .tab-item .tab-header.active {
    background: #333333;
    color: #fff; }

.tabs.line-tabs {
  border: none;
  font-weight: 600; }
  .tabs.line-tabs .tab {
    font-size: 16px;
    color: #666;
    float: left;
    padding: 0px 20px 20px 20px; }
  .tabs.line-tabs .tab.active {
    color: #000;
    border-bottom: 3px solid #000; }

.tabs-container {
  display: none; }

.tabs-container.active {
  display: block; }

/* Shell */
/* Main attributes for the shell */
#trip_seo_view-page #wrapper, #trip_view-page #wrapper, #index-page.loggedin #wrapper, #trip_manage-page #wrapper, #trip_history-page #wrapper, #trip_offer-page #wrapper, #trip_requests-page #wrapper, #find-page #wrapper, #trip_edit-page #wrapper, #trip_processing-page #wrapper, #trip_request_view-page #wrapper, #help_faq-page #wrapper, #help_get_started-page #wrapper, #help_safety-page #wrapper, #help_bookings-page #wrapper, #help_cancellations-page #wrapper, #help_insurance-page #wrapper, #help_profiles-page #wrapper, #help_ambassadors-page #wrapper, #help_pricing-page #wrapper, #find_for_location-page #wrapper, #help_hitching-page #wrapper, #help_driving-page #wrapper, #help_feedback-page #wrapper, #help_community-page #wrapper, #account_signup-page #wrapper, #account_login-page #wrapper, #trip_choose_type-page #wrapper, #trip_request_add-page #wrapper, #trip_request_update-page #wrapper, #find_seo-page #wrapper, #payments_history-page #wrapper, #payouts_history-page #wrapper, #payouts_future-page #wrapper, #notifications-page #wrapper, #payouts-page #wrapper, #payouts_create-page #wrapper, #payouts_create_bank-page #wrapper, #payouts_create_paypal-page #wrapper, #account-page #wrapper, #account_email-page #wrapper, #account_change_password-page #wrapper, #vehicle_list-page #wrapper, #vehicle_create-page #wrapper, #verification-page #wrapper, #socialaccount_connections-page #wrapper, #close-page #wrapper, #vehicle_edit-page #wrapper, #event_view-page #wrapper {
  margin-top: 0px;
  background: #f7f7fa; }
#trip_seo_view-page #footer, #trip_view-page #footer, #index-page.loggedin #footer, #trip_manage-page #footer, #trip_history-page #footer, #trip_offer-page #footer, #trip_requests-page #footer, #find-page #footer, #trip_edit-page #footer, #trip_processing-page #footer, #trip_request_view-page #footer, #help_faq-page #footer, #help_get_started-page #footer, #help_safety-page #footer, #help_bookings-page #footer, #help_cancellations-page #footer, #help_insurance-page #footer, #help_profiles-page #footer, #help_ambassadors-page #footer, #help_pricing-page #footer, #find_for_location-page #footer, #help_hitching-page #footer, #help_driving-page #footer, #help_feedback-page #footer, #help_community-page #footer, #account_signup-page #footer, #account_login-page #footer, #trip_choose_type-page #footer, #trip_request_add-page #footer, #trip_request_update-page #footer, #find_seo-page #footer, #payments_history-page #footer, #payouts_history-page #footer, #payouts_future-page #footer, #notifications-page #footer, #payouts-page #footer, #payouts_create-page #footer, #payouts_create_bank-page #footer, #payouts_create_paypal-page #footer, #account-page #footer, #account_email-page #footer, #account_change_password-page #footer, #vehicle_list-page #footer, #vehicle_create-page #footer, #verification-page #footer, #socialaccount_connections-page #footer, #close-page #footer, #vehicle_edit-page #footer, #event_view-page #footer {
  background: #fff; }

.page {
  padding-top: 40px;
  padding-bottom: 40px; }
  .page h1 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .page h1 {
        line-height: 32px; } }
  .page h1.float-left {
    margin-top: 0px; }
  .page h2 {
    font-size: 16px;
    margin: 0px; }
  @media (min-width: 769px) {
    .page {
      min-height: 400px; } }

.page-grey {
  background: #efefef;
  width: 100%; }

.page-left {
  width: 45%;
  float: left; }
  @media (max-width: 767px) {
    .page-left {
      width: 100%;
      float: none; } }

.page-left.border {
  border-right: 1px solid #dfdbdb;
  padding-right: 5%; }
  @media (max-width: 767px) {
    .page-left.border {
      padding-right: 0px;
      border: none; } }

.page-right {
  width: 45%;
  float: right; }
  @media (max-width: 767px) {
    .page-right {
      width: 100%;
      float: none; } }

.page-center {
  width: 50%;
  margin: 0 auto; }

.pre-page {
  background: #fff;
  border-bottom: 1px solid #efefef; }
  .pre-page h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px; }
  .pre-page .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  .pre-page .text-medium, .pre-page #payments .payment-box .payment-text, #payments .payment-box .pre-page .payment-text, .pre-page #payments .payment-box .payment-amount, #payments .payment-box .pre-page .payment-amount {
    color: #666; }
  .pre-page .text-medium.text-white, .pre-page #payments .payment-box .text-white.payment-text, #payments .payment-box .pre-page .text-white.payment-text, .pre-page #payments .payment-box .text-white.payment-amount, #payments .payment-box .pre-page .text-white.payment-amount {
    color: #fff; }

.col-2 {
  float: left;
  width: 45%;
  padding-right: 2.5%; }

.col-3 {
  float: left;
  width: 30%;
  padding-left: 1.66%;
  padding-right: 1.66%; }

.col-3-2 {
  float: left;
  width: 60%;
  padding-left: 2.5%; }

.col-4 {
  float: left;
  width: 22.5%;
  padding-right: 2.5%; }

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

.col-8 {
  float: left;
  width: 72.5%;
  padding-left: 2.5%; }

.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px; }
  @media (max-width: 767px) {
    .container {
      padding: 10px; } }

/* Button group */
.button-group {
  border: 2px solid #dfdbdb;
  border-radius: 5px;
  display: inline-block;
  box-sizing: border-box; }
  @media (min-width: 320px) and (max-width: 480px) {
    .button-group {
      width: 100%; } }
  .button-group .button-item {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px 15px 20px;
    float: left;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box; }
  .button-group .button-item:hover {
    background: #efefef; }
  .button-group .button-item.border {
    border-right: 2px solid #dfdbdb;
    float: left; }
  .button-group .button-item.small {
    width: 150px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .button-group .button-item.small {
        width: 50%; } }
  .button-group .button-item.modal-close {
    height: auto !important; }
  .button-group .button-updating {
    width: 300px;
    box-sizing: border-box;
    padding: 15px 20px 15px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500; }

/* Maintenance page */
#maintenance .logo-maintenance {
  width: 300px;
  height: 60px;
  background: url("../images/hitchplanet-logo.7b17ba84004d.png") no-repeat;
  background-size: contain;
  margin-left: -10px; }

/* Trip list */
#trips #trip-list-full {
  margin-bottom: 100px;
  clear: both;
  position: relative; }
  #trips #trip-list-full .trip.asking .seats {
    background: #5cc0ff; }
  #trips #trip-list-full .trip.asking .origin, #trips #trip-list-full .trip.asking .destination {
    color: #5cc0ff; }
  #trips #trip-list-full .trip.offering .seats {
    background: #ff5400; }
  #trips #trip-list-full .trip.offering .origin, #trips #trip-list-full .trip.offering .destination {
    color: #ff5400; }
  #trips #trip-list-full .columnLegend {
    border: none;
    background: none;
    float: left; }
  #trips #trip-list-full .verification {
    float: right;
    display: block;
    height: 50px;
    width: 50px;
    background: url("../images/icon-verified-grey.bf63dc588cd1.png") no-repeat right center;
    background-position-y: 0px; }
  #trips #trip-list-full #legend {
    font-weight: 600;
    clear: both;
    border-bottom: 1px solid #dfdbdb;
    font-size: 15px;
    padding: 0px 0px 30px 0px;
    margin-bottom: 10px; }
    #trips #trip-list-full #legend .seats {
      float: left;
      width: 36px; }
    #trips #trip-list-full #legend .date {
      margin-left: 13px;
      float: left;
      width: 100px; }
    #trips #trip-list-full #legend .origin {
      float: left;
      width: 220px; }
    #trips #trip-list-full #legend .destination {
      float: left;
      width: 220px; }
    #trips #trip-list-full #legend .return {
      float: left;
      width: 90px; }
    #trips #trip-list-full #legend .price {
      float: left;
      width: 60px; }
    #trips #trip-list-full #legend .user {
      float: left; }
  #trips #trip-list-full .trip:hover, #trips #trip-list-full .trip:hover {
    background: #f8f8f8;
    cursor: pointer; }
  #trips #trip-list-full .trip-divider {
    border-top: 1px solid #e9e9e9;
    margin: 12px 0px 10px 0px;
    padding: 0px;
    height: 1px;
    clear: both; }
  #trips #trip-list-full .trip {
    display: block;
    height: 52px;
    border-bottom: 1px solid #dfdbdb;
    border-radius: 5px;
    padding-bottom: 10px;
    padding-top: 10px; }
    #trips #trip-list-full .trip .trip-date {
      margin-top: 3px;
      float: left;
      width: 100px;
      font-weight: bold;
      font-size: 14px; }
      #trips #trip-list-full .trip .trip-date .time {
        margin-top: 5px;
        font-weight: normal; }
    #trips #trip-list-full .trip .origin {
      float: left;
      font-size: 16px;
      width: 220px;
      font-weight: bold;
      margin-top: 2px;
      padding: 0px; }
    #trips #trip-list-full .trip .destination {
      float: left;
      font-size: 16px;
      width: 220px;
      font-weight: bold;
      margin-top: 2px; }
    #trips #trip-list-full .trip .detail {
      font-size: 12px;
      font-weight: normal;
      margin-top: 5px;
      color: #333; }
    #trips #trip-list-full .trip .return {
      float: left;
      width: 100px;
      margin-top: 5px; }
    #trips #trip-list-full .trip .return .no {
      float: left;
      width: 100px;
      font-weight: bold;
      margin-top: 10px; }
    #trips #trip-list-full .trip .price {
      float: left;
      width: 60px;
      font-size: 14px;
      margin-top: 5px; }
    #trips #trip-list-full .trip .user {
      float: left;
      margin-top: 7px; }
    #trips #trip-list-full .trip .seats {
      width: 36px;
      height: 52px;
      text-align: center;
      color: #fff;
      float: left;
      margin-right: 13px;
      line-height: 20px; }
    #trips #trip-list-full .trip .seats.blue {
      background: #1BB3FF; }
    #trips #trip-list-full .trip .seats.orange {
      background: #FF8F46; }
    #trips #trip-list-full .trip .seats .top {
      margin-top: 0px;
      font-size: 11px; }
    #trips #trip-list-full .trip .seats .middle {
      margin-top: -3px;
      font-size: 24px;
      font-weight: bold;
      width: inherit;
      float: none;
      margin-bottom: 0px; }
    #trips #trip-list-full .trip .seats .bottom {
      font-size: 11px;
      margin-top: -5px; }
    #trips #trip-list-full .trip .seats .full {
      font-size: 14px;
      font-weight: bold;
      margin-top: 16px; }
    #trips #trip-list-full .trip .destination {
      padding-top: 1px; }
    #trips #trip-list-full .trip strong {
      font-weight: 700;
      font-size: 18px; }
    #trips #trip-list-full .trip .datetime {
      color: #333;
      margin-top: 0px; }
    #trips #trip-list-full .trip .user {
      float: right;
      height: 50px;
      width: 50px; }
    #trips #trip-list-full .trip .user img {
      margin: 3px 0px 0px 0px; }

/* Verification */
#verification .verification-item {
  padding: 20px 10px 20px 20px;
  border: 1px solid #dfdbdb;
  margin-bottom: 20px;
  background: #fff; }
  #verification .verification-item .verified {
    background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat right center;
    color: #009a4b; }
  #verification .verification-item .float-right {
    padding-right: 25px; }
#verification .verification-item:hover {
  border: 1px solid #777777; }
#verification .verification-msg {
  background: url("../images/icon-trusted-green.7d14c18ccec6.png") no-repeat #fff;
  background-position: 15px center;
  background-size: 30px 30px;
  padding-left: 60px; }

/* Ambassador */
#ambassador h2 {
  font-size: 18px;
  font-weight: 700; }
#ambassador h3 {
  font-size: 16px;
  font-weight: 600; }
#ambassador h4 {
  font-weight: 600;
  margin-bottom: 10px; }
#ambassador p.headline, #ambassador p.headline a {
  font-size: 20px; }
#ambassador p, #ambassador p a {
  margin-bottom: 10px; }
#ambassador ol.with-border li {
  margin-left: 20px; }
#ambassador .ambassador-item {
  clear: both; }
  #ambassador .ambassador-item .ambassador-icon, #ambassador .ambassador-item .ambassador-text {
    float: left; }
  #ambassador .ambassador-item .ambassador-icon {
    width: 30%; }
    #ambassador .ambassador-item .ambassador-icon img {
      width: 60px;
      height: 60px; }
  #ambassador .ambassador-item .icon-ambassador, #ambassador .ambassador-item #trip-list .badges .ambassador, #trip-list .badges #ambassador .ambassador-item .ambassador {
    width: 55px;
    height: 55px;
    background-size: contain; }
  #ambassador .ambassador-item .ambassador-text {
    width: 70%;
    padding-left: 20px; }
  #ambassador .ambassador-item .clear {
    height: 30px; }

/* Trips being posted */
#trips-being-posted {
  background: #fbffcb;
  border-bottom: 1px solid #ffcc00; }
  #trips-being-posted .icon-alert {
    background: url("../images/icon-alert-orange-l.dd4a40a6a93b.png") no-repeat left center;
    display: block;
    width: 80px;
    height: 70px; }

/* Manage Page */
#manage .trip-types {
  border-bottom: 1px solid #dfdbdb; }
  #manage .trip-types .trip-type {
    padding: 15px;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer; }
  #manage .trip-types .trip-type.active {
    border-bottom: 3px solid #333333;
    font-weight: 700; }
#manage .trip {
  margin: 0px 0px 20px;
  padding: 20px;
  border-radius: 5px;
  background: #fff; }
  #manage .trip h2 a {
    font-size: 18px; }
  #manage .trip .seatsleft {
    font-weight: 700; }
  #manage .trip .left-section {
    width: 40%;
    float: left; }
    #manage .trip .left-section .trip-actions {
      margin: 20px 0px 0px; }
      #manage .trip .left-section .trip-actions .trip-action {
        border-top: 1px solid #dfdbdb;
        padding: 15px 0px 15px; }
  #manage .trip .right-section {
    width: 60%;
    float: left;
    padding-left: 60px; }
    #manage .trip .right-section .booking-status {
      margin-right: -20px;
      padding: 5px 10px 5px 10px;
      color: #fff; }
    #manage .trip .right-section .profile-pic .booking-status {
      padding: 0px; }
    #manage .trip .right-section .booking-status.top.denied {
      background-image: none; }
#manage .trip-history .trip {
  margin: 20px 0px 20px; }

.button-view-payments {
  margin-top: 0px; }
  @media (max-width: 767px) {
    .button-view-payments {
      margin-top: -5px;
      padding: 10px; } }

.sub-menu {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  box-sizing: border-box; }
  .sub-menu a {
    float: left;
    padding: 10px 30px 10px 30px;
    color: #777777; }
    @media (max-width: 767px) {
      .sub-menu a {
        text-align: center;
        box-sizing: border-box;
        margin-right: 0px; } }
  .sub-menu a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid #ccc; }
  .sub-menu a:nth-child(3n) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #ccc; }
  .sub-menu a.active {
    background: #333333;
    color: #fff; }
  .sub-menu a.active:hover {
    background: #333333;
    color: #fff; }
  .sub-menu a:hover {
    color: #333333; }
  @media (max-width: 767px) {
    .sub-menu {
      width: 100%; } }

@media (max-width: 767px) {
  .sub-menu.two a {
    width: 50%; } }
.sub-menu.two a:nth-child(2n) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

@media (max-width: 767px) {
  .sub-menu.three a {
    width: 33%; } }

.request-item {
  margin: 0px 0px 20px; }
  .request-item .profile-pic {
    margin-top: 12px;
    float: left;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #dfdbdb; }
  .request-item .request-text {
    float: left;
    margin: 12px 0px 0px 20px; }
  .request-item .booking-status {
    margin-top: -5px;
    margin-left: -5px; }
  .request-item .booking-status.pending {
    line-height: 15px; }

.request-item:last-child {
  margin: 0px; }

.request-item.booked {
  margin-top: -5px; }
  .request-item.booked .profile-pic {
    margin-top: 12px;
    float: left;
    position: relative;
    cursor: pointer; }

#dashboard .request-item .request-text, #dashboard .request-item .profile-pic {
  margin-top: 5px; }

/* Password */
#password .form-row label {
  display: none; }

/* Membership */
#membership .icon {
  height: 50px;
  width: 50px;
  margin-bottom: 15px; }
#membership .icon-unlimited {
  background: url("../images/icon-unlimited.e1782b17d0b2.png") no-repeat;
  background-size: contain; }
#membership .icon-member, #membership #trip-list .badges .member.annual, #trip-list .badges #membership .member.annual {
  background: url("../images/icon-member.ef0e67fd4752.png") no-repeat;
  background-size: contain; }
#membership .icon-reduce-costs {
  background: url("../images/icon-reduce-costs.5a93b70fc9dd.png") no-repeat;
  background-size: contain; }
#membership .icon-reduce-footprint {
  background: url("../images/icon-reduce-footprint.1729b9240e7b.png") no-repeat;
  background-size: contain; }

/* Contact page */
#contact h1 {
  font-size: 32px; }
#contact h2 {
  font-size: 20px;
  font-weight: 600; }
#contact ul, #contact li {
  margin-left: 8px;
  padding: 0px; }
#contact #id_category-error {
  clear: both;
  margin-top: 5px;
  display: block; }
#contact #send-success {
  color: #009a4b;
  font-size: 16px;
  font-weight: 600; }
#contact .message-icon {
  background: url("../images/icon-email.fe885bfd9c96.png") no-repeat;
  background-size: 30px 30px;
  padding-left: 40px; }
#contact .phone-icon {
  background: url("../images/icon-phone.7825182153ef.png") no-repeat;
  background-size: 30px 30px;
  padding-left: 40px; }
#contact .arrow-back {
  padding-left: 30px;
  background: url("../images/icon-back-results.d48886819633.png") no-repeat left center;
  background-size: 20px 20px; }

/* Locations page */
#locations ul {
  padding: 0px; }
  @media (min-width: 769px) {
    #locations ul {
      -moz-column-count: 4;
      -moz-column-gap: 20px;
      -webkit-column-count: 4;
      -webkit-column-gap: 20px;
      column-count: 4;
      column-gap: 20px; } }
  #locations ul li {
    margin-left: 0px;
    list-style: none; }

/* Terms */
#terms OL {
  counter-reset: item; }
#terms LI {
  display: block; }
#terms LI:before {
  content: counters(item,".") " ";
  counter-increment: item; }
#terms li {
  margin-bottom: 10px; }
@media (max-width: 767px) {
  #terms .terms-links {
    float: none; } }

.in-app #terms a, .in-app #privacy a {
  color: #4C4C4C; }

/* hitchthesummer page */
/* Promo page */
#promo #promo-banner {
  background: url("../images/promo-hitchthesummer-banner.a018cbe6cb91.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 390px; }
  #promo #promo-banner h1 {
    margin-top: 0px;
    text-align: center;
    color: #fff;
    padding-top: 80px;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 10px;
    font-weight: 600 !important; }
  #promo #promo-banner h2 {
    margin-top: 0px;
    color: #fff;
    font-weight: 500 !important; }
#promo h2 {
  font-size: 24px; }
#promo .page {
  height: auto; }
#promo .page-grey .box {
  padding: 0px 20px 15px 20px;
  color: #777777;
  border-right: none;
  border-left: none;
  border-bottom: none;
  min-height: 230px; }
#promo .page-grey .box.green {
  border-top: 3px solid #b8ecb8; }
#promo .page-grey .box.yellow {
  border-top: 3px solid #fff3a3; }
#promo .page-grey .box.blue {
  border-top: 3px solid #b2efff; }
#promo .social-share {
  width: 190px;
  margin: 0 auto; }
  #promo .social-share .tw-share {
    margin-top: 1px;
    margin-left: 15px; }
#promo .button, #promo #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #promo [type="submit"], #promo .vehicle-form [type=submit], .vehicle-form #promo [type=submit], #promo #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #promo #id_submit {
  margin: 0 auto; }

#promo-homepage.promo-hitchthesummer .box-header {
  background: #ff4f02;
  color: #fff; }

#promo-trip .box {
  padding: 10px; }

/* Admin bar */
.admin-bar {
  background: #fff;
  border-bottom: 3px solid #0099ff; }
  .admin-bar .container {
    padding: 15px 0px 10px 0px; }
  .admin-bar .spacer {
    color: #dfdbdb; }
  .admin-bar .environment-indicator {
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    float: left;
    margin: -5px 0px 0px 10px;
    color: #fff; }
  .admin-bar .environment-indicator.local {
    background: #777777; }
  .admin-bar .environment-indicator.staging {
    background: #ff6060; }
  .admin-bar .environment-indicator.production {
    background: #009a4b; }
  .admin-bar .admin-item {
    float: left;
    cursor: pointer;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #dfdbdb; }
    .admin-bar .admin-item a {
      color: #0099ff; }
    .admin-bar .admin-item a:hover {
      color: #44b4ff; }
  .admin-bar .admin-item.first {
    border-left: none;
    float: left; }
  .admin-bar .admin-item.with-dropdown {
    position: relative;
    background: url("../images/arrow-down-blue.93814daded66.png") no-repeat right center;
    padding-right: 20px; }
  .admin-bar .admin-dropdown {
    display: none;
    position: absolute;
    margin-top: 10px;
    z-index: 900;
    width: 150px;
    border-right: 1px solid #0099ff;
    border-left: 1px solid #0099ff; }
    .admin-bar .admin-dropdown .admin-dropdown-item {
      background: #fff;
      padding: 10px;
      border-bottom: 1px solid #0099ff; }
  .admin-bar .admin-dropdown.active {
    display: block; }
  .admin-bar .admin-dropdown-trip-info {
    width: 250px; }

/* Processing */
#trip_processing-page #header-mobile, #trip_processing-page #header-page, #trip_processing-page #footer {
  display: none; }

#processing .processing-image {
  background: url("../images/processing.c33734a1bf58.gif");
  width: 208px;
  height: 13px; }

/* Pricing */
#pricing .box-spaceless {
  width: 100%;
  border: 1px solid #dfdbdb;
  background: #fff; }
  #pricing .box-spaceless .box-header {
    background: #0099ff;
    color: #fff;
    padding: 13px; }
  #pricing .box-spaceless .box-left {
    width: 35%;
    float: left;
    padding: 13px 13px 0px 13px;
    box-sizing: border-box; }
    #pricing .box-spaceless .box-left .maintenance {
      background: url("../images/icon-maintenance.f1ef0c1a1cbd.png") no-repeat bottom left;
      height: 65px;
      background-size: 30px 30px; }
    #pricing .box-spaceless .box-left .insurance {
      background: url("../images/icon-insurance.6873f1350d6d.png") no-repeat bottom left;
      height: 65px;
      background-size: 30px 30px; }
    #pricing .box-spaceless .box-left .gas {
      background: url("../images/icon-gas.340e8ae4de5e.png") no-repeat bottom left;
      height: 65px;
      background-size: 30px 30px; }
  #pricing .box-spaceless .box-right {
    width: 65%;
    float: left;
    padding-top: 8px; }
  #pricing .box-spaceless .box-item {
    clear: both;
    padding: 8px 13px 8px 13px;
    box-sizing: border-box; }
  #pricing .box-spaceless .box-item.total {
    background: #ebebeb;
    font-weight: 600; }
  #pricing .box-spaceless .box-totals {
    background: #0099ff;
    color: #fff; }
    #pricing .box-spaceless .box-totals .box-item.total {
      background: #008cbd !important; }
  #pricing .box-spaceless .divider.light {
    margin: 0px; }
#pricing .box-spaceless.capping .box-item {
  padding: 8px 13px 0px 13px; }
#pricing .box-spaceless.capping .box-right {
  padding-bottom: 15px; }

#pagination {
  font-size: 16px; }
  #pagination .pagination-item {
    height: 40px;
    width: 40px;
    border: 1px solid #dfdbdb;
    color: #777777;
    text-align: center;
    line-height: 38px;
    float: left;
    margin: 5px 10px 5px 0px;
    border-radius: 3px; }
  #pagination .pagination-item:hover {
    border: 1px solid #777777; }
  #pagination .pagination-item:active {
    border: 1px solid #333333;
    color: #333333; }
  #pagination .pagination-item.active, #pagination .pagination-item.active:hover {
    border: 1px solid #333333;
    background: #333333;
    color: #fff; }
  #pagination .pagination-item.dots {
    border: none; }

/* Development bar */
.environment-definition {
  padding: 5px;
  color: #fff; }

.environment-definition.dev {
  background: #777777; }

.environment-definition.staging {
  background: #ff6060; }

/* Search box */
.search-common, .event-search, .referral-search {
  position: relative;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
  background: #fff;
  padding: 0px 20px 0px 20px; }
  .search-common input, .event-search input, .referral-search input {
    border: none !important;
    padding: 10px; }
  .search-common input:hover, .event-search input:hover, .referral-search input:hover, .search-common input:active, .event-search input:active, .referral-search input:active, .search-common input:hover > input:active, .event-search input:hover > input:active, .referral-search input:hover > input:active {
    border: none; }
  .search-common [type=submit], .event-search [type=submit], .referral-search [type=submit] {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url("../images/icon-search-box.a7672a772476.png") no-repeat center center;
    background-size: 16px 17px;
    width: 50px;
    height: 50px;
    opacity: .7;
    cursor: pointer; }
  .search-common [type=sybmit]:hover, .event-search [type=sybmit]:hover, .referral-search [type=sybmit]:hover {
    opacity: 1; }

.video-cta .banner-video-cta-icon {
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("../images/icon-play.d661d98755c2.png") no-repeat center center;
  background-size: 25px 25px;
  opacity: 1;
  float: left; }
.video-cta .banner-video-cta-text {
  float: left;
  color: #fff;
  font-size: 18px;
  margin-top: 3px;
  font-weight: 600; }

.video-cta:hover {
  opacity: .9; }

.video-cta:active {
  opacity: 1; }

/* Header */
#header-page {
  background: none;
  width: 100%;
  z-index: 500;
  border-bottom: 1px solid #dfdbdb; }
  #header-page #header-top {
    height: 70px;
    width: 100%; }
    #header-page #header-top #header-top-container {
      padding: 5px 10px 5px 15px; }
    #header-page #header-top .logo {
      display: block;
      width: 80px;
      height: 50px;
      float: left;
      background: url("../images/pop-logo.ef5e05f16805.png") no-repeat center left;
      background-size: contain;
      margin-right: 10px;
      margin-top: 5px; }
    #header-page #header-top .logo-in {
      display: block;
      width: 80px;
      height: 50px;
      background: url("../images/pop-logo.ef5e05f16805.png") no-repeat center left;
      float: left;
      background-size: contain;
      margin-top: 5px; }
    #header-page #header-top .logo:hover, #header-page #header-top .logo-in:hover {
      opacity: .9; }
    #header-page #header-top .logo:active, #header-page #header-top .logo-in:active {
      opacity: 1; }
    #header-page #header-top a.previously {
      float: left;
      margin-top: 18px;
      background: rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      padding: 2px 9px 2px 8px;
      font-size: 13px;
      color: #777777; }
    #header-page #header-top .previously:hover {
      color: #333333; }
    #header-page #header-top .previously:active {
      color: #000; }
    #header-page #header-top .header-facebook {
      margin: 20px 0px 0px 10px;
      float: left; }
      @media (max-width: 1100px) {
        #header-page #header-top .header-facebook {
          display: none; } }
    #header-page #header-top #menu {
      position: relative; }
      #header-page #header-top #menu .menu-item {
        float: right;
        padding: 19px 21px 44px 21px;
        max-height: 60px;
        color: #565a5c;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        box-sizing: border-box; }
      #header-page #header-top #menu .menu-item.post, #header-page #header-top #menu .menu-item.search {
        padding-left: 30px;
        padding-right: 20px;
        margin-right: 10px;
        margin-left: 10px;
        background-size: 20px 20px !important; }
      #header-page #header-top #menu .menu-item.apps, #header-page #header-top #menu .menu-item.apps.active {
        line-height: 15px; }
      #header-page #header-top #menu .menu-item.register {
        color: #ff4f02; }
      #header-page #header-top #menu .menu-item.active.register {
        color: #333333; }
      #header-page #header-top #menu .menu-item.highlighted {
        color: #ff4f02; }
      #header-page #header-top #menu .menu-items-auth {
        border: 2px solid #565a5c;
        border-radius: 5px;
        float: right;
        margin-top: 6px;
        margin-left: 20px; }
        #header-page #header-top #menu .menu-items-auth .menu-item {
          padding: 12px 30px 12px 30px; }
        #header-page #header-top #menu .menu-items-auth .menu-item.cta-signup {
          border: none;
          margin-top: 0px;
          border-left: 2px solid #565a5c; }
        #header-page #header-top #menu .menu-items-auth .menu-item:hover {
          color: #333333; }
      #header-page #header-top #menu .menu-item.tour .question-mark, #header-page #header-top #menu .menu-item.tour:active .question-mark {
        font-size: 16px;
        border: 2px solid #565a5c;
        border-radius: 20px;
        padding: 1px 0px 0px 0px;
        float: left;
        line-height: 20px;
        width: 20px;
        height: 20px;
        text-align: center; }
      #header-page #header-top #menu .menu-item.tour:hover {
        color: #333333; }
        #header-page #header-top #menu .menu-item.tour:hover .question-mark {
          border: 2px solid #333333; }
      #header-page #header-top #menu .menu-item.invest .invest-mark, #header-page #header-top #menu .menu-item.invest:active .invest-mark {
        font-size: 20px;
        padding: 1px 0px 0px 0px;
        float: left;
        line-height: 20px;
        width: 20px;
        height: 20px;
        text-align: center; }
      #header-page #header-top #menu .menu-item-grey {
        color: #565a5c; }
      #header-page #header-top #menu .menu-item-grey:hover {
        color: #333333; }
      #header-page #header-top #menu .menu-item-grey:active {
        color: #000; }
      #header-page #header-top #menu .menu-item.cta-add, #header-page #header-top #menu .menu-item.cta-add-bis {
        background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat #0099ff center left;
        background-position: 10px;
        background-size: 14px 14px;
        border-radius: 5px;
        margin-top: 7px;
        margin-left: 9px;
        padding: 12px 30px 12px 45px;
        color: #fff; }
      #header-page #header-top #menu .menu-item.cta-add:hover, #header-page #header-top #menu .menu-item.cta-add-bis:hover {
        background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat #44b4ff center left;
        background-position: 10px;
        background-size: 14px 14px;
        border: none; }
        @media (min-width: 1024px) {
          #header-page #header-top #menu .menu-item.cta-add:hover, #header-page #header-top #menu .menu-item.cta-add-bis:hover {
            background-position: 10px; } }
      #header-page #header-top #menu .menu-item.cta-add:active, #header-page #header-top #menu .menu-item.cta-add-bis:active {
        background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat #0077c6 center left;
        background-size: 14px 14px;
        border: none; }
        @media (min-width: 1024px) {
          #header-page #header-top #menu .menu-item.cta-add:active, #header-page #header-top #menu .menu-item.cta-add-bis:active {
            background-position: 10px; } }
      #header-page #header-top #menu .menu-item.cta-add.non-auth {
        margin-right: 30px; }
      #header-page #header-top #menu .menu-item.cta-find {
        background: url("../images/icon-search.ad76d63ebc43.png") no-repeat #ff4f02 center left;
        background-position: 10px;
        background-size: 16px 16px;
        border-radius: 5px;
        margin-top: 7px;
        margin-left: 9px;
        padding: 12px 30px 12px 45px;
        color: #fff; }
      #header-page #header-top #menu .menu-item.cta-find:hover {
        background: url("../images/icon-search.ad76d63ebc43.png") no-repeat #ff7430 center left;
        background-position: 10px;
        background-size: 16px 16px;
        border: none; }
      #header-page #header-top #menu .menu-item.cta-find:active {
        background: url("../images/icon-search.ad76d63ebc43.png") no-repeat #dd4900 center left;
        background-position: 10px;
        background-size: 16px 16px; }
      #header-page #header-top #menu .menu-item.help {
        padding-left: 20px; }
      #header-page #header-top #menu .menu-item.events .event-icon {
        background: url("../images/icon-star-grey.53b0e3582aa8.png") no-repeat top left;
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        float: left;
        margin-top: -3px; }
        @media (max-width: 870px) {
          #header-page #header-top #menu .menu-item.events .event-icon {
            display: none; } }
      #header-page #header-top #menu .menu-item.events .event-name {
        float: left; }
      #header-page #header-top #menu .menu-item.events:hover {
        opacity: .9; }
      #header-page #header-top #menu .menu-item.events:active {
        opacity: 1; }
      #header-page #header-top #menu .help-icon {
        border: 2px solid #565a5c;
        color: #565a5c;
        line-height: 18px;
        width: 18px;
        height: 18px;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 700; }
    #header-page #header-top .andrew-peel-trigger {
      margin-right: 45px;
      float: left;
      background: url("../images/andrew-feed-me.424675513cb0.png") no-repeat left bottom;
      background-size: 65px 65px;
      height: 71px;
      width: 150px;
      margin-top: -6px; }
      @media (min-width: 0px) and (max-width: 1023px) {
        #header-page #header-top .andrew-peel-trigger {
          width: 70px; } }
      #header-page #header-top .andrew-peel-trigger .bubble-left-thick {
        float: right;
        margin-top: 15px;
        font-weight: 600;
        color: #666; }
        @media (min-width: 0px) and (max-width: 1023px) {
          #header-page #header-top .andrew-peel-trigger .bubble-left-thick {
            display: none; } }
  #header-page #header-menu-trigger {
    float: right;
    position: relative;
    margin-left: 10px;
    /* Stroke */
    /* Fill */ }
    #header-page #header-menu-trigger .profile-trigger {
      cursor: pointer; }
    #header-page #header-menu-trigger .profile-pic {
      width: 40px;
      height: 40px;
      border-radius: 40px;
      border: 1px solid #dfdbdb;
      float: left;
      margin: 9px 0px;
      position: relative;
      z-index: -1;
      background-position: center center;
      cursor: pointer; }
    #header-page #header-menu-trigger .profile-username {
      padding: 19px 40px 17px 10px;
      float: left;
      color: #333333; }
      @media (min-width: 0px) and (max-width: 1023px) {
        #header-page #header-menu-trigger .profile-username {
          display: none; } }
    #header-page #header-menu-trigger #profile-trigger {
      cursor: pointer;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 50px;
      height: 50px; }
    #header-page #header-menu-trigger #profile-trigger:before, #header-page #header-menu-trigger #profile-trigger:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-bottom: 0; }
    #header-page #header-menu-trigger #profile-trigger:before {
      bottom: 12px;
      right: 1px;
      /* If 1px darken stroke slightly */
      border-top-color: #333333;
      border-width: 11px; }
    #header-page #header-menu-trigger #profile-trigger:after {
      bottom: 13px;
      right: 2px;
      border-top-color: #fff;
      border-width: 10px; }
    @media (min-width: 0px) and (max-width: 1023px) {
      #header-page #header-menu-trigger .profile-link {
        margin-right: 45px; } }
  #header-page #header-menu {
    width: 160px;
    position: absolute;
    right: 0px;
    top: 90px;
    display: none;
    /* Required for Down Triangle */
    /* Stroke */
    /* Fill */ }
    #header-page #header-menu #header-menu-contents {
      background: #fff;
      z-index: 10000;
      border-left: 1px solid #dfdbdb;
      border-right: 1px solid #dfdbdb;
      border-top: 1px solid #dfdbdb; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown {
        color: #333333;
        display: block;
        padding: 10px 10px 10px 35px;
        border-bottom: 1px solid #dfdbdb;
        text-align: left;
        font-size: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown:hover {
        opacity: .9;
        padding-left: 40px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown:active {
        opacity: 1;
        padding-left: 40px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.profile {
        background: url("../images/icon-menu-profile.745bb1e13b5f.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.profile:hover {
        background: url("../images/icon-menu-profile.745bb1e13b5f.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.payments {
        background: url("../images/icon-menu-payments.308810c98806.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.payments:hover {
        background: url("../images/icon-menu-payments.308810c98806.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.referrals {
        background: url("../images/icon-menu-referrals-pink.8649d961e6ae.png") no-repeat center left;
        color: #F3046E;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.referrals:hover {
        background: url("../images/icon-menu-referrals-pink.8649d961e6ae.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.archive {
        background: url("../images/icon-menu-archive.b97b73e353ca.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.archive:hover {
        background: url("../images/icon-menu-archive.b97b73e353ca.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.requests {
        background: url("../images/icon-menu-requests.53262113acd0.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.requests:hover {
        background: url("../images/icon-menu-requests.53262113acd0.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.notifications {
        background: url("../images/icon-menu-notifications.c4b9e3c5d739.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.notifications:hover {
        background: url("../images/icon-menu-notifications.c4b9e3c5d739.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.settings {
        background: url("../images/icon-menu-settings.ef3380a20b1c.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.settings:hover {
        background: url("../images/icon-menu-settings.ef3380a20b1c.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.verification {
        background: url("../images/icon-menu-verification.632b5dbb1ddb.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.verification:hover {
        background: url("../images/icon-menu-verification.632b5dbb1ddb.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.logout {
        background: url("../images/icon-menu-logout.0b22a38d5911.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 8px; }
      #header-page #header-menu #header-menu-contents .menu-item-dropdown.logout:hover {
        background: url("../images/icon-menu-logout.0b22a38d5911.png") no-repeat center left;
        background-size: 18px 18px;
        background-position: 13px; }
    #header-page #header-menu #header-menu-contents.active {
      display: block; }
    #header-page #header-menu #header-bottom-arrow {
      z-index: 1001;
      margin-top: 0px;
      position: absolute;
      margin-left: 96px; }
    #header-page #header-menu #header-bottom-arrow:before, #header-page #header-menu #header-bottom-arrow:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-top: 0; }
    #header-page #header-menu #header-bottom-arrow:before {
      top: -16px;
      left: 21px;
      border-bottom-color: #dfdbdb;
      border-width: 16px; }
    #header-page #header-menu #header-bottom-arrow:after {
      bottom: 0px;
      left: 22px;
      border-bottom-color: #fff;
      border-width: 15px; }
  #header-page #header-menu.active {
    display: block;
    z-index: 1000; }
  #header-page #header-bottom {
    width: 100%;
    height: 60px;
    background: #0099ff;
    color: #fff; }
    #header-page #header-bottom #header-bottom-container {
      z-index: 1000;
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
    #header-page #header-bottom #left {
      float: left; }
      #header-page #header-bottom #left .menu-item {
        display: block;
        float: left;
        color: #fff;
        text-decoration: none;
        padding: 19px 30px 20px 30px; }
      #header-page #header-bottom #left .menu-item.active {
        background: rgba(0, 0, 0, 0.1); }
      #header-page #header-bottom #left .menu-item.active:hover {
        background: rgba(0, 0, 0, 0.1);
        cursor: default; }
      #header-page #header-bottom #left .menu-item.with-notifications {
        padding: 19px 50px 20px 30px; }
      #header-page #header-bottom #left .menu-item:hover, #header-page #header-bottom #left .menu-item:active {
        background: rgba(0, 0, 0, 0.1); }
      #header-page #header-bottom #left .menu-welcome {
        margin-top: 17px;
        font-size: 16px; }
    #header-page #header-bottom #right .menu-item {
      display: block;
      float: right;
      color: #fff;
      text-decoration: none;
      padding: 19px 30px 20px 30px; }
    #header-page #header-bottom #right .login {
      float: right;
      padding: 19px 40px 20px 40px; }
    #header-page #header-bottom #right .login a {
      color: #fff; }
    #header-page #header-bottom #right .login.inactive {
      margin-top: 20px; }
    #header-page #header-bottom #right .login.active {
      background: rgba(0, 0, 0, 0.1);
      padding: 19px 40px 20px 40px; }
    #header-page #header-bottom #right #logout_button {
      position: absolute;
      right: 0px; }

@media only screen and (max-width: 768px) {
  #header-page .profile-username {
    display: none; }
  #header-page #header-menu-trigger .profile-pic {
    margin-right: 40px; }

  .locations-name {
    display: none; } }
@media only screen and (max-width: 880px) {
  #header-page #header-top-container {
    padding: 0px 10px 0px 10px; }
  #header-page #header-top #menu .menu-item .cta-label {
    display: none; }
  #header-page #header-top #menu .menu-item.cta-find, #header-page #header-top #menu .menu-item.cta-add {
    width: 40px;
    height: 40px;
    padding: 0px;
    text-align: center;
    line-height: 34px;
    font-size: 24px;
    font-weight: 100;
    background-position: center center; }
  #header-page #header-top #menu .menu-item.cta-find:hover {
    background-position: center center; }

  #header-left .location-name {
    display: none; } }
.tour-cta-short {
  display: none; }

@media only screen and (max-width: 870px) {
  .tour-cta-long {
    display: none; }

  .tour-cta-short {
    display: block; }

  .invest-mark {
    display: none; } }
@media only screen and (min-width: 666px) {
  #header-mobile {
    display: none; }

  #menu-mobile {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  #header-mobile {
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    display: block; }
    #header-mobile #logo-mobile {
      width: 80px;
      height: 30px;
      display: block;
      float: left;
      margin: 15px 0px 0px 10px;
      background: url("../images/pop-logo.ef5e05f16805.png") no-repeat left center;
      background-size: contain; }
    #header-mobile a.previously {
      float: left;
      font-size: 13px;
      margin-top: 20px;
      color: #777777; }
    #header-mobile #menu-mobile-trigger {
      float: right;
      width: 20px;
      display: block;
      margin: 17px 20px;
      cursor: pointer; }
      #header-mobile #menu-mobile-trigger .mobile-line {
        height: 2px;
        width: 100%;
        background: #777777;
        display: block;
        margin: 5px 0px 5px; }
    #header-mobile #menu-mobile-trigger:active .mobile-line {
      background: #333333; }
    #header-mobile #menu-profile-mobile {
      height: 40px;
      width: 40px;
      display: block;
      float: right;
      margin: 9px 0px 10px 13px;
      border-radius: 50px;
      border: 1px solid #dfdbdb; }
    #header-mobile #notifications-trigger {
      float: right;
      padding: 0px 3px 0px 3px;
      margin-left: 10px;
      width: auto;
      min-width: 30px; }
    #header-mobile .notifications-position {
      position: relative;
      right: 20px;
      top: 0px;
      float: none; }
    #header-mobile .notifications-container.active {
      position: absolute;
      right: 20px; }
    #header-mobile #notifications-container {
      right: 10px; }
      #header-mobile #notifications-container #notifications-bottom-arrow {
        margin-left: 233px; }
    #header-mobile #notification-count {
      margin: 18px;
      float: left; }
    #header-mobile .locations-in {
      background: url("../images/icon-location.044a6429d584.png") no-repeat center left;
      width: 2px;
      height: 20px;
      margin: 20px 0px;
      background-size: 15px 15px;
      display: block;
      float: left; }
    #header-mobile .locations-in.spaced {
      margin-left: 20px; }
    #header-mobile .locations-in.unauthenticated {
      width: auto;
      padding-left: 20px;
      line-height: 24px;
      color: #ff4f02; }
    #header-mobile .find-trip-mobile {
      background: #ff4f02;
      height: 40px;
      width: 40px;
      background: url("../images/icon-search.ad76d63ebc43.png") no-repeat center center #ff4f02;
      background-size: 17px 17px;
      border-radius: 3px;
      margin-top: 10px;
      margin-right: 10px; }
    #header-mobile .find-trip-mobile:hover {
      background: url("../images/icon-search.ad76d63ebc43.png") no-repeat center center #ff7430;
      background-size: 17px 17px; }
    #header-mobile .find-trip-mobile:active {
      background: url("../images/icon-search.ad76d63ebc43.png") no-repeat center center #dd4900;
      background-size: 17px 17px; }
    #header-mobile .add-trip-mobile {
      height: 40px;
      width: 40px;
      background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat center center #0099ff;
      background-size: 14px 14px;
      border-radius: 3px;
      margin-top: 10px;
      color: #fff;
      text-align: center;
      line-height: 35px;
      font-size: 28px; }
    #header-mobile .add-trip-mobile:hover {
      background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat center center #44b4ff;
      background-size: 14px 14px; }
    #header-mobile .add-trip-mobile:active {
      background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat center center #0077c6;
      background-size: 14px 14px; }

  #menu-mobile {
    display: none;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */ }
    #menu-mobile a {
      display: block;
      width: auto;
      padding: 19px 19px 19px 40px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3);
      text-decoration: none;
      color: #333333;
      font-size: 14px;
      cursor: pointer; }
    #menu-mobile a:hover {
      background-color: #f7f7fa; }
    #menu-mobile a:active {
      background-color: #dfdbdb; }
    #menu-mobile a.icon-post {
      background: url("../images/icon-menu-post.8e9c4bfb5ccd.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-post:hover {
      background: url("../images/icon-menu-post.8e9c4bfb5ccd.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-post:active {
      background: url("../images/icon-menu-post.8e9c4bfb5ccd.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-dashboard {
      background: url("../images/icon-menu-dashboard.05910de0b233.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-dashboard:hover {
      background: url("../images/icon-menu-dashboard.05910de0b233.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-dashboard:active {
      background: url("../images/icon-menu-dashboard.05910de0b233.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-find {
      background: url("../images/icon-menu-find.26857ceeacb0.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-find:hover {
      background: url("../images/icon-menu-find.26857ceeacb0.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-find:active {
      background: url("../images/icon-menu-find.26857ceeacb0.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-profile {
      background: url("../images/icon-menu-profile.745bb1e13b5f.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-profile:hover {
      background: url("../images/icon-menu-profile.745bb1e13b5f.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-profile:active {
      background: url("../images/icon-menu-profile.745bb1e13b5f.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-trips {
      background: url("../images/icon-menu-trips.5dcc407dd551.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-trips:hover {
      background: url("../images/icon-menu-trips.5dcc407dd551.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-trips:active {
      background: url("../images/icon-menu-trips.5dcc407dd551.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-payments {
      background: url("../images/icon-menu-payments.308810c98806.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-payments:hover {
      background: url("../images/icon-menu-payments.308810c98806.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-payments:active {
      background: url("../images/icon-menu-payments.308810c98806.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-refer {
      background: url("../images/icon-menu-referrals-pink.8649d961e6ae.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px;
      color: #F3046E; }
    #menu-mobile a.icon-refer:hover {
      background: url("../images/icon-menu-referrals-pink.8649d961e6ae.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-refer:active {
      background: url("../images/icon-menu-referrals-pink.8649d961e6ae.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-settings {
      background: url("../images/icon-menu-settings.ef3380a20b1c.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-settings:hover {
      background: url("../images/icon-menu-settings.ef3380a20b1c.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-settings:active {
      background: url("../images/icon-menu-settings.ef3380a20b1c.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-logout {
      background: url("../images/icon-menu-logout.0b22a38d5911.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-logout:hover {
      background: url("../images/icon-menu-logout.0b22a38d5911.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-logout:active {
      background: url("../images/icon-menu-logout.0b22a38d5911.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-how {
      background: url("../images/icon-menu-how.fc91107967b8.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-how:hover {
      background: url("../images/icon-menu-how.fc91107967b8.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-how:active {
      background: url("../images/icon-menu-how.fc91107967b8.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-contact {
      background: url("../images/icon-menu-envelope.20ee1ddd8eb0.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-contact:hover {
      background: url("../images/icon-menu-envelope.20ee1ddd8eb0.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-contact:active {
      background: url("../images/icon-menu-envelope.20ee1ddd8eb0.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-login {
      background: url("../images/icon-menu-login.1c0642f1f924.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-login:hover {
      background: url("../images/icon-menu-login.1c0642f1f924.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-login:active {
      background: url("../images/icon-menu-login.1c0642f1f924.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-register {
      background: url("../images/icon-menu-register.6a5498136224.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-register:hover {
      background: url("../images/icon-menu-register.6a5498136224.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-register:active {
      background: url("../images/icon-menu-register.6a5498136224.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-events {
      background: url("../images/icon-star-grey.53b0e3582aa8.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-events:hover {
      background: url("../images/icon-star-grey.53b0e3582aa8.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-events:active {
      background: url("../images/icon-star-grey.53b0e3582aa8.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-invest {
      background: url("../images/icon-invest-grey.21c732027b15.png") no-repeat left center;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-invest:hover {
      background: url("../images/icon-invest-grey.21c732027b15.png") no-repeat left center #efefef;
      background-size: 20px 20px;
      background-position: 10px; }
    #menu-mobile a.icon-invest:active {
      background: url("../images/icon-invest-grey.21c732027b15.png") no-repeat left center #cdcbcb;
      background-size: 20px 20px;
      background-position: 10px; }

  #menu-mobile.active {
    display: block; } }
#index-page.loggedout #header-page {
  position: absolute;
  border-bottom: none; }
  @media (min-width: 769px) {
    #index-page.loggedout #header-page #header-top #logo-container {
      float: left; } }
  #index-page.loggedout #header-page #header-top #menu .menu-item {
    color: #fff;
    font-size: 16px;
    margin-top: 4px;
    opacity: .9; }
  #index-page.loggedout #header-page #header-top #menu .menu-item:hover {
    opacity: 1; }
  #index-page.loggedout #header-page #header-top #menu .menu-items-auth {
    background: #FFEE1D;
    border: none; }
    #index-page.loggedout #header-page #header-top #menu .menu-items-auth .menu-item {
      color: #333333;
      padding: 16px 60px 20px 60px;
      font-size: 16px; }
  #index-page.loggedout #header-page #header-top #menu .menu-items-auth:hover {
    background: #FFEE73; }
  #index-page.loggedout #header-page #header-top #menu .menu-items-auth:active {
    background: #EFD200; }
  #index-page.loggedout #header-page #header-top #menu .help-icon {
    color: #fff;
    border: 2px solid #fff; }
  #index-page.loggedout #header-page #header-top .logo {
    background: url("../images/pop-logo-round.40ff0bd3e476.png") no-repeat center left;
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 15px 0px 0px 5px; }
  #index-page.loggedout #header-page #header-top a.previously {
    display: none; }
  #index-page.loggedout #header-page #header-top .header-facebook {
    margin: 15px 0px 0px 110px;
    float: none; }

/* Footer */
#footer {
  border-top: 1px solid #dfdbdb;
  width: 100%;
  clear: both;
  padding: 30px 0px;
  font-size: 14px;
  margin: 0px auto;
  color: #999; }
  #footer .col-5 {
    width: 20%;
    float: left;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      #footer .col-5 {
        display: none;
        width: 100%; } }
  #footer .maple-leaf {
    background: url("../images/icon-maple-leaf.038dc8b8b4b7.png") no-repeat right top;
    margin-top: 15px;
    padding-top: 41px;
    background-size: 50px 50px;
    font-size: 14px;
    line-height: 22px;
    text-align: right; }
    @media (max-width: 767px) {
      #footer .maple-leaf {
        display: block;
        margin-top: 0px;
        padding-left: 60px;
        padding-top: 0px;
        background-position: left center;
        text-align: left; } }
  #footer .copyright {
    font-size: 14px;
    line-height: 22px;
    text-align: right; }
    @media (max-width: 767px) {
      #footer .copyright {
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        background-position: left center;
        text-align: left; } }
    #footer .copyright a.logo-bottom {
      width: 80px;
      height: 60px;
      display: block;
      background: url("../images/pop-logo-grey.d3ab73988e7a.png") no-repeat right top;
      background-size: contain;
      padding-bottom: 13px; }
      @media (min-width: 769px) {
        #footer .copyright a.logo-bottom {
          margin-top: 15px;
          float: right; } }
  #footer a {
    text-decoration: none;
    color: #999; }
  #footer a:hover {
    color: #333; }
  #footer a.pink {
    color: #F3046E; }
  #footer a.pink:hover {
    color: #dd006a; }
  #footer ul {
    list-style: none;
    margin-left: 0px;
    padding: 0px; }
    #footer ul li {
      margin: 10px 0px 10px; }
  #footer .social-media .twitter {
    background: url("../images/icon-twitter-footer.28578eda312a.png") no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    float: right; }
  #footer .social-media .facebook {
    background: url("../images/icon-facebook-footer.f2e30fcdfe39.png") no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    float: right;
    margin-right: 10px; }
  #footer .social-media .instagram {
    background: url("../images/icon-instagram-footer.c9a90780b7f2.png") no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    float: right;
    margin-right: 10px; }
  #footer .image-android {
    height: 40px;
    width: 115px;
    margin-left: 10px; }
  #footer .image-ios {
    height: 40px;
    width: 135px; }
  @media (max-width: 767px) {
    #footer .mixpanel {
      float: none !important; } }

#welcome_step0-page #footer, #welcome_step1-page #footer, #welcome_step2-page #footer, #welcome_step3-page #footer, #welcome_step4-page #footer {
  display: none; }

/* Individual views */
/* Home */
#home-banner {
  position: relative;
  width: 100%;
  padding: 0px; }
  @media (min-width: 769px) {
    #home-banner {
      height: 580px; } }
  @media (max-width: 767px) {
    #home-banner {
      padding-top: 0px;
      background-size: cover; } }
  #home-banner .container {
    z-index: 100;
    position: relative; }
    @media (min-width: 769px) {
      #home-banner .container {
        padding: 15px 20px 20px 20px; } }
    @media (max-width: 767px) {
      #home-banner .container {
        padding-top: 20px;
        padding-bottom: 25px; } }
  @media (min-width: 769px) {
    #home-banner #banner-text {
      margin-top: 130px; } }
  #home-banner #banner-text h1 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin: 0px 0px 5px;
    padding: 0px 0px 0px;
    line-height: 34px; }
    @media (max-width: 767px) {
      #home-banner #banner-text h1 {
        font-size: 24px;
        line-height: 30px;
        padding: 0px;
        margin: 10px 0px 10px; } }
  #home-banner #banner-text h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 500; }
    @media (min-width: 769px) {
      #home-banner #banner-text h2 {
        margin: 3px 0px 18px 0px; } }
    @media (max-width: 767px) {
      #home-banner #banner-text h2 {
        margin: 10px 0px 10px;
        line-height: 22px; } }
  #home-banner #find-map {
    height: 640px;
    width: 100%; }
  #home-banner .banner-contents {
    color: #fff;
    width: 100%;
    padding-top: 10px;
    text-align: center; }
    #home-banner .banner-contents .banner-cta {
      border-radius: 5px;
      color: #fff;
      font-size: 16px;
      background: rgba(255, 255, 255, 0.5);
      display: inline-block;
      padding: 15px 40px 15px 30px;
      margin: 25px auto;
      text-align: center;
      cursor: pointer; }
      @media (max-width: 767px) {
        #home-banner .banner-contents .banner-cta {
          margin-top: 10px;
          margin-bottom: 40px; } }
      #home-banner .banner-contents .banner-cta .mark {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        border: 2px solid #fff;
        float: left;
        margin-right: 10px;
        line-height: 20px;
        margin-top: 2px; }
    #home-banner .banner-contents .banner-cta:hover {
      background: rgba(255, 255, 255, 0.6); }
    #home-banner .banner-contents .banner-cta:active {
      background: rgba(255, 255, 255, 0.8); }
    #home-banner .banner-contents .trip-search.from-home {
      margin-top: 95px;
      z-index: 1; }
      @media (max-width: 767px) {
        #home-banner .banner-contents .trip-search.from-home {
          margin-top: 0px; } }
    @media (min-width: 769px) {
      #home-banner .banner-contents .trip-find-container-home {
        padding: 0px 20px 0px 20px;
        box-sizing: border-box; } }
    @media (max-width: 767px) {
      #home-banner .banner-contents .l-spacer {
        display: none; } }
    #home-banner .banner-contents #button-facebook-login {
      padding: 13px 20px 13px 50px;
      color: #fff;
      border: 3px solid #fff;
      display: inline-block;
      border-radius: 5px;
      font-size: 20px;
      background: url("../images/icon-facebook-negative.49b7ebe5c459.png") no-repeat left center;
      background-position: 15px;
      font-weight: 600;
      opacity: .9;
      cursor: pointer; }
      @media (min-width: 769px) {
        #home-banner .banner-contents #button-facebook-login {
          margin-top: 10px;
          margin-bottom: 35px; } }
      @media (max-width: 767px) {
        #home-banner .banner-contents #button-facebook-login {
          font-size: 18px;
          margin-top: 12px;
          margin-bottom: 28px; } }
    #home-banner .banner-contents #button-facebook-login:hover {
      background: url("../images/icon-facebook-negative.49b7ebe5c459.png") no-repeat left center;
      background-position: 15px;
      font-weight: 600;
      opacity: 1; }
    #home-banner .banner-contents #need-more-info {
      font-size: 18px; }
  #home-banner .banner-bottom {
    width: 100%;
    background: white;
    position: absolute;
    bottom: 0px;
    padding: 10px 0px 20px;
    text-align: left;
    font-size: 18px; }
    @media (max-width: 767px) {
      #home-banner .banner-bottom {
        display: none; } }
    #home-banner .banner-bottom .banner-bottom-cta {
      border-radius: 5px;
      border: 1px solid #dfdbdb;
      color: #ff4f02;
      font-weight: 600;
      background: #fff;
      padding: 10px 15px 10px 15px;
      font-size: 16px; }
  #home-banner .home-banner-left {
    z-index: 0;
    background: #0099ff;
    box-sizing: border-box;
    padding: 0px;
    position: relative; }
    @media (min-width: 769px) {
      #home-banner .home-banner-left {
        width: 65%;
        height: 100%;
        float: left; } }
    @media (min-width: 769px) {
      #home-banner .home-banner-left #banner-how {
        float: right;
        margin: 10px 25px; } }
    @media (max-width: 767px) {
      #home-banner .home-banner-left #banner-how {
        float: left;
        margin: 10px 0px 0px 25px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #home-banner .home-banner-left #banner-how {
        margin: 10px 0px 0px 15px; } }
    #home-banner .home-banner-left #banner-how .how-text {
      float: left;
      color: #fff;
      font-size: 16px;
      margin-top: 3px;
      font-weight: 600; }
    #home-banner .home-banner-left #banner-how .mark {
      border-radius: 20px;
      border: 2px solid #fff;
      width: 25px;
      height: 25px;
      margin-right: 10px;
      color: #fff;
      line-height: 24px;
      font-weight: 600;
      font-size: 16px;
      float: left;
      text-align: center; }
    #home-banner .home-banner-left #banner-how:hover {
      opacity: .9; }
    #home-banner .home-banner-left #banner-how:active {
      opacity: 1; }
    #home-banner .home-banner-left .media-logos {
      width: 399px;
      height: 72px;
      background: url("../images/media-logos.5076548c6a57.png") no-repeat left center;
      background-size: contain;
      color: #9DDDF1;
      display: block; }
      @media (min-width: 769px) {
        #home-banner .home-banner-left .media-logos {
          position: absolute;
          left: 20px;
          bottom: 10px;
          padding-bottom: 40px; } }
      @media (max-width: 767px) {
        #home-banner .home-banner-left .media-logos {
          position: relative;
          padding: 15px;
          background-position: left center;
          margin: 0px 0px 0px 15px;
          padding: 0px 0px 20px 0px;
          height: 100px;
          width: 90%;
          box-sizing: border-box; } }
    #home-banner .home-banner-left .home-banner-graphic {
      background: url("../images/home-banner-graphic.dbe41952e26f.png") no-repeat left center;
      background-size: contain;
      width: 500px;
      height: 500px;
      background-position: 150px 100px;
      position: absolute;
      bottom: 0px;
      right: 0px; }
      @media (max-width: 767px) {
        #home-banner .home-banner-left .home-banner-graphic {
          display: none; } }
  #home-banner .home-banner-right {
    background: #007fd4;
    position: relative; }
    @media (min-width: 769px) {
      #home-banner .home-banner-right {
        float: right;
        width: 35%;
        height: 100%; } }
    #home-banner .home-banner-right .more-testimonials {
      position: absolute;
      bottom: 40px;
      left: 0px;
      width: 100%;
      text-align: center;
      text-decoration: underline;
      font-weight: 600;
      font-size: 16px; }
      @media (max-width: 767px) {
        #home-banner .home-banner-right .more-testimonials {
          position: relative;
          margin: 0px 0px 0px 15px;
          bottom: auto; } }

#home #find-map-container {
  position: relative; }
@media (min-width: 1024px) {
  #home #find-map {
    height: 500px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #home #find-map {
    height: 300px; } }
@media (max-width: 767px) {
  #home #find-map {
    height: 300px; } }
#home #find-map-cta {
  padding: 20px 0px 60px 0px;
  font-size: 16px;
  color: #777777;
  text-align: center;
  opacity: .9;
  position: relative;
  clear: both;
  border-bottom: 1px solid #dfdbdb; }
  #home #find-map-cta .arrow-down-grey {
    background: url("../images/arrow-down-grey.44355d214c6a.png") center center no-repeat;
    background-size: 21px 15px;
    width: 100%;
    text-align: center;
    height: 15px;
    position: absolute;
    bottom: 30px;
    display: block; }
#home #find-map-cta:hover {
  opacity: 1; }
#home #find-map-cta.down .arrow-down-grey {
  -webkit-animation: find-map-down .5s;
  -webkit-animation-fill-mode: forwards; }
@-webkit-keyframes find-map-down {
  0% {
    bottom: 30px; }
  100% {
    bottom: 25px; } }
#home #find-map-gradient {
  background: url("../images/map-white-gradient.987218369d08.png") repeat-x;
  background-size: contain;
  height: 45px;
  width: 100%;
  position: absolute;
  bottom: 0px; }
#home #home-locations .home-location {
  padding-top: 20%;
  width: 20%;
  float: left;
  background-size: cover;
  position: relative; }
  #home #home-locations .home-location .home-location-banner {
    width: 100%;
    text-align: center; }
    #home #home-locations .home-location .home-location-banner h4 {
      font-size: 20px;
      font-weight: 600;
      color: #fff; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #home #home-locations .home-location .home-location-banner h4 {
          font-size: 14px; } }
#home #home-locations .home-location.one {
  background: url("../images/location-vancouver-500.a26f6c10b7cd.png") top center no-repeat;
  background-size: cover; }
#home #home-locations .home-location.two {
  background: url("../images/location-seattle.77b605cf0265.png") top center no-repeat;
  background-size: cover; }
#home #home-locations .home-location.three {
  background: url("../images/location-alberta.d9165622e747.png") top center no-repeat;
  background-size: cover; }
#home #home-locations .home-location.four {
  background: url("../images/location-ontario.a3e6c79371d9.png") top center no-repeat;
  background-size: cover; }
#home #home-locations .home-location.five {
  background: url("../images/location-montreal.1435d023ecab.png") top center no-repeat;
  background-size: cover; }
#home #home-locations .home-location-banner {
  background: url("../images/location-gradient.0acb15879d1d.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%; }
  #home #home-locations .home-location-banner h4 {
    position: absolute;
    top: 70%;
    text-align: center;
    width: 100%; }
#home #home-locations .home-location:hover .home-location-banner {
  background: rgba(0, 0, 0, 0.2); }
#home #home-safety {
  background: #1CC4BF;
  color: #fff; }
  #home #home-safety h2 {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0px 0px; }
    @media (max-width: 767px) {
      #home #home-safety h2 {
        font-size: 32px;
        line-height: 36px; } }
  #home #home-safety h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 500; }
    @media (max-width: 767px) {
      #home #home-safety h3 {
        font-size: 20px;
        line-height: 30px; } }
  #home #home-safety .col-3 {
    width: 33.3%;
    text-align: center;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      #home #home-safety .col-3 {
        width: 100%; } }
    #home #home-safety .col-3 h4 {
      font-size: 24px;
      font-weight: 600;
      margin: 0px 0px 10px; }
    #home #home-safety .col-3 .text-slarge {
      font-size: 18px;
      line-height: 22px; }
  #home #home-safety .illustration {
    width: 280px;
    height: 180px;
    margin: 0px auto 20px; }
  #home #home-safety .col-3.price .illustration {
    background: url("../images/icon-benefits-prices.bc7b01440050.png") no-repeat center center;
    background-size: contain; }
  #home #home-safety .col-3.mobile .illustration {
    background: url("../images/icon-benefits-mobile.cca3250bc9fe.png") no-repeat center center;
    background-size: contain; }
  #home #home-safety .col-3.trust .illustration {
    background: url("../images/icon-benefits-verifications.9a5b91de549f.png") no-repeat center center; }
#home #home-types {
  background: #fff;
  text-align: center; }
  #home #home-types h2 {
    text-align: center;
    font-size: 30px;
    margin: 5px 0px 10px;
    font-weight: 700; }
    @media (max-width: 767px) {
      #home #home-types h2 {
        font-size: 24px; } }
  #home #home-types #box-type-tabs {
    border: 1px solid #dfdbdb;
    border-radius: 5px;
    background: #fff;
    cursor: auto; }
    #home #home-types #box-type-tabs .box-type-tab {
      float: left;
      width: 50%;
      padding: 15px;
      box-sizing: border-box;
      font-size: 16px;
      text-align: center; }
    #home #home-types #box-type-tabs .box-type-tab:hover {
      color: #000; }
    #home #home-types #box-type-tabs .box-type-tab.active {
      color: #fff; }
    #home #home-types #box-type-tabs .box-type-tab.for-hitchers {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    #home #home-types #box-type-tabs .box-type-tab.for-hitchers.active {
      background: #ff4f02; }
    #home #home-types #box-type-tabs .box-type-tab.for-drivers {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    #home #home-types #box-type-tabs .box-type-tab.for-drivers.active {
      background: #0099ff; }
  #home #home-types .box-type {
    width: 48%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 2px solid #dfdbdb; }
    @media (max-width: 767px) {
      #home #home-types .box-type {
        width: 100%;
        float: none;
        display: none; } }
    #home #home-types .box-type h2 {
      padding: 20px 30px 20px 30px;
      line-height: 36px;
      font-size: 32px;
      font-weight: 700; }
    #home #home-types .box-type a.box-image {
      display: block;
      width: 270px;
      height: 270px;
      opacity: 1;
      margin: 0 auto 0px;
      cursor: pointer; }
    #home #home-types .box-type .box-text {
      text-align: center;
      padding: 15px 15px 20px 15px;
      box-sizing: border-box; }
      #home #home-types .box-type .box-text p {
        margin: 0px;
        font-size: 20px;
        text-align: center;
        line-height: 26px;
        color: #565a5c;
        padding-left: 20px;
        padding-right: 20px; }
      #home #home-types .box-type .box-text .button, #home #home-types .box-type .box-text #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type .box-text [type="submit"], #home #home-types .box-type .box-text .vehicle-form [type=submit], .vehicle-form #home #home-types .box-type .box-text [type=submit], #home #home-types .box-type .box-text #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #home #home-types .box-type .box-text #id_submit {
        display: inline-block;
        padding: 20px 60px 20px 60px;
        font-size: 20px;
        border-radius: 50px;
        font-weight: 600; }
  #home #home-types .box-type:hover a.box-image {
    opacity: .9; }
  #home #home-types .box-type:active a.box-image {
    opacity: 1; }
  #home #home-types .box-type.active {
    display: block; }
  #home #home-types .box-type.driver {
    float: right; }
    #home #home-types .box-type.driver .box-image {
      background: url("../images/icon-driver-select.7bf496d6a714.png") no-repeat center center;
      background-size: cover; }
    #home #home-types .box-type.driver .button, #home #home-types .box-type.driver #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type.driver [type="submit"], #home #home-types .box-type.driver .vehicle-form [type=submit], .vehicle-form #home #home-types .box-type.driver [type=submit], #home #home-types .box-type.driver #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #home #home-types .box-type.driver #id_submit {
      background: #0099ff;
      color: #fff; }
    #home #home-types .box-type.driver .button:hover, #home #home-types .box-type.driver #welcome .welcome-zero #no_pending_email_form [type="submit"]:hover, #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type.driver [type="submit"]:hover, #home #home-types .box-type.driver .vehicle-form [type=submit]:hover, .vehicle-form #home #home-types .box-type.driver [type=submit]:hover, #home #home-types .box-type.driver #referrals-share #referrals-form #id_submit:hover, #referrals-share #referrals-form #home #home-types .box-type.driver #id_submit:hover {
      background: #44b4ff; }
    #home #home-types .box-type.driver .button:active, #home #home-types .box-type.driver #welcome .welcome-zero #no_pending_email_form [type="submit"]:active, #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type.driver [type="submit"]:active, #home #home-types .box-type.driver .vehicle-form [type=submit]:active, .vehicle-form #home #home-types .box-type.driver [type=submit]:active, #home #home-types .box-type.driver #referrals-share #referrals-form #id_submit:active, #referrals-share #referrals-form #home #home-types .box-type.driver #id_submit:active {
      background: #0077c6; }
  #home #home-types .box-type.hitcher {
    float: left; }
    #home #home-types .box-type.hitcher .box-image {
      background: url("../images/icon-hitcher-select.f6351b658b6d.png") no-repeat center center;
      background-size: cover; }
    #home #home-types .box-type.hitcher .button, #home #home-types .box-type.hitcher #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type.hitcher [type="submit"], #home #home-types .box-type.hitcher .vehicle-form [type=submit], .vehicle-form #home #home-types .box-type.hitcher [type=submit], #home #home-types .box-type.hitcher #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #home #home-types .box-type.hitcher #id_submit {
      background: #ff4f02;
      color: #fff; }
    #home #home-types .box-type.hitcher .button:hover, #home #home-types .box-type.hitcher #welcome .welcome-zero #no_pending_email_form [type="submit"]:hover, #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type.hitcher [type="submit"]:hover, #home #home-types .box-type.hitcher .vehicle-form [type=submit]:hover, .vehicle-form #home #home-types .box-type.hitcher [type=submit]:hover, #home #home-types .box-type.hitcher #referrals-share #referrals-form #id_submit:hover, #referrals-share #referrals-form #home #home-types .box-type.hitcher #id_submit:hover {
      background: #ff7430; }
    #home #home-types .box-type.hitcher .button:active, #home #home-types .box-type.hitcher #welcome .welcome-zero #no_pending_email_form [type="submit"]:active, #welcome .welcome-zero #no_pending_email_form #home #home-types .box-type.hitcher [type="submit"]:active, #home #home-types .box-type.hitcher .vehicle-form [type=submit]:active, .vehicle-form #home #home-types .box-type.hitcher [type=submit]:active, #home #home-types .box-type.hitcher #referrals-share #referrals-form #id_submit:active, #referrals-share #referrals-form #home #home-types .box-type.hitcher #id_submit:active {
      background: #dd4900; }
  #home #home-types .box-divider {
    height: 490px;
    width: 1px;
    background: #dfdbdb;
    display: inline-block; }
    @media (max-width: 767px) {
      #home #home-types .box-divider {
        display: none; } }
#home #home-tour {
  background: #ff4f02;
  color: #fff;
  font-size: 22px; }
  #home #home-tour .tour-left {
    width: 70%;
    box-sizing: border-box;
    text-align: center;
    float: left; }
    @media (max-width: 767px) {
      #home #home-tour .tour-left {
        clear: both;
        width: 100%; } }
  #home #home-tour .tour-right {
    width: 30%;
    float: right; }
    @media (max-width: 767px) {
      #home #home-tour .tour-right {
        clear: both;
        width: 100%; } }
  #home #home-tour .container {
    padding-top: 50px;
    padding-bottom: 50px; }
  #home #home-tour .tour-cta {
    box-sizing: border-box;
    padding: 15px 20px 15px 0px;
    border-radius: 5px;
    border: 2px solid #fff;
    background: url("../images/icon-arrow-right-negative.008e7c47ec4b.png") no-repeat 90% center;
    background-size: 30px 30px; }
    @media (max-width: 767px) {
      #home #home-tour .tour-cta {
        max-width: 300px;
        margin: 0 auto; } }
  #home #home-tour .tour-cta:hover {
    background: url("../images/icon-arrow-right-orange.934c4a42800a.png") no-repeat 90% center #fff;
    color: #ff4f02;
    background-size: 30px 30px;
    cursor: pointer; }
#home #home-sponsors {
  text-align: center; }
  #home #home-sponsors .home-sponsor-cta {
    border-radius: 5px;
    border: 2px solid #777777;
    padding: 15px 30px 15px 30px;
    display: inline-block;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px; }
  #home #home-sponsors .home-sponsor-cta:hover {
    border-radius: 5px;
    background: #777777;
    color: #fff;
    cursor: pointer; }
  #home #home-sponsors .image-bottom {
    opacity: .5; }
  #home #home-sponsors .image-bottom:hover {
    opacity: .7; }
#home .view-locations {
  text-align: center; }
  #home .view-locations .locations-cta {
    padding: 15px 30px 15px 30px;
    border: 1px solid #777777;
    margin-top: 20px;
    border-radius: 3px;
    color: #777777; }
  #home .view-locations .locations-cta:hover, #home .view-locations .locations-cta:active {
    border: 1px solid #333333;
    color: #333333; }

.landing-how-it-works {
  display: none;
  background: #ff4f02;
  color: #fff;
  padding: 40px 0px 80px; }
  .landing-how-it-works #banner-cta-how-close {
    background: url("../images/icon-close.d75f0875d4f6.png") no-repeat center center;
    width: 35px;
    height: 35px;
    background-size: 19px 19px;
    display: block;
    float: right;
    cursor: pointer;
    margin-top: -35px; }
  .landing-how-it-works #banner-cta-how-close:hover, .landing-how-it-works #banner-cta-how-close:active {
    background-color: rgba(0, 0, 0, 0.1); }
  .landing-how-it-works .col-3 {
    padding-right: 1.25%;
    padding-left: 1.25%;
    text-align: center;
    padding-top: 250px;
    background-size: contain; }
    .landing-how-it-works .col-3 .text-medium, .landing-how-it-works .col-3 #payments .payment-box .payment-text, #payments .payment-box .landing-how-it-works .col-3 .payment-text, .landing-how-it-works .col-3 #payments .payment-box .payment-amount, #payments .payment-box .landing-how-it-works .col-3 .payment-amount {
      font-size: 20px;
      font-weight: 500; }
    .landing-how-it-works .col-3 a {
      text-align: center;
      color: #fff !important;
      text-decoration: underline; }
  .landing-how-it-works .how-1 {
    background: url("../images/how-1.5e4942577aff.png") no-repeat top center; }
  .landing-how-it-works .how-2 {
    background: url("../images/how-2.d907cc8b4887.png") no-repeat top center; }
  .landing-how-it-works .how-3 {
    background: url("../images/how-3.21c15fd7ec66.png") no-repeat top center; }
  .landing-how-it-works .box-white {
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 18px 90px 18px 50px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: url("../images/icon-arrow-right-negative.008e7c47ec4b.png") no-repeat 90% center;
    background-size: 30px 30px; }
  .landing-how-it-works .box-white:hover {
    background: url("../images/icon-arrow-right-orange.934c4a42800a.png") no-repeat 90% center #fff;
    color: #ff4f02;
    background-size: 30px 30px;
    cursor: pointer; }

.landing-how-it-works.active {
  display: block; }

/* Dashboard */
#dashboard {
  padding-top: 0px; }
  #dashboard #dashboard-top {
    color: #fff; }
    #dashboard #dashboard-top .container {
      position: relative;
      padding: 0px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #dashboard #dashboard-top .container {
          padding-left: 20px;
          padding-right: 20px; } }
    #dashboard #dashboard-top .dashboard-top-picture {
      float: left;
      width: 15%;
      padding-top: 40px;
      box-sizing: border-box; }
      @media (max-width: 767px) {
        #dashboard #dashboard-top .dashboard-top-picture {
          float: none;
          width: 13%;
          padding-left: 20px;
          clear: both;
          padding-top: 20px; } }
      #dashboard #dashboard-top .dashboard-top-picture .picture {
        width: 130px;
        height: 130px;
        border-radius: 100px;
        border: 2px solid #fff; }
        @media (min-width: 768px) and (max-width: 1023px) {
          #dashboard #dashboard-top .dashboard-top-picture .picture {
            width: 100px;
            height: 100px; } }
        @media (max-width: 767px) {
          #dashboard #dashboard-top .dashboard-top-picture .picture {
            width: 80px;
            height: 80px; } }
    #dashboard #dashboard-top .dashboard-top-stats {
      float: left;
      width: 55%;
      padding: 40px 20px 40px 20px;
      box-sizing: border-box; }
      @media (max-width: 767px) {
        #dashboard #dashboard-top .dashboard-top-stats {
          width: 100%;
          float: none;
          padding: 20px 20px 20px 20px; } }
      #dashboard #dashboard-top .dashboard-top-stats h1 {
        font-size: 32px;
        margin-bottom: 15px; }
        @media (max-width: 767px) {
          #dashboard #dashboard-top .dashboard-top-stats h1 {
            font-size: 24px;
            margin-bottom: 5px; } }
      #dashboard #dashboard-top .dashboard-top-stats h2 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 0px; }
        @media (max-width: 767px) {
          #dashboard #dashboard-top .dashboard-top-stats h2 {
            font-size: 18px; } }
      #dashboard #dashboard-top .dashboard-top-stats .stat-item {
        font-size: 15px;
        float: left;
        width: 50%;
        padding-left: 35px;
        box-sizing: border-box; }
        @media (max-width: 767px) {
          #dashboard #dashboard-top .dashboard-top-stats .stat-item {
            width: 100%;
            float: none;
            margin: 10px 0px 10px; } }
      #dashboard #dashboard-top .dashboard-top-stats .stat-item.pig {
        background: url("../images/icon-pig-white.f3c96dd7231f.png") no-repeat left center;
        background-size: 24px 24px; }
      #dashboard #dashboard-top .dashboard-top-stats .stat-item.smiley {
        background: url("../images/icon-smiley-white.546ca68379a2.png") no-repeat left center;
        background-size: 24px 24px; }
      #dashboard #dashboard-top .dashboard-top-stats .stat-item.road {
        background: url("../images/icon-road-white.762ba69e2249.png") no-repeat left center;
        background-size: 24px 24px; }
      #dashboard #dashboard-top .dashboard-top-stats .stat-item.circle {
        background: url("../images/icon-circle-white.4fdcf6b4273e.png") no-repeat left center;
        background-size: 24px 24px; }
      #dashboard #dashboard-top .dashboard-top-stats .stat-item.clock {
        background: url("../images/icon-clock-white.f7114572c7ac.png") no-repeat left center;
        background-size: 24px 24px; }
      #dashboard #dashboard-top .dashboard-top-stats .profile-cta {
        border: 2px solid #fff;
        border-radius: 5px;
        padding: 15px 30px 15px 30px;
        display: inline-block;
        font-size: 16px; }
        @media (max-width: 767px) {
          #dashboard #dashboard-top .dashboard-top-stats .profile-cta {
            margin-bottom: 10px; } }
    #dashboard #dashboard-top .dashboard-top-cta {
      float: left;
      width: 30%;
      height: 100%;
      padding: 40px;
      box-sizing: border-box;
      text-align: center;
      z-index: 1;
      position: relative; }
      @media (max-width: 767px) {
        #dashboard #dashboard-top .dashboard-top-cta {
          width: 100%;
          background-position: 30% center !important;
          padding: 10px;
          margin-top: 0px;
          background-position: 25% center !important;
          background-size: 40px 40px !important; } }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-top {
        font-size: 20px;
        font-weight: 600;
        color: #fff; }
        @media (min-width: 0px) and (max-width: 1023px) {
          #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-top {
            display: none; } }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-bottom {
        margin-top: 180px;
        font-size: 24px;
        font-weight: 600;
        color: #fff; }
        @media (max-width: 767px) {
          #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-bottom {
            font-size: 20px;
            font-weight: 600;
            margin-top: 0px;
            padding: 18px; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-bottom {
            margin-top: 160px; } }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-savings-total {
        font-size: 20px; }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-savings-this-month .savings-number {
        margin-top: 70px;
        font-size: 78px;
        font-weight: 600;
        height: 55px;
        clear: both; }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-savings-this-month .savings-text {
        font-size: 20px;
        font-weight: 600; }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-savings-link {
        margin-top: 25px;
        font-size: 18px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.5); }
      #dashboard #dashboard-top .dashboard-top-cta .dashboard-top-cta-savings-mobile {
        color: #fff;
        margin-top: 10px;
        font-size: 16px; }
    #dashboard #dashboard-top .dashboard-top-cta:hover + .dashboard-top-cta-container {
      cursor: pointer;
      background: rgba(0, 0, 0, 0.2); }
    #dashboard #dashboard-top .dashboard-top-cta-container {
      background: rgba(0, 0, 0, 0.13);
      position: absolute;
      width: 30%;
      height: 100%;
      right: 0px;
      z-index: 0; }
      @media (max-width: 767px) {
        #dashboard #dashboard-top .dashboard-top-cta-container {
          width: 100%;
          height: 75px;
          bottom: 0px; } }
  #dashboard #dashboard-top.driver {
    background: #0099ff; }
    #dashboard #dashboard-top.driver .dashboard-top-cta {
      background: url("../images/icon-plus-white.4d0a9bba57d8.png") no-repeat center center;
      background-size: 140px 140px; }
    #dashboard #dashboard-top.driver .dashboard-top-stats .profile-cta:hover {
      background: #fff;
      color: #0099ff; }
  #dashboard #dashboard-top.hitcher {
    background: #ff4f02; }
    #dashboard #dashboard-top.hitcher .dashboard-top-cta {
      background: url("../images/icon-magnifier-white.5a7d2ecda05b.png") no-repeat center center;
      background-size: 140px 140px; }
    #dashboard #dashboard-top.hitcher .dashboard-top-stats .profile-cta:hover {
      background: #fff;
      color: #ff4f02; }
  #dashboard #dashboard-top .dashboard-top-cta.savings {
    background: none; }
  #dashboard #dashboard-social {
    background: #fff;
    border-bottom: 1px solid #dfdbdb; }
    #dashboard #dashboard-social .dashboard-social-box {
      background: #e5055c;
      padding: 30px;
      box-sizing: border-box;
      color: #fff;
      border-radius: 5px; }
      #dashboard #dashboard-social .dashboard-social-box .icon-love {
        background: url("../images/icon-heart-white.cb3b0f54a9ad.png") no-repeat left center;
        background-size: contain;
        width: 350px;
        margin: 0 auto; }
        @media (max-width: 767px) {
          #dashboard #dashboard-social .dashboard-social-box .icon-love {
            background-size: 40px 40px;
            background-position: center top;
            width: 100%;
            padding-top: 55px; } }
      #dashboard #dashboard-social .dashboard-social-box .cta-container {
        display: inline-block; }
      @media (max-width: 767px) {
        #dashboard #dashboard-social .dashboard-social-box .cta-text {
          text-align: center;
          float: none; } }
      #dashboard #dashboard-social .dashboard-social-box .equal-sign {
        margin: 0px 10px 0px 10px; }
        @media (max-width: 767px) {
          #dashboard #dashboard-social .dashboard-social-box .equal-sign {
            float: none;
            margin: 0px; } }
      #dashboard #dashboard-social .dashboard-social-box .social-shares {
        width: 290px;
        margin: 0 auto; }
        @media (max-width: 767px) {
          #dashboard #dashboard-social .dashboard-social-box .social-shares {
            width: 100%; } }
        #dashboard #dashboard-social .dashboard-social-box .social-shares .social-share {
          float: left;
          margin-left: 5px;
          margin-right: 5px; }
        #dashboard #dashboard-social .dashboard-social-box .social-shares .social-share.twitter {
          margin-top: 1px; }
  #dashboard #dashboard-bookings .dashboard-booking-tabs {
    width: 100%; }
    @media (max-width: 767px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs {
        display: none; } }
    #dashboard #dashboard-bookings .dashboard-booking-tabs .tab {
      float: left;
      margin-right: 50px;
      font-size: 16px;
      font-weight: 600;
      padding-bottom: 15px;
      color: #777; }
    #dashboard #dashboard-bookings .dashboard-booking-tabs .tab.active {
      border-bottom: 5px solid #333;
      color: #333; }
    #dashboard #dashboard-bookings .dashboard-booking-tabs .response-rate {
      color: #009a4b;
      font-size: 18px;
      float: right;
      font-weight: 600; }
      #dashboard #dashboard-bookings .dashboard-booking-tabs .response-rate .response-rate-circle {
        margin-right: 10px; }
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
    background: #fff; }
    @media (min-width: 769px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container {
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); } }
    @media (max-width: 767px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container {
        border: none;
        padding: 0px;
        background: none; } }
    @media (min-width: 1024px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
        display: none; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
        display: none; } }
    @media (max-width: 767px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
        display: block;
        padding: 20px;
        border-radius: 5px;
        background: #fff;
        border-radius: 5px;
        margin-bottom: 30px;
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); } }
    #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab.active {
      display: block; }
    @media (min-width: 1024px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading {
        display: none; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading {
        display: none; } }
    @media (max-width: 767px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading {
        display: block; } }
    @media (max-width: 767px) {
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading h2 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
        padding-top: 15px; } }
    #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item {
      position: relative; }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
        float: left;
        width: 17%;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        border: 2px solid #dfdbdb;
        margin-right: 3%; }
        @media (min-width: 0px) and (max-width: 1023px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
            width: 50px;
            height: 50px; } }
        @media (max-width: 767px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
            margin-top: 50px;
            width: 50px;
            height: 50px; } }
        #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture .booking-status {
          margin-top: -4px;
          margin-left: -4px; }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
        float: left;
        width: 30%; }
        @media (max-width: 767px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
            width: 70%;
            float: left; } }
        @media (min-width: 769px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
            margin-top: 10px; } }
        #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details h2 {
          color: #0099ff;
          font-size: 16px;
          font-weight: 600; }
          @media (min-width: 768px) and (max-width: 1023px) {
            #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details h2 {
              font-size: 14px; } }
          @media (max-width: 767px) {
            #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details h2 {
              font-size: 14px; } }
        #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date {
          font-size: 14px;
          margin-top: 0px;
          color: #666; }
          @media (max-width: 767px) {
            #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date {
              font-size: 14px; } }
        @media (max-width: 767px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
            margin-top: 50px; } }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details.trip-request h2 {
        color: #ff4f02; }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
        float: left;
        width: 50%;
        font-size: 16px;
        color: #666; }
        #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details strong {
          color: #333333; }
        @media (min-width: 0px) and (max-width: 1023px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
            font-size: 14px; } }
        @media (max-width: 767px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
            width: 100%; } }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type {
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        padding: 5px;
        border-radius: 3px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 17px;
        width: 100px;
        font-size: 13px; }
        @media (max-width: 767px) {
          #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type {
            left: 0px;
            top: 0px; } }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type.hitching {
        background: #ff4f02; }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type.driving {
        background: #0099ff; }
    #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item:hover {
      cursor: pointer; }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item:hover .picture {
        border: 2px solid #ccc; }
    #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-profile-container {
      width: 10%;
      float: left; }
      @media (max-width: 767px) {
        #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-profile-container {
          width: 20%; } }
      #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-profile-container .trip-match-profile {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        border: 2px solid #dfdbdb;
        display: block; }
    #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-info {
      width: 85%;
      margin-left: 5%;
      float: left; }
      @media (max-width: 767px) {
        #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-info {
          width: 75%; } }
  #dashboard #dashboard-bookings .dashboard-booking-tab-collapsed {
    display: none; }
  #dashboard #dashboard-bookings .dashboard-booking-tab-collapsed.active {
    display: block; }
  #dashboard #dashboard-recent-trips .container h2 {
    font-size: 16px;
    font-weight: 600; }
  #dashboard #dashboard-recent-trips .container .recent-trip-item {
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 5px;
    padding: 20px; }
    @media (min-width: 0px) and (max-width: 1023px) {
      #dashboard #dashboard-recent-trips .container .recent-trip-item {
        padding: 15px; } }
    #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details h2 {
      color: #0099ff;
      font-size: 16px;
      float: left;
      font-weight: 600; }
      @media (max-width: 767px) {
        #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details h2 {
          font-size: 18px; } }
    #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details .trip-date {
      float: left;
      color: #777777;
      margin-top: 0px;
      font-size: 14px; }
      @media (max-width: 767px) {
        #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details .trip-date {
          font-size: 14px;
          margin-top: 0px; } }
    #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container {
      width: 10%;
      float: left; }
      #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container .picture {
        width: 60px;
        height: 60px;
        border-radius: 60px;
        border: 2px solid #dfdbdb; }
        @media (max-width: 767px) {
          #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container .picture {
            width: 50px;
            height: 50px; } }
      @media (max-width: 767px) {
        #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container {
          width: 25%; } }
    #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .user-details {
      float: left;
      width: 40%;
      font-size: 16px;
      font-weight: 700;
      color: #333333;
      margin-top: 20px; }
      @media (max-width: 767px) {
        #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .user-details {
          width: 75%; } }
      @media (max-width: 767px) {
        #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .user-details {
          font-size: 14px;
          margin-top: 17px; } }
    #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .feedback-details {
      float: left;
      width: 50%;
      font-size: 14px;
      color: #666; }
      #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .feedback-details strong {
        color: #333333; }
      @media (min-width: 0px) and (max-width: 1023px) {
        #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .feedback-details {
          width: 100%; } }
  #dashboard .dashboard-recent-trips-collapsed {
    display: none; }
  #dashboard .dashboard-recent-trips-collapsed.active {
    display: block; }
  #dashboard #dashboard-member-stories h2 {
    font-size: 24px; }
  #dashboard #dashboard-member-stories h3 {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 600; }
  #dashboard #dashboard-member-stories .box-4 {
    width: 23.5%;
    margin-right: 2%;
    float: left;
    box-sizing: border-box;
    background: #fff; }
    @media (max-width: 767px) {
      #dashboard #dashboard-member-stories .box-4 {
        width: 100%;
        margin-bottom: 30px; } }
    #dashboard #dashboard-member-stories .box-4 .box-image {
      height: 200px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      opacity: .9; }
      @media (max-width: 767px) {
        #dashboard #dashboard-member-stories .box-4 .box-image {
          height: 300px; } }
    #dashboard #dashboard-member-stories .box-4 .box-image.jo {
      background: url("../images/member-stories-jo.86d62b3b7b4b.png") no-repeat center center #fff;
      background-size: cover; }
    #dashboard #dashboard-member-stories .box-4 .box-image.chris {
      background: url("../images/member-stories-chris.5617e0729f81.png") no-repeat center center #fff;
      background-size: cover; }
    #dashboard #dashboard-member-stories .box-4 .box-image.gui {
      background: url("../images/member-stories-gui.9509c0b44b52.png") no-repeat center center #fff;
      background-size: cover; }
    #dashboard #dashboard-member-stories .box-4 .box-text {
      box-sizing: 15px;
      padding: 0px 20px 20px 20px; }
    #dashboard #dashboard-member-stories .box-4 .box-image:hover {
      opacity: 1; }
  #dashboard #dashboard-member-stories .box-4.last {
    margin-right: 0px;
    background: url("../images/icon-pencil-orange.05e612547a5b.png") no-repeat center #fff;
    background-position-y: 60px;
    opacity: .8; }
    @media (max-width: 767px) {
      #dashboard #dashboard-member-stories .box-4.last {
        background-position-y: 100px; } }
  #dashboard #dashboard-member-stories .box-4.last:hover {
    opacity: 1; }
  #dashboard #trip-notifications .trip-notification-item {
    margin: 0px 0px 20px;
    border: 1px solid #dfdbdb;
    background: #fff;
    border-radius: 5px;
    padding: 15px; }
    #dashboard #trip-notifications .trip-notification-item .trip-details .trip-origin {
      font-size: 18px;
      font-weight: 700; }
    #dashboard #trip-notifications .trip-notification-item .trip-details .trip-date {
      margin: 0px 0px 3px; }
    #dashboard #trip-notifications .trip-notification-item .trip-details .trip-counts {
      font-weight: bold;
      margin: 5px 0px 15px; }
    #dashboard #trip-notifications .trip-notification-item .trip-details .trip-pickup {
      font-weight: 600; }
    #dashboard #trip-notifications .trip-notification-item .booking-status.top {
      margin-right: -15px;
      padding: 3px 10px 3px 10px;
      color: #fff; }
    #dashboard #trip-notifications .trip-notification-item .booking-status.top.denied {
      background: #ff6060; }
    #dashboard #trip-notifications .trip-notification-item .trip-request {
      margin: 15px 0px 15px; }
      #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic:hover {
        border: 1px solid #ccc !important; }
      #dashboard #trip-notifications .trip-notification-item .trip-request .trip-details {
        margin-top: 10px; }
      #dashboard #trip-notifications .trip-notification-item .trip-request .booking-status {
        position: relative;
        top: -5px;
        bottom: -5px; }
    #dashboard #trip-notifications .trip-notification-item .trip-request:last-child {
      margin-bottom: 0px; }
  #dashboard #trip-notifications .trip-notification-item.booker .trip-request {
    margin-bottom: 0px; }
  #dashboard #trip-notifications .trip-notification-item:hover {
    border: 1px solid #dfdbdb; }

#dashboard.page {
  padding-bottom: 0px; }

#dashboard-apps {
  background: #fff; }
  #dashboard-apps .container {
    padding-bottom: 0px; }
  #dashboard-apps .apps-image {
    background: url("../images/apps-1.5a1b67b60090.png") no-repeat; }
    @media (min-width: 769px) {
      #dashboard-apps .apps-image {
        float: left;
        width: 140px;
        height: 80px;
        background-size: 140px; } }
    @media (max-width: 767px) {
      #dashboard-apps .apps-image {
        width: 100px;
        height: 80px;
        background-size: contain;
        margin: 0 auto; } }
  #dashboard-apps .apps-text {
    font-size: 22px; }
    @media (min-width: 769px) {
      #dashboard-apps .apps-text {
        float: left;
        padding: 15px 15px 15px 30px; } }
    @media (max-width: 767px) {
      #dashboard-apps .apps-text {
        text-align: center; } }
  @media (min-width: 769px) {
    #dashboard-apps .apps-more-info {
      float: right;
      padding-top: 17px; } }
  @media (max-width: 767px) {
    #dashboard-apps .apps-more-info {
      text-align: center; } }
  #dashboard-apps .apps-more-info a {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") right center no-repeat;
    padding-right: 45px;
    background-size: 30px 30px;
    font-size: 18px;
    color: #777777; }
  #dashboard-apps .bar {
    height: 6px;
    width: 100%;
    background: url("../images/ribbon.36ac13f0ce41.png"); }

#dashboard-welcome .container {
  padding-top: 0px;
  padding-bottom: 0px; }
#dashboard-welcome #dashboard-welcome-contents {
  border-radius: 5px;
  padding: 30px;
  background: #fff;
  border: 1px solid #efefef; }
  #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit {
    float: left;
    width: 23%;
    margin-right: 2.66%;
    text-align: center;
    font-size: 16px;
    color: #777777; }
    @media (max-width: 767px) {
      #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit {
        width: 100%;
        float: none;
        margin-bottom: 20px; } }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon {
      width: 80px;
      height: 80px;
      margin: 0 auto;
      cursor: pointer; }
      @media (max-width: 767px) {
        #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon {
          width: 60px;
          height: 60px; } }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-profile-male {
      background: url("../images/welcome-benefit-picture-male.39e69180f1d8.png") no-repeat center center;
      background-size: contain; }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-profile-female {
      background: url("../images/welcome-benefit-picture-female.f8d1e68536a6.png") no-repeat center center;
      background-size: contain; }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-profile-other {
      background: url("../images/welcome-benefit-picture-other.4e31b63f4af2.png") no-repeat center center;
      background-size: contain; }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-request {
      background: url("../images/welcome-benefit-request.be0560e9fc81.png") no-repeat center center;
      background-size: contain; }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-trip {
      background: url("../images/welcome-benefit-trip.ed0b6ce98fd7.png") no-repeat center center;
      background-size: contain; }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-apps {
      background: url("../images/apps-1.5a1b67b60090.png") no-repeat center center;
      background-size: contain; }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-verified {
      background: url("../images/icon-verified.804ca7ec886b.png") no-repeat center center;
      background-size: 60px 60px; }
      @media (max-width: 767px) {
        #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-icon.icon-verified {
          background-size: 50px 50px; } }
    #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit .dashboard-welcome-benefit-text {
      font-size: 15px; }
  #dashboard-welcome #dashboard-welcome-contents .divider.short {
    max-width: 300px;
    margin: 15px auto 10px; }
  #dashboard-welcome #dashboard-welcome-contents .dashboard-welcome-benefit.last {
    margin-right: 0px; }

#dashboard-boxes .dashboard-box {
  background: #fff;
  border-radius: 5px; }
  @media (min-width: 769px) {
    #dashboard-boxes .dashboard-box {
      width: 32%;
      float: left;
      margin-right: 2%; } }
  #dashboard-boxes .dashboard-box .dashboard-box-image {
    height: 200px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-member-male {
    background: url("../images/member-stories-chris.5617e0729f81.png") no-repeat center center;
    background-size: cover; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-member-female {
    background: url("../images/member-stories-jo.86d62b3b7b4b.png") no-repeat center center;
    background-size: cover; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-member-other {
    background: url("../images/member-stories-gui.9509c0b44b52.png") no-repeat center center;
    background-size: cover; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-perks {
    background: url("../images/icon-gift-white.6833ec218096.png") no-repeat center center #ff4f02;
    background-position: center 40px; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-feature {
    background: url("../images/dashboard-box-image-feature.1ab05caaa1a2.png") no-repeat center center;
    background-size: cover; }
    #dashboard-boxes .dashboard-box .dashboard-box-image-feature .dashboard-box-image-text {
      color: #F3046E; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-facebook {
    background: url("../images/dashboard-box-image-facebook.30c169894906.png") no-repeat center center;
    background-size: cover; }
  #dashboard-boxes .dashboard-box .dashboard-box-image-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 600; }
  #dashboard-boxes .dashboard-box .dashboard-box-contents {
    padding: 15px; }
@media (min-width: 769px) {
  #dashboard-boxes .dashboard-box.last {
    margin-right: 0px; } }
#dashboard-boxes .dashboard-box.share {
  height: 348px;
  background: #F3046E; }
  #dashboard-boxes .dashboard-box.share .dashboard-box-share-icon {
    background: url("../images/icon-heart-white.cb3b0f54a9ad.png") no-repeat;
    background-size: contain;
    background-position: 0px 40px;
    width: 50px;
    height: 90px;
    margin: 0px auto; }
  #dashboard-boxes .dashboard-box.share .dashboard-box-share-text {
    color: #fff;
    margin-top: 50px; }
  #dashboard-boxes .dashboard-box.share .dashboard-box-share-social-shares {
    background: #fff;
    border-radius: 5px;
    width: 80%;
    margin: 30px auto;
    padding: 20px 20px 10px 20px;
    text-align: center; }
    #dashboard-boxes .dashboard-box.share .dashboard-box-share-social-shares .facebook-share {
      float: left;
      margin-right: 10px; }
    #dashboard-boxes .dashboard-box.share .dashboard-box-share-social-shares .twitter-share {
      float: left; }
  #dashboard-boxes .dashboard-box.share .dashboard-box-share-social-shares-container {
    display: inline-block; }

/* Welcome form */
#welcome.page {
  background: #f7f7fa;
  padding-bottom: 0px;
  padding-bottom: 100px;
  padding-top: 20px; }
  @media (max-width: 767px) {
    #welcome.page {
      padding-top: 0px; } }

/* Welcome */
#welcome {
  text-align: center; }
  #welcome .welcome-container {
    border-radius: 5px;
    background: #fff;
    padding-bottom: 80px; }
  #welcome .welcome-logo {
    background: url("../images/hitchplanet-icon.43ca1e9214fc.png") no-repeat center center #fff;
    background-size: contain;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 50px; }
    @media (min-width: 1024px) {
      #welcome .welcome-logo {
        margin: -10px auto 12px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #welcome .welcome-logo {
        margin: -10px auto 12px; } }
    @media (max-width: 767px) {
      #welcome .welcome-logo {
        margin: 10px auto 12px; } }
  #welcome .welcome-banner {
    width: 100%;
    padding: 25px 15px 30px 15px;
    box-sizing: border-box;
    background: #0099ff;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    #welcome .welcome-banner .welcome-h1 {
      font-size: 22px; }
      @media (max-width: 767px) {
        #welcome .welcome-banner .welcome-h1 {
          font-size: 18px; } }
    #welcome .welcome-banner .welcome-h2 {
      font-size: 40px; }
      @media (max-width: 767px) {
        #welcome .welcome-banner .welcome-h2 {
          font-size: 24px; } }
  #welcome .welcome-contents {
    padding: 0px 20px 0px 20px; }
  #welcome #resending-progress-indicator {
    margin: 0 auto; }
  #welcome .phone-verification-box {
    margin: 0 auto;
    max-width: 430px; }
    @media (max-width: 767px) {
      #welcome .phone-verification-box .float-left {
        float: none; } }
    @media (max-width: 767px) {
      #welcome .phone-verification-box #send-button, #welcome .phone-verification-box #send-code-button {
        margin: 15px auto; } }
  #welcome h2 {
    font-size: 24px;
    font-weight: 800; }
  #welcome .question {
    font-size: 18px;
    font-weight: 700; }
  #welcome .bullet-item {
    float: left; }
    #welcome .bullet-item .bullet {
      float: left;
      width: 20px;
      height: 20px;
      border-radius: 100px;
      border: 1px solid #777777;
      cursor: pointer; }
    #welcome .bullet-item .bullet.active {
      background-size: contain; }
      #welcome .bullet-item .bullet.active .circle {
        height: 14px;
        width: 14px;
        margin: 3px 0px 0px 3px;
        border-radius: 10px;
        background: #333333; }
    #welcome .bullet-item .text {
      float: left;
      margin-left: 10px; }
  #welcome .bullet-item.spacer {
    margin-right: 30px; }
  #welcome .picture {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 1px solid #dfdbdb; }
  #welcome .profile-pic.none {
    background: url("../images/icon-profile-missing.e712f5d79fa2.png") no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    float: none;
    cursor: default; }
  #welcome .upload-picture {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 2px solid #dfdbdb;
    margin: 0 auto; }
  #welcome .textarea {
    height: 150px; }
  #welcome #send-button, #welcome #send-code-button {
    padding: 16px 30px 16px 30px !important;
    margin-left: 20px; }
  #welcome .welcome-zero .verify-email {
    background: url("../images/icon-email.fe885bfd9c96.png") no-repeat left center;
    padding-left: 50px;
    background-size: contain; }
  #welcome .welcome-zero .verify-phone {
    background: url("../images/icon-phone.7825182153ef.png") no-repeat left center;
    padding-left: 40px;
    background-size: contain; }
  #welcome .welcome-zero .email-ticked {
    background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat left center;
    color: #009a4b;
    text-indent: 25px; }
  #welcome .welcome-zero .social-signup-container {
    max-width: 400px;
    display: inline-block;
    margin: 0 auto; }
  #welcome .welcome-zero #no_pending_email_form {
    display: none; }
    #welcome .welcome-zero #no_pending_email_form ul.errorlist {
      font-size: 14px;
      text-align: left; }
    #welcome .welcome-zero #no_pending_email_form [type="submit"] {
      margin: 10px auto; }
    #welcome .welcome-zero #no_pending_email_form [for="id_email"] {
      display: none; }
    #welcome .welcome-zero #no_pending_email_form [name="email"] {
      width: auto;
      display: block; }
  #welcome .welcome-zero #no_pending_email_form.active {
    display: block; }
  #welcome .welcome-zero .country-list {
    text-align: left; }
  #welcome .welcome-left {
    width: 70%;
    float: left; }
    @media (max-width: 767px) {
      #welcome .welcome-left {
        width: 100%; } }
  #welcome .welcome-right {
    width: 30%;
    float: left; }
    #welcome .welcome-right .text-medium, #welcome .welcome-right #payments .payment-box .payment-text, #payments .payment-box #welcome .welcome-right .payment-text, #welcome .welcome-right #payments .payment-box .payment-amount, #payments .payment-box #welcome .welcome-right .payment-amount {
      line-height: 22px; }
    @media (max-width: 767px) {
      #welcome .welcome-right {
        width: 100%;
        margin-top: 20px; } }
  #welcome #id_description {
    max-height: 100px;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 3px; }
  #welcome .profile-pic {
    margin-right: 15px; }
  #welcome #id_description-error, #welcome #id_profile_image-error {
    display: block;
    margin-top: 15px; }
  #welcome .form-row.tos {
    max-width: 390px;
    margin: 0 auto;
    position: relative; }
    #welcome .form-row.tos .checker {
      border: 1px solid #666; }
  #welcome .loading {
    margin: 0 auto; }
  #welcome #tos-error {
    left: 10px;
    top: -40px; }

#welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number {
  width: 200px;
  padding: 17px 17px 17px 45px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Open Sans, Sans-serif;
  border: 1px solid #dfdbdb; }
  @media (max-width: 767px) {
    #welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number {
      margin: 0 auto; } }
#welcome #id_code, #modal-phone #id_code {
  padding-left: 17px; }

.exit-welcome {
  line-height: 58px;
  font-size: 14px;
  color: #333333; }

.exit-welcome:hover {
  color: #000; }

.pre-page.welcome {
  background: #f0f8ff; }

.welcome-progress-container {
  width: 70%;
  margin: 0 auto; }
  .welcome-progress-container .welcome-progress {
    margin-top: 5px;
    float: left;
    box-sizing: border-box;
    height: 17px;
    width: 70%;
    border: 2px solid #fff;
    border-radius: 20px; }
    .welcome-progress-container .welcome-progress .progress-indicator {
      background: #fff;
      height: 100%;
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px; }
    .welcome-progress-container .welcome-progress .progress-indicator.zero {
      width: 16.6%; }
    .welcome-progress-container .welcome-progress .progress-indicator.one {
      width: 33.34%; }
    .welcome-progress-container .welcome-progress .progress-indicator.two {
      width: 50%; }
    .welcome-progress-container .welcome-progress .progress-indicator.three {
      width: 66.6%; }
    .welcome-progress-container .welcome-progress .progress-indicator.four {
      width: 83.34%; }
    .welcome-progress-container .welcome-progress .progress-indicator.five {
      width: 100%; }
    @media (max-width: 767px) {
      .welcome-progress-container .welcome-progress {
        float: none;
        width: 100%; } }
  .welcome-progress-container .welcome-progress-label {
    float: left;
    width: 30%;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      .welcome-progress-container .welcome-progress-label {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        padding-right: 0px;
        text-align: center; } }
  @media (max-width: 767px) {
    .welcome-progress-container {
      width: 100%;
      padding-bottom: 0px; } }

@media only screen and (max-width: 666px) {
  .pre-page.welcome .container {
    padding-bottom: 20px; } }
/* Common trip items */
.trip-cancelled-alert {
  padding: 5px 10px 5px 25px;
  border-radius: 3px;
  border: 2px solid #ff6060;
  background: url("../images/icon-cancel-red.ce63778ae882.png") no-repeat left center #fff;
  background-size: 15px 15px;
  background-position: 5px;
  color: #ff6060;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
  text-align: center; }

.trip-info-alert {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 600; }

.trip-info-alert.trip-past {
  background: url("../images/icon-trip-past.f26f03a40d3c.png") no-repeat left center;
  padding-left: 27px;
  background-size: 18px 18px;
  font-size: 16px; }

/* Trip page */
#trip_view-page .trip-actions, #trip_edit-page .trip-actions {
  background: #efefef;
  border-bottom: 1px solid #dfdbdb; }
  #trip_view-page .trip-actions .trip-action, #trip_edit-page .trip-actions .trip-action {
    padding: 18px 15px 18px 15px;
    float: left; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action, #trip_edit-page .trip-actions .trip-action {
        padding: 18px 11px 18px 11px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip_view-page .trip-actions .trip-action-edit, #trip_view-page .trip-actions .trip-action-cancel, #trip_edit-page .trip-actions .trip-action-edit, #trip_edit-page .trip-actions .trip-action-cancel {
      height: 19px;
      padding-left: 0px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip_view-page .trip-actions .trip-label, #trip_edit-page .trip-actions .trip-label {
      display: none; } }
  #trip_view-page .trip-actions .trip-action, #trip_edit-page .trip-actions .trip-action {
    border-left: 1px solid #dfdbdb;
    color: #777777;
    font-weight: 600; }
  #trip_view-page .trip-actions .trip-action-edit, #trip_edit-page .trip-actions .trip-action-edit {
    background: url("../images/icon-edit-grey.221f70974982.png") no-repeat left center;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-edit, #trip_edit-page .trip-actions .trip-action-edit {
        background-position: 19px; } }
  #trip_view-page .trip-actions .trip-action-edit:hover, #trip_edit-page .trip-actions .trip-action-edit:hover {
    background: url("../images/icon-edit-grey.221f70974982.png") no-repeat left center #dfdbdb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-edit:hover, #trip_edit-page .trip-actions .trip-action-edit:hover {
        background-position: 19px; } }
  #trip_view-page .trip-actions .trip-action-edit:active, #trip_edit-page .trip-actions .trip-action-edit:active {
    background: url("../images/icon-edit-grey.221f70974982.png") no-repeat left center #cdcbcb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-edit:active, #trip_edit-page .trip-actions .trip-action-edit:active {
        background-position: 19px; } }
  #trip_view-page .trip-actions .trip-action-cancel, #trip_edit-page .trip-actions .trip-action-cancel {
    background: url("../images/icon-cancel-grey.6c512e15cf37.png") no-repeat left center;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 12px; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-cancel, #trip_edit-page .trip-actions .trip-action-cancel {
        background-position: 19px; } }
  #trip_view-page .trip-actions .trip-action-cancel:hover, #trip_edit-page .trip-actions .trip-action-cancel:hover {
    background: url("../images/icon-cancel-grey.6c512e15cf37.png") no-repeat left center #dfdbdb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 12px; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-cancel:hover, #trip_edit-page .trip-actions .trip-action-cancel:hover {
        background-position: 19px; } }
  #trip_view-page .trip-actions .trip-action-view, #trip_edit-page .trip-actions .trip-action-view {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat right center;
    background-size: 24px 24px;
    padding-right: 47px;
    background-position: 78px; }
    @media (max-width: 767px) {
      #trip_view-page .trip-actions .trip-action-view, #trip_edit-page .trip-actions .trip-action-view {
        background: none;
        padding-right: 10px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-view, #trip_edit-page .trip-actions .trip-action-view {
        padding-right: 0px; } }
  #trip_view-page .trip-actions .trip-action-view:hover, #trip_edit-page .trip-actions .trip-action-view:hover {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat right center #dfdbdb;
    background-size: 24px 24px;
    padding-right: 47px;
    background-position: 78px; }
    @media (max-width: 767px) {
      #trip_view-page .trip-actions .trip-action-view:hover, #trip_edit-page .trip-actions .trip-action-view:hover {
        background: none;
        padding-right: 10px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-view:hover, #trip_edit-page .trip-actions .trip-action-view:hover {
        padding-right: 0px; } }
  #trip_view-page .trip-actions .trip-action-view:active, #trip_edit-page .trip-actions .trip-action-view:active {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat right center #cdcbcb;
    background-size: 24px 24px;
    padding-right: 47px;
    background-position: 78px; }
    @media (max-width: 767px) {
      #trip_view-page .trip-actions .trip-action-view:active, #trip_edit-page .trip-actions .trip-action-view:active {
        background: none;
        padding-right: 10px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip_view-page .trip-actions .trip-action-view:active, #trip_edit-page .trip-actions .trip-action-view:active {
        padding-right: 0px; } }
  #trip_view-page .trip-actions .container, #trip_edit-page .trip-actions .container {
    padding: 0px; }
  #trip_view-page .trip-actions .request-trigger, #trip_edit-page .trip-actions .request-trigger {
    height: 20px;
    width: 30px;
    border-radius: 20px;
    margin-top: 1px;
    margin-right: 12px;
    position: relative;
    padding-right: 3px; }
    #trip_view-page .trip-actions .request-trigger .toggler, #trip_edit-page .trip-actions .request-trigger .toggler {
      height: 16px;
      width: 16px;
      background: #fff;
      border-radius: 16px;
      position: absolute; }
  #trip_view-page .trip-actions .request-trigger.open, #trip_edit-page .trip-actions .request-trigger.open {
    background: #009a4b;
    cursor: pointer; }
    #trip_view-page .trip-actions .request-trigger.open .toggler, #trip_edit-page .trip-actions .request-trigger.open .toggler {
      top: 2px;
      left: 2px; }
  #trip_view-page .trip-actions .request-trigger.closed, #trip_edit-page .trip-actions .request-trigger.closed {
    background: #ff6060;
    cursor: pointer; }
    #trip_view-page .trip-actions .request-trigger.closed .toggler, #trip_edit-page .trip-actions .request-trigger.closed .toggler {
      top: 2px;
      right: 2px; }
  #trip_view-page .trip-actions .request-trigger.suspended, #trip_edit-page .trip-actions .request-trigger.suspended {
    background: #dfdbdb; }
    #trip_view-page .trip-actions .request-trigger.suspended .toggler, #trip_edit-page .trip-actions .request-trigger.suspended .toggler {
      top: 2px;
      right: 2px; }
  #trip_view-page .trip-actions .trip-status.open, #trip_edit-page .trip-actions .trip-status.open {
    color: #009a4b; }
  #trip_view-page .trip-actions .trip-status.closed, #trip_edit-page .trip-actions .trip-status.closed {
    color: #ff6060; }
  #trip_view-page .trip-actions .trip-status.suspended, #trip_edit-page .trip-actions .trip-status.suspended {
    color: #777777; }

#trip #trip-login {
  text-align: center; }
  #trip #trip-login .button, #trip #trip-login #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #trip #trip-login [type="submit"], #trip #trip-login .vehicle-form [type=submit], .vehicle-form #trip #trip-login [type=submit], #trip #trip-login #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #trip #trip-login #id_submit {
    max-width: 300px;
    margin: 0 auto;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px; }
#trip #trip-international {
  background: #fbffcb;
  border-bottom: 1px solid #ffcc00; }
  #trip #trip-international .container {
    background: url("../images/icon-international.e74cab1e919e.png") no-repeat left center;
    background-size: 30px 30px;
    padding-left: 55px;
    background-position: 10px; }
    @media (max-width: 767px) {
      #trip #trip-international .container {
        padding-top: 10px;
        padding-bottom: 10px; } }
#trip #trip-international.trip-international-hitcher {
  margin-bottom: 20px;
  border: 1px solid #ffcc00;
  border-radius: 5px; }
  @media (min-width: 769px) {
    #trip #trip-international.trip-international-hitcher {
      float: left; } }
  @media (min-width: 1024px) {
    #trip #trip-international.trip-international-hitcher {
      width: 580px; } }
  #trip #trip-international.trip-international-hitcher .container {
    background-position-x: 20px;
    padding: 15px 15px 15px 60px; }
#trip #trip-info {
  background: #fff; }
  #trip #trip-info .back-to-results-container .back-to-results {
    color: #ff4f02;
    background: url("../images/icon-arrow-left-orange.b7abdb3d9f64.png") no-repeat left center;
    background-size: contain;
    padding-left: 30px;
    font-size: 16px; }
  #trip #trip-info .back-to-results-container .divider {
    background: rgba(0, 0, 0, 0.1); }
  #trip #trip-info #trip-info-left {
    width: 65%;
    float: left; }
    @media (max-width: 767px) {
      #trip #trip-info #trip-info-left {
        width: 100%; } }
    #trip #trip-info #trip-info-left #trip-info-picture {
      width: 25%;
      float: left; }
      @media (max-width: 767px) {
        #trip #trip-info #trip-info-left #trip-info-picture {
          float: none;
          width: 100%; } }
      #trip #trip-info #trip-info-left #trip-info-picture .driver-picture {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        border: 2px solid #dfdbdb;
        margin: 0px 0px 10px; }
        @media (max-width: 767px) {
          #trip #trip-info #trip-info-left #trip-info-picture .driver-picture {
            width: 60px;
            height: 60px;
            margin-top: 0px;
            float: left; } }
      @media (max-width: 767px) {
        #trip #trip-info #trip-info-left #trip-info-picture .driver-details {
          float: left;
          margin-left: 10px; } }
      #trip #trip-info #trip-info-left #trip-info-picture .driver-name {
        width: 100px;
        font-weight: 600; }
        @media (max-width: 767px) {
          #trip #trip-info #trip-info-left #trip-info-picture .driver-name {
            width: 100%;
            text-align: left;
            font-size: 16px; } }
        @media (min-width: 320px) and (max-width: 480px) {
          #trip #trip-info #trip-info-left #trip-info-picture .driver-name {
            width: 200px; } }
      #trip #trip-info #trip-info-left #trip-info-picture .facebook-friend-count-container {
        width: 110px; }
        @media (max-width: 767px) {
          #trip #trip-info #trip-info-left #trip-info-picture .facebook-friend-count-container {
            text-align: left; } }
        #trip #trip-info #trip-info-left #trip-info-picture .facebook-friend-count-container .facebook-friend-count {
          background-size: 15px 15px;
          padding-left: 22px;
          margin-top: 2px; }
    #trip #trip-info #trip-info-left #trip-info-picture.inactive {
      display: none; }
    @media (min-width: 769px) {
      #trip #trip-info #trip-info-left #trip-driver-reviews {
        text-align: center;
        width: 100px; } }
    @media (max-width: 767px) {
      #trip #trip-info #trip-info-left #trip-driver-reviews {
        margin-top: 2px;
        float: left; } }
    #trip #trip-info #trip-info-left #trip-info-badges {
      width: 45px; }
      @media (min-width: 769px) {
        #trip #trip-info #trip-info-left #trip-info-badges {
          margin: 6px 0px 0px 30px; } }
      @media (max-width: 767px) {
        #trip #trip-info #trip-info-left #trip-info-badges {
          float: left;
          width: auto;
          margin-left: 10px;
          margin-top: 2px; } }
      #trip #trip-info #trip-info-left #trip-info-badges .badge {
        width: 25px;
        height: 25px;
        background-size: contain;
        float: left;
        margin: 0px 5px 0px 5px; }
        @media (max-width: 767px) {
          #trip #trip-info #trip-info-left #trip-info-badges .badge {
            width: 20px;
            height: 20px;
            margin: 0px 5px 0px 0px; } }
    #trip #trip-info #trip-info-left #trip-info-badges.two {
      width: 90px; }
      @media (min-width: 769px) {
        #trip #trip-info #trip-info-left #trip-info-badges.two {
          margin: 6px 0px 0px 12px; } }
    #trip #trip-info #trip-info-left #trip-info-details {
      width: 73%;
      float: left; }
      @media (max-width: 767px) {
        #trip #trip-info #trip-info-left #trip-info-details {
          width: 100%;
          float: none;
          margin-top: 10px; } }
      #trip #trip-info #trip-info-left #trip-info-details h1 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 5px;
        margin-top: 10px;
        color: #0099ff; }
        @media (max-width: 767px) {
          #trip #trip-info #trip-info-left #trip-info-details h1 {
            margin-top: 0px;
            font-size: 20px; } }
      #trip #trip-info #trip-info-left #trip-info-details h2 {
        font-size: 16px;
        margin-top: 0px;
        font-weight: 600;
        color: #333333; }
        @media (max-width: 767px) {
          #trip #trip-info #trip-info-left #trip-info-details h2 {
            font-size: 16px; } }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-details-trigger {
        padding: 8px 20px 8px 20px;
        border: 2px solid #777777;
        color: #777777;
        border-radius: 5px;
        display: inline-block; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-details-trigger:hover {
        background: #fff;
        color: #0099ff; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-locations .location-label {
        float: left;
        width: 90px;
        padding-left: 23px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-locations .location-label.icon-blue {
        background: url("../images/icon-location-blue.9241dadfa51d.png") no-repeat left center;
        background-size: 15px 15px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-locations .location-label.icon-orange {
        background: url("../images/icon-location-orange.044a6429d584.png") no-repeat left center;
        background-size: 15px 15px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-locations .location-text {
        float: left;
        max-width: 330px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-distance .distance-label {
        float: left;
        width: 90px;
        padding-left: 23px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-distance .distance-label.icon-distance {
        background: url("../images/icon-odometer.853fd78f68ee.png") no-repeat left center;
        background-size: 15px 15px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-distance .distance-text {
        float: left; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-dates .date-label {
        float: left;
        width: 90px;
        background: url("../images/icon-clock.666c1bc4b0b2.png") no-repeat left center;
        background-size: 15px 15px;
        padding-left: 23px; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-dates .date-text {
        float: left; }
      #trip #trip-info #trip-info-left #trip-info-details #trip-info-description {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #777777; }
      #trip #trip-info #trip-info-left #trip-info-details .trip-description-long {
        display: none; }
      #trip #trip-info #trip-info-left #trip-info-details .trip-description-long.active {
        display: block; }
      #trip #trip-info #trip-info-left #trip-info-details .edit-trip-text {
        font-size: 15px;
        background: url("../images/icon-edit-grey.221f70974982.png") no-repeat center left;
        background-size: 18px 18px;
        padding-left: 25px; }
  #trip #trip-info #trip-info-right {
    width: 35%;
    float: right; }
    @media (max-width: 767px) {
      #trip #trip-info #trip-info-right {
        width: 100%; } }
  #trip #trip-info .button-reveal-more-info {
    display: none;
    border: 2px solid #777777;
    padding: 10px 20px 10px 20px;
    text-align: center;
    font-weight: 600;
    border-radius: 5px; }
    @media (max-width: 767px) {
      #trip #trip-info .button-reveal-more-info {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 20px; } }
  #trip #trip-info .button-reveal-more-info:hover, #trip #trip-info .button-reveal-more-info:active {
    border: 2px solid #333333;
    color: #333333; }
  @media (max-width: 767px) {
    #trip #trip-info .trip-more-info-contents {
      display: none; } }
  @media (max-width: 767px) {
    #trip #trip-info .trip-more-info-contents.active {
      display: block; } }
#trip #trip-info.driver .trip-info-container {
  padding-bottom: 10px; }
#trip #trip-divider-for-driver {
  height: 1px;
  width: 100%;
  background: #dfdbdb; }
#trip #trip-booked.booking-requested {
  background: #777777; }
#trip #trip-booked.booking-requested {
  background: #0099ff; }
#trip #trip-booked.booking-confirmed {
  background: #66cc66; }
#trip #trip-booked.booking-declined {
  background: #ff6666; }
#trip #trip-booked.booking-none {
  background: #0099ff; }
#trip #trip-booked {
  height: 60px; }
  #trip #trip-booked .container {
    padding: 10px 0px 10px 0px; }
  #trip #trip-booked .booked-text {
    float: left;
    margin: 10px 20px;
    font-size: 16px;
    color: #fff; }
  #trip #trip-booked .booked {
    border: 2px solid #dfdbdb;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    float: left;
    margin-top: 0px;
    margin-right: 7px;
    text-align: center;
    line-height: 35px;
    font-size: 18px; }
  #trip #trip-booked .booked.empty {
    border: none;
    background: url("../images/icon-seat-empty.853780497903.png") no-repeat center center;
    background-size: contain;
    margin-top: 2px; }
#trip #trip-what-next {
  border-bottom: 1px solid #dfdbdb; }
#trip #trip-bookings {
  background: #fff; }
  #trip #trip-bookings #trip-bookings-for-hitcher {
    background: #f7f7fa;
    border-bottom: 1px solid #dfdbdb; }
    #trip #trip-bookings #trip-bookings-for-hitcher .container {
      position: relative; }
    @media (min-width: 769px) {
      #trip #trip-bookings #trip-bookings-for-hitcher .trip-questions-container {
        float: left;
        width: 60%; } }
    @media (max-width: 767px) {
      #trip #trip-bookings #trip-bookings-for-hitcher .trip-questions-container {
        max-width: none;
        margin-top: 20px; } }
    #trip #trip-bookings #trip-bookings-for-hitcher .booking-status-container {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      background: #fff;
      box-sizing: border-box; }
      @media (min-width: 769px) {
        #trip #trip-bookings #trip-bookings-for-hitcher .booking-status-container {
          float: right;
          width: 35%;
          margin-top: -80px; } }
      @media (max-width: 767px) {
        #trip #trip-bookings #trip-bookings-for-hitcher .booking-status-container {
          float: none !important;
          width: 100% !important; } }
    @media (min-width: 769px) {
      #trip #trip-bookings #trip-bookings-for-hitcher .booking-status-container-heading {
        padding: 18px 12px 18px 12px;
        box-sizing: border-box;
        height: 60px;
        max-height: 60px; } }
    #trip #trip-bookings #trip-bookings-for-hitcher .booking-status-container-heading.requested {
      background: #0064a7;
      color: #fff;
      border-bottom: none; }
    #trip #trip-bookings #trip-bookings-for-hitcher #different-leg {
      margin-bottom: 20px !important;
      width: 60%; }
      @media (max-width: 767px) {
        #trip #trip-bookings #trip-bookings-for-hitcher #different-leg {
          width: 100%;
          margin-top: 20px !important; } }
  #trip #trip-bookings .trip-bookings-tabs-container .container {
    padding: 0px; }
    @media (max-width: 767px) {
      #trip #trip-bookings .trip-bookings-tabs-container .container {
        padding-bottom: 0px;
        padding-top: 10px; } }
  #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 .booking-tab-trigger {
    opacity: .8; }
  #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 .booking-tab-trigger.active {
    opacity: 1; }
    #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 .booking-tab-trigger.active .arrow-up {
      display: none !important; }
    #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 .booking-tab-trigger.active .profile-pic {
      border: 2px solid #0099ff !important; }
  @media (max-width: 767px) {
    #trip #trip-bookings .more-than-4 {
      max-width: 320px;
      margin: 0px auto; } }
  #trip #trip-bookings .return-trip {
    padding: 15px;
    font-size: 16px;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    background: #fbffcb; }
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger {
    float: left;
    width: 100px;
    height: 88px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer; }
    @media (max-width: 767px) {
      #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger {
        width: 80px;
        height: 80px; } }
    #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-pic {
      margin: 0 auto;
      border: 2px solid #dfdbdb; }
    #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-name {
      margin: 4px 0px;
      color: #777777;
      font-size: 12px; }
    #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .booking-status.pending {
      font-size: 10px;
      line-height: 16px; }
    #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .arrow-up {
      display: none; }
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .profile-pic {
    border: 2px solid #dfdbdb;
    margin: 0 auto;
    width: 50px;
    height: 50px; }
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .profile-name {
    margin: 4px 0px;
    color: #777777;
    font-size: 14px; }
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .booking-status {
    top: -5px;
    left: -5px;
    position: relative; }
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .booking-status.pending {
    font-size: 14px;
    line-height: 24px; }
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .arrow-up {
    display: block;
    border-top: 5px solid #0099ff;
    width: 70px;
    margin: 0 auto; }
  #trip #trip-bookings .trip-messages-for-hitcher {
    float: left;
    width: 60%;
    margin-right: 5%; }
    @media (max-width: 767px) {
      #trip #trip-bookings .trip-messages-for-hitcher {
        float: none;
        width: 100%;
        margin-right: 0%;
        margin-top: 20px; } }
  @media (min-width: 769px) {
    #trip #trip-bookings .booking-prompt-container {
      float: right;
      width: 35%;
      margin-top: -80px; } }
  #trip #trip-bookings .booking-prompt {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    top: -60px;
    width: 100%; }
    @media (max-width: 767px) {
      #trip #trip-bookings .booking-prompt {
        position: relative;
        top: 0px; } }
    #trip #trip-bookings .booking-prompt .booking-prompt-header {
      padding: 8px 12px 8px 12px;
      background: #1275b5;
      color: #fff;
      height: 60px;
      max-height: 60px;
      box-sizing: border-box; }
      @media (min-width: 769px) {
        #trip #trip-bookings .booking-prompt .booking-prompt-header {
          width: 100%; } }
      @media (max-width: 767px) {
        #trip #trip-bookings .booking-prompt .booking-prompt-header {
          border-top-right-radius: 5px;
          border-top-left-radius: 5px; } }
      #trip #trip-bookings .booking-prompt .booking-prompt-header .booking-price {
        font-size: 28px; }
      #trip #trip-bookings .booking-prompt .booking-prompt-header .booking-text {
        font-size: 17px;
        margin-top: 8px; }
    #trip #trip-bookings .booking-prompt .booking-prompt-header.requested {
      background: #0099ff;
      color: #fff; }
    #trip #trip-bookings .booking-prompt .booking-prompt-header.cancelled {
      background: #cc0000; }
    #trip #trip-bookings .booking-prompt .booking-prompt-contents {
      padding: 15px;
      border-left: 1px solid #dfdbdb;
      border-right: 1px solid #dfdbdb;
      border-bottom: 1px solid #dfdbdb;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      #trip #trip-bookings .booking-prompt .booking-prompt-contents .invite-icon {
        background: url("../images/icon-invite-grey.6d52da6424cf.png") no-repeat left center #e5f7ff;
        background-size: 20px 20px;
        padding-left: 35px;
        background-position: 8px; }
    #trip #trip-bookings .booking-prompt .trip-booking-form-trigger {
      font-size: 18px;
      font-weight: 600; }
  #trip #trip-bookings .booking-status-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    box-sizing: border-box; }
    @media (min-width: 769px) {
      #trip #trip-bookings .booking-status-container {
        float: right;
        width: 30%; } }
    @media (max-width: 767px) {
      #trip #trip-bookings .booking-status-container {
        float: none !important;
        width: 100% !important; } }
    #trip #trip-bookings .booking-status-container .booking-status-container-heading {
      padding: 18px 12px 18px 12px;
      box-sizing: border-box;
      height: 60px;
      max-height: 60px;
      background: #1275b5;
      color: #fff;
      font-size: 16px; }
      @media (max-width: 767px) {
        #trip #trip-bookings .booking-status-container .booking-status-container-heading {
          border-top-right-radius: 5px;
          border-top-left-radius: 5px; } }
      #trip #trip-bookings .booking-status-container .booking-status-container-heading a {
        color: #fff;
        font-weight: 400 !important; }
      #trip #trip-bookings .booking-status-container .booking-status-container-heading .text-instruction {
        font-size: 16px !important; }
    #trip #trip-bookings .booking-status-container .booking-status-container-heading.requested {
      background: #0099ff;
      color: #fff;
      border-bottom: none; }
    #trip #trip-bookings .booking-status-container .booking-status-container-heading.confirmed {
      background: #009a4b;
      color: #fff;
      border-bottom: none; }
    #trip #trip-bookings .booking-status-container .booking-status-container-heading.cancelled {
      background: #cc0000;
      color: #fff;
      border-bottom: none; }
    #trip #trip-bookings .booking-status-container .booking-status-container-heading.question {
      background: #666;
      color: #fff; }
    #trip #trip-bookings .booking-status-container .booking-status-container-heading.invited {
      background: #ff4f02;
      color: #fff; }
    #trip #trip-bookings .booking-status-container .request-text {
      font-weight: 600; }
    #trip #trip-bookings .booking-status-container .error-msg, #trip #trip-bookings .booking-status-container #booking-form .booking-version .error, #booking-form .booking-version #trip #trip-bookings .booking-status-container .error, #trip #trip-bookings .booking-status-container .tip-msg {
      border-radius: 5px;
      border: none;
      font-size: 14px; }
    #trip #trip-bookings .booking-status-container .booking-update-state {
      margin-bottom: 0px; }
    #trip #trip-bookings .booking-status-container .modal {
      color: #565a5c; }
  #trip #trip-bookings .booking-status-top {
    padding: 15px;
    border: 1px solid #dfdbdb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    #trip #trip-bookings .booking-status-top .booking-status {
      display: block;
      float: left;
      margin-right: 10px;
      font-size: 16px; }
    #trip #trip-bookings .booking-status-top .text-confirmed {
      color: #009a4b;
      background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat right center;
      padding-right: 25px; }
    #trip #trip-bookings .booking-status-top .text-declined, #trip #trip-bookings .booking-status-top .text-cancelled {
      color: #ff6060;
      background: url("../images/icon-cross-red.2f3c86013c4f.png") no-repeat right center;
      padding-right: 25px; }
    #trip #trip-bookings .booking-status-top .booking-validity {
      color: #ff0000; }
    #trip #trip-bookings .booking-status-top .phone-number-container {
      margin-top: 15px;
      margin-bottom: 15px;
      border: 2px solid #dfdbdb;
      padding: 10px;
      border-radius: 5px; }
      #trip #trip-bookings .booking-status-top .phone-number-container .phone-number {
        padding-left: 30px;
        background: url("../images/icon-phone.7825182153ef.png") no-repeat left center;
        background-size: 20px 20px; }
  #trip #trip-bookings #trip-bookings-tabs-container {
    background: #f7f7fa; }
    @media (max-width: 767px) {
      #trip #trip-bookings #trip-bookings-tabs-container {
        margin-top: 8px; } }
    #trip #trip-bookings #trip-bookings-tabs-container .booking-tab {
      display: none; }
      #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container {
        float: right;
        width: 35%;
        border-radius: 5px;
        border: 1px solid #dfdbdb;
        background: #fff;
        box-sizing: border-box; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-container-heading {
          box-sizing: border-box;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          padding: 20px 12px 18px 12px;
          box-sizing: border-box;
          height: 60px;
          max-height: 60px; }
          #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-container-heading a {
            color: #fff; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-container-heading.requested {
          background: #0099ff;
          color: #fff;
          border-bottom: none; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-container-heading.confirmed {
          background: #009a4b;
          color: #fff;
          border-bottom: none; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-container-heading.cancelled {
          background: #ff6060;
          color: #fff;
          border-bottom: none; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-container-heading.question {
          background: #666;
          color: #fff; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .request-text {
          font-weight: 600; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .error-msg, #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container #booking-form .booking-version .error, #booking-form .booking-version #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .error, #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .tip-msg {
          border-radius: 5px;
          border: none; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-update-state {
          margin-bottom: 0px; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .modal {
          color: #565a5c; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status-top {
          padding: 15px;
          box-sizing: border-box; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-status {
          display: block;
          float: left;
          margin-right: 10px; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .text-confirmed {
          color: #009a4b;
          background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat right center;
          padding-right: 25px; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .text-declined, #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .text-cancelled {
          color: #ff6060;
          background: url("../images/icon-cross-red.2f3c86013c4f.png") no-repeat right center;
          padding-right: 25px; }
        #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-status-container .booking-validity {
          color: #ff0000; }
      #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-messaging-container {
        float: right;
        width: 60%;
        margin-right: 5%;
        box-sizing: border-box; }
        @media (max-width: 767px) {
          #trip #trip-bookings #trip-bookings-tabs-container .booking-tab .booking-messaging-container {
            width: 100%;
            float: none;
            margin-top: 20px; } }
    #trip #trip-bookings #trip-bookings-tabs-container .booking-tab.active {
      display: block; }
  @media (min-width: 769px) {
    #trip #trip-bookings .booking-prompt-container {
      float: right;
      width: 35%;
      margin-top: -80px; } }
  #trip #trip-bookings .booking-prompt {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    width: 100%; }
    @media (max-width: 767px) {
      #trip #trip-bookings .booking-prompt {
        position: relative;
        top: 0px; } }
    #trip #trip-bookings .booking-prompt .booking-prompt-header {
      padding: 18px 12px 14px 12px;
      height: 60px;
      max-height: 60px;
      background: #1275b5;
      color: #fff;
      width: 100%;
      box-sizing: border-box; }
      @media (max-width: 767px) {
        #trip #trip-bookings .booking-prompt .booking-prompt-header {
          border-top-right-radius: 5px;
          border-top-left-radius: 5px; } }
      #trip #trip-bookings .booking-prompt .booking-prompt-header .booking-price {
        font-size: 28px; }
      #trip #trip-bookings .booking-prompt .booking-prompt-header .booking-cancelled {
        font-size: 20px;
        padding: 6px 0px 6px; }
      #trip #trip-bookings .booking-prompt .booking-prompt-header .booking-text {
        font-size: 17px;
        margin-top: 8px; }
    #trip #trip-bookings .booking-prompt .booking-prompt-header.requested {
      background: #0099ff;
      color: #fff; }
    #trip #trip-bookings .booking-prompt .booking-prompt-contents {
      padding: 15px;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #dfdbdb; }
    #trip #trip-bookings .booking-prompt .trip-booking-form-trigger {
      font-size: 18px;
      font-weight: 600; }
  @media (min-width: 769px) {
    #trip #trip-bookings .booking-prompt.fixed {
      position: fixed;
      margin: 90px 0px 0px -1px;
      border-radius: 5px;
      z-index: 100;
      width: 336px; } }
  @media (min-width: 769px) {
    #trip #trip-bookings .booking-prompt.fixed .booking-prompt-header {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; } }
#trip #invite-tab-trigger-container {
  padding: 0px; }
#trip .invite-tab-trigger {
  float: left;
  width: 100px;
  height: 88px;
  opacity: .8;
  margin-top: 10px; }
  #trip .invite-tab-trigger .invite-tab-icon {
    width: 45px;
    height: 45px;
    background: url("../images/icon-circle-dotted.172f95dd563c.png") no-repeat center center;
    background-size: contain;
    margin: 0px auto 5px;
    text-align: center;
    font-size: 30px;
    color: #333333;
    line-height: 45px;
    font-weight: 100;
    display: block; }
  #trip .invite-tab-trigger .invite-tab-label {
    color: #333333;
    font-size: 13px;
    text-align: center; }
#trip .invite-tab-trigger:hover {
  opacity: .9; }
#trip .invite-tab-trigger:active {
  opacity: 1; }
#trip #trip-driver {
  background: #fff; }
  #trip #trip-driver #trip-driver-left {
    float: left;
    width: 65%;
    box-sizing: border-box;
    margin-right: 5%; }
    @media (max-width: 767px) {
      #trip #trip-driver #trip-driver-left {
        float: none;
        width: 100%; } }
    #trip #trip-driver #trip-driver-left .facebook-friend-count-container {
      text-align: left; }
    #trip #trip-driver #trip-driver-left .trip-driver-picture {
      width: 20%;
      float: left; }
      #trip #trip-driver #trip-driver-left .trip-driver-picture .driver-pic {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        border: 2px solid #dfdbdb; }
        @media (max-width: 767px) {
          #trip #trip-driver #trip-driver-left .trip-driver-picture .driver-pic {
            width: 50px;
            height: 50px; } }
    #trip #trip-driver #trip-driver-left .trip-driver-stats {
      margin-left: 5%;
      width: 75%;
      float: right; }
      @media (max-width: 767px) {
        #trip #trip-driver #trip-driver-left .trip-driver-stats .col-2 {
          width: 100%; } }
      #trip #trip-driver #trip-driver-left .trip-driver-stats .stat {
        font-size: 14px;
        margin-top: 20px;
        padding-left: 35px; }
        @media (max-width: 767px) {
          #trip #trip-driver #trip-driver-left .trip-driver-stats .stat {
            margin-top: 0px;
            margin-bottom: 10px; } }
      #trip #trip-driver #trip-driver-left .trip-driver-stats .stat.response-rate {
        background: url("../images/icon-circle.bd1287e24e08.png") no-repeat left center;
        background-size: 24px 24px; }
      #trip #trip-driver #trip-driver-left .trip-driver-stats .stat.response-time {
        background: url("../images/icon-clock.666c1bc4b0b2.png") no-repeat left center;
        background-size: 24px 24px; }
      #trip #trip-driver #trip-driver-left .trip-driver-stats .stat.hitchers-driven {
        background: url("../images/icon-smiley.6222dfcb1d4a.png") no-repeat left center;
        background-size: 24px 24px; }
      #trip #trip-driver #trip-driver-left .trip-driver-stats .stat.km-shared {
        background: url("../images/icon-road.37ea38c777a6.png") no-repeat left center;
        background-size: 24px 24px; }
    #trip #trip-driver #trip-driver-left .badges .badge {
      background-size: 40px 40px;
      height: 40px;
      padding: 7px 0px 0px 54px;
      font-size: 16px; }
    #trip #trip-driver #trip-driver-left #driver-verifications .verified {
      font-size: 14px;
      padding-left: 35px;
      margin: 8px 0px 8px;
      float: left;
      width: 250px; }
      @media (min-width: 320px) and (max-width: 480px) {
        #trip #trip-driver #trip-driver-left #driver-verifications .verified {
          width: 230px; } }
    #trip #trip-driver #trip-driver-left #driver-verifications .verified.phone {
      background: url("../images/icon-phone-grey.ed5fa226b186.png") no-repeat left center;
      background-size: 20px 20px; }
    #trip #trip-driver #trip-driver-left #driver-verifications .verified.license {
      background: url("../images/icon-id-grey.312920977bb7.png") no-repeat left center;
      background-size: 20px 20px; }
    #trip #trip-driver #trip-driver-left #driver-verifications .verified.facebook {
      background: url("../images/icon-facebook-grey.48269c10f7d5.png") no-repeat left center;
      background-size: 20px 20px; }
    #trip #trip-driver #trip-driver-left #driver-verifications .verified.google {
      background: url("../images/icon-google-grey.1dfb3d05d23f.png") no-repeat left center;
      background-size: 20px 20px; }
    #trip #trip-driver #trip-driver-left #driver-verifications .verified-tick {
      float: left;
      background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat center bottom;
      width: 20px;
      height: 20px;
      margin-right: 30%;
      margin-top: 8px; }
      @media (max-width: 767px) {
        #trip #trip-driver #trip-driver-left #driver-verifications .verified-tick {
          margin-right: 0px; } }
  #trip #trip-driver #trip-driver-right {
    width: 30%;
    float: left;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      #trip #trip-driver #trip-driver-right {
        float: none;
        width: 100%;
        margin-top: 20px; } }
    #trip #trip-driver #trip-driver-right .review-item {
      margin-top: 15px; }
      #trip #trip-driver #trip-driver-right .review-item .review-pic-container {
        width: 20%;
        float: left; }
        #trip #trip-driver #trip-driver-right .review-item .review-pic-container .review-pic {
          width: 50px;
          height: 50px;
          border: 2px solid #dfdbdb;
          border-radius: 50px; }
      #trip #trip-driver #trip-driver-right .review-item .review-contents {
        width: 75%;
        float: left;
        margin-left: 5%; }
#trip #trip-widgets {
  background: #fff; }
  #trip #trip-widgets .page-left, #trip #trip-widgets .page-right {
    width: 47%; }
    @media (max-width: 767px) {
      #trip #trip-widgets .page-left, #trip #trip-widgets .page-right {
        width: 100%; } }
#trip #geo-map {
  width: 100%;
  height: 400px;
  border: 1px solid #ccc;
  box-sizing: border-box; }
  @media (min-width: 769px) {
    #trip #geo-map {
      height: 600px; } }

.toggle-messages {
  border-radius: 16px;
  background: #ececec;
  display: inline-block;
  padding: 3px 13px 3px 13px;
  color: #333;
  font-weight: 600;
  font-size: 14px !important; }

.toggle-messages:hover {
  color: #666; }

.toggle-messages-top {
  margin-top: 10px;
  margin-bottom: 10px; }

.toggle-messages-bottom {
  margin-bottom: 10px;
  margin-top: 10px; }

.message .profile-name {
  margin-top: 2px;
  color: #666;
  font-size: 14px;
  font-weight: 600; }
.message .message-picture {
  float: left;
  width: 10%; }
  @media (max-width: 767px) {
    .message .message-picture {
      width: 15%; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .message .message-picture {
      width: 20%; } }
  .message .message-picture .profile-pic {
    width: 50px;
    height: 50px;
    margin: 10px 0px;
    box-sizing: border-box; }
.message .message-contents {
  float: left;
  margin-left: 2%;
  margin-top: 8px;
  width: 88%;
  font-size: 13px;
  line-height: 21px;
  color: #666;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .message .message-contents {
      width: 83%;
      margin-left: 2%; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .message .message-contents {
      width: 78%;
      margin-left: 2%; } }
.message .message-location .message-location-map {
  width: 100%;
  height: 250px;
  display: block;
  margin-bottom: 5px;
  border-radius: 3px; }
  @media (max-width: 767px) {
    .message .message-location .message-location-map {
      height: 150px; } }

.message-public {
  margin-top: 2px;
  color: #999;
  font-size: 12px;
  background: url("../images/icon-visible.af3cd5364807.png") no-repeat left center;
  margin-left: 10px;
  padding-left: 25px; }
  @media (max-width: 767px) {
    .message-public {
      height: 20px; } }

.message-private {
  margin-top: 2px;
  color: #999;
  font-size: 12px;
  background: url("../images/icon-invisible.7dbc5b929195.png") no-repeat left center;
  margin-left: 10px;
  padding-left: 25px; }
  @media (max-width: 767px) {
    .message-private {
      height: 20px; } }

.message-mask {
  overflow: auto; }

@media (min-width: 1024px) {
  .media-credits {
    max-width: 600px; } }
@media (max-width: 767px) {
  .media-credits {
    max-width: 600px; } }

#trip-what-happens-next .col-3:first-child {
  padding-left: 0px; }
@media (max-width: 767px) {
  #trip-what-happens-next .col-3 {
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px; } }
@media (max-width: 767px) {
  #trip-what-happens-next .col-2 {
    float: none;
    width: 100%; } }
#trip-what-happens-next .icon-message {
  background: url("../images/icon-message.69e590db7fd6.png") no-repeat top left;
  padding-top: 40px;
  background-size: 30px 30px; }
#trip-what-happens-next .icon-pay-online {
  background: url("../images/icon-pay-online.36087c4e2f1c.png") no-repeat top left;
  padding-top: 40px;
  background-size: 30px 30px; }
#trip-what-happens-next .icon-travel-together {
  background: url("../images/icon-travel-together.b46414ede0c9.png") no-repeat top left;
  padding-top: 40px;
  background-size: 30px 30px; }
#trip-what-happens-next .icon-trusted {
  background: url("../images/icon-trusted-green.7d14c18ccec6.png") no-repeat top left;
  padding-top: 40px;
  background-size: 30px 30px; }
#trip-what-happens-next .icon-free {
  background: url("../images/icon-free.a0347e981e31.png") no-repeat top left;
  padding-top: 40px;
  background-size: 30px 30px; }

#trip-social-promote {
  padding-top: 15px; }
  @media (max-width: 767px) {
    #trip-social-promote {
      display: none; } }
  #trip-social-promote .share-trip-cta {
    margin-right: 16px;
    line-height: 25px;
    color: #777777; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #trip-social-promote .share-trip-cta {
        display: none; } }
  #trip-social-promote .social-shares .facebook-share {
    float: left;
    width: 83px; }
  #trip-social-promote .social-shares .twitter-share {
    float: left;
    margin-right: 10px; }
  #trip-social-promote .social-shares .reddit-share {
    float: left; }
  #trip-social-promote .social-shares .social-share-more {
    padding: 3px 23px 4px 24px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    background: #777777;
    color: #fff;
    text-align: center;
    float: left;
    display: block; }
  #trip-social-promote .social-shares .social-share-more:hover {
    background: #333333; }
  #trip-social-promote .social-shares .social-share-more:active {
    background: #000; }

.modal-review-booking {
  position: relative; }
  .modal-review-booking .profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 1px solid #dfdbdb;
    display: block;
    margin-right: 20px; }
  .modal-review-booking .booking-update-state-container {
    border: 1px solid #dfdbdb;
    border-radius: 3px;
    display: flex; }
    @media (min-width: 769px) {
      .modal-review-booking .booking-update-state-container {
        max-width: 400px; } }
  .modal-review-booking .booking-update-state-approve, .modal-review-booking .booking-update-state-decline {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 15px;
    flex: 1;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    text-align: center; }
  .modal-review-booking .booking-update-state-approve:hover, .modal-review-booking .booking-update-state-decline:hover {
    background: #efefef; }
  .modal-review-booking .booking-update-state-approve {
    border-left: 1px solid #dfdbdb; }
  .modal-review-booking .booking-udpdate-text {
    float: left; }
  .modal-review-booking .icon-approve {
    border-radius: 30px;
    height: 20px;
    width: 20px;
    background: url("../images/icon-tick-white.61a642f04cb9.png") no-repeat center center #009a4b;
    background-size: 20px 20px;
    float: left;
    margin: 0px 0px 0px 1%;
    box-sizing: border-box;
    position: absolute; }
    @media (min-width: 320px) and (max-width: 480px) {
      .modal-review-booking .icon-approve {
        margin-left: 0px; } }
  .modal-review-booking .booking-update-state-approve.clicked {
    background: #009a4b;
    color: #fff; }
  .modal-review-booking .booking-update-state-decline.clicked {
    background: #ff6060;
    color: #fff; }
  .modal-review-booking .icon-decline {
    border-radius: 30px;
    height: 20px;
    width: 20px;
    background: url("../images/icon-cross-white.bc3725197aae.png") no-repeat center center #ff6060;
    background-size: 20px 20px;
    float: left;
    margin: 0px 0px 0px 1%;
    box-sizing: border-box;
    position: absolute; }
    @media (min-width: 320px) and (max-width: 480px) {
      .modal-review-booking .icon-decline {
        margin-left: 0px; } }
  .modal-review-booking .expiry-text {
    line-height: 23px;
    background: url("../images/icon-timer-grey.0fcec53fd74d.png") no-repeat left top;
    padding-left: 30px; }
  .modal-review-booking .booking-updating {
    width: 180px;
    padding-left: 40px;
    margin: 20px auto;
    font-weight: 600; }
  .modal-review-booking .modal-loading {
    position: absolute;
    width: 95%;
    height: 90%;
    background: rgba(255, 255, 255, 0.89);
    z-index: 1000;
    text-align: center; }
    .modal-review-booking .modal-loading .loading {
      margin: 0 auto; }
    .modal-review-booking .modal-loading .modal-loading-contents {
      margin: 15% auto; }

/* Add a trip */
#offer-pre {
  background: #0099ff; }
  #offer-pre h1 {
    background-size: 40px 40px; }
    @media (max-width: 767px) {
      #offer-pre h1 {
        font-size: 20px; } }
  #offer-pre .video-cta {
    margin-top: 16px; }
  #offer-pre .banner-video-cta-text {
    font-size: 16px; }
  #offer-pre .trip-actions a:hover {
    color: #f7f7fa; }
  @media (max-width: 767px) {
    #offer-pre .container {
      padding-top: 10px;
      padding-bottom: 10px; } }

#trip_offer-page.ins-pro-1 #header-mobile, #trip_offer-page.ins-pro-2 #header-mobile {
  background: #fff; }
  #trip_offer-page.ins-pro-1 #header-mobile .find-trip-mobile, #trip_offer-page.ins-pro-1 #header-mobile .add-trip-mobile, #trip_offer-page.ins-pro-1 #header-mobile #menu-mobile-trigger, #trip_offer-page.ins-pro-2 #header-mobile .find-trip-mobile, #trip_offer-page.ins-pro-2 #header-mobile .add-trip-mobile, #trip_offer-page.ins-pro-2 #header-mobile #menu-mobile-trigger {
    display: none; }
  #trip_offer-page.ins-pro-1 #header-mobile #logo-mobile, #trip_offer-page.ins-pro-2 #header-mobile #logo-mobile {
    background: url("../images/hitchplanet-logo.7b17ba84004d.png") no-repeat left center;
    width: 200px;
    background-size: contain; }

#offer .tip-msg {
  line-height: 24px; }
#offer #trip-list {
  display: none; }
  #offer #trip-list .trip {
    margin: 5px 0px 5px;
    float: left;
    border: 1px solid #dfdbdb;
    position: relative; }
    @media (min-width: 769px) {
      #offer #trip-list .trip {
        width: 48%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      #offer #trip-list .trip {
        width: 100%;
        float: none;
        padding: 10px;
        margin: 7px 0px 7px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #offer #trip-list .trip {
        padding: 5px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #offer #trip-list .trip .trip-owner .profile-pic {
        margin-top: 0px;
        width: 40px;
        height: 40px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #offer #trip-list .trip .trip-cta .green {
        margin-top: 0px; } }
    #offer #trip-list .trip .copy-details {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 5px;
      text-align: center;
      padding-top: 25px;
      box-sizing: border-box;
      font-size: 15px; }
      @media (max-width: 767px) {
        #offer #trip-list .trip .copy-details {
          padding-top: 25px;
          font-size: 14px; } }
      @media (min-width: 320px) and (max-width: 480px) {
        #offer #trip-list .trip .copy-details {
          padding-top: 17px;
          font-size: 14px; } }
      #offer #trip-list .trip .copy-details .loading {
        margin: 4px auto; }
        @media (max-width: 767px) {
          #offer #trip-list .trip .copy-details .loading {
            margin: 0px auto; } }
        @media (min-width: 320px) and (max-width: 480px) {
          #offer #trip-list .trip .copy-details .loading {
            margin: 0px auto; } }
  @media (min-width: 769px) {
    #offer #trip-list .trip:nth-child(odd) {
      margin-right: 4%; } }
  #offer #trip-list .trip:nth-child(n+5) {
    display: none; }
  #offer #trip-list .trip:hover .copy-details, #offer #trip-list .trip:active .copy-details {
    display: block; }
#offer #trip-list.active {
  display: block; }

#offer.page {
  padding-top: 20px; }
  @media (max-width: 767px) {
    #offer.page {
      padding-top: 0px; } }

#trip-form {
  /* Styling placeholder */ }
  #trip-form #trip-form-locations .route-errors .error-msg, #trip-form #trip-form-locations .route-errors #booking-form .booking-version .error, #booking-form .booking-version #trip-form #trip-form-locations .route-errors .error {
    margin-bottom: 25px; }
  #trip-form #trip-form-locations .precise-location-helper {
    position: absolute;
    font-size: 12px;
    top: -32px;
    background: #333;
    padding: 5px 10px 5px 10px;
    color: #fff;
    border-radius: 5px;
    z-index: 100; }
  #trip-form #trip-form-locations .precise-location-helper:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #333;
    border-width: 7px;
    margin-left: -7px; }
  #trip-form #trip-form-locations #correct-waypoints-button {
    font-weight: 700; }
  #trip-form #trip-form-locations .location-container .location-label {
    width: 30%;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 19px; }
  #trip-form #trip-form-locations .location-container .location-input {
    width: 70%;
    float: left;
    position: relative; }
    #trip-form #trip-form-locations .location-container .location-input .remove-via-button {
      background: url("../images/icon-cross.cf50459a2c01.png") no-repeat center center;
      opacity: .6;
      background-size: 10px 10px;
      height: 30px;
      width: 30px;
      position: absolute;
      top: 18px;
      right: 5px;
      cursor: pointer; }
    #trip-form #trip-form-locations .location-container .location-input .remove-via-button:hover, #trip-form #trip-form-locations .location-container .location-input .remove-via-button:active {
      opacity: .8; }
    #trip-form #trip-form-locations .location-container .location-input .order-via-button {
      background: url("../images/icon-drag.dc54fb7db9c6.png") no-repeat center center;
      opacity: .8;
      height: 48px;
      width: 8px;
      position: absolute;
      top: 9px;
      left: 4px;
      cursor: move; }
    #trip-form #trip-form-locations .location-container .location-input .order-via-button:hover, #trip-form #trip-form-locations .location-container .location-input .order-via-button:active {
      opacity: 1; }
    #trip-form #trip-form-locations .location-container .location-input input {
      font-size: 14px; }
  #trip-form #trip-form-locations .location-container .location-input-edit {
    border: 1px solid #dfdbdb;
    padding: 15px;
    box-sizing: border-box;
    color: #777777;
    margin: 5px 0px 5px 0px; }
  #trip-form #trip-form-locations .vias-container-box {
    width: 70%;
    float: left; }
    #trip-form #trip-form-locations .vias-container-box .location-input {
      width: 100%; }
    #trip-form #trip-form-locations .vias-container-box .via {
      margin-bottom: 15px; }
      #trip-form #trip-form-locations .vias-container-box .via .geo-location {
        padding-left: 20px; }
      #trip-form #trip-form-locations .vias-container-box .via input {
        font-size: 14px; }
  #trip-form #trip-form-locations {
    width: 47.5%;
    margin-right: 2.5%; }
  #trip-form #trip-map {
    width: 47.5%;
    margin-left: 2.5%;
    margin-top: 5px; }
  #trip-form #geo-map {
    width: 100%;
    height: 400px;
    border: 1px solid #ccc; }
  #trip-form #geo-distance {
    padding-top: 15px;
    clear: both; }
  #trip-form #add-via-button {
    font-size: 14px;
    color: #818181;
    background: url("../images/icon-add-circle.3426ca638829.png") left center no-repeat;
    background-size: 22px 22px;
    background-position: 10px;
    padding: 15px 15px 15px 40px;
    margin-top: 0px;
    border: 1px dashed #ccc; }
  #trip-form #add-via-button:hover {
    color: #666; }
  #trip-form #trip-form-datetime .date-only, #trip-form #trip-form-datetime .time-only {
    position: relative; }
    #trip-form #trip-form-datetime .date-only input, #trip-form #trip-form-datetime .time-only input {
      padding: 15px;
      border: 1px solid #ccc; }
  #trip-form #trip-form-datetime .time-only input {
    width: 90px; }
  #trip-form #trip-form-datetime .date-edit {
    padding: 20px 0px 15px;
    font-size: 14px;
    color: #777777; }
  #trip-form #trip-form-datetime #id_return_date_clear {
    display: none; }
  #trip-form #trip-form-datetime #id_return_date_clear.active {
    display: block; }
  #trip-form #trip-form-datetime .datetime-label {
    width: 14.25%;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 19px; }
  #trip-form #trip-form-datetime .datetime-input {
    width: 50%;
    float: left; }
  #trip-form #trip-form-datetime .errorlist {
    margin-bottom: 20px; }
  @media (max-width: 767px) {
    #trip-form #trip-form-datetime .form-row.date-only {
      width: 52%; } }
  #trip-form .return-portion-trigger, #trip-form .return-portion-trigger:active {
    clear: both;
    width: 120px;
    padding-top: 20px;
    margin-left: 14.25%;
    text-decoration: underline; }
  #trip-form .return-portion-trigger:hover {
    color: #000; }
  #trip-form .return-portion {
    display: none; }
    #trip-form .return-portion .datetime-input {
      position: relative; }
    #trip-form .return-portion .errorlist {
      max-width: 220px; }
  #trip-form .return-portion.active {
    display: block; }
  #trip-form .multiple-dates .datepicker {
    display: block !important; }
    #trip-form .multiple-dates .datepicker .active {
      display: table-cell; }
  #trip-form .form-row {
    position: relative; }
  #trip-form .datetime-type-single {
    display: none; }
    #trip-form .datetime-type-single .errorlist {
      max-width: 220px; }
  #trip-form .datetime-type-single.active {
    display: block; }
  #trip-form .datetime-type-multiple {
    display: none;
    min-height: 300px;
    position: relative; }
    @media (max-width: 767px) {
      #trip-form .datetime-type-multiple {
        min-height: 500px; } }
    #trip-form .datetime-type-multiple .container-left {
      float: left;
      width: 260px;
      position: relative; }
      @media (max-width: 767px) {
        #trip-form .datetime-type-multiple .container-left {
          float: none;
          width: 100%; } }
      #trip-form .datetime-type-multiple .container-left .errorlist {
        top: -21px; }
    #trip-form .datetime-type-multiple .container-right {
      float: left;
      width: 150px; }
      @media (max-width: 767px) {
        #trip-form .datetime-type-multiple .container-right {
          float: none;
          clear: both;
          margin-top: 300px;
          width: 100%; } }
    #trip-form .datetime-type-multiple .grey {
      color: #999 !important; }
    #trip-form .datetime-type-multiple .errorlist {
      max-width: 220px; }
  #trip-form .datetime-type-multiple.active {
    display: block; }
  #trip-form .datetime-type-selectors {
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    margin: 17px 0px 20px 0px; }
    @media (min-width: 769px) {
      #trip-form .datetime-type-selectors {
        width: 376px; } }
    @media (max-width: 767px) {
      #trip-form .datetime-type-selectors {
        width: 285px; } }
    #trip-form .datetime-type-selectors .datetime-type-dropdown {
      z-index: 20000;
      width: 100%; }
      #trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector {
        text-align: center;
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box; }
      #trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector-single {
        border-right: 1px solid #bbbbbb; }
      #trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector.active {
        background: #333333;
        color: #fff; }
      #trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector:hover {
        color: #000;
        background: #efefef; }
      #trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector.active:hover {
        color: #fff;
        background: #333333; }
  #trip-form .return-remove {
    display: none; }
  #trip-form .return-remove.active {
    display: block; }
  #trip-form #trip-form-space .space-label {
    width: 14.25%;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 22px; }
  #trip-form #trip-form-space .space-seats {
    width: 85%;
    float: left; }
    #trip-form #trip-form-space .space-seats #seats {
      position: relative; }
      #trip-form #trip-form-space .space-seats #seats .seat {
        cursor: pointer;
        padding: 15px 20px 15px 20px;
        border: 1px solid #ccc;
        float: left;
        margin: 10px 15px 10px 0px;
        background: #fff; }
        @media (min-width: 320px) and (max-width: 480px) {
          #trip-form #trip-form-space .space-seats #seats .seat {
            margin: 8px 12px 8px 0px;
            padding: 13px 18px 13px 18px; } }
      #trip-form #trip-form-space .space-seats #seats .seat:hover {
        border: 1px solid #999; }
      #trip-form #trip-form-space .space-seats #seats .seat.active {
        border: 1px solid #333333;
        background: #333333;
        color: #fff; }
  #trip-form #trip-form-space .space-available-container {
    width: 85%;
    float: left; }
    #trip-form #trip-form-space .space-available-container .space-luggage {
      float: left;
      width: 100px;
      margin-top: 25px; }
    #trip-form #trip-form-space .space-available-container .space-equipment {
      float: left;
      width: 150px;
      margin-left: 20px;
      margin-top: 25px; }
    #trip-form #trip-form-space .space-available-container .text {
      font-size: 14px;
      color: #666; }
  #trip-form #trip-form-vehicle .vehicle-label-left {
    width: 14.25%;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 22px; }
    @media (max-width: 767px) {
      #trip-form #trip-form-vehicle .vehicle-label-left {
        width: 100%;
        float: none; } }
  #trip-form #trip-form-vehicle .vehicle-contents {
    width: 85%;
    float: left; }
    @media (max-width: 767px) {
      #trip-form #trip-form-vehicle .vehicle-contents {
        width: 100%;
        float: none; } }
  #trip-form #price-contents .price-label, #trip-form #modal-pricing-matrix .price-label {
    width: 14.25%;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 22px; }
  #trip-form #price-contents .price-contents, #trip-form #modal-pricing-matrix .price-contents {
    width: 85.75%;
    float: left; }
    #trip-form #price-contents .price-contents .price, #trip-form #modal-pricing-matrix .price-contents .price {
      width: 55px;
      margin-left: 5px;
      text-align: center;
      font-size: 16px; }
    #trip-form #price-contents .price-contents .price-edit, #trip-form #modal-pricing-matrix .price-contents .price-edit {
      width: 80px;
      padding: 18px 0px 18px 25px;
      box-sizing: border-box;
      float: left;
      border: 1px solid #dfdbdb;
      border-radius: 5px;
      font-size: 16px;
      color: #777777; }
    #trip-form #price-contents .price-contents .compensation-label, #trip-form #modal-pricing-matrix .price-contents .compensation-label {
      margin-top: 20px;
      margin-left: 15px;
      font-size: 14px;
      color: #666; }
      @media (min-width: 320px) and (max-width: 480px) {
        #trip-form #price-contents .price-contents .compensation-label, #trip-form #modal-pricing-matrix .price-contents .compensation-label {
          margin-left: 5px; } }
    #trip-form #price-contents .price-contents .currency-sign, #trip-form #modal-pricing-matrix .price-contents .currency-sign {
      position: absolute;
      margin-top: 22px;
      margin-left: 10px; }
  #trip-form #price-contents .price-box, #trip-form #modal-pricing-matrix .price-box {
    width: 50%;
    float: left;
    position: relative; }
  #trip-form #price-contents .price-info, #trip-form #modal-pricing-matrix .price-info {
    width: 50%;
    float: left; }
    #trip-form #price-contents .price-info .more-info, #trip-form #modal-pricing-matrix .price-info .more-info {
      background: #777777;
      color: #fff;
      border-radius: 5px;
      padding: 10px 20px 10px 20px;
      margin-top: 15px;
      display: inline-block; }
    #trip-form #price-contents .price-info .more-info:active, #trip-form #modal-pricing-matrix .price-info .more-info:active {
      background: #333333; }
  #trip-form #price-contents .pricing-matrix, #trip-form #modal-pricing-matrix .pricing-matrix {
    margin-left: 5%;
    width: 45%;
    float: left;
    background: #fff;
    border: 1px solid #dfdbdb; }
  #trip-form #price-contents #price-contents-placeholder, #trip-form #modal-pricing-matrix #price-contents-placeholder {
    width: 85.75%;
    float: left; }
  #trip-form #modal-pricing-matrix .pricing-info {
    border: 1px solid #dfdbdb; }
  #trip-form #modal-pricing-matrix .price-box {
    float: left;
    width: 40%;
    background: #f2f2f2;
    padding: 20px;
    box-sizing: border-box;
    position: relative; }
  #trip-form #modal-pricing-matrix .price-info {
    width: 60%;
    padding: 20px;
    box-sizing: border-box; }
  #trip-form #modal-compensation-input-error {
    top: -20px;
    left: 20px; }
  #trip-form #trip-form-description .description-label {
    width: 14.25%;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 15px; }
  #trip-form #trip-form-description .description-contents {
    width: 85%;
    float: left; }
    #trip-form #trip-form-description .description-contents .form-row {
      position: relative; }
  #trip-form #trip-form-description #id_description {
    max-height: 200px; }
    @media (max-width: 767px) {
      #trip-form #trip-form-description #id_description {
        max-height: 100px; } }
  #trip-form #trip-form-description .description-tip {
    color: #666; }
  #trip-form #trip-form-description textarea {
    font-size: 14px; }
  #trip-form #id_description-error {
    top: -43px; }
  #trip-form .trip-submit-button {
    margin-left: 14.25%; }
  #trip-form #quick-actions {
    border: 1px solid #dfdbdb;
    margin-bottom: 20px; }
    #trip-form #quick-actions .text {
      float: left;
      font-weight: 600;
      padding: 15px; }
    #trip-form #quick-actions .view-requests, #trip-form #quick-actions .cancel-trip, #trip-form #quick-actions .mark-as-full {
      float: right;
      padding: 15px;
      border-left: 1px solid #dfdbdb; }
    #trip-form #quick-actions .reveal-contents-cancel-trip, #trip-form #quick-actions .reveal-contents-trip-full {
      text-align: right;
      padding: 10px; }
      #trip-form #quick-actions .reveal-contents-cancel-trip .loading, #trip-form #quick-actions .reveal-contents-trip-full .loading {
        float: right; }
    #trip-form #quick-actions .reveal-trigger-cancel-trip, #trip-form #quick-actions .reveal-trigger-trip-full {
      cursor: pointer; }
  #trip-form .trip-types {
    border-bottom: 1px solid #777777; }
    #trip-form .trip-types .trip-type {
      padding: 15px;
      float: left;
      width: 50%;
      text-align: center;
      cursor: pointer; }
    #trip-form .trip-types .trip-type.offer.active {
      border-bottom: 3px solid #5cc0ff;
      color: #5cc0ff;
      font-weight: 500; }
    #trip-form .trip-types .trip-type.ask.active {
      border-bottom: 3px solid #ff5400;
      color: #ff5400; }
  #trip-form #from, #trip-form #to, #trip-form #date {
    position: relative;
    color: #666;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    /* Stroke */
    /* Fill */ }
    #trip-form #from .text, #trip-form #from .value, #trip-form #to .text, #trip-form #to .value, #trip-form #date .text, #trip-form #date .value {
      color: #666;
      font-size: 14px; }
    #trip-form #from .input-arrow, #trip-form #to .input-arrow, #trip-form #date .input-arrow {
      position: absolute;
      top: 14px;
      right: 10px; }
    #trip-form #from .input-arrow:before, #trip-form #from .input-arrow:after, #trip-form #to .input-arrow:before, #trip-form #to .input-arrow:after, #trip-form #date .input-arrow:before, #trip-form #date .input-arrow:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-bottom: 0; }
    #trip-form #from .input-arrow:before, #trip-form #to .input-arrow:before, #trip-form #date .input-arrow:before {
      bottom: -16px;
      right: 1px;
      /* If 1px darken stroke slightly */
      border-top-color: #333;
      border-width: 9px; }
    #trip-form #from .input-arrow:after, #trip-form #to .input-arrow:after, #trip-form #date .input-arrow:after {
      bottom: -15px;
      right: 2px;
      border-top-color: #fff;
      border-width: 8px; }
  #trip-form .placeholder-common, #trip-form ::-webkit-input-placeholder, #trip-form :-moz-placeholder, #trip-form ::-moz-placeholder, #trip-form :-ms-input-placeholder {
    line-height: 18px;
    font-size: 14px;
    color: #444; }
  #trip-form :-moz-placeholder {
    /* Firefox 18- */ }
  #trip-form ::-moz-placeholder {
    /* Firefox 19+ */ }
  #trip-form .input-value {
    padding: 0px;
    border: 0px; }
  #trip-form #from:hover, #trip-form #from:active, #trip-form #to:hover, #trip-form #to:active, #trip-form #date:hover, #trip-form #date:active {
    color: #000;
    opacity: 1; }
  #trip-form .dropdown-list, #trip-form .dropdown-search {
    width: 100%;
    overflow-y: auto;
    background: #fff;
    color: #666;
    display: none;
    position: absolute;
    top: 45px;
    left: -1px;
    z-index: 1000;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    #trip-form .dropdown-list .dropdown-item, #trip-form .dropdown-list dropdown-item.info, #trip-form .dropdown-search .dropdown-item, #trip-form .dropdown-search dropdown-item.info {
      padding: 10px;
      border-top: 1px solid #ccc;
      cursor: pointer; }
    #trip-form .dropdown-list .dropdown-item:hover, #trip-form .dropdown-list dropdown-item:active, #trip-form .dropdown-search .dropdown-item:hover, #trip-form .dropdown-search dropdown-item:active {
      background: #ececec; }
    #trip-form .dropdown-list .dropdown-item.info, #trip-form .dropdown-search .dropdown-item.info {
      margin: 0px;
      clear: both; }
  #trip-form .dropdown {
    max-height: 350px; }
  #trip-form .dropdown-trigger {
    border: 1px solid #777777 !important;
    width: 100%;
    height: 48px;
    margin: 0px 0px 15px;
    padding: 12px;
    cursor: pointer;
    opacity: 1;
    background: #fff; }
  #trip-form .dropdown-search {
    display: none; }
  #trip-form #buttons {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #fff; }
    #trip-form #buttons .button-common, #trip-form #buttons #button-find, #trip-form #buttons #button-offer {
      padding: 14px;
      text-align: center;
      font-weight: 600;
      cursor: pointer;
      font-size: 14px; }
    #trip-form #buttons #button-find {
      width: 50%;
      float: left; }
    #trip-form #buttons #button-offer {
      border-left: 1px solid #fff;
      width: 50%;
      float: right; }
    #trip-form #buttons #button-find:hover, #trip-form #buttons #button-find:active, #trip-form #buttons #button-offer:hover, #trip-form #buttons #button-offer:active {
      background: #fff;
      color: #333; }
  #trip-form .calendar-div {
    position: relative; }
    #trip-form .calendar-div .calendar-input {
      position: relative; }
      #trip-form .calendar-div .calendar-input #date {
        padding: 15px; }
  #trip-form #id_is_driving {
    display: none; }
  #trip-form #id_tos {
    display: none; }
  #trip-form #id_seats {
    position: absolute;
    left: 0px;
    background: #f7f7fa;
    color: #fff;
    z-index: -1;
    height: 1px;
    width: 1px;
    border: none;
    -moz-appearance: textfield; }
  #trip-form #id_compensation, #trip-form #modal-compensation-input {
    width: 80px;
    padding-left: 25px;
    float: left; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-form #id_compensation, #trip-form #modal-compensation-input {
        width: 65px; } }
  #trip-form .cashless-icon {
    background: url("../images/icon-cashless.9fb3f3ecaa15.png") no-repeat;
    background-size: contain;
    background-position-x: 180px;
    background-position-y: center;
    height: 25px; }
  #trip-form #id_compensation-error {
    top: -35px;
    left: 0px; }
  #trip-form .datetime-type-multiple .departure-date-error {
    top: -8px; }
  #trip-form .departure-time-error {
    position: absolute;
    width: 70px; }
  #trip-form .trigger-multiple-return-time {
    width: 92px; }
  #trip-form #clear-return-time {
    position: absolute;
    top: 23px;
    right: -25px; }
  #trip-form #id_payment_method {
    position: absolute;
    left: 0px;
    background: #f7f7fa;
    color: #fff;
    z-index: -1;
    height: 1px;
    width: 1px;
    border: none;
    -moz-appearance: textfield; }
  #trip-form .form-row.seats {
    margin-top: 20px;
    margin-bottom: 20px; }
    #trip-form .form-row.seats .text {
      margin-bottom: 5px; }
    #trip-form .form-row.seats .seatno {
      cursor: pointer;
      float: left;
      width: 10px;
      height: 10px;
      padding: 15px;
      border: 1px solid #dfdbdb;
      text-align: center;
      margin-right: 7px;
      margin-bottom: 7px;
      line-height: 10px; }
    #trip-form .form-row.seats .seatno.active {
      background: #333333;
      color: #fff; }
    #trip-form .form-row.seats #id_seats {
      display: none; }
    #trip-form .form-row.seats .label {
      float: left;
      margin-top: 10px;
      margin-right: 10px; }
    #trip-form .form-row.seats .compensation {
      float: left; }
    #trip-form .form-row.seats .currency-sign {
      float: left;
      line-height: 45px;
      margin-right: 10px; }
    #trip-form .form-row.seats .errorlist {
      padding: 12px 0px 0px 7px;
      float: left; }
  #trip-form .form-row.vehicle {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #dfdbdb; }
  #trip-form .form-row.description {
    margin-top: 20px; }
    #trip-form .form-row.description #id_description {
      width: 93%;
      height: 150px; }
  #trip-form .form-row.luggage {
    margin-top: 20px; }
  #trip-form .form-row.luggage, #trip-form .form-row.equipment {
    height: 30px;
    border-top: 1px solid #dfdbdb;
    padding: 13px 0px 13px; }
  #trip-form .button.large, #trip-form #welcome .welcome-zero #no_pending_email_form .large[type="submit"], #welcome .welcome-zero #no_pending_email_form #trip-form .large[type="submit"], #trip-form .vehicle-form .large[type=submit], .vehicle-form #trip-form .large[type=submit], #trip-form #referrals-share #referrals-form .large#id_submit, #referrals-share #referrals-form #trip-form .large#id_submit {
    width: 100%;
    margin-bottom: 0px; }
  #trip-form #id_cashless {
    display: none; }
  #trip-form .payment-methods {
    width: 80%;
    border: 1px solid #ccc; }
    #trip-form .payment-methods .payment-method {
      float: left;
      width: 50%;
      padding: 15px;
      text-align: center;
      box-sizing: border-box;
      background: #fff; }
    #trip-form .payment-methods .payment-method.cashless {
      border-right: 1px solid #ccc; }
    #trip-form .payment-methods .payment-method.active {
      background: #333333;
      color: #fff; }
  #trip-form .payment-methods.editable .payment-method {
    cursor: pointer; }

@media only screen and (max-width: 666px) {
  #trip-form #trip-form-locations {
    width: 100%;
    float: none; }
    #trip-form #trip-form-locations .location-container .location-label {
      width: 100%;
      float: none; }
    #trip-form #trip-form-locations .location-container .location-input {
      width: 100%;
      float: none; }
    #trip-form #trip-form-locations #vias-container {
      margin-left: 0px;
      float: none; }
    #trip-form #trip-form-locations .vias-container-box {
      width: 100%; }
  #trip-form #trip-map {
    margin-top: 30px;
    width: 100%;
    height: 250px;
    margin-left: 0%; }
  #trip-form #geo-map {
    height: 250px; }
  #trip-form #add-via-button {
    float: none;
    margin-left: 0px; }
  #trip-form #trip-form-datetime .datetime-label {
    width: 100%;
    float: none; }
  #trip-form #trip-form-datetime .datetime-input {
    width: 100%;
    float: none; }
  #trip-form #trip-form-space .space-label {
    width: 100%;
    float: none; }
  #trip-form #trip-form-space .space-seats {
    width: 100%;
    float: none; }
    #trip-form #trip-form-space .space-seats #seats .seat {
      padding: 8px 14px 8px 14px; }
    #trip-form #trip-form-space .space-seats #seats .seat.last {
      margin-right: 0px; }
  #trip-form #trip-form-space .space-available-container {
    width: 100%;
    float: none; }
    #trip-form #trip-form-space .space-available-container .space-luggage {
      float: left;
      width: 50%; }
    #trip-form #trip-form-space .space-available-container .space-equipment {
      float: left;
      width: 50%;
      margin-left: 0px; }
  #trip-form #price-contents .price-label {
    width: 100%;
    float: none; }
  #trip-form #price-contents .price-contents {
    width: 100%;
    float: none; }
  #trip-form #price-contents .price-box, #trip-form #price-contents .price-info {
    float: none;
    width: 100%; }
  #trip-form #trip-form-description .description-label {
    width: 100%;
    float: none; }
  #trip-form #trip-form-description .description-contents {
    width: 100%;
    float: none; }
  #trip-form .button, #trip-form #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #trip-form [type="submit"], #trip-form .vehicle-form [type=submit], .vehicle-form #trip-form [type=submit], #trip-form #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #trip-form #id_submit {
    margin-left: 0px; }
  #trip-form .return-portion-trigger {
    margin-left: 0px; }
  #trip-form .trip-submit-button {
    margin-left: 0px; }
    #trip-form .trip-submit-button .button, #trip-form .trip-submit-button #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #trip-form .trip-submit-button [type="submit"], #trip-form .trip-submit-button .vehicle-form [type=submit], .vehicle-form #trip-form .trip-submit-button [type=submit], #trip-form .trip-submit-button #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #trip-form .trip-submit-button #id_submit {
      border-radius: 5px; } }
#trip-form-instructions .box-trip-copied .success-icon {
  height: 20px;
  width: 20px;
  background: url("../images/icon-tick-white.61a642f04cb9.png") center center #009a4b no-repeat;
  background-size: 15px 15px;
  border-radius: 20px;
  float: left;
  margin-right: 7px;
  margin-top: 0px; }
@media (max-width: 767px) {
  #trip-form-instructions .box-trip-copied .text-medium, #trip-form-instructions .box-trip-copied #payments .payment-box .payment-text, #payments .payment-box #trip-form-instructions .box-trip-copied .payment-text, #trip-form-instructions .box-trip-copied #payments .payment-box .payment-amount, #payments .payment-box #trip-form-instructions .box-trip-copied .payment-amount {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px; } }
#trip-form-instructions .box-trip-invite .trip-invitee {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #dfdbdb;
  margin-right: 20px;
  position: relative; }
#trip-form-instructions .box-trip-invite .invite-icon {
  height: 20px;
  width: 20px;
  top: -5px;
  left: -5px;
  background: url("../images/icon-invite-white.0e604b2b32ab.png") center center #ff4f02 no-repeat;
  background-size: 12px 12px;
  border-radius: 20px;
  background-position: 5px;
  position: absolute; }
@media (max-width: 767px) {
  #trip-form-instructions .box-trip-invite .text-medium, #trip-form-instructions .box-trip-invite #payments .payment-box .payment-text, #payments .payment-box #trip-form-instructions .box-trip-invite .payment-text, #trip-form-instructions .box-trip-invite #payments .payment-box .payment-amount, #payments .payment-box #trip-form-instructions .box-trip-invite .payment-amount {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px; } }
#trip-form-instructions .box-editing-trip {
  margin-top: 0px; }
  @media (max-width: 767px) {
    #trip-form-instructions .box-editing-trip .text-medium, #trip-form-instructions .box-editing-trip #payments .payment-box .payment-text, #payments .payment-box #trip-form-instructions .box-editing-trip .payment-text, #trip-form-instructions .box-editing-trip #payments .payment-box .payment-amount, #payments .payment-box #trip-form-instructions .box-editing-trip .payment-amount {
      margin-top: 8px;
      font-size: 14px;
      line-height: 18px; } }

#trip_offer-page.in-app .page {
  padding-top: 0px; }

/* Trip Choose Type */
#trip-choose-type a, #trip-choose-type a div {
  cursor: pointer; }
#trip-choose-type .col {
  text-align: center;
  width: 40%;
  float: left;
  border-radius: 5px; }
  #trip-choose-type .col .icon {
    margin: 0 auto;
    width: 220px;
    height: 220px;
    border-radius: 220px; }
    @media (max-width: 767px) {
      #trip-choose-type .col .icon {
        width: 100px;
        height: 100px; } }
  #trip-choose-type .col .button, #trip-choose-type .col #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #trip-choose-type .col [type="submit"], #trip-choose-type .col .vehicle-form [type=submit], .vehicle-form #trip-choose-type .col [type=submit], #trip-choose-type .col #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #trip-choose-type .col #id_submit {
    display: inline-block;
    min-width: 150px;
    width: 150px; }
    @media (max-width: 767px) {
      #trip-choose-type .col .button, #trip-choose-type .col #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #trip-choose-type .col [type="submit"], #trip-choose-type .col .vehicle-form [type=submit], .vehicle-form #trip-choose-type .col [type=submit], #trip-choose-type .col #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #trip-choose-type .col #id_submit {
        display: none; } }
  #trip-choose-type .col h2 {
    font-size: 20px; }
    @media (min-width: 769px) {
      #trip-choose-type .col h2 {
        padding-top: 15px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-choose-type .col h2 {
        font-size: 14px;
        margin: 0px; } }
  #trip-choose-type .col .box {
    border-radius: 5px; }
#trip-choose-type .col.driving h2 {
  color: #0099ff; }
#trip-choose-type .col.driving .icon {
  background: url("../images/icon-driver-select.7bf496d6a714.png") no-repeat center center;
  background-size: contain; }
#trip-choose-type .col.driving .button, #trip-choose-type .col.driving #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #trip-choose-type .col.driving [type="submit"], #trip-choose-type .col.driving .vehicle-form [type=submit], .vehicle-form #trip-choose-type .col.driving [type=submit], #trip-choose-type .col.driving #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #trip-choose-type .col.driving #id_submit {
  background: #0099ff; }
#trip-choose-type .col.driving .button:hover, #trip-choose-type .col.driving #welcome .welcome-zero #no_pending_email_form [type="submit"]:hover, #welcome .welcome-zero #no_pending_email_form #trip-choose-type .col.driving [type="submit"]:hover, #trip-choose-type .col.driving .vehicle-form [type=submit]:hover, .vehicle-form #trip-choose-type .col.driving [type=submit]:hover, #trip-choose-type .col.driving #referrals-share #referrals-form #id_submit:hover, #referrals-share #referrals-form #trip-choose-type .col.driving #id_submit:hover {
  background: #44b4ff; }
#trip-choose-type .col.hitching h2 {
  color: #ff4f02; }
#trip-choose-type .col.hitching .icon {
  background: url("../images/icon-hitcher-select.f6351b658b6d.png") no-repeat center center;
  background-size: contain; }
#trip-choose-type .col .icon, #trip-choose-type .col .icon:active {
  opacity: .9; }
#trip-choose-type .col .icon:hover {
  opacity: 1; }
@media (max-width: 767px) {
  #trip-choose-type .col {
    width: 100%; } }
#trip-choose-type .col-divider {
  width: 20%;
  float: left;
  text-align: center;
  font-size: 20px; }
  @media (min-width: 769px) {
    #trip-choose-type .col-divider {
      margin-top: 170px; } }
  @media (max-width: 767px) {
    #trip-choose-type .col-divider {
      width: 100%;
      padding: 15px 0px 15px 0px; } }

/* General defs for Modals */
body.modal-open {
  overflow: hidden; }
  body.modal-open .modal .modal-box {
    overflow-y: auto; }

.modal {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000; }
  .modal h1 {
    font-size: 20px;
    padding-top: 0px;
    margin-top: -10px; }
  .modal h2, .modal h2 span {
    font-size: 16px; }
  .modal h3 {
    margin-bottom: 20px; }
  .modal h4 {
    margin-bottom: 10px; }
  .modal h5 {
    margin: 15px 0px 10px; }
  .modal #loading {
    float: left; }

.modal.active {
  display: block; }

.modal-box {
  z-index: 1000;
  position: relative;
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  border: 3px solid #dfdbdb;
  background: #fff; }

.modal-background {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 0;
  opacity: .9;
  cursor: pointer; }

.modal-close {
  height: 32px;
  width: auto;
  font-size: 22px;
  color: #777777;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 1000; }

.modal-close.button, #welcome .welcome-zero #no_pending_email_form .modal-close[type="submit"], .vehicle-form .modal-close[type=submit], #referrals-share #referrals-form .modal-close#id_submit {
  float: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  height: auto; }

.modal-trigger {
  cursor: pointer; }

/* Destinations Modal */
/*
.modals-destinations{
	@extend .modals-general !optional;
}

#modal-from{
	@extend .modals-destinations;
	
}

#modal-to{
	@extend .modals-destinations;
		
}
*/
/* Verification modal */
#verification-help {
  display: none; }
  #verification-help h3 {
    margin: 0px 0px 20px; }
  #verification-help h5 {
    margin: 30px 0px 0px;
    font-size: 16px; }
  #verification-help p, #verification-help a {
    font-size: 13px;
    margin: 0px 0px 10px; }
  #verification-help .verification-badge {
    margin: 20px 20px 20px 0px;
    width: 100%;
    clear: both; }
    #verification-help .verification-badge img {
      float: left;
      margin-right: 15px;
      margin-bottom: 20px; }
    #verification-help .verification-badge h4 {
      padding-top: 4px; }
  #verification-help .divider {
    height: 1px;
    width: 100%;
    background: #ccc;
    display: block;
    clear: both; }
  #verification-help .cta {
    clear: both;
    margin-top: 20px;
    width: 200px; }
  #verification-help .verification-below {
    margin-top: 20px; }
  #verification-help #loading {
    display: none; }

.verification-help {
  cursor: pointer; }

/* First login modal */
/*

#modal-first-login{
	@extend .modals-general;
	.textarea{
		@extend .border-box;
		width:100%;
		height:100px;
		padding:10px;
		font-size:13px;
	}
	#image_upload_box{
		margin-left:0px;
		margin-top:10px;
	}
	.button{
		margin-top:20px;
		cursor: pointer;
	}
	em{
		font-size:12px;
	}
	.error{
		font-size:13px;
		color:red;
		margin-top:5px;
	}
	#loading{
		display: none;
	}
}
*/
#modal-description textarea {
  height: 100px; }
#modal-description .loading {
  display: none; }

#modal-picture-edit #image_upload_box {
  margin: 50px 0px 0px 0px; }
#modal-picture-edit .button, #modal-picture-edit #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #modal-picture-edit [type="submit"], #modal-picture-edit .vehicle-form [type=submit], .vehicle-form #modal-picture-edit [type=submit], #modal-picture-edit #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #modal-picture-edit #id_submit {
  margin-top: 30px; }
#modal-picture-edit .error {
  font-size: 13px;
  color: red;
  margin-top: 5px; }

#modal-picture .container, #modal-vehicle .container {
  height: 100%; }
#modal-picture .modal-box, #modal-vehicle .modal-box {
  border: none;
  background: none;
  margin-top: 0px;
  max-width: 1000px;
  height: 100%; }
#modal-picture .modal-background, #modal-vehicle .modal-background {
  background: rgba(0, 0, 0, 0.9); }
#modal-picture .modal-close, #modal-vehicle .modal-close {
  color: #fff; }
#modal-picture .profile-image-xlarge, #modal-picture .vehicle-image-xlarge, #modal-vehicle .profile-image-xlarge, #modal-vehicle .vehicle-image-xlarge {
  margin: 0 auto;
  background-size: contain !important;
  height: 100% !important;
  min-height: 600px;
  background-position: center center;
  background-repeat: no-repeat; }
@media (max-width: 767px) {
  #modal-picture .vehicle-details, #modal-vehicle .vehicle-details {
    bottom: 20px;
    position: relative; } }

#modal-phone textarea {
  height: 100px; }
#modal-phone .loading {
  display: none; }

@media (min-width: 769px) {
  #modal-verification-phone .modal-box {
    min-height: 450px; } }

#modal-verification-phone .col-2, #modal-phone .col-2 {
  width: auto; }
#modal-verification-phone #send-button, #modal-verification-phone #send-code-button, #modal-phone #send-button, #modal-phone #send-code-button {
  padding: 15px; }
  @media (min-width: 769px) {
    #modal-verification-phone #send-button, #modal-verification-phone #send-code-button, #modal-phone #send-button, #modal-phone #send-code-button {
      margin-left: 10px; } }
  @media (max-width: 767px) {
    #modal-verification-phone #send-button, #modal-verification-phone #send-code-button, #modal-phone #send-button, #modal-phone #send-code-button {
      margin-top: 10px;
      clear: both; } }
@media (max-width: 767px) {
  #modal-verification-phone .phone-verification-box .float-left, #modal-phone .phone-verification-box .float-left {
    float: none; } }

#modal-verified .verification-badge img {
  float: left;
  margin-right: 20px; }
#modal-verified .verification-badge h4 {
  margin: 0px 0px 0px;
  padding-top: 12px; }
#modal-verified .verification-badge p {
  margin-top: 0px; }

#modal-verification-id ul li {
  margin-bottom: 0px; }

#modal-verification-email .blockLabels {
  display: none; }

#contributions .vehicle-div {
  padding-top: 60px; }
#contributions .vehicle-div.small {
  background: url("../images/icon-vehicle-small.f8419d785afd.png") no-repeat left top; }
#contributions .vehicle-div.medium {
  background: url("../images/icon-vehicle-medium.ae74fca9e23d.png") no-repeat left top; }
#contributions .vehicle-div.large {
  background: url("../images/icon-vehicle-large.3befe417d6ab.png") no-repeat left top; }

#modal-alert h1 {
  background: url("../images/icon-alert-orange.b1cbafca4908.png") no-repeat left center;
  padding-left: 45px; }

#modal-legend .icon {
  height: 30px;
  width: 30px;
  background-size: contain;
  margin-right: 10px; }
#modal-legend .heading {
  margin-top: 4px; }
#modal-legend .col-2 {
  width: 40%;
  padding-right: 9%; }

#modal-online-booking .icon {
  height: 30px;
  padding: 10px 0px 0px 50px;
  background-size: contain; }

#modal-membership .membership-icon {
  background: url("../images/icon-member-annual.dfe4cf05185b.png") no-repeat left center;
  background-size: contain;
  padding-left: 43px; }

#modal-bail-protection h1 {
  background: url("../images/icon-benefit-bail.91219899c0c8.png") no-repeat left center;
  background-size: 35px 35px;
  padding-left: 45px;
  height: 35px; }
#modal-bail-protection .icon-bail {
  background: url("../images/icon-bailed.7376364f45e8.png") no-repeat left center;
  padding-left: 30px;
  background-size: 20px 20px; }
#modal-bail-protection .icon-no-show {
  background: url("../images/icon-no-show.39a495427f54.png") no-repeat left center;
  padding-left: 30px;
  background-size: 20px 20px; }

#modal-social-facebook .loading-facebook, #modal-social-facebook .loading-google, #modal-social-facebook .loading, #modal-social-google .loading-facebook, #modal-social-google .loading-google, #modal-social-google .loading {
  margin: 0 auto; }

@media (min-width: 769px) {
  #modal-social-pouche .modal-left {
    float: left;
    width: 50%; } }
#modal-social-pouche .modal-left .replay {
  background: url("../images/icon-refund-driver.ef9a621ca29c.png") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute; }
@media (min-width: 769px) {
  #modal-social-pouche .modal-right {
    width: 50%;
    float: right; } }
@media (max-width: 767px) {
  #modal-social-pouche #andrew-peel-sprite {
    margin: 0 auto; } }
@media (max-width: 767px) {
  #modal-social-pouche {
    text-align: center; } }

.modal-international .col-3 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 50px; }
.modal-international .col-3.with-padding {
  padding-right: 4.5%; }
.modal-international .col-3.passport {
  background: url("../images/icon-passport.bd24d667d8b1.png") no-repeat top left;
  background-size: 40px 40px;
  background-position-x: -4px; }
.modal-international .col-3.gavel {
  background: url("../images/icon-gavel.fdaaba854b56.png") no-repeat top left;
  background-size: 40px 40px; }
.modal-international .col-3.customs {
  background: url("../images/icon-customs.36b8b39e5b55.png") no-repeat top left;
  background-size: 40px 40px; }

#modal-price-capping {
  z-index: 100000; }

#modal-video .modal-box {
  padding: 0px;
  max-width: 1000px;
  border: none;
  background: none; }
#modal-video .modal-background {
  background: #000; }
#modal-video .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  z-index: 1001; }
#modal-video .player-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
#modal-video .player-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#modal-close-account textarea {
  height: 100px; }
#modal-close-account .goodbye {
  max-width: 200px; }

.modal-promote textarea {
  padding: 10px;
  color: #666; }
.modal-promote ul {
  list-style: none;
  padding: 0px; }
  .modal-promote ul li {
    padding: 0px;
    margin-bottom: 3px; }
  .modal-promote ul .text-medium, .modal-promote ul #payments .payment-box .payment-text, #payments .payment-box .modal-promote ul .payment-text, .modal-promote ul #payments .payment-box .payment-amount, #payments .payment-box .modal-promote ul .payment-amount {
    font-size: 15px; }
.modal-promote .promote-container {
  height: 67px; }
  .modal-promote .promote-container .promote-textarea {
    width: 90%;
    float: left;
    height: 67px; }
    @media (max-width: 767px) {
      .modal-promote .promote-container .promote-textarea {
        width: 85%; } }
  .modal-promote .promote-container .button-clipboard {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #333333;
    color: #fff;
    padding-top: 23px;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 10%; }
    @media (max-width: 767px) {
      .modal-promote .promote-container .button-clipboard {
        width: 15%; } }
  .modal-promote .promote-container .button-clipboard:hover {
    background: #222; }
  .modal-promote .promote-container .button-clipboard:active {
    background: #111; }
  .modal-promote .promote-container .button-clipboard-success {
    position: absolute;
    background: #009a4b;
    padding: 5px 2px 5px 2px;
    border-radius: 3px;
    width: 200px;
    right: 0px;
    top: -45px; }
  .modal-promote .promote-container .button-clipboard-error {
    position: absolute;
    background: #ff6060;
    padding: 5px 2px 5px 2px;
    border-radius: 3px;
    width: 200px;
    right: 0px;
    top: -45px; }
.modal-promote .promote-container-short {
  height: 45px; }
  .modal-promote .promote-container-short .promote-textarea {
    height: 45px; }
  .modal-promote .promote-container-short .button-clipboard {
    padding-top: 12px; }
.modal-promote .promote-tabs .tab {
  font-size: 14px;
  padding: 0px 0px 6px 0px;
  margin-right: 20px; }
.modal-promote .tabs {
  border: none; }

#modal-promote-craigslist .promote-container-long {
  height: 86px; }
  #modal-promote-craigslist .promote-container-long .promote-textarea {
    height: 86px; }
  #modal-promote-craigslist .promote-container-long .button-clipboard {
    padding-top: 31px; }
#modal-promote-craigslist .textarea-long {
  min-height: 90px; }

.modal-social-promo .modal-box {
  overflow-y: visible !important; }
.modal-social-promo .promote-container {
  background: #e5f7ff;
  padding: 15px;
  border-radius: 5px; }
.modal-social-promo #promote-mrs-text {
  font-size: 16px;
  color: #666;
  height: 58px; }
.modal-social-promo .facebook-share {
  float: left;
  margin-right: 10px; }
.modal-social-promo .twitter-share {
  float: left;
  margin-right: 10px; }
.modal-social-promo .button-clipboard {
  float: left;
  background: #888;
  display: inline-block;
  padding: 1px 10px 1px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  position: relative; }
.modal-social-promo .button-clipboard:hover {
  background: #666;
  color: #fff; }
.modal-social-promo .button-clipboard-success {
  position: absolute;
  color: #009a4b;
  left: 0px;
  width: 200px; }
.modal-social-promo .pink {
  color: #e5055c; }
.modal-social-promo .modal-close {
  z-index: 0; }

#invitation-suggestion-modal #invitation-suggestions {
  overflow-y: scroll;
  padding-right: 10px; }
#invitation-suggestion-modal .invitation-item {
  box-sizing: border-box;
  width: 100%; }
  #invitation-suggestion-modal .invitation-item .invitation-user {
    width: 10%;
    float: left; }
    @media (max-width: 767px) {
      #invitation-suggestion-modal .invitation-item .invitation-user {
        width: 20%; } }
    #invitation-suggestion-modal .invitation-item .invitation-user .invitation-picture {
      width: 50px;
      height: 50px;
      border-radius: 60px;
      border: 2px solid #dfdbdb; }
      @media (max-width: 767px) {
        #invitation-suggestion-modal .invitation-item .invitation-user .invitation-picture {
          width: 40px;
          height: 40px; } }
  #invitation-suggestion-modal .invitation-item .invitation-details {
    width: 70%;
    float: left; }
    @media (max-width: 767px) {
      #invitation-suggestion-modal .invitation-item .invitation-details {
        width: 80%;
        margin-top: -5px; } }
  #invitation-suggestion-modal .invitation-item .invitation-cta {
    width: 20%;
    float: right; }
    @media (max-width: 767px) {
      #invitation-suggestion-modal .invitation-item .invitation-cta {
        margin-left: 20%;
        width: 80%;
        float: none; } }
    #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button {
      width: 100%;
      padding: 10px;
      border-radius: 4px;
      font-size: 16px;
      box-sizing: border-box; }
      @media (max-width: 767px) {
        #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button {
          margin-top: 15px;
          text-align: center;
          max-width: 400px; } }
    #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-suggestion-button {
      border: 2px solid #ff4f02;
      color: #fff;
      padding-left: 30%;
      background: url("../images/icon-invite-white.0e604b2b32ab.png") right center no-repeat #ff4f02;
      background-size: 20px 20px;
      background-position-x: 90%; }
      @media (max-width: 767px) {
        #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-suggestion-button {
          padding-left: 0px; } }
    #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.loading {
      border: 2px solid #333333;
      height: 48px;
      background-position: center;
      margin-top: 0px; }
      @media (max-width: 767px) {
        #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.loading {
          margin-top: 15px; } }
    #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-success {
      border: 2px solid #009a4b;
      color: #fff;
      padding-left: 27%;
      background: url("../images/icon-invite-white.0e604b2b32ab.png") right center no-repeat #009a4b;
      background-size: 20px 20px;
      background-position-x: 90%; }
      @media (max-width: 767px) {
        #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-success {
          padding-left: 0px;
          margin-top: 15px; } }
@media (max-width: 767px) {
  #invitation-suggestion-modal .modal-close.button, #invitation-suggestion-modal #welcome .welcome-zero #no_pending_email_form .modal-close[type="submit"], #welcome .welcome-zero #no_pending_email_form #invitation-suggestion-modal .modal-close[type="submit"], #invitation-suggestion-modal .vehicle-form .modal-close[type=submit], .vehicle-form #invitation-suggestion-modal .modal-close[type=submit], #invitation-suggestion-modal #referrals-share #referrals-form .modal-close#id_submit, #referrals-share #referrals-form #invitation-suggestion-modal .modal-close#id_submit {
    position: absolute;
    bottom: 15px; } }

#modal-auto-requests-settings .account-notification {
  width: 300px;
  background: #f7f7fa;
  border-radius: 3px;
  padding: 20px; }
  #modal-auto-requests-settings .account-notification .notification-label {
    margin-top: 3px;
    font-size: 18px; }

/* Modals for mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .modal {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; } }
/* Message overwrites */
#index-page.loggedout #system-msg {
  display: none; }

#step1-page #system-msg {
  display: none; }

/* Styles for find page */
#find-page .pre-page, #find_for_location-page .pre-page, #find_seo-page .pre-page {
  z-index: 1000; }
  #find-page .pre-page .new-search, #find_for_location-page .pre-page .new-search, #find_seo-page .pre-page .new-search {
    font-size: 16px;
    padding-left: 30px;
    background: url("../images/icon-search-grey.ba06e91aff8c.png") no-repeat left center;
    background-size: 20px 20px;
    font-weight: 600;
    color: #5b5b5b; }
    @media (min-width: 769px) {
      #find-page .pre-page .new-search, #find_for_location-page .pre-page .new-search, #find_seo-page .pre-page .new-search {
        display: none; } }
  #find-page .pre-page .new-search:hover, #find_for_location-page .pre-page .new-search:hover, #find_seo-page .pre-page .new-search:hover {
    color: #333; }
  @media (max-width: 767px) {
    #find-page .pre-page .mobile-inactive, #find_for_location-page .pre-page .mobile-inactive, #find_seo-page .pre-page .mobile-inactive {
      display: none; } }

#find_seo-page .pre-page {
  background: #fff; }

#find_for_location-page .pre-page {
  background: url("../images/bg-find.e1dae58ddb5a.png") #0099ff center center;
  background-size: 210px 210px; }

@media (min-width: 769px) {
  #find-page .pre-page.find-map {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8) !important; } }

#find-page .pre-page.find {
  border-bottom: 1px solid #dfdbdb;
  z-index: 1; }

#searchbar {
  width: 100%; }
  #searchbar .container {
    position: relative; }
    @media (max-width: 767px) {
      #searchbar .container {
        padding-top: 10px;
        padding-bottom: 10px; } }
  #searchbar .find-h1 {
    font-size: 20px !important; }
  @media (max-width: 767px) {
    #searchbar .trigger-find-mobile {
      padding-top: 10px;
      padding-bottom: 10px; } }

@media (min-width: 769px) {
  #searchbar.scrolled {
    position: fixed;
    top: 0px;
    z-index: 100;
    border-bottom: 1px solid #dfdbdb;
    background: rgba(255, 255, 255, 0.9); } }
#searchbar.scrolled #trip-find-filters {
  display: none; }

/* Find page */
#find-map-container #map-cta {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

@media (min-width: 769px) {
  #find-map-container:hover #map-cta {
    opacity: .5; } }

#find-page #wrapper {
  background: #fff;
  position: relative; }
@media (min-width: 769px) {
  #find-page #find-map {
    height: 600px; } }
@media (max-width: 767px) {
  #find-page #find-map {
    height: 400px;
    background: #dfdbdb; } }
#find-page #map-cta {
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  position: absolute;
  z-index: 1000;
  top: 480px;
  font-size: 18px;
  text-align: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  color: #666;
  border: 2px solid #dfdbdb; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #find-page #map-cta {
      top: 400px; } }
  @media (max-width: 767px) {
    #find-page #map-cta {
      position: relative;
      border-radius: none;
      top: 0px;
      width: auto; } }
#find-page .trip-search-date {
  border-radius: 3px; }

#find .date-only {
  margin-top: 5px; }
#find .find-button {
  margin-top: 15px; }
@media (max-width: 767px) {
  #find .trip-results-title {
    float: none; } }
#find .trip-destinations .destination-box {
  position: relative;
  float: left;
  color: #fff;
  cursor: pointer;
  opacity: .9;
  border-radius: 2px; }
  @media (min-width: 769px) {
    #find .trip-destinations .destination-box {
      width: 22.75%;
      padding-top: 22.75%;
      margin-left: 3%;
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    #find .trip-destinations .destination-box {
      width: 48.5%;
      padding-top: 48.5%;
      margin-left: 3%;
      margin-bottom: 20px; } }
#find .trip-destinations .destination-box:hover, #find .trip-destinations .destination-box:active {
  opacity: 1; }
@media (min-width: 769px) {
  #find .trip-destinations .destination-box:nth-child(4n+1) {
    margin-left: 0px; } }
@media (max-width: 767px) {
  #find .trip-destinations .destination-box:nth-child(odd) {
    margin-left: 0px; } }
#find .trip-destinations .destination-title {
  position: absolute;
  bottom: 43%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  text-shadow: -1px -1px 7px #5b5b5b; }
#find .trip-destinations .destination-box.vancouver {
  background: url("../images/location-vancouver-500.a26f6c10b7cd.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.whistler {
  background: url("../images/location-whistler-500.692b6dbeb50c.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.kelowna {
  background: url("../images/location-kelowna-500.009b754646e9.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.tofino {
  background: url("../images/location-tofino-500.dc7624346662.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.portland {
  background: url("../images/location-portland-500.99e9a68b0d16.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.seattle {
  background: url("../images/location-seattle-500.33f0d2434d26.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.calgary {
  background: url("../images/location-calgary-500.f91364707b4f.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.toronto {
  background: url("../images/location-toronto-500.211d5afbae18.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.montreal {
  background: url("../images/location-montreal-500.5eda536f3bc8.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.golden {
  background: url("../images/location-golden-500.a01f002b793e.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.banff {
  background: url("../images/location-banff-500.d1997e980206.png") no-repeat;
  background-size: contain; }
#find .trip-destinations .destination-box.add-location {
  border: 1px solid #dfdbdb;
  box-sizing: border-box; }
  #find .trip-destinations .destination-box.add-location .add-location-top {
    color: #333333;
    position: absolute;
    bottom: 54%;
    text-align: center;
    width: 100%;
    font-size: 16px; }
  #find .trip-destinations .destination-box.add-location .add-location-bottom {
    color: #ff4f02;
    position: absolute;
    bottom: 31%;
    text-align: center;
    width: 100%;
    font-size: 18px; }
#find .trip-destinations .destination-box.add-location:hover {
  border: 1px solid #777777; }

.recent-searches-container .container {
  padding-top: 0px;
  padding-bottom: 0px; }

.recent-searches-container.searched {
  background: #fff;
  border-top: 1px solid #dfdbdb;
  padding: 30px 0px; }

#recent-searches .recent-searches-header {
  margin-bottom: 10px; }
@media (min-width: 1024px) {
  #recent-searches .recent-search-item {
    margin-bottom: 20px;
    padding: 15px 10px 0px 0px;
    width: 30%;
    margin-right: 3%;
    float: left;
    box-sizing: border-box; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #recent-searches .recent-search-item {
    margin-bottom: 20px;
    padding: 20px 10px 0px 0px;
    width: 45%;
    margin-right: 2.5%;
    float: left;
    box-sizing: border-box; } }
@media (max-width: 767px) {
  #recent-searches .recent-search-item {
    height: 72px;
    width: 100%;
    float: none;
    padding: 14px 0px 10px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background: url("../images/icon-triangle-grey-right.11ca7a45b10e.png") no-repeat center right;
    background-size: 9px 15px;
    background-position-y: 28px; } }
#recent-searches .recent-search-item .recent-search-locations {
  color: #0099ff;
  font-size: 16px;
  font-weight: 600; }
#recent-searches .recent-search-item .recent-search-dates {
  font-size: 14px;
  color: #777777; }
@media (min-width: 1024px) {
  #recent-searches .recent-search-item:nth-child(n+4) {
    border-top: 1px solid #dfdbdb; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #recent-searches .recent-search-item:nth-child(n+3) {
    border-top: 1px solid #dfdbdb; } }
@media (max-width: 767px) {
  #recent-searches .recent-search-item.without-date {
    padding-top: 24px;
    background-position-y: 26px; } }
#recent-searches .recent-search-item:hover .recent-search-locations {
  color: #44b4ff; }
#recent-searches .recent-search-item:active .recent-search-locations {
  color: #0077c6; }

#recent-searches-toggle {
  background: rgba(255, 255, 255, 0.9);
  padding: 3px 0px 5px; }
  #recent-searches-toggle .container {
    padding-top: 0px;
    padding-bottom: 0px; }
  #recent-searches-toggle .toggle-icon {
    width: 13px;
    height: 13px;
    margin: 0px auto;
    display: block; }

#recent-searches-toggle.down .toggle-icon {
  background: url("../images/icon-triangle-grey-up.aa1f2a609d11.png") no-repeat left center;
  background-size: contain; }

#recent-searches-toggle.up .toggle-icon {
  background: url("../images/icon-triangle-grey-up.aa1f2a609d11.png") no-repeat left center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#recent-searches-toggle.searched {
  background: #ebebeb; }

#recent-searches-toggle:hover .toggle-text {
  color: #666; }

#recent-searches-toggle.searched:hover {
  background: #e2e2e2; }

#search-results-loading .loading {
  margin: 100px    auto; }

#search-results .modo-banner {
  height: 105px;
  color: #777777; }
  @media (max-width: 767px) {
    #search-results .modo-banner {
      width: 100%;
      margin-top: 30px; } }
  #search-results .modo-banner .modo-image {
    background: url("../images/promo-modo.89864967a1e9.png") no-repeat #fff;
    border-radius: 5px;
    border: 1px solid #dfdbdb;
    width: 480px;
    height: 70px;
    background-size: contain; }
    @media (max-width: 767px) {
      #search-results .modo-banner .modo-image {
        width: 100%;
        max-width: 400px;
        height: 100px;
        background: url("../images/promo-modo-mobile.dc8787a6ee9f.png") no-repeat #fff top center;
        background-size: contain; } }

#routes .route {
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #dfdbdb;
  float: left;
  margin-bottom: 20px;
  text-align: center; }
  @media (min-width: 1024px) {
    #routes .route {
      width: 23.5%;
      margin-left: 2%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    #routes .route {
      width: 32%;
      margin-right: 2%; } }
  @media (max-width: 767px) {
    #routes .route {
      width: 100%; } }
  #routes .route .location {
    float: left; }
  #routes .route .arrow {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat;
    background-size: contain;
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 10px; }
  #routes .route .route-container {
    display: inline-flex;
    text-align: center; }
@media (min-width: 1024px) {
  #routes .route:nth-child(4n) {
    margin-left: 0px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #routes .route:nth-child(3n+3) {
    margin-right: 0px; } }
#routes .route:hover {
  border: 1px solid #777777;
  color: #333333; }

.find-location {
  padding: 20px 0px 30px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .find-location {
      padding: 10px 0px 20px; } }
  @media (max-width: 767px) {
    .find-location {
      padding: 0px; } }
  .find-location h1 {
    color: #fff;
    text-shadow: -1px -1px 7px #5b5b5b;
    margin: 0px 0px 10px; }
    @media (max-width: 767px) {
      .find-location h1 {
        margin: 0px;
        font-size: 20px; } }

/* Trip find filters */
#trip-find-filters-trigger {
  border-top: 1px solid #dfdbdb;
  padding: 10px;
  font-size: 14px;
  background: #fff;
  color: #999999; }
  #trip-find-filters-trigger .icon-filter {
    background: url("../images/icon-filter.74c5375b2521.png") no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 10px 0px 0px; }

#trip-find-filters {
  color: #666;
  border-top: 1px solid #efefef; }
  @media (max-width: 767px) {
    #trip-find-filters {
      display: none; } }
  #trip-find-filters .container {
    padding-top: 0px;
    padding-bottom: 0px; }
  #trip-find-filters .filter-item {
    float: left;
    padding-top: 15px;
    padding-bottom: 15px; }
    @media (max-width: 767px) {
      #trip-find-filters .filter-item {
        float: none;
        width: 100%;
        padding: 15px 0px 20px 0px;
        margin: 0px;
        clear: both; } }
  @media (min-width: 769px) {
    #trip-find-filters .filter-show {
      padding-right: 20px; } }
  @media (max-width: 767px) {
    #trip-find-filters .filter-show {
      border-top: 1px solid #efefef;
      border-bottom: 1px solid #efefef; } }
  @media (min-width: 769px) {
    #trip-find-filters .filter-hide {
      padding-right: 20px;
      padding-left: 20px;
      border-right: 1px solid #efefef;
      border-left: 1px solid #efefef; } }
  @media (max-width: 767px) {
    #trip-find-filters .filter-hide {
      border-bottom: 1px solid #efefef; } }
  @media (max-width: 767px) {
    #trip-find-filters .filter-hide.loggedout {
      border-bottom: none; } }
  @media (min-width: 769px) {
    #trip-find-filters .filter-options {
      border-right: 1px solid #efefef;
      margin-right: 20px;
      padding-right: 20px;
      margin-left: 20px; } }
  @media (max-width: 767px) {
    #trip-find-filters .filter-options {
      border-bottom: 1px solid #dfdbdb; } }
  @media (min-width: 769px) {
    #trip-find-filters .filter-requests {
      float: right;
      min-width: 200px; } }
  @media (max-width: 767px) {
    #trip-find-filters .filter-requests {
      font-size: 14px; } }
  #trip-find-filters .filter-requests .icon {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: block;
    float: left;
    margin: 7px 10px 0px 0px; }
  #trip-find-filters .filter-requests .icon.on {
    background: #009a4b; }
  #trip-find-filters .filter-requests .icon.off {
    background: #777777; }
  #trip-find-filters .filter-label, #trip-find-filters .filter, #trip-find-filters .tickbox, #trip-find-filters .filter-text, #trip-find-filters .checker-trigger {
    float: left; }
  #trip-find-filters .checker {
    width: 20px;
    height: 20px; }
  #trip-find-filters .filter-label {
    font-weight: 600; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #trip-find-filters .filter-label {
        display: none; } }
    @media (max-width: 767px) {
      #trip-find-filters .filter-label {
        width: 100%;
        margin-bottom: 10px; } }
  #trip-find-filters .tickbox {
    width: 20px;
    height: 20px;
    border: 1px solid #9E9C9C;
    border-radius: 3px; }
    @media (min-width: 1024px) {
      #trip-find-filters .tickbox {
        margin: 0px 10px 0px 10px; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #trip-find-filters .tickbox {
        margin: 0px 10px 0px 0px; } }
  @media (min-width: 1024px) {
    #trip-find-filters .filter {
      margin: 0px 10px 0px 10px; } }
  @media (min-width: 0px) and (max-width: 1023px) {
    #trip-find-filters .filter {
      margin: 0px 15px 0px 0px; } }
  #trip-find-filters .filter.active .tickbox {
    background: url("../images/icon-tick.e74f8fbf5bf0.png") no-repeat center center;
    background-size: 14px 14px; }

@media (max-width: 767px) {
  #trip-find-filters.active {
    display: block; } }

/* Search form */
/* Trip search */
.trip-search {
  width: 100%;
  height: 60px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #dfdbdb;
  color: #333333;
  text-align: left; }
  @media (max-width: 767px) {
    .trip-search {
      margin: 0 auto;
      border: none;
      background: none; } }
  .trip-search .trip-search-origin {
    box-sizing: border-box;
    float: left;
    width: 26%;
    padding: 0px;
    position: relative; }
    @media (max-width: 767px) {
      .trip-search .trip-search-origin {
        width: 100%;
        margin-bottom: 10px;
        height: 51px;
        border-radius: 3px;
        background: #fff; } }
    .trip-search .trip-search-origin #id_origin-address {
      background: url("../images/icon-location-orange.044a6429d584.png") no-repeat left center;
      background-size: 18px;
      padding-left: 35px;
      background-position: 10px; }
      @media (max-width: 767px) {
        .trip-search .trip-search-origin #id_origin-address {
          padding: 16px 0px 14px 35px;
          border-radius: 3px; } }
  .trip-search .trip-search-destination {
    box-sizing: border-box;
    float: left;
    width: 26%;
    padding: 0px;
    position: relative; }
    @media (max-width: 767px) {
      .trip-search .trip-search-destination {
        width: 100%;
        margin-bottom: 10px;
        height: 51px;
        border-radius: 3px;
        background: #fff; } }
    .trip-search .trip-search-destination #id_destination-address {
      background: url("../images/icon-location-blue.9241dadfa51d.png") no-repeat left center;
      background-size: 18px;
      padding-left: 35px;
      background-position: 10px; }
      @media (max-width: 767px) {
        .trip-search .trip-search-destination #id_destination-address {
          padding: 16px 0px 14px 35px;
          border-radius: 3px; } }
  @media (min-width: 769px) {
    .trip-search .trip-search-swap {
      background: url("../images/icon-swap-grey.9c6d2d9bbc8e.png") no-repeat center center #f7f7fa;
      width: 4%;
      background-size: 25px 25px;
      float: left;
      position: relative;
      display: block;
      height: 60px;
      border-right: 1px solid #dfdbdb;
      box-sizing: border-box; } }
  @media (max-width: 767px) {
    .trip-search .trip-search-swap {
      background: url("../images/icon-swap-white.8de7138d8756.png") no-repeat center center #333;
      width: 35px;
      height: 35px;
      border-radius: 40px;
      display: block;
      position: absolute;
      background-size: 25px 25px;
      margin-top: 40px;
      margin-left: 70%;
      z-index: 5000; } }
  @media (min-width: 769px) {
    .trip-search .trip-search-swap:hover {
      background: url("../images/icon-swap-grey.9c6d2d9bbc8e.png") no-repeat center center #ececec;
      background-size: 25px 25px; } }
  @media (max-width: 767px) {
    .trip-search .trip-search-swap:hover {
      background: url("../images/icon-swap-white.8de7138d8756.png") no-repeat center center #000;
      background-size: 25px 25px; } }
  @media (min-width: 769px) {
    .trip-search .trip-search-swap:active {
      background: url("../images/icon-swap-grey.9c6d2d9bbc8e.png") no-repeat center center #dfdbdb;
      background-size: 25px 25px; } }
  @media (max-width: 767px) {
    .trip-search .trip-search-swap:active {
      background: url("../images/icon-swap-white.8de7138d8756.png") no-repeat center center #44b4ff;
      background-size: 25px 25px; } }
  .trip-search .input-clear {
    display: none;
    position: absolute;
    right: 10px;
    top: 21px;
    border-radius: 10px;
    height: 18px;
    width: 18px;
    background: #ccc;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    z-index: 1; }
    @media (max-width: 767px) {
      .trip-search .input-clear {
        top: 16px; } }
  .trip-search .trip-search-date {
    box-sizing: border-box;
    float: left;
    width: 26%;
    padding: 15px; }
    @media (max-width: 767px) {
      .trip-search .trip-search-date {
        width: 100%;
        height: 51px;
        background: url("../images/icon-calendar-grey.bc0bd6d23ce7.png") no-repeat left center #fff;
        background-size: 18px;
        background-position: 8px; } }
  .trip-search .trip-search-button {
    box-sizing: border-box;
    float: right;
    width: 18%;
    padding: 21px 0px 20px 0px;
    font-size: 14px;
    background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center #333;
    background-size: 15px 15px;
    background-position: 20px;
    color: #fff;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-family: "Open Sans", Sans-serif;
    border: none; }
    @media (max-width: 767px) {
      .trip-search .trip-search-button {
        height: 51px;
        border-radius: 3px;
        margin-top: 10px;
        width: 100%;
        padding: 15px 0px 15px 0px; } }
  .trip-search .trip-search-button.greyed {
    color: #fff !important; }
  .trip-search .trip-search-button:hover, .trip-search .trip-search-button:focus {
    background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center #222222;
    background-size: 15px 15px;
    background-position: 20px;
    outline: none;
    -webkit-appearance: none; }
  .trip-search .trip-search-button:active {
    background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center #000000;
    background-size: 15px 15px;
    background-position: 20px; }
  .trip-search .select2-container {
    border-right: 1px solid #dfdbdb; }
  .trip-search #id_origin-address, .trip-search #id_destination-address {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0px 21px 36px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #dfdbdb;
    background: none;
    color: #565a5c; }
    @media (max-width: 767px) {
      .trip-search #id_origin-address, .trip-search #id_destination-address {
        border: 1px solid #dfdbdb; } }
  .trip-search #id_departing {
    padding: 20px 0px 16px 22px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0px;
    color: #565a5c;
    background: none; }
    @media (max-width: 767px) {
      .trip-search #id_departing {
        border: 1px solid #dfdbdb;
        padding: 16px 0px 14px 35px;
        border-radius: 3px; } }
  .trip-search ul.errorlist {
    position: absolute;
    margin-top: 55px; }
  @media (max-width: 767px) {
    .trip-search #id_origin-address-error, .trip-search #id_destination-address-error, .trip-search #id_departure_date-error {
      /*padding:0px;
      background:none;
      margin-left:0px;
      margin-top:11px;
      font-size:13px;
      position: relative;
      top: -2px;
      color:#fff;*/ } }
  @media (max-width: 767px) {
    .trip-search #id_departure_date-error {
      top: -4px; } }
  @media (max-width: 767px) {
    .trip-search .locations-name {
      display: none; } }
  @media (max-width: 767px) {
    .trip-search .autocomplete-suggestions {
      margin-top: -2px; } }

.trip-search.from-home {
  max-width: 725px;
  height: 60px; }
  @media (min-width: 769px) {
    .trip-search.from-home .trip-search-origin {
      width: 32%; } }
  @media (max-width: 767px) {
    .trip-search.from-home .trip-search-origin {
      border: none;
      border-radius: 5px; } }
  @media (min-width: 769px) {
    .trip-search.from-home .trip-search-swap {
      width: 4%; } }
  @media (min-width: 769px) {
    .trip-search.from-home .trip-search-destination {
      width: 32%; } }
  @media (max-width: 767px) {
    .trip-search.from-home .trip-search-destination {
      border: none;
      border-radius: 5px; } }
  @media (min-width: 769px) {
    .trip-search.from-home .trip-search-date {
      width: 32%; } }
  @media (max-width: 767px) {
    .trip-search.from-home .trip-search-date {
      border: none;
      border-radius: 5px; } }
  .trip-search.from-home .trip-search-button {
    box-sizing: border-box;
    float: left;
    width: auto;
    padding: 20px 40px 20px 60px;
    background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center #333;
    background-size: 15px 15px;
    background-position: 20px;
    color: #fff;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    cursor: pointer;
    font-weight: 600;
    border-right: 1px solid #666;
    font-size: 16px; }
    @media (max-width: 767px) {
      .trip-search.from-home .trip-search-button {
        width: 50%;
        float: left;
        margin-top: 15px;
        height: auto; } }
  .trip-search.from-home .trip-search-button:hover, .trip-search.from-home .trip-search-button:focus {
    background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center #222;
    background-size: 15px 15px;
    background-position: 20px;
    outline: none;
    -webkit-appearance: none; }
  .trip-search.from-home .trip-search-button:active {
    background: url("../images/icon-search.ad76d63ebc43.png") no-repeat left center #000;
    background-size: 15px 15px;
    background-position: 20px; }
  .trip-search.from-home .trip-post-button {
    box-sizing: border-box;
    float: left;
    padding: 20px 40px 20px 60px;
    background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat left center #333;
    background-size: 15px 15px;
    background-position: 20px;
    color: #fff;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    border: none;
    font-family: "Open Sans", Sans-serif; }
    @media (max-width: 767px) {
      .trip-search.from-home .trip-post-button {
        width: 50%;
        float: right;
        margin-top: 15px; } }
  .trip-search.from-home .trip-post-button:hover, .trip-search.from-home .trip-post-button:focus {
    background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat left center #222;
    background-size: 15px 15px;
    background-position: 20px;
    outline: none;
    -webkit-appearance: none; }
  .trip-search.from-home .trip-post-button:active {
    background: url("../images/icon-post.ed4bce5f3a01.png") no-repeat left center #000;
    background-size: 15px 15px;
    background-position: 20px; }
  @media (max-width: 767px) {
    .trip-search.from-home #id_origin-address, .trip-search.from-home #id_destination-address, .trip-search.from-home #id_departing {
      border-radius: 5px;
      border: none; } }
  @media (min-width: 769px) {
    .trip-search.from-home .trip-search-swap {
      height: 60px; } }
  @media (max-width: 767px) {
    .trip-search.from-home .trip-search-swap {
      background: url("../images/icon-swap-white.8de7138d8756.png") no-repeat center center #333333;
      background-size: 25px 25px; } }

#trip-form.trip-search.from-find #id_origin {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.autocomplete-suggestions {
  width: auto;
  background: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 2px;
  -webkit-box-shadow: 3px 23px 70px -19px black;
  -moz-box-shadow: 3px 23px 70px -19px black;
  box-shadow: 3px 23px 70px -19px black; }
  .autocomplete-suggestions .autocomplete-suggestion {
    padding: 10px;
    background: #f4f4f4; }
  .autocomplete-suggestions .autocomplete-suggestion:hover {
    background: #ff4f02;
    color: #fff;
    cursor: pointer; }
  .autocomplete-suggestions .autocomplete-suggestion:active, .autocomplete-suggestions .autocomplete-suggestion:focus {
    background: #ff7430;
    color: #fff; }
  .autocomplete-suggestions .autocomplete-suggestion:nth-child(2) {
    background: #fff; }
  .autocomplete-suggestions .autocomplete-suggestion:nth-child(2):hover {
    background: #ff4f02;
    color: #fff; }
  .autocomplete-suggestions .autocomplete-suggestion:nth-child(2):active, .autocomplete-suggestions .autocomplete-suggestion:nth-child(2):focus {
    background: #ff7430;
    color: #fff; }
  .autocomplete-suggestions .autocomplete-suggestion:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .autocomplete-suggestions .autocomplete-selected, .autocomplete-suggestions .autocomplete-selected:nth-child(2) {
    background: #ff7430;
    color: #fff; }

.trip-search.from-home #id_origin-address-error, .trip-search.from-home #id_destination-address-error, .trip-search.from-home #id_departure_date-error {
  color: #fff;
  /*
  padding: 2px 10px 2px 10px;
  background: #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: 16px;
  line-height: 28px;
  color:$darkgrey;
  font-size:14px;
  display: inline-table;
  position:relative;
  */ }
.trip-search.from-home #id_departure_date-error {
  line-height: 28px; }

.gad-credentials {
  background: #0099ff;
  color: #fff; }
  @media (min-width: 769px) {
    .gad-credentials .container {
      padding-top: 10px;
      padding-bottom: 10px; } }
  @media (max-width: 767px) {
    .gad-credentials .container {
      padding: 10px; } }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 768px) {
  .break-on-666 {
    clear: both;
    float: none !important;
    width: 100% !important; }

  .show-on-666 {
    display: block; }

  .hide-on-666 {
    display: none; }

  .full-width-on-666 {
    width: 100% !important; }

  input[type=text], input[type=button], input[type=submit], input[type=password], input[type=email], textarea {
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */ }

  select:focus, textarea:focus, input:focus {
    font-size: 14px; }

  .button, #welcome .welcome-zero #no_pending_email_form [type="submit"], .vehicle-form [type=submit], #referrals-share #referrals-form #id_submit {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    border-radius: 3px; }

  .button.narrow, #welcome .welcome-zero #no_pending_email_form .narrow[type="submit"], .vehicle-form .narrow[type=submit], #referrals-share #referrals-form .narrow#id_submit {
    border-radius: 3px; }

  .p-style {
    font-size: 14px;
    line-height: 18px; }

  #wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    width: 100%;
    margin: 0px 0px 0px 0px !important;
    top: 0px;
    position: relative;
    z-index: 100; }

  .page {
    padding-top: 20px; }
    .page .page-left, .page .page-right, .page .page-left.border {
      float: left;
      width: 100%;
      border: none;
      padding: 0px; }

  .left, .right {
    float: left !important;
    width: 100% !important;
    border: none;
    padding: 0px; }

  .left.bar {
    border-right: 0px; }

  .right {
    margin-top: 30px !important; }

  .col-3 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px; }

  .modal {
    height: auto;
    width: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; }
    .modal .modal-box {
      margin-top: 0px;
      padding: 20px 10px 10px 10px;
      overflow-y: auto;
      height: 100% !important; }
      .modal .modal-box .container {
        padding: 10px; }

  .mobile-reset {
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important; }

  .home-location {
    margin-bottom: 20px; }

  .landing-how-it-works {
    padding-bottom: 40px; }

  #trip .trip-user-details {
    display: none; }
  #trip .trip-user-details.active {
    display: block; }
  #trip .trip-details .trip-space .col-3 {
    width: 30%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px; }
  #trip .trip-details .icon-cashless {
    float: left;
    padding-left: 35px;
    width: 100%; }

  .sponsors-position {
    margin-top: 10px; }
    .sponsors-position a {
      margin: 0 auto;
      float: none; }

  #manage .trip .left-section {
    float: none;
    width: auto; }
    #manage .trip .left-section .trip-details {
      float: left; }
    #manage .trip .left-section .trip-actions {
      float: right;
      margin-top: 0px; }
      #manage .trip .left-section .trip-actions .trip-action {
        border: none;
        padding: 0px; }
  #manage .trip .right-section {
    float: none;
    width: auto;
    clear: both;
    margin-top: 20px;
    padding-left: 0px; }

  #dashboard .dashboard-tabs {
    border-bottom: 1px solid #dfdbdb;
    margin-bottom: 10px; }
    #dashboard .dashboard-tabs .tab-trigger {
      float: left;
      width: 50%;
      text-align: center;
      padding-bottom: 10px; }
    #dashboard .dashboard-tabs .tab-trigger.active {
      border-bottom: 3px solid #777777;
      font-weight: bold; }
    #dashboard .dashboard-tabs .tab-trigger:not(.active) {
      cursor: pointer; }
  #dashboard .tab.active {
    display: block; }
  #dashboard .tab {
    display: none; }

  .full-width-mobile {
    width: 100%;
    margin: 0px;
    padding: 0px; }

  #how .col-8.full-width-mobile {
    margin-top: 20px; }
  #how #membership .col-3 {
    width: 100%; }

  #tripofferform #id_seats-error {
    display: block;
    clear: both; }

  .trip-calculator .float-left.dark {
    float: none; }
  .trip-calculator .float-right {
    padding-top: 10px;
    clear: both;
    float: none; }

  #footer .col-3 {
    width: 100%; }
  #footer .page-left {
    display: none; }
  #footer .page-right {
    width: 100%; }

  .beta-info .container, .admin-bar .container {
    padding-left: 20px;
    padding-right: 20px; }

  #profile .profile-picture {
    max-width: 150px;
    max-height: 150px; }

  .col-4 {
    width: 100%;
    margin-bottom: 15px; }

  .welcome-two .optimized-for-mobile {
    width: 150px;
    margin-top: 15px; }

  .feedback-states .col-4 {
    float: left;
    width: 22.5%;
    margin-bottom: 0px; }

  .landing-how-it-works .col-3 {
    width: 100%; }

  #impact #impact-banner {
    height: 300px; }
    #impact #impact-banner h1 {
      font-size: 32px;
      line-height: 30px;
      padding-top: 200px; }
  #impact .col-3 {
    width: 100%;
    clear: both;
    margin: 10px 0px 30px; }
  #impact .box {
    min-height: 100px; }

  #booking-form .cc-brand {
    width: 70px;
    height: 20px; }
  #booking-form .page-left {
    width: 100%; }
  #booking-form .page-right {
    width: 100%; }
  #booking-form .booking-send-button {
    display: block;
    width: 100%; }

  .trip-calculator-table {
    width: 100%; }

  #modal-add-trip-request .input-label {
    float: none;
    width: 100%; }
  #modal-add-trip-request .departure-label, #modal-add-trip-request .seats-label, #modal-add-trip-request .description-label {
    margin-top: 0px; }
  #modal-add-trip-request .seats-label, #modal-add-trip-request .description-label {
    margin-bottom: 10px; }
  #modal-add-trip-request .input-field {
    float: left;
    width: 100%; }

  .modal-cancel-trip ul {
    padding-left: 20px;
    margin: 0px; }

  .float-break-mobile {
    float: none; } }
/* In between */
@media only screen and (max-width: 630px) {
  .facebook-in {
    display: none; } }
@media only screen and (max-width: 768px) {
  .break-on-768 {
    clear: both;
    float: none !important; }

  .show-on-768 {
    display: block; }

  .hide-on-768 {
    display: none; }

  .full-width-on-768 {
    width: 100% !important; }

  #header-page .profile-username {
    display: none; }
  #header-page #header-menu-trigger .profile-pic {
    margin-right: 40px; }

  #pricing .box-spaceless .box-left {
    float: none;
    width: 100%; }
    #pricing .box-spaceless .box-left .maintenance, #pricing .box-spaceless .box-left .insurance, #pricing .box-spaceless .box-left .gas {
      background-position: right top;
      background-size: 20px 20px;
      height: 30px;
      border-bottom: 1px solid #dfdbdb;
      padding-bottom: 5px; }
  #pricing .box-spaceless .box-right {
    float: none;
    width: 100%; }

  #promo #promo-banner {
    background: url("../images/promo-hitchthesummer-banner.a018cbe6cb91.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 300px; }
    #promo #promo-banner h1 {
      padding-top: 0px;
      font-size: 28px; }
    #promo #promo-banner h2 {
      font-size: 22px; } }
@media only screen and (max-width: 880px) {
  .page {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */ }

  #facebook-home {
    display: none; }

  #system-msg .container {
    padding-left: 20px;
    padding-right: 20px; }

  .beta-info .container, .admin-bar .container {
    padding-left: 20px;
    padding-right: 20px; } }
@media only screen and (max-width: 845px) {
  .trip-list-full .return {
    display: none; } }
@media only screen and (max-width: 745px) and (min-width: 666px) {
  .trip-list-full .origin {
    width: 150px !important; }
  .trip-list-full .destination {
    width: 150px !important; } }
/* small iPhone (portrait and landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
  #home-banner #banner-left h1 {
    font-size: 17px; }

  #trip-list .trip .fromto {
    margin-top: 4px;
    font-size: 15px; }
  #trip-list .date-tiny {
    font-size: 13px; }

  #trip .trip-details {
    padding: 15px;
    font-size: 13px; }
    #trip .trip-details .trip-space {
      font-size: 13px; }
      #trip .trip-details .trip-space .text.luggage {
        background-position-x: 48px !important; }
      #trip .trip-details .trip-space .text.equipment {
        background-position-x: 63px !important; }
    #trip .trip-details .trip-price-seats .label {
      margin: 9px 0px 0px 5px; }

  .alert-actions {
    margin-top: 25px; }

  #manage .trip .left-section .trip-actions {
    float: none;
    margin-top: 15px;
    clear: both; }
    #manage .trip .left-section .trip-actions .trip-action {
      float: left;
      margin-right: 10px; }

  #user #profile .profile-picture {
    width: 130px;
    height: 130px; }
  #user #profile .profile-details {
    padding-left: 0px; }

  .social-logins .social-login {
    font-size: 14px;
    text-indent: 8px; }

  a.edit-trip {
    clear: both;
    float: none !important;
    text-align: left; }

  .message.onleft .message-container {
    width: 65%; }

  .message.onright .message-container {
    width: 65%; }

  #form-phone .col-2, #form-code .col-2 {
    clear: both;
    width: auto;
    margin-bottom: 20px; }

  .hide-on-iphone {
    display: none; }

  .show-on-iphone {
    display: block; }

  .facebook-campaign-strapline {
    margin: 17px 10px; }

  .register-facebook-landing-contents h1 {
    font-size: 18px !important; } }
@media only screen and (max-width: 900px) and (min-width: 666px) {
  #trip-list .trip.offering .trip-details-full {
    max-width: 300px; } }
@media only screen and (max-width: 768px) {
  .trip-list-full .columnLegend {
    width: 100%; }
    .trip-list-full .columnLegend .all, .trip-list-full .columnLegend .offering, .trip-list-full .columnLegend .asking {
      width: 33.3% !important;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      /* Firefox */ }
  .trip-list-full .origin-destination {
    font-size: 16px;
    font-weight: 700;
    padding-top: 2px; }
  .trip-list-full .user {
    margin-top: -45px !important; }

  .left.bar {
    border-right: none !important; }

  .booking-status-top .float-right {
    float: none;
    clear: both;
    padding-top: 10px; } }
.sponsors-container {
  width: 100%;
  text-align: center; }

.sponsors-position {
  display: inline-block; }

.sponsor-common, .sponsor-modo, .sponsor-pow, .sponsor-gravatron, .sponsor-ogo, .sponsor-revelstoke, .sponsor-silverstar, .sponsor-travelsmart, .sponsor-kootenay-carshare {
  height: 100px;
  width: 100px;
  margin: 0px 20px 0px 20px;
  display: block;
  float: left; }

.sponsor-wide, .sponsor-pow, .sponsor-revelstoke, .sponsor-silverstar, .sponsor-travelsmart, .sponsor-kootenay-carshare {
  width: 200px; }

.sponsor-modo {
  background: url("../images/sponsor-modo.c9307ea58f28.png"); }

.sponsor-pow {
  background: url("../images/sponsor-pow.df4c51d7d86f.png"); }

.sponsor-gravatron {
  background: url("../images/sponsor-gravatron.e45461772e8f.png"); }

.sponsor-ogo {
  width: 174px;
  background: url("../images/sponsor-ogo.b6e0f3d0f66c.png"); }

.sponsor-revelstoke {
  background: url("../images/sponsor-revelstoke.c0e91f7551d9.png"); }

.sponsor-silverstar {
  background: url("../images/sponsor-silverstar.cc6f48a7aed8.png"); }

.sponsor-travelsmart {
  background: url("../images/friends-travelsmart.7c7fb9594a4f.jpg") no-repeat center center; }

.sponsor-kootenay-carshare {
  background: url("../images/sponsor-kootenays-carshare.0706d6eda61d.png") no-repeat center center; }

/* Help */
@media (min-width: 769px) {
  #help-tabs.scrolled {
    position: fixed;
    top: 52px;
    width: inherit;
    max-width: 217px; }
    #help-tabs.scrolled .tabs {
      position: relative; } }

@media (max-width: 767px) {
  #help-tabs {
    display: none; } }

@media (max-width: 767px) {
  #help-tabs.active {
    display: block; } }

#help h2 {
  font-size: 18px;
  font-weight: 600; }
#help h3 {
  font-size: 16px;
  font-weight: 600; }
#help .floating {
  width: 47.5%; }
#help .floating.page-left {
  float: left; }
#help .floating.page-right {
  float: right; }
@media (max-width: 767px) {
  #help .tabs {
    margin-bottom: 30px; } }
#help .toggler-button {
  padding: 8px;
  border: 2px solid #777777;
  color: #777777;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
  cursor: pointer; }
#help .toggler-button:hover {
  border: 2px solid #000;
  color: #000; }
#help .help-toggling {
  display: none; }
#help .help-toggling.active {
  display: block; }

/* How page - help page */
#how h1 {
  margin-top: 0px; }
#how .three-step-process {
  padding: 20px;
  font-size: 16px; }
#how .benefits {
  border-left: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb;
  padding-bottom: 15px; }
  #how .benefits .benefit {
    margin-top: 20px;
    text-align: center;
    padding-top: 70px; }
  #how .benefits .benefit.money {
    background: url("../images/icon-reduce-costs.5a93b70fc9dd.png") no-repeat center top; }
  #how .benefits .benefit.buddies {
    background: url("../images/icon-meet-people.b362d963b59c.png") no-repeat center top; }
  #how .benefits .benefit.footprint {
    background: url("../images/icon-reduce-footprint.1729b9240e7b.png") no-repeat center top; }
#how .bullet-tick {
  margin: 15px 0px 15px;
  padding-left: 25px;
  background: url("../images/icon-tick.e74f8fbf5bf0.png") no-repeat top left; }
#how #savings-table {
  width: 100%;
  border: 1px solid #dfdbdb; }
  #how #savings-table .border-bottom {
    border-bottom: 1px solid #dfdbdb; }
  #how #savings-table .border-right {
    border-right: 1px solid #dfdbdb; }
  #how #savings-table td {
    padding: 10px; }
#how .inside-table {
  width: 100%; }
#how .booking-fees {
  padding-left: 17px; }
  #how .booking-fees li {
    margin: 5px 0px 5px; }
#how #safety .credentials-heading {
  background: url("../images/icon-refer.5e0ce7c20119.png") no-repeat;
  background-size: contain;
  padding-left: 30px; }
#how #safety .verification-heading {
  background: url("../images/icon-verified.804ca7ec886b.png") no-repeat;
  background-size: contain;
  padding-left: 30px; }
#how #safety .verified-text {
  background: url("../images/icon-verified.804ca7ec886b.png") no-repeat left center;
  background-position-y: 20px;
  background-size: 30px 30px;
  padding-left: 45px;
  line-height: 20px;
  padding-top: 25px;
  height: 50px; }
#how #safety .feedback-heading {
  background: url("../images/icon-meet-people.b362d963b59c.png") no-repeat;
  background-size: contain;
  padding-left: 30px; }
#how #safety .feedback {
  padding-left: 1.25%;
  padding-right: 1.25%;
  text-align: center;
  padding-top: 20px; }
  #how #safety .feedback h3 {
    margin-bottom: 0px; }
#how #safety .feedback.on-time {
  background: url("../images/icon-on-time.fe255aa193d7.png") no-repeat center top;
  background-size: 30px 30px; }
#how #safety .feedback.late {
  background: url("../images/icon-late.9d896344e35d.png") no-repeat center top;
  background-size: 30px 30px; }
#how #safety .feedback.bailed {
  background: url("../images/icon-bailed.7376364f45e8.png") no-repeat center top;
  background-size: 30px 30px; }
#how #safety .feedback.no-show {
  background: url("../images/icon-no-show.39a495427f54.png") no-repeat center top;
  background-size: 30px 30px; }
#how #safety .feedback-box {
  border: 1px solid #dfdbdb;
  padding: 15px; }
#how #reservations .reservation-benefit {
  text-align: center;
  padding-top: 50px;
  padding-left: 1.25%;
  padding-right: 1.25%; }
#how #reservations .ensure-spot {
  background: url("../images/icon-reserved-seat.0d82759746b6.png") no-repeat center top;
  background-size: 50px 50px; }
#how #reservations .no-cash {
  background: url("../images/icon-no-cash.a811344c52a6.png") no-repeat center top;
  background-size: 50px 50px; }
#how #reservations .secure-payments {
  background: url("../images/icon-credit-card.fa9d98c27a04.png") no-repeat center top;
  background-size: 50px 50px; }
#how #reservations .refund {
  background: url("../images/icon-refund.f528045c5525.png") no-repeat center top;
  background-size: 50px 50px; }
#how #reservations #contributions {
  padding: 20px;
  border: 1px solid #dfdbdb; }
#how #cancellation h2 {
  font-size: 16px;
  font-weight: normal; }
#how #cancellation ul {
  padding-left: 20px; }
  #how #cancellation ul li {
    line-height: 24px; }
#how #cancellation .icon-cancel {
  background: url("../images/icon-bailed.7376364f45e8.png") no-repeat top left;
  padding-left: 30px;
  font-weight: bold;
  background-size: 20px 20px; }
#how #cancellation .icon-noshow {
  background: url("../images/icon-no-show.39a495427f54.png") no-repeat top left;
  background-size: 20px 20px;
  padding-left: 30px;
  font-weight: bold; }
#how #membership h4 {
  margin-top: 10px;
  margin-bottom: 0px; }
#how #membership ul {
  margin-left: 0px; }
  #how #membership ul li {
    margin-left: -20px; }
#how #membership .icon {
  height: 30px;
  width: 30px; }
#how #membership .icon.basic {
  background: url("../images/icon-member-basic.9359ffd2d0b3.png") no-repeat;
  background-size: contain; }
#how #membership .icon.annual {
  background: url("../images/icon-member.ef0e67fd4752.png") no-repeat;
  background-size: contain; }
#how #membership .icon.ambassador {
  background: url("../images/icon-member-ambassador.dfa17b40d1ca.png") no-repeat;
  background-size: contain; }

#help_cancellations-page .page-left {
  width: 48.5%; }
  @media (max-width: 767px) {
    #help_cancellations-page .page-left {
      width: 100%; } }
#help_cancellations-page .page-right {
  width: 48.5%; }
  @media (max-width: 767px) {
    #help_cancellations-page .page-right {
      width: 100%; } }

#header-home-bg {
  position: relative; }

#header-home-bg-animation {
  background: linear-gradient(135deg, #009aff, #00b55f, #cc0067, #ff6700);
  background-size: 500% 500%;
  -webkit-animation: AnimationName 200s ease infinite;
  -moz-animation: AnimationName 200s ease infinite;
  animation: AnimationName 200s ease infinite; }
@-webkit-keyframes AnimationName {
  0% {
    background-position: 1% 0%; }
  50% {
    background-position: 99% 100%; }
  100% {
    background-position: 1% 0%; } }
@-moz-keyframes AnimationName {
  0% {
    background-position: 1% 0%; }
  50% {
    background-position: 99% 100%; }
  100% {
    background-position: 1% 0%; } }
@keyframes AnimationName {
  0% {
    background-position: 1% 0%; }
  50% {
    background-position: 99% 100%; }
  100% {
    background-position: 1% 0%; } }
.background-common, .background-whistler, .background-vancouver, .background-pemberton, .background-tofino, .background-squamish, .background-victoria, .background-nanaimo, .background-ontario, .background-nelson, .background-kelowna, .background-revelstoke, .background-banff, .background-alberta, .background-portland, .background-seattle, .background-northern.bc, .background-montreal, .background-pemberton-fcb-pmf-1, .background-pemberton-fcb-pmf-2, .background-pemberton-fcb-pmf-3, .background-maritimes, .background-beta, .background-www {
  width: 100%;
  position: absolute;
  top: 0px;
  height: 100%;
  background-size: cover !important;
  opacity: .1; }

.background-whistler {
  background: url("../images/header-bg-whistler.6d157f8afe26.jpg") center center no-repeat; }

.background-vancouver {
  background: url("../images/header-bg-vancouver.277f6fef7b00.jpg") center center no-repeat; }

.background-pemberton {
  background: url("../images/header-bg3.135c4a9b6da2.jpg") center center no-repeat; }

.background-tofino {
  background: url("../images/header-bg-tofino.fc0274f70ba1.jpg") center center no-repeat; }

.background-squamish {
  background: url("../images/header-bg-squamish.594bccb0d219.jpg") center center no-repeat; }

.background-victoria {
  background: url("../images/header-bg-victoria.aa236c53bb2f.jpg") center center no-repeat; }

.background-nanaimo {
  background: url("../images/header-bg5.eb90127e9ea8.jpg") center center no-repeat; }

.background-ontario {
  background: url("../images/header-bg-ontario.7ac3ba3c27bb.jpg") center center no-repeat; }

.background-nelson {
  background: url("../images/header-bg-nelson.44e117632c32.jpg") center center no-repeat; }

.background-kelowna {
  background: url("../images/header-bg-okanagan.9582d925f77d.jpg") center center no-repeat; }

.background-revelstoke {
  background: url("../images/header-bg-revelstoke.624307b5d712.jpg") center center no-repeat; }

.background-banff {
  background: url("../images/header-bg-banff.89d86b56dc8b.jpg") center center no-repeat; }

.background-alberta {
  background: url("../images/header-bg-alberta.849361cf19ea.jpg") center center no-repeat; }

.background-portland {
  background: url("../images/header-bg-portland.c5d2666e3a4c.jpg") center center no-repeat; }

.background-seattle {
  background: url("../images/header-bg-seattle.eff5482a3a05.jpg") center center no-repeat; }

.background-northern.bc {
  background: url("../images/header-bg10.5e9ce28f7dd1.jpg") center center no-repeat; }

.background-montreal {
  background: url("../images/header-bg-montreal.16e80ff0c552.jpg") center center no-repeat; }

.background-pemberton-fcb-pmf-1 {
  background: url("../images/header-bg-pmf1.74806866fb1c.jpg") center center no-repeat; }

.background-pemberton-fcb-pmf-2 {
  background: url("../images/header-bg-pmf2.a7d58e59e7af.jpg") center center no-repeat; }

.background-pemberton-fcb-pmf-3 {
  background: url("../images/header-bg-pmf3.381603b624c3.jpg") center center no-repeat; }

.background-maritimes {
  background: url("../images/header-bg-maritimes.30ebee0d21fa.jpg") center center no-repeat; }

.background-beta {
  background: url("../images/header-bg1.aeb71d912aca.jpg") center center no-repeat; }

.background-www {
  background: url("../images/header-bg-timmies.4240ea4b9b28.jpg") center center no-repeat; }

/* Desktop Landing pages for Hitch */
#register-facebook-landing-desktop {
  position: absolute;
  margin: 0px;
  left: 0px;
  top: -1px;
  width: 100%; }
  #register-facebook-landing-desktop .register-facebook-header {
    height: 40px; }
    #register-facebook-landing-desktop .register-facebook-header .container {
      padding: 0px;
      position: relative; }
    #register-facebook-landing-desktop .register-facebook-header .facebook-like {
      position: absolute;
      right: 0px;
      top: 5px; }
    #register-facebook-landing-desktop .register-facebook-header .logo {
      background: url("../images/hitchplanet-logo.7b17ba84004d.png") no-repeat center center;
      background-size: contain;
      width: 230px;
      height: 30px;
      margin: 13px auto 0px; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble {
    height: 200px;
    width: 200px;
    border-radius: 100px;
    background: #ccc;
    margin: 0 auto 20px;
    border: 3px solid #e4f3ff; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble:hover {
    border: 3px solid #b9cbda; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble.benefit-1 {
    background: url("../images/benefit-bubble-1.f70c6a718c79.jpg") no-repeat center center; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble.benefit-2 {
    background: url("../images/benefit-bubble-2.b740631d2d2e.jpg") no-repeat center center; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble.benefit-3 {
    background: url("../images/benefit-bubble-3.cd6e33269040.jpg") no-repeat center center; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble.benefit-1-hitcher {
    background: url("../images/benefit-bubble-1-hitcher.c571b518167e.jpg") no-repeat center center; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble.benefit-2-hitcher {
    background: url("../images/benefit-bubble-2-hitcher.b740631d2d2e.jpg") no-repeat center center; }
  #register-facebook-landing-desktop .register-facebook-benefits .bubble.benefit-3-hitcher {
    background: url("../images/benefit-bubble-3-hitcher.cd6e33269040.jpg") no-repeat center center; }
  #register-facebook-landing-desktop .register-facebook-benefits .text-medium, #register-facebook-landing-desktop .register-facebook-benefits #payments .payment-box .payment-text, #payments .payment-box #register-facebook-landing-desktop .register-facebook-benefits .payment-text, #register-facebook-landing-desktop .register-facebook-benefits #payments .payment-box .payment-amount, #payments .payment-box #register-facebook-landing-desktop .register-facebook-benefits .payment-amount {
    margin-bottom: 20px; }
  #register-facebook-landing-desktop .register-facebook-benefits .text-small, #register-facebook-landing-desktop .register-facebook-benefits textarea {
    line-height: 20px; }
  #register-facebook-landing-desktop .register-facebook-landing-contents {
    background: url("../images/register-facebook-landing-bg-1.3f973149555d.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
    width: 100%;
    color: #fff;
    padding-top: 10px; }
    #register-facebook-landing-desktop .register-facebook-landing-contents h1 {
      font-size: 36px;
      font-weight: 900;
      text-align: center;
      margin-bottom: 3px;
      margin-top: 45px; }
    #register-facebook-landing-desktop .register-facebook-landing-contents h2 {
      margin-top: 0px;
      font-size: 24px;
      text-align: center;
      font-weight: 600; }
  #register-facebook-landing-desktop .register-facebook-landing-contents.fb-isl-dri-dsk-1, #register-facebook-landing-desktop .register-facebook-landing-contents.fb-isl-dri-dsk-2 {
    background: url("../images/register-facebook-landing-bg-island-3.935751b2c9b4.jpg") no-repeat center top;
    background-size: cover; }
  #register-facebook-landing-desktop .register-facebook-landing-contents.fb-sea-dri-dsk-1, #register-facebook-landing-desktop .register-facebook-landing-contents.fb-sea-dri-dsk-2 {
    background: url("../images/register-facebook-landing-bg-seattle-2.e3ae4b1d96d5.jpg") no-repeat center center;
    background-size: cover; }
  #register-facebook-landing-desktop .register-facebook-landing-contents.fb-oka-dri-dsk-1, #register-facebook-landing-desktop .register-facebook-landing-contents.fb-koo-dri-dsk-1 {
    background: url("../images/register-facebook-landing-bg-okanagan-1.0866590ee821.jpg") no-repeat center center;
    background-size: cover; }
  #register-facebook-landing-desktop .register-facebook-landing-contents.fb-oka-dri-dsk-2, #register-facebook-landing-desktop .register-facebook-landing-contents.fb-koo-dri-dsk-2 {
    background: url("../images/register-facebook-landing-bg-okanagan-2.72abaea68314.jpg") no-repeat center center;
    background-size: cover; }
  #register-facebook-landing-desktop .register-facebook-landing-contents.fb-sts-dri {
    background: url("../images/register-facebook-landing-bg-sts-1.da2ee7285ea4.png") no-repeat center center;
    background-size: cover;
    margin: 0px; }
  #register-facebook-landing-desktop .register-facebook-landing-contents.fb-ont-hit-1 {
    background: url("../images/header-bg13.2e58df0e90d3.jpg") no-repeat center center;
    background-size: cover;
    margin: 0px; }
  #register-facebook-landing-desktop .register-facebook-cta {
    margin-top: 30px;
    color: #fff;
    background: #0099ff; }
    #register-facebook-landing-desktop .register-facebook-cta .social-login {
      background-color: #fff; }
  #register-facebook-landing-desktop .button, #register-facebook-landing-desktop #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #register-facebook-landing-desktop [type="submit"], #register-facebook-landing-desktop .vehicle-form [type=submit], .vehicle-form #register-facebook-landing-desktop [type=submit], #register-facebook-landing-desktop #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #register-facebook-landing-desktop #id_submit {
    width: 200px;
    margin: 0px auto;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 30px;
    font-weight: 700;
    border-radius: 10px;
    background-position-x: 20px; }
  #register-facebook-landing-desktop .facebook-cta {
    width: 200px;
    margin: 0px auto;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 30px;
    font-weight: 700;
    border-radius: 10px;
    background: url("../images/icon-facebook-negative.49b7ebe5c459.png") left center no-repeat #ff4f02;
    background-position-x: 20px; }
  #register-facebook-landing-desktop .facebook-cta:hover {
    background: url("../images/icon-facebook-negative.49b7ebe5c459.png") left center no-repeat #ff7430;
    background-position-x: 20px; }
  #register-facebook-landing-desktop .facebook-cta:focus {
    background: url("../images/icon-facebook-negative.49b7ebe5c459.png") left center no-repeat #777777;
    background-position-x: 20px; }
  #register-facebook-landing-desktop .icon-bail {
    background: url("../images/icon-benefit-bail.91219899c0c8.png") left top no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    margin-right: 10px; }
  #register-facebook-landing-desktop .bail-container {
    width: 280px;
    margin: 0 auto; }
    #register-facebook-landing-desktop .bail-container .text-large {
      line-height: 40px; }

@media only screen and (max-width: 666px) {
  #register-facebook-landing-desktop .page-left, #register-facebook-landing-desktop .page-right, #register-facebook-landing-desktop .col-3 {
    float: none;
    width: 100%; }
  #register-facebook-landing-desktop .page-left.border {
    border: none; }
  #register-facebook-landing-desktop .col-3 {
    margin-bottom: 50px; }
  #register-facebook-landing-desktop .register-facebook-landing-contents h1 {
    font-size: 28px; }
  #register-facebook-landing-desktop .register-facebook-landing-contents h2 {
    font-size: 18px; }
  #register-facebook-landing-desktop .facebook-cta {
    padding-left: 70px;
    width: 250px; }
  #register-facebook-landing-desktop .register-facebook-header {
    display: none; } }
/* Mobile Landing pages for Hitch */
#register-facebook-landing-mobile {
  position: absolute;
  margin: 0px;
  left: 0px;
  top: -1px;
  width: 100%; }
  #register-facebook-landing-mobile .register-facebook-landing-contents {
    background: url("../images/register-facebook-landing-bg-1.3f973149555d.jpg") no-repeat center center;
    background-size: cover;
    height: 215px;
    width: 100%;
    color: #fff;
    padding-top: 10px; }
    #register-facebook-landing-mobile .register-facebook-landing-contents h1 {
      font-size: 22px;
      font-weight: 100;
      text-align: center;
      margin-bottom: 3px; }
    #register-facebook-landing-mobile .register-facebook-landing-contents h2 {
      margin-top: 0px;
      font-size: 18px;
      text-align: center;
      font-weight: 600; }
  #register-facebook-landing-mobile .register-facebook-landing-contents.fb-sea-dri-mob-1 {
    background: url("../images/register-facebook-landing-bg-seattle-1.630ecbd05374.jpg") no-repeat center center;
    background-size: cover; }
  #register-facebook-landing-mobile .register-facebook-landing-contents.fb-sea-dri-mob-2 {
    background: url("../images/register-facebook-landing-bg-seattle-2.e3ae4b1d96d5.jpg") no-repeat center center;
    background-size: cover; }
  #register-facebook-landing-mobile .register-facebook-landing-contents.fb-isl-dri-mob-3 {
    background: url("../images/register-facebook-landing-bg-island-3.935751b2c9b4.jpg") no-repeat center center;
    background-size: cover;
    margin: 0px; }
  #register-facebook-landing-mobile .register-facebook-cta {
    margin-top: -2px;
    color: #fff;
    background: #0099ff; }
    #register-facebook-landing-mobile .register-facebook-cta .container {
      padding: 0px 20px 0px 20px; }
    #register-facebook-landing-mobile .register-facebook-cta .social-login {
      background-color: #fff; }
  #register-facebook-landing-mobile .facebook-cta {
    padding-top: 18px;
    padding-bottom: 18px;
    font-weight: 700;
    border-radius: 10px;
    background: url("../images/icon-facebook-negative.49b7ebe5c459.png") left center no-repeat #ff4f02;
    background-position-x: 20px; }

.facebook-campaign-strapline {
  margin: 17px 20px; }

/* Profile */
#user {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative; }
  @media (min-width: 769px) {
    #user {
      display: flex; } }
  #user .user-left {
    width: 30%;
    box-sizing: border-box; }
    @media (min-width: 769px) {
      #user .user-left {
        float: left;
        height: auto;
        align-items: stretch; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #user .user-left {
        width: 35%; } }
    @media (max-width: 767px) {
      #user .user-left {
        width: 100%;
        position: relative; } }
    #user .user-left .user-left-container {
      width: 280px;
      float: right;
      padding: 30px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #user .user-left .user-left-container {
          width: 200px; } }
      @media (max-width: 767px) {
        #user .user-left .user-left-container {
          width: 100%;
          position: relative;
          padding: 20px 20px 40px 20px;
          box-sizing: border-box;
          float: none; } }
    #user .user-left h1 {
      color: #333333;
      font-size: 24px;
      margin-bottom: 0px;
      padding-bottom: 10px; }
    #user .user-left .profile-picture {
      display: block;
      border-radius: 500px;
      border: 2px solid #f3f3f3;
      width: 190px;
      height: 190px;
      background-position: center center;
      margin: 0 auto; }
    #user .user-left .update-picture {
      cursor: pointer;
      color: red; }
    #user .user-left .update-picture:hover {
      text-decoration: underline; }
    #user .user-left .badges {
      text-align: center;
      width: 100%; }
      #user .user-left .badges .badge.icon-ambassador, #user .user-left #trip-list .badges .badge.ambassador, #trip-list #user .user-left .badges .badge.ambassador {
        width: 150px;
        box-sizing: border-box;
        height: 40px;
        background-size: contain;
        text-align: left;
        padding-left: 55px;
        padding-top: 8px;
        font-size: 16px;
        font-weight: 600;
        margin: 0 auto; }
      #user .user-left .badges .badge.icon-verified {
        width: 150px;
        box-sizing: border-box;
        height: 40px;
        background-size: contain;
        text-align: left;
        padding-left: 55px;
        padding-top: 8px;
        font-size: 16px;
        font-weight: 600;
        margin: 0 auto; }
    #user .user-left .user-verifications {
      border-radius: 5px;
      padding: 20px;
      box-sizing: border-box;
      border: 2px solid #dfdbdb; }
      #user .user-left .user-verifications .verification-item {
        width: 100%; }
        #user .user-left .user-verifications .verification-item .verification-item-left {
          float: left;
          width: 80%;
          box-sizing: border-box;
          padding-left: 40px; }
        #user .user-left .user-verifications .verification-item .verification-item-left.email {
          background: url("../images/icon-email-grey.e625dc2e2668.png") no-repeat left top;
          background-size: 25px 25px; }
        #user .user-left .user-verifications .verification-item .verification-item-left.phone {
          background: url("../images/icon-phone-grey.ed5fa226b186.png") no-repeat left top;
          background-size: 25px 25px; }
        #user .user-left .user-verifications .verification-item .verification-item-left.id {
          background: url("../images/icon-id-grey.312920977bb7.png") no-repeat left top;
          background-size: 25px 25px; }
        #user .user-left .user-verifications .verification-item .verification-item-left.facebook {
          background: url("../images/icon-facebook-grey.48269c10f7d5.png") no-repeat left top;
          background-size: 25px 25px; }
        #user .user-left .user-verifications .verification-item .verification-item-left.google {
          background: url("../images/icon-google-grey.1dfb3d05d23f.png") no-repeat left top;
          background-size: 25px 25px; }
        #user .user-left .user-verifications .verification-item .verification-item-right {
          float: right;
          width: 20%;
          text-align: right; }
        #user .user-left .user-verifications .verification-item .verification-item-right.verified {
          background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat right center;
          background-size: 20px 20px;
          display: block;
          height: 20px;
          width: 20px; }
  #user .user-responsiveness {
    width: 100%;
    color: #fff;
    padding: 20px;
    background: #0099ff;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      #user .user-responsiveness {
        padding: 10px; } }
    #user .user-responsiveness .user-responsiveness-container {
      float: left;
      width: 50%;
      text-align: center;
      box-sizing: border-box; }
      @media (max-width: 767px) {
        #user .user-responsiveness .user-responsiveness-container {
          width: 100%;
          float: none;
          margin: 5px 0px; } }
    #user .user-responsiveness .user-stat-response-rate {
      display: inline-block;
      background: url("../images/icon-clock-white.f7114572c7ac.png") no-repeat left center;
      background-size: 20px 20px;
      padding-left: 27px;
      box-sizing: border-box; }
    #user .user-responsiveness .user-stat-response-time {
      display: inline-block;
      background: url("../images/icon-circle-white.4fdcf6b4273e.png") no-repeat left center;
      background-size: 20px 20px;
      padding-left: 27px;
      box-sizing: border-box; }
  #user .user-right {
    width: 60%;
    max-width: 750px;
    box-sizing: border-box;
    background: #f7f7fa;
    border-left: 1px solid #dfdbdb; }
    @media (min-width: 769px) {
      #user .user-right {
        min-height: 750px;
        float: left;
        height: auto;
        align-items: stretch; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #user .user-right {
        width: 65%; } }
    @media (max-width: 767px) {
      #user .user-right {
        width: 100%;
        position: relative;
        margin-left: 0px;
        float: none; } }
    #user .user-right .cover-photo {
      width: 100%;
      height: 400px;
      display: block; }
      @media (max-width: 767px) {
        #user .user-right .cover-photo {
          height: 250px; } }
    #user .user-right .user-info .update-description {
      background: url("../images/icon-edit-orange.5f12d211661e.png") no-repeat center left;
      background-size: 23px 23px;
      padding-left: 30px; }
    #user .user-right .user-info .edit-description {
      background-size: 13px 13px;
      padding-left: 17px; }
    @media (min-width: 769px) {
      #user .user-right .user-stats {
        display: flex; } }
    #user .user-right .user-stats .user-stat {
      text-align: center; }
      @media (min-width: 769px) {
        #user .user-right .user-stats .user-stat {
          flex: 1; } }
      @media (max-width: 767px) {
        #user .user-right .user-stats .user-stat {
          margin: 20px 0px 20px; } }
      #user .user-right .user-stats .user-stat .user-stat-container {
        margin: 0 auto; }
      #user .user-right .user-stats .user-stat .user-stat-icon {
        width: 40px;
        height: 40px;
        background: #ccc;
        display: inline-block;
        text-align: center; }
      #user .user-right .user-stats .user-stat .user-stat-icon.driven {
        background: url("../images/icon-smiley.6222dfcb1d4a.png") no-repeat center center;
        background-size: contain; }
      #user .user-right .user-stats .user-stat .user-stat-icon.hitched {
        background: url("../images/icon-car-simple.88ca6ea5d718.png") no-repeat center center;
        background-size: contain; }
      #user .user-right .user-stats .user-stat .user-stat-icon.road {
        background: url("../images/icon-road.37ea38c777a6.png") no-repeat center center;
        background-size: contain; }
      #user .user-right .user-stats .user-stat .user-stat-icon.on-time {
        background: url("../images/icon-on-time-grey.45280d18d8e8.png") no-repeat center center;
        background-size: contain; }
      #user .user-right .user-stats .user-stat .user-stat-number {
        font-size: 20px; }
    #user .user-right .user-stats.top {
      background: #fff;
      padding: 20px;
      box-sizing: border-box;
      border-radius: 3px;
      border: 1px solid #efefef; }
    #user .user-right .user-description-long {
      display: none; }
    #user .user-right .user-description-long.active {
      display: block; }
    #user .user-right .user-stats.one .user-stat {
      width: 100%; }
    #user .user-right .user-feedback h2 {
      font-weight: 600;
      margin-top: 0px; }
    #user .user-right .tabs {
      border: none;
      width: 100%; }
      #user .user-right .tabs .tab {
        float: left;
        margin-right: 50px;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 15px;
        color: #777; }
        @media (max-width: 767px) {
          #user .user-right .tabs .tab {
            display: none; } }
      #user .user-right .tabs .tab.active {
        border-bottom: 5px solid #333;
        color: #333; }
    @media (min-width: 769px) {
      #user .user-right .tabs-container {
        border: 1px solid #efefef;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px; } }
    @media (max-width: 767px) {
      #user .user-right .tabs-container {
        border-radius: 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none; } }
    #user .user-right .tabs-container .tab-container-item {
      padding: 30px;
      border: 1px solid #efefef;
      background: #fff; }
      @media (min-width: 769px) {
        #user .user-right .tabs-container .tab-container-item {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          border: none; } }
      @media (min-width: 1024px) {
        #user .user-right .tabs-container .tab-container-item {
          display: none; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        #user .user-right .tabs-container .tab-container-item {
          display: none; } }
      @media (max-width: 767px) {
        #user .user-right .tabs-container .tab-container-item {
          display: block !important;
          padding: 15px;
          border-radius: 5px; } }
      #user .user-right .tabs-container .tab-container-item .trip-request {
        box-shadow: none;
        padding-left: 0px !important;
        padding-top: 0px !important; }
        #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.text-medium, #user .user-right .tabs-container .tab-container-item .trip-request #payments .payment-box .primary-color.payment-text, #payments .payment-box #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.payment-text, #user .user-right .tabs-container .tab-container-item .trip-request #payments .payment-box .primary-color.payment-amount, #payments .payment-box #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.payment-amount {
          margin-top: 10px; }
        #user .user-right .tabs-container .tab-container-item .trip-request .profile-pic {
          border: 2px solid #dfdbdb; }
    #user .user-right .tabs-container .tab-container-item.active {
      display: block; }
    @media (min-width: 1024px) {
      #user .user-right .tabs-container .tab-heading {
        display: none; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #user .user-right .tabs-container .tab-heading {
        display: none; } }
    @media (max-width: 767px) {
      #user .user-right .tabs-container .tab-heading {
        display: block; } }
    @media (max-width: 767px) {
      #user .user-right .tabs-container .tab-heading h2 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
        padding-top: 15px; } }
    #user .user-right .tabs-container .tab-container-item {
      position: relative;
      display: none; }
      #user .user-right .tabs-container .tab-container-item .picture {
        float: left;
        width: 17%;
        width: 50px;
        height: 50px;
        border-radius: 60px;
        border: 2px solid #dfdbdb;
        margin-right: 3%; }
        @media (min-width: 0px) and (max-width: 1023px) {
          #user .user-right .tabs-container .tab-container-item .picture {
            width: 50px;
            height: 50px; } }
      #user .user-right .tabs-container .tab-container-item .feedback-text {
        font-size: 14px;
        color: #777777; }
      #user .user-right .tabs-container .tab-container-item .trip-details {
        width: 100%;
        font-size: 16px; }
      #user .user-right .tabs-container .tab-container-item .booking-details {
        float: left;
        width: 50%;
        font-size: 16px;
        color: #666; }
        #user .user-right .tabs-container .tab-container-item .booking-details strong {
          color: #333333; }
        @media (min-width: 0px) and (max-width: 1023px) {
          #user .user-right .tabs-container .tab-container-item .booking-details {
            font-size: 14px; } }
      #user .user-right .tabs-container .tab-container-item .booking-type {
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        padding: 5px;
        border-radius: 3px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 17px;
        width: 100px; }
        @media (max-width: 767px) {
          #user .user-right .tabs-container .tab-container-item .booking-type {
            left: 0px;
            top: 0px; } }
      #user .user-right .tabs-container .tab-container-item .booking-type.hitching {
        background: #ff4f02; }
      #user .user-right .tabs-container .tab-container-item .booking-type.driving {
        background: #0099ff; }
      #user .user-right .tabs-container .tab-container-item .trip-item-profile {
        position: relative; }
        #user .user-right .tabs-container .tab-container-item .trip-item-profile .picture {
          float: left;
          width: 17%;
          width: 60px;
          height: 60px;
          border-radius: 60px;
          border: 2px solid #dfdbdb;
          margin-right: 3%; }
          @media (min-width: 0px) and (max-width: 1023px) {
            #user .user-right .tabs-container .tab-container-item .trip-item-profile .picture {
              width: 50px;
              height: 50px; } }
        #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details {
          float: left;
          width: 40%; }
          #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2 {
            color: #0099ff;
            font-size: 16px;
            font-weight: 600;
            margin-top: 5px;
            margin-bottom: 0px; }
            @media (min-width: 768px) and (max-width: 1023px) {
              #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2 {
                font-size: 16px; } }
            @media (max-width: 767px) {
              #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2 {
                font-size: 14px; } }
          #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date {
            font-size: 14px;
            margin-top: 5px;
            color: #666; }
          @media (max-width: 767px) {
            #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details {
              float: none;
              width: 100%; } }
        #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
          color: #666; }
          #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details strong {
            color: #333333; }
          @media (min-width: 769px) {
            #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
              float: right;
              width: 40%;
              font-size: 16px;
              text-align: right; } }
          @media (min-width: 0px) and (max-width: 1023px) {
            #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
              font-size: 14px; } }
          @media (max-width: 767px) {
            #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
              float: none;
              margin-left: 65px;
              margin-top: 5px;
              width: 80%; } }
        #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type {
          box-sizing: border-box;
          text-align: center;
          color: #fff;
          padding: 5px;
          border-radius: 3px;
          display: inline-block;
          position: absolute;
          right: 0px;
          top: 17px;
          width: 100px; }
          @media (max-width: 767px) {
            #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type {
              left: 0px;
              top: 0px; } }
        #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type.hitching {
          background: #ff4f02; }
        #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type.driving {
          background: #0099ff; }
      #user .user-right .tabs-container .tab-container-item .booking-item:hover {
        cursor: pointer; }
        #user .user-right .tabs-container .tab-container-item .booking-item:hover .picture {
          border: 2px solid #ccc; }
    #user .user-right .tabs-container .trip-item-profile.request .trip-details h2 {
      color: #ff4f02; }
    #user .user-right .tabs-container .tab-container-item.active {
      display: block; }
    #user .user-right .tabs-container .user-feedback-item:hover {
      cursor: pointer; }
      #user .user-right .tabs-container .user-feedback-item:hover .picture {
        border: 2px solid #ccc; }
    #user .user-right .tabs-container .tabs-container-collapsed {
      display: none; }
    #user .user-right .tabs-container .tabs-container-collapsed.active {
      display: block; }
    #user .user-right .user-right-container {
      padding: 20px 30px 20px 30px; }
  #user .user-container {
    padding: 30px; }
    @media (max-width: 767px) {
      #user .user-container {
        padding: 15px; } }
  #user .profile-details {
    float: left;
    padding-left: 20px;
    width: auto; }
    #user .profile-details h3 {
      font-size: 16px;
      margin-top: 0px; }
    #user .profile-details .joined {
      font-size: 14px;
      margin: 5px 0px 5px; }
    #user .profile-details .badges {
      margin-top: 10px; }
  #user .profile-description {
    clear: both;
    font-size: 14px;
    padding-top: 30px;
    line-height: 24px; }
  #user .update-description-cta {
    display: block;
    font-size: 13px;
    cursor: pointer; }
  #user .feedback-item {
    margin-bottom: 20px; }
    #user .feedback-item .feedback-received {
      padding-left: 30px; }
  #user .feedback-trigger.active {
    display: inline;
    color: #333333; }
  #user .feedback-trigger {
    color: #ff4f02;
    cursor: pointer; }
  #user .trip-request-details h2 {
    font-size: 16px !important;
    margin-bottom: 3px !important; }
    @media (max-width: 767px) {
      #user .trip-request-details h2 {
        font-size: 14px !important; } }
  #user .trip-request-departure {
    font-size: 14px !important; }
  @media (max-width: 767px) {
    #user .trip-request .profile-pic {
      width: 50px !important;
      height: 50px !important; } }
  #user .trip-request .seats-needed {
    float: none !important;
    clear: both !important;
    text-align: left !important;
    margin-left: 65px !important; }
    #user .trip-request .seats-needed div {
      float: left;
      margin-right: 5px !important; }

.facebook-friend-count-container {
  text-align: center; }

.facebook-friend-count {
  background: url("../images/icon-social-facebook.f3c0d5624e13.png") no-repeat left center;
  background-size: 20px 20px;
  text-align: left;
  padding-left: 30px;
  color: #4460A0;
  display: inline-block; }

.facebook-friends {
  width: 100%;
  box-sizing: border-box; }
  .facebook-friends .facebook-friends-header .facebook-friends-header-left {
    background: url("../images/icon-social-facebook.f3c0d5624e13.png") no-repeat left center;
    background-size: 20px 20px;
    text-align: left;
    padding-left: 30px;
    float: left; }
  .facebook-friends .facebook-friends-header .facebook-friends-header-right {
    float: right; }
  .facebook-friends .facebook-friends-container {
    margin-top: 15px; }
    .facebook-friends .facebook-friends-container .facebook-friends-item {
      float: left;
      width: 20%;
      text-align: center;
      padding-bottom: 20px; }
      .facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-picture {
        margin-top: 5px;
        height: 110px;
        width: 110px;
        border-radius: 100px;
        display: inline-block; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-picture {
            height: 90px;
            width: 90px; } }
        @media (max-width: 767px) {
          .facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-picture {
            height: 50px;
            width: 50px; } }
      .facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-name {
        margin-top: 5px; }
    .facebook-friends .facebook-friends-container .facebook-friends-item:hover {
      opacity: .9; }
    .facebook-friends .facebook-friends-container .facebook-friends-item:active {
      opacity: .9; }

#user-page .facebook-friends {
  padding: 10px 30px 30px 30px; }
  @media (max-width: 767px) {
    #user-page .facebook-friends {
      padding: 15px; } }

#modal-facebook-friends .facebook-friends {
  padding: 0px; }
#modal-facebook-friends .facebook-friends-container {
  max-height: 450px;
  overflow-y: scroll; }

/* Trip List */
@media (max-width: 767px) {
  #trip-list .page-count {
    float: none;
    clear: both;
    margin-bottom: 10px; } }
#trip-list .date-divider {
  padding-top: 10px; }
#trip-list .trip {
  padding: 15px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  position: relative; }
  @media (max-width: 767px) {
    #trip-list .trip {
      margin-bottom: 10px;
      padding: 10px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip-list .trip {
      padding: 5px 10px 5px 10px; } }
  #trip-list .trip .trip-owner .profile-pic {
    width: 90px;
    height: 90px;
    border-radius: 100px;
    border: 1px solid #dfdbdb;
    background-position: center center; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #trip-list .trip .trip-owner .profile-pic {
        width: 60px;
        height: 60px; } }
    @media (max-width: 767px) {
      #trip-list .trip .trip-owner .profile-pic {
        width: 50px;
        height: 50px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip .trip-owner .profile-pic {
        width: 30px;
        height: 30px;
        margin-top: 5px; } }
  #trip-list .trip .trip-owner .facebook-friend-count {
    padding-left: 25px;
    background-size: 16px 16px; }
  #trip-list .trip .trip-details {
    margin-left: 20px; }
    @media (max-width: 767px) {
      #trip-list .trip .trip-details {
        margin-left: 10px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip .trip-details {
        padding: 0px !important; } }
    #trip-list .trip .trip-details h2 {
      font-size: 18px;
      font-weight: 600;
      margin: 0px 0px 8px; }
      @media (max-width: 767px) {
        #trip-list .trip .trip-details h2 {
          font-size: 16px;
          margin: 3px 0px 5px; } }
      @media (min-width: 320px) and (max-width: 480px) {
        #trip-list .trip .trip-details h2 {
          font-size: 14px;
          margin: 0px; } }
  #trip-list .trip .trip-cta {
    margin-top: 2px; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip .trip-cta {
        margin-top: 0px; } }
    #trip-list .trip .trip-cta .trip-button {
      border-radius: 3px;
      background: #dfdbdb;
      color: #777777;
      padding: 10px 20px 10px 20px;
      margin-top: 45px; }
    #trip-list .trip .trip-cta .trip-button:hover {
      color: #333333; }
    @media (max-width: 767px) {
      #trip-list .trip .trip-cta .green {
        margin-top: 6px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip .trip-cta .green {
        margin-top: 0px; } }
#trip-list .trip.asking .trip-details h2 {
  color: #ff4f02; }
#trip-list .trip.offering .trip-details h2 a {
  color: #0099ff; }
#trip-list .trip.offering .trip-details-full {
  max-width: 380px; }
#trip-list .trip.short {
  padding: 10px 0px 0px 0px;
  border-bottom: none;
  border-right: none;
  border-left: none;
  border-top: 1px solid #dfdbdb;
  margin-bottom: 0px; }
  #trip-list .trip.short .profile-pic {
    width: 50px;
    height: 50px;
    background-position: center center; }
  #trip-list .trip.short .trip-details {
    margin-left: 10px; }
    #trip-list .trip.short .trip-details h2 {
      font-size: 16px;
      margin: 3px 0px 2px; }
      @media (min-width: 320px) and (max-width: 480px) {
        #trip-list .trip.short .trip-details h2 {
          font-size: 14px;
          margin: 0px; } }
  #trip-list .trip.short .trip-details-full {
    display: none; }
  #trip-list .trip.short .trip-creator-name {
    display: none; }
  #trip-list .trip.short .trip-button {
    display: none; }
  #trip-list .trip.short .trip-details-short {
    display: block; }
  #trip-list .trip.short .trip-cta {
    text-align: right;
    float: right;
    clear: right; }
  #trip-list .trip.short .hide-short {
    display: none; }
  #trip-list .trip.short .badges {
    display: none; }
#trip-list .trip.short:hover, #trip-list .trip.short:active {
  background: #f8f8f8; }
#trip-list .trip:hover, #trip-list .trip-request:hover {
  border-top: 1px solid #dfdbdb;
  border-left: 1px solid #dfdbdb; }
#trip-list .trip:active, #trip-list trip-request:active {
  border-top: 1px solid #cdcbcb;
  border-left: 1px solid #cdcbcb; }
#trip-list .trip-requests-container div:nth-child(3n+3) {
  margin-right: 0%; }
#trip-list .trip-request {
  padding: 10px 13px 10px 13px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 32%;
  margin-right: 2%;
  float: left;
  border-radius: 5px; }
  @media (max-width: 767px) {
    #trip-list .trip-request {
      margin-bottom: 10px;
      width: 100%; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip-list .trip-request {
      padding: 5px 10px 5px 10px !important; } }
  @media (max-width: 767px) {
    #trip-list .trip-request .trip-request-details {
      float: left; } }
  #trip-list .trip-request .profile-pic {
    width: 60px;
    height: 60px;
    border: 1px solid #dfdbdb;
    border-radius: 60px;
    background-position: center center; }
    @media (max-width: 767px) {
      #trip-list .trip-request .profile-pic {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 10px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip-request .profile-pic {
        width: 30px;
        height: 30px;
        margin-top: 5px; } }
  #trip-list .trip-request .trip-details {
    margin: -6px 0px 0px 20px;
    line-height: 18px; }
    @media (max-width: 767px) {
      #trip-list .trip-request .trip-details {
        float: left; } }
  @media (min-width: 769px) {
    #trip-list .trip-request .trip-request-locations {
      margin: 0px; } }
  @media (max-width: 767px) {
    #trip-list .trip-request .trip-request-locations {
      font-size: 16px;
      margin: 3px 0px 5px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip-list .trip-request .trip-request-locations {
      font-size: 14px;
      margin: 0px; } }
  #trip-list .trip-request .trip-request-departure {
    color: #4C4C4C; }
    @media (min-width: 769px) {
      #trip-list .trip-request .trip-request-departure {
        font-weight: 600; } }
  #trip-list .trip-request .request-button {
    border-radius: 3px;
    background: #dfdbdb;
    color: #777777;
    padding: 5px 20px 5px 20px;
    margin-top: 8px;
    display: block;
    text-align: center;
    width: auto;
    box-sizing: border-box; }
  #trip-list .trip-request .request-button:hover, #trip-list .trip-request .request-button:active {
    background: #cdcbcb; }
  #trip-list .trip-request .seats-needed {
    text-align: right; }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip-request .seats-needed .text-medium, #trip-list .trip-request .seats-needed #payments .payment-box .payment-text, #payments .payment-box #trip-list .trip-request .seats-needed .payment-text, #trip-list .trip-request .seats-needed #payments .payment-box .payment-amount, #payments .payment-box #trip-list .trip-request .seats-needed .payment-amount {
        font-size: 14px; } }
    @media (max-width: 767px) {
      #trip-list .trip-request .seats-needed .seat-number {
        margin: 2px 0px 4px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip-list .trip-request .seats-needed .seat-number {
        margin: 0px; } }
#trip-list .trip-request:hover {
  cursor: pointer; }
#trip-list .trip-request:active {
  cursor: pointer; }
#trip-list .trips-container {
  clear: both; }
#trip-list .trips-container.inactive {
  display: none; }
#trip-list .trip-requests-container.inactive {
  display: none; }
#trip-list .badges {
  margin-left: 10px;
  margin-top: 3px;
  width: 20px; }
  #trip-list .badges .ambassador {
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    margin-bottom: 7px; }
  #trip-list .badges .ambassador:hover {
    background: url("../images/icon-member-ambassador.dfa17b40d1ca.png") no-repeat #f8f8f8;
    background-size: contain; }
  #trip-list .badges .member.annual {
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    margin-bottom: 7px; }
  #trip-list .badges .member.basic {
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    margin-bottom: 7px; }
  #trip-list .badges .cashless-icon {
    height: 22px;
    width: 22px;
    display: block;
    background: url("../images/icon-cashless.9fb3f3ecaa15.png") no-repeat right center;
    background-size: contain;
    margin-left: 0px;
    margin-bottom: 7px; }
  #trip-list .badges .verification.verified {
    background: url("../images/icon-verified.804ca7ec886b.png") no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    margin-bottom: 7px; }

#trip-list.trip-request-matches .trip.short {
  border: 1px solid #dfdbdb;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (max-width: 767px) {
    #trip-list.trip-request-matches .trip.short {
      padding-bottom: 10px; } }
#trip-list.trip-request-matches .trip-details {
  border: none;
  background: none;
  padding: 0px; }

/* New trip item */
.trip-item {
  height: 170px;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  margin: 0px 0px 15px;
  width: 100%;
  position: relative; }
  .trip-item .trip-item-bar {
    position: absolute;
    width: 3px;
    height: 85%;
    top: 50%;
    transform: translateY(-50%);
    background: #0099ff; }
  .trip-item .trip-item-profile {
    height: 100%;
    width: 25%;
    float: left;
    padding: 15px 5px 15px 5px;
    box-sizing: border-box; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .trip-item .trip-item-profile {
        width: 20%; } }
    .trip-item .trip-item-profile .trip-item-profile-left {
      width: 50%;
      float: left;
      text-align: center; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .trip-item .trip-item-profile .trip-item-profile-left {
          width: 40%; } }
      .trip-item .trip-item-profile .trip-item-profile-left .trip-item-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 100px;
        border: 1px solid #dfdbdb;
        display: inline-block; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .trip-item .trip-item-profile .trip-item-profile-left .trip-item-profile-picture {
            width: 50px;
            height: 50px; } }
      .trip-item .trip-item-profile .trip-item-profile-left .trip-item-profile-badges {
        display: inline-block;
        text-align: center;
        margin-top: 10px; }
        .trip-item .trip-item-profile .trip-item-profile-left .trip-item-profile-badges .trip-item-profile-badge-verified {
          background: url("../images/icon-verified.804ca7ec886b.png") no-repeat;
          height: 27px;
          width: 27px;
          margin: 0px 3px;
          float: left;
          background-size: contain; }
        .trip-item .trip-item-profile .trip-item-profile-left .trip-item-profile-badges .trip-item-profile-badge-ambassador {
          background: url("../images/icon-ambassador.7a6778757cd4.png") no-repeat;
          height: 25px;
          width: 25px;
          margin: 0px 3px;
          float: left;
          background-size: contain; }
    .trip-item .trip-item-profile .trip-item-profile-right {
      width: 50%;
      float: left;
      padding-left: 5px;
      box-sizing: border-box; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .trip-item .trip-item-profile .trip-item-profile-right {
          width: 60%; } }
      .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-name {
        font-size: 16px;
        font-weight: 700; }
      .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-age {
        color: #777777; }
      .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-driven {
        color: #0099ff;
        font-weight: 600;
        background: url("../images/icon-driven.6c0ad6179f0e.png") no-repeat left center;
        background-size: 20px 20px;
        padding-left: 20px;
        background-position: -4px; }
      .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-reviews {
        color: #0099ff;
        font-weight: 600; }
      .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-facebook {
        margin-top: 10px; }
        .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-facebook .facebook-friend-count-container {
          text-align: left; }
        .trip-item .trip-item-profile .trip-item-profile-right .trip-item-profile-facebook .facebook-friend-count {
          background-size: 15px 15px;
          padding-left: 20px;
          font-weight: 600; }
  .trip-item .trip-item-details {
    height: 100%;
    width: 45%;
    float: left;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    border-left: 1px solid #dfdbdb;
    border-right: 1px solid #dfdbdb; }
    .trip-item .trip-item-details .trip-item-details-locations {
      margin-bottom: 5px; }
      .trip-item .trip-item-details .trip-item-details-locations a {
        color: #0099ff;
        font-size: 18px;
        font-weight: 600; }
    .trip-item .trip-item-details .trip-item-details-schedule {
      margin-bottom: 25px; }
      .trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-leaving {
        font-weight: 600; }
      .trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-returning {
        font-weight: 600; }
      .trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-date-label {
        width: 80px;
        float: left; }
      .trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-date-value {
        width: 300px;
        float: left;
        white-space: nowrap; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-date-value {
            width: 200px; } }
    .trip-item .trip-item-details .trip-item-details-pickups {
      color: #777777; }
      @media (min-width: 769px) {
        .trip-item .trip-item-details .trip-item-details-pickups {
          position: absolute;
          bottom: 15px; } }
      .trip-item .trip-item-details .trip-item-details-pickups .trip-item-details-pickups-value {
        width: 300px;
        float: left;
        white-space: nowrap; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .trip-item .trip-item-details .trip-item-details-pickups .trip-item-details-pickups-value {
            width: 200px; } }
      .trip-item .trip-item-details .trip-item-details-pickups .trip-item-details-pickups-label {
        width: 80px;
        float: left; }
  .trip-item .trip-item-vehicle {
    height: 100%;
    width: 18%;
    padding: 15px 5px 15px 15px;
    box-sizing: border-box;
    float: left; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .trip-item .trip-item-vehicle {
        width: 20%; } }
    .trip-item .trip-item-vehicle .trip-item-vehicle-photo {
      width: 100%;
      box-sizing: border-box;
      height: 90px;
      border-radius: 3px;
      margin-bottom: 5px; }
    .trip-item .trip-item-vehicle .trip-item-vehicle-details {
      width: 100%;
      color: #666;
      white-space: nowrap; }
    .trip-item .trip-item-vehicle .trip-item-vehicle-preferences {
      clear: both; }
      .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-luggage, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-winter-tires, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-skis, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-bikes, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-pets {
        width: 23px;
        height: 23px;
        background-size: 25px 25px;
        float: left;
        opacity: .3;
        margin: 3px 3px 0px 0px; }
      .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-luggage.on, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-winter-tires.on, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-skis.on, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-bikes.on, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-pets.on {
        opacity: .8; }
    .trip-item .trip-item-vehicle .trip-item-vehicle-preferences.stick-to-bottom {
      position: absolute;
      bottom: 15px; }
  .trip-item .trip-item-cta {
    height: 100%;
    width: 110px;
    position: absolute;
    right: 0px;
    border-left: 1px solid #dfdbdb;
    padding: 15px;
    box-sizing: border-box; }
    .trip-item .trip-item-cta .trip-item-cta-price {
      color: #009a4b;
      font-size: 18px;
      font-weight: 700;
      text-align: right;
      margin-top: 3px; }
    .trip-item .trip-item-cta .trip-item-cta-per-seat {
      text-align: right;
      color: #777777; }
    .trip-item .trip-item-cta .trip-item-cta-seats {
      text-align: right; }

.trip-item:active {
  background: #F2FAFF; }

/* Trip item for mobile */
.trip-item-mobile {
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  margin: 0px 0px 15px;
  width: 100%;
  position: relative; }
  .trip-item-mobile .trip-item-mobile-details-schedule {
    padding: 10px 0px 0px 10px;
    float: left; }
    .trip-item-mobile .trip-item-mobile-details-schedule .trip-item-mobile-details-leaving {
      font-weight: 600;
      float: left; }
    .trip-item-mobile .trip-item-mobile-details-schedule .trip-item-mobile-details-returning {
      background: url("../images/icon-return-trip.b13587788cdd.png") no-repeat center center;
      background-size: contain;
      margin: 5px 0px 0px 10px;
      height: 13px;
      width: 14px;
      float: left; }
  .trip-item-mobile .trip-item-mobile-cta {
    float: right;
    padding: 10px 10px 0px 0px;
    float: right;
    box-sizing: border-box; }
    .trip-item-mobile .trip-item-mobile-cta .trip-item-mobile-cta-price {
      float: right;
      color: #009a4b;
      font-size: 16px;
      font-weight: 700;
      text-align: right;
      margin-left: 10px; }
    .trip-item-mobile .trip-item-mobile-cta .trip-item-mobile-cta-seats {
      text-align: right;
      float: right; }
  .trip-item-mobile .trip-item-mobile-details {
    width: 100%;
    padding: 0px 10px 0px 10px;
    margin: 10px 0px 10px;
    border-left: 3px solid #0099ff;
    box-sizing: border-box; }
    .trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location {
      width: 100%;
      white-space: nowrap;
      overflow: hidden; }
      .trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location a.trip-item-mobile-details-location-left {
        color: #0099ff;
        font-size: 14px;
        font-weight: 600; }
      .trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location .trip-item-mobile-details-location-right {
        color: #777777; }
    .trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location-spacer {
      height: 3px;
      width: 100%; }
  .trip-item-mobile .trip-item-mobile-vehicle {
    width: 100%;
    padding: 0px 10px 5px 10px;
    box-sizing: border-box;
    color: #666;
    font-weight: 600; }
    .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-details {
      float: left;
      box-sizing: border-box;
      margin-right: 10px; }
    .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences {
      float: left;
      margin: -5px 0px 0px 0px; }
      .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-luggage, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-winter-tires, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-skis, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-bikes, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-pets {
        width: 23px;
        height: 23px;
        background-size: 25px 25px;
        float: left;
        margin: 3px 3px 0px 0px; }
      .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-luggage, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-winter-tires, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-skis, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-bikes, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-pets {
        display: none; }
      .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-luggage.on, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-winter-tires.on, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-skis.on, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-bikes.on, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-pets.on {
        display: block;
        opacity: .8; }

.trip-item-mobile:active {
  background: #F2FAFF; }

/* The code below is shared between trip-item and trip-request-item for DRY */
.trip-item-common-profile-divider {
  padding: 0px 10px 0px 10px;
  box-sizing: border-box;
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .trip-item-common-profile-divider .trip-item-common-profile-divider-line {
    height: 1px;
    background: #dfdbdb;
    width: 100%; }

.trip-item-common-profile {
  padding: 3px 10px 13px 10px;
  box-sizing: border-box; }
  .trip-item-common-profile .trip-item-common-profile-left {
    width: 18%;
    max-width: 55px;
    float: left; }
    .trip-item-common-profile .trip-item-common-profile-left .trip-item-common-profile-picture {
      width: 40px;
      height: 40px;
      border-radius: 40px;
      border: 1px solid #dfdbdb; }
  .trip-item-common-profile .trip-item-common-profile-right {
    width: 82%;
    float: left;
    box-sizing: border-box; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-name {
      font-size: 14px;
      font-weight: 700;
      float: left; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-age {
      color: #777777;
      float: left;
      margin-left: 5px; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-badges {
      float: right; }
      .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-badges .trip-item-common-profile-badge-verified {
        background: url("../images/icon-verified.804ca7ec886b.png") no-repeat;
        height: 20px;
        width: 20px;
        margin: 0px 3px;
        float: left;
        background-size: contain; }
      .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-badges .trip-item-common-profile-badge-ambassador {
        background: url("../images/icon-ambassador.7a6778757cd4.png") no-repeat;
        height: 18px;
        width: 18px;
        margin: 0px 3px;
        float: left;
        background-size: contain; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-facebook {
      float: right; }
      .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-facebook .facebook-friend-count-container {
        text-align: left; }
      .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-facebook .facebook-friend-count {
        background-size: 15px 15px;
        padding-left: 20px;
        font-weight: 600; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-driven {
      color: #0099ff;
      float: left;
      font-weight: 600;
      background: url("../images/icon-driven.6c0ad6179f0e.png") no-repeat left center;
      background-size: 20px 20px;
      padding-left: 20px;
      background-position: -4px; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-reviews {
      color: #0099ff;
      font-weight: 600;
      float: left; }
    .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-circle {
      background: #0099ff;
      width: 6px;
      height: 6px;
      float: left;
      margin: 8px 6px !important;
      border-radius: 10px; }
  .trip-item-common-profile .trip-item-common-profile-right.space-top {
    margin-top: 10px; }

.trip-request-item {
  height: 150px;
  padding: 0px;
  margin-bottom: 15px;
  box-sizing: border-box;
  background: #fff;
  width: 32%;
  margin-right: 2%;
  float: left;
  border-radius: 5px;
  position: relative; }
  @media (max-width: 767px) {
    .trip-request-item {
      width: 100%;
      height: auto; } }
  .trip-request-item .trip-request-item-bar {
    position: absolute;
    width: 3px;
    height: 50px;
    top: 13px;
    background: #ff4f02; }
  .trip-request-item .trip-request-item-details {
    padding: 15px 10px 5px 15px; }
    .trip-request-item .trip-request-item-details .trip-request-item-locations {
      color: #ff4f02;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px;
      display: block; }
      @media (max-width: 767px) {
        .trip-request-item .trip-request-item-details .trip-request-item-locations {
          font-size: 14px; } }
    .trip-request-item .trip-request-item-details .trip-request-item-departure {
      font-weight: 600;
      float: left; }
    .trip-request-item .trip-request-item-details .trip-request-item-seats {
      font-weight: 700;
      float: right; }
  .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-departure {
    padding: 10px 0px 0px 10px;
    float: left;
    font-weight: 600; }
  .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-seats {
    float: right;
    padding: 10px 10px 0px 0px;
    font-weight: 700; }
  .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations {
    width: 100%;
    padding: 0px 10px 0px 10px;
    margin: 10px 0px 15px;
    border-left: 3px solid #ff4f02;
    box-sizing: border-box; }
    .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location {
      width: 100%;
      white-space: nowrap;
      overflow: hidden; }
      .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location .trip-request-item-details-mobile-locality-name {
        color: #ff4f02;
        font-weight: 600; }
      .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location .trip-request-item-details-mobile-location-name {
        color: #777777; }
    .trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location-divider {
      height: 3px;
      width: 100%; }
  .trip-request-item .trip-item-common-profile .trip-item-common-profile-reviews-count {
    color: #ff4f02; }
  .trip-request-item .trip-item-common-profile .trip-item-common-profile-driven {
    color: #ff4f02;
    background: url("../images/icon-ridden.c310d057508e.png") no-repeat left center;
    background-size: 20px 20px; }
  .trip-request-item .trip-item-common-profile .trip-item-common-profile-circle {
    background: #ff4f02; }

.trip-request-item:active {
  background: #FFF0E9; }

/* Notifications */
#notifications-trigger {
  position: relative;
  float: left;
  margin-left: -30px;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  @media (min-width: 1024px) {
    #notifications-trigger {
      margin-left: -15px; } }
  #notifications-trigger #notification-count {
    position: absolute;
    background: #ff0202;
    border: 2px solid #fff;
    color: #fff;
    min-width: 20px;
    height: 20px;
    padding: 0px 1px 0px 1px;
    border-radius: 5px;
    text-align: center;
    text-indent: 0px;
    cursor: pointer;
    text-decoration: none;
    line-height: 19px;
    margin: 8px 0px 0px 0px;
    font-weight: 600;
    left: 23px; }
  #notifications-trigger #notification-count:hover {
    background: #fd4f4f; }
  #notifications-trigger #notification-count:active {
    background: #c20000; }
  #notifications-trigger .notification-image {
    background: url("../images/icon-notifications.2d940352d74d.png") no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 13px;
    left: 0px;
    opacity: .9; }

#notifications-trigger-container:active > #notification-count {
  background: #c20000; }

#notifications-trigger-container:active > .notification-image {
  opacity: 1; }

#notifications-container {
  display: none;
  position: absolute;
  background: #fff;
  top: 90px;
  width: 300px;
  right: -70px;
  border-radius: 3px;
  border: 1px solid #dfdbdb;
  z-index: 1001;
  /* Required for Down Triangle */
  /* Stroke */
  /* Fill */ }
  #notifications-container #notifications-bottom-arrow {
    z-index: 1001;
    margin-top: 0px;
    position: absolute;
    margin-left: 170px; }
  #notifications-container #notifications-bottom-arrow:before, #notifications-container #notifications-bottom-arrow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0; }
  #notifications-container #notifications-bottom-arrow:before {
    top: -16px;
    left: 11px;
    border-bottom-color: #dfdbdb;
    border-width: 16px; }
  #notifications-container #notifications-bottom-arrow:after {
    bottom: 0px;
    left: 12px;
    border-bottom-color: #fff;
    border-width: 15px; }

#notifications-loader {
  width: 100%;
  height: 40px;
  padding-top: 20px;
  text-align: center;
  background: url("../images/ajax-loader.12d4c449a15f.gif") center center no-repeat; }

#notifications-loader.not-loading {
  background: none; }

.notification-item {
  padding: 12px 10px 8px 10px;
  cursor: pointer; }
  .notification-item h3 {
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    font-weight: bold; }
  .notification-item .notification-pic {
    width: 25px;
    height: 25px;
    background: #ccc;
    border-radius: 30px;
    border: 1px solid #dfdbdb;
    display: block;
    float: left;
    margin-right: 10px; }
  .notification-item .notification-pic.hitch {
    background: url("../images/pop-logo-negative.5230b72e647f.png") center center no-repeat #ff4f02;
    background-size: 85%; }
  .notification-item .notification-contents {
    width: 160px;
    float: left;
    font-size: 13px; }
    .notification-item .notification-contents strong {
      font-weight: 600; }
  .notification-item .notification-right {
    float: right;
    width: 50px; }
    .notification-item .notification-right .notification-time {
      float: left;
      margin-top: 0px;
      color: #777777;
      font-size: 12px; }
    .notification-item .notification-right .notification-icon {
      width: 24px;
      height: 24px;
      float: right;
      margin-top: 0px; }
    .notification-item .notification-right .notification-icon.message {
      background: url("../images/icon-new-message.e665d391ad1f.png") right center; }
    .notification-item .notification-right .notification-icon.announcement {
      background: url("../images/icon-announcement.0729b4027678.png") right center; }
    .notification-item .notification-right .notification-icon.feedback {
      background: url("../images/icon-feedback.6227bfb216cc.png") right center; }
    .notification-item .notification-right .notification-icon.question {
      background: url("../images/icon-booking-status-question.8566ffa5088d.png") right center #777777; }
    .notification-item .notification-right .booking-status, .notification-item .notification-right .booking-status-question {
      width: 20px;
      height: 20px;
      margin-top: 2px;
      text-align: center;
      color: #fff;
      border-radius: 25px;
      line-height: 19px;
      float: right; }
    .notification-item .notification-right .notification-icon.referral {
      background: url("../images/icon-gift-white.6833ec218096.png") center center #1CC4BF no-repeat;
      border-radius: 50px;
      background-size: 18px 18px;
      background-position: 3px 3px;
      border-radius: 50px; }

.notification-item:first-child:hover {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.notification-item:hover {
  background-color: #f7f7fa; }

.notification-item.unread {
  background-color: #fdffce; }

.notification-item.unread:hover {
  background-color: #feffdf; }

.notification-item-divider {
  width: 100%;
  height: 1px;
  background: #dfdbdb; }

.no-notifications {
  padding: 10px; }

.all-notifications {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #fff; }
  .all-notifications .all-notifications-container {
    padding: 10px; }

.notification-item.request .notification-contents, .notification-item.request-invite .notification-contents {
  margin: 0px 0px 0px; }
.notification-item.request .notification-icon, .notification-item.request-invite .notification-icon {
  margin-top: 9px;
  background: url("../images/icon-car.d779c4e9cf3b.png") right center; }
.notification-item.request .notification-pic, .notification-item.request-invite .notification-pic {
  margin-top: 2px; }

.notifications-position {
  position: relative; }

#notifications-container.active {
  display: block;
  position: absolute; }

.notifications-scrollable {
  max-height: 400px;
  overflow: auto;
  padding-bottom: 40px; }

.notification-items {
  max-height: 500px;
  overflow-x: hidden; }

/* Defs for notifications page */
#notifications .notification-item {
  font-size: 15px; }
  @media (min-width: 769px) {
    #notifications .notification-item .notification-contents {
      width: 80%;
      padding: 15px 0px 0px 10px;
      box-sizing: border-box; } }
  @media (min-width: 769px) {
    #notifications .notification-item .notification-pic {
      width: 50px;
      height: 50px; } }
  @media (min-width: 769px) {
    #notifications .notification-item .notification-right {
      padding-top: 14px; } }

/* Tour definitions */
#tour {
  position: relative; }
  #tour .tour-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 42px; }
    @media (max-width: 767px) {
      #tour .tour-title {
        font-size: 32px;
        line-height: 40px; } }
  #tour .tour-subtitle {
    font-size: 20px;
    line-height: 30px; }
    @media (max-width: 767px) {
      #tour .tour-subtitle {
        font-size: 18px;
        line-height: 28px; } }
  #tour #tour-banner {
    background: #0099ff;
    height: 500px;
    width: 100%;
    position: relative;
    color: #fff;
    overflow: hidden; }
    @media (max-width: 767px) {
      #tour #tour-banner {
        height: auto; } }
    #tour #tour-banner h1 {
      font-size: 42px;
      text-align: center;
      font-weight: 600;
      margin: 0px;
      padding: 100px 0px 30px;
      text-shadow: rgba(255, 255, 255, 0.09804) -1px -1px 1px, rgba(0, 0, 0, 0.49804) 1px 1px 1px; }
      @media (max-width: 767px) {
        #tour #tour-banner h1 {
          padding: 30px 0px 20px;
          font-size: 32px; } }
    #tour #tour-banner h2 {
      text-align: center;
      color: #fff;
      font-weight: 100;
      font-size: 26px;
      margin: 0px;
      text-shadow: rgba(255, 255, 255, 0.09804) -1px -1px 1px, rgba(0, 0, 0, 0.49804) 1px 1px 1px; }
      @media (max-width: 767px) {
        #tour #tour-banner h2 {
          font-size: 20px;
          padding: 0px 15px 30px 15px;
          line-height: 24px; } }
    #tour #tour-banner .banner-signup {
      color: #333333;
      font-size: 16px;
      margin: 30px auto;
      display: block;
      width: 100px;
      background: #FFEE1D;
      padding: 15px 30px 15px 30px;
      border-radius: 5px;
      text-align: center;
      font-weight: 600; }
      @media (max-width: 767px) {
        #tour #tour-banner .banner-signup {
          margin: 0px auto; } }
    #tour #tour-banner .banner-signup:hover {
      background: #FFEE73; }
    #tour #tour-banner .banner-signup:active {
      background: #EFD200; }
    #tour #tour-banner #tour-banner-left {
      background: url("../images/tour-illustration-driver.be46923419c5.png") no-repeat center center;
      background-size: contain;
      position: absolute;
      left: -200px;
      top: 0px;
      height: 500px;
      width: 500px; }
      @media (max-width: 767px) {
        #tour #tour-banner #tour-banner-left {
          display: none; } }
    #tour #tour-banner #tour-banner-right {
      background: url("../images/tour-illustration-passenger.ee78f559d6be.png") no-repeat center center;
      background-size: contain;
      position: absolute;
      right: -200px;
      top: 0px;
      height: 500px;
      width: 500px; }
      @media (max-width: 767px) {
        #tour #tour-banner #tour-banner-right {
          display: none; } }
  #tour #tour-banner.logged-out h1 {
    padding-top: 60px; }
  #tour #tour-benefits {
    margin-top: -250px;
    height: 870px;
    position: relative; }
    @media (max-width: 767px) {
      #tour #tour-benefits {
        margin-top: 0px;
        height: auto; } }
    #tour #tour-benefits .free-signup {
      margin-right: 10px;
      font-size: 16px;
      text-decoration: underline; }
    #tour #tour-benefits #box-type-tabs {
      border: 1px solid #dfdbdb;
      border-radius: 5px;
      background: #fff; }
      #tour #tour-benefits #box-type-tabs .box-type-tab {
        float: left;
        width: 50%;
        padding: 15px;
        box-sizing: border-box;
        font-size: 16px;
        text-align: center; }
      #tour #tour-benefits #box-type-tabs .box-type-tab:hover {
        color: #000; }
      #tour #tour-benefits #box-type-tabs .box-type-tab.active {
        color: #fff; }
      #tour #tour-benefits #box-type-tabs .box-type-tab.for-hitchers {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      #tour #tour-benefits #box-type-tabs .box-type-tab.for-hitchers.active {
        background: #ff4f02; }
      #tour #tour-benefits #box-type-tabs .box-type-tab.for-drivers {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
      #tour #tour-benefits #box-type-tabs .box-type-tab.for-drivers.active {
        background: #0099ff; }
    #tour #tour-benefits #tour-benefits-drivers {
      float: left;
      width: 45%; }
      @media (max-width: 767px) {
        #tour #tour-benefits #tour-benefits-drivers {
          width: 100%;
          float: none;
          display: none; } }
      #tour #tour-benefits #tour-benefits-drivers h3 {
        border-left: 7px solid #0099ff;
        font-weight: 600; }
      #tour #tour-benefits #tour-benefits-drivers ol li {
        color: #0099ff; }
    @media (max-width: 767px) {
      #tour #tour-benefits #tour-benefits-drivers.active {
        display: block; } }
    #tour #tour-benefits #tour-benefits-hitchers {
      float: right;
      width: 45%; }
      @media (max-width: 767px) {
        #tour #tour-benefits #tour-benefits-hitchers {
          width: 100%;
          float: none;
          display: none; } }
      #tour #tour-benefits #tour-benefits-hitchers h3 {
        border-left: 7px solid #ff4f02;
        font-weight: 600; }
      #tour #tour-benefits #tour-benefits-hitchers ol li {
        color: #ff4f02; }
    @media (max-width: 767px) {
      #tour #tour-benefits #tour-benefits-hitchers.active {
        display: block; } }
    #tour #tour-benefits #tour-benefits-divider {
      width: 1px;
      height: 530px;
      margin-top: 295px;
      width: 5%;
      border-right: 1px solid #dfdbdb;
      float: left; }
    #tour #tour-benefits .tour-benefits-box {
      background: #fff;
      border-radius: 5px;
      padding: 30px 20px 20px 0px;
      border: 1px solid #dfdbdb; }
      #tour #tour-benefits .tour-benefits-box h3 {
        padding: 0px 0px 0px 30px;
        font-size: 22px;
        margin-top: 0px; }
      #tour #tour-benefits .tour-benefits-box ol {
        margin-left: 15px; }
      #tour #tour-benefits .tour-benefits-box ol li {
        font-size: 16px; }
        #tour #tour-benefits .tour-benefits-box ol li .benefit-title {
          font-size: 17px;
          font-weight: 600;
          margin-bottom: 5px; }
        #tour #tour-benefits .tour-benefits-box ol li .benefit-contents {
          font-size: 14px;
          color: #777777; }
    #tour #tour-benefits .tour-benefit-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px; }
    #tour #tour-benefits .tour-benefit-item {
      padding-left: 50px;
      background: url("../images/icon-tick-green.d63056c4f7a9.png") no-repeat left top;
      background-position: 10px 5px; }
      #tour #tour-benefits .tour-benefit-item .tour-benefit-item-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px; }
      #tour #tour-benefits .tour-benefit-item .tour-benefit-item-contents {
        font-size: 14px;
        color: #777777; }
  #tour #tour-top {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4f02+0,d82d02+100 */
    background: #ff4f02;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff4f02 0%, #d82d02 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4f02), color-stop(100%, #d82d02));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff4f02 0%, #d82d02 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff4f02 0%, #d82d02 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff4f02 0%, #d82d02 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ff4f02 0%, #d82d02 100%);
    /* W3C */
    text-align: center; }
    #tour #tour-top h1 {
      margin: 0px;
      font-size: 42px;
      font-weight: 600;
      color: #fff; }
      @media (max-width: 767px) {
        #tour #tour-top h1 {
          width: 100%;
          font-size: 30px; } }
    #tour #tour-top h2 {
      font-size: 24px;
      color: #fff;
      font-weight: 100;
      margin: 0px;
      width: 60%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        #tour #tour-top h2 {
          width: 100%;
          font-size: 20px; } }
    #tour #tour-top .social-signups {
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      color: #fff;
      font-size: 16px;
      font-weight: 600; }
      #tour #tour-top .social-signups a {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-decoration: underline; }
      #tour #tour-top .social-signups .social-signup {
        padding: 15px 25px 15px 40px;
        border: 2px solid #fff;
        border-radius: 5px;
        float: left;
        display: inline-block; }
        @media (max-width: 767px) {
          #tour #tour-top .social-signups .social-signup {
            float: none;
            margin: 10px auto 10px; } }
      #tour #tour-top .social-signups .social-signup.facebook {
        margin-right: 20px;
        background: url("../images/icon-profile-facebook.e42319f7a63a.png") no-repeat center left;
        background-size: 25px 25px;
        background-position: 10px; }
        @media (max-width: 767px) {
          #tour #tour-top .social-signups .social-signup.facebook {
            margin-right: 0px;
            width: 100%;
            box-sizing: border-box; } }
      #tour #tour-top .social-signups .social-signup.facebook:hover {
        background: url("../images/icon-profile-facebook.e42319f7a63a.png") no-repeat center left;
        background-color: rgba(255, 255, 255, 0.2);
        background-size: 25px 25px;
        background-position: 10px; }
      #tour #tour-top .social-signups .social-signup.google {
        margin-left: 20px;
        background: url("../images/icon-profile-google.6ed4d8ed94ef.png") no-repeat center left;
        background-size: 25px 25px;
        background-position-x: 10px; }
        @media (max-width: 767px) {
          #tour #tour-top .social-signups .social-signup.google {
            margin-left: 0px;
            width: 100%;
            box-sizing: border-box; } }
      #tour #tour-top .social-signups .social-signup.google:hover {
        background: url("../images/icon-profile-google.6ed4d8ed94ef.png") no-repeat center left;
        background-size: 25px 25px;
        background-position-x: 10px;
        background-color: rgba(255, 255, 255, 0.2); }
  #tour #tour-features h2 {
    font-size: 40px;
    font-weight: 100;
    text-align: center; }
  #tour #tour-features h3 {
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    line-height: 30px; }
  #tour #tour-features .tour-item {
    width: 25%;
    float: left;
    text-align: center; }
    @media (max-width: 767px) {
      #tour #tour-features .tour-item {
        font-size: 18px;
        width: 50%; } }
    #tour #tour-features .tour-item a {
      font-size: 16px;
      color: #0099ff;
      margin: 10px 0px 10px;
      text-align: left;
      display: inline-block;
      padding: 10px 0px 10px 40px;
      width: 90px; }
  #tour #tour-features .tour-item:hover a {
    color: #44b4ff; }
  #tour #tour-features .icon-apps {
    background: url("../images/icon-feature-apps.74f532995c5d.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-search {
    background: url("../images/icon-feature-search.7e4b6f0e6b26.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-trips {
    background: url("../images/icon-feature-trips.2f897ddc7392.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-messaging {
    background: url("../images/icon-feature-messaging.90767d392c1f.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-bookings {
    background: url("../images/icon-feature-bookings.b0dff9e8faef.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-profiles {
    background: url("../images/icon-feature-profiles.e1ffdbf7b88e.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-safety {
    background: url("../images/icon-feature-safety.a218a86ee517.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-features .icon-service {
    background: url("../images/icon-feature-service.6d5a57e6a357.png") no-repeat left center;
    background-size: 25px 25px; }
  #tour #tour-apps {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a6b7+0,3fa9f5+100 */
    background: #F3046E;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6b7', endColorstr='#3fa9f5',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #dfdbdb; }
    #tour #tour-apps .image-android {
      margin-left: 20px; }
    #tour #tour-apps .tour-title .new {
      vertical-align: super;
      font-size: 16px;
      font-weight: 600; }
    #tour #tour-apps .button-more {
      box-sizing: border-box;
      border: 2px solid #fff;
      border-radius: 5px;
      max-width: 350px;
      margin: 0 auto;
      padding: 15px 30px 15px 20px;
      font-weight: 500;
      font-size: 18px;
      background: url("../images/icon-arrow-right-negative.008e7c47ec4b.png") no-repeat right center;
      background-size: 40px 40px;
      background-position-x: 80%;
      opacity: .9; }
      @media (max-width: 767px) {
        #tour #tour-apps .button-more {
          width: 100%; } }
    #tour #tour-apps .button-more:hover {
      opacity: 1; }
  #tour #tour-search {
    background: #fff;
    text-align: center; }
    #tour #tour-search .arrow-down-large {
      background: url("../images/arrow-down-large.3ad2696a7016.png") no-repeat;
      background-size: contain;
      width: 120px;
      height: 120px;
      opacity: .6;
      margin: 0 auto; }
    #tour #tour-search .image-trip-request {
      max-width: 910px; }
  #tour #tour-profiles .image-responsive {
    max-width: 900px; }
  #tour #tour-trips {
    background: #f7f7fa;
    border-top: 1px solid #dfdbdb;
    border-bottom: 1px solid #dfdbdb; }
    #tour #tour-trips .icon-vias {
      background: url("../images/icon-tour-via.74b66f60eb6d.png") no-repeat top center;
      padding-top: 50px;
      background-size: 35px 35px; }
    #tour #tour-trips .icon-maps {
      background: url("../images/icon-tour-map.ba613a29b268.png") no-repeat top center;
      padding-top: 50px;
      background-size: 35px 35px; }
    #tour #tour-trips .icon-money {
      background: url("../images/icon-pig-grey.ed463d35ce73.png") no-repeat top center;
      padding-top: 50px;
      background-size: 35px 35px; }
    #tour #tour-trips .image-trip {
      max-width: 907px; }
  #tour #tour-bookings {
    background: #1CC4BF;
    color: #fff; }
    #tour #tour-bookings .col-2 {
      padding-left: 1.25%;
      padding-right: 1.25%; }
      @media (max-width: 767px) {
        #tour #tour-bookings .col-2 {
          width: 100%;
          margin: 20px 0px 20px; } }
    #tour #tour-bookings .tour-bookings-box {
      text-align: center;
      border: 2px solid #fff;
      border-radius: 2px;
      padding: 30px;
      width: 60%;
      margin: 0 auto;
      box-sizing: border-box; }
      @media (min-width: 0px) and (max-width: 1023px) {
        #tour #tour-bookings .tour-bookings-box {
          width: 100%; } }
    #tour #tour-bookings .tour-bookings-icon {
      height: 55px; }
    #tour #tour-bookings .tour-bookings-icon.secure {
      background: url("../images/icon-tour-security.e9efa074cc7a.png") no-repeat top center;
      background-size: 40px 40px; }
    #tour #tour-bookings .tour-bookings-icon.monthly {
      background: url("../images/icon-tour-calendar.58353f4d5264.png") no-repeat top center;
      background-size: 40px 40px; }
    #tour #tour-bookings .tour-bookings-icon.smiley {
      background: url("../images/icon-smiley-white.546ca68379a2.png") no-repeat top center;
      background-size: 40px 40px; }
    #tour #tour-bookings .tour-bookings-icon.cancellation {
      background: url("../images/icon-tour-cancellations.88bd366b610a.png") no-repeat top center;
      background-size: 40px 40px; }
    #tour #tour-bookings a {
      color: #fff;
      text-decoration: underline; }
    #tour #tour-bookings a:hover, #tour #tour-bookings a:active {
      color: #fff; }
  #tour #tour-messaging {
    text-align: center; }
    #tour #tour-messaging .image-messaging {
      max-width: 433px;
      display: inline-block; }
  #tour #tour-safety {
    background: #ff4f02;
    color: #fff; }
    #tour #tour-safety .col-3 {
      box-sizing: border-box;
      padding-left: 3%;
      padding-right: 3%;
      width: 33.3%;
      text-align: center; }
      @media (max-width: 767px) {
        #tour #tour-safety .col-3 {
          width: 100%;
          margin: 20px 0px 20px; } }
    #tour #tour-safety .phone {
      background: url("../images/icon-profile-phone.efcb0f2ee414.png") no-repeat top center;
      padding-top: 65px;
      background-size: 40px 40px; }
    #tour #tour-safety .email {
      background: url("../images/icon-profile-email.4e0055d2e79c.png") no-repeat top center;
      padding-top: 65px;
      background-size: 40px 40px; }
    #tour #tour-safety .feedback {
      background: url("../images/icon-feedback-white.ab44894f8f1c.png") no-repeat top center;
      padding-top: 65px;
      background-size: 40px 40px; }
    #tour #tour-safety .verification-box {
      border-radius: 5px;
      max-width: 600px;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 40px;
      color: #999;
      font-size: 16px;
      background: url("../images/icon-verified.804ca7ec886b.png") no-repeat center left #fff;
      background-position-x: 40px;
      background-size: 70px 70px;
      padding-left: 140px; }
      @media (max-width: 767px) {
        #tour #tour-safety .verification-box {
          background: url("../images/icon-verified.804ca7ec886b.png") no-repeat top center #fff;
          background-size: 50px 50px;
          background-position-y: 30px;
          text-align: center;
          padding: 100px 20px 20px 20px; } }
      #tour #tour-safety .verification-box .verification-heading {
        font-size: 32px;
        font-weight: 600;
        color: #333; }
  #tour #tour-service .container {
    max-width: 700px; }
  #tour #tour-service .col-3 {
    text-align: center;
    width: 33.3%;
    box-sizing: border-box;
    margin: 20px auto;
    float: none; }
    @media (max-width: 767px) {
      #tour #tour-service .col-3 {
        width: 100%;
        margin: 20px 0px 20px; } }
    #tour #tour-service .col-3 .text-cta {
      font-size: 20px;
      font-weight: 32px;
      font-weight: 600; }
    #tour #tour-service .col-3 .email-icon {
      background: url("../images/icon-email.fe885bfd9c96.png") no-repeat center center;
      width: 60px;
      height: 60px;
      background-size: contain;
      margin: 0 auto; }
    #tour #tour-service .col-3 .phone-icon {
      background: url("../images/icon-phone.7825182153ef.png") no-repeat center center;
      width: 60px;
      height: 60px;
      background-size: contain;
      margin: 0 auto; }
  #tour #tour-cta {
    background: #ccebff;
    color: #006699;
    font-size: 22px;
    line-height: 30px;
    padding: 30px;
    border-radius: 10px; }
    #tour #tour-cta .cta-left {
      float: left;
      width: 70%; }
      @media (max-width: 767px) {
        #tour #tour-cta .cta-left {
          clear: both;
          width: 100%; } }
    #tour #tour-cta .cta-right {
      float: right;
      width: 30%; }
      @media (max-width: 767px) {
        #tour #tour-cta .cta-right {
          clear: both;
          width: 100%; } }
    #tour #tour-cta .cta-button {
      background: #006699;
      padding: 15px 40px 15px 40px;
      margin-top: 5px;
      text-align: center;
      box-sizing: border-box;
      border-radius: 5px;
      color: #fff;
      font-size: 20px;
      width: 100%;
      display: block; }
    #tour #tour-cta .cta-button:hover {
      cursor: pointer;
      background: #00517a; }

/* Login styles */
#login .container {
  max-width: 600px; }
#login .box.round {
  border-radius: 5px; }

/* Modal login */
.modal-signin .modal-box {
  max-width: 450px; }
.modal-signin .s-spacer {
  height: 15px; }
.modal-signin .button.email, .modal-signin #welcome .welcome-zero #no_pending_email_form .email[type="submit"], #welcome .welcome-zero #no_pending_email_form .modal-signin .email[type="submit"], .modal-signin .vehicle-form .email[type=submit], .vehicle-form .modal-signin .email[type=submit], .modal-signin #referrals-share #referrals-form .email#id_submit, #referrals-share #referrals-form .modal-signin .email#id_submit {
  padding: 20px;
  background: url("../images/icon-email-white.08c4b4c50947.png") no-repeat left center #ff4f02;
  background-size: 25px 25px;
  background-position: 20px; }
.modal-signin .button.email:hover, .modal-signin #welcome .welcome-zero #no_pending_email_form .email[type="submit"]:hover, #welcome .welcome-zero #no_pending_email_form .modal-signin .email[type="submit"]:hover, .modal-signin .vehicle-form .email[type=submit]:hover, .vehicle-form .modal-signin .email[type=submit]:hover, .modal-signin #referrals-share #referrals-form .email#id_submit:hover, #referrals-share #referrals-form .modal-signin .email#id_submit:hover, .modal-signin .button.email:active, .modal-signin #welcome .welcome-zero #no_pending_email_form .email[type="submit"]:active, #welcome .welcome-zero #no_pending_email_form .modal-signin .email[type="submit"]:active, .modal-signin .vehicle-form .email[type=submit]:active, .vehicle-form .modal-signin .email[type=submit]:active, .modal-signin #referrals-share #referrals-form .email#id_submit:active, #referrals-share #referrals-form .modal-signin .email#id_submit:active {
  padding: 20px;
  background: url("../images/icon-email-white.08c4b4c50947.png") no-repeat left center #ff7430;
  background-size: 25px 25px;
  background-position: 20px; }
.modal-signin .modal-loading-box {
  position: absolute;
  width: 95%;
  height: 95%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.95);
  padding: 46%;
  overflow: hidden;
  z-index: 1000; }
  .modal-signin .modal-loading-box .loading {
    margin-top: 20px;
    margin-left: -10px; }

/* Social logins */
.social-logins .float-left, .social-logins .float-right {
  width: 47%; }
.social-logins .social-login {
  border-radius: 3px;
  width: 100%;
  padding: 20px 20px 20px 40px;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #dfdbdb;
  cursor: pointer; }
  .social-logins .social-login .loading {
    margin-top: 10px; }
.social-logins .social-login:hover {
  border: 1px solid #777777; }
.social-logins .social-login.facebook {
  background: url("../images/icon-social-facebook.f3c0d5624e13.png") no-repeat #fff;
  background-position: 14px 17px; }
.social-logins .social-login.google {
  background: url("../images/icon-social-google.e357d9789fb7.png") no-repeat #fff;
  background-position: 14px 17px; }

/* Register page */
#register {
  background: #0099ff; }
  #register h1 {
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    text-shadow: 0px 0px 8px #7d7d7d;
    width: 100%; }
  #register h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    line-height: 24px; }
  #register .submit-row {
    margin-top: 15px; }
  #register .box.round {
    border-radius: 5px;
    max-width: 400px;
    margin: 0 auto;
    border: none;
    background: rgba(255, 255, 255, 0.95); }

.register-benefit.easy {
  background: url("../images/icon-thumb.a59c0b58a9c2.png") no-repeat left top;
  background-size: 35px 35px;
  background-position-y: 15px; }

.register-benefit.save {
  background: url("../images/icon-reduce-costs.5a93b70fc9dd.png") no-repeat left top;
  background-size: 35px 35px;
  background-position-y: 15px; }

.register-benefit.safety {
  background: url("../images/icon-safety.35f5cfaaaf2a.png") no-repeat left top;
  background-size: 37px 37px;
  background-position-y: 16px; }

.register-benefit.bookings {
  background: url("../images/icon-credit-card.fa9d98c27a04.png") no-repeat left top;
  background-size: 35px 35px;
  background-position-y: 16px; }

.register-benefit.local {
  background: url("../images/icon-canada.956bd877ddb7.png") no-repeat left top;
  background-size: 40px 40px;
  background-position-y: 16px; }

/* Partners */
#partners h1 {
  font-size: 28px; }
#partners h2 {
  font-size: 24px; }

/* Trip Requests */
#requests .request {
  border: 1px solid #dfdbdb;
  padding: 20px;
  border-radius: 5px;
  background: #fff; }
  @media (max-width: 767px) {
    #requests .request {
      padding: 10px; } }
  #requests .request .trip-details {
    cursor: pointer; }
    @media (min-width: 769px) {
      #requests .request .trip-details {
        float: left; } }
  #requests .request .departure-details {
    font-size: 16px; }
  #requests .request .seat-details {
    color: #777777;
    font-size: 16px; }
  #requests .request .float-right {
    text-align: right; }
  #requests .request .seat {
    background-color: #ff5400; }
  #requests .request .alert-actions {
    margin-top: 2px; }
    @media (min-width: 769px) {
      #requests .request .alert-actions {
        float: right; } }
    @media (max-width: 767px) {
      #requests .request .alert-actions {
        margin: 5px 0px 5px;
        clear: both; } }
  #requests .request .alert-action {
    cursor: pointer;
    font-size: 16px; }
  #requests .request .match-details {
    font-size: 18px; }
  #requests .request .trip-match-label {
    font-size: 18px; }
#requests .trip-match {
  margin: 0px 0px 0px;
  width: 100%; }
  #requests .trip-match .trip-match-details {
    padding-top: 5px; }
#requests .trip-match.active {
  background: #fffdd3;
  border-radius: 5px; }
#requests .profile-pic {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid #ccc;
  float: left;
  margin: 0px 15px 0px 0px; }
#requests .match-date {
  color: #777777; }
#requests .add-trip-request-icon {
  border: 2px solid #ff4f02;
  border-radius: 30px;
  height: 19px;
  width: 19px;
  color: #ff4f02;
  text-align: center;
  line-height: 15px;
  font-size: 20px;
  margin-right: 10px; }

.request-item {
  border-radius: 5px;
  cursor: pointer; }
  .request-item .request-item-container {
    padding: 15px; }
    @media (min-width: 1024px) {
      .request-item .request-item-container {
        max-width: 1000px;
        margin: 0 auto; } }
    @media (max-width: 767px) {
      .request-item .request-item-container {
        padding: 10px; } }
  .request-item .request-cta {
    color: #ff4f02;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0px; }
    @media (max-width: 767px) {
      .request-item .request-cta {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 0px; } }

.request-add {
  border-left: 5px solid #ff4f02;
  background: #fff; }
  .request-add .request-item-container {
    background: url("../images/icon-trip-request-orange.17aed2c9ff07.png") center left no-repeat;
    background-position: 20px;
    background-size: 40px 40px;
    padding-left: 80px; }
    @media (max-width: 767px) {
      .request-add .request-item-container {
        padding: 18px 15px 15px 60px;
        background: url("../images/icon-trip-request-orange.17aed2c9ff07.png") center left no-repeat;
        background-position: 12px 12px;
        background-size: 30px 30px; } }
  .request-add .add-icon {
    color: #ff4f02;
    font-size: 0px;
    font-weight: 100;
    text-align: center;
    margin-top: 13px;
    margin-left: 3px;
    margin-right: 10px;
    line-height: 20px;
    font-size: 60px;
    border-radius: 3px; }
    @media (max-width: 767px) {
      .request-add .add-icon {
        font-weight: 100;
        text-align: center;
        margin-top: 2px;
        margin-left: 3px;
        margin-right: 1px;
        line-height: 14px;
        font-size: 30px;
        border-radius: 3px; } }
  .request-add .create-alert {
    margin-top: 0px;
    text-align: left;
    padding: 15px 0px 15px 15px;
    color: #ff4f02;
    font-weight: 600;
    background-position-x: 70px;
    font-size: 16px;
    cursor: pointer; }
  .request-add .request-description {
    color: #777777; }
    @media (max-width: 767px) {
      .request-add .request-description {
        display: none; } }

.request-add:hover {
  background: #ff4f02;
  color: #fff;
  border-left: 5px solid #ff4f02; }
  .request-add:hover .request-cta {
    color: #fff; }
  .request-add:hover .request-item-container {
    padding: 15px 15px 15px 80px;
    background: url("../images/icon-trip-request-white.381bb77d6431.png") center left no-repeat;
    background-position: 20px;
    background-size: 40px 40px; }
    @media (min-width: 1024px) {
      .request-add:hover .request-item-container {
        max-width: 1000px;
        margin: 0 auto; } }
    @media (max-width: 767px) {
      .request-add:hover .request-item-container {
        padding: 18px 15px 15px 60px;
        background: url("../images/icon-trip-request-white.381bb77d6431.png") center left no-repeat;
        background-position: 12px 12px;
        background-size: 30px 30px;
        color: #fff; } }
  .request-add:hover .add-icon {
    color: #fff; }
  .request-add:hover .create-alert {
    color: #fff; }
  .request-add:hover .request-description {
    color: #fff; }

.request-add:active {
  background: #dd4900;
  border-left: 5px solid #dd4900; }

.request-exists {
  border-left: 5px solid #ff4f02;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  background: #fff; }
  .request-exists .request-picture {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dfdbdb;
    display: block;
    float: left;
    margin-right: 20px; }
    @media (max-width: 767px) {
      .request-exists .request-picture {
        width: 40px;
        height: 40px;
        margin-right: 10px; } }
  @media (max-width: 767px) {
    .request-exists .request-description {
      font-size: 14px; } }
  .request-exists .view-icon {
    background: url("../images/icon-triangle-right-grey.af4c9cdcf7b3.png") no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 60px;
    margin-right: 10px; }
    @media (max-width: 767px) {
      .request-exists .view-icon {
        margin-right: 0px;
        width: 10px;
        height: 43px; } }

.request-exists:hover {
  border-left: 5px solid #ff4f02;
  border-top: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb; }

.request-exists:active {
  border-left: 5px solid #ff4f02;
  border-top: 1px solid #cdcbcb;
  border-right: 1px solid #cdcbcb; }

#add-trip-request #id_departure_date {
  border: 1px solid #ccc;
  cursor: pointer; }
#add-trip-request .input-label {
  float: left;
  width: 22%; }
  @media (max-width: 767px) {
    #add-trip-request .input-label {
      width: 100%; } }
#add-trip-request .departure-label, #add-trip-request .locations-label {
  margin-top: 16px; }
#add-trip-request .seats-label {
  margin-top: 5px; }
#add-trip-request .existing-request {
  color: #333333; }
  #add-trip-request .existing-request .errorlist {
    font-weight: 600px;
    color: #333333; }
  #add-trip-request .existing-request a {
    color: #333333; }
#add-trip-request .description-label {
  margin-top: 12px; }
  @media (max-width: 767px) {
    #add-trip-request .description-label {
      width: 100%; } }
#add-trip-request .input-field {
  float: left;
  width: 78%; }
  @media (max-width: 767px) {
    #add-trip-request .input-field {
      width: 100%; } }
#add-trip-request .departure-field {
  position: relative; }
  #add-trip-request .departure-field input {
    min-width: 200px;
    padding: 15px; }
    @media (max-width: 767px) {
      #add-trip-request .departure-field input {
        width: 100%; } }
#add-trip-request .locations-input .locations-from {
  position: relative;
  width: 45%;
  float: left; }
  @media (max-width: 767px) {
    #add-trip-request .locations-input .locations-from {
      width: 100%; } }
#add-trip-request .locations-input .locations-between {
  width: 10%;
  float: left;
  text-align: center;
  padding-top: 20px; }
  @media (max-width: 767px) {
    #add-trip-request .locations-input .locations-between {
      width: 100%;
      text-align: left; } }
#add-trip-request .locations-input .locations-to {
  position: relative;
  width: 45%;
  float: left; }
  @media (max-width: 767px) {
    #add-trip-request .locations-input .locations-to {
      width: 100%; } }
#add-trip-request .trigger-departure-date {
  width: 150px; }
#add-trip-request textarea {
  height: 100px; }
#add-trip-request .seat-selection .seat-definition {
  margin: 6px 0px 0px 10px; }
#add-trip-request .seat-selection .seat-plural {
  display: none; }
#add-trip-request #id_seats {
  display: none; }

.alert-exists {
  background: url("../images/icon-alert-orange.b1cbafca4908.png") #fff left center no-repeat;
  background-size: 40px 40px;
  background-position-x: 10px;
  width: auto;
  padding: 20px 20px 20px 70px;
  display: block;
  border: 1px solid #dfdbdb; }

/* Adding a trip request page */
#trip_request_add-page #trip-request-pre, #trip_request_update-page #trip-request-pre {
  background: #ff4f02; }
#trip_request_add-page #add-trip-request .xs-spacer, #trip_request_update-page #add-trip-request .xs-spacer {
  height: 25px; }
#trip_request_add-page #trip-request-add, #trip_request_update-page #trip-request-add {
  padding-top: 10px; }
#trip_request_add-page .video-cta, #trip_request_update-page .video-cta {
  margin-top: 16px; }
#trip_request_add-page .banner-video-cta-icon, #trip_request_update-page .banner-video-cta-icon {
  background: #fff;
  border-radius: 100px;
  color: #ff4f02;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px; }
#trip_request_add-page .banner-video-cta-text, #trip_request_update-page .banner-video-cta-text {
  font-size: 16px; }

.trip-request-actions {
  background: #efefef;
  border-bottom: 1px solid #dfdbdb; }
  .trip-request-actions .trip-request-action {
    padding: 18px 15px 18px 15px;
    float: left; }
  @media (min-width: 320px) and (max-width: 480px) {
    .trip-request-actions .trip-request-action-edit, .trip-request-actions .trip-request-action-cancel, .trip-request-actions .trip-request-action-manage {
      height: 19px;
      padding-left: 0px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .trip-request-actions .trip-label {
      display: none; } }
  .trip-request-actions .trip-request-action {
    border-left: 1px solid #dfdbdb;
    color: #777777;
    font-weight: 600; }
  .trip-request-actions .trip-request-action-manage {
    background: url("../images/icon-menu-bars.4edb8a3b2c56.png") no-repeat left center;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-manage {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-manage:hover {
    background: url("../images/icon-menu-bars.4edb8a3b2c56.png") no-repeat left center #dfdbdb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-manage:hover {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-manage:active {
    background: url("../images/icon-menu-bars.4edb8a3b2c56.png") no-repeat left center #cdcbcb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-manage:active {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-edit {
    background: url("../images/icon-edit-grey.221f70974982.png") no-repeat left center;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-edit {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-edit:hover {
    background: url("../images/icon-edit-grey.221f70974982.png") no-repeat left center #dfdbdb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-edit:hover {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-edit:active {
    background: url("../images/icon-edit-grey.221f70974982.png") no-repeat left center #cdcbcb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-edit:active {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-cancel {
    background: url("../images/icon-cancel-grey.6c512e15cf37.png") no-repeat left center;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 12px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-cancel {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-cancel:hover {
    background: url("../images/icon-cancel-grey.6c512e15cf37.png") no-repeat left center #dfdbdb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 12px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-cancel:hover {
        background-position: 19px; } }
  .trip-request-actions .trip-request-action-cancel:active {
    background: url("../images/icon-cancel-grey.6c512e15cf37.png") no-repeat left center #cdcbcb;
    background-size: 24px 24px;
    padding-left: 47px;
    background-position: 105px; }
  .trip-request-actions .trip-request-action-view {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat right center;
    background-size: 24px 24px;
    padding-right: 47px;
    background-position: 105px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-view {
        padding-right: 0px; } }
  .trip-request-actions .trip-request-action-view:hover {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat right center #dfdbdb;
    background-size: 24px 24px;
    padding-right: 47px;
    background-position: 105px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-view:hover {
        padding-right: 0px; } }
  .trip-request-actions .trip-request-action-view:active {
    background: url("../images/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat right center #cdcbcb;
    background-size: 24px 24px;
    padding-right: 47px;
    background-position: 105px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .trip-request-actions .trip-request-action-view:active {
        padding-right: 0px; } }
  .trip-request-actions .container {
    padding: 0px; }

#trip.trip-request-view #trip-info h1 {
  color: #ff4f02 !important; }
#trip.trip-request-view #trip-info .container {
  padding-bottom: 0px; }
#trip.trip-request-view #trip-matches-for-hitcher {
  background: #f7f7fa; }
  #trip.trip-request-view #trip-matches-for-hitcher .notification-icon {
    opacity: .7;
    background: url("../images/icon-notifications.2d940352d74d.png") no-repeat left center;
    background-size: 20px 20px;
    padding-left: 30px; }
  #trip.trip-request-view #trip-matches-for-hitcher .notification-pause {
    background: url("../images/icon-notifications-paused.54bfa6caefa2.png") no-repeat left center;
    background-size: 20px 20px;
    padding-left: 27px; }
  #trip.trip-request-view #trip-matches-for-hitcher .suspended-text a {
    color: #333333;
    text-decoration: underline; }
  #trip.trip-request-view #trip-matches-for-hitcher .suspended-text a:hover {
    color: #000; }
@media (min-width: 769px) {
  #trip.trip-request-view .trip-request-description {
    padding-right: 30px; } }
#trip.trip-request-view #trip-request-actions-for-driver {
  background: #f7f7fa; }
#trip.trip-request-view .button-invite {
  min-width: 0px;
  background: url("../images/icon-invite-white.0e604b2b32ab.png") right center no-repeat #ff4f02;
  background-size: 20px 20px;
  background-position: 125px;
  padding-right: 60px; }
  @media (max-width: 767px) {
    #trip.trip-request-view .button-invite {
      float: none;
      background: url("../images/icon-invite-white.0e604b2b32ab.png") center center no-repeat #ff4f02;
      background-size: 20px 20px;
      background-position: 12px 10px;
      width: 40px;
      height: 40px;
      border-radius: 40px;
      margin: 5px 0px 0px 0px !important;
      padding: 0px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip.trip-request-view .button-invite {
      width: 30px;
      height: 30px;
      background-size: 15px 15px;
      background-position: 9px 7px; } }
#trip.trip-request-view .button-invite.clicked {
  display: none; }
#trip.trip-request-view .button-invite:hover {
  min-width: 0px;
  background: url("../images/icon-invite-white.0e604b2b32ab.png") right center no-repeat #ff7430;
  background-size: 20px 20px;
  background-position: 125px;
  padding-right: 60px; }
  @media (max-width: 767px) {
    #trip.trip-request-view .button-invite:hover {
      float: none;
      background: url("../images/icon-invite-white.0e604b2b32ab.png") center center no-repeat #ff7430;
      background-size: 20px 20px;
      background-position: 12px 10px;
      width: 40px;
      height: 40px;
      border-radius: 40px;
      margin: 5px 0px 0px 0px !important;
      padding: 0px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    #trip.trip-request-view .button-invite:hover {
      width: 30px;
      height: 30px;
      background-size: 15px 15px;
      background-position: 9px 7px; } }
@media (max-width: 767px) {
  #trip.trip-request-view .loading {
    float: none;
    margin-top: 15px; } }
@media (min-width: 320px) and (max-width: 480px) {
  #trip.trip-request-view .loading {
    margin-top: 10px; } }
#trip.trip-request-view .trip-invited {
  color: #009a4b;
  font-size: 16px;
  font-weight: 600;
  float: right; }
  #trip.trip-request-view .trip-invited .tick-icon {
    border-radius: 30px;
    background: url("../images/icon-tick-white.61a642f04cb9.png") center center #009a4b no-repeat;
    background-size: 20px 20px;
    width: 25px;
    height: 25px;
    float: right;
    margin-left: 10px;
    display: block; }
    @media (max-width: 767px) {
      #trip.trip-request-view .trip-invited .tick-icon {
        float: none;
        margin: 0px;
        background-size: 20px 20px;
        width: 40px;
        height: 40px;
        margin: 5px 0px 0px 0px; } }
    @media (min-width: 320px) and (max-width: 480px) {
      #trip.trip-request-view .trip-invited .tick-icon {
        width: 30px;
        height: 30px; } }
#trip.trip-request-view .trip-request-label {
  color: #ff4f02;
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  border: 2px solid #ff4f02;
  font-weight: 600;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  #modal-request-info .col-3 {
    margin: 0px; } }
#modal-request-info .col-3.one {
  padding-left: 0px; }

/* About page */
#about .player-wrapper {
  position: relative; }
#about .player-wrapper iframe {
  width: 100%; }
@media (max-width: 767px) {
  #about #about-tabs {
    display: none; } }
@media (max-width: 767px) {
  #about #about-tabs.active {
    display: block; } }
#about .about-banner {
  height: 400px; }
  @media (max-width: 767px) {
    #about .about-banner {
      height: 300px; } }
  #about .about-banner .quote {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    padding-top: 320px;
    color: #fff; }
    @media (max-width: 767px) {
      #about .about-banner .quote {
        padding-top: 200px;
        font-size: 24px;
        line-height: 30px; } }
#about #story-banner {
  background: url("../images/about-story.e426a4f2e1b0.jpg") no-repeat center center;
  background-size: cover; }
#about #team-banner {
  background: url("../images/about-team.80bce399741a.jpg") no-repeat center center;
  background-size: cover; }
#about #impact-banner {
  background: url("../images/about-impact.f0bf333d98ad.jpg") no-repeat center center;
  background-size: cover; }
#about #partners-banner {
  background: url("../images/about-partners.cfeb6058a8bb.png") no-repeat center center;
  background-size: cover; }
@media (min-width: 769px) {
  #about #about-story {
    max-width: 480px; } }
#about .pic-flo, #about .pic-luke {
  width: 200px;
  height: 200px;
  border-radius: 200px;
  border: 2px solid #dfdbdb;
  float: left; }
#about .bio {
  float: left;
  width: 55%;
  margin-left: 30px; }
  @media (max-width: 767px) {
    #about .bio {
      width: 100%;
      clear: both;
      margin: 20px 0px 0px 0px; } }

#manifesto .float-left {
  margin-right: 10px; }

#impact-page h2 {
  font-size: 24px; }
#impact-page .page {
  height: auto; }
#impact-page .dedication {
  line-height: 26px; }
#impact-page .page-grey .box {
  padding: 0px 20px 15px 20px;
  color: #777777;
  border-right: none;
  border-left: none;
  border-bottom: none;
  min-height: 230px; }
#impact-page .page-grey .box.green {
  border-top: 3px solid #b8ecb8; }
#impact-page .page-grey .box.yellow {
  border-top: 3px solid #fff3a3; }
#impact-page .page-grey .box.blue {
  border-top: 3px solid #b2efff;
  background: #fff; }
#impact-page .button, #impact-page #welcome .welcome-zero #no_pending_email_form [type="submit"], #welcome .welcome-zero #no_pending_email_form #impact-page [type="submit"], #impact-page .vehicle-form [type=submit], .vehicle-form #impact-page [type=submit], #impact-page #referrals-share #referrals-form #id_submit, #referrals-share #referrals-form #impact-page #id_submit {
  margin: 0 auto; }

#about-tabs .tabs {
  border: none; }
  @media (min-width: 769px) {
    #about-tabs .tabs {
      max-width: 170px; } }
  #about-tabs .tabs .tab-header {
    color: #333333;
    background: none;
    padding: 15px 0px 15px 0px; }
  #about-tabs .tabs .tab-header.active, #about-tabs .tabs .tab-header:hover {
    font-weight: 700;
    background: none; }
  #about-tabs .tabs .tab-header.last {
    border-bottom: none; }
@media (max-width: 767px) {
  #about-tabs {
    display: none; } }

@media (max-width: 767px) {
  #about-tabs.active {
    display: block; } }

#perks .perk-item .perk-item-logo {
  width: 12.5%;
  float: left; }
  #perks .perk-item .perk-item-logo img {
    width: 100%; }
#perks .perk-item .perk-item-contents {
  width: 85%;
  margin-left: 2.5%;
  float: left; }
#perks .perk-item ol {
  padding-left: 15px;
  margin: 0px; }
#perks .perk-item-divider {
  border-top: 1px solid #ccc;
  width: 20%;
  margin: 50px 0px; }

/* Payments */
#payments .tip-msg {
  border: 2px solid #0076a3;
  padding: 20px;
  border-radius: 5px; }
#payments .trip-types {
  border-bottom: 1px solid #dfdbdb; }
  #payments .trip-types .trip-type {
    padding: 15px;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer; }
  #payments .trip-types .trip-type.active {
    border-bottom: 3px solid #333333;
    font-weight: 700; }
#payments .payment-box {
  line-height: 22px; }
  #payments .payment-box .payment-text {
    width: 77%;
    float: left; }
    @media (min-width: 769px) {
      #payments .payment-box .payment-text {
        text-align: right; } }
  #payments .payment-box .payment-amount {
    width: 23%;
    text-align: right;
    float: right; }
@media (min-width: 769px) {
  #payments .payment-box-left {
    width: 70%;
    float: left; } }
@media (min-width: 769px) {
  #payments .payment-box-right {
    width: 30%;
    float: right; } }
#payments .payment-item {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #efefef; }
#payments .booking-id {
  padding: 2px 5px 2px 5px;
  border: 2px solid #666;
  display: inline-block;
  border-radius: 3px;
  margin: -5px 10px 0px 0px;
  width: 70px; }
@media (min-width: 769px) {
  #payments .payments-total {
    float: right; } }

#payments select, #payouts select {
  text-indent: 0.4em;
  font-family: Open Sans, sans-serif;
  margin-top: 4px;
  height: 25px;
  line-height: 30px;
  border: 1px solid #cccccc;
  border-radius: 0px;
  background: #fff;
  font-size: 14px;
  width: 160px; }
#payments #id_year, #payouts #id_year {
  width: 80px; }
#payments .table-loader, #payouts .table-loader {
  display: none;
  width: 100%;
  padding: 100px 0px 100px;
  background: url("../images/ajax-loader.12d4c449a15f.gif") no-repeat center center; }
#payments .table-loader.active, #payouts .table-loader.active {
  display: block; }
@media (max-width: 767px) {
  #payments .sub-menu, #payouts .sub-menu {
    width: auto; } }

#payments_history-page .ui-tooltip, #payouts_future-page .ui-tooltip {
  max-width: 230px;
  background: #fff;
  border: 1px solid #dfdbdb;
  color: #333333; }

/* Payouts */
#payouts #payouts-listing .payout-listing {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 5px; }
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing-details {
    width: 73%;
    float: left; } }
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing-total {
    width: 27%;
    float: right;
    text-align: right; } }
#payouts #payouts-listing .payout-listing-booking {
  margin: 8px 0px 8px; }
  @media (max-width: 767px) {
    #payouts #payouts-listing .payout-listing-booking {
      margin: 0px; } }
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing-state {
    float: right; } }
@media (min-width: 769px) {
  #payouts .payout-deposit-estimates {
    border-right: 2px solid #333333;
    padding-right: 8px; } }
@media (max-width: 767px) {
  #payouts .payout-deposit-estimates {
    border-left: 2px solid #333333;
    padding-left: 8px;
    margin-bottom: 25px; } }
#payouts .payout-listing-bookings-collapsed {
  display: none; }
#payouts .payout-listing-bookings-collapsed.active {
  display: block; }
#payouts .booking-id {
  padding: 2px 5px 2px 5px;
  border: 2px solid #666;
  display: inline-block;
  border-radius: 3px;
  margin: -5px 10px 0px 0px;
  width: 70px;
  text-align: center; }
#payouts .payout-status-icon {
  height: 7px;
  width: 7px;
  border-radius: 10px;
  margin: 8px 10px 0px 0px; }
#payouts .payout-status-paid {
  background: #009a4b; }
#payouts .payout-status-pending {
  background: #666; }
#payouts .payout-status-failed {
  background: #ff6060; }
@media (min-width: 769px) {
  #payouts .payouts-total {
    float: right; } }
#payouts .payouts-subnav a {
  color: #777777;
  display: inline; }
#payouts .payouts-subnav a.active {
  color: #333333;
  font-weight: 600; }
#payouts .payouts-subnav a:hover {
  color: #333333; }
#payouts .payouts-subnav a:active {
  color: #000; }

a.payout-settings-cta {
  background: url("../images/icon-settings-grey.83e4cbfd8a1d.png") left center no-repeat;
  background-size: 20px 20px;
  padding-left: 27px;
  box-sizing: border-box;
  color: #333333;
  min-width: 20px;
  min-height: 20px; }

a.payout-settings-cta:hover {
  opacity: .9; }

a.payout-settings-cta:active {
  opacity: 1; }

a.payout-video-cta {
  background: url("../images/icon-video-grey.4bc307ea20b7.png") left center no-repeat;
  background-size: 20px 20px;
  padding-left: 27px;
  box-sizing: border-box;
  color: #333333;
  min-width: 20px;
  min-height: 20px;
  margin-right: 20px; }
  @media (max-width: 767px) {
    a.payout-video-cta {
      margin-right: 10px;
      margin-top: 12px; } }

a.payout-video-cta:hover {
  opacity: .9; }

a.payout-video-cta:active {
  opacity: 1; }

#payout-settings .payout-method {
  position: relative;
  border-radius: 3px;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #dfdbdb;
  background: #fff;
  float: left;
  width: 100%;
  opacity: .6;
  position: relative; }
  @media (max-width: 767px) {
    #payout-settings .payout-method {
      padding: 15px; } }
  #payout-settings .payout-method .payout-icon {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 30px; }
    @media (max-width: 767px) {
      #payout-settings .payout-method .payout-icon {
        margin-right: 0px;
        width: 60px;
        height: 60px;
        float: none; } }
  #payout-settings .payout-method .payout-icon.paypal {
    background: url("../images/paypal.e18125cc583e.png") no-repeat;
    background-size: contain; }
  #payout-settings .payout-method .payout-icon.bank.account {
    background: url("../images/icon-bank.6640a6172ce2.png") no-repeat;
    background-size: contain; }
  #payout-settings .payout-method .payout-icon.interac {
    background: url("../images/icon-interac.60a5b3b49f78.png") no-repeat;
    background-size: contain; }
  #payout-settings .payout-method .payout-contents {
    float: left;
    max-width: 400px; }
    @media (max-width: 767px) {
      #payout-settings .payout-method .payout-contents {
        float: none;
        margin-top: 10px; } }
  #payout-settings .payout-method .payout-status.default {
    padding: 0px 5px;
    display: inline-block;
    color: #fff;
    border: 2px solid #333333;
    color: #333333;
    border-radius: 3px; }
  #payout-settings .payout-method .payout-state-ok {
    background: #009a4b;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 3px; }
  #payout-settings .payout-method .payout-state-fail {
    background: #ff6060;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 3px; }
  #payout-settings .payout-method .payout-state-pending {
    background: #0099ff;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 3px; }
  @media (min-width: 769px) {
    #payout-settings .payout-method .payout-state-reasons {
      margin-left: 90px; } }
  #payout-settings .payout-method .payout-state-reasons ul, #payout-settings .payout-method .payout-state-reasons ol {
    margin: 7px 0px 7px;
    padding: 0px 0px 0px 15px; }
    #payout-settings .payout-method .payout-state-reasons ul li a, #payout-settings .payout-method .payout-state-reasons ul li a:active, #payout-settings .payout-method .payout-state-reasons ol li a, #payout-settings .payout-method .payout-state-reasons ol li a:active {
      text-decoration: underline;
      color: #333333; }
    #payout-settings .payout-method .payout-state-reasons ul li a:hover, #payout-settings .payout-method .payout-state-reasons ol li a:hover {
      text-decoration: underline;
      color: #000; }
  #payout-settings .payout-method .payout-schedule {
    background: url("../images/icon-calendar.df5c07ad22d1.png") no-repeat left top;
    background-size: 28px 15px;
    padding-left: 18px;
    margin-top: 7px;
    line-height: 19px; }
  #payout-settings .payout-method .schedule-box {
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #dfdbdb;
    border-radius: 3px;
    cursor: pointer; }
    @media (min-width: 769px) {
      #payout-settings .payout-method .schedule-box {
        width: 32%;
        margin-right: 1.5%;
        float: left; } }
    @media (max-width: 767px) {
      #payout-settings .payout-method .schedule-box {
        width: 100%;
        margin: 10px 0px 10px;
        height: 100px; } }
  @media (min-width: 769px) {
    #payout-settings .payout-method .schedule-box.last {
      margin-right: 0px; } }
  #payout-settings .payout-method .schedule-box:hover {
    border: 1px solid #999; }
  #payout-settings .payout-method .schedule-box.active {
    border: 1px solid #0099ff; }
    #payout-settings .payout-method .schedule-box.active .payout-schedule-title {
      color: #0099ff; }
#payout-settings .payout-method:hover {
  opacity: 1;
  cursor: pointer; }
#payout-settings .payout-method.active {
  opacity: 1; }
#payout-settings .payout-method.active:hover {
  cursor: auto; }
#payout-settings .payout-actions .payout-actions-trigger {
  background: url("../images/icon-settings.863df44f3270.png") center center no-repeat;
  width: 25px;
  height: 25px;
  background-size: 15px 15px;
  position: absolute;
  top: 15px;
  right: 15px; }
#payout-settings .payout-actions .payout-actions-container {
  position: absolute;
  display: none;
  top: 40px;
  right: 20px;
  width: 100px;
  border-top: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb;
  border-left: 1px solid #dfdbdb; }
  #payout-settings .payout-actions .payout-actions-container .payout-action, #payout-settings .payout-actions .payout-actions-container a.payout-action {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #dfdbdb;
    color: #333333;
    font-size: 13px;
    background: #fff; }
  #payout-settings .payout-actions .payout-actions-container .payout-action:hover, #payout-settings .payout-actions .payout-actions-container a.payout-action:hover {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #dfdbdb;
    background: #333333;
    color: #fff; }
  #payout-settings .payout-actions .payout-actions-container .payout-action:active, #payout-settings .payout-actions .payout-actions-container a.payout-action:active {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #dfdbdb;
    background: #000;
    color: #fff; }
#payout-settings .payout-actions .payout-actions-container.active {
  display: block; }

#add-bank-account {
  /*#id_currency{
      color: $lightgrey;
      border: 1px solid $lightgrey;;
  }*/ }
  @media (min-width: 769px) {
    #add-bank-account .col-2 {
      width: 47.5%;
      padding: 0%; } }
  @media (max-width: 767px) {
    #add-bank-account .col-2 {
      width: 100%; } }
  @media (min-width: 769px) {
    #add-bank-account .col-2.col-right {
      padding-left: 5%; } }
  @media (min-width: 769px) {
    #add-bank-account #id_address_line1 {
      max-height: 54px; } }
  @media (max-width: 767px) {
    #add-bank-account #id_address_line1 {
      max-height: 75px; } }
  #add-bank-account #id_tos_accepted {
    float: left;
    margin-right: 10px; }
  #add-bank-account #id_tos_label {
    float: left; }
  @media (min-width: 769px) {
    #add-bank-account #tos_accepted-error {
      float: right; } }
  #add-bank-account select {
    text-indent: 0.4em;
    font-family: Open Sans, sans-serif;
    margin-top: 4px;
    height: 55px;
    width: 100%;
    line-height: 30px;
    border: 1px solid #cccccc;
    border-radius: 0px;
    background: #fff;
    font-size: 14px; }
  #add-bank-account #id_currency {
    background: none;
    color: #666; }

#payouts-choice #table {
  width: 100%; }
#payouts-choice tr, #payouts-choice th, #payouts-choice td {
  border-bottom: 1px solid #ccc;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  text-align: left; }
#payouts-choice .box {
  border-radius: 3px;
  box-sizing: border-box; }
  @media (min-width: 769px) {
    #payouts-choice .box {
      width: 48%; } }
  @media (max-width: 767px) {
    #payouts-choice .box {
      width: 100%; } }
@media (min-width: 769px) {
  #payouts-choice .box.bank {
    float: left; } }
#payouts-choice .box.bank .box-header {
  background: url("../images/icon-bank.6640a6172ce2.png") no-repeat left center;
  background-size: 40px 40px;
  padding-left: 50px; }
@media (min-width: 769px) {
  #payouts-choice .box.paypal {
    float: right; } }
#payouts-choice .box.paypal .box-header {
  background: url("../images/paypal.e18125cc583e.png") no-repeat left center;
  background-size: 40px 40px;
  padding-left: 50px; }
#payouts-choice .button.narrow, #payouts-choice #welcome .welcome-zero #no_pending_email_form .narrow[type="submit"], #welcome .welcome-zero #no_pending_email_form #payouts-choice .narrow[type="submit"], #payouts-choice .vehicle-form .narrow[type=submit], .vehicle-form #payouts-choice .narrow[type=submit], #payouts-choice #referrals-share #referrals-form .narrow#id_submit, #referrals-share #referrals-form #payouts-choice .narrow#id_submit {
  max-width: 100px;
  min-width: 100px;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 0px; }

#payouts-paypal-create .paypal-login-button {
  background: url("../images/paypal-login-button.8548730bfc90.png");
  width: 152px;
  height: 34px;
  display: block; }
#payouts-paypal-create .paypal-login-button:hover {
  opacity: .9; }
#payouts-paypal-create .paypal-login-button:active {
  opacity: 1; }

#payouts-dashboard .warning {
  padding-left: 100px;
  background: url("../images/icon-alert-orange-l.dd4a40a6a93b.png") no-repeat left center #ffffff;
  background-position: 25px; }

#modal-payout-on-first-booking .payout-method-choice .payout-method-header {
  float: left;
  box-sizing: border-box; }
  @media (min-width: 769px) {
    #modal-payout-on-first-booking .payout-method-choice .payout-method-header {
      width: 40%; } }
  @media (max-width: 767px) {
    #modal-payout-on-first-booking .payout-method-choice .payout-method-header {
      width: 70%; } }
#modal-payout-on-first-booking .payout-method-choice .payout-method-cta {
  float: left;
  text-align: right; }
  @media (min-width: 769px) {
    #modal-payout-on-first-booking .payout-method-choice .payout-method-cta {
      width: 20%; } }
  @media (max-width: 767px) {
    #modal-payout-on-first-booking .payout-method-choice .payout-method-cta {
      width: 30%; } }
  #modal-payout-on-first-booking .payout-method-choice .payout-method-cta a {
    color: #fff;
    padding: 10px;
    width: 100px;
    text-align: center;
    background: #ff4f02;
    border-radius: 3px;
    display: inline-block; }
    @media (max-width: 767px) {
      #modal-payout-on-first-booking .payout-method-choice .payout-method-cta a {
        width: 90px;
        padding: 7px; } }
  #modal-payout-on-first-booking .payout-method-choice .payout-method-cta a:hover {
    background: #ff7430; }
  #modal-payout-on-first-booking .payout-method-choice .payout-method-cta a:active {
    background: #dd4900; }
#modal-payout-on-first-booking .payout-method-choice.bank .payout-method-header {
  background: url("../images/icon-bank.6640a6172ce2.png") no-repeat left top;
  background-size: 40px 40px;
  padding-left: 50px; }
#modal-payout-on-first-booking .payout-method-choice.paypal .payout-method-header {
  background: url("../images/icon-paypal.49bc353bb13a.png") no-repeat left top;
  background-size: 40px 40px;
  padding-left: 50px; }
@media (min-width: 769px) {
  #modal-payout-on-first-booking .divider.light {
    max-width: 60%; } }
#modal-payout-on-first-booking .modal-close.text-medium, #modal-payout-on-first-booking #payments .payment-box .modal-close.payment-text, #payments .payment-box #modal-payout-on-first-booking .modal-close.payment-text, #modal-payout-on-first-booking #payments .payment-box .modal-close.payment-amount, #payments .payment-box #modal-payout-on-first-booking .modal-close.payment-amount {
  font-size: 14px;
  float: none; }

@media (min-width: 769px) {
  #payouts-page .button-add-payout {
    max-width: 225px; } }

/* Payouts and payments in app definitions */
#payments_history-page.in-app .page, #payouts_future-page.in-app .page {
  padding-top: 0px; }
#payments_history-page.in-app #period-form, #payouts_future-page.in-app #period-form {
  width: 100%; }
  #payments_history-page.in-app #period-form select, #payouts_future-page.in-app #period-form select {
    width: 100%;
    padding: 7px 3px;
    height: auto;
    border-radius: 3px; }

.payout-tabs-app {
  width: 100%;
  border: 2px solid #333333;
  border-radius: 5px;
  box-sizing: border-box; }
  .payout-tabs-app a {
    display: block;
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #333333; }
  .payout-tabs-app a.active {
    background: #333333;
    color: #fff; }

/* Feedback Form */
#feedback-form {
  padding: 5px 15px 5px 15px;
  border: 2px solid #dfdbdb;
  border-radius: 5px;
  background: #fff; }
  #feedback-form textarea {
    padding: 0px;
    border: none; }
  #feedback-form .feedback-states .feedback-state {
    text-align: center;
    opacity: .5;
    cursor: pointer; }
  #feedback-form .feedback-states .feedback-state:hover, #feedback-form .feedback-states .feedback-state.active {
    opacity: 1; }
  #feedback-form .feedback-states .feedback-state-icon {
    height: 35px;
    margin-bottom: 5px;
    width: 100%; }
  #feedback-form .feedback-states .ontime {
    background: url("../images/icon-on-time.fe255aa193d7.png") no-repeat top center;
    background-size: contain; }
  #feedback-form .feedback-states .late {
    background: url("../images/icon-late.9d896344e35d.png") no-repeat top center;
    background-size: contain; }
  #feedback-form .feedback-states .noshow {
    background: url("../images/icon-no-show.39a495427f54.png") no-repeat top center;
    background-size: contain; }
  #feedback-form .feedback-states .bailed {
    background: url("../images/icon-bailed.7376364f45e8.png") no-repeat top center;
    background-size: contain; }
  #feedback-form .feedback-received {
    padding-left: 30px; }
  #feedback-form #id_type {
    border: none;
    max-height: 2px !important;
    max-width: 1px;
    color: #fff;
    background: #fff;
    float: right;
    display: block; }
  #feedback-form input[type=number]::-webkit-inner-spin-button,
  #feedback-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    /* Removes leftover margin */ }
  @media (max-width: 767px) {
    #feedback-form .page-right {
      margin-top: 10px; } }

@media (min-width: 769px) {
  .trip-feedback-messages {
    max-width: 70%; } }

/* Settings */
#settings #account-tabs .tabs {
  border: none; }
  @media (min-width: 769px) {
    #settings #account-tabs .tabs {
      max-width: 170px; } }
  #settings #account-tabs .tabs .tab-header {
    color: #333333;
    background: none;
    padding: 15px 0px 15px 0px; }
  #settings #account-tabs .tabs .tab-header.active, #settings #account-tabs .tabs .tab-header:hover {
    font-weight: 700;
    background: none; }
  #settings #account-tabs .tabs .tab-header.last {
    border-bottom: none; }
@media (max-width: 767px) {
  #settings #account-tabs {
    display: none; } }
@media (max-width: 767px) {
  #settings #account-tabs.active {
    display: block; } }
#settings #mobile-notifications-warning, #settings #mobile-notifications-error {
  margin-top: 20px; }
#settings #email-addresses .blockLabels {
  padding: 0px;
  margin: 20px 0px 20px 0px;
  border: none; }
#settings #email-addresses .buttonHolder {
  margin-top: 20px; }
#settings #email-addresses button {
  padding: 10px;
  border: 2px solid #777777;
  background: none;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
  color: #777777;
  font-weight: 600; }
#settings #email-addresses button[name=action_add] {
  color: #fff;
  background: #ff4f02;
  border: none; }
#settings #email-addresses button[name=action_add].greyed {
  color: #fff !important; }
#settings #email-addresses label[for=id_email] {
  display: none; }
#settings #email-addresses .primary, #settings #email-addresses .verified, #settings #email-addresses .unverified {
  float: right;
  margin-left: 10px;
  border-radius: 3px;
  padding: 2px 5px 2px 5px; }
#settings #email-addresses .unverified {
  background: #ff6060;
  color: #fff; }
#settings #email-addresses .primary {
  border: 2px solid #777777;
  color: #777777;
  background: none;
  padding: 0px 5px 0px 5px; }
#settings #email-addresses .verified {
  background: #009a4b;
  color: #fff; }
#settings #email-addresses #id_email {
  max-width: 300px; }
#settings #email-addresses .ctrlHolder {
  height: 35px;
  border-bottom: 1px solid #dfdbdb;
  margin-top: 10px; }
#settings #email-addresses .error {
  display: block; }
#settings #personal-details input {
  max-width: 300px; }
#settings #personal-details .birthday-box, #settings #personal-details .gender-selectors, #settings #personal-details .user-type-selection {
  margin: 0px;
  width: auto; }
#settings #personal-details #id_description {
  max-height: 120px; }
#settings #personal-details .error {
  display: block; }
#settings #personal-details #id_driver {
  background: #f7f7fa; }
#settings #goodbye .andrew-sad, #settings #inactive .andrew-sad {
  background: url("../images/andrew-sad.24b4927111cd.png") no-repeat;
  width: 300px;
  height: 300px;
  background-size: contain; }
#settings #inactive .andrew-inactive {
  background: url("../images/andrew-wave.a34573a13cec.png") no-repeat;
  width: 300px;
  height: 300px;
  background-size: contain; }
#settings .back-button {
  border: 2px solid #777777;
  border-radius: 3px;
  font-size: 16px;
  color: #777777;
  padding: 8px 8px 8px 60px;
  display: inline-block;
  background: url("../images/icon-arrow-right-grey-left.d8ad9d30f95d.png") no-repeat left center;
  background-position-x: 10px;
  background-size: 30px 30px; }

.account-notification .notification-label {
  font-size: 16px;
  float: left;
  color: #777777; }
.account-notification .notification-trigger {
  float: right;
  width: 60px;
  height: 34px;
  background: #dfdbdb;
  border-radius: 34px;
  padding: 2px;
  box-sizing: border-box;
  position: relative; }
  .account-notification .notification-trigger .circle {
    height: 30px;
    width: 30px;
    border-radius: 37px;
    background: #fff; }
.account-notification .notification-trigger.on {
  background: #009a4b; }
  .account-notification .notification-trigger.on .circle {
    position: absolute;
    right: 2px;
    top: 2px; }
.account-notification .notification-error {
  clear: both; }

@media (max-width: 767px) {
  #settings.page {
    padding-top: 0px; } }
@media (max-width: 767px) {
  #settings.page .col-4 {
    margin-bottom: 0px; } }

#account_inactive-page #system-msg {
  display: none; }

/* Instructions */
.instruction .instruction-left {
  width: 25%;
  float: left; }
  @media (max-width: 767px) {
    .instruction .instruction-left {
      float: none;
      width: 100%; } }
.instruction .instruction-right {
  width: 70%;
  float: right; }
  @media (max-width: 767px) {
    .instruction .instruction-right {
      float: none;
      width: 100%; } }
.instruction .button-arrow-right {
  background: url("../images/arrow-right.3931900bc8c0.png") no-repeat !important;
  background-size: 30px 15px !important;
  background-position: 88% !important; }

.instruction-booking-what-next .booking-submitted-icon {
  background: url("../images/icon-tick-white.61a642f04cb9.png") no-repeat center center #009a4b;
  background-size: 24px 24px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-right: 20px; }
  @media (max-width: 767px) {
    .instruction-booking-what-next .booking-submitted-icon {
      width: 24px;
      height: 24px;
      background-size: 24px 24px;
      margin-right: 10px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .instruction-booking-what-next .booking-submitted-icon {
      width: 20px;
      height: 20px;
      background-size: 16px 16px; } }
.instruction-booking-what-next .booking-submitted-text {
  line-height: 30px;
  color: #009a4b; }
  @media (min-width: 769px) {
    .instruction-booking-what-next .booking-submitted-text {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .instruction-booking-what-next .booking-submitted-text {
      font-size: 20px;
      line-height: 24px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .instruction-booking-what-next .booking-submitted-text {
      font-size: 16px; } }
.instruction-booking-what-next .driver-pic {
  width: 150px;
  height: 150px;
  border: 2px solid #dfdbdb;
  border-radius: 180px;
  margin-top: 25px; }
  @media (max-width: 767px) {
    .instruction-booking-what-next .driver-pic {
      width: 50px;
      height: 50px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .instruction-booking-what-next .driver-pic {
      float: left;
      margin-top: 0px; } }

.instruction-book .col-3 {
  padding: 0px; }
@media (min-width: 769px) {
  .instruction-book .col-3.with-padding {
    padding-left: 4%;
    padding-right: 4%; } }
.instruction-book .instruction-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .instruction-book .instruction-icon {
      display: none; } }
.instruction-book .instruction-icon.payment {
  background: url("../images/icon-cashless.9fb3f3ecaa15.png") no-repeat center center;
  background-size: contain; }
.instruction-book .instruction-icon.review {
  background: url("../images/icon-clock-timer.dd5a1abfc652.png") no-repeat left center;
  background-size: contain; }
.instruction-book .instruction-icon.drive {
  background: url("../images/icon-travel-together.b46414ede0c9.png") no-repeat center center;
  background-size: contain; }

.instruction-payments .col-3 {
  padding: 0px; }
@media (min-width: 769px) {
  .instruction-payments .col-3.with-padding {
    padding-left: 4%;
    padding-right: 4%; } }
.instruction-payments .instruction-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .instruction-payments .instruction-icon {
      display: none; } }
.instruction-payments .instruction-icon.no-cash {
  background: url("../images/icon-no-cash.a811344c52a6.png") no-repeat center center;
  background-size: contain; }
.instruction-payments .instruction-icon.reliability {
  background: url("../images/icon-benefit-bail.91219899c0c8.png") no-repeat left center;
  background-size: contain; }
.instruction-payments .instruction-icon.support {
  background: url("../images/icon-love.8cd61d58c9ed.png") no-repeat center center;
  background-size: contain; }

/* App landing page */
#apps .title {
  font-size: 42px;
  font-weight: 500; }
  @media (min-width: 0px) and (max-width: 1023px) {
    #apps .title {
      font-size: 32px; } }
#apps .divider {
  background: #dfdbdb;
  height: 2px; }
#apps .download-icons .image-ios {
  float: left;
  height: 57px; }
  @media (min-width: 0px) and (max-width: 1023px) {
    #apps .download-icons .image-ios {
      float: none; } }
#apps .download-icons .image-android {
  margin-left: 20px;
  float: left;
  height: 57px; }
  @media (min-width: 0px) and (max-width: 1023px) {
    #apps .download-icons .image-android {
      float: none; } }
#apps #apps-carousel {
  border-bottom: 1px solid #dfdbdb; }
  @media (min-width: 1024px) {
    #apps #apps-carousel .carousel-item {
      height: 500px; } }
  @media (min-width: 1024px) {
    #apps #apps-carousel .carousel-item .app-image {
      float: left;
      width: 35%;
      height: 500px; } }
  @media (min-width: 0px) and (max-width: 1023px) {
    #apps #apps-carousel .carousel-item .app-image {
      width: 100%;
      height: 500px; } }
  #apps #apps-carousel .carousel-item .carousel-text {
    color: #fff; }
    @media (min-width: 1024px) {
      #apps #apps-carousel .carousel-item .carousel-text {
        float: right;
        width: 60%; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-carousel .carousel-item .carousel-text {
        text-align: center; } }
    #apps #apps-carousel .carousel-item .carousel-text .carousel-header {
      font-size: 48px;
      font-weight: 100; }
      @media (min-width: 1024px) {
        #apps #apps-carousel .carousel-item .carousel-text .carousel-header {
          margin: 80px 0px 30px;
          line-height: 50px; } }
      @media (min-width: 0px) and (max-width: 1023px) {
        #apps #apps-carousel .carousel-item .carousel-text .carousel-header {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 40px; } }
    #apps #apps-carousel .carousel-item .carousel-text .carousel-tagline {
      font-size: 20px;
      font-weight: 500; }
      @media (min-width: 1024px) {
        #apps #apps-carousel .carousel-item .carousel-text .carousel-tagline {
          max-width: 450px; } }
      @media (min-width: 0px) and (max-width: 1023px) {
        #apps #apps-carousel .carousel-item .carousel-text .carousel-tagline {
          text-align: center;
          max-width: 100%; } }
  @media (min-width: 0px) and (max-width: 1023px) {
    #apps #apps-carousel .carousel-item .download-icons {
      height: 200px; } }
  @media (min-width: 0px) and (max-width: 1023px) {
    #apps #apps-carousel .carousel-item .download-icons .image-android, #apps #apps-carousel .carousel-item .download-icons .image-ios {
      margin: 20px auto; } }
  #apps #apps-carousel #carousel-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00dbaf+0,3fa9f5+100 */
    background: #00dbaf;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #00dbaf 0%, #3fa9f5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00dbaf), color-stop(100%, #3fa9f5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #00dbaf 0%, #3fa9f5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #00dbaf 0%, #3fa9f5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #00dbaf 0%, #3fa9f5 100%);
    /* IE10+ */
    background: linear-gradient(45deg, #00dbaf 0%, #3fa9f5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbaf', endColorstr='#3fa9f5',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
    @media (min-width: 1024px) {
      #apps #apps-carousel #carousel-1 .app-image {
        background: url("../images/app-screenshot-1.75b079e6705c.png") no-repeat top left;
        background-size: contain; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-carousel #carousel-1 .app-image {
        background: url("../images/app-screenshot-1-mobile.b4c377976f03.png") no-repeat top center;
        background-size: contain; } }
  #apps #apps-carousel #carousel-2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b55e+0,00a6b7+100 */
    background: #00b55e;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #00b55e 0%, #00a6b7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00b55e), color-stop(100%, #00a6b7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #00b55e 0%, #00a6b7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #00b55e 0%, #00a6b7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #00b55e 0%, #00a6b7 100%);
    /* IE10+ */
    background: linear-gradient(45deg, #00b55e 0%, #00a6b7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b55e', endColorstr='#00a6b7',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
    @media (min-width: 1024px) {
      #apps #apps-carousel #carousel-2 .app-image {
        background: url("../images/app-screenshot-2.b777cf0df733.png") no-repeat top left;
        background-size: contain; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-carousel #carousel-2 .app-image {
        background: url("../images/app-screenshot-2-mobile.707f08b612df.png") no-repeat top center;
        background-size: contain; } }
  #apps #apps-carousel #carousel-3 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5055c+0,ff931e+100 */
    background: #e5055c;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #e5055c 0%, #ff931e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #e5055c), color-stop(100%, #ff931e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #e5055c 0%, #ff931e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #e5055c 0%, #ff931e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #e5055c 0%, #ff931e 100%);
    /* IE10+ */
    background: linear-gradient(45deg, #e5055c 0%, #ff931e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5055c', endColorstr='#ff931e',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
    @media (min-width: 1024px) {
      #apps #apps-carousel #carousel-3 .app-image {
        background: url("../images/app-screenshot-3.b2b37f6dd929.png") no-repeat top left;
        background-size: contain; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-carousel #carousel-3 .app-image {
        background: url("../images/app-screenshot-3-mobile.21b86e6b7b4f.png") no-repeat top center;
        background-size: contain; } }
  #apps #apps-carousel .slick-dots {
    bottom: 20px; }
    @media (min-width: 1024px) {
      #apps #apps-carousel .slick-dots {
        text-align: right;
        right: 30px; } }
    @media (max-width: 767px) {
      #apps #apps-carousel .slick-dots {
        text-align: center;
        padding-left: 0px; } }
#apps #apps-features .subtitle {
  font-size: 20px;
  max-width: 700px;
  margin: 20px auto;
  color: #777777; }
#apps #apps-features .icon-benefit {
  width: 60px;
  height: 60px;
  margin: 0 auto; }
#apps #apps-features .icon-app-search {
  background: url("../images/icon-app-search.cdd996596b5d.png") no-repeat;
  background-size: cover; }
#apps #apps-features .icon-app-message {
  background: url("../images/icon-app-message.c563307de783.png") no-repeat;
  background-size: cover; }
#apps #apps-features .icon-app-profile {
  background: url("../images/icon-app-profile.5e91bdc283cc.png") no-repeat;
  background-size: cover; }
#apps #apps-features .icon-app-post {
  background: url("../images/icon-app-post.60dd90f11fc2.png") no-repeat;
  background-size: cover; }
#apps #apps-features .icon-app-card {
  background: url("../images/icon-app-card.e3c367dd42c4.png") no-repeat;
  background-size: cover; }
#apps #apps-features .icon-app-push {
  background: url("../images/icon-app-push.36a8f3f28ae8.png") no-repeat;
  background-size: cover; }
#apps #apps-coming-soon {
  background: #f7f7fa;
  border-top: 1px solid #dfdbdb;
  border-bottom: 1px solid #dfdbdb;
  padding: 40px 0px 40px; }
#apps #apps-cta {
  border-top: 1px solid #dfdbdb;
  position: relative; }
  #apps #apps-cta .app-left {
    background: url("../images/app-screenshot-composition-4.f7271e6691bb.png") no-repeat right center;
    background-size: cover;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-cta .app-left {
        display: none; } }
  #apps #apps-cta .app-right {
    background: url("../images/app-screenshot-composition-5.11b53ffc48a3.png") no-repeat left center;
    background-size: cover;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px; }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-cta .app-right {
        display: none; } }
  #apps #apps-cta .download-icons {
    display: block;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      #apps #apps-cta .download-icons {
        width: 400px; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-cta .download-icons .image-ios {
        float: none;
        margin: 0 auto;
        display: block; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      #apps #apps-cta .download-icons .image-android {
        float: none;
        margin: 0 auto;
        display: block; } }

#app-install {
  background: #fff; }
  #app-install .container {
    padding-bottom: 0px; }
  #app-install .apps-image {
    background: url("../images/apps-1.5a1b67b60090.png") no-repeat;
    width: 100px;
    height: 80px;
    background-size: contain;
    margin: 0 auto; }
  #app-install .apps-text {
    font-size: 20px;
    text-align: center;
    line-height: 24px; }
  #app-install .text-medium, #app-install #payments .payment-box .payment-text, #payments .payment-box #app-install .payment-text, #app-install #payments .payment-box .payment-amount, #payments .payment-box #app-install .payment-amount {
    line-height: 20px; }
  #app-install .app-icons {
    text-align: center; }
    #app-install .app-icons .image-ios {
      width: 150px;
      height: 45px; }
    #app-install .app-icons .image-android {
      width: 132px;
      height: 45px; }
  #app-install #app-install-close {
    position: absolute;
    right: 15px;
    font-size: 24px; }
  #app-install .bar {
    height: 6px;
    width: 100%;
    background: #ff4f02; }

/* Templates for events */
#event_view-page #event-banner {
  color: #fff;
  text-align: center;
  border-bottom: none;
  position: relative; }
  @media (max-width: 767px) {
    #event_view-page #event-banner {
      padding-bottom: 30px; } }
  #event_view-page #event-banner h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 10px 0px 13px 0px;
    border-radius: 100px; }
    @media (max-width: 767px) {
      #event_view-page #event-banner h1 {
        font-size: 18px;
        padding: 8px 0px 10px 0px; } }
    #event_view-page #event-banner h1 .star {
      background: url("../images/icon-star-white.0f438697cc39.png") no-repeat top center;
      background-size: 20px 20px;
      display: inline-block;
      width: 20px;
      height: 20px;
      padding: 0px 30px 0px 30px; }
  #event_view-page #event-banner #event-search-container {
    position: absolute;
    right: 20px;
    top: 57px; }
    @media (max-width: 767px) {
      #event_view-page #event-banner #event-search-container {
        position: relative;
        top: 0px; } }
    #event_view-page #event-banner #event-search-container .event-search {
      margin: 0 auto; }
  #event_view-page #event-banner .all-events {
    color: #fff;
    font-size: 14px;
    text-decoration: underline; }
    @media (max-width: 767px) {
      #event_view-page #event-banner .all-events {
        position: inherit; } }
  #event_view-page #event-banner .event-location {
    font-size: 16px;
    background: url("../images/icon-location-white.b025651d8197.png") no-repeat left center;
    background-size: 25px 25px;
    display: inline-block;
    padding-left: 30px; }
    @media (max-width: 767px) {
      #event_view-page #event-banner .event-location {
        font-size: 16px; } }
  #event_view-page #event-banner .event-dates {
    font-size: 14px;
    background: url("../images/icon-calendar-white.508c2b34843b.png") no-repeat left center;
    background-size: 21px 21px;
    display: inline-block;
    padding-left: 30px; }
    @media (max-width: 767px) {
      #event_view-page #event-banner .event-dates {
        font-size: 16px; } }
  #event_view-page #event-banner .event-tagline {
    font-size: 16px; }
    @media (max-width: 767px) {
      #event_view-page #event-banner .event-tagline {
        font-size: 16px; } }
  #event_view-page #event-banner .event-website a {
    font-size: 18px;
    color: #fff;
    text-decoration: underline; }
    @media (max-width: 767px) {
      #event_view-page #event-banner .event-website a {
        font-size: 16px; } }
  #event_view-page #event-banner #banner-photo-credit {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: .8; }
    #event_view-page #event-banner #banner-photo-credit a {
      color: #fff;
      text-decoration: underline; }
#event_view-page #event-add-trip {
  background: #44BAEC;
  border-bottom: none;
  text-align: center;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    #event_view-page #event-add-trip {
      padding-bottom: 10px; } }
  #event_view-page #event-add-trip a {
    color: #fff;
    font-size: 18px; }
    #event_view-page #event-add-trip a .icon-camper {
      background: url("../images/icon-camper-white.2d87c77a7ceb.png") no-repeat center bottom;
      background-size: 50px 50px;
      width: 50px;
      height: 50px;
      display: inline-block;
      position: relative;
      line-height: 0px;
      top: 14px;
      left: -20px; }
      @media (max-width: 767px) {
        #event_view-page #event-add-trip a .icon-camper {
          display: block;
          position: inherit;
          margin: 0 auto;
          line-height: 0px;
          padding: 5px 0px 5px;
          top: 14px;
          left: -20px; } }
    #event_view-page #event-add-trip a .icon-arrow {
      background: url("../images/arrow-right-white.c9b3489fd215.png") no-repeat center bottom;
      background-size: 50px 25px;
      width: 50px;
      height: 25px;
      display: inline-block;
      position: relative;
      line-height: 0px;
      top: 6px;
      left: 20px; }
      @media (max-width: 767px) {
        #event_view-page #event-add-trip a .icon-arrow {
          display: none; } }
    @media (max-width: 767px) {
      #event_view-page #event-add-trip a .event-add-trip-cta {
        display: table;
        border: 2px solid #fff;
        margin: 20px auto;
        padding: 8px 20px 8px 20px;
        border-radius: 5px;
        font-size: 16px; } }
#event_view-page #event-add-trip:hover {
  background: #3a9fca; }
#event_view-page #event-actions {
  width: 80%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    #event_view-page #event-actions {
      width: 100%; } }
  #event_view-page #event-actions .event-action {
    width: 45%;
    border: 1px solid #dfdbdb;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center; }
    @media (max-width: 767px) {
      #event_view-page #event-actions .event-action {
        width: 100%; } }
    #event_view-page #event-actions .event-action .event-action-title {
      font-size: 18px;
      font-weight: 600; }
  #event_view-page #event-actions .event-cta {
    padding: 12px 20px 12px 20px;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px; }
  #event_view-page #event-actions .event-action.drive {
    float: right; }
    #event_view-page #event-actions .event-action.drive .event-action-title {
      color: #0099ff; }
    #event_view-page #event-actions .event-action.drive .event-cta {
      color: #fff;
      background: #0099ff; }
    #event_view-page #event-actions .event-action.drive .event-cta:hover {
      background: #44b4ff;
      color: #fff; }
    #event_view-page #event-actions .event-action.drive .event-cta:active {
      background: #0077c6;
      color: #fff; }
    #event_view-page #event-actions .event-action.drive .event-image {
      background: url("../images/icon-driver-select.7bf496d6a714.png") no-repeat center center;
      background-size: contain;
      width: 100%;
      height: 160px;
      margin: 5px 0px 5px; }
  #event_view-page #event-actions .event-action.hitch {
    float: left; }
    #event_view-page #event-actions .event-action.hitch .event-action-title {
      color: #ff4f02; }
    #event_view-page #event-actions .event-action.hitch .event-cta {
      color: #fff;
      background: #ff4f02; }
    #event_view-page #event-actions .event-action.hitch .event-cta:hover {
      background: #ff7430;
      color: #fff; }
    #event_view-page #event-actions .event-action.hitch .event-cta:hover {
      background: #dd4900;
      color: #fff; }
    #event_view-page #event-actions .event-action.hitch .event-image {
      background: url("../images/icon-hitcher-select.f6351b658b6d.png") no-repeat center center;
      background-size: contain;
      width: 100%;
      height: 160px;
      margin: 5px 0px 5px; }
  #event_view-page #event-actions .event-action:hover {
    border: 1px solid #dfdfdf; }
  #event_view-page #event-actions .event-action:active {
    border: 1px solid #cdcbcb; }
#event_view-page #event-footer .event-search {
  border: 1px solid #ccc;
  margin: 0 auto; }

#event_list-page #event-list-banner, #event_history_list-page #event-list-banner {
  background: url("../images/events-bg.c227e9eaece4.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center; }
  @media (max-width: 767px) {
    #event_list-page #event-list-banner, #event_history_list-page #event-list-banner {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; } }
  #event_list-page #event-list-banner h1, #event_history_list-page #event-list-banner h1 {
    margin: 0px;
    font-size: 32px; }
    @media (max-width: 767px) {
      #event_list-page #event-list-banner h1, #event_history_list-page #event-list-banner h1 {
        line-height: 20px;
        font-size: 24px; } }
  #event_list-page #event-list-banner h2, #event_history_list-page #event-list-banner h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px 0px 0px; }
    @media (max-width: 767px) {
      #event_list-page #event-list-banner h2, #event_history_list-page #event-list-banner h2 {
        font-size: 16px; } }
  #event_list-page #event-list-banner .event-search, #event_history_list-page #event-list-banner .event-search {
    margin: 0 auto; }
#event_list-page #events-container, #event_history_list-page #events-container {
  background: #f7f7fa; }
  #event_list-page #events-container #event-tabs, #event_history_list-page #events-container #event-tabs {
    margin: 10px 0px; }
    #event_list-page #events-container #event-tabs a, #event_history_list-page #events-container #event-tabs a {
      font-size: 16px;
      font-weight: 500;
      display: inline; }
    #event_list-page #events-container #event-tabs a.active, #event_history_list-page #events-container #event-tabs a.active {
      color: #333333; }
  #event_list-page #events-container .event-item, #event_history_list-page #events-container .event-item {
    padding: 25px;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #dfdbdb; }
    #event_list-page #events-container .event-item .event-image, #event_history_list-page #events-container .event-item .event-image {
      display: block;
      width: 18%;
      margin-right: 2%;
      float: left;
      height: 60px; }
      @media (max-width: 767px) {
        #event_list-page #events-container .event-item .event-image, #event_history_list-page #events-container .event-item .event-image {
          width: 100%; } }
    #event_list-page #events-container .event-item .event-details, #event_history_list-page #events-container .event-item .event-details {
      float: left;
      width: 65%; }
      #event_list-page #events-container .event-item .event-details .event-name, #event_history_list-page #events-container .event-item .event-details .event-name {
        font-size: 20px;
        color: #ff4f02; }
      #event_list-page #events-container .event-item .event-details .event-more, #event_history_list-page #events-container .event-item .event-details .event-more {
        font-size: 16px; }
        @media (min-width: 769px) {
          #event_list-page #events-container .event-item .event-details .event-more, #event_history_list-page #events-container .event-item .event-details .event-more {
            margin-top: 15px; } }
      @media (max-width: 767px) {
        #event_list-page #events-container .event-item .event-details, #event_history_list-page #events-container .event-item .event-details {
          width: 100%; } }
    #event_list-page #events-container .event-item .event-cta, #event_history_list-page #events-container .event-item .event-cta {
      float: right;
      width: 15%;
      font-size: 16px;
      background: url("../images/arrow-right.3931900bc8c0.png") no-repeat right center;
      background-size: 20px 10px;
      padding-right: 30px;
      color: #666;
      box-sizing: border-box;
      margin-top: 19px;
      text-align: right; }
      @media (max-width: 767px) {
        #event_list-page #events-container .event-item .event-cta, #event_history_list-page #events-container .event-item .event-cta {
          width: 100%;
          text-align: left;
          float: none;
          padding: 15px 30px 15px 15px;
          width: 100%;
          text-align: center;
          border: 2px solid #777777;
          border-radius: 5px;
          display: block;
          background: none; } }
  #event_list-page #events-container .event-item:hover, #event_history_list-page #events-container .event-item:hover {
    border: 1px solid #dfdfdf; }
  #event_list-page #events-container .event-item:active, #event_history_list-page #events-container .event-item:active {
    border: 1px solid #cdcbcb; }

.event-search {
  max-width: 225px;
  position: relative;
  border: none; }

.new-bar {
  height: 6px;
  width: 100%;
  background: url("../images/ribbon.36ac13f0ce41.png"); }

#new-mrs-promo {
  color: #666;
  background: #fff; }
  #new-mrs-promo .gift-icon {
    background: url("../images/icon-gift.af046cd5e7a9.png") no-repeat center center;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin: 0 auto 15px; }
    @media (max-width: 767px) {
      #new-mrs-promo .gift-icon {
        margin: 10px auto 5px; } }
  #new-mrs-promo .text-xlarge {
    font-size: 32px;
    color: #333; }
    @media (max-width: 767px) {
      #new-mrs-promo .text-xlarge {
        font-size: 20px; } }
  @media (max-width: 767px) {
    #new-mrs-promo .text-large {
      font-size: 18px; } }
  #new-mrs-promo .pink {
    color: #e5055c;
    text-decoration: underline; }
  #new-mrs-promo .share-button {
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
    font-size: 18px;
    display: block;
    margin: 25px auto;
    width: 200px;
    text-align: center;
    background: #e5055c;
    color: #fff;
    cursor: pointer; }
  #new-mrs-promo .share-button:hover {
    background: #c10250;
    color: #fff; }

#new-events-promo .new-title {
  opacity: .9;
  text-align: center; }
  #new-events-promo .new-title a {
    font-size: 28px;
    color: #666;
    text-decoration: none;
    background: url("../images/arrow-thick-right-grey.057b101790d2.png") no-repeat;
    padding-right: 55px;
    background-size: 40px 20px;
    background-position: right 14px; }
    @media (max-width: 767px) {
      #new-events-promo .new-title a {
        font-size: 20px;
        background-position: right 6px; } }
  #new-events-promo .new-title .pink {
    color: #e5055c; }
#new-events-promo .new-title:hover {
  opacity: 1; }
#new-events-promo #events-selection {
  background: url("../images/events-selection.8bbd2efd299e.png") no-repeat;
  width: 500px;
  height: 90px;
  margin: 0 auto;
  background-size: contain;
  display: block; }
  @media (max-width: 767px) {
    #new-events-promo #events-selection {
      width: 360px;
      height: 50px; } }
#new-events-promo .bar {
  height: 6px;
  width: 100%;
  background: url("../images/ribbon.36ac13f0ce41.png") repeat-x; }

#testimonials h1 {
  font-size: 32px; }

.testimonial {
  float: left; }
  @media (max-width: 767px) {
    .testimonial {
      width: 100%; } }

.testimonial-author {
  margin-top: 10px; }
  .testimonial-author .testimonial-pic {
    height: 50px;
    width: 50px;
    border-radius: 65px;
    background: #ccc;
    border: 2px solid #dfdbdb;
    box-sizing: border-box;
    float: left; }
    @media (max-width: 767px) {
      .testimonial-author .testimonial-pic {
        margin: 20px auto;
        float: none; } }
  .testimonial-author .testimonial-name {
    float: left;
    margin-top: 15px;
    margin-left: 10px; }
  .testimonial-author .testimonial-text {
    width: 70%;
    margin-top: 20px;
    font-size: 16px; }
    .testimonial-author .testimonial-text .description-text {
      margin-top: 5px;
      line-height: 22px;
      font-size: 14px;
      color: #666; }
    @media (max-width: 767px) {
      .testimonial-author .testimonial-text {
        width: 100%;
        float: none;
        text-align: center; } }

/* Styles specific to testimonial landing page */
#testimonials .testimonial {
  margin-bottom: 30px; }
  @media (min-width: 769px) {
    #testimonials .testimonial {
      width: 45%;
      margin-right: 2.5%; } }

/* Styles specific to index page */
#home-testimonials {
  font-size: 16px; }
  @media (max-width: 767px) {
    #home-testimonials .home-testimonials-title {
      text-align: center;
      width: 100%; } }
  #home-testimonials h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0px 0px;
    text-align: center; }
  #home-testimonials .testimonial {
    float: none;
    display: none; }
    @media (min-width: 769px) {
      #home-testimonials .testimonial {
        width: 300px;
        margin: 160px auto; } }
    @media (max-width: 767px) {
      #home-testimonials .testimonial {
        margin: 0px;
        padding: 15px;
        box-sizing: border-box; } }
    #home-testimonials .testimonial .description-text {
      font-size: 18px;
      line-height: 30px;
      color: #fff;
      font-style: italic; }
      @media (max-width: 767px) {
        #home-testimonials .testimonial .description-text {
          font-size: 16px;
          line-height: 24px; } }
    #home-testimonials .testimonial .testimonial-text {
      width: 100%; }
    @media (max-width: 767px) {
      #home-testimonials .testimonial .testimonial-author {
        margin-top: 0px; } }
    #home-testimonials .testimonial .testimonial-author .testimonial-pic {
      float: left;
      height: 75px;
      width: 75px;
      color: #fff; }
    #home-testimonials .testimonial .testimonial-author .testimonial-name {
      float: left;
      font-size: 16px;
      margin-top: 30px;
      margin-left: 10px;
      color: #fff; }
      @media (max-width: 767px) {
        #home-testimonials .testimonial .testimonial-author .testimonial-name {
          margin-top: 45px; } }
  #home-testimonials .testimonial.active {
    display: block; }

@media (min-width: 769px) {
  #locations ul {
    column-count: 3; } }
#locations h1 {
  font-size: 24px;
  font-weight: 600; }
#locations h2 {
  margin: 0px 0px 0px;
  font-size: 18px;
  font-weight: 500; }
  #locations h2 a {
    color: #333333; }
#locations #pagination {
  text-align: center; }

/* Styles of the Invest page */
#invest-page #wrapper {
  background: url("../images/invest-banner.c760c07b625d.png") no-repeat center center;
  background-size: cover; }
  #invest-page #wrapper .sub-nav-toggler {
    color: #fff; }
    #invest-page #wrapper .sub-nav-toggler .sub-nav-toggler-icon .line {
      background: #fff; }

#invest {
  color: #fff; }
  #invest #about-tabs .tabs .tab-header {
    color: #fff; }
  @media (max-width: 767px) {
    #invest #invest-contents {
      text-align: center; } }
  #invest h1 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #invest h1 {
        font-size: 32px; } }
  #invest h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px; }
    @media (max-width: 767px) {
      #invest h2 {
        font-size: 20px; } }
  #invest .invest-cta {
    width: 200px;
    margin: 20px auto;
    background: #fff;
    color: #000270;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    padding: 15px 25px; }
  #invest .invest-cta:hover {
    opacity: .9; }
  #invest .invest-cta:active {
    opacity: 1; }

/* Vehicle display in trip and profile view */
/* Icons common to all vehicle displays */
.vehicle-preferences .vehicle-luggage, .trip-item-vehicle-preferences .vehicle-luggage {
  background: url("../images/icon-vehicle-luggage.921dbb6e4104.png") no-repeat center left;
  position: relative; }
  .vehicle-preferences .vehicle-luggage .luggage-size, .trip-item-vehicle-preferences .vehicle-luggage .luggage-size {
    position: absolute;
    top: 1px;
    right: -5px;
    font-size: 8px;
    width: 10px;
    height: 10px;
    background: #333;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    line-height: 9px;
    text-align: center; }
.vehicle-preferences .vehicle-winter-tires, .trip-item-vehicle-preferences .vehicle-winter-tires {
  background: url("../images/icon-vehicle-winter.ac0313be43c2.png") no-repeat center left; }
.vehicle-preferences .vehicle-skis, .trip-item-vehicle-preferences .vehicle-skis {
  background: url("../images/icon-vehicle-ski.14add1efaf0c.png") no-repeat center left; }
.vehicle-preferences .vehicle-bikes, .trip-item-vehicle-preferences .vehicle-bikes {
  background: url("../images/icon-vehicle-bike.e6add1eb9ee0.png") no-repeat center left; }
.vehicle-preferences .vehicle-pets, .trip-item-vehicle-preferences .vehicle-pets {
  background: url("../images/icon-vehicle-pet.500c2e3219d9.png") no-repeat center left; }

.vehicle {
  position: relative;
  width: 300px;
  border: 1px solid #dfdbdb;
  border-radius: 3px;
  padding: 10px;
  box-sizing: border-box; }
  .vehicle .vehicle-photo {
    border-radius: 3px;
    margin-right: 10px;
    width: 135px;
    height: 85px;
    float: left; }
  .vehicle .vehicle-photo.prompt {
    background: #dfdbdb;
    text-align: center;
    line-height: 82px;
    color: #fff; }
  .vehicle .vehicle-name {
    float: left; }
  .vehicle .vehicle-name.prompt {
    width: 40%; }
  .vehicle .vehicle-prompt {
    height: 2px;
    width: 100%;
    background: #dfdbdb;
    display: block;
    margin-bottom: 15px; }
  .vehicle .vehicle-prompt.thick {
    height: 10px;
    width: 100%;
    background: #dfdbdb;
    display: block;
    margin-bottom: 15px; }
  .vehicle .vehicle-colour {
    text-transform: capitalize; }
  .vehicle .vehicle-preferences {
    font-size: 13px;
    line-height: 22px;
    margin-left: -2px; }
    .vehicle .vehicle-preferences .vehicle-luggage, .vehicle .vehicle-preferences .vehicle-winter-tires, .vehicle .vehicle-preferences .vehicle-skis, .vehicle .vehicle-preferences .vehicle-bikes, .vehicle .vehicle-preferences .vehicle-pets {
      background-size: 25px 25px;
      padding-left: 28px;
      opacity: .3; }
    .vehicle .vehicle-preferences .vehicle-luggage.on, .vehicle .vehicle-preferences .vehicle-winter-tires.on, .vehicle .vehicle-preferences .vehicle-skis.on, .vehicle .vehicle-preferences .vehicle-bikes.on, .vehicle .vehicle-preferences .vehicle-pets.on {
      opacity: 1; }
  .vehicle .vehicle-plate {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 90px;
    height: 63px;
    background: #dfdbdb;
    border-top-left-radius: 3px; }
    .vehicle .vehicle-plate .plate {
      width: 72px;
      height: 45px;
      position: relative;
      border-radius: 3px;
      border: 2px solid #333333;
      background: #fff;
      margin: 8px 0px 0px 8px; }
      .vehicle .vehicle-plate .plate .plate-top {
        position: absolute;
        width: 100%;
        height: 15px;
        background: #333333;
        color: #fff;
        font-size: 10px;
        text-align: center;
        line-height: 14px; }
      .vehicle .vehicle-plate .plate .plate-number {
        font-size: 14px;
        font-weight: 600;
        color: #333333;
        margin-top: 19px;
        text-align: center;
        overflow: hidden;
        height: 20px; }
  .vehicle .vehicle-primary {
    background: #009a4b;
    padding: 0px 5px 0px 5px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box; }

.vehicle-large {
  border: none;
  width: 100%;
  padding: 0px; }
  .vehicle-large .vehicle-photo {
    float: left;
    margin-right: 2.5%;
    width: 47.5%;
    height: 200px;
    border: 1px solid #ccc;
    box-sizing: border-box; }
  .vehicle-large .vehicle-details {
    float: right;
    width: 50%; }

/* Vehicle form */
.vehicle-form .vehicle-picture {
  float: left;
  margin-right: 2.5%;
  width: 47.5%;
  height: 200px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  position: relative; }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-picture {
      width: 100%;
      margin-right: 0px; } }
  .vehicle-form .vehicle-picture input#id_image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
  .vehicle-form .vehicle-picture .vehicle-picture-add {
    position: inherit;
    opacity: .8;
    color: #999;
    background: url("../images/icon-vehicle-add.fc6fe73ed22b.png") no-repeat;
    text-align: center;
    height: 100%;
    padding-top: 150px;
    box-sizing: border-box;
    background-position: center 40px; }
  .vehicle-form .vehicle-picture .vehicle-picture-edit {
    opacity: .8;
    background: url("../images/icon-camera-white.adbdbed1ab58.png") no-repeat center center;
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: 30px 30px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    top: 10px;
    right: 10px; }
  .vehicle-form .vehicle-picture #upload_file {
    position: absolute;
    top: 0px;
    margin-top: 0px;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    box-sizing: border-box;
    background: #0099ff;
    color: #fff;
    text-indent: 8px;
    line-height: 30px; }
.vehicle-form .vehicle-picture:hover > .vehicle-picture-add, .vehicle-form .vehicle-picture:hover > .vehicle-picture-edit {
  opacity: .9; }
.vehicle-form .vehicle-picture:active > .vehicle-picture-add, .vehicle-form .vehicle-picture:active > .vehicle-picture-edit {
  opacity: 1; }
@media (max-width: 767px) {
  .vehicle-form .vehicle-photo {
    height: 200px;
    width: 100%; } }
.vehicle-form .vehicle-details {
  float: right;
  width: 50%; }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-details {
      float: none;
      width: 100%;
      clear: both;
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-details .vehicle-make, .vehicle-form .vehicle-details .vehicle-model, .vehicle-form .vehicle-details .vehicle-colour, .vehicle-form .vehicle-details .vehicle-year {
      float: left;
      margin-right: 3px; } }
.vehicle-form .col-2 {
  width: 50%;
  padding: 0px; }
  @media (max-width: 767px) {
    .vehicle-form .col-2 {
      width: 100%; } }
.vehicle-form .vehicle-label {
  width: 20%;
  float: left;
  box-sizing: border-box;
  text-align: right;
  padding-right: 10px; }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-label {
      text-align: left; } }
.vehicle-form .col-2 .vehicle-label {
  width: 40%;
  box-sizing: border-box; }
.vehicle-form .vehicle-label.model {
  padding-top: 15px; }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-label.model {
      width: 40%;
      box-sizing: border-box; } }
.vehicle-form .vehicle-label.year {
  padding-top: 17px; }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-label.year {
      padding-top: 19px; } }
.vehicle-form .vehicle-label.plate {
  padding-top: 8px; }
  @media (max-width: 767px) {
    .vehicle-form .vehicle-label.plate {
      padding-top: 18px; } }
.vehicle-form .vehicle-input {
  width: 80%;
  float: left;
  box-sizing: border-box;
  position: relative; }
.vehicle-form .col-2 .vehicle-input {
  width: 60%;
  box-sizing: border-box; }
@media (max-width: 767px) {
  .vehicle-form .vehicle-input.model {
    width: 60%;
    box-sizing: border-box; } }
.vehicle-form .select2-container .select2-selection--single, .vehicle-form .select2-container--default .select2-selection--single {
  padding: 12px;
  border-radius: 0px;
  border: 1px solid #ccc;
  height: 54px; }
.vehicle-form .select2-container b, .vehicle-form .select2-container--default b {
  display: none; }
.vehicle-form .select2-selection__rendered {
  padding-left: 0px; }

#vehicles-list .vehicle {
  background: #fff;
  float: left;
  width: 49%;
  margin-bottom: 15px; }
#vehicles-list .spacer {
  width: 2%;
  float: left; }

#trip-info-right .vehicle {
  width: 100%; }
  @media (max-width: 767px) {
    #trip-info-right .vehicle {
      margin-top: 10px; } }
  #trip-info-right .vehicle .vehicle-photo.prompt {
    width: 48%;
    margin-right: 4%; }
  #trip-info-right .vehicle .vehicle-name.prompt {
    width: 48%; }

/* Trip offer form */
#trip-form-vehicle .vehicle-tabs-master-container {
  display: none; }
#trip-form-vehicle .vehicle-tabs-master-container.active {
  display: block; }
#trip-form-vehicle .vehicle-tab {
  width: 90px;
  height: 60px;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  opacity: .6;
  box-sizing: border-box;
  border: 2px solid #dfdbdb; }
#trip-form-vehicle .vehicle-tab.selected {
  border: 2px solid #0099ff;
  opacity: 1; }
#trip-form-vehicle .vehicle-tab.add {
  border: 2px solid #777777;
  text-align: center;
  line-height: 55px;
  font-size: 30px;
  box-sizing: border-box;
  color: #777777;
  opacity: 1;
  display: none; }
#trip-form-vehicle .vehicle-tab.add.active {
  display: block; }
#trip-form-vehicle .vehicle-tab.add.selected {
  background: #0099ff;
  color: #fff;
  text-align: center;
  line-height: 55px;
  font-size: 30px;
  box-sizing: border-box;
  color: #fff;
  opacity: 1;
  display: block;
  border: 2px solid #0099ff; }
@media (max-width: 767px) {
  #trip-form-vehicle .vehicle-skip {
    float: right; } }
#trip-form-vehicle #vehicle-tabs-container .vehicle-tab-content {
  display: none; }
#trip-form-vehicle #vehicle-tabs-container .vehicle-tab-content.active {
  display: block; }
#trip-form-vehicle .vehicle-tabs.active {
  display: block; }

#trip-form-vehicle .vehicle-preferences .vehicle-luggage, #trip-form-vehicle .vehicle-preferences .vehicle-winter-tires, #trip-form-vehicle .vehicle-preferences .vehicle-bikes, #trip-form-vehicle .vehicle-preferences .vehicle-skis, #trip-form-vehicle .vehicle-preferences .vehicle-pets, .vehicle-form .vehicle-preferences .vehicle-luggage, .vehicle-form .vehicle-preferences .vehicle-winter-tires, .vehicle-form .vehicle-preferences .vehicle-bikes, .vehicle-form .vehicle-preferences .vehicle-skis, .vehicle-form .vehicle-preferences .vehicle-pets {
  padding-left: 27px;
  background-size: 19px 19px; }
#trip-form-vehicle .vehicle-preferences .preference-item, .vehicle-form .vehicle-preferences .preference-item {
  margin-top: 7px;
  padding-bottom: 7px; }
#trip-form-vehicle #id_type, #trip-form-vehicle #id_colour, #trip-form-vehicle #id_luggage_size, .vehicle-form #id_type, .vehicle-form #id_colour, .vehicle-form #id_luggage_size {
  font-family: Open Sans, sans-serif;
  background: #fff;
  border: 1px solid #ccc;
  height: 30px;
  font-size: 14px;
  border-radius: 0px; }
#trip-form-vehicle #id_type, #trip-form-vehicle #id_colour, .vehicle-form #id_type, .vehicle-form #id_colour {
  width: 100%; }
@media (min-width: 769px) {
  #trip-form-vehicle #id_year-error, .vehicle-form #id_year-error {
    width: 200px; } }
@media (min-width: 769px) {
  #trip-form-vehicle #id_type-error, #trip-form-vehicle #id_colour-error, .vehicle-form #id_type-error, .vehicle-form #id_colour-error {
    width: 120px; } }
@media (max-width: 767px) {
  #trip-form-vehicle #id_type-error, #trip-form-vehicle #id_colour-error, .vehicle-form #id_type-error, .vehicle-form #id_colour-error {
    display: block; } }

/* User view */
.user-left-container .vehicle {
  width: 100%;
  border: 2px solid #dfdbdb;
  margin-top: 20px; }
  .user-left-container .vehicle .vehicle-photo {
    width: 100%;
    height: 160px;
    margin-bottom: 5px; }
  .user-left-container .vehicle .vehicle-name div {
    float: left;
    margin-right: 3px; }

/* Referral commons */
#referral-page #wrapper, #referral_codes-page #wrapper, #referral_landing-page #wrapper, #referral_refer-page #wrapper {
  background: #f7f7fa; }

/* Referrals prepage */
#referrals-prepage {
  background: #F3046E; }
  #referrals-prepage h1, #referrals-prepage h2 {
    color: #fff; }
  #referrals-prepage h1 {
    margin-top: 20px; }
    @media (max-width: 767px) {
      #referrals-prepage h1 {
        margin: 30px 0px 0px;
        line-height: 10px; } }
  #referrals-prepage h2 {
    font-weight: 400; }
    @media (max-width: 767px) {
      #referrals-prepage h2 {
        line-height: 26px;
        margin: 20px 0px 15px; } }
  #referrals-prepage .referrer-pic {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 2px solid #fff;
    margin: 10px 0px 10px; }
  #referrals-prepage .promo-code-cta {
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 20px 15px 20px;
    border-radius: 30px;
    display: table;
    color: #F3046E;
    font-weight: 600; }
    @media (min-width: 769px) {
      #referrals-prepage .promo-code-cta {
        margin: 30px auto 20px; } }
    @media (max-width: 767px) {
      #referrals-prepage .promo-code-cta {
        margin: 0px auto 20px; } }
  #referrals-prepage .promo-code-cta:hover {
    background: rgba(255, 255, 255, 0.9); }
  #referrals-prepage .promo-code-cta:active {
    background: white; }
  @media (min-width: 769px) {
    #referrals-prepage #referrals-submenu {
      width: 20%;
      float: left; } }
  #referrals-prepage #referrals-submenu .tabs {
    border: none; }
    #referrals-prepage #referrals-submenu .tabs .tab-item .tab-header {
      background: none;
      padding: 15px 0px;
      border: none;
      color: #fff;
      opacity: .75; }
    #referrals-prepage #referrals-submenu .tabs .tab-item .tab-header.active, #referrals-prepage #referrals-submenu .tabs .tab-item .tab-header:hover {
      opacity: 1; }
    #referrals-prepage #referrals-submenu .tabs .tab-item .tab-header.active {
      font-weight: 600; }
    #referrals-prepage #referrals-submenu .tabs .tab-item.border {
      border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
  @media (max-width: 767px) {
    #referrals-prepage #referrals-submenu #referral-tabs {
      display: none; } }
  @media (max-width: 767px) {
    #referrals-prepage #referrals-submenu #referral-tabs.active {
      display: block; } }
  #referrals-prepage #referrals-submenu .sub-nav-toggler {
    color: #fff; }
    #referrals-prepage #referrals-submenu .sub-nav-toggler .sub-nav-toggler-icon .line {
      background: #fff; }
  #referrals-prepage #referrals-submenu .divider.white {
    opacity: .6; }
  @media (min-width: 769px) {
    #referrals-prepage #referrals-top {
      width: 75%;
      float: right; } }
  #referrals-prepage #referrals-top h1 {
    background: url("../images/icon-gift-white.6833ec218096.png") no-repeat;
    background-size: 30px 30px;
    background-position: left -2px;
    padding-left: 35px;
    padding-top: 4px; }
    @media (max-width: 767px) {
      #referrals-prepage #referrals-top h1 {
        line-height: 22px; } }

@media (min-width: 769px) {
  #referrals-container {
    width: 75%;
    float: right; } }

#referrals-share {
  margin-top: -40px; }
  #referrals-share .container {
    background: #fff; }
    @media (min-width: 769px) {
      #referrals-share .container {
        padding: 40px;
        border-radius: 5px; } }
    @media (max-width: 767px) {
      #referrals-share .container {
        padding: 20px; } }
  #referrals-share #referrals-form {
    border: 1px solid #dfdbdb;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 3px; }
    #referrals-share #referrals-form label {
      display: none; }
    #referrals-share #referrals-form #id_emails {
      width: 70%;
      float: left;
      border: none;
      margin: 0px; }
    #referrals-share #referrals-form #id_submit {
      width: 30%;
      float: right;
      clear: none;
      padding: 16px 30px 16px 30px;
      margin: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px; }
  @media (max-width: 767px) {
    #referrals-share .page-right {
      margin-top: 20px;
      border-top: 1px solid #ececec;
      padding-top: 20px; } }
  #referrals-share .social-contacts-cta .social-login {
    padding-left: 30px;
    opacity: .9; }
  #referrals-share .social-contacts-cta .social-login:hover {
    opacity: 1; }
  #referrals-share .social-contacts-cta .social-login:active {
    opacity: .9; }
  #referrals-share .social-contacts-cta .social-login.gmail {
    background: url("../images/icon-gmail.cd1e76d50e12.png") no-repeat center left;
    background-size: contain; }
    @media (min-width: 769px) {
      #referrals-share .social-contacts-cta .social-login.gmail {
        margin-left: 10px; } }
  #referrals-share .social-contacts-cta .social-login.windows {
    background: url("../images/icon-windows.f9e1cd8f95fd.png") no-repeat center left;
    background-size: contain; }
  #referrals-share .social-contacts-cta .text-divider {
    color: #ccc; }

#referral-options .promote-text-container {
  width: 100%;
  border: 1px solid #dfdbdb;
  border-radius: 3px;
  box-sizing: border-box; }
  #referral-options .promote-text-container #referrer_link {
    font-size: 14px;
    color: #666;
    height: 56px;
    border: none;
    width: 80%;
    float: left;
    box-sizing: border-box;
    line-height: 26px; }
#referral-options .facebook-share {
  float: left;
  margin-right: 10px; }
#referral-options .twitter-share {
  float: left;
  margin-right: 10px;
  margin-top: 1px; }
#referral-options .button-clipboard {
  float: right;
  width: 20%;
  height: 56px;
  line-height: 58px;
  background: #888;
  padding: 1px 10px 1px 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box; }
#referral-options .button-clipboard:hover {
  background: #666;
  color: #fff; }
#referral-options .button-clipboard-success {
  position: absolute;
  right: 0px;
  top: 50px;
  font-weight: 400;
  text-align: right;
  width: 200px;
  font-size: 14px;
  color: #777777; }

.referral-item {
  padding: 20px;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #efefef; }
  @media (max-width: 767px) {
    .referral-item {
      padding: 15px; } }
  .referral-item .referral-picture {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 2px solid #dfdbdb;
    float: left; }
    @media (max-width: 767px) {
      .referral-item .referral-picture {
        width: 40px;
        height: 40px; } }
  .referral-item .referral-info {
    float: left;
    margin: 5px 0px 0px 15px;
    font-size: 14px; }
    @media (max-width: 767px) {
      .referral-item .referral-info {
        margin-top: 0px; } }
    @media (max-width: 767px) {
      .referral-item .referral-info .text-slarge {
        font-size: 14px; } }
  .referral-item .referral-state {
    font-weight: 600; }
    @media (min-width: 769px) {
      .referral-item .referral-state {
        float: right;
        font-size: 16px; } }
    @media (max-width: 767px) {
      .referral-item .referral-state {
        clear: both;
        width: 100%;
        margin-top: 60px; } }
    @media (min-width: 769px) {
      .referral-item .referral-state .pending {
        margin-top: 22px; } }
    @media (max-width: 767px) {
      .referral-item .referral-state .pending {
        margin-top: 10px; } }
    @media (min-width: 769px) {
      .referral-item .referral-state .signed-up {
        margin-top: 4px; } }
    @media (max-width: 767px) {
      .referral-item .referral-state .signed-up {
        margin-top: 10px; } }
    .referral-item .referral-state .signed-up, .referral-item .referral-state .activated {
      clear: both;
      color: #777777; }
    .referral-item .referral-state .signed-up.on, .referral-item .referral-state .activated.on {
      color: #009a4b; }
    .referral-item .referral-state .state-link {
      height: 10px;
      width: 100%;
      right: 13px;
      margin-top: 1px;
      position: relative;
      border-right: 2px solid #009a4b; }
    .referral-item .referral-state .state-circle {
      border: 2px solid #777777;
      height: 20px;
      width: 20px;
      display: block;
      border-radius: 20px;
      float: right;
      margin-left: 10px; }
    .referral-item .referral-state .state-circle.on {
      border: 2px solid #009a4b;
      background: url("../images/icon-tick-white.61a642f04cb9.png") #009a4b center center no-repeat;
      background-size: 15px 15px; }

.code-item {
  width: 32%;
  float: left;
  margin-right: 1.33%;
  margin-bottom: 20px; }
  .code-item .code-container {
    margin-top: 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dfdbdb;
    height: 52px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 25px;
    width: 100%; }
    .code-item .code-container .code-amount {
      width: 17%;
      float: left;
      background: #dfdbdb;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 14px; }
    .code-item .code-container .code-value {
      width: 58%;
      float: left;
      border: none;
      padding: 15px;
      height: 50px; }
    .code-item .code-container .code-copy {
      width: 25%;
      float: left;
      background: #777777;
      height: 50px;
      line-height: 50px;
      color: #fff;
      text-align: center;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      position: relative; }
      .code-item .code-container .code-copy .button-clipboard-success, .code-item .code-container .code-copy .button-clipboard-error {
        position: absolute;
        right: 0px;
        top: 38px;
        text-align: right;
        color: #777777;
        width: 200px; }
    .code-item .code-container .code-copy:hover {
      background: #333333; }
    .code-item .code-container .code-copy:active {
      background: #000; }

/* Referral landing page (when someone gets referred) */
#referral-landing #referrals-prepage {
  text-align: center; }
  #referral-landing #referrals-prepage .referrer-pic {
    margin: 20px auto 20px;
    width: 80px;
    height: 80px; }
  #referral-landing #referrals-prepage h1 {
    line-height: 32px; }
  #referral-landing #referrals-prepage h2 {
    padding-bottom: 40px; }
#referral-landing #referrals-share {
  max-width: 650px;
  margin: -40px auto; }
@media (max-width: 767px) {
  #referral-landing .social-logins .float-right, #referral-landing .social-logins .float-left {
    margin: 0px;
    width: 100%; } }
@media (max-width: 767px) {
  #referral-landing .social-logins .float-left {
    margin-bottom: 15px; } }
#referral-landing #referrals-testimonials .testimonial {
  float: left;
  width: 40%;
  margin: 20px 5% 20px 5%; }
  @media (max-width: 767px) {
    #referral-landing #referrals-testimonials .testimonial {
      width: 100%;
      margin: 5px 0px 20px 0px;
      border-bottom: 1px solid #ccc; } }
  @media (max-width: 767px) {
    #referral-landing #referrals-testimonials .testimonial .testimonial-pic {
      float: left; } }
  @media (max-width: 767px) {
    #referral-landing #referrals-testimonials .testimonial .testimonial-author {
      margin-top: 0px; } }
  @media (max-width: 767px) {
    #referral-landing #referrals-testimonials .testimonial .testimonial-author .testimonial-name {
      margin-top: 33px; } }
#referral-landing #referrals-testimonials .testimonial:nth-child(n+10) {
  display: none; }
#referral-landing #referrals-testimonials .testimonials-container {
  max-width: 800px;
  margin: 0 auto; }
#referral-landing .media-logos {
  background: url("../images/media-logos-grey.60426f589351.png") no-repeat center center;
  width: 800px;
  margin: 0 auto;
  height: 100px;
  background-size: contain;
  opacity: .8; }
  @media (max-width: 767px) {
    #referral-landing .media-logos {
      width: 100%; } }

/* Referral widget for use on dash or other places */
.referral-widget {
  background: #F3046E;
  color: #fff;
  padding: 20px 0px 20px;
  margin-top: 30px;
  text-align: center; }
  .referral-widget .referral-widget-cta {
    opacity: .9;
    font-size: 18px;
    display: block;
    width: 170px;
    margin: 0 auto;
    background: url("../images/icon-arrow-right-negative.008e7c47ec4b.png") no-repeat right center;
    background-size: 30px 30px;
    padding: 20px 45px 20px 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    background-position: 165px;
    text-align: center;
    color: #fff; }
  .referral-widget .referral-widget-cta:hover {
    opacity: 1; }
  .referral-widget .referral-widget-cta:active {
    opacity: .9; }
  .referral-widget .text-xlarge {
    background: url("../images/icon-gift-white.6833ec218096.png") no-repeat left center;
    background-size: 25px 25px;
    display: inline-block;
    padding-left: 30px;
    line-height: 20px; }

/* Referral search */
.referral-search {
  float: right; }
  @media (max-width: 767px) {
    .referral-search {
      float: none;
      margin-top: 15px; } }

.filter-referral-results {
  color: #999999; }
  .filter-referral-results a {
    text-decoration: none;
    color: #999999; }
  .filter-referral-results a.on, .filter-referral-results a:hover {
    color: #333333; }
  .filter-referral-results a.on {
    font-weight: 600; }

/* Referral social list */
#refer-social #contacts-table_filter {
  float: left; }
  #refer-social #contacts-table_filter input {
    margin-left: 0px;
    padding: 10px 15px 10px 15px; }
#refer-social #refer-social-container {
  max-height: 350px;
  overflow-y: scroll;
  border-bottom: 1px solid #dfdbdb; }
  #refer-social #refer-social-container ul.list {
    padding-left: 0px;
    margin-top: 0px;
    position: relative; }
  #refer-social #refer-social-container #emails-error {
    position: absolute;
    top: -5px; }
#refer-social .email-item {
  padding: 10px 0px 10px;
  font-size: 14px;
  display: block; }
#refer-social #refer-invite-all {
  display: inline;
  line-height: 30px; }

#modal-social-referral .modal-box {
  max-width: 500px; }

.modal-social-referral-loading .loading {
  margin: 0 auto; }
.modal-social-referral-loading .gmail-icon {
  background: url("../images/icon-gmail.cd1e76d50e12.png") no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 32px;
  margin: 0 auto 15px; }
.modal-social-referral-loading .windows-icon {
  background: url("../images/icon-windows.f9e1cd8f95fd.png") no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 32px;
  margin: 0 auto 15px; }

/* Referral landing page for anonymous people */
#referral_refer-page.loggedout #wrapper {
  background: #F3046E; }
#referral_refer-page.loggedout #referral-anon-contents {
  text-align: center;
  color: #fff; }
#referral_refer-page.loggedout .icon-gift {
  width: 90px;
  height: 90px;
  background: url("../images/icon-gift-negative.23da23e492f9.png") no-repeat center center;
  background-size: contain;
  display: inline-block;
  margin: 60px 0px 20px; }
  @media (max-width: 767px) {
    #referral_refer-page.loggedout .icon-gift {
      margin: 60px 0px 10px;
      width: 70px;
      height: 70px; } }
#referral_refer-page.loggedout h1 {
  font-size: 50px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    #referral_refer-page.loggedout h1 {
      font-size: 23px;
      margin-bottom: 20px; } }
#referral_refer-page.loggedout .subtitle-one {
  font-size: 31px;
  font-weight: 600; }
  @media (max-width: 767px) {
    #referral_refer-page.loggedout .subtitle-one {
      font-size: 18px; } }
#referral_refer-page.loggedout .subtitle-two {
  font-size: 25px;
  font-weight: 600;
  margin-top: 15px; }
  @media (max-width: 767px) {
    #referral_refer-page.loggedout .subtitle-two {
      margin-top: 0px;
      font-size: 18px; } }
#referral_refer-page.loggedout .refer-cta {
  padding: 22px 30px;
  display: inline-block;
  background: #fff;
  color: #333;
  font-weight: 600;
  border-radius: 5px;
  margin-top: 50px;
  margin-bottom: 100px;
  font-size: 18px;
  cursor: pointer; }
  @media (max-width: 767px) {
    #referral_refer-page.loggedout .refer-cta {
      font-size: 16px;
      margin-top: 30px; } }
#referral_refer-page.loggedout .refer-cta:hover {
  background: rgba(255, 255, 255, 0.9); }
#referral_refer-page.loggedout .refer-cta:active {
  background: #efefef; }

/* Growth pages */
#ontario-page #header-mobile, #ontario-page #header-page, #ontario-page #footer {
  display: none; }

#dip-launch #dip-launch-banner {
  background: #0099ff;
  color: #fff;
  padding: 20px;
  text-align: center;
  position: relative; }
  @media (max-width: 767px) {
    #dip-launch #dip-launch-banner {
      padding-bottom: 0px; } }
  #dip-launch #dip-launch-banner .dip-launch-banner-logo {
    background: url("../images/pop-logo-large.ee745d133899.png") no-repeat top center;
    height: 170px;
    width: 130px;
    padding-top: 140px;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 22px;
    font-weight: 600; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner .dip-launch-banner-logo {
        position: relative;
        margin: 0px auto 10px;
        top: 0px;
        left: 0px;
        height: 100px;
        width: 100px;
        padding-bottom: 10px;
        margin-top: -5px;
        line-height: 230px;
        font-size: 16px;
        padding-bottom: 25px;
        padding-top: 0px; } }
  #dip-launch #dip-launch-banner .dip-launch-banner-social {
    position: absolute;
    top: 20px;
    left: 170px; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner .dip-launch-banner-social {
        position: relative;
        margin: 20px auto 20px;
        left: 0px;
        top: 0px; } }
  #dip-launch #dip-launch-banner .dip-launch-banner-profile {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 80px;
    border: 2px solid #fff; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner .dip-launch-banner-profile {
        display: none; } }
  #dip-launch #dip-launch-banner .dip-launch-banner-top {
    background: url("../images/growth-banner-graphic.08601def605d.png") no-repeat;
    width: 426px;
    height: 51px;
    margin: 25px auto;
    color: #0099ff;
    font-weight: 700;
    font-size: 20px;
    line-height: 46px;
    background-size: contain; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner .dip-launch-banner-top {
        width: 270px;
        font-size: 15px;
        line-height: 29px;
        height: 35px;
        margin-top: 0px; } }
  #dip-launch #dip-launch-banner h1 {
    font-size: 100px;
    font-weight: 900;
    padding-top: 10px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dip-launch #dip-launch-banner h1 {
        font-size: 70px; } }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner h1 {
        font-size: 32px;
        padding-top: 0px; } }
  #dip-launch #dip-launch-banner h2 {
    font-size: 50px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dip-launch #dip-launch-banner h2 {
        font-size: 36px; } }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner h2 {
        font-size: 24px;
        line-height: 30px; } }
  #dip-launch #dip-launch-banner h3 {
    font-size: 21px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dip-launch #dip-launch-banner h3 {
        font-size: 15px; } }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-banner h3 {
        font-size: 18px;
        line-height: 24px; } }
  #dip-launch #dip-launch-banner .dip-launch-banner-graphic-left {
    background: url("../images/dip-graphic-left.a1904f31abee.png") no-repeat bottom center;
    background-size: contain;
    height: 250px;
    width: 200px;
    position: absolute;
    left: 0%;
    bottom: 0px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dip-launch #dip-launch-banner .dip-launch-banner-graphic-left {
        width: 150px; } }
  #dip-launch #dip-launch-banner .dip-launch-banner-graphic-right {
    background: url("../images/dip-graphic-right.63e0e9aad197.png") no-repeat bottom center;
    background-size: contain;
    height: 250px;
    width: 200px;
    position: absolute;
    right: 0%;
    bottom: 0px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #dip-launch #dip-launch-banner .dip-launch-banner-graphic-right {
        width: 130px; } }
#dip-launch #dip-launch-contents {
  text-align: center; }
  #dip-launch #dip-launch-contents h2 {
    font-size: 36px;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-contents h2 {
        line-height: 40px;
        font-size: 32px; } }
  #dip-launch #dip-launch-contents h3 {
    font-size: 20px; }
  #dip-launch #dip-launch-contents .dip-launch-content-items {
    padding: 50px 0px 50px; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-contents .dip-launch-content-items {
        padding: 20px 0px 20px; } }
  #dip-launch #dip-launch-contents .dip-launch-content-items.one h2, #dip-launch #dip-launch-contents .dip-launch-content-items.one h3 {
    color: #0099ff; }
  #dip-launch #dip-launch-contents .dip-launch-content-items.two h2, #dip-launch #dip-launch-contents .dip-launch-content-items.two h3 {
    color: #ff4f02; }
  #dip-launch #dip-launch-contents .dip-launch-content-item {
    width: 31%;
    float: left;
    margin: 0px 1.16%; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-contents .dip-launch-content-item {
        width: 100%;
        float: none;
        margin: 0px;
        margin-bottom: 40px; } }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic {
      width: 230px;
      height: 230px;
      border-radius: 230px;
      background: #ccc;
      margin: 0 auto; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic {
          width: 150px;
          height: 150px; } }
      @media (max-width: 767px) {
        #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic {
          width: 130px;
          height: 130px; } }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.regular {
      background: url("../images/dip-icon-regular.211c099a8a5f.png") no-repeat center center;
      background-size: contain; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.friend {
      background: url("../images/dip-icon-friend.10986a699460.png") no-repeat center center;
      background-size: contain; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.first {
      background: url("../images/dip-icon-first.ed36a248630a.png") no-repeat center center;
      background-size: contain; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.trip {
      background: url("../images/dip-icon-trip.c9fda16aaef3.png") no-repeat center center;
      background-size: contain; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.recruit {
      background: url("../images/dip-icon-recruit.9c6724a2960d.png") no-repeat center center;
      background-size: contain; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.payments {
      background: url("../images/dip-icon-payments.106dbd49c164.png") no-repeat center center;
      background-size: contain; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.code {
      background: url("../images/dip-icon-code.bf3b75dc8a4e.png") no-repeat center center #333;
      background-size: contain;
      box-sizing: border-box; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.hanger {
      background: url("../images/dip-icon-hanger.ee29455fdf0f.png") no-repeat center center #333;
      background-size: contain;
      box-sizing: border-box; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-graphic.platform {
      background: url("../images/dip-icon-platform.b3e7446ea407.png") no-repeat center center #333;
      background-size: contain;
      box-sizing: border-box; }
    #dip-launch #dip-launch-contents .dip-launch-content-item h3 {
      padding-top: 20px; }
    #dip-launch #dip-launch-contents .dip-launch-content-item .dip-launch-content-item-text {
      color: #666; }
#dip-launch #dip-launch-footer {
  background: #0099ff;
  color: #fff; }
  #dip-launch #dip-launch-footer .dip-launch-footer-headline {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    max-width: 720px;
    margin: 40px auto; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-footer .dip-launch-footer-headline {
        font-size: 20px;
        line-height: 30px;
        margin-top: 20px; } }
  #dip-launch #dip-launch-footer .dip-launch-footer-left {
    width: 47.5%;
    float: left; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-footer .dip-launch-footer-left {
        width: 100%;
        float: none; } }
    #dip-launch #dip-launch-footer .dip-launch-footer-left .dip-launch-footer-left-item .dip-launch-footer-left-item-graphic {
      float: left;
      width: 80px;
      height: 80px;
      margin-right: 15px;
      border-radius: 80px; }
    #dip-launch #dip-launch-footer .dip-launch-footer-left .dip-launch-footer-left-item .dip-launch-footer-left-item-graphic.reliable {
      background: url("../images/dip-icon-reliable.2dbbc7c60807.png") no-repeat center center;
      background-size: contain;
      box-sizing: border-box; }
    #dip-launch #dip-launch-footer .dip-launch-footer-left .dip-launch-footer-left-item .dip-launch-footer-left-item-graphic.app {
      background: url("../images/dip-icon-app.c16b209af3f3.png") no-repeat center center;
      background-size: contain;
      box-sizing: border-box; }
    #dip-launch #dip-launch-footer .dip-launch-footer-left .dip-launch-footer-left-item .dip-launch-footer-left-item-text {
      float: left;
      width: 60%;
      font-size: 16px; }
  #dip-launch #dip-launch-footer .dip-launch-footer-right {
    width: 47.5%;
    float: right; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-footer .dip-launch-footer-right {
        width: 100%;
        float: none; } }
    #dip-launch #dip-launch-footer .dip-launch-footer-right .player-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0; }
    #dip-launch #dip-launch-footer .dip-launch-footer-right .player-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #dip-launch #dip-launch-footer .dip-launch-footer-cta {
    text-align: center; }
    @media (max-width: 767px) {
      #dip-launch #dip-launch-footer .dip-launch-footer-cta .text-xxlarge {
        font-size: 32px;
        line-height: 36px; } }

.dip-counter {
  padding: 20px 0px 20px;
  text-align: center; }
  @media (max-width: 767px) {
    .dip-counter {
      padding-top: 10px; } }
  .dip-counter .dip-counter-text {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px; }
    @media (max-width: 767px) {
      .dip-counter .dip-counter-text {
        font-size: 16px;
        padding-bottom: 0px; } }
  .dip-counter .dip-counter-progress {
    width: 430px;
    height: 10px;
    margin: 10px auto 20px;
    border: 2px solid #fff;
    background: #0099ff;
    border-radius: 20px; }
    @media (max-width: 767px) {
      .dip-counter .dip-counter-progress {
        width: 250px; } }
    .dip-counter .dip-counter-progress .dip-counter-progress-bar {
      width: 30%;
      height: 10px;
      background: #fff;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }

.dip-launch-cta {
  background: #F8E81C;
  color: #333333;
  font-weight: 700;
  border-radius: 5px;
  font-size: 20px;
  display: inline-block;
  margin: 0 auto;
  padding: 25px 40px;
  text-align: center; }

.dip-launch-cta:hover {
  opacity: .9;
  color: #333333; }

.dip-launch-cta:active {
  color: #000;
  opacity: 1; }

/*# sourceMappingURL=styles.css.map */