.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

.remove_whitespace {
  font-size: 0; }

/**
* FlexBox - Mixins
*
* IE10 implemented the Flexbox draft from March 2012.
* http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/
*/
@font-face {
  font-family: LucidaBold;
  font-style: normal;
  font-weight: bold;
  src: local("Lucida Sans Unicode"); }

body {
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5,
select,
textarea,
.dropdown_list,
.light,
.future_route .options,
.commute_options .signUp,
.download_app,
.menu_more {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a,
button.btn_link,
button.btn_link_icon,
.light a.btn {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a {
  color: #01b6b2; }

h1,
h2,
h3,
h4 {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0; }

h2 {
  color: #0f1621;
  font-size: 2.8rem;
  line-height: 3.4rem; }

h3 {
  color: #0f1621;
  font-size: 2.2rem;
  line-height: 3rem; }

h4 {
  color: #0f1621;
  font-size: 1.8rem;
  line-height: 2.6rem; }

h5 {
  color: #0f1621;
  font-size: 1.6rem;
  line-height: 2.4rem; }

.regular,
.label,
.footer {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.footer {
  font-size: 1rem; }

.textExtraHuge {
  font-size: 2.8rem;
  line-height: 3.2rem; }

.textHuge {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textExtraLarge {
  font-size: 2rem;
  line-height: 2.4rem; }

.textLarge {
  font-size: 1.8rem;
  line-height: 2.2rem; }

.textMedium {
  font-size: 1.6rem;
  line-height: 2rem; }

.textSmall {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.textExtraSmall {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.textTiny {
  font-size: 1.1rem;
  line-height: 1.2rem; }

h2 {
  font-size: 2.8rem;
  line-height: 3.2rem; }

h3 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

h4 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2rem; }

.footer {
  font-size: 1.1rem;
  line-height: 1.2rem; }

.textHeadline2 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textHeadline {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textTitle {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textItemTitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textSubtitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textHeadlineInverse {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textTitleInverse {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textItemTitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textSubtitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #878a90; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textLabel {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }

.bold {
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }
  .dark .bold {
    color: #ffffff; }

html, body, ul, p, h3 {
  margin: 0;
  padding: 0; }

input, .popover-container .popover .popover_content textarea, button, select, a, div {
  -webkit-tap-highlight-color: transparent; }

input, .popover-container .popover .popover_content textarea,
button,
select,
textarea {
  font-family: 'FiraSansRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: normal; }

ul li {
  list-style-type: none; }

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

html {
  font-size: 10px;
  height: 100%;
  overflow: hidden; }

body {
  font-family: 'FiraSansRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  height: 100%;
  overflow: hidden;
  position: fixed;
  -ms-touch-action: none;
      touch-action: none;
  width: 100%; }
  body.with_notification {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    max-height: 100%;
    min-height: 4.5rem; }
  body.disable_transitions {
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important;
    -webkit-transition-duration: 0s !important;
            transition-duration: 0s !important; }
    body.disable_transitions :not(#map):not(#map *) {
      -webkit-transition-delay: 0s !important;
              transition-delay: 0s !important;
      -webkit-transition-duration: 0s !important;
              transition-duration: 0s !important; }
  body.disable_animations {
    -webkit-animation: none !important;
    animation: none !important; }
    body.disable_animations * {
      -webkit-animation: none !important;
      animation: none !important; }
  body .main_container {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    height: auto;
    min-height: 0;
    overflow: visible;
    position: relative;
    width: 100%; }
  body.open_menu .main_container {
    -webkit-transform: translateX(25.6rem);
    transform: translateX(25.6rem); }
  body .cookie, body .terms {
    background-color: #0f1621;
    color: #878a90;
    font-size: 1.2rem;
    min-height: 1.4rem;
    padding-bottom: 1.5rem;
    padding-right: 41.5rem;
    padding-top: 1.5rem; }
    @media (max-device-width: 800px) {
      body .cookie, body .terms {
        padding-right: 1.5rem; } }
    body .cookie .light, body .terms .light {
      color: #ffffff; }
    body .cookie.ng-leave, body .terms.ng-leave {
      min-height: 1.4rem;
      padding-bottom: 1.5rem;
      padding-top: 1.5rem;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out; }
    body .cookie.ng-leave.ng-leave-active, body .terms.ng-leave.ng-leave-active {
      height: 0;
      min-height: 0;
      padding-bottom: 0;
      padding-top: 0; }

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  .map .map-jsla {
    right: 1px !important; } }

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  .map .map-jsla {
    bottom: 1px !important; } }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .hide {
  display: none !important; }

[data-ng-cloak] {
  display: none !important; }

.map {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0; }
  .map .map-jsla {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

.scrollable {
  bottom: 0;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch; }
  .scrollable .content {
    margin-left: 0;
    margin-right: -1.5rem; }

.spinner {
  padding: 2rem 0;
  position: relative; }
  .spinner.centered {
    text-align: center;
    width: 100%; }

.overlay {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%; }
  .overlay.visibleMap {
    display: block; }

.logger {
  background-color: #0f1621;
  bottom: 0;
  color: #ffffff;
  display: block;
  opacity: .8;
  position: absolute;
  width: 100%;
  z-index: 999; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

.feedback_link.btn_link, .feedback_link.btn_link_icon {
  color: #0f1621;
  font-size: 1rem;
  pointer-events: auto; }
  .feedback_link.btn_link.light, .feedback_link.light.btn_link_icon {
    color: #ffffff; }

.report_image_link.btn_link, .report_image_link.btn_link_icon {
  color: #0f1621;
  font-family: Arial, 'sans-serif';
  font-size: 1rem;
  pointer-events: auto; }

.hidden {
  visibility: hidden; }

.visible {
  visibility: visible; }

.left {
  float: left; }

.right {
  float: right; }

.flip_vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
          filter: FlipV;
  -ms-filter: "FlipV"; }

[data-here-svg] {
  background-repeat: no-repeat; }

.branding {
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  position: absolute;
  right: 1rem;
  top: 1rem; }
  .branding .here_logo {
    background-color: #383C45;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 3.2rem 2.6rem;
    border-radius: 0 0.2rem 0.2rem 0;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 4.8rem;
    vertical-align: top;
    width: 4.8rem; }
  .branding .download {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ffffff;
    border-radius: 0.2rem 0 0 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    line-height: 4.8rem;
    vertical-align: top; }
    .branding .download .teaser {
      font-size: 1.2rem;
      line-height: 1.6rem;
      color: #333942;
      display: inline-block;
      max-width: 10rem;
      padding: 0 1.2rem; }
    .branding .download .app_icon {
      background-position: center;
      cursor: pointer;
      display: inline-block;
      height: 4.8rem;
      outline: none;
      position: relative;
      width: 4.8rem; }
      .branding .download .app_icon + .app_icon {
        margin-left: 0.1rem; }
        .branding .download .app_icon + .app_icon::before {
          border-left: 0.1rem solid #f1f1f2;
          content: "";
          height: 2.4rem;
          left: -0.1rem;
          position: absolute;
          top: 1.2rem;
          width: 0; }
      .branding .download .app_icon:hover {
        background-color: #f7f7f7; }
  .branding.hideBadges .download {
    display: none; }
  .branding.hideBadges .here_logo {
    border-radius: 0.2rem; }

@-webkit-keyframes slide_in_startup {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slide_in_startup {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  100% {
    opacity: 1; } }

body {
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5,
select,
textarea,
.dropdown_list,
.light,
.future_route .options,
.commute_options .signUp,
.download_app,
.menu_more {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a,
button.btn_link,
button.btn_link_icon,
.light a.btn {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a {
  color: #01b6b2; }

h1,
h2,
h3,
h4 {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0; }

h2 {
  color: #0f1621;
  font-size: 2.8rem;
  line-height: 3.4rem; }

h3 {
  color: #0f1621;
  font-size: 2.2rem;
  line-height: 3rem; }

h4 {
  color: #0f1621;
  font-size: 1.8rem;
  line-height: 2.6rem; }

h5 {
  color: #0f1621;
  font-size: 1.6rem;
  line-height: 2.4rem; }

.regular,
.label,
.footer {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.footer {
  font-size: 1rem; }

.textExtraHuge {
  font-size: 2.8rem;
  line-height: 3.2rem; }

.textHuge {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textExtraLarge {
  font-size: 2rem;
  line-height: 2.4rem; }

.textLarge {
  font-size: 1.8rem;
  line-height: 2.2rem; }

.textMedium {
  font-size: 1.6rem;
  line-height: 2rem; }

.textSmall {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.textExtraSmall {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.textTiny {
  font-size: 1.1rem;
  line-height: 1.2rem; }

h2 {
  font-size: 2.8rem;
  line-height: 3.2rem; }

h3 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

h4 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2rem; }

.footer {
  font-size: 1.1rem;
  line-height: 1.2rem; }

.textHeadline2 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textHeadline {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textTitle {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textItemTitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textSubtitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textHeadlineInverse {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textTitleInverse {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textItemTitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textSubtitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #878a90; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textLabel {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }

.bold {
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }
  .dark .bold {
    color: #ffffff; }

.dropdown_list {
  background-color: #ffffff;
  border-radius: 0 0 0.2rem 0.2rem;
  border-top: 1px solid #f1f1f2;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  color: #333942;
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  width: 100%;
  z-index: 102; }
  .dropdown_list .dropdown_list_header {
    background-color: #ffffff;
    border-bottom: 0.1rem solid #dbdcde;
    color: #6f737a;
    font-size: 1.2rem;
    font-weight: normal;
    text-rendering: optimizeSpeed;
    margin: 0 1.6rem;
    padding: .4rem 0; }
  .dropdown_list .dropdown_list_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    position: relative;
    border-right: solid 1.6rem transparent;
    cursor: pointer;
    height: 4rem;
    line-height: 3.9rem;
    overflow: hidden;
    padding: 0 0 0 0;
    white-space: nowrap; }
    .dropdown_list .dropdown_list_item::before {
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
      content: "";
      height: 100%;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      width: 2.4rem; }
    .dropdown_list .dropdown_list_item:hover, .dropdown_list .dropdown_list_item.hovered {
      position: relative;
      background-color: #f7f7f7;
      border-right: solid 1.6rem #f7f7f7; }
      .dropdown_list .dropdown_list_item:hover::before, .dropdown_list .dropdown_list_item.hovered::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0)), color-stop(50%, #f7f7f7), to(#f7f7f7));
        background: linear-gradient(to right, rgba(247, 247, 247, 0) 0%, #f7f7f7 50%, #f7f7f7 100%);
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 2.4rem; }
    .dropdown_list .dropdown_list_item .dropdown_list_item_title {
      -moz-align-items: center;
      -ms-align-items: center;
      -webkit-box-align: center;
              align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #0f1621;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      -ms-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      max-width: none;
      overflow: visible;
      text-align: left;
      text-overflow: inherit;
      width: auto; }
      .dropdown_list .dropdown_list_item .dropdown_list_item_title .dropdown_list_item_icon_container {
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-box-align: center;
                align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        -ms-flex-pack: center;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 4rem;
        margin-right: 1.6rem;
        width: 4.9rem; }
        .dropdown_list .dropdown_list_item .dropdown_list_item_title .dropdown_list_item_icon_container .dropdown_list_item_icon {
          display: -ms-flexbox;
          /* MID: IE 10 */
          display: -ms-flex;
          display: -moz-flex;
          display: -webkit-box;
          /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
          /* NEW: Chrome 21+ */
          display: flex;
          -ms-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin: 0 !important;
          padding: 0 !important; }
    .dropdown_list .dropdown_list_item .dropdown_list_item_description {
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      font-size: 1.2rem;
      line-height: 1.6rem;
      -ms-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      color: #6f737a;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      margin-left: 0.4rem;
      max-width: none;
      overflow: visible;
      text-align: left;
      text-overflow: inherit;
      width: auto;
      display: block; }
    .dropdown_list .dropdown_list_item .dropdown_list_item_icon {
      display: inline-block;
      line-height: 1.8rem;
      margin-right: 1rem;
      overflow: hidden;
      vertical-align: middle; }
      .dropdown_list .dropdown_list_item .dropdown_list_item_icon:not(.geo_suggestion) svg path {
        fill: #878a90; }
      .dropdown_list .dropdown_list_item .dropdown_list_item_icon[data-category="search"] {
        margin: 0 .7rem -.6rem .3rem; }
      .dropdown_list .dropdown_list_item .dropdown_list_item_icon[data-category="administrative-region"], .dropdown_list .dropdown_list_item .dropdown_list_item_icon[data-category="street-square"] {
        margin-top: .3rem; }
      .dropdown_list .dropdown_list_item .dropdown_list_item_icon.facebook {
        width: 2rem;
        height: 2rem;
        background-size: 2rem; }
      .dropdown_list .dropdown_list_item .dropdown_list_item_icon.source_icon {
        margin-right: .7rem; }
    .dropdown_list .dropdown_list_item .here_touch .dropdown_list {
      -webkit-overflow-scrolling: touch;
      overflow: auto; }
    .dropdown_list .dropdown_list_item.colorize.hovered svg path {
      fill: #ffffff; }
    .dropdown_list .dropdown_list_item .mark {
      font-size: inherit;
      font-weight: normal;
      line-height: inherit; }
    .dropdown_list .dropdown_list_item:not(:last-child)::after, .dropdown_list .dropdown_list_item:not(:last-child):after {
      background-color: #f1f1f2;
      bottom: 0;
      content: '';
      height: 0.1rem;
      left: 6rem;
      position: absolute;
      width: calc(100% - 1.6rem - 3.2rem); }

.panel_content {
  -webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3); }

.directions_controller #searchbar .input_search {
  color: #0f1621; }

.directions_controller .dropdown_list {
  -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  border-top: 0.1rem solid rgba(111, 115, 122, 0.32);
  top: 4.6rem; }

/**
 * Buttons - See the styleguide for documentation (e.g. http://localhost:3000/styleguide)
 **/
button {
  outline: 0; }

::-moz-focus-inner {
  border: 0; }

.btn {
  -webkit-transition: background-color 0.15s linear, max-width 0.15s ease-in-out, padding 0.15s ease-in-out, margin 0.15s ease-in-out;
  transition: background-color 0.15s linear, max-width 0.15s ease-in-out, padding 0.15s ease-in-out, margin 0.15s ease-in-out;
  background-color: #01b6b2;
  border: 0;
  border-radius: .2rem;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.4rem;
  height: 3.6rem;
  margin: 0;
  min-width: 8rem;
  outline: 0;
  padding: 0 1.6rem;
  white-space: nowrap; }
  .btn + .btn {
    margin-left: 0.8rem; }
  .btn:hover, .freshdesk-form label.attach:hover button {
    background-color: #00a39f;
    text-decoration: none; }
  .btn:active, .freshdesk-form label.attach:active button {
    background-color: #00a39f; }
  .btn:not(.btn_secondary):disabled, .btn:not(.btn_secondary):disabled:hover, .freshdesk-form label.attach:hover button:not(.btn_secondary):disabled, .btn:not(.btn_secondary):disabled:active, .freshdesk-form label.attach:active button:not(.btn_secondary):disabled {
    background-color: #6f737a;
    background-color: rgba(111, 115, 122, 0.2);
    color: #6f737a;
    color: rgba(111, 115, 122, 0.5);
    border: 0;
    cursor: auto; }
  .btn:focus {
    outline: 0; }
  .btn.btn_secondary {
    background-color: transparent;
    border: 0.1rem solid #01b6b2;
    color: #01b6b2; }
    .btn.btn_secondary:hover, .freshdesk-form label.attach:hover button.btn_secondary {
      background-color: #01b6b2;
      background-color: rgba(1, 182, 178, 0.2); }
    .btn.btn_secondary:active, .freshdesk-form label.attach:active button.btn_secondary {
      background-color: #01b6b2;
      background-color: rgba(1, 182, 178, 0.3); }
    .btn.btn_secondary:disabled, .btn.btn_secondary:disabled:hover, .freshdesk-form label.attach:hover button.btn_secondary:disabled, .btn.btn_secondary:disabled:active, .freshdesk-form label.attach:active button.btn_secondary:disabled {
      background-color: #6f737a;
      background-color: rgba(111, 115, 122, 0.2);
      border-color: #6f737a;
      border-color: rgba(111, 115, 122, 0.5);
      color: #6f737a;
      color: rgba(111, 115, 122, 0.5);
      cursor: auto; }
    .btn.btn_secondary.btn_icon {
      background-position: 1.2rem center;
      background-repeat: no-repeat;
      background-size: 2rem;
      padding-left: 3.6rem;
      text-indent: 0; }
  .btn.btn_icon_notext, .list_box .btn.btn_delete {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem;
    height: 3.6rem;
    max-width: 3.6rem !important;
    min-width: 3.6rem !important;
    overflow: hidden;
    padding-right: 0;
    text-indent: -99rem;
    width: 3.6rem !important; }

.btn_link, .btn_link_icon {
  font-size: 1.4rem;
  line-height: 1.8rem;
  background-color: transparent;
  border: none;
  color: #01b6b2;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 0; }
  .btn_link:disabled, .btn_link_icon:disabled, .btn_link:disabled:hover, .btn_link_icon:disabled:hover, .btn_link:disabled:active, .btn_link_icon:disabled:active {
    color: #6f737a;
    color: rgba(111, 115, 122, 0.5);
    cursor: auto;
    text-decoration: none; }

.btn_link_icon {
  background-repeat: no-repeat;
  background-size: 2.2rem;
  padding-left: 2.5rem; }

a.btn {
  min-width: 11.2rem; }
  a.btn:hover {
    color: #ffffff;
    text-decoration: none; }

.btn.zeroclipboard-is-hover {
  background-color: #00a39f;
  text-decoration: none; }

.btn.zeroclipboard-is-active {
  background-color: #00a39f; }

.btn_block {
  width: 100%;
  display: block; }

.btn_block__icon {
  display: inline-block;
  width: 2rem;
  vertical-align: middle;
  height: 2rem;
  margin-right: 0.4rem;
  background-repeat: no-repeat;
  background-size: 2rem; }

.btn_block__text {
  vertical-align: middle; }

.btn_save {
  background-color: #ffd01b;
  color: #0f1621; }
  .btn_save:hover, .btn_save.zeroclipboard-is-hover {
    background-color: #ffbd09; }

.btn_back {
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  color: #333942; }
  .btn_back:hover, .btn_back.zeroclipboard-is-hover {
    background-color: #ffffff; }

form fieldset {
  border: none;
  margin: 0;
  padding: 0; }

form label {
  display: block;
  text-align: left; }

form label > input, form .popover-container .popover .popover_content label > textarea, .popover-container .popover .popover_content form label > textarea,
form label > select {
  margin-bottom: 1.7rem; }

form label.error_support > input, form .popover-container .popover .popover_content label.error_support > textarea, .popover-container .popover .popover_content form label.error_support > textarea,
form label.error_support > select {
  margin-bottom: 0; }

form label > input, form .popover-container .popover .popover_content label > textarea, .popover-container .popover .popover_content form label > textarea,
form label > select,
form label > div,
form label > span {
  display: block;
  margin-top: 0.7rem; }

form .error_messages {
  display: block;
  margin: 0;
  min-height: 3.8rem; }

form .error {
  color: #d5232f;
  font-size: 1.2rem;
  margin-top: .2rem; }

form.submitted select.ng-required {
  border-color: rgba(183, 0, 0, 0.6); }

label {
  color: #333942;
  font-size: 1.6rem; }

input, .popover-container .popover .popover_content textarea,
select {
  color: #0f1621;
  font-size: 1.6rem; }

input, .popover-container .popover .popover_content textarea,
input[type="email"],
.popover-container .popover .popover_content textarea[type="email"],
input[type="password"],
.popover-container .popover .popover_content textarea[type="password"] {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  border-radius: 0.2rem;
  border: 0.1rem solid #dbdcde;
  -webkit-box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.05);
  height: 3.6rem;
  outline: 0;
  padding: 0 1rem;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  input.ng-invalid-pattern, .popover-container .popover .popover_content textarea.ng-invalid-pattern, input.ng-invalid, .popover-container .popover .popover_content textarea.ng-invalid, input.ng-required, .popover-container .popover .popover_content textarea.ng-required, input.ng-dirty, .popover-container .popover .popover_content textarea.ng-dirty,
  input[type="email"].ng-invalid-pattern,
  .popover-container .popover .popover_content textarea[type="email"].ng-invalid-pattern,
  input[type="email"].ng-invalid,
  .popover-container .popover .popover_content textarea[type="email"].ng-invalid,
  input[type="email"].ng-required,
  .popover-container .popover .popover_content textarea[type="email"].ng-required,
  input[type="email"].ng-dirty,
  .popover-container .popover .popover_content textarea[type="email"].ng-dirty,
  input[type="password"].ng-invalid-pattern,
  .popover-container .popover .popover_content textarea[type="password"].ng-invalid-pattern,
  input[type="password"].ng-invalid,
  .popover-container .popover .popover_content textarea[type="password"].ng-invalid,
  input[type="password"].ng-required,
  .popover-container .popover .popover_content textarea[type="password"].ng-required,
  input[type="password"].ng-dirty,
  .popover-container .popover .popover_content textarea[type="password"].ng-dirty {
    border: 0.1rem solid #9fa2a6; }
  input:active, .popover-container .popover .popover_content textarea:active, input:focus, .popover-container .popover .popover_content textarea:focus,
  input[type="email"]:active,
  .popover-container .popover .popover_content textarea[type="email"]:active,
  input[type="email"]:focus,
  .popover-container .popover .popover_content textarea[type="email"]:focus,
  input[type="password"]:active,
  .popover-container .popover .popover_content textarea[type="password"]:active,
  input[type="password"]:focus,
  .popover-container .popover .popover_content textarea[type="password"]:focus {
    border-color: #2ed5c9;
    -webkit-box-shadow: none;
            box-shadow: none; }
  input.invalid, .popover-container .popover .popover_content textarea.invalid,
  input[type="email"].invalid,
  .popover-container .popover .popover_content textarea[type="email"].invalid,
  input[type="password"].invalid,
  .popover-container .popover .popover_content textarea[type="password"].invalid {
    border-color: rgba(183, 0, 0, 0.6);
    padding-right: 3.6rem; }
  input:disabled, .popover-container .popover .popover_content textarea:disabled, input:disabled:active, .popover-container .popover .popover_content textarea:disabled:active, input:disabled:focus, .popover-container .popover .popover_content textarea:disabled:focus,
  input[type="email"]:disabled,
  .popover-container .popover .popover_content textarea[type="email"]:disabled,
  input[type="email"]:disabled:active,
  .popover-container .popover .popover_content textarea[type="email"]:disabled:active,
  input[type="email"]:disabled:focus,
  .popover-container .popover .popover_content textarea[type="email"]:disabled:focus,
  input[type="password"]:disabled,
  .popover-container .popover .popover_content textarea[type="password"]:disabled,
  input[type="password"]:disabled:active,
  .popover-container .popover .popover_content textarea[type="password"]:disabled:active,
  input[type="password"]:disabled:focus,
  .popover-container .popover .popover_content textarea[type="password"]:disabled:focus {
    background-color: #f1f1f2;
    border-color: #9fa2a6;
    -webkit-box-shadow: inset 0 0 0.4rem 0 rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 0 0.4rem 0 rgba(0, 0, 0, 0.15); }

input[type="radio"], .popover-container .popover .popover_content textarea[type="radio"],
input[type="checkbox"],
.popover-container .popover .popover_content textarea[type="checkbox"] {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  padding: 0; }

input[type="radio"], .popover-container .popover .popover_content textarea[type="radio"] {
  -webkit-appearance: radio; }

input[type="checkbox"], .popover-container .popover .popover_content textarea[type="checkbox"] {
  -webkit-appearance: checkbox; }

textarea.ng-invalid {
  -webkit-box-shadow: none;
          box-shadow: none; }

/* Headline h1

    <h1>I am a headline 1 - usually 38px - on narrow screens/browsers 30px</h1>
*/
h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 3.8rem;
  line-height: 5.6rem; }

/* Headline h1 collapsed

    <div class="here_collapse">
        <h1>I am a headline 1 in a collapsed header - usually 30px - on narrow screens/browsers 24px</h1>
    </div>
*/
.panel.minimized h1,
.here_collapse h1 {
  font-size: 3rem;
  line-height: 3.2rem; }

/* Headline h1 modal

    <div class="modal">
        <h1>I am a headline 1 in a modal window - usually 30px - on narrow screens/browsers 24px</h1>
    </div>
*/
.modal h1 {
  color: #0f1621;
  text-shadow: none; }

/* paragraph

    <p>I am a paragraph - 16px</p>
*/
/* secondary paragraph

    <p class="secondary">I am a secondary paragraph - 14px</p>
*/
p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/* Link

    <a>I am a link - font-size is depending on the parent element</a>
*/
a,
.btn_link,
.btn_link_icon {
  color: #01b6b2;
  text-decoration: none; }
  a:hover, a:active,
  .btn_link:hover,
  .btn_link_icon:hover,
  .btn_link:active,
  .btn_link_icon:active {
    text-decoration: underline; }
  a:hover,
  .btn_link:hover,
  .btn_link_icon:hover {
    color: #00a39f; }
  a:active,
  .btn_link:active,
  .btn_link_icon:active {
    color: #00a39f; }
  a.dark,
  .btn_link.dark,
  .dark.btn_link_icon {
    color: #ffffff; }
    a.dark:hover,
    .btn_link.dark:hover,
    .dark.btn_link_icon:hover {
      color: #ffffff; }
    a.dark:active,
    .btn_link.dark:active,
    .dark.btn_link_icon:active {
      color: #dbdcde; }

/* small font

    <p class="small_font">something that needs to be a bit smaller - font-size 12px</p>
*/
.small_font, .place_card .subtitle {
  font-size: 1.2rem; }

.tiny_font {
  font-size: .9rem; }

nav.bar {
  background: #0f1621;
  font-size: 1.2rem;
  height: 5.4rem;
  overflow: hidden;
  position: relative; }
  nav.bar ul {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex; }
    nav.bar ul li {
      -webkit-transition: background-color 0.1s ease-in;
      transition: background-color 0.1s ease-in;
      -ms-flex: 1 1 0%;
      -webkit-box-flex: 1;
              flex: 1 1 0%; }
      .here_no_touch nav.bar ul li:hover {
        background-color: #272d37; }
        .here_no_touch nav.bar ul li:hover::before,
        .here_no_touch nav.bar ul li:hover + ::before {
          border-color: #272d37 !important;
          height: 100%;
          top: 0; }
      nav.bar ul li.active {
        background-color: #f1f1f2 !important;
        border: 0;
        border-top: 0.3rem solid #2ed5c9; }
        nav.bar ul li.active button {
          color: #2ed5c9;
          margin-top: -.3rem; }
      nav.bar ul li:not(:first-child)::before {
        content: " ";
        border-right: 0.1rem solid #272d37;
        height: 3.7rem;
        margin-left: -.1rem;
        position: absolute;
        top: .8rem; }
  nav.bar button {
    background-color: transparent;
    background-size: 2rem;
    background-position: center .8rem;
    background-repeat: no-repeat;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    height: 5.4rem;
    padding: 2.8rem 0 0;
    outline: 0;
    width: 100%; }
    nav.bar button.save_place {
      background-size: 2.4rem;
      background-position-y: .7rem; }
    nav.bar button.send_to_car {
      background-size: 4.2rem;
      background-position-y: -.1rem; }
    nav.bar button.btn_create {
      background-size: 2.4rem; }
    nav.bar button.btn_edit {
      background-size: 2.2rem; }

nav.collapsed_bar {
  background: transparent;
  float: right;
  height: 4.2rem;
  margin-right: -100%;
  margin-top: -4.2rem;
  overflow: hidden;
  position: relative;
  z-index: 3; }
  nav.collapsed_bar ul {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    float: right; }
    nav.collapsed_bar ul li {
      -webkit-transition: background-color 0.1s ease-in;
      transition: background-color 0.1s ease-in;
      display: inline-block;
      width: 5.2rem; }
      .here_no_touch nav.collapsed_bar ul li:hover {
        background-color: #272d37; }
        .here_no_touch nav.collapsed_bar ul li:hover::before,
        .here_no_touch nav.collapsed_bar ul li:hover + ::before {
          border-color: #272d37 !important;
          height: 100%;
          top: 0; }
      nav.collapsed_bar ul li.active {
        background-color: #f1f1f2 !important;
        border: 0;
        border-top: 0.3rem solid #2ed5c9; }
        nav.collapsed_bar ul li.active button {
          margin-top: -.3rem; }
        nav.collapsed_bar ul li.active::before {
          display: none; }
      nav.collapsed_bar ul li::before {
        content: " ";
        border-left: 0.1rem solid #4b5159;
        height: 2.6rem;
        position: absolute;
        top: .8rem;
        opacity: .5; }
  nav.collapsed_bar button {
    background-color: transparent;
    background-size: 1.6rem;
    background-position: center 1.2rem;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 4.2rem;
    width: 100%; }
    nav.collapsed_bar button.send_to_car {
      background-position: 1.2rem .5rem;
      background-size: 3.2rem; }
    nav.collapsed_bar button.get_directions {
      background-position: 1.9rem 1.2rem; }
    nav.collapsed_bar button.save_place {
      background-position: center 1rem;
      background-size: 2rem; }
    nav.collapsed_bar button.change_image {
      background-size: 1.8rem; }
    nav.collapsed_bar button.btn_create {
      background-size: 2rem; }
    nav.collapsed_bar button.btn_edit {
      background-size: 1.9rem; }
    nav.collapsed_bar button.btn_change_image {
      background-size: 2.1rem; }

.collapsed .header_content,
.minimized .header_content {
  z-index: auto; }
  .collapsed .header_content .bar,
  .minimized .header_content .bar {
    margin-top: -5.4rem; }
    .collapsed .header_content .bar ul,
    .minimized .header_content .bar ul {
      opacity: 0; }
      .collapsed .header_content .bar ul li:before,
      .minimized .header_content .bar ul li:before {
        opacity: 0; }
  .collapsed .header_content .collapsed_bar,
  .minimized .header_content .collapsed_bar {
    margin-right: 0; }

.collapsed .header_content,
.minimized .header_content {
  z-index: auto; }
  .collapsed .header_content nav.bar,
  .minimized .header_content nav.bar {
    margin-top: -5.4rem; }
    .collapsed .header_content nav.bar ul,
    .minimized .header_content nav.bar ul {
      -webkit-transform: translateY(4.2rem);
      transform: translateY(4.2rem); }
  .collapsed .header_content .collapsed_bar,
  .minimized .header_content .collapsed_bar {
    margin-right: 0; }

body:not(.here_disable_collapse_header) .panel .new_header {
  -webkit-transition: min-height 0.4s ease-in;
  transition: min-height 0.4s ease-in; }

body:not(.here_disable_collapse_header) .panel .bar {
  -webkit-transition: margin-top 0.4s ease-in;
  transition: margin-top 0.4s ease-in; }
  body:not(.here_disable_collapse_header) .panel .bar ul {
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in; }
    body:not(.here_disable_collapse_header) .panel .bar ul li:before {
      -webkit-transition: all 0.05s ease-in;
      transition: all 0.05s ease-in; }

body:not(.here_disable_collapse_header) .panel .collapsed_bar {
  -webkit-transition: margin-right 0.4s ease-out;
  transition: margin-right 0.4s ease-out; }

body:not(.here_disable_collapse_header) .panel.collapsed .collapsed_bar, body:not(.here_disable_collapse_header) .panel.minimized .collapsed_bar {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.domMarker {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.4rem 1.4rem, 2.2rem 2.2rem;
  border: 0.1rem solid rgba(50, 50, 50, 0.2);
  border-radius: 50%;
  height: 2rem;
  left: -1.1rem;
  top: -1.1rem;
  width: 2rem; }
  .domMarker.has_svg {
    background-size: 1.4rem 1.4rem, 2.2rem 2.2rem; }
    .domMarker.has_svg.full_size {
      background-size: contain; }
      .domMarker.has_svg.full_size.no_scaling {
        background-size: auto;
        background-size: initial; }
    .domMarker.has_svg.small_marker {
      background-size: contain; }
  .domMarker.magnified {
    background-size: 1.8rem 1.8rem, 2.4rem 2.4rem;
    height: 2.4rem;
    width: 2.4rem; }
    .domMarker.magnified:after {
      border-radius: 50%;
      height: 2.6rem;
      width: 2.6rem; }
  .domMarker.small_marker {
    background-size: contain;
    height: 1rem;
    left: -0.5rem;
    top: -0.5rem;
    width: 1rem; }
  .domMarker.icon_marker {
    background-color: transparent !important;
    background-size: 42px;
    border: none;
    left: -10px;
    top: -10px; }
  .domMarker.container_marker {
    background-color: transparent !important;
    background-size: contain;
    border: none;
    border-radius: 0;
    height: 5.2rem;
    left: -2.2rem;
    top: -4.2rem;
    width: 4.2rem; }
    .domMarker.container_marker .inner_icon {
      background-repeat: no-repeat;
      background-size: 2.2rem 2.2rem;
      height: 2.2rem;
      left: 1.1rem;
      position: absolute;
      top: .9rem;
      width: 2.2rem; }
  .domMarker:after {
    border: 0.2rem solid #ffffff;
    border-radius: 50%;
    content: '';
    display: none;
    height: 2.4rem;
    left: -.3rem;
    opacity: 0;
    position: absolute;
    top: -.3rem;
    width: 2.4rem; }
  .domMarker.active:not(.without_highlight) {
    border-radius: 50%;
    height: 2.2rem;
    left: -1.2rem;
    top: -1.2rem;
    width: 2.2rem;
    z-index: 100 !important; }
    .domMarker.active:not(.without_highlight):after {
      display: block;
      opacity: 1; }

.via_marker {
  background-color: #2ed5c9;
  border: 0.3rem solid #ffffff;
  border-radius: 50%;
  height: 1.2rem;
  position: absolute;
  left: -0.6rem;
  top: -0.6rem;
  visibility: visible;
  width: 1.2rem; }

.panel {
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-transition: max-height 0.15s ease;
  transition: max-height 0.15s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  left: 1rem;
  max-height: 13rem;
  position: absolute;
  top: 1rem;
  width: 51.2rem;
  z-index: 50; }
  .here_IE .panel {
    height: 100%;
    pointer-events: none; }
    .here_IE .panel > * {
      pointer-events: auto; }
  .panel.initialized.initialized {
    max-height: calc(100% - 1rem - 1rem); }
  .panel.minimized {
    max-height: auto; }
    .panel.minimized .scrollable_content {
      height: 0; }
  .panel .panel_content > div {
    max-height: calc(100% - .01rem); }
  .panel .scrollable_content {
    height: auto; }

.pdc_content_container {
  -ms-flex: auto 0 auto;
  -webkit-box-flex: 1;
          flex: auto 0 auto; }

.panel_content {
  -webkit-transition: max-height 0.15s ease;
  transition: max-height 0.15s ease;
  max-height: 100vh;
  min-height: 4.2rem; }
  body.discover .panel_content,
  body.landing_page .panel_content {
    min-height: 0; }
  .panel_content:not(.minimized) {
    margin-bottom: 0.4rem; }

.panel:not(.places):not(.directions) .panel_content.minimized {
  -webkit-box-shadow: none;
          box-shadow: none;
  max-height: 0;
  min-height: 0; }

.directions .panel_content.minimized {
  max-height: none; }

.panel_content,
.panel_content > div {
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.panel_content > div {
  min-height: 0; }

.header_content {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  z-index: 1; }

.scrollable_content {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0; }

.panel_content {
  -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.93);
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  overflow: hidden; }

.panel {
  width: 36.8rem; }

.panel.directions.minimized {
  max-height: none !important; }

cta {
  background: #fff;
  padding: 0 1rem;
  margin-top: .5rem;
  position: relative; }
  cta .close {
    background-color: transparent;
    background-position: center;
    background-size: 0.9rem;
    border: 0 none;
    cursor: pointer;
    outline: 0 none;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.1rem;
    height: 4.8rem; }
  cta header {
    font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 2rem;
    line-height: 4.8rem; }
  cta main {
    border-top: 0.1rem solid #f1f1f2;
    padding: 1rem 0; }
    cta main .btn {
      margin-top: 1rem; }

.quickdate-popup {
  background-color: #ffffff;
  display: none;
  position: absolute;
  text-align: center;
  z-index: 10; }

.quickdate-popup.open {
  display: block; }

.quickdate-calendar-header {
  display: block;
  text-align: center; }

a.quickdate-prev-month {
  float: left; }

a.quickdate-next-month {
  float: right; }

table.quickdate-calendar {
  border-collapse: separate;
  border-spacing: .5rem;
  width: 100%; }

table.quickdate-calendar td:hover {
  cursor: pointer; }

.quickdate input.ng-invalid, .quickdate .popover-container .popover .popover_content textarea.ng-invalid, .popover-container .popover .popover_content .quickdate textarea.ng-invalid {
  border: 0.1rem solid rgba(213, 35, 47, 0.6); }

/* The underlying styles were formerly part of the _directions.scss and _directions_new.scss and
 they should contain the right amount of styles necessary to be loaded in advance, to prevent the
  flickering of the direction panel. For this reason this scss file is not imported in the
  style.scss but in the common.scss instead. Fix for HEROW-7886.
*/
#directions_container {
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%; }
  #directions_container #route_view {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    z-index: 1; }
    #directions_container #route_view .scrollable {
      background: white;
      position: static; }
  #directions_container #recent_commutes {
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
            box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
    margin-top: 0.4rem;
    overflow: hidden;
    padding: 0; }
    #directions_container #recent_commutes h2 {
      background-color: #f1f1f2;
      border-radius: 0.2rem 0.2rem 0 0;
      border-top: 0;
      font-size: 1.4rem;
      height: 4rem;
      line-height: 4rem;
      padding: 0 0 0 1.2rem; }
      #directions_container #recent_commutes h2 span {
        color: #6f737a; }
    #directions_container #recent_commutes li {
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      border-radius: 0 0 0.2rem 0.2rem;
      height: auto;
      margin-bottom: 0;
      position: static; }
      #directions_container #recent_commutes li:first-child {
        margin-top: 0; }
      #directions_container #recent_commutes li .bottom_border {
        background-color: #f1f1f2;
        height: .1rem;
        margin-left: 6.2rem;
        width: calc(100% - 7.8rem); }
    #directions_container #recent_commutes .commute_card {
      -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      background-color: #ffffff;
      color: #333942;
      height: auto;
      line-height: normal;
      margin: 0;
      min-height: 4rem;
      padding-right: 1.6rem; }
      #directions_container #recent_commutes .commute_card .btn_icon_notext, #directions_container #recent_commutes .commute_card .list_box .btn_delete, .list_box #directions_container #recent_commutes .commute_card .btn_delete {
        height: 3rem !important;
        max-width: 3rem !important;
        min-width: 3rem !important;
        width: 3rem !important; }
        #directions_container #recent_commutes .commute_card .btn_icon_notext.visible, #directions_container #recent_commutes .commute_card .list_box .visible.btn_delete, .list_box #directions_container #recent_commutes .commute_card .visible.btn_delete {
          display: block; }
      #directions_container #recent_commutes .commute_card .icon {
        -ms-flex: 0 0 2rem;
        -webkit-box-flex: 0;
                flex: 0 0 2rem;
        height: 2rem;
        margin-left: 1.6rem;
        margin-right: 2.8rem;
        width: 2rem; }
      #directions_container #recent_commutes .commute_card .name {
        position: relative;
        text-overflow: inherit; }
        #directions_container #recent_commutes .commute_card .name::before {
          background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
          content: "";
          height: 100%;
          pointer-events: none;
          position: absolute;
          right: 0;
          top: 0;
          width: 2.4rem; }
    #directions_container #recent_commutes .commute_card_confirmation {
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      background-color: #ffffff;
      height: auto;
      line-height: normal;
      min-height: 4rem;
      padding-left: 6.2rem;
      position: static; }
      #directions_container #recent_commutes .commute_card_confirmation .commute_name {
        color: #333942;
        margin-top: 1.2rem; }
      #directions_container #recent_commutes .commute_card_confirmation .form_buttons {
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        margin: 0.8rem 0 1.2rem; }
        #directions_container #recent_commutes .commute_card_confirmation .form_buttons .btn.cancel {
          margin-right: 0; }
  #directions_container button.send_to_car {
    float: left;
    margin: .1rem 1.3rem 0 0; }
  #directions_container button.print {
    background-size: 1.8rem; }
    #directions_container button.print.top {
      top: 4rem;
      float: left; }
    #directions_container button.print.bottom {
      bottom: .5rem;
      margin-left: 2rem; }
  #directions_container .float-left {
    float: left; }
  #directions_container .clear {
    clear: both; }

#itinerary_bar {
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  min-height: 0;
  z-index: 5; }
  #itinerary_bar .itinerary_item .itinerary_border {
    width: 81%; }
  #itinerary_bar .itinerary_item.with_waypoints .itinerary_border {
    width: 83%; }
  #itinerary_bar .itinerary_item.with_waypoints.via form input, #itinerary_bar .itinerary_item.with_waypoints.via form .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content #itinerary_bar .itinerary_item.with_waypoints.via form textarea {
    width: 79%; }

#itinerary_view {
  background-color: rgba(255, 255, 255, 0.9);
  height: auto;
  position: relative; }

#directions_header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  position: relative; }
  #directions_header .menubutton {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1; }
    #directions_header .menubutton .menu_access_btn {
      border-top-left-radius: 0.2rem; }
  #directions_header #itinerary_bar {
    background-color: #FFFFFF;
    border-radius: 0.2rem; }
    #directions_header #itinerary_bar.preferences_visible, #directions_header #itinerary_bar.preferences_visible #itinerary_view {
      border-radius: 0.2rem 0.2rem 0 0; }
    #directions_header #itinerary_bar #itinerary_view {
      border-radius: 0.2rem; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container .btn_link.home_action, #directions_header #itinerary_bar #itinerary_view #itinerary_items_container .home_action.btn_link_icon {
        right: 0;
        z-index: 1; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li:after {
        display: none; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li.focused {
        background-color: #ffffff; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item .dropdown_list_item_title .home_label {
        font-weight: normal; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item .home_action_container {
        position: relative;
        background-color: #ffffff;
        height: 3.9rem;
        line-height: 4rem;
        position: absolute;
        right: 0;
        top: 0; }
        #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item .home_action_container::before {
          background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
          content: "";
          height: 100%;
          pointer-events: none;
          position: absolute;
          right: 0;
          top: 0;
          width: 2.4rem; }
        #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item .home_action_container::before {
          left: -2.4rem;
          right: auto; }
        #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item .home_action_container .home_action {
          position: static; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item.hovered .home_action_container {
        position: relative;
        background-color: #f7f7f7;
        height: 3.9rem;
        position: absolute;
        right: 0;
        top: 0; }
        #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item.hovered .home_action_container::before {
          background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0)), color-stop(50%, #f7f7f7), to(#f7f7f7));
          background: linear-gradient(to right, rgba(247, 247, 247, 0) 0%, #f7f7f7 50%, #f7f7f7 100%);
          content: "";
          height: 100%;
          pointer-events: none;
          position: absolute;
          right: 0;
          top: 0;
          width: 2.4rem; }
        #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item.hovered .home_action_container::before {
          left: -2.4rem;
          right: auto; }
        #directions_header #itinerary_bar #itinerary_view #itinerary_items_container li .dropdown_list_item.hovered .home_action_container .home_action {
          position: static; }
      #directions_header #itinerary_bar #itinerary_view #itinerary_items_container .join_waypoints_line {
        background-color: #f1f1f2;
        height: 2.9rem;
        left: 7.1rem;
        position: absolute;
        top: 3.4rem;
        width: 2px; }
  #directions_header #itinerary_items_container li.focused {
    background-color: #f1f1f2; }
  #directions_header .itinerary_item {
    margin-left: 4.8rem;
    margin-right: 6.2rem; }
    #directions_header .itinerary_item .itinerary_item_icon {
      float: none;
      height: 1.6rem;
      left: 1.6rem;
      padding: 0;
      position: absolute;
      top: 1.6rem;
      width: 1.6rem;
      z-index: 1; }
      #directions_header .itinerary_item .itinerary_item_icon svg {
        position: absolute; }
    #directions_header .itinerary_item .itinerary_border {
      border-bottom: 1px solid #f1f1f2;
      width: calc(100% - 5rem);
      z-index: 1; }
    #directions_header .itinerary_item.with_waypoints form input, #directions_header .itinerary_item.with_waypoints form .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content #directions_header .itinerary_item.with_waypoints form textarea {
      width: calc(100% - 5rem); }
    #directions_header .itinerary_item.with_waypoints.via form input, #directions_header .itinerary_item.with_waypoints.via form .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content #directions_header .itinerary_item.with_waypoints.via form textarea {
      width: calc(100% - 7.7rem); }
    #directions_header .itinerary_item input, #directions_header .itinerary_item .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content #directions_header .itinerary_item textarea {
      margin-left: 4rem;
      text-overflow: clip;
      width: calc(100% - 5rem); }
    #directions_header .itinerary_item form {
      overflow: hidden;
      width: auto; }
      #directions_header .itinerary_item form:hover {
        background-color: transparent; }
      #directions_header .itinerary_item form.focused {
        background-color: transparent; }
    #directions_header .itinerary_item .gradient_horizontal {
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 3rem; }
      #directions_header .itinerary_item .gradient_horizontal.ng-hide-animate {
        display: none; }
    #directions_header .itinerary_item.via .gradient_horizontal {
      right: 2.3rem; }
    #directions_header .itinerary_item .request_geolocation_container {
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)) no-repeat left;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%) no-repeat left;
      background-size: 3rem 100%;
      bottom: 0;
      padding-left: 3rem;
      position: absolute;
      right: 1rem;
      top: 0; }
      #directions_header .itinerary_item .request_geolocation_container .request_geolocation {
        background: #ffffff;
        padding-left: 0;
        padding-bottom: .5rem; }
        #directions_header .itinerary_item .request_geolocation_container .request_geolocation .not_here {
          font-size: 1.2rem;
          background-color: #ffa200;
          border-radius: .2rem;
          color: #ffffff;
          line-height: 1.6rem;
          margin-top: 1.1rem;
          padding: 0 .8rem;
          text-decoration: none;
          height: 2.4rem;
          white-space: nowrap;
          z-index: 2; }
        #directions_header .itinerary_item .request_geolocation_container .request_geolocation .location_not_found {
          background-color: #ffffff;
          background-size: 2rem;
          cursor: default;
          display: block;
          height: 2rem;
          margin: .8rem .1rem;
          position: relative;
          top: .5rem;
          width: 2rem;
          z-index: 2; }
        #directions_header .itinerary_item .request_geolocation_container .request_geolocation .location_requested_spinner {
          cursor: default;
          margin-top: 1rem;
          padding: 0 1rem;
          z-index: 10; }
  #directions_header #reverse_route_btn {
    background-size: cover;
    border-radius: 0;
    height: 1.6rem;
    margin: auto;
    padding: 0;
    right: 4.8rem;
    width: 1.6rem;
    z-index: 0; }
    #directions_header #reverse_route_btn:hover svg {
      fill: #878a90; }
  #directions_header #add_waypoint_btn {
    background-position: 0 0;
    left: 1.6rem;
    top: -.9rem;
    z-index: 0; }
  #directions_header .expand_collapse_waypoints {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    height: 1.6rem;
    padding: 0;
    position: absolute;
    right: -4.6rem;
    top: 1.6rem;
    width: 1.6rem; }
    #directions_header .expand_collapse_waypoints:hover {
      cursor: pointer; }
  #directions_header .close_suggestions {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    height: 2.0rem;
    padding: 0;
    position: absolute;
    right: -4.8rem;
    top: 1.4rem;
    width: 2.0rem; }
    #directions_header .close_suggestions:hover {
      cursor: pointer; }
  #directions_header #close_container {
    position: absolute;
    right: 1.6rem;
    top: 1.6rem; }
    #directions_header #close_container:hover {
      cursor: pointer; }
    #directions_header #close_container .btn_close {
      background-size: contain;
      height: 1.6rem;
      width: 1.6rem; }
  #directions_header .menu_access_btn {
    background-position: 1.6rem;
    background-size: 1.6rem;
    border: 0;
    height: 4.8rem;
    outline: 0;
    width: 4.8rem; }
    #directions_header .menu_access_btn:after {
      border-right: 0.1rem solid #f1f1f2;
      content: '';
      height: 2.4rem;
      position: absolute;
      right: 0;
      top: 1.2rem;
      width: 0;
      z-index: 53; }
  #directions_header button.remove_waypoint_btn {
    right: 1.6rem;
    z-index: 1; }
  #directions_header .dropdown_list_item_icon {
    margin-right: 3.2rem; }
  #directions_header .stopovers_summary {
    border: solid 1px rgba(111, 115, 122, 0.3);
    border-radius: .8rem;
    color: #6f737a;
    display: block;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    height: 1.4rem;
    left: calc(50% - 1.5rem + 2.2rem);
    line-height: 1.4rem;
    opacity: 1;
    padding: 0;
    width: 3rem;
    z-index: 1; }

#close_container {
  -ms-flex: 0 0 4rem;
  -webkit-box-flex: 0;
          flex: 0 0 4rem; }
  #close_container a.btn_close {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    border: 0;
    display: block;
    outline: 0; }

.panel.directions .panel_content {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  outline: none;
  overflow: visible; }
  .panel.directions .panel_content.hasDestinationPdc {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: auto;
    outline: none; }
    .panel.directions .panel_content.hasDestinationPdc > div {
      -ms-flex: 0 1 auto;
      -webkit-box-flex: 0;
              flex: 0 1 auto;
      height: auto;
      max-height: calc(100% - .01rem); }
    .panel.directions .panel_content.hasDestinationPdc #itinerary_bar, .panel.directions .panel_content.hasDestinationPdc #destination_pdc {
      background: rgba(255, 255, 255, 0.93);
      -webkit-box-shadow: 0 0 0.3rem rgba(50, 50, 50, 0.3);
              box-shadow: 0 0 0.3rem rgba(50, 50, 50, 0.3); }
    .panel.directions .panel_content.hasDestinationPdc #itinerary_bar {
      -ms-flex: 0 0 auto;
      -webkit-box-flex: 0;
              flex: 0 0 auto;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .panel.directions .panel_content.hasDestinationPdc #destination_pdc {
      -webkit-box-shadow: 0 0 0 1px rgba(1, 11, 30, 0.1);
              box-shadow: 0 0 0 1px rgba(1, 11, 30, 0.1); }
    .panel.directions .panel_content.hasDestinationPdc .scrollable_content {
      -ms-flex: 0 0 0;
      -webkit-box-flex: 0;
              flex: 0 0 0; }

.panel.directions .scrollable_content {
  -ms-flex: 0 0 0px;
  -webkit-box-flex: 0;
          flex: 0 0 0px;
  border-radius: 0 0 0.2rem 0.2rem;
  border-top: 0;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  min-height: 0; }
  .panel.directions .scrollable_content.expanded {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto; }
  .panel.directions .scrollable_content:not(.expanded) {
    height: 0; }
  .panel.directions .scrollable_content .route_error {
    background-color: #FFFFFF;
    color: #6f737a;
    margin: 0; }
    .panel.directions .scrollable_content .route_error.collapsed {
      height: auto; }
  .panel.directions .scrollable_content.expanded.show_saved_routes {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    overflow: visible; }

.itinerary_item {
  border-bottom: .1rem solid transparent;
  font-size: 0;
  height: 4.7rem;
  line-height: 4.7rem;
  position: relative; }
  .itinerary_item .pointer {
    display: none; }
  .itinerary_item.user_location input, .itinerary_item.user_location .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .itinerary_item.user_location textarea {
    color: #57b96a; }
  .itinerary_item.user_location span svg .pointer {
    display: block;
    fill: #57b96a; }
  .itinerary_item.user_location.location_pending input, .itinerary_item.user_location.location_pending .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .itinerary_item.user_location.location_pending textarea {
    color: #57b96a; }
  .itinerary_item.user_location.location_error input, .itinerary_item.user_location.location_error .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .itinerary_item.user_location.location_error textarea {
    color: #d5232f; }
  .itinerary_item .itinerary_item_icon {
    float: left;
    height: 2rem;
    line-height: 6rem;
    padding: .2rem .8rem 0 1.7rem; }
    .itinerary_item .itinerary_item_icon.from, .itinerary_item .itinerary_item_icon.to {
      line-height: 6rem;
      padding-left: 1.6rem;
      padding-right: 1rem; }
    .itinerary_item .itinerary_item_icon > svg {
      height: 1.8rem;
      width: 1.8rem; }
  .itinerary_item form {
    height: 4.8rem;
    width: 51.2rem; }
    .itinerary_item form.focused, .itinerary_item form:hover {
      background-color: #f1f1f2; }
  .itinerary_item label span {
    color: #6f737a;
    display: inline-block;
    min-width: 6.3rem;
    padding-right: .6rem; }
  .itinerary_item.with_waypoints form input, .itinerary_item.with_waypoints form .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .itinerary_item.with_waypoints form textarea {
    width: 85%; }
  .itinerary_item input, .itinerary_item .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .itinerary_item textarea {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #0f1621;
    cursor: text;
    font-size: 1.4rem;
    height: 4.7rem;
    line-height: 2.5rem;
    outline: none;
    padding: 0;
    text-overflow: ellipsis;
    width: 82%; }
    .itinerary_item input:-ms-input-placeholder, .itinerary_item .popover-container .popover .popover_content textarea:-ms-input-placeholder, .popover-container .popover .popover_content .itinerary_item textarea:-ms-input-placeholder {
      color: #6f737a; }
    .itinerary_item input:-moz-placeholder, .itinerary_item .popover-container .popover .popover_content textarea:-moz-placeholder, .popover-container .popover .popover_content .itinerary_item textarea:-moz-placeholder {
      color: #6f737a; }
    .itinerary_item input::-moz-placeholder, .itinerary_item .popover-container .popover .popover_content textarea::-moz-placeholder, .popover-container .popover .popover_content .itinerary_item textarea::-moz-placeholder {
      color: #6f737a; }
    .itinerary_item input::-webkit-input-placeholder, .itinerary_item .popover-container .popover .popover_content textarea::-webkit-input-placeholder, .popover-container .popover .popover_content .itinerary_item textarea::-webkit-input-placeholder {
      color: #6f737a; }
    .itinerary_item input:focus, .itinerary_item .popover-container .popover .popover_content textarea:focus, .popover-container .popover .popover_content .itinerary_item textarea:focus {
      border-right: 0; }
    .itinerary_item input.noBottomLine, .itinerary_item .popover-container .popover .popover_content textarea.noBottomLine, .popover-container .popover .popover_content .itinerary_item textarea.noBottomLine {
      border-bottom: 0.1rem solid #ffffff; }
  .itinerary_item .itinerary_border {
    background-color: transparent;
    border-bottom: 0.1rem solid #b7b9bc;
    border-radius: 0;
    bottom: -.1rem;
    left: 4rem;
    position: absolute;
    width: 88%; }

#itinerary_items_container {
  position: relative; }
  #itinerary_items_container.dragging button {
    visibility: hidden; }
  #itinerary_items_container .dropdown_list_item.user_destination {
    position: relative; }
    #itinerary_items_container .dropdown_list_item.user_destination .home_label {
      font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-weight: bold;
      padding-right: .5rem;
      vertical-align: middle; }
    #itinerary_items_container .dropdown_list_item.user_destination .dropdown_list_item_description {
      vertical-align: middle; }
    #itinerary_items_container .dropdown_list_item.user_destination .btn_link.home_action, #itinerary_items_container .dropdown_list_item.user_destination .home_action.btn_link_icon {
      font-size: 1.4rem;
      line-height: normal;
      position: absolute;
      right: 2rem;
      top: 1rem; }
  #itinerary_items_container .dropdown_list_item .toaster {
    -webkit-animation: toaster_opacity 0.5s;
    animation: toaster_opacity 0.5s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    background-color: #e6f5e9;
    border: 0.1rem solid #57b96a;
    color: #57b96a;
    height: 3.3rem;
    left: 1.6rem;
    line-height: 3rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: .2rem;
    width: auto;
    z-index: 10; }
  #itinerary_items_container li {
    cursor: move;
    position: relative; }
    #itinerary_items_container li.with_selection {
      cursor: auto; }
    #itinerary_items_container li:first-child:before {
      display: none; }
    #itinerary_items_container li:before {
      display: none !important; }
    #itinerary_items_container li.focused:before {
      display: none; }
    #itinerary_items_container li:last-child:after {
      display: none; }
    #itinerary_items_container li:after {
      border-left: 0.2rem dotted #878a90;
      bottom: -1.5rem;
      content: '';
      display: block;
      height: 3.2rem;
      left: 2.5rem;
      position: absolute;
      z-index: 1; }
    #itinerary_items_container li.focused:after {
      display: none; }

#itinerary_bar #itinerary_items_container li:before {
  border-left: 0.1rem solid #878a90; }

#itinerary_items_container li:last-of-type .itinerary_border {
  border-bottom: none; }

#itinerary_bar #itinerary_items_container.dragging li {
  background-color: #ffffff; }
  #itinerary_bar #itinerary_items_container.dragging li.dragged {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
  #itinerary_bar #itinerary_items_container.dragging li.placeholder {
    background: #333942;
    height: 2px;
    margin-bottom: -2px;
    z-index: 99; }
  #itinerary_bar #itinerary_items_container.dragging li:before {
    border: 0; }

#add_waypoint_btn {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  border: 0;
  border-radius: 9rem;
  cursor: pointer;
  height: 1.8rem;
  left: 1.7rem;
  outline: none;
  position: absolute;
  top: -1rem;
  width: 1.8rem;
  z-index: 3; }
  #add_waypoint_btn:hover {
    background-color: #ffffff; }
  #add_waypoint_btn::-moz-focus-inner {
    border: 0; }
  #add_waypoint_btn .mask {
    background-color: #ffffff;
    height: .3rem;
    left: .8rem;
    position: absolute;
    width: .1rem; }
    #add_waypoint_btn .mask.top {
      top: -.1rem; }
    #add_waypoint_btn .mask.bottom {
      bottom: .1rem; }

.itinerary_item button.remove_waypoint_btn {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.1rem;
  border: none;
  border-radius: 9rem;
  cursor: pointer;
  height: 2rem;
  outline: none;
  position: absolute;
  right: 3%;
  top: 1.35rem;
  width: 2rem;
  z-index: 3; }
  .itinerary_item button.remove_waypoint_btn:hover {
    background-color: #ffffff; }
  .itinerary_item button.remove_waypoint_btn::-moz-focus-inner {
    border: 0; }

#itinerary_bar button.remove_waypoint_btn {
  right: 10%; }

#reverse_route_btn {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.6rem;
  border: none;
  border-radius: 9rem;
  bottom: 0;
  cursor: pointer;
  height: 3.6rem;
  margin: auto;
  outline: none;
  position: absolute;
  right: 1rem;
  top: 0;
  width: 3.6rem;
  z-index: 6; }
  #reverse_route_btn:hover {
    background-color: transparent; }
  #reverse_route_btn::-moz-focus-inner {
    border: 0; }

.stopovers_summary {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  border: 0.1rem solid rgba(111, 115, 122, 0.3);
  cursor: pointer;
  height: 1.5rem;
  font-size: 1.2rem;
  left: 50%;
  margin: auto;
  padding: .5rem;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  white-space: nowrap;
  display: none; }

.stopover {
  -webkit-backface-visibility: hidden;
  /* not normally wanted but needed to prevent flickering when changing opacity on safari */
  -webkit-transition: opacity 0.2s ease, height 0.2s ease;
  -webkit-transition-delay: 0.2s, 0s;
  -webkit-transition: opacity 0.2s ease 0.2s, height 0.2s ease;
  transition: opacity 0.2s ease 0.2s, height 0.2s ease;
  opacity: 1;
  height: 4.8rem; }

.panel.collapsed .stopovers_summary,
.panel.minimized .stopovers_summary {
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 1;
  display: block; }

.panel.collapsed .stopover,
.panel.minimized .stopover {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease, height 0.2s ease;
  -webkit-transition-delay: 0s, 0.2s;
  -webkit-transition: opacity 0.2s ease, height 0.2s ease 0.2s;
  transition: opacity 0.2s ease, height 0.2s ease 0.2s; }

.new_header.new_header {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  position: relative;
  text-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.5); }
  .new_header.new_header > .header_image {
    display: none; }
  .new_header.new_header > h1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    font-size: 2.2rem;
    line-height: 2.8rem;
    background-color: rgba(39, 45, 55, 0.9);
    bottom: 0;
    left: 0;
    min-height: 4.2rem;
    padding: .8rem 2rem .6rem 1.3rem;
    position: relative;
    right: 0;
    width: 100%; }
    .collapsed .new_header.new_header > h1,
    .minimized .new_header.new_header > h1,
    .landing_page .new_header.new_header > h1 {
      background-color: #0f1621; }
    .new_header.new_header > h1 > span {
      display: block;
      margin-right: 0;
      position: relative;
      z-index: 3; }
      .collapsed .new_header.new_header > h1 > span,
      .minimized .new_header.new_header > h1 > span {
        margin-right: 9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .header_collections .collapsed .new_header.new_header > h1 > span, .header_collections
      .minimized .new_header.new_header > h1 > span {
        margin-right: 9.1rem; }
    .new_header.new_header > h1 .category_icon {
      line-height: 2.2rem;
      padding-right: .5rem;
      vertical-align: middle; }
    .new_header.new_header > h1 .source_attribution_icon {
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: .3rem;
      display: inline-block;
      height: 2.2rem;
      margin: -.6rem 1rem 0 0;
      vertical-align: middle;
      width: 2.2rem; }
  .new_header.new_header.with_image {
    min-height: 22rem; }
    .new_header.new_header.with_image > h1 {
      position: absolute; }
    .new_header.new_header.with_image > .header_image {
      background-color: #272d37;
      background-position: center;
      background-size: cover;
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      .new_header.new_header.with_image > .header_image.fadein > .image {
        opacity: 1; }
      .new_header.new_header.with_image > .header_image > .image {
        -webkit-transition: opacity 3s ease;
        transition: opacity 3s ease;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        opacity: 0; }
      .new_header.new_header.with_image > .header_image .attribution {
        color: #f1f1f2;
        font-size: 1rem;
        font-style: normal;
        max-width: calc(100% - 3.2rem);
        overflow: hidden;
        position: absolute;
        right: .8rem;
        text-align: right;
        text-overflow: ellipsis;
        top: .8rem;
        white-space: nowrap;
        width: auto; }
        .new_header.new_header.with_image > .header_image .attribution a {
          color: #f1f1f2;
          text-decoration: none; }
  .collapsed .new_header.new_header,
  .minimized .new_header.new_header {
    min-height: 4.2rem; }
    .collapsed .new_header.new_header.with_image,
    .minimized .new_header.new_header.with_image {
      min-height: 4.2rem; }

.here_disable_collapse_header .new_header.with_image {
  min-height: 17.8rem; }

.modal_container {
  background: rgba(255, 255, 255, 0.96);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 900; }
  .modal_container.ng-hide-add, .modal_container.ng-hide-remove {
    -webkit-transition: 0s linear all;
    transition: 0s linear all; }
  .modal_container.ng-hide-add-active, .modal_container.ng-hide-remove-active {
    -webkit-transition: 0.2s ease opacity;
    transition: 0.2s ease opacity; }
  .modal_container.ng-hide-add {
    opacity: 1; }
    .modal_container.ng-hide-add.ng-hide-add-active {
      opacity: 0; }
  .modal_container.ng-hide-remove {
    opacity: 0; }
    .modal_container.ng-hide-remove.ng-hide-remove-active {
      opacity: 1; }
  .modal_container .logo {
    background-color: rgba(255, 255, 255, 0);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4.5rem 3.6rem;
    border-right: none;
    cursor: pointer;
    direction: ltr;
    display: block;
    float: left;
    height: 7.4rem;
    position: absolute;
    text-indent: -999rem;
    top: 0;
    width: 8.1rem;
    z-index: 51; }
    .modal_container .logo:hover {
      background-color: transparent; }
  .modal_container .modal_close {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    direction: ltr;
    height: 6.3rem;
    opacity: 1;
    outline: none;
    position: absolute;
    right: 0;
    text-indent: -900rem;
    top: 0;
    width: 6.9rem; }

body {
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5,
select,
textarea,
.dropdown_list,
.light,
.future_route .options,
.commute_options .signUp,
.download_app,
.menu_more {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a,
button.btn_link,
button.btn_link_icon,
.light a.btn {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a {
  color: #01b6b2; }

h1,
h2,
h3,
h4 {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0; }

h2 {
  color: #0f1621;
  font-size: 2.8rem;
  line-height: 3.4rem; }

h3 {
  color: #0f1621;
  font-size: 2.2rem;
  line-height: 3rem; }

h4 {
  color: #0f1621;
  font-size: 1.8rem;
  line-height: 2.6rem; }

h5 {
  color: #0f1621;
  font-size: 1.6rem;
  line-height: 2.4rem; }

.regular,
.label,
.footer {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.footer {
  font-size: 1rem; }

.textExtraHuge {
  font-size: 2.8rem;
  line-height: 3.2rem; }

.textHuge {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textExtraLarge {
  font-size: 2rem;
  line-height: 2.4rem; }

.textLarge {
  font-size: 1.8rem;
  line-height: 2.2rem; }

.textMedium {
  font-size: 1.6rem;
  line-height: 2rem; }

.textSmall {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.textExtraSmall {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.textTiny {
  font-size: 1.1rem;
  line-height: 1.2rem; }

h2 {
  font-size: 2.8rem;
  line-height: 3.2rem; }

h3 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

h4 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2rem; }

.footer {
  font-size: 1.1rem;
  line-height: 1.2rem; }

.textHeadline2 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textHeadline {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textTitle {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textItemTitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textSubtitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textHeadlineInverse {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textTitleInverse {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textItemTitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textSubtitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #878a90; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textLabel {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }

.bold {
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }
  .dark .bold {
    color: #ffffff; }

.popover-container .popover {
  background: #ffffff;
  border: 0.1rem solid #f1f1f2;
  -webkit-box-shadow: 0.1rem 0.1rem 1.2rem rgba(0, 0, 0, 0.3);
          box-shadow: 0.1rem 0.1rem 1.2rem rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 33.8rem;
  z-index: 200;
  max-height: 200rem;
  -webkit-transition: all .3s !important;
  transition: all .3s !important;
  /*
         animations
        */ }
  .popover-container .popover.wide {
    width: auto; }
  .popover-container .popover.collapsed {
    max-height: 5.8rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: -1rem !important;
    -webkit-transition: none !important;
    transition: none !important;
    overflow: hidden;
    -webkit-animation-name: slideUpPopover;
            animation-name: slideUpPopover;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s; }
    .popover-container .popover.collapsed header {
      cursor: pointer; }
  .popover-container .popover .popover_close {
    background: transparent no-repeat center center;
    border: 0 none;
    cursor: pointer;
    outline: 0 none;
    padding: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.4rem;
    height: 4.4rem; }
  .popover-container .popover .popover_content {
    max-height: 70rem;
    overflow: auto;
    z-index: 2; }
    .popover-container .popover .popover_content header {
      line-height: 4.8rem;
      padding: 0 2rem;
      border-bottom: 1px solid #f1f1f2; }
      .popover-container .popover .popover_content header span {
        display: inline-block;
        line-height: 1.6rem;
        margin: 1.5rem 0;
        width: 90%;
        font-size: 1.6rem;
        color: #0f1621; }
      .popover-container .popover .popover_content header .btn_back {
        background-position: 1.5rem center;
        background-size: 1.4rem;
        height: 4.8rem;
        line-height: 4.8rem;
        margin: 0 0.6rem 0 -2.6rem;
        position: relative;
        vertical-align: bottom;
        width: 4rem; }
        .popover-container .popover .popover_content header .btn_back:after {
          content: "";
          right: 0;
          top: 1.6rem;
          border-right: 0.1rem solid #f1f1f2;
          width: 0.1rem;
          height: 1.6rem;
          position: absolute;
          padding: 0; }
    .popover-container .popover .popover_content textarea {
      height: initial;
      padding: 1rem; }
    .popover-container .popover .popover_content input:not([type=checkbox]):not([type=radio]), .popover-container .popover .popover_content textarea:not([type=checkbox]):not([type=radio]),
    .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content select {
      width: 100%;
      font-size: 1.4rem;
      color: #0f1621; }
    .popover-container .popover .popover_content input[type=file], .popover-container .popover .popover_content textarea[type=file] {
      padding: 0;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      height: initial; }
    .popover-container .popover .popover_content footer {
      padding: 2rem;
      text-align: right; }
    .popover-container .popover .popover_content .line {
      margin: 0 2rem; }
  .popover-container .popover.wide .popover_content {
    padding: 0; }
  .popover-container .popover.ng-animate {
    -webkit-transition: .3s linear opacity;
    transition: .3s linear opacity; }
  .popover-container .popover.ng-enter, .popover-container .popover.ng-leave.ng-leave-active {
    opacity: 0;
    -webkit-transition-delay: .05s;
            transition-delay: .05s; }
  .popover-container .popover.ng-leave, .popover-container .popover.ng-enter.ng-enter-active {
    opacity: 1; }

.popover-container .popover_pointer {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #ffffff;
  border: 0.1rem solid #f1f1f2;
  border-radius: .5rem;
  bottom: -1rem;
  height: 2rem;
  position: absolute;
  right: 1.5rem;
  width: 2rem;
  z-index: 1; }

@-webkit-keyframes slideUpPopover {
  0% {
    -webkit-transform: translateY(4.8rem);
            transform: translateY(4.8rem); }
  70% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideUpPopover {
  0% {
    -webkit-transform: translateY(4.8rem);
            transform: translateY(4.8rem); }
  70% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.tooltip {
  border-radius: 0.2rem;
  position: fixed;
  z-index: 200; }
  .tooltip.top-right, .tooltip.top-left, .tooltip.top-center {
    padding-bottom: .8rem; }
  .tooltip.above-middle-right, .tooltip.below-middle-right, .tooltip.middle-right {
    padding-left: .8rem; }
  .tooltip.above-middle-left, .tooltip.below-middle-left, .tooltip.middle-left {
    padding-right: .8rem; }
  .tooltip.bottom-right, .tooltip.bottom-left, .tooltip.bottom-center {
    padding-top: .8rem; }
  .tooltip.slideIn:not(.disable-animation) {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
    .tooltip.slideIn:not(.disable-animation).top-right, .tooltip.slideIn:not(.disable-animation).top-left, .tooltip.slideIn:not(.disable-animation).top-center {
      -webkit-animation: slideIn_down 1s;
      animation: slideIn_down 1s; }
    .tooltip.slideIn:not(.disable-animation).above-middle-right, .tooltip.slideIn:not(.disable-animation).below-middle-right, .tooltip.slideIn:not(.disable-animation).middle-right {
      -webkit-animation: slideIn_left 1s;
      animation: slideIn_left 1s; }
    .tooltip.slideIn:not(.disable-animation).above-middle-left, .tooltip.slideIn:not(.disable-animation).below-middle-left, .tooltip.slideIn:not(.disable-animation).middle-left {
      -webkit-animation: slideIn_right 1s;
      animation: slideIn_right 1s; }
    .tooltip.slideIn:not(.disable-animation).bottom-right, .tooltip.slideIn:not(.disable-animation).bottom-left, .tooltip.slideIn:not(.disable-animation).bottom-center {
      -webkit-animation: slideIn_up 1s;
      animation: slideIn_up 1s; }
  .tooltip.slideOut:not(.disable-animation) {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
    .tooltip.slideOut:not(.disable-animation).top-right, .tooltip.slideOut:not(.disable-animation).top-left, .tooltip.slideOut:not(.disable-animation).top-center {
      -webkit-animation: slideOut_down 0.3s;
      animation: slideOut_down 0.3s; }
    .tooltip.slideOut:not(.disable-animation).above-middle-right, .tooltip.slideOut:not(.disable-animation).below-middle-right, .tooltip.slideOut:not(.disable-animation).middle-right {
      -webkit-animation: slideOut_left 0.3s;
      animation: slideOut_left 0.3s; }
    .tooltip.slideOut:not(.disable-animation).above-middle-left, .tooltip.slideOut:not(.disable-animation).below-middle-left, .tooltip.slideOut:not(.disable-animation).middle-left {
      -webkit-animation: slideOut_right 0.3s;
      animation: slideOut_right 0.3s; }
    .tooltip.slideOut:not(.disable-animation).bottom-right, .tooltip.slideOut:not(.disable-animation).bottom-left, .tooltip.slideOut:not(.disable-animation).bottom-center {
      -webkit-animation: slideOut_up 0.3s;
      animation: slideOut_up 0.3s; }
  .tooltip.fadeIn:not(.disable-animation) {
    -webkit-animation: fade_in 0.3s;
    animation: fade_in 0.3s; }
  .tooltip.grow:not(.disable-animation) {
    -webkit-animation: grow 0.3s;
    animation: grow 0.3s;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    .tooltip.grow:not(.disable-animation).top-right {
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .tooltip.grow:not(.disable-animation).top-center {
      -webkit-transform-origin: bottom;
              transform-origin: bottom; }
    .tooltip.grow:not(.disable-animation).top-left {
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    .tooltip.grow:not(.disable-animation).above-middle-right {
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom; }
    .tooltip.grow:not(.disable-animation).middle-right {
      -webkit-transform-origin: left;
              transform-origin: left; }
    .tooltip.grow:not(.disable-animation).below-middle-right {
      -webkit-transform-origin: left top;
              transform-origin: left top; }
    .tooltip.grow:not(.disable-animation).above-middle-left {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom; }
    .tooltip.grow:not(.disable-animation).middle-left {
      -webkit-transform-origin: right;
              transform-origin: right; }
    .tooltip.grow:not(.disable-animation).below-middle-left {
      -webkit-transform-origin: right top;
              transform-origin: right top; }
    .tooltip.grow:not(.disable-animation).bottom-right {
      -webkit-transform-origin: top left;
              transform-origin: top left; }
    .tooltip.grow:not(.disable-animation).bottom-center {
      -webkit-transform-origin: top;
              transform-origin: top; }
    .tooltip.grow:not(.disable-animation).bottom-left {
      -webkit-transform-origin: top right;
              transform-origin: top right; }
  .tooltip.info {
    padding: 0; }
    .tooltip.info .arrow {
      display: none; }
  .tooltip.blank .wrapper {
    min-width: 16.5rem; }
    .tooltip.blank .wrapper .head, .tooltip.blank .wrapper .close {
      display: none; }
    .tooltip.blank .wrapper .content {
      border-top-left-radius: 0.2rem;
      border-top-right-radius: 0.2rem;
      padding: 0; }
  .tooltip.resize-in-progress {
    opacity: 0 !important; }
  .tooltip .wrapper {
    background: #ffffff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.4);
    min-width: 30rem;
    position: relative; }
    .tooltip .wrapper .head {
      font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-weight: bold;
      border-top-left-radius: 0.2rem;
      border-top-right-radius: 0.2rem;
      font-size: 1.4rem;
      padding: 1.2rem 1.6rem; }
    .tooltip .wrapper .content {
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #6f737a;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      border-bottom-left-radius: 0.2rem;
      border-bottom-right-radius: 0.2rem;
      color: #6f737a;
      padding: 1.2rem 1.6rem; }
      .tooltip .wrapper .content p {
        color: #6f737a; }
    .tooltip .wrapper .arrow {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      border-bottom: 1rem solid #ffffff;
      border-left: 1rem solid transparent;
      -webkit-box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
              box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
      height: 0;
      pointer-events: none;
      position: absolute;
      width: 0; }
      .tooltip .wrapper .arrow.top-left, .tooltip .wrapper .arrow.top-center, .tooltip .wrapper .arrow.top-right {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        bottom: -0.4rem; }
      .tooltip .wrapper .arrow.top-left {
        right: 1.9rem; }
      .tooltip .wrapper .arrow.top-right {
        left: 1.9rem; }
      .tooltip .wrapper .arrow.below-middle-right, .tooltip .wrapper .arrow.middle-right, .tooltip .wrapper .arrow.above-middle-right {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        left: -0.4rem; }
      .tooltip .wrapper .arrow.above-middle-right {
        bottom: 1.9rem; }
      .tooltip .wrapper .arrow.below-middle-right {
        top: 1.9rem; }
      .tooltip .wrapper .arrow.below-middle-left, .tooltip .wrapper .arrow.middle-left, .tooltip .wrapper .arrow.above-middle-left {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        right: -0.4rem; }
      .tooltip .wrapper .arrow.above-middle-left {
        bottom: 1.9rem; }
      .tooltip .wrapper .arrow.below-middle-left {
        top: 1.9rem; }
      .tooltip .wrapper .arrow.bottom-left, .tooltip .wrapper .arrow.bottom-center, .tooltip .wrapper .arrow.bottom-right {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        top: -0.4rem; }
      .tooltip .wrapper .arrow.bottom-left {
        right: 1.9rem; }
      .tooltip .wrapper .arrow.bottom-right {
        left: 1.9rem; }
      .tooltip .wrapper .arrow.top-center, .tooltip .wrapper .arrow.bottom-center {
        left: calc(50% -  0.5rem); }
      .tooltip .wrapper .arrow.middle-left, .tooltip .wrapper .arrow.middle-right {
        top: calc(50% -  0.5rem); }
    .tooltip .wrapper .close {
      background-color: transparent;
      background-size: 1rem 1rem;
      border: 0 none;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      outline: 0 none;
      padding: .7rem;
      position: absolute;
      right: 1rem;
      top: 1.8rem;
      width: 1rem;
      height: 1rem; }
      .tooltip .wrapper .close:hover {
        background-color: transparent; }

@-webkit-keyframes slideIn_up {
  from {
    -webkit-transform: translate(0, -10rem);
            transform: translate(0, -10rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideIn_up {
  from {
    -webkit-transform: translate(0, -10rem);
            transform: translate(0, -10rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideIn_down {
  from {
    -webkit-transform: translate(0, 10rem);
            transform: translate(0, 10rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideIn_down {
  from {
    -webkit-transform: translate(0, 10rem);
            transform: translate(0, 10rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideIn_left {
  from {
    -webkit-transform: translate(10rem, 0);
            transform: translate(10rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideIn_left {
  from {
    -webkit-transform: translate(10rem, 0);
            transform: translate(10rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideIn_right {
  from {
    -webkit-transform: translate(-10rem, 0);
            transform: translate(-10rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideIn_right {
  from {
    -webkit-transform: translate(-10rem, 0);
            transform: translate(-10rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideOut_up {
  from {
    -webkit-transform: translate(0, -1rem);
            transform: translate(0, -1rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideOut_up {
  from {
    -webkit-transform: translate(0, -1rem);
            transform: translate(0, -1rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideOut_down {
  from {
    -webkit-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideOut_down {
  from {
    -webkit-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideOut_left {
  from {
    -webkit-transform: translate(1rem, 0);
            transform: translate(1rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideOut_left {
  from {
    -webkit-transform: translate(1rem, 0);
            transform: translate(1rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes slideOut_right {
  from {
    -webkit-transform: translate(-1rem, 0);
            transform: translate(-1rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes slideOut_right {
  from {
    -webkit-transform: translate(-1rem, 0);
            transform: translate(-1rem, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes fade_in {
  from {
    opacity: 0;
    opacity: 0; }
  to {
    opacity: 0;
    opacity: 1; } }

@keyframes fade_in {
  from {
    opacity: 0;
    opacity: 0; }
  to {
    opacity: 0;
    opacity: 1; } }

@-webkit-keyframes grow {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes grow {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.actionbar {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  background: #ffffff;
  border-bottom: 0.1rem solid #f1f1f2;
  border-top: 0.1rem solid #f1f1f2;
  height: 4.6rem;
  padding: 0 1.6rem;
  width: 100%; }
  .actionbar .action.icon-button {
    height: 2rem;
    width: 2rem;
    padding: 0 1.6rem; }
    .actionbar .action.icon-button.left:first-child {
      padding: 0 1.6rem 0 0; }
    .actionbar .action.icon-button.right:last-child {
      padding: 0 0 0 1.6rem; }
    .actionbar .action.icon-button.right + .icon-button.right {
      width: 1.9rem;
      border-left: 0.1rem solid #f1f1f2; }
    .actionbar .action.icon-button.left + .icon-button.left {
      width: 1.9rem;
      border-left: 0.1rem solid #f1f1f2; }
    .actionbar .action.icon-button.share_to_phone {
      padding-top: 0.2rem; }
    .actionbar .action.icon-button > button {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      height: 100%;
      margin: 0;
      padding: 0;
      width: 100%; }
      .actionbar .action.icon-button > button svg path, .actionbar .action.icon-button > button svg polygon, .actionbar .action.icon-button > button svg rect {
        fill: #01b6b2; }
      .actionbar .action.icon-button > button .star svg path {
        fill: #ffffff;
        stroke: #01b6b2; }
      .actionbar .action.icon-button > button:hover svg path, .actionbar .action.icon-button > button:hover svg polygon {
        fill: #00a39f; }
      .actionbar .action.icon-button > button:hover .star svg path {
        fill: #ffffff;
        stroke: #00a39f; }
      .actionbar .action.icon-button > button.active .star svg path {
        fill: #ffd01b;
        stroke: #ffbd09; }
      .actionbar .action.icon-button > button.disabled {
        cursor: auto; }
        .actionbar .action.icon-button > button.disabled svg path, .actionbar .action.icon-button > button.disabled svg polygon, .actionbar .action.icon-button > button.disabled svg rect {
          fill: #9fa2a6; }
        .actionbar .action.icon-button > button.disabled .star svg path {
          fill: #ffffff;
          stroke: #9fa2a6; }
  .actionbar .action.toggle-button {
    padding: 0 1.6rem; }
    .actionbar .action.toggle-button.left:first-child {
      padding: 0 1.6rem 0 0; }
    .actionbar .action.toggle-button.right:last-child {
      padding: 0 0 0 1.6rem; }
    .actionbar .action.toggle-button > button {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      margin: 0;
      padding: 0; }
      .actionbar .action.toggle-button > button .toggle-button-label {
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #6f737a;
        margin-right: 0.4rem; }
      .actionbar .action.toggle-button > button svg path {
        fill: #6f737a; }
  .actionbar .action.info {
    height: 2rem;
    padding: 0 1.6rem; }
    .actionbar .action.info.left:first-child {
      padding: 0 1.6rem 0 0; }
    .actionbar .action.info.right:last-child {
      padding: 0 0 0 1.6rem; }
    .actionbar .action.info > span {
      color: #6f737a; }
  .actionbar .action.icon-info {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    height: 2rem;
    padding: 0 1.6rem;
    color: #6f737a; }
    .actionbar .action.icon-info.left:first-child {
      padding: 0 1.6rem 0 0; }
    .actionbar .action.icon-info.right:last-child {
      padding: 0 0 0 1.6rem; }
    .actionbar .action.icon-info > span {
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex; }
      .actionbar .action.icon-info > span .label {
        margin-left: 0.4rem;
        padding-top: 0.4rem; }
    .actionbar .action.icon-info svg path, .actionbar .action.icon-info svg polygon {
      fill: #9fa2a6; }
    .actionbar .action.icon-info .star svg path {
      fill: #9fa2a6;
      stroke: #9fa2a6; }
  .actionbar .action.icon-link {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    height: 2rem;
    padding: 0 1.6rem; }
    .actionbar .action.icon-link.left:first-child {
      padding: 0 1.6rem 0 0; }
    .actionbar .action.icon-link.right:last-child {
      padding: 0 0 0 1.6rem; }
    .actionbar .action.icon-link > a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .actionbar .action.icon-link > a .link-label {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-left: 0.4rem; }
    .actionbar .action.icon-link svg path, .actionbar .action.icon-link svg polygon, .actionbar .action.icon-link svg rect {
      fill: #01b6b2; }
    .actionbar .action.icon-link .star svg path {
      fill: #ffffff;
      stroke: #01b6b2; }
    .actionbar .action.icon-link:hover svg path, .actionbar .action.icon-link:hover svg polygon {
      fill: #00a39f; }
    .actionbar .action.icon-link:hover .star svg path {
      fill: #ffffff;
      stroke: #00a39f; }
    .actionbar .action.icon-link.disabled {
      cursor: auto; }
      .actionbar .action.icon-link.disabled svg path, .actionbar .action.icon-link.disabled svg polygon, .actionbar .action.icon-link.disabled svg rect {
        fill: #9fa2a6; }
      .actionbar .action.icon-link.disabled .star svg path {
        fill: #ffffff;
        stroke: #9fa2a6; }
  .actionbar .action.left {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .actionbar .action.right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .actionbar::before {
    content: '';
    height: 0;
    width: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    display: inline-block;
    margin-right: auto; }

[data-action-bar], [action-bar] {
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.infobar {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  background: #f1f1f2;
  color: #6f737a;
  min-height: 4rem;
  padding: 0 1.6rem 0 1.6rem; }
  .infobar .label {
    color: #6f737a;
    display: inline-block;
    margin: 0 0.8rem 0 0; }
  .infobar .template_placeholder {
    width: 100%; }

.fix_for_flexbox_align_items_center {
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.crossSellBanner {
  background: transparent url(data:image/jpeg;base64,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) 0 0 no-repeat;
  background-size: 100% 100%;
  display: inline-table;
  min-height: 15.6rem;
  position: relative;
  width: 100%; }
  .crossSellBanner .phone {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    display: inline-block;
    height: 14.5rem;
    position: absolute;
    right: 1rem;
    width: 11.25rem; }
  .crossSellBanner .title {
    color: #ffffff;
    max-width: 60%;
    padding: 2rem 0 1.7rem 2rem; }
  .crossSellBanner .links {
    padding-left: 2rem; }
    .crossSellBanner .links .link {
      color: #ffffff;
      display: inline-block;
      height: 1.8rem;
      padding-left: 2.5rem;
      padding-top: .8rem;
      text-decoration: none; }
      .crossSellBanner .links .link:hover {
        color: #b7b9bc; }
      .crossSellBanner .links .link.android {
        border-right: 0.1rem solid rgba(255, 255, 255, 0.4);
        padding-right: .9rem;
        margin-right: .7rem; }
      .crossSellBanner .links .link.print {
        background-position: .2rem .5rem;
        color: #323232;
        margin-top: 1.5rem;
        margin-bottom: 1rem; }
        .crossSellBanner .links .link.print:hover {
          color: #323232; }

.distance_to_widget {
  margin-top: 0.8rem; }
  .distance_to_widget .btn_link, .distance_to_widget .btn_link_icon {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6f737a;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-position: bottom left;
    color: #01b6b2;
    cursor: default;
    text-decoration: none; }
    .distance_to_widget .btn_link.icon, .distance_to_widget .icon.btn_link_icon {
      padding-left: 2.8rem; }
    .distance_to_widget .btn_link .distance_label, .distance_to_widget .btn_link_icon .distance_label {
      cursor: pointer; }

#searchbar {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  background-color: transparent;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  margin-bottom: 0.4rem;
  overflow: hidden; }
  #searchbar.suggestion_list_visible {
    border-radius: 0.2rem 0.2rem 0 0; }
  #searchbar .bar {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-pack: end;
    background-color: #ffffff; }
  #searchbar input, #searchbar .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content #searchbar textarea {
    height: 4.8rem;
    margin: 0; }
  #searchbar .icon_btn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    border: none;
    height: 4.8rem;
    outline: 0;
    width: 4.8rem; }
  #searchbar .btn_back, #searchbar .menu_access_btn {
    background-color: transparent;
    background-position: 1.6rem;
    background-size: 1.6rem;
    cursor: pointer;
    height: 4.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    width: 4.8rem; }
    #searchbar .btn_back:focus, #searchbar .menu_access_btn:focus {
      outline: none;
      -moz-outline-style: none; }
    #searchbar .btn_back:after, #searchbar .menu_access_btn:after {
      border-right: 0.1rem solid #f1f1f2;
      content: "";
      height: 2.4rem;
      position: absolute;
      right: 0;
      top: 1.2rem;
      width: 0;
      z-index: 53; }
  #searchbar .btn_directions {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzI3MzE0MiIgZD0iTTE5LjYyNywxMS42MjJsLTYuNTA5LTMuNzYxYy0wLjQ0Mi0wLjI1NS0wLjgwMy0wLjA0Ni0wLjgwMywwLjQ2NHYxLjk4NGMtMi4wNDQsMC4wNjctMy44NjIsMC44My01LjM4MiwxLjk5N1Y3LjU2N2gxLjg3MmMwLjUxMSwwLDAuNzE5LTAuMzYyLDAuNDY0LTAuODA0TDUuNTU4LDAuMzM1Yy0wLjI1NC0wLjQ0Mi0wLjY3Mi0wLjQ0MS0wLjkyNywwTDAuOTE5LDYuNzYzQzAuNjY0LDcuMjA2LDAuODczLDcuNTY3LDEuMzgzLDcuNTY3aDEuODU2VjIwaDMuNjk1di0wLjE4NmMwLTMuMDY5LDIuMzUyLTUuNjMzLDUuMzgyLTUuNzkydjEuNzI2YzAsMC41MTEsMC4zNiwwLjcxOSwwLjgwMywwLjQ2M2w2LjUwOS0zLjY2MkMyMC4wNjgsMTIuMjk0LDIwLjA2OCwxMS44NzcsMTkuNjI3LDExLjYyMnoiLz48L3N2Zz4=);
    background-position: 1.4rem center;
    color: #0f1621;
    font-size: 1.2rem;
    line-height: 5rem;
    margin-right: .8rem;
    padding-left: 3.8rem;
    position: relative;
    text-decoration: none;
    width: auto; }
  #searchbar .input_search {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    background-color: #ffffff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJJc29sYXRpb25fTW9kZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NHB4IiBoZWlnaHQ9IjQ0cHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDQgNDQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMyNzMxNDIiIGQ9Ik0zOS4zOCw0My45NTdjLTAuNzk4LDAtMS41NDctMC4zMTEtMi4xMDgtMC44NzNsLTguNDI5LTguNDI3Yy0zLjAwNSwxLjkxLTYuNDY5LDIuOTE3LTEwLjA1NywyLjkxOUM4LjQyNywzNy41NzQsMCwyOS4xNDUsMCwxOC43ODhDMCw4LjQyOCw4LjQyNywwLDE4Ljc4NiwwYzEwLjM2LDAsMTguNzg4LDguNDI4LDE4Ljc4OCwxOC43ODhjMCwzLjU4NS0xLjAwNyw3LjA0OC0yLjkxOCwxMC4wNTdsOC40MjgsOC40MjdjMC41NjIsMC41NjIsMC44NzEsMS4zMSwwLjg3MSwyLjEwOGMwLDAuNzk4LTAuMzEsMS41NDgtMC44NzEsMi4xMDlsLTEuNTk2LDEuNTk1QzQwLjkyOCw0My42NDYsNDAuMTc5LDQzLjk1NywzOS4zOCw0My45NTd6IE0xOC43ODYsNi44NjhjLTYuNTcyLDAtMTEuOTE5LDUuMzQ3LTExLjkxOSwxMS45MmMwLDYuNTcxLDUuMzQ3LDExLjkxOSwxMS45MTksMTEuOTJjNi41NzMtMC4wMDEsMTEuOTIxLTUuMzQ5LDExLjkyMS0xMS45MkMzMC43MDcsMTIuMjE0LDI1LjM1OSw2Ljg2OCwxOC43ODYsNi44Njh6Ii8+PC9zdmc+);
    background-position: -3rem center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    border: none;
    border-left: 4.4rem solid transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #0f1621;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0; }
    #searchbar .input_search:-ms-input-placeholder {
      color: #6f737a; }
    #searchbar .input_search:-moz-placeholder {
      color: #6f737a; }
    #searchbar .input_search::-moz-placeholder {
      color: #6f737a; }
    #searchbar .input_search::-webkit-input-placeholder {
      color: #6f737a; }
  #searchbar .input_search:-ms-input-placeholder,
  #searchbar .input_search::-moz-placeholder,
  #searchbar .input_search::-webkit-input-placeholder {
    color: #666; }
  #searchbar .close_suggestions {
    background-color: transparent;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 2.0rem;
    border: 0;
    cursor: pointer;
    width: 3.5rem; }
  #searchbar .clean_search {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    border: 0;
    cursor: pointer;
    margin: 0 1.6rem 0 1.6rem;
    width: 1.6rem; }
  #searchbar .categories_container {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex; }
    #searchbar .categories_container .dropdown_list_item {
      overflow: visible;
      position: relative; }
      #searchbar .categories_container .dropdown_list_item .dropdown_list_item_title {
        display: block;
        max-width: 100%;
        width: 100%; }
  #searchbar .menu {
    background-color: transaprent;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: relative;
    right: auto;
    width: auto; }
    #searchbar .menu .map_controls {
      position: static; }
  #searchbar .horizontal_gradient {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
    height: 4.8rem;
    position: absolute;
    right: 4.5rem;
    top: 0;
    width: 2.4rem; }

.here_no_touch #searchbar .btn_directions:hover {
  color: #2ed5c9; }

#searchbar .bar:not(.bar_no_bottom) {
  border-bottom: .1rem solid #E4E4E4; }

.collections_info_container {
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify; }

.infobar_no_results {
  background-color: #f1f1f2;
  min-height: 4.4rem;
  padding: 0.8rem 0 0.8rem 0; }
  .infobar_no_results span {
    color: #6f737a;
    display: block;
    font-size: 1.4rem; }
  .infobar_no_results span:first-child {
    color: #0f1621; }
  .infobar_no_results .msg_body {
    padding-top: 0.4rem; }

.search_results {
  position: relative;
  padding-bottom: .8rem; }

.search_more_placeholder {
  padding: 0.8rem 0;
  text-align: center; }
  .search_more_placeholder.ng-hide-remove {
    -webkit-transition: opacity, 0.3s, ease 1s;
    -webkit-transition-delay: 0s;
    -webkit-transition: opacity 0.3s ease 1s false false;
    transition: opacity 0.3s ease 1s false false;
    display: block !important;
    opacity: 0; }
  .search_more_placeholder.ng-hide-remove-active {
    opacity: 1; }

.search_no_results {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2rem;
  text-align: center; }
  .search_no_results .magnifier {
    display: inline-block;
    height: 5rem;
    width: 5rem; }

.search_container {
  background-color: #f1f1f2; }
  .search_container.minimized {
    height: 0; }

body.search #itemsGrid, body.discover #itemsGrid {
  background-color: #f1f1f2; }

body.search .panel .scrollable_content, body.discover .panel .scrollable_content {
  overflow-y: scroll;
  padding-left: .8rem; }

body.search .panel .new_header, body.discover .panel .new_header {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto; }

#itemsGrid .results {
  margin-bottom: .8rem;
  position: relative; }

.discover .panel .panel_content {
  background-color: #f1f1f2; }

@media screen and (max-height: 485px) {
  .nps textarea {
    height: 2.2rem; } }

.nps .form_group {
  padding: 0.8rem 0;
  position: relative; }
  .nps .form_group input[type="checkbox"], .nps .form_group .popover-container .popover .popover_content textarea[type="checkbox"], .popover-container .popover .popover_content .nps .form_group textarea[type="checkbox"],
  .nps .form_group label {
    float: left;
    font-size: 1.4rem; }
  .nps .form_group input[type="checkbox"], .nps .form_group .popover-container .popover .popover_content textarea[type="checkbox"], .popover-container .popover .popover_content .nps .form_group textarea[type="checkbox"] {
    margin: 0.3rem 0.5rem 0 0;
    padding: 0; }
  .nps .form_group label {
    width: 24rem; }
  .nps .form_group input:not([type]), .nps .form_group .popover-container .popover .popover_content textarea:not([type]), .popover-container .popover .popover_content .nps .form_group textarea:not([type]),
  .nps .form_group input[type="text"],
  .nps .form_group .popover-container .popover .popover_content textarea[type="text"], .popover-container .popover .popover_content
  .nps .form_group textarea[type="text"] {
    width: 100%; }
  .nps .form_group input[type="checkbox"], .nps .form_group .popover-container .popover .popover_content textarea[type="checkbox"], .popover-container .popover .popover_content .nps .form_group textarea[type="checkbox"] {
    height: auto; }

.nps .step main {
  display: block;
  margin: 2rem 3.2rem; }

.nps .step.confirm {
  text-align: center; }
  .nps .step.confirm .facebook-sharing {
    margin-top: 2rem; }
  .nps .step.confirm .message {
    margin-top: 1rem; }
    .nps .step.confirm .message.facebook {
      line-height: 1rem; }
      .nps .step.confirm .message.facebook .fb-like {
        border: none;
        bottom: 0;
        height: 2rem !important;
        overflow: hidden;
        width: 11.5rem !important;
        display: inline-block !important; }
  .nps .step.confirm [data-ng-click][data-here-facebook-href] {
    cursor: pointer; }
    .nps .step.confirm [data-ng-click][data-here-facebook-href] * {
      pointer-events: none; }

.nps .step .nps-vote {
  text-align: center;
  width: 27rem;
  overflow: hidden;
  margin-top: 2rem; }
  .nps .step .nps-vote .nsp-rating {
    margin-top: 0.7rem; }
  .nps .step .nps-vote .nsp-rating-values .value {
    color: #2ed5c9;
    font-size: 2.2rem;
    margin-bottom: -2rem; }
    .nps .step .nps-vote .nsp-rating-values .value.placeholder {
      color: #6f737a;
      font-size: 1.2rem;
      -webkit-transform: translateY(-0.4rem);
              transform: translateY(-0.4rem); }
  .nps .step .nps-vote .nsp-rating-labels, .nps .step .nps-vote .nsp-rating-values {
    clear: both;
    height: 2rem;
    text-align: center; }
    .nps .step .nps-vote .nsp-rating-labels .center, .nps .step .nps-vote .nsp-rating-values .center {
      display: inline-block; }
    .nps .step .nps-vote .nsp-rating-labels .left, .nps .step .nps-vote .nsp-rating-labels .right, .nps .step .nps-vote .nsp-rating-values .left, .nps .step .nps-vote .nsp-rating-values .right {
      color: #4b5159;
      font-size: 1.2rem; }
    .nps .step .nps-vote .nsp-rating-labels .left, .nps .step .nps-vote .nsp-rating-values .left {
      float: left; }
    .nps .step .nps-vote .nsp-rating-labels .right, .nps .step .nps-vote .nsp-rating-values .right {
      float: right; }
  .nps .step .nps-vote .nps-bar {
    border: 0.1rem solid #9fa2a6;
    border-radius: 0.2rem;
    clear: both;
    height: 1.2rem;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .nps .step .nps-vote .nps-bar .nps-overlay {
      height: 1.2rem;
      position: absolute;
      width: 27rem;
      z-index: 3; }
      .nps .step .nps-vote .nps-bar .nps-overlay .fill {
        cursor: pointer;
        /*height: 20px;*/
        /*width: 3.6rem;*/
        height: 1.2rem;
        margin-left: 2.45rem;
        width: 2.45rem; }
      .nps .step .nps-vote .nps-bar .nps-overlay .fill.on {
        background-color: rgba(1, 182, 178, 0.6); }
      .nps .step .nps-vote .nps-bar .nps-overlay .fill:hover {
        background-color: #01b6b2; }
      .nps .step .nps-vote .nps-bar .nps-overlay .fill.cl0 {
        margin-left: 0; }
      .nps .step .nps-vote .nps-bar .nps-overlay .fill:not(.cl10):after {
        content: "|";
        font-size: 0.4rem;
        left: 50%;
        position: relative;
        top: -1.8rem; }

.nps .step .nps-terms-link,
.nps .step .report_map {
  color: #333942;
  font-size: 1.2rem;
  line-height: 1.5rem; }
  .nps .step .nps-terms-link a,
  .nps .step .report_map a {
    color: #2ed5c9;
    text-decoration: none; }

.nps .step .report_map {
  color: #2ed5c9;
  cursor: pointer;
  margin-top: 1.5rem; }

.nps fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.popover.condensed {
  width: 29.8rem; }
  .popover.condensed .nps main {
    margin: 0;
    padding: 1rem 1.2rem;
    display: block; }
  .popover.condensed .nps textarea {
    max-height: 4.2rem; }
  .popover.condensed .nps #nps-comment-form header {
    max-height: 2.8rem;
    line-height: 1.8rem;
    border: 0; }
  .popover.condensed .nps #nps-comment-form .nps-email-form > .inner {
    -webkit-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    max-height: 12rem;
    overflow: hidden; }
  .popover.condensed .nps #nps-comment-form .nps-email-form.hide-email-input > .inner {
    max-height: 0;
    padding: 0; }
  .popover.condensed .nps #nps-comment-form .nps-email-form .nps-terms-link {
    margin-top: 1rem; }
  .popover.condensed .nps #nps-comment-form .nps-email-form input.email, .popover-container .popover.condensed .nps #nps-comment-form .nps-email-form .popover_content textarea.email, .popover-container .popover.condensed .popover_content .nps #nps-comment-form .nps-email-form textarea.email {
    margin-top: 1rem; }
  .popover.condensed .nps .step .nps-vote {
    margin-top: 1rem; }
  .popover.condensed .nps .step footer {
    padding: 1rem; }
    .popover.condensed .nps .step footer button {
      margin: 1rem; }

.modal .send_to_car {
  height: 100%;
  overflow-y: auto;
  position: absolute;
  width: 100%; }
  .modal .send_to_car > * {
    margin: 0 auto;
    width: 64rem; }
  .modal .send_to_car header {
    border-bottom: 0.1rem solid #f1f1f2;
    margin: 3.3rem auto 0;
    padding-bottom: 3rem;
    text-align: center; }
  .modal .send_to_car .place_info, .modal .send_to_car .directions_info {
    border-bottom: 0.1rem solid #f1f1f2; }
    .modal .send_to_car .place_info h3, .modal .send_to_car .directions_info h3 {
      margin: .3rem 0; }
    .modal .send_to_car .place_info .place_address, .modal .send_to_car .directions_info .place_address {
      color: #333942; }
  .modal .send_to_car .place_info {
    margin-top: 1rem;
    padding-bottom: 1rem;
    text-align: center; }
    .modal .send_to_car .place_info svg {
      height: 3.2rem;
      width: 3.2rem; }
  .modal .send_to_car .notification_box {
    margin-top: 3rem; }
  .modal .send_to_car .first_step {
    position: relative; }
    .modal .send_to_car .first_step .narrow {
      margin: 0 auto;
      width: 32rem; }
    .modal .send_to_car .first_step select,
    .modal .send_to_car .first_step input,
    .modal .send_to_car .first_step .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content
    .modal .send_to_car .first_step textarea {
      width: 100%; }
      .modal .send_to_car .first_step select[type="checkbox"],
      .modal .send_to_car .first_step input[type="checkbox"],
      .modal .send_to_car .first_step .popover-container .popover .popover_content textarea[type="checkbox"], .popover-container .popover .popover_content
      .modal .send_to_car .first_step textarea[type="checkbox"] {
        width: auto; }
    .modal .send_to_car .first_step .car_info {
      margin-top: 3rem; }
    .modal .send_to_car .first_step .vin_info {
      font-size: 1.2rem;
      margin-top: 1.6rem; }
    .modal .send_to_car .first_step .remember_car {
      margin: 1rem auto 3rem; }
      .modal .send_to_car .first_step .remember_car label {
        color: #6f737a;
        display: inline;
        font-size: 1.2rem !important; }
      .modal .send_to_car .first_step .remember_car input[type="checkbox"], .modal .send_to_car .first_step .remember_car .popover-container .popover .popover_content textarea[type="checkbox"], .popover-container .popover .popover_content .modal .send_to_car .first_step .remember_car textarea[type="checkbox"] {
        display: inline;
        left: -.4rem;
        margin-right: .3rem;
        position: relative;
        top: .2rem; }
  .modal .send_to_car .directions_info .narrow {
    margin: 0 auto;
    width: 40rem; }
  .modal .send_to_car .buttons {
    border-top: 0.1rem solid #f1f1f2;
    padding: 2rem 0 3rem;
    text-align: center; }
    .modal .send_to_car .buttons .btn {
      margin: 0 .4rem; }
  .modal .send_to_car #itinerary_view_send_route_to_car {
    margin-top: .4rem; }
  .modal .send_to_car .itinerary_item {
    border-bottom: none;
    height: auto;
    line-height: auto;
    position: relative; }
  .modal .send_to_car .itinenary_list_item {
    position: relative; }
  .modal .send_to_car .itinerary_item_icon {
    position: relative;
    float: left;
    height: 2rem;
    padding: 1.4rem 0 0 0;
    margin: 0;
    line-height: 1.8rem;
    top: .3rem;
    width: 2rem; }
  .modal .send_to_car .itinerary_item_icon.from {
    top: .1rem; }
  .modal .send_to_car .itinerary_item_border {
    border-left: 0.2rem dotted #878a90;
    height: 100%;
    left: .65rem;
    position: absolute;
    top: 2rem;
    width: .2rem; }
  .modal .send_to_car .itinerary_item_title {
    background-color: transparent;
    border-top: 1px solid #f1f1f2;
    color: #333942;
    float: left;
    font-size: 1.6rem;
    height: auto;
    line-height: 2rem;
    margin: 0 0 0 1.9rem;
    outline: none;
    padding: 1.4rem 0;
    text-align: left;
    width: calc(100% - 8.6rem); }
  .modal .send_to_car .itinerary_item_title.first_child {
    border-top: none; }
  .modal .send_to_car .send_to_car_spinner {
    position: absolute;
    background: url(/static_content/spinner-c9708dd096ff38a6930c7b2da86f426e.gif) no-repeat center 25%;
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 40px 40px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .modal .send_to_car .no_border_top {
    border-top: none; }

.report_problem h2 {
  color: #333942;
  margin: 0 0 1.5rem 0;
  word-wrap: break-word; }

.report_problem button {
  float: right;
  height: 3.8rem;
  margin: 1.2rem 0 .6rem .8rem;
  min-width: 8rem; }

.report_problem p.secondary {
  padding-bottom: 1.5rem; }

.report_problem .line {
  background: #b7b9bc;
  height: 0.1rem;
  margin: 0 -3.5rem 1.5rem -3.5rem; }

.report_problem textarea {
  border: 0.1rem solid #f1f1f2;
  -webkit-box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.15) inset;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  outline: 0 none;
  padding: .6rem 1rem 0 1rem;
  width: 24.8rem; }

.report_problem textarea, .report_problem input, .report_problem .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .report_problem textarea {
  color: #0f1621;
  font-family: 'FiraSansRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

.overview_actionbar .actionbar {
  border-top: none; }

.collections_overlay.manage .top, .cover_overlay.manage .top {
  border-bottom: none; }

.collections_overlay .top, .cover_overlay .top {
  border-bottom: 1px solid #f1f1f2;
  margin: 3.3rem auto 0 auto;
  padding-bottom: 2rem;
  text-align: center; }
  .collections_overlay .top p, .cover_overlay .top p {
    padding-top: 1.6rem; }

.collections_overlay .notification_box, .cover_overlay .notification_box {
  margin: 0 auto;
  margin-top: 4rem;
  width: 56.6rem; }

.collections_grid {
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 4.6rem; }
  .collections_grid .btn:last-of-type {
    float: right; }
  .collections_grid .collections_list {
    height: 100%;
    list-style-type: none;
    margin-top: 5.0rem;
    overflow-y: auto; }
    .collections_grid .collections_list li {
      background-color: #0f1621;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      height: 24rem;
      margin: 0 .5rem .5rem 0;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 20.6rem; }
      .collections_grid .collections_list li .card_overlay {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0; }
      .collections_grid .collections_list li.cover .card_overlay {
        background-color: rgba(0, 0, 0, 0.5); }
      .collections_grid .collections_list li.cover:hover .card_overlay {
        background-color: rgba(0, 0, 0, 0.8); }
      .collections_grid .collections_list li:not(.cover):hover .card_overlay {
        background-color: rgba(0, 0, 0, 0.3); }
      .collections_grid .collections_list li .card_content {
        position: absolute; }
      .collections_grid .collections_list li .inner_box {
        font-size: 1.6rem;
        height: 5.8rem;
        line-height: 5.8rem;
        overflow: hidden;
        padding: 0 .5rem;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 19.6rem; }
      .collections_grid .collections_list li .total_coll {
        margin-top: 6rem;
        text-align: center; }
        .collections_grid .collections_list li .total_coll span {
          background-repeat: no-repeat;
          display: inline-block;
          font-size: 2.4rem;
          line-height: 2.8rem;
          vertical-align: text-bottom;
          height: 2.2rem; }
        .collections_grid .collections_list li .total_coll .fav_icon {
          width: 2.2rem; }
      .collections_grid .collections_list li .coll_icon {
        background-repeat: no-repeat;
        display: inline-block;
        font-size: 2.4rem;
        height: 2.2rem;
        margin-top: 1.5rem;
        width: 2.2rem; }
      .collections_grid .collections_list li hr {
        border: none;
        border-bottom: 1px solid;
        padding-top: 5.6rem;
        width: 7.2rem; }
      .collections_grid .collections_list li .note {
        color: #272d37;
        display: none;
        font-size: 1.6rem;
        padding: 0 0.6rem; }
      .collections_grid .collections_list li.unsorted {
        background-color: #f1f1f2;
        border: 0.1rem solid #878a90; }
        .collections_grid .collections_list li.unsorted .total_coll {
          color: #878a90; }
        .collections_grid .collections_list li.unsorted .inner_box {
          color: #878a90; }
        .collections_grid .collections_list li.unsorted hr {
          border-color: #878a90; }
        .collections_grid .collections_list li.unsorted:not(.selectable):hover .inner_box {
          background-color: transparent;
          height: 4.7rem;
          line-height: 4.7rem; }
        .collections_grid .collections_list li.unsorted:not(.selectable):hover hr {
          padding-top: 1.6rem; }
        .collections_grid .collections_list li.unsorted:not(.selectable):hover .note {
          display: block; }
        .collections_grid .collections_list li.unsorted .card_overlay {
          display: none; }
      .collections_grid .collections_list li.selectable .total_coll,
      .collections_grid .collections_list li.selectable .inner_box {
        color: #ffffff; }
      .collections_grid .collections_list li.selectable hr {
        border-color: #333942; }
      .collections_grid .collections_list li.selectable {
        border: none;
        cursor: pointer; }
        .collections_grid .collections_list li.selectable:hover {
          background-color: rgba(0, 0, 0, 0.8); }
          .collections_grid .collections_list li.selectable:hover .total_coll {
            color: #ffffff; }
      .collections_grid .collections_list li.active .total_coll {
        color: white; }
      .collections_grid .collections_list li.active .inner_box {
        background-color: transparent;
        color: white;
        height: 4.7rem;
        line-height: 4.7rem; }
      .collections_grid .collections_list li.active hr {
        border-bottom: 1px solid #ffffff;
        padding-top: 1.6rem; }

.create_collection form {
  margin: 0 auto;
  padding: 4rem 0;
  text-align: center;
  width: 64rem; }

.create_collection fieldset {
  margin: 0 auto;
  text-align: center;
  width: 32rem; }
  .create_collection fieldset.right {
    float: none;
    text-align: right; }
  .create_collection fieldset > .btn:not(:first-child) {
    margin-left: .8rem; }

.create_collection input, .create_collection .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .create_collection textarea {
  width: 100%; }

.collections_empty {
  margin: 0 auto;
  padding: 1.6rem;
  text-align: center;
  width: 58.8rem; }
  .collections_empty p {
    font-size: 1.4rem;
    margin-bottom: 5.0rem;
    margin-top: 2.0rem; }
  .collections_empty .fav_icon {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 13.7rem 13.7rem;
    display: block;
    height: 13.7rem;
    width: 58.8rem; }

.header_collections {
  background-color: #ffffff;
  overflow: hidden; }
  .header_collections .collection_info {
    padding: 1.6rem;
    background-color: #ffffff; }
    .header_collections .collection_info .collection_title {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #0f1621;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
  .header_collections .new_header .count {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 2.2rem;
    display: inline;
    font-size: 2rem;
    line-height: 1.6rem;
    margin-left: 1.3rem;
    padding: 0 0 0 2.3rem; }
  .header_collections nav.bar li {
    width: 50%; }
  .header_collections nav.bar button[disabled="disabled"],
  .header_collections nav.bar button[disabled="disabled"]:hover {
    color: #878a90; }
  .header_collections .header_image {
    background-position: center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .header_collections .header_image.fadein > .image {
      opacity: 1; }
    .header_collections .header_image > .image {
      -webkit-transition: opacity 3s ease;
      transition: opacity 3s ease;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      opacity: 0; }
    .header_collections .header_image .attribution {
      bottom: .8rem;
      color: #f1f1f2;
      font-size: 1rem;
      font-style: normal;
      position: absolute;
      right: 1rem;
      white-space: nowrap; }
      .header_collections .header_image .attribution a {
        color: #f1f1f2;
        text-decoration: none; }

.collections_rows {
  background: #f1f1f2;
  padding: 0.8rem; }
  .collections_rows > section {
    position: relative; }
    .collections_rows > section > section {
      margin-right: -0.8rem;
      margin-top: -0.8rem;
      position: relative; }
  .collections_rows .attribution {
    bottom: .8rem;
    color: #f1f1f2;
    font-size: 1rem;
    font-style: normal;
    position: absolute;
    right: 1rem;
    white-space: nowrap;
    z-index: 3; }
    .collections_rows .attribution a {
      color: #f1f1f2;
      text-decoration: none; }

.empty_notice {
  background: white;
  padding: 4rem 1rem;
  text-align: center; }
  .empty_notice h2 {
    font-size: 2.8rem; }
  .empty_notice h3 {
    font-size: 2.2rem;
    margin-bottom: 1rem; }
  .empty_notice .fav_icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14rem;
    height: 14rem;
    margin: 2rem 0; }
  .empty_notice .star_icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5rem;
    height: 5rem;
    margin: 0 0 2rem; }
  .empty_notice.landing_page {
    padding: 2rem; }
    .empty_notice.landing_page .fav_icon {
      background-size: 22rem;
      height: 12rem;
      margin: 2rem 0; }
    .empty_notice.landing_page button {
      margin-bottom: 1.2rem; }
    .empty_notice.landing_page p {
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #333942;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      color: #0f1621;
      padding: 2rem; }

.empty_collection_notice {
  background-color: #f1f1f2;
  padding: 6.4rem;
  text-align: center; }
  .empty_collection_notice h3 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
  .empty_collection_notice .star_icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3.2rem;
    height: 3.2rem;
    margin: 0 0 1rem; }

.description_container {
  display: none;
  margin-bottom: 0; }
  .description_container.ready {
    display: block; }
    .description_container.ready .btn_description {
      display: inline-block; }
  .description_container.has_description .description {
    display: block; }
  .description_container.has_description .editor {
    display: none; }
  .description_container.edit > .btn {
    display: none; }
  .description_container.edit .description {
    display: none; }
  .description_container.edit .editor {
    display: block; }
  .description_container .description {
    display: none;
    overflow: hidden;
    padding: 0; }
  .description_container .text {
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis; }
  .description_container .btn_description {
    display: none;
    width: 100%; }
  .description_container .quote_icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4rem;
    float: left;
    height: 2.5rem;
    margin-right: 1rem;
    width: 4rem; }
  .description_container .btn.right {
    margin-left: 1rem;
    position: relative;
    z-index: 1; }

.blocker {
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2; }
  .blocker .here-spinner {
    left: 45%;
    position: absolute;
    top: 33%; }

.editor {
  display: none;
  padding: 2rem;
  position: relative; }
  .editor textarea {
    border: 0.1rem solid #878a90;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.4rem;
    height: 9rem;
    padding: .5rem 1rem;
    resize: vertical;
    width: 100%; }
    .editor textarea:-ms-input-placeholder {
      color: #6f737a; }
    .editor textarea:-moz-placeholder {
      color: #6f737a; }
    .editor textarea::-moz-placeholder {
      color: #6f737a; }
    .editor textarea::-webkit-input-placeholder {
      color: #6f737a; }
    .editor textarea:focus {
      border: 1px solid #2ed5c9;
      outline: none; }
  .editor .notification_box {
    margin-bottom: 1rem; }
  .editor .char_count {
    font-size: 1.2rem; }
  .editor .actions {
    line-height: 3rem;
    margin-top: 1.5rem;
    overflow: hidden; }
  .editor .btn.right {
    margin-left: 1rem; }
  .editor .blocker {
    background: rgba(255, 255, 255, 0.8); }

.list_box {
  height: 16rem;
  margin: 0 0 .8rem 0;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .list_box:last-child {
    margin-bottom: 0; }
  .list_box .delete_overlay {
    background: #ffffff;
    bottom: 0;
    left: 0;
    padding: 1.2rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    z-index: 4; }
    .list_box .delete_overlay .attention_icon {
      background-position: center;
      background-repeat: no-repeat;
      background-size: 3.5rem;
      display: inline-block;
      height: 4rem;
      margin-bottom: -.4rem;
      margin-top: .5rem;
      position: relative;
      width: 4rem; }
    .list_box .delete_overlay p {
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #0f1621;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-size: 1.4rem;
      height: calc(100% - 2rem);
      margin: 0; }
    .list_box .delete_overlay .btn_link.cancel, .list_box .delete_overlay .cancel.btn_link_icon {
      color: #6f737a; }
    .list_box .delete_overlay .btn_link.confirm, .list_box .delete_overlay .confirm.btn_link_icon {
      margin-left: 0.8rem; }
    .list_box .delete_overlay .btn {
      margin: 0 .4rem; }
    .list_box .delete_overlay .blocker {
      background: rgba(255, 255, 255, 0.9); }
  .list_box .title {
    margin: 0; }
    .list_box .title a {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: white;
      display: block;
      font-size: 2rem;
      font-weight: normal;
      height: 100%;
      padding: 0 2rem;
      position: absolute;
      text-decoration: none;
      width: 100%;
      z-index: 2; }
      .list_box .title a:active {
        background-color: transparent; }
  .list_box .description {
    bottom: 1.5rem;
    color: #9fa2a6;
    height: 4.6rem;
    left: 1.5rem;
    position: absolute;
    right: 1.5rem;
    z-index: 2; }
    .list_box .description .text {
      font-size: 1.4rem;
      height: 3.6rem;
      line-height: 1.8rem;
      margin-top: 1rem;
      overflow: hidden;
      padding-left: 1rem;
      text-align: left;
      text-overflow: ellipsis; }
  .list_box .quote_icon {
    background-position: -0.6rem -0.7rem;
    background-repeat: no-repeat;
    background-size: 3.4rem;
    float: left;
    height: 2rem;
    width: 3rem; }
  .list_box .btn_delete {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 1.8rem;
    position: absolute;
    right: .8rem;
    top: .8rem;
    width: 1.8rem;
    z-index: 2; }

.collection_box {
  background-color: #4b5159;
  border-radius: 0.2rem;
  cursor: pointer;
  height: 10rem;
  overflow: visible; }
  .collection_box:hover {
    background-color: #4b5159;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); }
  .collection_box .description {
    display: none; }
  .collection_box .title a, .collection_box .count {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #ffffff; }
  .collection_box .title a {
    background: rgba(15, 22, 33, 0.3);
    border-radius: 0.2rem;
    line-height: 1.6rem;
    padding-top: 5rem; }
  .collection_box .count {
    background-repeat: no-repeat;
    background-position: 0.5rem 0.1rem;
    background-size: 1.8rem;
    display: block;
    font-size: 1.6rem;
    left: 50%;
    line-height: 2.2rem;
    margin-left: -2.4rem;
    padding-left: 2.8rem;
    position: absolute;
    top: 2.5rem;
    z-index: 3; }
  .collection_box .cover_image {
    border-radius: 0.2rem;
    bottom: 0;
    height: 10rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .collection_box .cover_image .image {
      border-radius: 0.2rem; }

.favorite_box {
  background: #272d37;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 16rem;
  margin: 0 0 0.8rem 0.1rem;
  text-align: left; }
  .favorite_box:hover {
    background: #0f1621; }
    .favorite_box:hover:before {
      background-color: #2ed5c9;
      bottom: 0;
      content: "\A0";
      height: .3rem;
      left: 0;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2; }
  .favorite_box.highlight {
    border-color: #2ed5c9; }
  .favorite_box .delete_overlay {
    background: black;
    padding: 0.8rem 1.8rem 1.8rem 1.8rem;
    text-align: center; }
    .favorite_box .delete_overlay .attention_icon::after {
      background: #9fa2a6; }
    .favorite_box .delete_overlay p {
      color: white;
      margin-top: 2.2rem; }
    .favorite_box .delete_overlay .blocker {
      background: white; }
  .favorite_box .favorite_image {
    background: #878a90;
    float: left;
    height: 20rem;
    position: absolute;
    width: 20rem; }
  .favorite_box .image_cat_icon {
    margin-top: -1.5rem;
    position: relative;
    top: 8rem; }
  .favorite_box .info_cat_icon {
    left: 21rem;
    position: absolute;
    top: 1rem; }
  .favorite_box .empty_description {
    margin-top: 2rem; }
  .favorite_box .title a {
    padding: 0 1rem; }
    .favorite_box .title a span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: white;
      display: block;
      font-size: 1.8rem;
      margin-left: 20rem;
      width: 50%; }
  .favorite_box .address {
    color: #9fa2a6;
    font-size: 1.4rem;
    line-height: 1.6rem;
    max-height: 3.2rem;
    overflow: hidden;
    padding: 0 1rem 0 21rem;
    position: relative;
    top: 7.3rem; }
  .favorite_box .description {
    left: 21rem; }
    .favorite_box .description .quote_icon {
      margin-top: 0; }
    .favorite_box .description .text {
      color: #6f737a;
      padding-top: 0; }
  .favorite_box.city_box .info::before {
    border-bottom: 0; }

.box_image {
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
  background-color: transparent;
  background-size: cover;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%; }
  .box_image::after {
    -webkit-transition: opacity 2s ease;
    transition: opacity 2s ease;
    background: radial-gradient(top, farthest-side circle, rgba(255, 255, 255, 0) 35%, rgba(1, 6, 16, 0.95) 100%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.cover_image .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: 0;
  position: relative; }

.cover_image.fadein .image {
  -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease;
  opacity: 1; }

.collections div[data-ng-controller="CollectionsOverviewCtrl"] {
  min-height: 15rem; }
  .collections div[data-ng-controller="CollectionsOverviewCtrl"] .scrollable_collections {
    min-height: 0; }

.collections.minimized div[data-ng-controller="CollectionsOverviewCtrl"] {
  min-height: 0; }

.collections .favorites {
  min-height: 40rem; }

.info_cat_icon_image.imageLoaded .box_image::after {
  opacity: 1; }

.cover_overlay .top {
  border: none;
  position: relative; }
  .cover_overlay .top .btn_done {
    position: absolute;
    right: 2.5rem;
    top: 2rem; }

.cover_overlay .heading {
  padding: 0 10.5rem 0 8rem; }

.cover_overlay .notification_box {
  margin-top: 2rem; }

.cover_overlay .collections_grid {
  bottom: 2rem;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  top: 12rem; }

.cover_overlay.extend .collections_grid {
  top: 20rem; }

.cover_overlay .collections_list {
  margin: 1rem 0; }
  .cover_overlay .collections_list li {
    background-size: cover;
    cursor: pointer;
    height: 20.6rem; }
    .cover_overlay .collections_list li .check_icon {
      display: none; }
    .cover_overlay .collections_list li.selected .check_icon {
      background-color: rgba(46, 213, 201, 0.6);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 5rem;
      bottom: .5rem;
      display: block;
      left: .5rem;
      position: absolute;
      right: .5rem;
      top: .5rem; }

.cover_overlay .gallery {
  margin-bottom: 4rem;
  overflow: hidden; }
  .cover_overlay .gallery::after {
    clear: both; }
  .cover_overlay .gallery .right {
    margin-right: 2.5rem; }

.collapsed .header_collections, .minimized .header_collections {
  -webkit-box-shadow: none;
          box-shadow: none; }

/* Collection title editable */
.hidden,
.here_collapse .text-counter {
  display: none; }

[data-here-align-headline]::after {
  content: '';
  clear: both;
  display: block; }

.header_headline .text-counter {
  color: #6f737a;
  display: block;
  font-size: 1.2rem;
  text-align: left;
  margin: 1.3rem 0 0 0.8rem; }

.header_headline .text-counter.error {
  color: #d5232f; }

.editable_input {
  background-color: transparent;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%; }

.editable_input[readonly],
.editable_input[readonly]:focus {
  border: .1rem solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  pointer-events: none;
  text-shadow: 0.1rem 0.1rem 0.4rem rgba(0, 0, 0, 0.6); }

.header_collections_count {
  text-align: center; }

.header_collections .notification_box {
  margin: .4rem; }

.scrollable_content.scrollable_collections {
  margin: 0; }

@media only screen and (min-width: 1921px) {
  .collections_grid, .cover_overlay .container {
    width: 170.8rem; }
  .collections_grid .collections_list li:nth-child(8n+0) {
    margin-right: 0; } }

@media only screen and (min-width: 1711px) and (max-width: 1920px) {
  .collections_grid, .cover_overlay .container {
    width: 149.7rem; }
  .collections_grid .collections_list li:nth-child(7n+0) {
    margin-right: 0; } }

@media only screen and (min-width: 1501px) and (max-width: 1710px) {
  .collections_grid, .cover_overlay .container {
    width: 128.6rem; }
  .collections_grid .collections_list li:nth-child(6n+0) {
    margin-right: 0; } }

@media only screen and (min-width: 1291px) and (max-width: 1500px) {
  .collections_grid, .cover_overlay .container {
    width: 107.5rem; }
  .collections_grid .collections_list li:nth-child(5n+0) {
    margin-right: 0; } }

@media only screen and (min-width: 1081px) and (max-width: 1290px) {
  .collections_grid, .cover_overlay .container {
    width: 86.4rem; }
  .collections_grid .collections_list li:nth-child(4n+0) {
    margin-right: 0; }
  .cover_overlay .collections_grid {
    top: 18rem; }
  .cover_overlay.extend .collections_grid {
    top: 26rem; } }

@media only screen and (min-width: 871px) and (max-width: 1080px) {
  .collections_grid, .cover_overlay .container {
    width: 65.3rem; }
  .collections_grid {
    position: static; }
    .collections_grid .collections_list {
      margin-top: 3.5rem; }
      .collections_grid .collections_list li:nth-child(3n+0) {
        margin-right: 0; }
  .cover_overlay .collections_grid {
    top: 18rem; }
  .cover_overlay .top .btn_done {
    bottom: -1.6rem;
    top: auto; }
  .cover_overlay.extend .collections_grid {
    top: 26rem; } }

@media only screen and (max-width: 870px) {
  .collections_grid, .cover_overlay .container {
    width: 44.2rem; }
  .collections_grid {
    position: static; }
    .collections_grid .collections_list {
      margin-top: 3.5rem; }
      .collections_grid .collections_list li:nth-child(2n+0) {
        margin-right: 0; }
  .cover_overlay .collections_grid {
    top: 18rem; }
  .cover_overlay .top .btn_done {
    bottom: -1.6rem;
    top: auto; }
  .cover_overlay.extend .collections_grid {
    top: 26rem; } }

.modal .settings_dialog {
  overflow-y: auto;
  text-align: center; }
  .modal .settings_dialog > * {
    margin: 0 auto;
    text-align: center;
    width: 64rem; }
  .modal .settings_dialog > section {
    margin: 2rem auto;
    padding: 1rem; }
    .modal .settings_dialog > section:not(:last-of-type) {
      border-bottom: 0.1rem solid #f1f1f2; }
    .modal .settings_dialog > section h2 {
      margin-bottom: 2rem; }
  .modal .settings_dialog header {
    margin-top: 4.3rem;
    padding-bottom: 3rem; }
  .modal .settings_dialog label, .modal .settings_dialog input, .modal .settings_dialog .popover-container .popover .popover_content textarea, .popover-container .popover .popover_content .modal .settings_dialog textarea {
    display: inline; }
  .modal .settings_dialog input[type=radio], .modal .settings_dialog .popover-container .popover .popover_content textarea[type=radio], .popover-container .popover .popover_content .modal .settings_dialog textarea[type=radio] {
    margin-left: 2rem; }
  .modal .settings_dialog select {
    width: 100%; }
  .modal .settings_dialog section.cookies_consent {
    padding-bottom: 2rem; }
  .modal .settings_dialog section.cookies_checkboxes {
    margin-top: 2rem; }
  .modal .settings_dialog section.language label {
    display: inline-block;
    text-align: left;
    width: 24rem; }
  .modal .settings_dialog section.clear_recents .recents_actions {
    margin: 3rem 0 2rem;
    position: relative; }
    .modal .settings_dialog section.clear_recents .recents_actions > * {
      display: inline-block; }
    .modal .settings_dialog section.clear_recents .recents_actions .recents_progress {
      position: absolute;
      right: 30rem;
      top: -.1rem; }
  .modal .settings_dialog section.receive_data .recents_enabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .modal .settings_dialog section.receive_data .request_actions {
    margin: 3rem 0 2rem;
    position: relative;
    display: inline-block; }
    .modal .settings_dialog section.receive_data .request_actions a {
      text-decoration: none;
      min-width: 8rem;
      vertical-align: middle;
      display: table-cell; }
    .modal .settings_dialog section.receive_data .request_actions a:hover {
      background-color: rgba(1, 182, 178, 0.2);
      color: #01b6b2; }
  .modal .settings_dialog section.data_delete div {
    margin-bottom: 2rem; }
  .modal .settings_dialog section.submit {
    margin-top: 2rem; }
  .modal .settings_dialog .imperialUKUS {
    margin-bottom: 20px; }
    .modal .settings_dialog .imperialUKUS > label {
      margin: 0 10px; }
    .modal .settings_dialog .imperialUKUS input[type='radio'], .modal .settings_dialog .imperialUKUS .popover-container .popover .popover_content textarea[type='radio'], .popover-container .popover .popover_content .modal .settings_dialog .imperialUKUS textarea[type='radio'] {
      vertical-align: top;
      margin-top: 11px; }
    .modal .settings_dialog .imperialUKUS .unit {
      display: inline-block; }
      .modal .settings_dialog .imperialUKUS .unit .unit_desc {
        display: block;
        font-size: 11px; }

.freshdesk-form {
  width: 30rem;
  max-height: 70rem; }
  .freshdesk-form main {
    display: block;
    margin: 2rem; }
  .freshdesk-form input[type='email'], .freshdesk-form .popover-container .popover .popover_content textarea[type='email'], .popover-container .popover .popover_content .freshdesk-form textarea[type='email'] {
    margin-bottom: 0.4rem;
    width: 100%; }
  .freshdesk-form select {
    margin-bottom: 2rem;
    width: 100%; }
  .freshdesk-form textarea {
    resize: vertical;
    width: 100%;
    min-height: 110px; }
  .freshdesk-form input:invalid, .freshdesk-form .popover-container .popover .popover_content textarea:invalid, .popover-container .popover .popover_content .freshdesk-form textarea:invalid, .freshdesk-form select:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .freshdesk-form ul {
    max-height: 12rem;
    max-width: 26rem;
    overflow-x: auto; }
  .freshdesk-form li {
    white-space: nowrap; }
  .freshdesk-form input::-webkit-input-placeholder, .freshdesk-form .popover-container .popover .popover_content textarea::-webkit-input-placeholder, .popover-container .popover .popover_content .freshdesk-form textarea::-webkit-input-placeholder,
  .freshdesk-form textarea::-webkit-input-placeholder {
    color: #9fa2a6; }
  .freshdesk-form input::-moz-placeholder, .freshdesk-form .popover-container .popover .popover_content textarea::-moz-placeholder, .popover-container .popover .popover_content .freshdesk-form textarea::-moz-placeholder,
  .freshdesk-form textarea::-moz-placeholder {
    color: #9fa2a6; }
  .freshdesk-form input:-ms-input-placeholder, .freshdesk-form .popover-container .popover .popover_content textarea:-ms-input-placeholder, .popover-container .popover .popover_content .freshdesk-form textarea:-ms-input-placeholder,
  .freshdesk-form textarea:-ms-input-placeholder {
    color: #9fa2a6 !important; }
  .freshdesk-form input:-moz-placeholder, .freshdesk-form .popover-container .popover .popover_content textarea:-moz-placeholder, .popover-container .popover .popover_content .freshdesk-form textarea:-moz-placeholder,
  .freshdesk-form textarea:-moz-placeholder {
    color: #9fa2a6; }
  .freshdesk-form p.descriptionCounter {
    text-align: right;
    margin-bottom: 1.2rem;
    color: #9fa2a6;
    font-size: 1.2rem; }
  .freshdesk-form label.attach {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0.8rem 0;
    display: inline-block;
    cursor: pointer; }
    .freshdesk-form label.attach button {
      position: relative;
      z-index: -1; }
  .freshdesk-form p.nofilesselected {
    color: #9fa2a6; }
  .freshdesk-form .sending {
    float: left;
    height: 4rem; }
    .freshdesk-form .sending > div {
      float: left;
      padding: 0 1rem;
      margin-right: 0.8rem; }
      .freshdesk-form .sending > div .here-spinner svg {
        width: 2rem;
        height: 2rem; }
    .freshdesk-form .sending p {
      float: left;
      line-height: 4rem;
      color: #dbdcde; }
  .freshdesk-form .sent {
    text-align: center;
    overflow: hidden; }
    .freshdesk-form .sent .icon {
      height: 8rem;
      background: center center no-repeat;
      margin: 4.8rem 0 0.8rem; }
    .freshdesk-form .sent .thanks {
      margin: 3.2rem 0; }
  .freshdesk-form .freshdesk-terms-link {
    color: #333942;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 2rem; }
    .freshdesk-form .freshdesk-terms-link a {
      color: #2ed5c9;
      text-decoration: none; }
  .freshdesk-form .freshdesk-email-privacy-notice {
    color: #333942;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 1.2rem; }
  .freshdesk-form .error-message {
    float: left;
    height: 4rem;
    padding-bottom: 1.5rem; }
    .freshdesk-form .error-message > div {
      float: left;
      padding: 1rem 0;
      margin-right: 0.8rem; }
    .freshdesk-form .error-message p {
      float: left;
      color: #d5232f;
      font-size: 1.2rem;
      line-height: 1.5rem; }

body.landing_page .panel {
  height: auto; }

body.landing_page.here_IE .panel {
  height: 100%; }

.mobility_widget_container {
  z-index: 2; }
  .mobility_widget_container .book_ride_container {
    padding: 1.6rem 1.6rem 1.6rem 1.6rem;
    background-color: white; }
    .mobility_widget_container .book_ride_container .widget_header {
      margin-bottom: 1.6rem; }
  @media (max-device-height: 800px) {
    .mobility_widget_container .here_mobility_widget {
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      z-index: 53; } }
  .mobility_widget_container .here_mobility_widget .widget_top_bar {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-pack: end;
    height: 4.8rem;
    background-color: #ffffff;
    z-index: 2;
    position: relative;
    margin-bottom: -10px;
    border: 1px solid #e0e0e0;
    border-bottom: 0px; }
    .mobility_widget_container .here_mobility_widget .widget_top_bar .hide_widget {
      background-color: transparent;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 1.6rem;
      border: 0;
      cursor: pointer;
      margin: 0 1.6rem 0 1.6rem;
      width: 1.6rem;
      height: 4.8rem; }

#contextualMenu {
  position: absolute;
  display: table-row;
  font-size: 1.2rem;
  line-height: 1.6rem;
  max-width: 30rem;
  margin-top: -3.2rem;
  margin-left: 3.3rem;
  z-index: 3; }
  #contextualMenu.bottom {
    margin-top: -13rem; }
    #contextualMenu.bottom.el3 {
      margin-top: -18rem; }
    #contextualMenu.bottom.el4 {
      margin-top: -23rem; }
  #contextualMenu.right {
    margin-left: -24.4rem; }
    #contextualMenu.right .menu-item {
      text-align: right; }
      #contextualMenu.right .menu-item .ico.header {
        left: 21.5rem; }
      #contextualMenu.right .menu-item .ico {
        left: 22.2rem; }
      #contextualMenu.right .menu-item a:hover :not(.header).label {
        -webkit-box-shadow: inset -20.2rem 0 0 -20rem #2ed5c9;
                box-shadow: inset -20.2rem 0 0 -20rem #2ed5c9; }
  #contextualMenu > span {
    display: table-row; }
  #contextualMenu .menu-item {
    position: relative;
    display: table-cell;
    height: 4.9rem;
    width: 21rem;
    text-align: left;
    vertical-align: middle; }
    #contextualMenu .menu-item .label {
      display: inline-block;
      padding: .3rem .7rem;
      border: 0.1rem solid rgba(15, 22, 33, 0.8);
      border-radius: .5rem;
      background-color: rgba(15, 22, 33, 0.8);
      color: #ffffff;
      text-decoration: none; }
    #contextualMenu .menu-item .ico {
      position: absolute;
      display: inline-block;
      height: 4rem;
      width: 4rem;
      left: -5.4rem;
      top: .3rem;
      border: 0.1rem solid rgba(15, 22, 33, 0.5);
      border-radius: 5rem;
      background: rgba(15, 22, 33, 0.8) 50% 50% no-repeat;
      background-image: inherit;
      -webkit-transition: background-color .2s ease, border .2s ease, width .1s ease, height .1s ease, margin-left .1s ease, margin-top .1s ease;
      transition: background-color .2s ease, border .2s ease, width .1s ease, height .1s ease, margin-left .1s ease, margin-top .1s ease; }
      #contextualMenu .menu-item .ico.dark.header {
        border: 0.1rem solid #ffffff; }
    #contextualMenu .menu-item.header {
      height: 6.5rem;
      line-height: 1.6rem; }
      #contextualMenu .menu-item.header .label {
        color: #2ed5c9;
        font-size: 1.4rem; }
        #contextualMenu .menu-item.header .label:hover {
          -webkit-box-shadow: none;
                  box-shadow: none; }
      #contextualMenu .menu-item.header .ico {
        width: 5.6rem;
        height: 5.6rem;
        left: -6.2rem;
        background-color: transparent; }
        #contextualMenu .menu-item.header .ico:after {
          border: .3rem solid;
          border-color: #0f1621;
          border-radius: 1rem;
          content: '';
          left: 2.5rem;
          position: absolute;
          top: 2.5rem; }
        #contextualMenu .menu-item.header .ico.dark:after {
          border-color: #ffffff; }
    #contextualMenu .menu-item:hover .label {
      background-color: #0f1621; }
    #contextualMenu .menu-item:hover :not(.header).label {
      -webkit-box-shadow: inset 20.2rem 0 0 -20rem #2ed5c9;
              box-shadow: inset 20.2rem 0 0 -20rem #2ed5c9; }
    #contextualMenu .menu-item:hover :not(.header).ico {
      width: 4.6rem;
      height: 4.6rem;
      margin-left: -.3rem;
      margin-top: -.3rem;
      background-color: #2ed5c9; }
  #contextualMenu.hidden-central-point .menu-item.header .ico:after {
    display: none; }
  #contextualMenu.hidden-header .menu-item.header {
    display: none; }
  #contextualMenu.flag {
    margin-top: 4.6rem;
    margin-left: 5.6rem; }
    #contextualMenu.flag.bottom {
      margin-top: -11.6rem; }
      #contextualMenu.flag.bottom.el3 {
        margin-top: -16.6rem; }
      #contextualMenu.flag.bottom.el4 {
        margin-top: -21.6rem; }
    #contextualMenu.flag.right {
      margin-left: -4.4rem; }

.map_controls button,
.map_controls .collections_access_btn,
.map_controls .collections_access_btn a {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
          box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
  cursor: pointer;
  height: 3.2rem;
  outline: none;
  padding: 0;
  width: 3.2rem; }
  .map_controls button::-moz-focus-inner,
  .map_controls .collections_access_btn::-moz-focus-inner,
  .map_controls .collections_access_btn a::-moz-focus-inner {
    border: none;
    padding: 0; }

.map_controls button svg path {
  fill: #333942; }
  .map_controls button svg path.pointer {
    fill: none; }

.map_controls .collections_access_btn {
  position: absolute;
  right: 0.8rem;
  top: 6.8rem; }
  .map_controls .collections_access_btn a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.2rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block; }
    .map_controls .collections_access_btn a.active {
      background-color: #2c48a1 !important; }

.map_controls .location_and_zoom {
  background: transparent;
  bottom: 2.5rem;
  height: 10.6rem;
  position: absolute;
  right: 1rem;
  width: 3.2rem;
  z-index: 1; }
  .map_controls .location_and_zoom .map_control_location {
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
            box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
    float: none;
    font-size: 1.4rem;
    height: 3.2rem;
    margin-bottom: 0.8rem;
    overflow: visible;
    width: 3.2rem;
    z-index: 2; }
    .map_controls .location_and_zoom .map_control_location svg {
      display: inline-block;
      height: 1.6rem;
      vertical-align: top;
      width: 1.6rem; }
    .map_controls .location_and_zoom .map_control_location svg path.outer_location_stroke {
      fill: #4b5159; }
    .map_controls .location_and_zoom .map_control_location svg path.middle_location_stroke {
      fill: #C8D0D9; }
    .map_controls .location_and_zoom .map_control_location svg path.inner_location_stroke {
      fill: #4b5159; }
    .map_controls .location_and_zoom .map_control_location.success svg path.outer_location_stroke {
      fill: #1C5927; }
    .map_controls .location_and_zoom .map_control_location.success svg path.middle_location_stroke {
      fill: #74ED26; }
    .map_controls .location_and_zoom .map_control_location.success svg path.inner_location_stroke {
      fill: #1C5927; }
    .map_controls .location_and_zoom .map_control_location.active svg path.outer_location_stroke {
      fill: #1C5927; }
    .map_controls .location_and_zoom .map_control_location.active svg path.middle_location_stroke {
      fill: #74ED26; }
    .map_controls .location_and_zoom .map_control_location.active svg path.inner_location_stroke {
      fill: #1C5927; }
    .map_controls .location_and_zoom .map_control_location.success .success_message {
      visibility: visible; }
    .map_controls .location_and_zoom .map_control_location.error .error_message {
      visibility: visible; }
    .map_controls .location_and_zoom .map_control_location .error_message, .map_controls .location_and_zoom .map_control_location .error_message_copy,
    .map_controls .location_and_zoom .map_control_location .success_message, .map_controls .location_and_zoom .map_control_location .success_message_copy {
      padding: 0 .8rem;
      position: absolute;
      visibility: hidden;
      white-space: nowrap; }
    .map_controls .location_and_zoom .map_control_location .error_message, .map_controls .location_and_zoom .map_control_location .error_message_copy {
      border: 0.1rem solid #d5232f; }
    .map_controls .location_and_zoom .map_control_location .success_message, .map_controls .location_and_zoom .map_control_location .success_message_copy {
      border: 0.1rem solid #57b96a; }
    .map_controls .location_and_zoom .map_control_location .floating_message {
      -webkit-transition-duration: 0.2s, 0.2s;
      transition-duration: 0.2s, 0.2s;
      -webkit-transition-property: width, left;
      transition-property: width, left;
      -webkit-transition-timing-function: linear, linear;
      transition-timing-function: linear, linear;
      height: 3rem;
      left: 0;
      line-height: 3rem;
      margin-left: -2.6rem;
      width: 0; }
      .map_controls .location_and_zoom .map_control_location .floating_message div {
        overflow: hidden;
        text-overflow: clip;
        white-space: nowrap;
        width: 100%; }
      .map_controls .location_and_zoom .map_control_location .floating_message::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: " ";
        display: block;
        height: .6rem;
        position: absolute;
        right: -.4rem;
        top: 1rem;
        width: .6rem; }
      .map_controls .location_and_zoom .map_control_location .floating_message.error_message {
        background-color: #fbe9eb;
        color: #d5232f; }
        .map_controls .location_and_zoom .map_control_location .floating_message.error_message::after {
          background-color: #fbe9eb;
          border-right: 0.1rem solid #d5232f;
          border-top: 0.1rem solid #d5232f; }
      .map_controls .location_and_zoom .map_control_location .floating_message.success_message {
        background-color: #e6f5e9;
        color: #57b96a; }
        .map_controls .location_and_zoom .map_control_location .floating_message.success_message::after {
          background-color: #e6f5e9;
          border-right: 0.1rem solid #57b96a;
          border-top: 0.1rem solid #57b96a; }
  .map_controls .location_and_zoom .map_control_zoom {
    background-color: #ffffff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
            box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
    height: 6.5rem;
    z-index: 2; }
    .map_controls .location_and_zoom .map_control_zoom .map_control_zoom_in,
    .map_controls .location_and_zoom .map_control_zoom .map_control_zoom_out {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto;
      -webkit-box-shadow: none;
              box-shadow: none;
      float: left; }
    .map_controls .location_and_zoom .map_control_zoom .map_control_zoom_in {
      border-radius: 0.2rem 0.2rem 0 0;
      margin-bottom: 0.1rem;
      position: relative; }
      .map_controls .location_and_zoom .map_control_zoom .map_control_zoom_in::after {
        background-color: #f1f1f2;
        bottom: -0.1rem;
        content: '';
        display: block;
        height: 0.1rem;
        margin-left: 0.8rem;
        position: absolute;
        width: 1.6rem; }
    .map_controls .location_and_zoom .map_control_zoom .map_control_zoom_out {
      border-radius: 0 0 0.2rem 0.2rem; }

#footer {
  bottom: 0;
  color: #0f1621;
  position: absolute;
  right: 0;
  z-index: 1; }
  #footer .btn_link, #footer .btn_link_icon {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: auto;
    width: auto; }
    #footer .btn_link.report_image_link, #footer .report_image_link.btn_link_icon {
      padding: 0 .4rem; }
      #footer .btn_link.report_image_link:hover, #footer .report_image_link.btn_link_icon:hover {
        color: #323232; }
  #footer .footer_container {
    font-size: 1.1rem;
    line-height: 1.2rem;
    background-color: rgba(255, 255, 255, 0.7);
    height: 1.6rem;
    overflow: hidden; }
    #footer .footer_container .imprint {
      padding: 0 .5rem;
      line-height: 1.6rem; }
      @media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1) {
        #footer .footer_container .imprint {
          line-height: 2rem; } }
      @media (max-device-width: 800px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1) {
        #footer .footer_container .imprint {
          line-height: 2rem; } }
      #footer .footer_container .imprint .label_block {
        padding: 0 .4rem; }
      #footer .footer_container .imprint a {
        color: inherit; }
  #footer .map_scale {
    display: inline-block;
    position: absolute;
    bottom: .2rem; }
  #footer .scale_left_corner,
  #footer .scale_right_corner {
    background: #0f1621;
    border: 0.1rem solid #ffffff;
    bottom: 0;
    height: .6rem;
    position: absolute;
    width: .2rem; }
  #footer .scale_right_corner {
    right: -.6rem; }
  #footer .scale_ruler {
    background: #0f1621;
    border-bottom: 0.1rem solid #ffffff;
    border-top: 0.1rem solid #ffffff;
    bottom: 0;
    height: .2rem;
    margin-left: .3rem;
    position: absolute;
    width: 100%; }
  #footer .scale_text_area {
    display: inline-block; }
    #footer .scale_text_area .scale_text {
      color: #0f1621;
      font-family: Arial, sans-serif;
      font-size: 1rem;
      position: absolute;
      right: -.5rem;
      text-shadow: -0.1rem -0.1rem 0 #ffffff, 0.1rem -0.1rem 0 #ffffff, -0.1rem 0.1rem 0 #ffffff, 0.1rem 0.1rem 0 #ffffff;
      top: .1rem; }
      #footer .scale_text_area .scale_text.mi {
        right: -.5rem; }

.mapControlNotification {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  max-width: 30rem; }
  .mapControlNotification a.app_link {
    display: block;
    margin-top: 0.8rem; }

@-webkit-keyframes location_ring1 {
  39% {
    opacity: 0; }
  40% {
    opacity: 0.35; } }

@keyframes location_ring1 {
  39% {
    opacity: 0; }
  40% {
    opacity: 0.35; } }

@-webkit-keyframes location_ring2 {
  59% {
    opacity: 0; }
  60% {
    opacity: 0.15; } }

@keyframes location_ring2 {
  59% {
    opacity: 0; }
  60% {
    opacity: 0.15; } }

@-webkit-keyframes location_ring3 {
  79% {
    opacity: 0; }
  80% {
    opacity: 0.05; } }

@keyframes location_ring3 {
  79% {
    opacity: 0; }
  80% {
    opacity: 0.05; } }

.map_type_switcher {
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
  font-size: 1.2rem;
  left: 0.5rem;
  line-height: 1.2rem;
  opacity: 0.01;
  /**
     *  ALL MAP TYPES - INCLUDING ENTRY POINT
     */
  /**
     *  SWITCHER OPTIONS
     */
  /**
     *  SMALL MAP - ENTRY POINT
     */ }
  .map_type_switcher.map_type_switcher_initialised {
    opacity: 1; }
  .map_type_switcher .type_content {
    border-radius: 0.2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    height: 5.7rem;
    width: 100%; }
    .map_type_switcher .type_content canvas {
      border-radius: 0.2rem; }
    .map_type_switcher .type_content .type_label {
      -webkit-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
      background-color: #ffffff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #0f1621;
      left: 0.4rem;
      opacity: 0;
      padding: 0.6rem;
      position: absolute;
      right: 0.4rem;
      text-align: left;
      word-wrap: break-word;
      z-index: 3; }
    .map_type_switcher .type_content .type_map {
      background-repeat: no-repeat;
      background-size: 100%;
      border-radius: 0.2rem;
      height: 5.7rem;
      position: relative;
      top: 0;
      width: 100%;
      z-index: 2; }
    .map_type_switcher .type_content .type_frame {
      background-color: transparent;
      border-color: rgba(0, 0, 0, 0.15);
      border-radius: 0.2rem;
      border: 0.1rem solid #b7b9bc;
      height: 5.5rem;
      position: relative;
      top: -5.7rem;
      width: 10.2rem;
      z-index: 5; }
      .map_type_switcher .type_content .type_frame.selected {
        border: 0.3rem solid #2ed5c9;
        height: 5.1rem;
        width: 9.8rem; }
  .map_type_switcher .map_switcher {
    bottom: 2.6rem;
    position: absolute;
    right: 5.1rem;
    z-index: 2;
    /**
         *  LAYERS
         */
    /**
         *  TYPES
         */ }
    .map_type_switcher .map_switcher .map_switcher_section {
      background-color: #ffffff;
      border-radius: 0.2rem;
      -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
              box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
      padding: 0.4rem;
      width: 10.4rem; }
      .map_type_switcher .map_switcher .map_switcher_section:first-child {
        margin-bottom: 0.4rem; }
    .map_type_switcher .map_switcher .layer_content {
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      -moz-align-items: center;
      -ms-align-items: center;
      -webkit-box-align: center;
              align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: white;
      background-position: 0.4rem center;
      background-repeat: no-repeat;
      background-size: 2rem;
      border-color: rgba(0, 0, 0, 0.15);
      border-radius: 0.2rem;
      border: 0.1rem solid #b7b9bc;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #0f1621;
      height: 4.8rem;
      padding: 0.4rem;
      padding-left: 2.8rem;
      text-align: left;
      width: 100%; }
      .map_type_switcher .map_switcher .layer_content:not(:last-child) {
        margin-bottom: 0.4rem; }
      .map_type_switcher .map_switcher .layer_content.selected {
        background-position: 0.2rem center;
        border-radius: 0.2rem;
        border: 0.3rem solid #2ed5c9;
        padding-left: 2.6rem; }
      .map_type_switcher .map_switcher .layer_content.disabled {
        color: #9fa2a6;
        cursor: default; }
    .map_type_switcher .map_switcher .type_content:not(:last-child) {
      margin-bottom: 0.4rem; }
    .map_type_switcher .map_switcher .type_content .type_map.normal {
      background-position: 0 -1rem; }
    .map_type_switcher .map_switcher .type_content .type_map.satellite {
      background-position: 0 -8.4rem; }
    .map_type_switcher .map_switcher .type_content .type_map.terrain {
      background-position: 0 -15.9rem; }
  .map_type_switcher .contrast_map {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.2rem;
    bottom: 2.6rem;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
            box-shadow: 0 0 0 0.1rem rgba(1, 11, 30, 0.1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 6.5rem;
    padding: 0.4rem;
    position: absolute;
    right: 5.1rem;
    width: 10.4rem;
    z-index: 1; }
    .map_type_switcher .contrast_map .type_map {
      position: absolute; }

.here_no_touch .type_content:hover .type_label,
.here_no_touch .contrast_map:hover .type_label {
  opacity: .9; }

.here_touch .active_labels .type_content .type_label {
  opacity: .9; }

#footer #feedback_trigger {
  font-size: 1.1rem;
  line-height: 1.2rem;
  background: #0f1621;
  color: #ffffff;
  display: inline-block;
  float: left;
  font-size: 1rem;
  line-height: 1.6rem;
  line-height: 1.6rem;
  padding: 0 .8rem; }
  @media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1) {
    #footer #feedback_trigger {
      line-height: 2rem; } }
  @media (max-device-width: 800px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1) {
    #footer #feedback_trigger {
      line-height: 2rem; } }
  #footer #feedback_trigger .feedback_icon {
    float: left;
    height: 1.4rem;
    width: 1.4rem;
    margin: .2rem .4rem 0 0; }
    #footer #feedback_trigger .feedback_icon svg {
      height: 1.6rem; }
      #footer #feedback_trigger .feedback_icon svg path.background {
        fill: #ffffff; }
      #footer #feedback_trigger .feedback_icon svg path.bubble {
        fill: black; }

.feedback_form h2 {
  color: #0f1621;
  margin: 1rem 0 1.5rem;
  word-wrap: break-word; }

.feedback_form .line {
  background: #f1f1f2;
  height: .1rem;
  margin: 0 -1.1rem; }

.feedback_form .secondary {
  padding-bottom: 1.5rem; }

.feedback_form button {
  background-position: 1.8rem 1.2rem;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  display: block;
  outline: 0;
  padding: 1.2rem 3.2rem 1.2rem 5.6rem;
  text-align: left;
  width: 100%; }
  .feedback_form button:hover {
    text-decoration: none;
    color: #01b6b2; }
  .feedback_form button:disabled {
    color: #dbdcde; }
    .feedback_form button:disabled:hover {
      text-decoration: none;
      cursor: default; }
  .feedback_form button .option_title {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
  .feedback_form button .option_explanation {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6f737a;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    display: block; }

.menu_access_btn {
  background: no-repeat center center;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 1rem;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 4rem;
  padding: 0;
  pointer-events: auto;
  width: 4rem; }
  .menu_access_btn.active {
    background-color: rgba(15, 22, 33, 0.9); }
  .menu_access_btn:not(.active) {
    background-color: rgba(255, 255, 255, 0.8); }
  .menu_access_btn:hover:not(.active) {
    background-color: #ffffff; }

.menu {
  -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
  background-color: rgba(15, 22, 33, 0.9);
  height: 100%;
  position: absolute;
  right: -25.6rem;
  top: 0;
  width: 25.6rem;
  z-index: 52;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s; }
  .menu a:hover,
  .menu a:active,
  .menu button:hover,
  .menu button:active {
    text-decoration: none; }
  .menu .map_controls {
    pointer-events: none;
    position: absolute;
    right: 26.6rem;
    text-align: right;
    top: 1rem;
    white-space: nowrap;
    width: inherit; }
    .menu .map_controls .outlined {
      outline: .1rem solid transparent; }
    .menu .map_controls .link {
      background-color: rgba(255, 255, 255, 0.8);
      color: #333942;
      display: inline-block;
      line-height: 3.8rem;
      padding: .2rem 2rem 0 2rem;
      position: relative;
      right: .1rem;
      white-space: nowrap; }
      .here_no_touch .menu .map_controls .link:hover {
        background-color: #ffffff; }
    .menu .map_controls .movable_container {
      -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s; }
      .menu .map_controls .movable_container.collapsed {
        -webkit-transform: translateX(30rem);
        transform: translateX(30rem);
        -webkit-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; }
    .menu .map_controls .menu_appDownload_container {
      color: #333942;
      float: right;
      font-size: 1rem;
      margin-top: 1rem;
      overflow: hidden;
      pointer-events: auto;
      width: 15.4rem; }
      .menu .map_controls .menu_appDownload_container .movable_container {
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        background-color: rgba(39, 45, 55, 0.8); }
      .menu .map_controls .menu_appDownload_container .first_line {
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        justify-content: space-around;
        -ms-flex-pack: justify;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
                flex: 1 1 auto; }
      .menu .map_controls .menu_appDownload_container .middle_line {
        background-color: #ffffff;
        height: .1rem;
        margin: auto;
        max-height: 0;
        text-align: center;
        width: 90%;
        visibility: hidden; }
      .menu .map_controls .menu_appDownload_container .second_line {
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
                flex: 1 1 auto;
        margin: 0 1rem 0 1rem;
        max-height: 0;
        padding-bottom: 0;
        padding-top: .2rem;
        text-align: center;
        visibility: hidden; }
      .menu .map_controls .menu_appDownload_container .middle_line, .menu .map_controls .menu_appDownload_container .second_line {
        -webkit-transition-property: max-height;
        transition-property: max-height;
        -webkit-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
      .menu .map_controls .menu_appDownload_container.hovered .middle_line, .menu .map_controls .menu_appDownload_container.hovered .second_line {
        max-height: 5rem;
        visibility: visible; }
      .menu .map_controls .menu_appDownload_container.hovered .second_line {
        padding-bottom: .6rem;
        padding-top: .4rem; }
      .menu .map_controls .menu_appDownload_container .icon {
        -ms-flex: 1 0 4rem;
        -webkit-box-flex: 1;
                flex: 1 0 4rem;
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        background-size: 2.2rem;
        background-position: center;
        border-top: .3rem solid transparent;
        height: 4rem; }
        .menu .map_controls .menu_appDownload_container .icon:hover {
          border-top: 0.3rem solid #2ed5c9; }
      .menu .map_controls .menu_appDownload_container .label {
        color: #ffffff;
        font-size: 1.2rem;
        white-space: normal; }
  .menu .menu_scrollable_area {
    display: table;
    padding-bottom: 3.5rem;
    width: 100%; }
    .menu .menu_scrollable_area.is_logged {
      padding-bottom: 8.5rem; }
  .menu .here_login .account_link {
    display: block;
    margin-bottom: 1.2rem;
    overflow: hidden;
    padding-top: 1rem;
    text-align: center; }
    .menu .here_login .account_link .avatar {
      background-position: center;
      background-repeat: no-repeat;
      margin: 0 auto;
      height: 4rem;
      width: 4rem; }
    .menu .here_login .account_link .names {
      margin: 0 auto;
      max-width: 22rem;
      overflow: hidden; }
  .menu .menu_button {
    background-position: 1.6rem;
    background-repeat: no-repeat;
    background-size: 2rem;
    border-left: .3rem solid transparent;
    color: #ffffff;
    display: table;
    font-size: 1.6rem;
    line-height: 3.8rem;
    outline: 0;
    padding: .5rem 1rem .5rem 4.3rem;
    text-align: left;
    width: 100%; }
    .here_no_touch .menu .menu_button:hover, .menu .menu_button:active {
      background-color: black;
      border-left: 0.3rem solid #00a39f; }
    .menu .menu_button:disabled {
      opacity: .4; }
      .menu .menu_button:disabled:hover {
        color: #ffffff;
        cursor: default;
        text-decoration: none; }
    .menu .menu_button.btn_sign_out {
      background-size: 2.2rem; }
  .menu .menu_more {
    border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
    margin: 0 2rem 1rem;
    padding: .6rem 0; }
    .menu .menu_more a {
      color: #2ed5c9;
      display: block;
      line-height: 2.6rem;
      margin: .6rem 0;
      outline: 0; }
  .menu .menu_bottom {
    background-color: rgba(15, 22, 33, 0.9);
    bottom: 0;
    display: table-row;
    position: absolute;
    width: 100%;
    z-index: 3; }
  .menu .download_app {
    border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
    margin: 0 2rem 1.2rem;
    padding: 1.7rem 0 0; }
    .menu .download_app .teaser {
      color: #ffffff;
      font-size: 1.4rem;
      line-height: 1.6rem; }
    .menu .download_app .download_app_icon {
      background-repeat: no-repeat;
      background-size: cover;
      border: 0.1rem solid rgba(51, 57, 66, 0.75);
      border-radius: .6rem;
      display: block;
      height: 4.5rem;
      margin: 1.6rem 0;
      outline: 0;
      width: 15.4rem; }
    .menu .download_app .app_link {
      color: #2ed5c9;
      line-height: 2.6rem;
      outline: 0; }

.menuv2 {
  background-color: #0f1621; }
  .menuv2 .menu_content {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%; }
    .menuv2 .menu_content .static_area {
      margin-bottom: 1.2rem;
      margin-top: 3rem;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      overflow: hidden; }
      .menuv2 .menu_content .static_area .static_item {
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        padding: 0;
        padding-left: 2.8rem;
        padding-right: 2.8rem;
        -webkit-box-pack: justify;
                justify-content: space-between;
        -ms-flex-pack: justify;
        margin-bottom: 0.8rem;
        min-height: 2.4rem;
        word-wrap: break-word; }
        .menuv2 .menu_content .static_area .static_item.no_margin {
          margin-bottom: 0; }
    .menuv2 .menu_content .scrollable_area {
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      -moz-flex-grow: 2;
      -ms-flex-grow: 2;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0;
      width: 100%; }
      .menuv2 .menu_content .scrollable_area::before {
        background-color: #333942;
        content: '';
        position: absolute;
        display: block;
        height: 0.1rem;
        margin: 0 2.4rem;
        width: calc(100% - 2 * 2.4rem); }
      .menuv2 .menu_content .scrollable_area .scrollable_container {
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        min-height: -webkit-min-content;
        min-height: -moz-min-content;
        min-height: min-content;
        width: 100%;
        padding-top: 1.2rem; }
        .menuv2 .menu_content .scrollable_area .scrollable_container::before {
          content: '';
          display: inline-block;
          height: 3rem;
          margin-bottom: auto;
          min-height: 3rem;
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0; }
        .menuv2 .menu_content .scrollable_area .scrollable_container .menu_section {
          -moz-flex-grow: 2;
          -ms-flex-grow: 2;
          -webkit-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2;
          -webkit-box-ordinal-group: 0;
              -ms-flex-order: -1;
                  order: -1;
          padding: 0;
          width: 100%; }
        .menuv2 .menu_content .scrollable_area .scrollable_container .info_section {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          padding: 0;
          width: 100%; }
        .menuv2 .menu_content .scrollable_area .scrollable_container .download_section {
          background-color: #272c36;
          margin-top: 2rem;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          width: 100%; }
    .menuv2 .menu_content .menu_item, .menuv2 .menu_content .info_item {
      padding: 0;
      padding-left: 2.8rem;
      padding-right: 2.8rem;
      min-height: 4rem;
      width: calc(100% - 2 * (2.4rem + 0.4rem));
      word-wrap: break-word; }
      .menuv2 .menu_content .menu_item .menu_button, .menuv2 .menu_content .menu_item .info_button, .menuv2 .menu_content .info_item .menu_button, .menuv2 .menu_content .info_item .info_button {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #0f1621;
        font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #ffffff;
        background-color: transparent;
        background-position: inherit;
        background-repeat: inherit;
        background-size: inherit;
        border: none;
        cursor: pointer;
        display: table;
        line-height: 4rem;
        outline: 0;
        padding: 0;
        text-align: left;
        width: 100%; }
        .menuv2 .menu_content .menu_item .menu_button.with_icon, .menuv2 .menu_content .menu_item .info_button.with_icon, .menuv2 .menu_content .info_item .menu_button.with_icon, .menuv2 .menu_content .info_item .info_button.with_icon {
          background-position: 0;
          background-repeat: no-repeat;
          background-size: 2rem;
          padding: 0 0 0 4.3rem; }
        .here_no_touch .menuv2 .menu_content .menu_item .menu_button:hover, .menuv2 .menu_content .menu_item .menu_button:active, .here_no_touch .menuv2 .menu_content .menu_item .info_button:hover, .menuv2 .menu_content .menu_item .info_button:active, .here_no_touch .menuv2 .menu_content .info_item .menu_button:hover, .menuv2 .menu_content .info_item .menu_button:active, .here_no_touch .menuv2 .menu_content .info_item .info_button:hover, .menuv2 .menu_content .info_item .info_button:active {
          background-color: #272c36;
          border: none; }
        .menuv2 .menu_content .menu_item .menu_button:disabled, .menuv2 .menu_content .menu_item .info_button:disabled, .menuv2 .menu_content .info_item .menu_button:disabled, .menuv2 .menu_content .info_item .info_button:disabled {
          opacity: .4; }
          .menuv2 .menu_content .menu_item .menu_button:disabled:hover, .menuv2 .menu_content .menu_item .info_button:disabled:hover, .menuv2 .menu_content .info_item .menu_button:disabled:hover, .menuv2 .menu_content .info_item .info_button:disabled:hover {
            color: #ffffff;
            cursor: default;
            text-decoration: none; }
      .here_no_touch .menuv2 .menu_content .menu_item:hover, .menuv2 .menu_content .menu_item:active, .here_no_touch .menuv2 .menu_content .info_item:hover, .menuv2 .menu_content .info_item:active {
        background-color: #272c36; }
    .menuv2 .menu_content .info_item {
      -moz-align-items: center;
      -ms-align-items: center;
      -webkit-box-align: center;
              align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      /* MID: IE 10 */
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-box;
      /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
      /* NEW: Chrome 21+ */
      display: flex;
      min-height: 2.8rem; }
      .menuv2 .menu_content .info_item .info_button {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #6f737a;
        font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #878a90; }
    .menuv2 .menu_content .download_item {
      padding: 0;
      padding-left: 2.8rem;
      padding-right: 2.8rem;
      padding-bottom: 2.4rem;
      padding-top: 2.4rem; }
      .menuv2 .menu_content .download_item .teaser {
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1.6rem; }
      .menuv2 .menu_content .download_item .banner {
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        margin-top: 1.2rem;
        min-height: 4.5rem;
        outline: 0;
        width: 15.4rem; }
        .menuv2 .menu_content .download_item .banner + .banner {
          margin-top: 0.4rem; }
        .menuv2 .menu_content .download_item .banner.google_play {
          height: 6rem;
          margin-left: -1rem;
          width: 17.4rem; }
        .menuv2 .menu_content .download_item .banner.app_store {
          background-position: center;
          background-size: 99% auto; }
    .menuv2 .menu_content button.settings {
      background-color: transparent;
      background-position: 0;
      background-repeat: no-repeat;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      margin: 0;
      padding: 0;
      background-size: 2rem;
      width: 2rem; }
    .menuv2 .menu_content button.sign_in_out, .menuv2 .menu_content .avatar {
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #6f737a;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      color: #878a90;
      background-color: transparent;
      background-position: 0;
      background-repeat: no-repeat;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      margin: 0;
      padding: 0;
      background-size: 2rem;
      line-height: 2.4rem;
      max-width: calc(100% - 2rem);
      padding-left: 4.4rem;
      text-align: left; }
      .menuv2 .menu_content button.sign_in_out:hover, .menuv2 .menu_content .avatar:hover {
        color: #ffffff; }
    .menuv2 .menu_content .avatar {
      font-size: 1.8rem;
      line-height: 2.2rem;
      color: #0f1621;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      background-position: 0 0;
      color: #2ed5c9;
      line-height: 1.8rem;
      max-height: 5.4rem;
      min-height: 2.4rem;
      overflow: hidden; }
    .menuv2 .menu_content button.close_menu {
      background-color: transparent;
      background-position: 0;
      background-repeat: no-repeat;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      margin: 0;
      padding: 0;
      background-position-y: -2px;
      background-size: 2rem;
      height: 2rem;
      width: 2rem; }

.menuv2 {
  background-color: #0f1621; }
  .menuv2.visible {
    -webkit-animation: slide-in 0.2s cubic-bezier(0, 0, 0.66, 1);
    animation: slide-in 0.2s cubic-bezier(0, 0, 0.66, 1);
    left: 0;
    right: auto; }
  .menuv2.not_visible {
    -webkit-animation: slide-out 0.2s cubic-bezier(0, 0, 0.66, 1);
    animation: slide-out 0.2s cubic-bezier(0, 0, 0.66, 1);
    left: -25.6rem;
    right: auto; }
  .menuv2 .menu_button {
    background-color: transparent;
    border: none;
    cursor: pointer; }
    .here_no_touch .menuv2 .menu_button:hover {
      background-color: #272d37;
      border: none; }

@-webkit-keyframes slide-in {
  from {
    left: -25.6rem; }
  to {
    left: 0; } }

@keyframes slide-in {
  from {
    left: -25.6rem; }
  to {
    left: 0; } }

@-webkit-keyframes slide-out {
  from {
    left: 0; }
  to {
    left: -25.6rem; } }

@keyframes slide-out {
  from {
    left: 0; }
  to {
    left: -25.6rem; } }

.dim_screen.visible {
  -webkit-animation: fade-in 0.2s cubic-bezier(0, 0, 0.66, 1);
  animation: fade-in 0.2s cubic-bezier(0, 0, 0.66, 1);
  background-color: rgba(15, 22, 33, 0.4);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 51; }

.dim_screen.not_visible {
  -webkit-animation: fade-out 0.2s cubic-bezier(0, 0, 0.66, 1);
  animation: fade-out 0.2s cubic-bezier(0, 0, 0.66, 1); }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes oldspin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes oldspin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    stroke-dasharray: 1px, 232px; }
  50% {
    stroke-dasharray: 58px, 232px; }
  100% {
    stroke-dasharray: 1px, 232px; } }

@keyframes spin {
  0% {
    stroke-dasharray: 1px, 232px; }
  50% {
    stroke-dasharray: 58px, 232px; }
  100% {
    stroke-dasharray: 1px, 232px; } }

@-webkit-keyframes color {
  0% {
    stroke: #cf001a; }
  32.9% {
    stroke: #cf001a; }
  33% {
    stroke: #2ed5c9; }
  65.9% {
    stroke: #2ed5c9; }
  66% {
    stroke: #5cea00; }
  99.9% {
    stroke: #5cea00; }
  100% {
    stroke: #cf001a; } }

@keyframes color {
  0% {
    stroke: #cf001a; }
  32.9% {
    stroke: #cf001a; }
  33% {
    stroke: #2ed5c9; }
  65.9% {
    stroke: #2ed5c9; }
  66% {
    stroke: #5cea00; }
  99.9% {
    stroke: #5cea00; }
  100% {
    stroke: #cf001a; } }

@-webkit-keyframes rotate {
  /* the translates are needed for Firefox */
  0% {
    -webkit-transform: rotate(-90deg) scaleY(-1) translate(-4rem, -4rem);
    transform: rotate(-90deg) scaleY(-1) translate(-4rem, -4rem); }
  100% {
    -webkit-transform: rotate(270deg) scaleY(-1) translate(-4rem, -4rem);
    transform: rotate(270deg) scaleY(-1) translate(-4rem, -4rem); } }

@keyframes rotate {
  /* the translates are needed for Firefox */
  0% {
    -webkit-transform: rotate(-90deg) scaleY(-1) translate(-4rem, -4rem);
    transform: rotate(-90deg) scaleY(-1) translate(-4rem, -4rem); }
  100% {
    -webkit-transform: rotate(270deg) scaleY(-1) translate(-4rem, -4rem);
    transform: rotate(270deg) scaleY(-1) translate(-4rem, -4rem); } }

.here-spinner {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 0;
  display: inline-block; }
  .here-spinner.visible {
    opacity: 1; }
  .here-spinner svg {
    height: 8rem;
    width: 8rem; }
    .here-spinner svg.small {
      height: 4rem;
      width: 4rem; }
    .here-spinner svg.mini {
      height: 2.5rem;
      width: 2.5rem; }
    .here-spinner svg .here-spinner-needle, .here-spinner svg .here-spinner-track {
      opacity: 0.5; }
    .here-spinner svg .here-spinner-origin {
      -webkit-transform: translate(4rem, 4rem);
      transform: translate(4rem, 4rem); }
    .here-spinner svg .here-spinner-needle {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg);
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    .here-spinner svg .here-spinner-spin {
      -webkit-animation: spin 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite, color 3.6s linear infinite, rotate 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
      animation: spin 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite, color 3.6s linear infinite, rotate 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
  .here-spinner .spinner-image {
    background-repeat: no-repeat;
    background-size: 8rem;
    display: inline-table;
    height: 8rem;
    width: 8rem; }
    .here-spinner .spinner-image.small {
      background-size: 4rem;
      height: 4rem;
      width: 4rem; }
    .here-spinner .spinner-image.mini {
      background-size: 2.5rem;
      height: 2.5rem;
      width: 2.5rem; }
    .here-spinner .spinner-image .spinner-svg, .here-spinner .spinner-image .spinner-inside-svg {
      display: none; }
    .here-spinner .spinner-image .spinner-svg svg {
      -webkit-animation: oldspin 2s infinite linear;
      animation: oldspin 2s infinite linear; }
    .here-spinner .spinner-image .spinner-inside-svg {
      margin-top: -5.6rem; }
      .here-spinner .spinner-image .spinner-inside-svg svg {
        height: 2.4rem;
        width: 2.4rem; }
        .here-spinner .spinner-image .spinner-inside-svg svg path {
          fill: #f1f1f2; }

.browsingbar {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW: Chrome 21+ */
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  background: #f1f1f2;
  color: #6f737a;
  height: 4rem;
  padding: 0 1.6rem 0 1.6rem; }
  .browsingbar .commands {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-pack: justify;
    margin-left: 2.4rem;
    min-width: 7.2rem; }
    .browsingbar .commands .result {
      display: inline-block;
      margin: 0 0.4rem 0 0.4rem;
      min-width: 6rem;
      text-align: center; }
    .browsingbar .commands button {
      background-color: transparent;
      border: none;
      cursor: pointer;
      height: 1.6rem;
      width: 1.6rem; }
    .browsingbar .commands .separator {
      margin: 0rem;
      height: 1.6rem;
      border-right: 0.1rem solid #dbdcde; }

.here_image_attribution_container {
  overflow: hidden; }

.here_no_touch .here_image_attribution_container:hover .here_image_attribution_short,
.here_IE .here_image_attribution_container:hover .here_image_attribution_short,
.here_touch.here_no_IE .here_image_attribution_short {
  bottom: 0; }

.here_image_attribution_short {
  -webkit-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
  background-color: rgba(15, 22, 33, 0.7);
  bottom: -2.7rem;
  /* Will slide from under the image on hover */
  color: white !important;
  height: 2.7rem;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1; }

.here_image_attribution_content_wrapper {
  bottom: 0;
  position: absolute;
  width: 100%; }
  .here_image_attribution_content_wrapper p.here_image_attribution_content {
    /* Shows ellipsis in case user name is longer than the container */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
    font-size: 1.2rem;
    margin: 0 1.2rem 0.4rem 1.2rem; }
    .here_image_attribution_content_wrapper p.here_image_attribution_content a {
      border: 0;
      color: white !important; }
      .here_image_attribution_content_wrapper p.here_image_attribution_content a:hover {
        text-decoration: underline; }

.here_image_attribution_logo {
  background-size: 1.6rem 1.6rem;
  background-color: white;
  border: 0;
  display: inline-block;
  height: 1.6rem;
  margin-right: .5rem;
  vertical-align: middle;
  width: 1.6rem; }
  .here_image_attribution_logo.here_image_attribution_logo_alt_background {
    background-color: transparent; }

.notification_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.2rem 3rem 1.2rem 1.6rem;
  position: relative;
  z-index: 201; }
  .notification_box.error {
    background-color: #fbe9eb;
    border: 0.1rem solid #d5232f;
    color: #d5232f; }
  .notification_box.success {
    background-color: #e6f5e9;
    border: 0.1rem solid #57b96a;
    color: #57b96a; }
  .notification_box.info {
    background-color: #f1f1f2;
    border: 0.1rem solid #00a39f;
    color: #00a39f; }
  .notification_box .decision {
    position: absolute;
    width: 36.5rem;
    right: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-device-width: 800px) {
      .notification_box .decision {
        position: relative;
        height: 50px;
        top: 30px; } }
    .notification_box .decision .option {
      padding-right: 15px;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (max-device-width: 800px) {
        .notification_box .decision .option {
          top: 0%; } }
    .notification_box .decision .btn_ok {
      position: relative;
      top: 50%;
      margin-top: -1.8rem;
      margin-right: 1rem; }
      @media (max-device-width: 800px) {
        .notification_box .decision .btn_ok {
          top: 0; } }
    .notification_box .decision label {
      top: 50%;
      position: relative;
      margin-right: 1rem;
      margin-top: -0.7rem;
      font-size: 1.2rem; }
      @media (max-device-width: 800px) {
        .notification_box .decision label {
          top: 0;
          position: relative;
          margin-right: 1rem;
          margin-top: -0.7rem; } }
  .notification_box .close {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: inline;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 1.2rem;
    top: 0;
    width: 1rem; }
  .notification_box.ng-hide.fadeout {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 0;
    min-height: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0; }
    .notification_box.ng-hide.fadeout button, .notification_box.ng-hide.fadeout div {
      -webkit-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
      opacity: 0; }

.favorite_place_controls.favorited .btn_save {
  display: none; }

.favorite_place_controls.favorited .btn_manage {
  display: block; }

.favorite_place_controls .btn_manage {
  display: none; }

.favorite_place_controls .btn_save {
  display: block; }

.description_container button.btn_description {
  font-size: 1.4rem;
  background: none;
  border: 0;
  color: #01b6b2;
  cursor: pointer;
  display: inline;
  height: auto;
  margin: 0.4rem 0 0 0;
  min-width: 0;
  outline: 0;
  padding: 0;
  width: auto; }

.description_container .editor {
  border: 0;
  border-radius: 0;
  background: none;
  padding: 0; }
  .description_container .editor .actions {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-pack: end;
    margin-top: 0.8rem; }
    .description_container .editor .actions button.btn.right {
      margin: 0 0 0 0.8rem; }
  .description_container .editor textarea {
    border-radius: 0.2rem;
    border: 0.1rem solid #dbdcde;
    -webkit-box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.05);
    padding-top: 1.2rem;
    resize: none;
    height: 150px; }
    .description_container .editor textarea:focus {
      border: 0.1rem solid #01b6b2; }

.description_container.has_description div.quote {
  display: block; }

.description_container.has_description .box {
  border: 0;
  border-radius: 0;
  background: none; }

.description_container.has_description .description {
  padding: 0; }

.description_container.has_description .btn_edit {
  display: none; }

.description_container.has_description p {
  margin-bottom: 0; }

.description_container.edit button.btn_add_description, .description_container.has_description button.btn_add_description {
  display: none; }

.description_container.edit button.btn_edit_description {
  display: none; }

.description_container.edit .description {
  display: block; }

.description_container.edit div.quote {
  display: block; }
  .description_container.edit div.quote .char_count {
    display: block; }
  .description_container.edit div.quote .text {
    display: none; }

div.quote.description {
  background-position: 0 0.1rem;
  background-size: 1.6rem;
  display: none;
  margin: 0 0 0.4rem 0;
  min-height: 1.6rem;
  padding: 0; }
  div.quote.description .char_count {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    color: #0f1621;
    color: #6f737a;
    display: none;
    float: right; }
    div.quote.description .char_count.error {
      color: #d5232f; }
  div.quote.description .text {
    color: #6f737a;
    text-indent: 2rem; }

.list_box.route_box {
  background-color: #ffffff;
  background-image: none !important;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0rem 0rem 0 0.1rem rgba(0, 0, 0, 0.05);
          box-shadow: 0rem 0rem 0 0.1rem rgba(0, 0, 0, 0.05);
  color: #ffffff;
  height: auto;
  padding-bottom: 0.8rem;
  padding: 1.2rem;
  text-align: left; }
  .list_box.route_box .route_card {
    height: auto; }
  .list_box.route_box.highlight, .list_box.route_box:hover {
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); }
  .list_box.route_box h4 {
    color: #ffffff;
    margin: 0.8rem 0 1.2rem; }
  .list_box.route_box .title {
    display: table;
    width: 92%; }
    .list_box.route_box .title a {
      height: 13rem;
      left: 0;
      padding: 1rem 1rem;
      position: absolute;
      top: 0; }
    .list_box.route_box .title span {
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #0f1621;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      display: table-cell;
      font-weight: normal;
      left: 7.4rem;
      vertical-align: middle;
      white-space: normal; }
  .list_box.route_box .card_content_divider {
    background-color: #f1f1f2;
    height: 0.1rem;
    margin-bottom: 0.8rem;
    margin-top: 1.2rem; }
  .list_box.route_box .item_waypoint {
    margin: 0 0 0.4rem 2rem;
    width: calc(100% - 2rem);
    line-height: 2rem; }
    .list_box.route_box .item_waypoint:last-child {
      margin-bottom: 0.8rem; }
    .list_box.route_box .item_waypoint .address {
      font-size: 1.2rem;
      line-height: 1.6rem;
      position: relative;
      color: #6f737a;
      display: block;
      overflow: hidden;
      padding: 0;
      white-space: nowrap;
      width: 99%; }
      .list_box.route_box .item_waypoint .address::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 2.4rem; }
  .list_box.route_box .mode_icon,
  .list_box.route_box .route_icon {
    height: 1.6rem;
    width: 1.8rem; }
  .list_box.route_box .mode_icon {
    background-position: -0.1rem -0.2rem;
    background-size: 2rem; }
  .list_box.route_box .route_icon {
    background-size: contain;
    height: 3rem;
    position: absolute;
    margin-top: 0.2rem; }
  .list_box.route_box .exclusions span {
    float: left;
    color: #dbdcde; }
  .list_box.route_box .exclusions div {
    float: left;
    padding-left: 1rem; }

.place_card_grid {
  overflow: hidden;
  padding-left: 0.2rem;
  padding-bottom: 0.2rem; }

.place_card {
  background-color: #ffffff;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0rem 0rem 0 0.1rem rgba(0, 0, 0, 0.05);
          box-shadow: 0rem 0rem 0 0.1rem rgba(0, 0, 0, 0.05);
  display: inline-block;
  margin: .8rem .8rem 0 0;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  width: calc(50% - 0.8rem); }
  .place_card:hover {
    text-decoration: none; }
  .place_card.hover, .place_card.ng-click-active {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 0.2rem rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 0px 0.2rem rgba(0, 0, 0, 0.1); }
  .place_card .title_box {
    padding: 1.2rem; }
    .place_card .title_box.no_image {
      padding-top: 0.8rem; }
  .place_card .title {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin-bottom: 0; }
  .place_card .subtitle {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6f737a;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    line-height: 1.8rem;
    padding-bottom: 0;
    padding-top: 0; }
  .place_card .cuisine {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6f737a;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem; }
  .place_card .address {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #878a90; }
  .place_card .card_content_divider {
    background-color: #f1f1f2;
    height: 0.1rem;
    margin-bottom: 0.8rem;
    margin-top: 1.2rem; }
  .place_card .category_icon {
    display: inline;
    height: 1.8rem;
    left: 0;
    padding: 1.2rem 0 0 1.2rem;
    position: absolute;
    top: 0;
    width: 1.8rem; }
  .place_card .source_icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.2rem 2.2rem;
    height: 2.2rem;
    width: 2.2rem; }
    .place_card .source_icon.inverted {
      -webkit-filter: invert(30%);
      -moz-filter: invert(30%);
      -ms-filter: invert(30%);
      filter: invert(30%); }
  .place_card .no_image .category_icon {
    display: block;
    position: relative; }
  .place_card .no_image .circle {
    background-color: #9fa2a6;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0px;
    margin-left: 1.2rem;
    margin-top: 1.2rem;
    border-radius: 50%; }
  .place_card .image_box {
    overflow: hidden; }
  .place_card hr {
    border-bottom: 0.1rem solid #333942;
    border-top: 0.1rem solid #272d37;
    border-left: 0;
    border-right: 0; }
  .place_card .box_image {
    background-color: #dbdcde;
    background-position: center;
    background-size: cover;
    border-radius: 0.2rem 0.2rem 0 0;
    display: block;
    height: 9.6rem;
    position: relative;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 100%; }
    .place_card .box_image:before {
      background-image: radial-gradient(circle at top left, rgba(39, 49, 66, 0.4), transparent 50%);
      border-radius: 0.2rem 0.2rem 0 0;
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      width: 100%; }
  .place_card .description .text {
    position: relative;
    color: #6f737a; }
    .place_card .description .text::before {
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
      content: "";
      height: 100%;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      width: 2.4rem; }
    .place_card .description .text:before {
      right: -1.2rem; }
  .place_card .place_card_link {
    text-align: left; }
  .place_card .edit_link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6f737a;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #01b6b2;
    display: inline-block;
    line-height: 1.8rem; }
  .place_card .btn_delete {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    width: 18px; }
  .place_card .delete_overlay {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: #ffffff;
    bottom: 0;
    left: 0;
    padding: 1.2rem;
    position: absolute;
    right: 0;
    top: 0; }
    .place_card .delete_overlay .delete_options {
      bottom: 1.2rem;
      position: absolute;
      left: 1.2rem;
      width: 100%; }
      .place_card .delete_overlay .delete_options button {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #0f1621;
        font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #01b6b2; }
        .place_card .delete_overlay .delete_options button.secondary {
          color: #6f737a;
          margin-right: 2rem; }

body {
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5,
select,
textarea,
.dropdown_list,
.light,
.future_route .options,
.commute_options .signUp,
.download_app,
.menu_more {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a,
button.btn_link,
button.btn_link_icon,
.light a.btn {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a {
  color: #01b6b2; }

h1,
h2,
h3,
h4 {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0; }

h2 {
  color: #0f1621;
  font-size: 2.8rem;
  line-height: 3.4rem; }

h3 {
  color: #0f1621;
  font-size: 2.2rem;
  line-height: 3rem; }

h4 {
  color: #0f1621;
  font-size: 1.8rem;
  line-height: 2.6rem; }

h5 {
  color: #0f1621;
  font-size: 1.6rem;
  line-height: 2.4rem; }

.regular,
.label,
.footer {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.footer {
  font-size: 1rem; }

.textExtraHuge {
  font-size: 2.8rem;
  line-height: 3.2rem; }

.textHuge {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textExtraLarge {
  font-size: 2rem;
  line-height: 2.4rem; }

.textLarge {
  font-size: 1.8rem;
  line-height: 2.2rem; }

.textMedium {
  font-size: 1.6rem;
  line-height: 2rem; }

.textSmall {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.textExtraSmall {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.textTiny {
  font-size: 1.1rem;
  line-height: 1.2rem; }

h2 {
  font-size: 2.8rem;
  line-height: 3.2rem; }

h3 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

h4 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2rem; }

.footer {
  font-size: 1.1rem;
  line-height: 1.2rem; }

.textHeadline2 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textHeadline {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textTitle {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textItemTitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textSubtitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textHeadlineInverse {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textTitleInverse {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textItemTitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textSubtitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #878a90; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textLabel {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }

.bold {
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }
  .dark .bold {
    color: #ffffff; }

.tooltip .wrapper .content .flag_place {
  border-radius: 0.2rem;
  max-width: 20rem;
  min-width: 19rem;
  overflow: hidden; }
  .tooltip .wrapper .content .flag_place .flag_image {
    background-color: #dbdcde;
    background-position: center;
    background-size: cover;
    border-radius: 0.2rem;
    border: 0.1rem solid #ffffff;
    display: block;
    height: 9.5rem;
    width: 19.8rem; }
  .tooltip .wrapper .content .flag_place .flag_content {
    padding: 1.2rem; }
    .tooltip .wrapper .content .flag_place .flag_content .flag_title {
      position: relative;
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #0f1621;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
      .tooltip .wrapper .content .flag_place .flag_content .flag_title::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 2.4rem; }
      .tooltip .wrapper .content .flag_place .flag_content .flag_title::before {
        right: -1.2rem;
        width: 1.2rem; }
    .tooltip .wrapper .content .flag_place .flag_content .flag_subtitle {
      position: relative;
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: #6f737a;
      font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
      .tooltip .wrapper .content .flag_place .flag_content .flag_subtitle::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF), to(#FFF));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 50%, #FFF 100%);
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 2.4rem; }
      .tooltip .wrapper .content .flag_place .flag_content .flag_subtitle::before {
        right: -1.2rem;
        width: 1.2rem; }

.tooltip .wrapper .content .actionbar {
  border-top: none;
  border-bottom: none;
  padding: 0;
  margin-top: 0.8rem;
  height: 2rem; }
  .tooltip .wrapper .content .actionbar .action.icon-button.left:first-child {
    padding: 0 1.2rem 0 0; }
  .tooltip .wrapper .content .actionbar .action.icon-button.right:last-child {
    padding: 0 0 0 1.2rem; }
  .tooltip .wrapper .content .actionbar .action.icon-button {
    padding: 0 1.2rem; }

.has_fast_route_creation_widget .tooltip .wrapper .arrow.top-right {
  border-bottom: 1rem solid #01b6b2; }

.has_fast_route_creation_widget .fast_route_creation_widget_container {
  background-color: #01b6b2;
  cursor: pointer;
  padding: 1rem;
  width: 100%; }
  .has_fast_route_creation_widget .fast_route_creation_widget_container .btn_link, .has_fast_route_creation_widget .fast_route_creation_widget_container .btn_link_icon {
    background-position: left center;
    background-size: 2rem 2rem;
    color: #ffffff;
    font-size: 1.3rem;
    height: 2rem;
    line-height: 1.6rem;
    padding-left: 2.5rem;
    text-decoration: none; }

.via_point .tooltip .wrapper .content {
  background-color: #272d37;
  border-radius: 0.2rem;
  color: #ffffff;
  line-height: 1.8rem;
  padding: 0.4rem 0.8rem;
  text-align: center;
  max-width: 30rem; }

.via_point .tooltip .wrapper .arrow.top-center {
  border-bottom-color: #272d37; }

.rating {
  display: inline-block;
  position: relative; }
  .rating .rated {
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap; }

body {
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5,
select,
textarea,
.dropdown_list,
.light,
.future_route .options,
.commute_options .signUp,
.download_app,
.menu_more {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a,
button.btn_link,
button.btn_link_icon,
.light a.btn {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a {
  color: #01b6b2; }

h1,
h2,
h3,
h4 {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0; }

h2 {
  color: #0f1621;
  font-size: 2.8rem;
  line-height: 3.4rem; }

h3 {
  color: #0f1621;
  font-size: 2.2rem;
  line-height: 3rem; }

h4 {
  color: #0f1621;
  font-size: 1.8rem;
  line-height: 2.6rem; }

h5 {
  color: #0f1621;
  font-size: 1.6rem;
  line-height: 2.4rem; }

.regular,
.label,
.footer {
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.footer {
  font-size: 1rem; }

.textExtraHuge {
  font-size: 2.8rem;
  line-height: 3.2rem; }

.textHuge {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textExtraLarge {
  font-size: 2rem;
  line-height: 2.4rem; }

.textLarge {
  font-size: 1.8rem;
  line-height: 2.2rem; }

.textMedium {
  font-size: 1.6rem;
  line-height: 2rem; }

.textSmall {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.textExtraSmall {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.textTiny {
  font-size: 1.1rem;
  line-height: 1.2rem; }

h2 {
  font-size: 2.8rem;
  line-height: 3.2rem; }

h3 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

h4 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2rem; }

.footer {
  font-size: 1.1rem;
  line-height: 1.2rem; }

.textHeadline2 {
  font-size: 2.2rem;
  line-height: 2.8rem; }

.textHeadline {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textTitle {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textItemTitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textSubtitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textHeadlineInverse {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textTitleInverse {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textItemTitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f1621;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #ffffff; }

.textSubtitleInverse {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6f737a;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #878a90; }

.textBody {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333942;
  font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.textLabel {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }

.bold {
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #0f1621; }
  .dark .bold {
    color: #ffffff; }

.transit_line {
  -webkit-box-shadow: inset 0 0 0 10rem transparent;
  box-shadow: inset 0 0 0 10rem transparent;
  font-family: "FiraSansBold", "LucidaBold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  background-color: #333942;
  border-radius: .2rem;
  border: none;
  color: #ffffff;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin: 0 .4rem .4rem 0;
  min-width: 1.8rem;
  padding: 0 .8rem;
  text-align: center; }

button.transit_line:hover {
  -webkit-box-shadow: inset 0 0 0 10rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 10rem rgba(0, 0, 0, 0.2);
  text-decoration: none; }

.visible > .share_url {
  max-height: none;
  padding: 2rem 40px 2rem 64px; }

.share_url {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  background: #ffffff;
  border-top: 0.1rem solid #9fa2a6;
  -webkit-box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
  max-height: none;
  outline: solid 1px rgba(1, 11, 30, 0.1);
  overflow: hidden;
  padding: 0 2rem;
  position: absolute;
  width: 100%;
  z-index: 2; }
  .share_url .input_button {
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    /* NEW: Chrome 21+ */
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }
    .share_url .input_button > label {
      -ms-flex: 1 1 auto;
      -webkit-box-flex: 1;
              flex: 1 1 auto;
      position: relative; }
      .share_url .input_button > label > input, .share_url .popover-container .popover .popover_content .input_button > label > textarea, .popover-container .popover .popover_content .share_url .input_button > label > textarea {
        width: 100%; }
      .share_url .input_button > label > span {
        -webkit-transition: 0.15s ease-in opacity;
        transition: 0.15s ease-in opacity;
        font-size: 1.2rem;
        line-height: 3.6rem;
        opacity: 0;
        position: absolute;
        right: 1rem;
        text-transform: lowercase;
        top: 0; }
        .share_url .input_button > label > span.visible {
          opacity: 1; }
    .share_url .input_button .btn {
      margin-left: 0.4rem; }
  .share_url .btn_strong {
    padding: 0 1.3rem; }
  .share_url .btn_strong.zeroclipboard-is-hover {
    cursor: pointer; }
  .share_url p.buttons {
    font-size: 0; }
  .share_url p, .share_url h3 {
    color: #333942;
    margin-bottom: 0; }
  .share_url .btn_icon_notext, .share_url .list_box .btn_delete, .list_box .share_url .btn_delete {
    background-size: 4rem !important;
    margin-right: .8rem; }
  .share_url .btn_facebook,
  .share_url .btn_facebook:hover {
    background-color: transparent; }
  .share_url .btn_messenger,
  .share_url .btn_messenger:hover {
    background-color: transparent;
    background-size: auto !important; }
  .share_url .btn:not(.btn_clipboard), .share_url .btn_copy_wrapper {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-color: transparent;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0 0 1.6rem;
    min-width: auto;
    text-indent: 0.8rem;
    width: auto;
    padding-right: 0; }
    .share_url .btn:not(.btn_clipboard):hover, .share_url .freshdesk-form label.attach:hover button:not(.btn_clipboard), .freshdesk-form label.attach:hover .share_url button:not(.btn_clipboard), .share_url .btn:not(.btn_clipboard).zeroclipboard-is-hover, .share_url .btn_copy_wrapper:hover, .share_url .btn_copy_wrapper.zeroclipboard-is-hover {
      color: #01b6b2; }
  .share_url .btn.btn_copy, .share_url .btn_copy_wrapper, .share_url .btn_copy_wrapper + span {
    display: inline-block; }
  .share_url .btn_copy + input, .share_url .popover-container .popover .popover_content .btn_copy + textarea, .popover-container .popover .popover_content .share_url .btn_copy + textarea {
    width: 100%; }
  .share_url .btn_copy_wrapper .btn {
    text-indent: 0; }
  .share_url .btn_copy_wrapper + span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    -webkit-transition: 0.15s ease-in opacity;
    transition: 0.15s ease-in opacity;
    color: #57b96a;
    line-height: 16px;
    margin-left: 4px;
    opacity: 0; }
    .share_url .btn_copy_wrapper + span.visible {
      opacity: 1; }
  .share_url .btn_select_wrapper {
    line-height: 16px; }
  .share_url .flash_unavailable {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #0f1621;
    font-family: "FiraSansRegular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    line-height: 16px;
    margin: 0 0 1rem 0.4rem; }
  .share_url .qrcode {
    margin-top: 2rem;
    overflow: visible;
    position: relative; }
    .share_url .qrcode button {
      float: right;
      margin-left: 1rem; }

.qr_code_dialog header {
  padding: 0 1rem; }

.qr_code_dialog main {
  display: block;
  margin: 0 2rem; }

.qr_code_dialog p {
  margin: 1rem 0; }

.qr_code_dialog .qr_code {
  margin-left: -1rem; }
  .qr_code_dialog .qr_code > svg {
    max-width: 100%; }

.repositioningTooltip .head, .itineraryBarHelpTooltip .head {
  background-color: #e4f7f7;
  color: #01b6b2; }

.repositioningTooltip .tooltip .wrapper .arrow, .itineraryBarHelpTooltip .tooltip .wrapper .arrow {
  border-bottom-color: #e4f7f7; }

.repositioningTooltip .tooltip .wrapper .content, .itineraryBarHelpTooltip .tooltip .wrapper .content {
  max-width: 300px;
  padding: 1.6rem; }

.repositioningTooltip .mode_icons, .itineraryBarHelpTooltip .mode_icons {
  font-size: 4rem;
  margin-bottom: 1.6rem; }

.fullBanner {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  .fullBanner.active {
    opacity: 1;
    z-index: 1000; }
  .fullBanner > div {
    display: table-cell;
    vertical-align: middle; }
  .fullBanner .content {
    background: url(data:image/jpeg;base64,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) right center;
    background-size: 100%;
    border-radius: .3rem;
    height: 40rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 70rem; }
    .fullBanner .content .close {
      height: 2rem;
      position: absolute;
      right: 3rem;
      top: 3rem;
      width: 2rem;
      z-index: 1;
      background: transparent no-repeat center center;
      border: none;
      cursor: pointer;
      outline: 0 none; }
    .fullBanner .content .phone {
      background: url(/static_content/phone-900ad2825ff8d7b977e93801397eb6b4.png);
      background-repeat: no-repeat;
      background-size: 100%;
      height: 46.3rem;
      left: -.5rem;
      position: absolute;
      top: -3.2rem;
      width: 22.9rem; }
    .fullBanner .content .text {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #fff;
      height: 34rem;
      padding: 3rem;
      position: absolute;
      right: 0;
      top: inherit;
      width: 41rem; }
      .fullBanner .content .text .headline div, .fullBanner .content .text .headline h1 {
        display: inline-block; }
      .fullBanner .content .text .here_logo {
        border-radius: .3rem;
        float: none;
        margin-right: 1rem;
        cursor: auto; }
      .fullBanner .content .text h1 {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 4.8rem;
        text-shadow: none; }
      .fullBanner .content .text h2 {
        color: #fff;
        font-size: 3rem;
        font-weight: bold;
        line-height: 4rem;
        width: 36rem; }
      .fullBanner .content .text .contextual_text {
        margin-top: 4rem; }
        .fullBanner .content .text .contextual_text span {
          display: inline-block;
          font-size: 1.6rem;
          line-height: 2rem;
          margin-top: 6rem;
          width: 36rem; }
      .fullBanner .content .text .app {
        display: -ms-flexbox;
        /* MID: IE 10 */
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-box;
        /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
        /* NEW: Chrome 21+ */
        display: flex;
        margin-top: 5rem; }
        .fullBanner .content .text .app .app_icon {
          background-size: 100%;
          background-repeat: no-repeat;
          display: inline-block;
          cursor: pointer; }
        .fullBanner .content .text .app .play_store {
          height: 6.4rem;
          margin-left: -1.2rem;
          width: 19.7rem; }
        .fullBanner .content .text .app .app_store {
          height: 5.1rem;
          margin-top: 1.2rem;
          width: 17.3rem; }

/*# sourceMappingURL=https://s3-eu-west-1.amazonaws.com/hereweb-source-maps/main-674ab5e6131990c71373d84becaff069.css.map*/