.tws-dealer-locator {
  margin: 32px 0px;
  margin-top: 32px !important;
}

.tws-tb-py-3 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#searchDealersButton {
  width: 160px;
  background-color: #b49e5e;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 10px;
  border-radius: 2px !important;

}

.gm-style-iw-chr {
  display: none;
}

#mapPopupData {
  display: none;
}

#dealerMenu {
  box-shadow: none;
}

#dealerMenu::after {
  content: none !important;
}

.map-popup-logo-image {
  width: 100px !important;
  height: 49px !important;
}

.gm-style-iw-c {
  min-width: 343px !important;
  border-radius: 0px !important;
  padding: 0px !important;
}

.tws-dropdown-menu li a {
  color: #333;
}

.popover .arrow::after {
  border-color: transparent !important;
  border-style: solid !important;
  bottom: -10px;
  left: 1px;
  border-right-color: #fff !important;
  border-width: 10px;
  width: 0;
  height: 0;
  border-left-width: 0;
}

.info2-popover .arrow::after {
  left: -10px;
}

.popover .arrow {
  position: absolute !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-width: 11px !important;
  border-left-width: 0 !important;
  margin-top: -11px !important;
  top: 50% !important;
  margin: 0 !important;
}

#savedLocationLink {
  color: #337ab7;
  text-decoration: none;
}

.tws-dropdown-menu {
  position: relative !important;
  margin-top: 10px !important;
  border-radius: 0 !important;
  background-color: #f4f7fc !important;
  border: none !important;
  padding-bottom: 150px !important;
  /* width: 100% !important; */
  width: calc(105%) !important;
  padding-left: 0 !important;
  margin-left: -16px !important;
  min-width: 112% !important;

}

.twsinput {
  padding: 0px;
}

#contactsSection {
  padding-right: 15px;
  padding-left: 25px;
}

.contact-label-block {
  margin-bottom: 30px;
}

.contact-label-block label {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}

.contact-label-block a.contact-link {
  font-size: 18px;
  display: inline-block;
}

#contactsSection .info-section {
  padding-top: 27px;
}

#contactsSection .social-section {
  margin-top: 40px;
}

.social-section>label {
  font-size: 18px;
  margin-bottom: 16px;
}

#contactsSection .social-section a {
  display: block;
  height: 40px;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}

/*--- Social Icons styles ---
----------------------------- */
.social-icon-block {
  padding-bottom: 10px;
}

.social-icon-block .icon {
  float: left;
  width: 45px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border-right: 1px solid #fff;
  color: white;
}

.social-icon-block .icon.icon-Flickr {
  font-size: 10px;
}

.social-section a.facebook {
  background-color: #334d83;
}

.social-section a.twitter {
  background-color: #00afe4;
}

.social-section a.linkedin {
  background-color: #1373a7;
}

.social-section a.youtube {
  background-color: #ca3c3c;
}

.social-section a.flickr {
  background-color: #000;
}

/* Responsive styles - Starts */
@media all and (max-width: 991px) {
  .container-fluid1 {
    display: block !important;
    margin-top: -17px;
    padding: 16px;
    height: 62px;
    width: calc(100% + 10px);
  }

  .tws-dealer-locator {
    padding: 0px !important;
  }

  #contactsSection .info-section {
    padding-top: 20px;
  }

  .contact-label-block label {
    margin-bottom: 5px;
  }

  #contactsSection .social-section {
    margin-top: 20px;
  }

  .contact-label-block {
    margin-bottom: 20px;
  }
}

/* Responsive styles - Ends */
.lds-ellipsis {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #072d6e;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(19px, 0);
  }
}

.side-bar-controls-container {
  padding: 20px 10px;
  overflow: visible;
  margin: 10px 10px 0 10px;
  background-color: #fff;
  box-shadow: 0 2px 2px #b1bccf;
  position: relative;
  height: auto;
}

#locationSuggestionDropdown,
#dealerNameSuggestionDropdown,
#suggestiondropdown,
.dropdown-control {
  padding-left: 0px;
}

.custom-list-saved-locations {
  margin-top: 12px !important;
}

#locationSuggestionDropdown ul,
#dealerNameSuggestionDropdown ul,
#suggestiondropdown ul {
  padding-left: 10px;
}

#locationSuggestionDropdown li,
#dealerNameSuggestionDropdown li,
#suggestiondropdown li {
  list-style-type: none;
  padding: 10px;
}

#locationSuggestionDropdown li:hover,
#dealerNameSuggestionDropdown li:hover,
#suggestiondropdown li:hover {
  background-color: #072d6e;
  color: #fff;
}

.popover-location {
  border-radius: 0px !important;
  width: auto;
  min-width: 245px;
}

.popover-content {
  padding: 9px 10px 9px 14px;
}

.dealer-inputfield-label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
  vertical-align: middle;
  color: #000000;
}

.individual-control {
  width: 100%;
  padding: 12px 10px;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #dde2eb;
  height: 50px;
}

.individual-control.custom-select {
  line-height: 26px;
  height: 50px;
  background: white;
  padding: 12px 10px;
}

.individual-control.filter-list-parent {
  margin-bottom: 0;
}

.individual-control .icon-gps-inactive {
  float: right;
  color: #ccc;
  font-size: 18px;
  padding-top: 3px;
}

.individual-control .icon-gps-inactive:hover:before {
  color: #252626;
}

.individual-control input {
  font-size: 16px;
  border: none;
  width: calc(100% - 25px);
  outline: 0;
  padding-left: 0;
}

.individual-control input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bbc2ca;
}

.individual-control input::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbc2ca;
}

.individual-control input:-ms-input-placeholder {
  /* IE 10+ */
  color: #bbc2ca;
}

.individual-control input:-moz-placeholder {
  /* Firefox 18- */
  color: #bbc2ca;
}

.favorite-section {
  display: none;
}

/* menu styles - starts */
.dropdown-menu {
  display: none;
  left: 0;
  right: 0;
  margin-top: 10px;
  border-radius: 0;
  background-color: #f4f7fc;
  border: none;
  padding-bottom: 150px;
  width: 100%;
  width: calc(100%);
  padding-left: 0;
  /* margin-left: -15px; */
}

.dropdown-menu li a {
  padding: 14px 23px 17px;
  display: block;
  font-size: 17px;
  text-align: left;
  border-bottom: 1px solid rgba(221, 226, 235, 0.5);
}

.dropdown-menu li a:hover {
  background-color: #e8ecf3;
  color: #333;
  text-decoration: none;
}

.dropdown-menu li a span {
  padding-right: 20px;
  vertical-align: middle;
}

.dropdown-menu li a span:first-child {
  font-size: 20px;
}

.dropdown-menu li:first-child a span:first-child {
  font-size: 19px;
}

.dropdown-menu li a span:nth-child(2) {
  font-size: 17px;
}

.btn.dropdown-toggle {
  background-color: transparent;
  border-radius: 0;
}

.dropdown {
  position: relative;
}

.fav-icon,
.menu-icon {
  position: absolute;
  top: 0;
}

.fav-icon {
  right: 3px;
}

#dealerMenu {
  padding-left: 6px;
  width: 0px;
  font-size: 14px;
}

.menu-icon {
  left: 0px;
  width: calc(100%);
}

.dropdown .icon-back {
  display: none;
  color: #fff;
}

/* menu styles - ends */

.sidebar {
  position: relative;
  background-color: #f4f7fc;
  border: 1px solid #dde2eb;
  border-top: 0;
  padding: 0;
}

.menu-overlay,
.menu-overlay-2 {
  display: none;
  width: 100%;
  height: calc(100% - 71px);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  position: absolute;
  top: 70px;
  left: 0;
}

/* Label text */
.side-bar-controls-title {
  font-size: 14px;
}

.side-bar-controls-title .icon-info {
  font-size: 14px;
  margin-left: 6px;
  cursor: pointer;
}

.side-bar-controls-title .icon-info:before {
  color: #555;
}

.auto-populate-list {
  position: absolute;
  background-color: #fff;
  width: calc(100% + 2px);
  min-height: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  z-index: 1;
  margin-left: -11px;
  margin-top: 10px;
}

.auto-populate-list ul {
  width: 100%;
  margin: 0;
}

.auto-populate-list ul li {
  min-height: 40px;
  font-size: 15px;
  color: #252626;
  cursor: pointer;
  padding: 10px;
}

.auto-populate-list ul li:hover {
  background-color: #072d6e;
  color: #fff;
}

.custom-list-saved-locations.auto-populate-list ul li {
  position: relative;
}

/**----- Custom select box - starts  -----**/
/* The container must be positioned relative: */
.custom-select {
  position: relative;
}

.custom-select select {
  display: none;
  /*hide original SELECT element: */
}

.tws-custom-select .select-selected {
  color: #bbc2ca;
  cursor: pointer;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 17px;
}

.tws-custom-select .select-selected,
.same-as-selected {
  position: relative;
}

/* Style the arrow inside the select element: */
.tws-custom-select .select-selected:after,
.same-as-selected:after {
  /* This is part of icomoon fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tws-custom-select .select-selected:after {
  content: '\e90f';
  color: #555;
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 8px;
  transition: all 0.3s ease-in-out;
}

.tws-custom-select .same-as-selected:after {
  content: '\e90b';
  color: #fff;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 14px;
}

/* Point the arrow upwards when the select box is open (active): */
.tws-custom-select .select-selected.select-arrow-active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

#categoryList+.select-selected:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

#categoryList+.select-selected.select-arrow-active:after {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0);
}

/* style the items (options), including the selected item: */
.tws-custom-select .select-items div {
  color: #262625;
  padding: 10px;
  cursor: pointer;
  font-size: 15px;
  padding-right: 28px;
}

/* Style items (options): */
.tws-custom-select .select-items {
  position: absolute;
  background-color: #fff;
  top: calc(100% + 1px);
  left: 0px;
  width: 100%;
  z-index: 2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
}

/* Hide the items when the select box is closed: */
.tws-custom-select .select-hide {
  display: none;
}

.tws-custom-select .select-items .mCustomScrollBox .mCSB_container div:hover,
.same-as-selected {
  background-color: #072d6e;
  color: #fff !important;
}

/**----- Custom select box - ends ------**/

.dealer-result-count {
  font-size: 15px;
  color: #b49e5e;
}

.no-dealers {
  padding: 0 10px;
}

#favoriteDealerList {
  padding: 10px 7px 0 10px;
}

#favoriteSection .dealer-result-count {
  padding-top: 10px;
}

/* To display header text on classname of the header */
.menu-header.home [data-language-string='menu.favorites'],
.menu-header.home [data-language-string='menu.contacts'],
.menu-header.home [data-language-string='menu.settings'] {
  display: none;
}

.menu-header.favorites [data-language-string='appName'],
.menu-header.favorites [data-language-string='menu.contacts'],
.menu-header.favorites [data-language-string='menu.settings'] {
  display: none;
}

.menu-header.contacts [data-language-string='appName'],
.menu-header.contacts [data-language-string='menu.favorites'],
.menu-header.contacts [data-language-string='menu.settings'] {
  display: none;
}

.menu-header.settings [data-language-string='appName'],
.menu-header.settings [data-language-string='menu.favorites'],
.menu-header.settings [data-language-string='menu.contacts'] {
  display: none;
}

.icon-pin-small {
  font-size: 14px;
}

.location-icon-inactive {
  font-size: 18px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 16px;
}

.icon-pin-small .path1,
.location-icon-inactive .path1 {
  position: relative;
}

.icon-pin-small .path2 {
  position: absolute;
  top: 0;
  left: 10px;
  right: 0;
  margin: 0 auto;
}

.location-icon-inactive .path2 {
  position: absolute;
  top: 0;
  left: 13px;
  right: 0;
  margin: 0 auto;
}

.location-icon-inactive .path1:before,
.location-icon-inactive.icon-save:before {
  color: #252626 !important;
}

.location-icon-inactive .path1:hover:before,
.location-icon-inactive.icon-save:hover:before {
  color: #b49e5e !important;
}

/*--- Dealer results styles ---
-------------------------------*/
.dealer-result-item {
  padding: 10px 10px;
  cursor: pointer;
  position: relative;
  transition-duration: 0.3s;
}

.dealer-result-item>div {
  vertical-align: top;
}

.dealer-result-item-marker {
  display: inline-block;
  margin-top: 6px;
  width: 16px;
  text-align: center;
  vertical-align: top;
}

.dealer-result-item-desc {
  display: inline-block;
  margin-left: 6px;
  width: 84%;
}

.dealer-result-item-star {
  position: absolute;
  top: 10px;
  right: 8px;
}

.dealer-result-item-star>span {
  font-size: 24px;
  cursor: pointer;
}

.dealer-result-item-dealer-name {
  font-size: 16px;
}

.dealer-result-item-dealer-city {
  font-size: 14px;
}

.dealer-result-item-dealer-distance {
  color: #072d6e;
  font-size: 14px;
  line-height: 18px;
}

/*-- Dealer results styles - ends --*/

.disabled-field,
.disabled-field>input[disabled],
.disabled-field>input[disabled]:hover {
  background: #f5f6f9;
}

.popover {
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3) !important;
  border: none !important;
  color: #3c4043 !important;
  font-size: 14px !important;
  margin-left: 55px;
  left: 22px;
  border-radius: 4px !important;
  display: none !important;
}

.info1-popover.right>.arrow,
.info3-popover.right>.arrow {
  left: -10.5px;
}

.popover.right>.arrow {
  border-right-color: rgba(0, 0, 0, 0.2) !important;
}

.popover-content span[class^='icon-'] {
  margin-right: 8px;
}

.icon-info:hover+.popover {
  display: block !important;
}

.popover-container {
  position: relative;
  display: inline-block;
}

.info1-popover {
  top: -52px;
  margin-top: -51px;
  margin-left: 30px;
}

.info2-popover {
  top: -13px;
  margin-top: -10px;
  margin-left: 30px;
}

.info3-popover {
  top: -22px;
  margin-top: -9px;
  margin-left: 30px;
}

.dropdown-toggle {
  outline: none !important;
}

.filter-list-parent {
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 2px #b1bccf;
  border: none;
  height: 50px;
  line-height: 24px;
}

.dealer-filter-overlay-left {
  right: 52px;
  z-index: 1;
  position: absolute;
  height: 51px;
  cursor: pointer;
  top: 0;
  left: 0;
  width: calc(100% - 39px);
  background: transparent;
  /* padding-top: 20px;
padding-right: 12px; */
}

.dealer-filter-overlay-right {
  position: absolute;
  right: 0;
  top: 12px;
  padding-top: 5px;
  /* z-index: 10; */
  cursor: pointer;
  width: 38px;
  text-align: center;
}

.filter-devider {
  position: absolute;
  right: 38px;
  top: 12px;
  height: 28px;
  border-right: 1px solid #bbc2ca;
}

.dealer-filter-overlay-left .icon-search {
  font-size: 14px;
  float: right;
  padding: 19px;
}

.dealer-filter-overlay-right .icon-filter {
  font-size: 14px;
}

.filter-list-parent .select-selected {
  color: #262625;
  padding-right: 63px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.filter-list-parent .select-selected:after {
  content: '';
}

.filter-list-parent .select-items div {
  padding: 5px 10px 5px;
  /* height: 40px;
  display: flex; */
  align-items: center;
}
.select-items div.filter-elements:hover,
.same-as-selected {
  background-color: #072d6e;
  color: #fff !important;
}
.select-items {
  background-color: #f4f7fc;
  color: black;
}

.dealer-results-filter-header {
  font-size: 14px;
  padding: 10px 0;
  margin: 0;
}

.result-expand-collapse {
  padding: 10px;
  margin-top: -14px;
  cursor: pointer;
  margin-right: -6px;
}

.result-expand-collapse .icon-arrow-up {
  font-size: 8px;
}

.dealer-result-txt-padding {
  background: #fff;
  padding: 10px;
  margin: 10px;
}

#dealerResultList {
  margin: 0px 6px 0 10px;
}

.map-overlay {
  width: calc(100% - 10px);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 10px;
}

.dropdown-toggle:focus {
  box-shadow: unset;
}

.auto-populate-list.custom-list-saved-locations {
  margin-left: -11px;
  min-height: 0;
  height: auto;
  max-height: 225px;
  overflow-y: auto;
}

.custom-list-saved-locations .icon-close {
  font-size: 12px;
  line-height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 10px;
  display: inline-block;
  display: none;
}

.custom-list-saved-locations li:hover .icon-close {
  display: inline-block;
}

.wobble-animation {
  -webkit-animation: icon-wobble 1s ease-in-out 0.3s 2;
  -moz-animation: icon-wobble 1s ease-in-out 0.3s 2;
  -ms-animation: icon-wobble 1s ease-in-out 0.3s 2;
  animation: icon-wobble 1s ease-in-out 0.3s 2;
}

@-webkit-keyframes icon-wobble {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes icon-wobble {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.tws-custom-select .select-items,
.auto-populate-list {
  background-color: #f4f7fc;
}

.tws-custom-select .select-items .mCSB_dragger_bar {
  display: none;
}

/* Responsive styles - Starts */
#resSearchMobileMainBtn {
  display: none;
  position: absolute;
  width: calc(100% - 40px);
  left: 10px;
  right: 10px;
  top: 49px;
  bottom: 8px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
  padding: 16px 18px;
  color: #bbc2ca;
  font-size: 16px;
  height: 50px;
  border: none;
  outline: none;
  cursor: pointer;
  text-align: left;
  z-index: 1;
  margin-left: 12px !important;
}

#resSearchMobileMainBtn .icon-search:before {
  color: rgba(0, 0, 0, 0.3);
}

#dealerResultHeader {
  background: #dde2eb;
  width: 100%;
  width: calc(100%);
  padding: 0 10px 10px 10px;
}

#categoryList+.select-selected+.select-items {
  top: inherit;
  bottom: calc(100% + 1px);
  width: calc(100% + 2px);
  left: -1px;
}

#noResultsButton {
  display: none;
}

#noResultsButton.mobileVisible {
  display: none;
}

@media all and (min-width: 992px) {
  .sidebar {
    min-height: calc(100vh);
  }

  .popover-location.info1-popover {
    min-width: 300px;
  }

  [lang='en_EN'] .popover-location.info1-popover {
    min-width: 245px;
  }
}

@media all and (max-width: 991px) {
  #resSearchMobileMainBtn {
    display: block;
  }

  .tb-contact-finder-container .tb-contact-finder-row .tb-contact-finder-map {
    height: 100vh !important;
  }

  .dealer-result-txt-padding {
    background: transparent;
    padding: 0px;
    margin: 10px;
  }

  .sidebar {
    display: none;
    border: none;
    padding: 0 0 0px 0;
  }

  .dropdown-menu {
    left: 0;
  }

  .dropdown-menu li a {
    color: black;
  }

  .side-bar-controls-container {
    margin: 0;
    padding-top: 15px;
    box-shadow: none;
    height: calc(100vh - 115px);
    margin-left: 15px;
  }

  .side-bar-bottom {
    margin-left: 20px;
  }

  .dropdown-menu {
    margin-top: 3px;
    left: -90vw !important;
    min-width: 100vw !important;
    /* top: 110%; */
    margin-top: 46px !important;
    padding-bottom: 150px !important;
  }

.info1-popover {
    top: 80px !important;
    left: -60px !important;
    margin-left: 10px !important;
  }
  .info2-popover,
  .info3-popover {
    top: 38px !important;
    left: -60px !important;
    margin-left: 10px !important;
  }
 
  .info1-popover>.arrow,
  .info3-popover>.arrow
  {
    top: -10px !important;
    left: 57px !important;
    transform: rotate(90deg);
  }
.info2-popover>.arrow {
  top: 0px !important;
  left: 57px !important;
    transform: rotate(90deg);
}

  .no-dealer-button {
    background-color: #072d6e;
    color: #ffffff;
    background-color: #072d6e;
    height: 40px;
    width: 260px;
    text-align: center;
    padding-top: 8px;
    color: white;
    font-size: 16px;
    margin-top: 62px;
    margin-left: auto;
    margin-right: auto;
  }

  #noResultsButton {
    display: none;
  }

  #noResultsButton.mobileVisible {
    display: block;
  }

  .custom-list-saved-locations .icon-close {
    display: inline-block;
  }

  .pull-right .menu-icon {
    width: inherit;
    left: inherit;
    right: 0px;
  }

  .pull-right .menu-icon.open {
    width: calc(100%);
  }
}

@media all and (max-width: 768px) {

  [lang='it_IT'] .popover.right.info2-popover,
  [lang='fr_FR'] .popover.right.info2-popover,
  [lang='es_ES'] .popover.right.info2-popover {
    margin-left: -30px;
  }

  [lang='it_IT'] .info2-popover.popover.right>.arrow,
  [lang='fr_FR'] .info2-popover.popover.right>.arrow,
  [lang='es_ES'] .info2-popover.popover.right>.arrow {
    left: 98px
  }

  [lang='it_IT'] .popover.right.info3-popover,
  [lang='fr_FR'] .popover.right.info3-popover,
  [lang='es_ES'] .popover.right.info3-popover {
    margin-left: -95px;
  }

  [lang='it_IT'] .info3-popover.popover.right>.arrow,
  [lang='fr_FR'] .info3-popover.popover.right>.arrow,
  [lang='es_ES'] .info3-popover.popover.right>.arrow {
    left: 163px;
  }

  [lang='de_DE'] .popover.right.info3-popover {
    margin-left: -26px;
  }

  [lang='de_DE'] .info3-popover.popover.right>.arrow {
    left: 94px;
  }
}

/* Responsive styles - Ends */

.overlay-full {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.loader,
.name-loader,
.location-loader {
  position: absolute;
  right: 10px;
  top: 15px;
  display: none;
}

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon/icomoon-eot.eot?w99yhl');
  src: url('../fonts/icomoon/icomoon-eot.eot?w99yhl#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon-ttf.ttf?w99yhl') format('truetype'),
    url('../fonts/icomoon/icomoon-woff.woff?w99yhl') format('woff'),
    url('../fonts/icomoon/icomoon-svg.svg?w99yhl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-results-info .path1:before {
  content: "\e933";
  color: rgb(63, 169, 245);
}

.icon-results-info .path2:before {
  content: "\e934";
  margin-left: -1.3173828125em;
  color: rgb(255, 255, 255);
}

.icon-save-confirm .path1:before {
  content: "\e92f";
  color: rgb(7, 45, 110);
}

.icon-save-confirm .path2:before {
  content: "\e930";
  margin-left: -0.98828125em;
  color: rgb(7, 45, 110);
}

.icon-save-confirm .path3:before {
  content: "\e931";
  margin-left: -0.98828125em;
  color: rgb(7, 45, 110);
}

.icon-save-confirm .path4:before {
  content: "\e932";
  margin-left: -0.98828125em;
  color: rgb(61, 193, 67);
}

.icon-save:before {
  content: "\e92d";
}

.icon-search-2:before {
  content: "\e92e";
}

.icon-collapse-fullscreen:before {
  content: "\e92b";
}

.icon-fullscreen:before {
  content: "\e92c";
}

.icon-facebook:before {
  content: "\e926";
}

.icon-Flickr:before {
  content: "\e927";
}

.icon-Linkedin:before {
  content: "\e928";
}

.icon-Twitter:before {
  content: "\e929";
}

.icon-Youtube:before {
  content: "\e92a";
}

.icon-location:before {
  content: "\e925";
  color: #555;
}

.icon-Share:before {
  content: "\e923";
}

.icon-web:before {
  content: "\e924";
}

.icon-gps-active:before {
  content: "\e900";
  color: #555;
}

.icon-settings:before {
  content: "\e901";
}

.icon-distance:before {
  content: "\e902";
}

.icon-Contacts:before {
  content: "\e903";
}

.icon-directions:before {
  content: "\e904";
}

.icon-info:before {
  content: "\e905";
  color: #555;
}

.icon-arrow-right:before {
  content: "\e906";
}

.icon-arrow-up:before {
  content: "\e907";
}

.icon-arrow-white-left:before {
  content: "\e908";
  color: #fff;
}

.icon-arrow-white-right:before {
  content: "\e909";
  color: #fff;
}

.icon-back:before {
  content: "\e90a";
}

.icon-checkmark:before {
  content: "\e90b";
  color: #fff;
}

.icon-close:before {
  content: "\e90c";
}

.icon-close-white:before {
  content: "\e90d";
  color: #fff;
}

.icon-contact:before {
  content: "\e90e";
}

.icon-dropdown:before {
  content: "\e90f";
  color: #555;
}

.icon-email:before {
  content: "\e910";
}

.icon-filter:before {
  content: "\e911";
  color: #555;
}

.icon-gps-inactive:before {
  content: "\e912";
  color: #bbc2ca;
}

.icon-hamburger:before {
  content: "\e913";
  color: #fff;
}

.icon-home:before {
  content: "\e914";
}

.icon-language:before {
  content: "\e915";
}

.icon-pin-big .path1:before {
  content: "\e916";
  color: rgb(7, 45, 110);
}

.icon-pin-big .path2:before {
  content: "\e917";
  margin-left: -0.7138671875em;
  color: rgb(255, 255, 255);
}

.icon-pin-small .path1:before {
  content: "\e918";
  color: rgb(7, 45, 110);
}

.icon-pin-small .path2:before {
  content: "\e919";
  margin-left: -0.7138671875em;
  color: rgb(255, 255, 255);
}

.icon-search:before {
  content: "\e91a";
  color: #555;
}

.icon-search-divider:before {
  content: "\e91b";
  color: #bbc2ca;
}

.icon-star-dark-grey:before {
  content: "\e91c";
}

.icon-star-gold:before {
  content: "\e91d";
  color: #b49e5e;
}

.icon-star-light-grey:before {
  content: "\e91e";
  color: #bbc2ca;
}

.icon-status-error:before {
  content: "\e91f";
  color: #fff;
}

.icon-status-info:before {
  content: "\e920";
  color: #fff;
}

.icon-status-success:before {
  content: "\e921";
  color: #fff;
}

.icon-status-warning:before {
  content: "\e922";
  color: #fff;
}

#workspace {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 50%;
}

#daily-weather {
  padding-right: 50px;
  width: 100%;
  height: 190px;
  box-sizing: border-box;
}

.weather-display {
  height: 240px;
  height: -webkit-calc(100% - 195px);
  height: calc(100% - 195px);
}

.weather-display-header .location-title {
  width: 100%;
}

.weather-display-header .action {

  position: absolute;
  top: 0px;
  right: 3px;
  z-index: 100;
}

/*
#weatherdrawer {

width: 100%;
}

#weatherdrawer .open {

width: 400%;
}*/
#weathermenu {
  height: 100%;
  width: 0%;
}

#weathermenu.menu-is-open {
  height: 100%;
  width: 100%;
}

#dealermenu {
  height: 100%;
  width: 0px;
  background-color: #fff;
}

#dealermenu.menu-is-open {
  width: 75%;
  left: 0px;
}

#dealerdrawer.open {
  right: -150%;
  background-color: #fff;
  /*background-color: rgba(255, 255, 255, 0.5);*/

}

/*change after working

#weatherdrawer {
width: 100%;
}

#weatherdrawer.open {
right: -100%;
left: auto;
}

*/

#weatherdrawer {
  width: 100%;
  overflow: hidden;
}

#weatherdrawer.open {
  right: -100%;
  left: auto;
}

/* testfordealers
#weatherdrawer {
width: 100%;
}


#weatherdrawer.open {
right: -100%;
left: auto;
}

*/



/*
#weatherdrawer.open .weather-details {
left: 800px;
width: 50%;
}

.weather-details {
position: relative;
width: 33%;
/*left: 630px;
left: 550px;
} */

#favouritedrawer {

  overflow: hidden;
}

/* to remove visible content when closing after dealermenu closes */
#dealerdrawer {

  overflow: hidden;
}

#locationdrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#locationdrawer.open {

  right: -100%;
  left: auto;
}



#contactdrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#contactdrawer.open {

  right: -100%;
  left: auto;
}

#settingsdrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#settingsdrawer.open {

  right: -100%;
  left: auto;
}

#privacytab.show {

  position: absolute;
  width: 100%;
  right: 0px;
  background-color: #fff;

}

#criteriatab.show {

  position: absolute;
  width: 100%;
  right: 0px;
  background-color: #fff;
  z-index: 10;
  overflow: scroll;

}

#videodrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#videodrawer.open {

  right: -100%;
  left: auto;
}

#languagetab.show {

  position: absolute;
  width: 100%;
  right: 0px;
  background-color: #fff;

}

/*
#workspace {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 50%;
}
*/
#daily-weather {
  padding-right: 50px;
  width: 100%;
  height: 190px;
  box-sizing: border-box;
}

.weather-display {
  height: 240px;
  height: -webkit-calc(100% - 195px);
  height: calc(100% - 195px);
}

.weather-display-header .location-title {
  width: 100%;
}

.weather-display-header .action {

  position: absolute;
  top: 0px;
  right: 3px;
  z-index: 100;
}

/*
#weatherdrawer {

width: 100%;
}

#weatherdrawer .open {

width: 400%;
}*/
#weathermenu {
  height: 100%;
  width: 0%;
}

#weathermenu.menu-is-open {
  height: 100%;
  width: 100%;
}

/* testchange
#dealermenu {
  height: 100%;
  width: 0px;
  background-color: #fff;
}

#dealermenu.menu-is-open {
      width: 75%;
      left: 0px;
  }
*/

#dealerdrawer.open {
  right: -150%;
  background-color: #fff;
  /*background-color: rgba(255, 255, 255, 0.5);*/

}

/*change after working

#weatherdrawer {
width: 100%;
}

#weatherdrawer.open {
right: -100%;
left: auto;
}

*/

#weatherdrawer {
  width: 100%;
  overflow: hidden;
}

#weatherdrawer.open {
  right: -100%;
  left: auto;
}

/* testfordealers
#weatherdrawer {
width: 100%;
}


#weatherdrawer.open {
right: -100%;
left: auto;
}

*/



/*
#weatherdrawer.open .weather-details {
left: 800px;
width: 50%;
}

.weather-details {
position: relative;
width: 33%;
/*left: 630px;
left: 550px;
} */

#favouritedrawer {

  overflow: hidden;
}

/* to remove visible content when closing after dealermenu closes */
#dealerdrawer {

  overflow: hidden;
}

#locationdrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#locationdrawer.open {

  right: -100%;
  left: auto;
}



#contactdrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#contactdrawer.open {

  right: -100%;
  left: auto;
}

#settingsdrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#settingsdrawer.open {

  right: -100%;
  left: auto;
}

/* testchange 94 nr 1
#privacytab.show {

position: absolute;
width: 100%;
right: 0px;
background-color: #fff;

}
*/
/* testchange 94 nr 1
#criteriatab.show {

position: absolute;
width: 100%;
right: 0px;
background-color: #fff;
z-index: 10;
overflow: scroll;
}
*/

#videodrawer {

  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

#videodrawer.open {

  right: -100%;
  left: auto;
}

/* testchange
#languagetab.show {

position: absolute;
width: 100%;
right: 0px;
background-color: #fff;

}
*/
/* Toaster message */
.info {
  background-color: #238bdc !important;
}

.error {
  background-color: #d54130;
}

.warning {
  background-color: #e27f1b;
}

.success {
  background-color: #3dc143;
}

.message-inner-container span[class^='icon-'] {
  padding-right: 10px;
}

.error-msg-container {
  position: absolute;
  left: 55%;
  top: 200px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -1;
  text-align: center;
  width: auto;
}

.error-inner-container {
  background-color: #353535;
  color: #fff;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: auto;
  text-align: left;
}

.error-icon-container {
  width: 40px;
  height: 40px;
  line-height: 49px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  background-color: #3dc143;
}

.error-icon-container .icon-status-success,
.error-icon-container .icon-status-info {
  font-size: 18px;
}

.error-msg-text {
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 20px;
  vertical-align: top;
}

.error-msg-container {
  z-index: -1;
}

.show-msg {
  top: 220px !important;
  opacity: 1;
  z-index: 3;
}

.xlabel {
  padding-right: 10px;
  line-height: 40px;
  font-size: 10px;
  cursor: pointer;
}

/* Responsive styles - Starts */
@media all and (max-width: 991px) {
  .error-msg-container {
    position: fixed;
    right: 0;
    left: 0;
    top: inherit !important;
    bottom: 0% !important;
    margin: 0 auto;
    z-index: -1;
  }

  .show-msg {
    bottom: 20px !important;
    z-index: 3;
  }
}

/* Responsive styles - Ends */

@media all and (min-width: 768px) and (max-width: 991px) {
  .error-msg-container {
    width: 80%;
  }
}

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

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

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

[hidden],
template {
  display: none;
}

/* html { */
/* font-family: sans-serif; */
/* -ms-text-size-adjust: 100%; */
/* -webkit-text-size-adjust: 100%; */
/* } */
/* body { */
/* margin: 0; */
/* } */
/* a { */
/* background: transparent; */
/* } */
/* a:focus { */
/* outline: thin dotted; */
/* } */
/* a:active, */
/* a:hover { */
/* outline: 0; */
/* } */
/* h1 { */
/* font-size: 2em; */
/* margin: 0.67em 0; */
/* } */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 500;
}

dfn {
  font-style: italic;
}

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

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

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

pre {
  white-space: pre-wrap;
}

q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}

/* small { */
/* font-size: 80%; */
/* } */
/* sub, */
/* sup { */
/* font-size: 75%; */
/* line-height: 0; */
/* position: relative; */
/* vertical-align: baseline; */
/* } */
/* sup { */
/* top: -0.5em; */
/* } */
/* sub { */
/* bottom: -0.25em; */
/* } */
/* img { */
/* border: 0; */
/* } */
/* svg:not(:root) { */
/* overflow: hidden; */
/* } */
/* figure { */
/* margin: 0; */
/* } */
/* fieldset { */
/* border: 1px solid silver; */
/* margin: 0 2px; */
/* padding: 0.35em 0.625em 0.75em; */
/* } */
/* legend { */
/* border: 0; */
/* padding: 0; */
/* } */
/* button, */
/* input, */
/* select, */
/* textarea { */
/* font-family: inherit; */
/* font-size: 100%; */
/* margin: 0; */
/* } */
/* button, */
/* input { */
/* line-height: normal; */
/* } */
/* button, */
/* select { */
/* text-transform: none; */
/* } */
/* button, */
/* html input[type='button'], */
/* input[type='reset'], */
/* input[type='submit'] { */
/* -webkit-appearance: button; */
/* cursor: pointer; */
/* } */
/* button[disabled], */
/* html input[disabled] { */
/* cursor: default; */
/* } */
/* input[type='checkbox'], */
/* input[type='radio'] { */
/* box-sizing: border-box; */
/* padding: 0; */
/* } */
/* input[type='search'] { */
/* -webkit-appearance: textfield; */
/* -moz-box-sizing: content-box; */
/* -webkit-box-sizing: content-box; */
/* box-sizing: content-box; */
/* } */
/* input[type='search']::-webkit-search-cancel-button, */
/* input[type='search']::-webkit-search-decoration { */
/* -webkit-appearance: none; */
/* } */
/* button::-moz-focus-inner, */
/* input::-moz-focus-inner { */
/* border: 0; */
/* padding: 0; */
/* } */
/* textarea { */
/* overflow: auto; */
/* vertical-align: top; */
/* } */
/* table { */
/* border-collapse: collapse; */
/* border-spacing: 0; */
/* } */
/* * { */
/* -moz-box-sizing: border-box; */
/* box-sizing: border-box; */
/* } */
/* h1, */
/* h2, */
/* h3, */
/* h4, */
/* h5, */
/* h6 { */
/* margin: 0; */
/* padding: 0; */
/* } */
/* p { */
/* margin: 0; */
/* } */
/* ul { */
/* margin: 0; */
/* padding: 0; */
/* list-style: none; */
/* } */
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon/icomoon-eot.eot);
  src: url(../fonts/icomoon/icomoon-eot.eot?#iefix) format('embedded-opentype'), url(../fonts/icomoon/icomoon-woff.woff) format('woff'),
    url(../fonts/icomoon/icomoon-ttf.ttf) format('truetype'), url(../fonts/icomoon/icomoon-svg.svg#icomoon) format('svg');
  font-weight: 400;
  font-style: normal;
}

[data-icon]:before {
  font-family: icomoon;
  content: attr(data-icon);
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tornado,
.icon-thunderstorm,
.icon-snow,
.icon-sleet,
.icon-rain,
.icon-partly-cloudy-night,
.icon-partly-cloudy-day,
.icon-hail,
.icon-fog,
.icon-cloudy,
.icon-clear-night,
.icon-clear-day,
.icon-website,
.icon-weather,
.icon-video,
.icon-tips,
.icon-time,
.icon-share,
.icon-settings,
.icon-search,
.icon-position,
.icon-phone,
.icon-move,
.icon-arrow-right,
.icon-home,
.icon-check,
.icon-alert,
.icon-close,
.icon-contact,
.icon-dealer-pin,
.icon-delete-fav,
.icon-delete,
.icon-edit,
.icon-email,
.icon-favorite,
.icon-info,
.icon-map,
.icon-menu,
.icon-wind,
.icon-arrow-left,
.icon-youtube,
.icon-facebook,
.icon-twitter,
.icon-linkedin,
.icon-flickr,
.icon-location-list {
  font-family: icomoon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-tornado:before {
  content: '\e001';
}

.icon-thunderstorm:before {
  content: '\e002';
}

.icon-snow:before {
  content: '\e003';
}

.icon-sleet:before {
  content: '\e004';
}

.icon-rain:before {
  content: '\e005';
}

.icon-partly-cloudy-night:before {
  content: '\e006';
}

.icon-partly-cloudy-day:before {
  content: '\e007';
}

.icon-hail:before {
  content: '\e008';
}

.icon-fog:before {
  content: '\e009';
}

.icon-cloudy:before {
  content: '\e00a';
}

.icon-clear-night:before {
  content: '\e00b';
}

.icon-clear-day:before {
  content: '\e00c';
}

.icon-website:before {
  content: '\e00d';
}

.icon-weather:before {
  content: '\e00e';
}

.icon-video:before {
  content: '\e00f';
}

.icon-tips:before {
  content: '\e010';
}

.icon-time:before {
  content: '\e011';
}

.icon-share:before {
  content: '\e012';
}

/* .icon-settings:before { */
/* content: '\e013'; */
/* } */
/* .icon-search:before {
content: '\e014';
} */
.icon-position:before {
  content: '\e015';
}

.icon-phone:before {
  content: '\e016';
}

.icon-move:before {
  content: '\e017';
}

.icon-arrow-right:before {
  /* content: '\e018'; */
}

/* .icon-home:before { */
/* content: '\e019'; */
/* } */
.icon-check:before {
  content: '\e01a';
}

.icon-alert:before {
  content: '\e01b';
}

.icon-close:before {
  /* content: '\e01c'; */
}

.icon-contact:before {
  /* content: '\e01d'; */
}

.icon-dealer-pin:before {
  content: '\e01e';
}

.icon-delete-fav:before {
  content: '\e01f';
}

.icon-delete:before {
  content: '\e020';
}

.icon-edit:before {
  content: '\e021';
}

.icon-email:before {
  /* content: '\e022'; */
}

.icon-favorite:before {
  content: '\e023';
}

/* .icon-info:before { */
/* content: '\e024'; */
/* } */
.icon-map:before {
  content: '\e025';
}

.icon-menu:before {
  content: '\e026';
}

.icon-wind:before {
  content: '\e000';
}

.icon-arrow-left:before {
  content: '\e027';
}

.icon-youtube:before {
  content: '\f167';
}

.icon-facebook:before {
  content: '\f09a';
}

.icon-twitter:before {
  content: '\f099';
}

.icon-linkedin:before {
  content: '\f0e1';
}

.icon-flickr:before {
  content: '\e028';
}

.icon-location-list:before {
  content: '\e029';
}

.icon-location {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  margin-right: 10px;
}

/* html, */
/* body { */
/* height: 100%; */
/* width: 100%; */
/* min-height: 768px; */
/* min-width: 1024px; */
/* font-size: 100%; */
/* font-family: 'Helvetica Neue', Arial, sans-serif; */
/* -webkit-font-smoothing: antialiased; */
/* } */
/* button { */
/* -webkit-font-smoothing: antialiased; */
/* border: 0; */
/* outline: 0; */
/* background-color: #fff; */
/* color: #002665; */
/* -webkit-user-select: none; */
/* user-select: none; */
/* } */
.topbar {
  display: none;
  position: relative;
  height: 20px;
  width: 100%;
  margin-top: -20px;
  background-color: #f5f5f5;
  z-index: 99999;
}

body.ios7 {
  padding-top: 20px;
}

.ios7 .topbar {
  display: block;
}

.hidden {
  display: none !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.app {
  position: relative;
  width: 100%;
  height: 100%;
}

.gui,
#mapbuttons button {
  -webkit-user-select: none;
  user-select: none;
}

.textbutton {
  border: 0;
  outline: 0;
  line-height: 1.2;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#prototypeBox {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 360px;
  height: 150px;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.6);
  text-align: center;
}

#prototypeBox span {
  display: block;
  font-size: 15px;
}

#prototypeBox span.title {
  font-size: 20px;
}

#prototypeList {
  overflow: scroll;
  position: absolute;
  top: 190px;
  right: 20px;
  width: 360px;
  height: 450px;
  padding: 15px 30px;
  background-color: #fff;
  box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.6);
}

#prototypeList li {
  font-size: 11px;
  cursor: pointer;
}

#prototypeList li.highlight {
  background-color: #ccc;
}

/* .btn { */
/* width: 100%; */
/* height: 48px; */
/* line-height: 48px; */
/* border: 0; */
/* outline: 0; */
/* background-color: #00296d; */
/* color: #fff; */
/* font-size: 14px; */
/* font-weight: 600; */
/* -webkit-font-smoothing: antialiased; */
/* } */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.icon-edit {
  background-color: rgba(255, 255, 255, 0.9);
}

.icon-edit.active {
  background-color: #555;
  color: #fff;
}

#workspace {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50%;
  width: 50%;
}

#daily-weather {
  padding-right: 50px;
  width: 100%;
  box-sizing: border-box;
}

.searchform {
  position: relative;
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0, #fff 20%, #fff 80%, #f3f3f3 100%);
}

.searchform input {
  box-sizing: border-box;
  width: 80%;
  height: 100%;
  padding: 10px 20px 10px 35px;
  border: 0;
  outline: 0;
  font-size: 20px;
  font-weight: 300;
  color: #00296d;
  background: 0 0;
}

.searchform input::-webkit-input-placeholder {
  color: #00296d;
}

.searchform input:-moz-placeholder {
  color: #00296d;
}

.searchform input::-moz-placeholder {
  color: #00296d;
}

.searchform input:-ms-input-placeholder {
  color: #00296d;
}

.searchform .icon-search {
  position: absolute;
  top: 13px;
  left: 15px;
  font-size: 25px;
  color: #00296d;
}

.list>li {
  position: relative;
  padding: 12px 20px;
  border-bottom: 1px solid #efefef;
  font-size: 17px;
  font-weight: 300;
  cursor: pointer;
}

.list>li.active {
  background-color: #424242;
  color: #fff;
}

.list>li.active .title,
.list>li.active .subtitle,
.list>li.active .info {
  color: #fff;
}

.list>li.search-location:active {
  background-color: #00296d;
}

.list>li.search-location:active .title {
  color: #fff;
}

.list .contentwrapper {
  position: relative;
  max-width: 100%;
}

.list .contentwrapper:after {
  content: '';
  display: table;
  clear: both;
}

.list .title {
  display: block;
  color: #00296d;
}

.list .subtitle {
  color: #888;
}

.list .distance {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  background-color: #efefef;
  border-radius: 50%;
  font-size: 11px;
  line-height: 36px;
  text-align: center;
  font-weight: 700;
  color: #444;
}

.list.editable .contentwrapper {
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  -moz-transition: -moz-transform 200ms;
  -o-transition: -o-transform 200ms;
  -webkit-transition: -webkit-transform 200ms;
  transition: transform 200ms;
}

.list.editable .contentwrapper .delete {
  float: left;
  width: 30px;
  height: 24px;
  overflow: hidden;
}

.list.editable .contentwrapper .icon-delete {
  display: none;
  position: relative;
  top: 1px;
  color: #b45656;
  opacity: 0;
}

.list.editable .contentwrapper .titlewrapper {
  float: left;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
}

.list.editable .icon-move {
  display: none;
  position: absolute;
  top: 17px;
  right: 10px;
  color: #e0e0e0;
  font-size: 13px;
  opacity: 0;
}

.list.editmode .contentwrapper {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.list.editmode .contentwrapper .icon-delete {
  -webkit-animation: fadeIn 800ms forwards;
}

.list.editmode .icon-move {
  -webkit-animation: fadeIn 800ms forwards;
}

.list-header {
  position: relative;
}

.list-header .actions {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.list-header .actions>span {
  display: inline-block;
  height: 48px;
  width: 48px;
  margin-right: 20px;
  border-radius: 50%;
  border: 2px solid #555;
  text-align: center;
  line-height: 46px;
  font-size: 22px;
  cursor: pointer;
  -moz-transition: background-color 100ms;
  -o-transition: background-color 100ms;
  -webkit-transition: background-color 100ms;
  transition: background-color 100ms;
}

.list-header .actions>span:active {
  background-color: rgba(68, 68, 68, 0.5);
}

.list-header,
.list-section {
  padding: 15px;
  font-size: 28px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.list-header h3,
.list-section h3 {
  font-size: 22px;
  font-weight: 300;
}

.list-header h3.compress,
.list-section h3.compress {
  font-size: 16px;
  font-weight: 400;
  color: #555;
}

.list-header h4,
.list-section h4 {
  margin: 10px 0 13px;
  color: #555;
  font-size: 17px;
  font-weight: 300;
}

.list-header.compressed,
.list-section.compressed {
  padding: 10px 15px;
}

.list-header.compressed h3,
.list-section.compressed h3 {
  font-size: 20px;
}

.list-header.compressed h3.compress,
.list-section.compressed h3.compress {
  font-size: 16px;
  font-weight: 400;
  color: #555;
}

.list-section {
  border-bottom: 0;
}

.drawer {
  height: 100%;
  color: #555;
  z-index: 1;
}

.drawer.shadow {
  box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.5);
}

.drawer-header {
  position: relative;
  height: 70px;
  line-height: 70px;
  padding: 0 30px;
  border-bottom: 1px solid #efefef;
}

.drawer-header h3 {
  font-size: 25px;
  font-weight: 300;
}

.drawer-header .actions {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.drawer-header .actions>span {
  display: inline-block;
  height: 48px;
  width: 48px;
  margin-right: 20px;
  border-radius: 50%;
  border: 2px solid #555;
  text-align: center;
  line-height: 46px;
  font-size: 22px;
  cursor: pointer;
  -moz-transition: background-color 100ms;
  -o-transition: background-color 100ms;
  -webkit-transition: background-color 100ms;
  transition: background-color 100ms;
}

.drawer-header .actions>span:active {
  background-color: rgba(68, 68, 68, 0.5);
}

.drawer-header .actions .icon-info {
  position: relative;
}

.drawer-header .actions .icon-info.active {
  background-color: #555;
  color: #fff;
}

.drawer-header .actions .icon-info.active .info-modal {
  display: block;
  color: #555;
}

.drawer-section-header {
  height: 50px;
  line-height: 50px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-top: 1px solid #d8d8d8;
}

.drawer-section-body {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-top: 1px solid #d8d8d8;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.overlay.show {
  display: block;
}

#weathermenu {
  height: 100%;
  width: 100%;
  -moz-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
  -moz-transition: -moz-transform 440ms ease;
  -o-transition: -o-transform 440ms ease;
  -webkit-transition: -webkit-transform 440ms ease;
  transition: transform 440ms ease;
}

#weathermenu.menu-is-open {
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.weather {
  position: relative;
  height: 50%;
  background-color: #8baed0;
  -moz-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  -webkit-transition: background-color 500ms;
  transition: background-color 500ms;
}

.weather-display {
  height: 240px;
  height: -webkit-calc(100% - 195px);
  height: calc(100% - 195px);
}

.weather-display-header {
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}

.weather-display-header>div {
  float: left;
  height: inherit;
  background-color: rgba(255, 255, 255, 0.2);
}

.weather-display-header .action {
  width: 50px;
  margin-left: 1px;
  font-size: 30px;
  cursor: pointer;
}

.weather-display-header .action.active,
.weather-display-header .action:active {
  background-color: #555;
}

.weather-display-header .location-title {
  position: relative;
  width: -webkit-calc(100% - 51px);
  width: calc(100% - 51px);
  padding: 0 20px;
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-csscalc .weather-display-header .action {
  position: relative;
  width: 9%;
  margin-left: 0;
}

.no-csscalc .weather-display-header .action:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  content: '';
}

.no-csscalc .weather-display-header .location-title {
  width: 91%;
}

#daily-weather {
  position: relative;
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
}

#daily-weather ul {
  height: 100%;
}

.weather-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 195px;
}

.weather-bottom ul {
  height: 146px;
}

.weather-bottom li {
  float: left;
  height: inherit;
  width: 14.2857143%;
  padding-top: 20px;
  background-color: #f5f5f5;
  color: #00296d;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-left: 1px solid #d0d6de;
  border-bottom: 1px solid #d0d6de;
}

.weather-bottom li .weather-day-wrapper>div {
  display: block;
}

.weather-bottom li .weather-day-wrapper>div.symbol {
  height: 50px;
  font-size: 40px;
  -webkit-font-smoothing: antialiased;
}

.weather-bottom li .weather-day-wrapper>div.degrees {
  position: relative;
  display: inline-block;
  height: 36px;
  font-size: 32px;
}

.weather-bottom li .weather-day-wrapper>div .celsius {
  position: absolute;
  right: -10px;
  top: 0;
}

.weather-bottom li.activeday {
  background-color: #8baed0;
}

.weather-bottom li.activeday>div {
  color: #fff;
}

.weather-bottom li:first-child {
  border-left: 0;
}

.symbol.clear-day {
  background: url(../images/sun.png) no-repeat center center;
}

.symbol.partly-cloudy-day {
  background: url(../images/partlysun.png) no-repeat center center;
}

.symbol.rain {
  background: url(../images/rain.png) no-repeat center center;
}

#daily-weather ul {
  display: none;
}

#daily-weather li {
  position: relative;
  float: left;
  height: 100%;
  width: 30%;
  text-align: center;
  color: #fff;
  font-weight: 300;
}

#daily-weather li .symbol {
  height: 50px;
  font-size: 44px;
}

#daily-weather li .symbol>div {
  height: inherit;
}

#daily-weather li .symbol>div.clear-day {
  background: url(../images/sun-white.png) no-repeat center center;
}

#daily-weather li .symbol>div.rain {
  background: url(../images/rain-white.png) no-repeat center center;
}

#daily-weather li .symbol>div.partly-cloudy-day {
  background: url(../images/partlysun-white.png) no-repeat center center;
}

#daily-weather li .symbol>div.cloudy {
  background: url(../images/partlysun-white.png) no-repeat center center;
}

#daily-weather li .time {
  margin: 4px 0 1px;
  line-height: 1;
}

#daily-weather li .degrees {
  line-height: 1;
}

#daily-weather li .degrees .kern {
  letter-spacing: -3px;
}

#daily-weather li .degrees .celsius {
  margin-left: 5px;
  font-weight: 300;
}

#daily-weather li.midday {
  width: 40%;
}

#daily-weather li.midday .symbol {
  float: left;
  width: 50%;
  height: 100px;
}

#daily-weather li.midday .symbol>div {
  font-size: 80px;
}

#daily-weather li.midday .symbol>div.sun {
  background: url(../images/sun-large.png) no-repeat center center;
}

#daily-weather li.midday .symbol>div.rainy {
  background: url(../images/rain-large.png) no-repeat center center;
}

#daily-weather li.midday .symbol>div.partly-cloudy {
  background: url(../images/partlysun-large.png) no-repeat center center;
}

#daily-weather li.midday .symbol>div.cloudy {
  background: url(../images/partlysun-large.png) no-repeat center center;
}

#daily-weather li.midday .time {
  font-size: 30px;
}

#daily-weather li.midday .degrees {
  font-size: 60px;
  font-weight: 500;
  line-height: 55px;
}

#daily-weather li.midday .degrees .kern {
  letter-spacing: -5px;
}

#daily-weather li.midday .right {
  float: right;
}

#daily-weather .day-period-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  margin: auto;
}

#daily-weather .time {
  font-size: 16px;
}

#daily-weather .degrees {
  position: relative;
  display: inline-block;
  font-size: 32px;
  letter-spacing: 0;
}

#show-detailed-weather-btn {
  height: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 21px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  cursor: pointer;
}

#show-detailed-weather-btn span {
  display: none;
}

#show-detailed-weather-btn.active {
  background-color: #444;
}

.weather-details {
  height: 100%;
  color: #555;
}

.weather-details>div {
  border-bottom: 1px solid #efefef;
}

.weather-details p {
  font-size: 18px;
}

.weather-details-header {
  height: 70px;
  line-height: 70px;
  padding: 0 30px;
}

.weather-details-header h3 {
  font-size: 25px;
  font-weight: 300;
}

.weather-details-text-summary {
  padding: 20px 30px;
}

.weather-details-table {}

.weather-details-table table {
  width: 100%;
  table-layout: fixed;
}

.weather-details-table th,
.weather-details-table td {
  padding: 20px 0;
  background-color: #f5f5f5;
  font-size: 13px;
  text-transform: uppercase;
  border: 1px solid #eaeae9;
  border-bottom: 0;
  border-top: 0;
  text-align: center;
}

.weather-details-table th {
  position: relative;
  font-weight: 700;
  overflow: hidden;
}

.weather-details-table th:first-child {
  padding: 10px;
  font-size: 30px;
  font-weight: 400;
}

.weather-details-table td {
  background-color: #fff;
}

.weather-details-table td:first-child {
  font-weight: 700;
}

.weather-details-table th:nth-child(1),
.weather-details-table td:nth-child(1) {
  width: 10%;
}

.weather-details-table th:nth-child(2),
.weather-details-table td:nth-child(2) {
  width: 10%;
}

.weather-details-table th:nth-child(3),
.weather-details-table td:nth-child(3) {
  width: 12%;
}

.weather-details-table th:nth-child(4),
.weather-details-table td:nth-child(4) {
  width: 14%;
}

.weather-details-table th:nth-child(5),
.weather-details-table td:nth-child(5) {
  width: 10%;
}

.weather-details-table th:nth-child(6),
.weather-details-table td:nth-child(6) {
  width: 10%;
}

.weather-details-table th:nth-child(7) {
  width: 34%;
}

.weather-details-table td:nth-child(7) {
  width: 17%;
}

.weather-details-table td:nth-child(8) {
  width: 17%;
}

#weatherdetails-hourly-table {
  width: 100%;
  border-collapse: collapse;
}

#weatherdetails-hourly-table-header {
  display: none;
}

#weatherdrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
}

#weatherdrawer.open {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.info-modal {
  display: none;
  position: absolute;
  top: 100%;
  right: -10px;
  width: 300px;
  margin-top: 22px;
  padding: 30px 30px 20px;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  text-align: left;
  border: 4px solid #ffff;
}

.info-modal h3 {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

.info-modal li {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.3;
}

.info-modal li strong {
  display: block;
  text-transform: uppercase;
}

.info-modal:after,
.info-modal:before {
  bottom: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.info-modal:after {
  border-color: rgba(213, 213, 213, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  right: 16px;
}

.scrollwrapper {
  height: 100px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#daily-weather-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
}

#daily-weather-loader img {
  width: 80px;
}

#location-results {
  display: none;
}

.results-displaying #location-results {
  display: block;
}

#no-weather {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(/images/unavailable-weather.jpg);
  background-size: 100%;
  background-size: cover;
}

#no-weather h3 {
  margin-top: 150px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}

.menuwrapper {
  position: relative;
  height: 100%;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.menuitem {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.menuitem.on-top {
  z-index: 11;
}

.menu {
  height: 50%;
  background-color: #fff;
}

.menu ul {
  height: 100%;
}

.menu li {
  height: 20%;
  background-color: #fff;
  border-top: 1px solid #d0d6de;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.menu li.active {
  background-color: #444;
  color: #fff;
}

.menu li.active .left span {
  color: #fff;
}

.menu .left {
  position: relative;
  float: left;
  height: 100%;
  width: 15%;
  text-align: center;
}

.menu .left span {
  font-size: 44px;
  color: #00296d;
}

.menu .left .vcenter {
  height: 40px;
}

.menu .right {
  position: relative;
  float: left;
  height: 100%;
  width: 85%;
}

.menu .vcenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 23px;
}

.menu .menu-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  overflow: auto;
  background: url(../images/menu-icon.png) no-repeat;
}

.menu .menu-title {
  display: block;
  font-size: 23px;
}

.menu .menu-description {
  display: block;
}

#mapbuttons {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 55px;
  height: 55px;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}

#mapbuttons button {
  position: relative;
  border: 0;
  outline: 0;
  height: inherit;
  width: 48px;
  height: 48px;
  background-color: #fff;
  vertical-align: top;
}

#mapbuttons .loader {
  display: none;
  position: absolute;
  top: 14px;
  left: 13px;
}

#mapbuttons .loader img {
  width: 20px;
}

#mapbuttons .icon {
  position: relative;
  left: 1px;
  font-size: 24px;
  color: #bcbcbc;
}

#mapbuttons .text {
  position: relative;
  top: 2px;
  display: block;
  line-height: 1;
  color: #bcbcbc;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
}

#mapbuttons .on {
  display: none;
}

#mapbuttons .off {
  display: block;
}

#mapbuttons .currentposition {
  display: block;
  position: absolute;
  top: 14px;
  left: 12px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background-size: 20px;
  color: #00296d;
  font-size: 22px;
}

.geolocation-allowed #mapbuttons {
  width: 110px;
}

.no-geolocation-allowed #mapbuttons {
  width: 55px;
}

#weather-toggle-button.weather-on-map-active .on {
  display: block;
}

#weather-toggle-button.weather-on-map-active .off {
  display: none;
}

#weather-toggle-button.weather-on-map-active span {
  color: #009a04;
}

#current-location-loader,
#map-weather-loader {
  display: block;
  position: absolute;
  top: 17px;
  left: 14px;
  width: 20px;
  height: 20px;
}

#map-get-current-location-button {
  display: none;
}

.geolocation-allowed #map-get-current-location-button {
  display: inline-block;
  margin-right: 5px;
}

.no-geolocation-allowed #map-get-current-location-button {
  display: none;
}

.cordova #mapbuttons .icon-partly-cloudy-day {
  left: -3px;
}

#dealer-result-list li,
#favorite-list li {
  min-height: 65px;
  padding: 0;
  background-color: #f5f5f5;
  border-color: #e1e1e1;
}

#dealer-result-list li .content,
#favorite-list li .content {
  position: relative;
  float: left;
  padding: 14px 10px 10px 20px;
  width: 86%;
}

#dealer-result-list li .content .left,
#favorite-list li .content .left {
  width: 78%;
}

#dealer-result-list li .pin,
#favorite-list li .pin {
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
}

#dealer-result-list li .aside,
#favorite-list li .aside {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  float: right;
  width: 66px;
  width: 14%;
  height: 100%;
  text-align: center;
  line-height: 70px;
  border-left: 1px solid #e1e1e1;
}

#dealer-result-list li .icon-info,
#favorite-list li .icon-info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto 0 auto -18px;
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 35px;
  border: 2px solid #002665;
  border-radius: 40px;
  cursor: pointer;
  font-size: 14px;
  color: #002665;
}

#dealer-result-list li.active,
#favorite-list li.active {
  background-color: #555;
  border-color: #666;
}

#dealer-result-list li.active .aside,
#favorite-list li.active .aside {
  border-color: #666;
}

#dealer-result-list li.active .icon-info,
#favorite-list li.active .icon-info {
  color: #fff;
  border-color: #fff;
}

#dealer-result-list li:active,
#favorite-list li:active {
  background-color: #555;
  border-color: #666;
}

#dealer-result-list li:active .aside,
#favorite-list li:active .aside {
  border-color: #666;
}

#dealer-result-list li:active .title,
#dealer-result-list li:active .subtitle,
#favorite-list li:active .title,
#favorite-list li:active .subtitle {
  color: #fff;
}

#dealer-result-list li:active .icon-info,
#favorite-list li:active .icon-info {
  border-color: #fff;
  color: #fff;
}

#dealer-result-list li:after,
#favorite-list li:after {
  content: '';
  display: table;
  clear: both;
}

#dealer-result-list .search-location,
#favorite-list .search-location {
  padding: 20px 10px 16px 20px;
}

#favorite-list li .distance {
  right: 10px;
}

#us-filter {
  display: none;
  position: relative;
  margin-top: 15px;
}

#us-filter .btn.active {
  background-color: #424242;
}

#us-filter.show {
  display: block;
}

#filter-dropdown {
  display: none;
  z-index: 200;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

#filter-dropdown li {
  padding: 12px 0;
  font-size: 15px;
  text-align: center;
  border-top: 1px solid #e2e2e2;
  color: #00296d;
}

#filter-dropdown li:first-child {
  color: #424242;
  border-top: 0;
}

#filter-dropdown li.category {
  cursor: pointer;
}

#filter-dropdown li.category:hover,
#filter-dropdown li.category:active {
  color: #fff;
  background-color: #00296d;
}

#filter-dropdown li.active {
  color: #424242;
  background-color: #f5f5f5;
}

#filter-dropdown.show {
  display: block;
}

#dealer-result-list li .content .left {
  margin-left: 10%;
}

#dealermenu {
  height: 100%;
  /* width: 75%; */
  background-color: #fff;
  -moz-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
}

#dealermenu.menu-is-open {
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

#dealermenu .dealermenu-header {
  height: 50px;
}

#dealermenu .dealermenu-header>div {
  float: left;
  height: inherit;
  width: 33.33333333%;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  cursor: pointer;
}

#dealermenu .dealermenu-header>div:first-child {
  border-left: 0;
}

#dealermenu .dealermenu-header>div>span {
  display: inline-block;
  position: relative;
  top: 11px;
  font-size: 26px;
  color: #00296d;
}

#dealermenu .dealermenu-header>div.activetab {
  color: #fff;
  background-color: #555;
}

#dealermenu .dealermenu-header>div.activetab>span {
  color: #fff;
}

#favoritestab .edit {
  width: 36px;
  height: 36px;
  margin: 7px 20px 0 0;
  line-height: 36px;
  font-size: 16px;
}

#favoritestab .delete {
  position: relative;
  top: 10px;
}

#favoritestab .icon-move {
  top: 30px;
}

.searchresultwrapper {
  position: relative;
  overflow: auto;
  height: 100%;
  background-color: #f5f5f5;
  -webkit-overflow-scrolling: touch;
}

.searchresultwrapper.scroll {
  height: 355px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

#searchterm {
  display: block;
}

#searchdealer-clear {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  border: 0;
  outline: 0;
  background-color: #555;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
}

#searchdealer-clear .loader {
  display: none;
  position: absolute;
  top: 17px;
  left: 15px;
  width: 20px;
  height: 20px;
}

#searchdealer-clear .loader img {
  display: block;
  width: 20px;
}

#search-for-string {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 12px;
  color: #fff;
  background-color: #002665;
  font-size: 14px;
  font-weight: 500;
}

/* #suggestiondropdown {
  display: none;
  position: absolute; */
  /* top: 100%; */
  /* width: 337px;
  margin: auto;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 10px 17px rgba(0, 0, 0, 0.35);
  z-index: 100; */
/* } */

/* #suggestiondropdown li {
  margin: 0;
  padding: 12px 12px;
  color: #00296d;
  font-size: 20px;
  border-top: 1px solid #e0e0e0;
  cursor: pointer;

  list-style-type: none; */
  /*added*/
/* } */

/* #suggestiondropdown li:first-child {
  border-top: 0;
} */

#suggestiondropdown li {
  text-transform: uppercase;
  color: black;
}

/* #suggestiondropdown li:active {
  background-color: #555;
  color: #fff;
}

#suggestiondropdown li:active span {
  color: #fff;
} */

#search-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}

#search-footer .btn {
  position: relative;
}

#search-footer .loader {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 1;
}

#search-footer .loader img {
  width: 20px;
}

#search-footer .loader.show {
  display: block;
}

.no-geolocation-allowed #search-footer {
  display: none;
}

#searchtab {
  height: 100%;
  overflow: hidden;
  background-color: #f5f5f5;
}

#favouritedrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 70%;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
}

#favouritedrawer.open {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.5);
}

#favouritedrawer li {
  padding-left: 30px;
}

#favouritedrawer .favorite-name {
  color: #002665;
  font-weight: 400;
}

#favouritedrawer .favorite-city {
  color: #888;
  font-weight: 400;
}

#locationdrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 70%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
}

#locationdrawer.open {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

#current-location-button {
  height: 50px;
  padding-left: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 50px;
  color: #002960;
  cursor: pointer;
  border-bottom: 1px solid #efeeed;
}

#current-location-button .icon-position {
  margin-right: 10px;
}

.no-geolocation-allowed #current-location-button {
  display: none;
}

#add-location {
  height: 50px;
  padding-left: 20px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 400;
  color: #002960;
  border-bottom: 1px solid #efeeed;
  cursor: pointer;
}

#add-location .iconwrapper {
  display: inline-block;
  position: relative;
  top: -4px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  text-align: center;
  line-height: 20px;
  border: 2px solid #002960;
  border-radius: 50px;
  color: #002960;
}

#add-location .icon {
  position: relative;
  top: 1px;
}

#location-search-holder {
  display: none;
}

#searchlocation-clear {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 48px;
  background-color: #555;
  color: #fff;
}

.location-list-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#settingsdrawer,
#contactdrawer,
#videodrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  background-color: #fff;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  overflow: hidden;
}

#settingsdrawer.open,
#contactdrawer.open,
#videodrawer.open {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

#settingsdrawer .btn,
#contactdrawer .btn,
#videodrawer .btn {
  width: 400px;
  margin-bottom: 10px;
  font-size: 16px;
}

#settingsdrawer .textbutton,
#contactdrawer .textbutton,
#videodrawer .textbutton {
  background-color: #fff;
  color: #002665;
}

#settingsdrawer .textbutton .icon-arrow-right,
#contactdrawer .textbutton .icon-arrow-right,
#videodrawer .textbutton .icon-arrow-right {
  position: relative;
  top: -2px;
  margin-left: 10px;
  font-size: 13px;
  color: #7b7b7b;
}

#settingsdrawer .drawer-header,
#contactdrawer .drawer-header,
#videodrawer .drawer-header {
  height: 85px;
  line-height: 85px;
}

#settingsdrawer .drawer-header h3,
#contactdrawer .drawer-header h3,
#videodrawer .drawer-header h3 {
  text-align: center;
  font-size: 34px;
  font-weight: 500;
}

#settingsdrawer .drawer-header .actions>span.hide,
#contactdrawer .drawer-header .actions>span.hide,
#videodrawer .drawer-header .actions>span.hide {
  display: none;
}

#settingsdrawer .drawer-header .actions>span.closelanguage,
#contactdrawer .drawer-header .actions>span.closelanguage,
#videodrawer .drawer-header .actions>span.closelanguage {
  display: none;
  border: 0;
}

#settingsdrawer .drawer-header .actions:first-child,
#contactdrawer .drawer-header .actions:first-child,
#videodrawer .drawer-header .actions:first-child {
  left: 10px;
  right: auto;
}

#settingsdrawer .drawer-section-body,
#contactdrawer .drawer-section-body,
#videodrawer .drawer-section-body {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

#settingsdrawer .drawer-section-body .left,
#contactdrawer .drawer-section-body .left,
#videodrawer .drawer-section-body .left {
  margin-left: 30px;
  font-weight: 700;
  color: #000;
}

#settingsdrawer .drawer-section-body .right,
#contactdrawer .drawer-section-body .right,
#videodrawer .drawer-section-body .right {
  margin-right: 30px;
}

#settingsdrawer .drawer-section-body.fullwidth-action button,
#contactdrawer .drawer-section-body.fullwidth-action button,
#videodrawer .drawer-section-body.fullwidth-action button {
  position: relative;
  float: left;
  width: 50%;
  height: 49px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: #fff;
  color: #002665;
  font-size: 19px;
  font-weight: 400;
}

#settingsdrawer .drawer-section-body.fullwidth-action button .icon-check,
#contactdrawer .drawer-section-body.fullwidth-action button .icon-check,
#videodrawer .drawer-section-body.fullwidth-action button .icon-check {
  display: none;
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 16px;
}

#settingsdrawer .drawer-section-body.fullwidth-action button.selected,
#contactdrawer .drawer-section-body.fullwidth-action button.selected,
#videodrawer .drawer-section-body.fullwidth-action button.selected {
  background-color: #424242;
  color: #fff;
  font-weight: 500;
}

#settingsdrawer .drawer-section-body.fullwidth-action button.selected .icon-check,
#contactdrawer .drawer-section-body.fullwidth-action button.selected .icon-check,
#videodrawer .drawer-section-body.fullwidth-action button.selected .icon-check {
  display: inline-block;
}

#settingsdrawer .drawer-section-body.trelleborg-info,
#contactdrawer .drawer-section-body.trelleborg-info,
#videodrawer .drawer-section-body.trelleborg-info {
  height: auto;
  padding-top: 25px;
}

#settingsdrawer .drawer-section-body.trelleborg-info p,
#contactdrawer .drawer-section-body.trelleborg-info p,
#videodrawer .drawer-section-body.trelleborg-info p {
  color: #002665;
  font-weight: 400;
  line-height: 1.5;
}

#settingsdrawer .drawer-section-body.trelleborg-info ul,
#contactdrawer .drawer-section-body.trelleborg-info ul,
#videodrawer .drawer-section-body.trelleborg-info ul {
  margin-top: 10px;
  font-size: 14px;
}

#settingsdrawer .drawer-section-body.trelleborg-info li,
#contactdrawer .drawer-section-body.trelleborg-info li,
#videodrawer .drawer-section-body.trelleborg-info li {
  line-height: 1.6;
  font-weight: 400;
}

#settingsdrawer .drawer-section-body.trelleborg-info a,
#contactdrawer .drawer-section-body.trelleborg-info a,
#videodrawer .drawer-section-body.trelleborg-info a {
  color: #002665;
  text-decoration: none;
}

#settingsdrawer .drawer-section-body.trelleborg-info .forecastlink,
#contactdrawer .drawer-section-body.trelleborg-info .forecastlink,
#videodrawer .drawer-section-body.trelleborg-info .forecastlink {
  margin-top: 20px;
}

#settingsdrawer .drawer-footer,
#contactdrawer .drawer-footer,
#videodrawer .drawer-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 130px;
  background-size: 180px 84px;
  border-top: 1px solid #d8d8d8;
}

#settingsdrawer .drawer-footer img,
#contactdrawer .drawer-footer img,
#videodrawer .drawer-footer img {
  display: block;
  width: 180px;
  margin: 15px auto 0;
}

#settingsdrawer .tabholder,
#contactdrawer .tabholder,
#videodrawer .tabholder {
  width: 200%;
  -moz-transition: -moz-transform 400ms;
  -o-transition: -o-transform 400ms;
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}

#settingsdrawer .tabholder.showlanguage,
#contactdrawer .tabholder.showlanguage,
#videodrawer .tabholder.showlanguage {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#settingsdrawer .tab,
#contactdrawer .tab,
#videodrawer .tab {
  float: left;
  width: 50%;
}

#maintab {
  height: 600px;
  overflow: auto;
}

#setting-aside-tab {
  height: 100%;
}

#setting-aside-tab p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

#setting-aside-tab h4 {
  margin: 20px 0 5px;
  font-weight: 400;
  line-height: 1.3;
}

#setting-aside-tab li {
  position: relative;
  height: 55px;
  padding-left: 30px;
  line-height: 55px;
  font-size: 20px;
  border-bottom: 1px solid #efefef;
  color: #002665;
  cursor: pointer;
}

#setting-aside-tab li .icon-check {
  display: none;
  position: absolute;
  top: 20px;
  right: 50px;
  font-size: 16px;
}

#setting-aside-tab li.selected {
  background-color: #424242;
  color: #fff;
  font-weight: 500;
}

#setting-aside-tab li.selected .icon-check {
  display: inline-block;
}

#maintab {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#languagetab,
#privacytab,
#criteriatab {
  display: none;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#languagetab.show,
#privacytab.show,
#criteriatab.show {
  display: block;
}

#privacytab,
#criteriatab {
  height: 100%;
}

#privacytab p,
#criteriatab p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#privacytab h4,
#criteriatab h4 {
  margin: 20px 0 5px;
  font-weight: 400;
  line-height: 1.3;
}

#privacytab .drawer-section-body,
#criteriatab .drawer-section-body {
  height: auto;
  padding: 30px;
  text-align: left;
  line-height: 1;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

#criteriatab h4 {
  font-size: 18px;
}

#criteriatab h4:first-child {
  margin-top: 0;
}

#criteriatab p {
  font-size: 12px;
}

#privacytab p {
  font-style: italic;
}

#videodrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  background-color: #fff;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  overflow: hidden;
}

#videodrawer.open {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

#videodrawer a {
  color: #002665;
  text-decoration: none;
}

#videodrawer .drawer-section.videos {
  overflow: auto;
  padding: 40px;
  -webkit-overflow-scrolling: touch;
}

#videodrawer .drawer-section.videos:after {
  content: '';
  display: table;
  clear: both;
}

#videodrawer .video {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin: 0 0 20px;
}

#videodrawer .video img {
  width: 100%;
}

#videodrawer .video:nth-child(odd) {
  clear: left;
}

#videodrawer .videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background-color: #000;
}

#videodrawer .videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#videodrawer .caption {
  margin-top: 6px;
  text-align: center;
}

#videodrawer .caption h4 {
  font-size: 14px;
  font-weight: 500;
}

#contactdrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  background-color: #fff;
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transform: translate(0, 0);
  -moz-transition: -moz-transform 400ms ease;
  transform: translate(0, 0);
  transition: transform 400ms ease;
  overflow: hidden;
}

#contactdrawer.open {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

#contactdrawer .drawer-section-body.address {
  height: auto;
  padding: 10px 0;
  line-height: 1.2;
}

#contactdrawer a {
  color: #002665;
  text-decoration: none;
}

#contactdrawer .social .drawer-section-body {
  padding-top: 30px;
}

#contactdrawer .social a {
  display: block;
  width: 300px;
  height: 45px;
  margin: 0 auto 10px;
  line-height: 45px;
  color: #fff;
  background-color: #334d83;
  border-radius: 3px;
}

#contactdrawer .social a span {
  display: block;
  float: left;
  height: 100%;
  width: 250px;
  font-size: 18px;
}

#contactdrawer .social a span:first-child {
  display: inline;
  float: left;
  width: 45px;
  font-size: 20px;
  line-height: 45px;
  border-right: 1px solid #fff;
}

#contactdrawer .social a.twitter {
  background-color: #00afe4;
}

#contactdrawer .social a.linkedin {
  background-color: #1373a7;
}

#contactdrawer .social a.youtube {
  background-color: #ca3c3c;
}

#contactdrawer .social a.flickr {
  background-color: #000;
}

#dealerdrawer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 150%;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transform: translate(0, 0);
  -moz-transition: -moz-transform 400ms ease;
  transform: translate(0, 0);
  transition: transform 400ms ease;
}

#dealerdrawer.open {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

#dealerdrawer .actions {
  top: 15px;
  right: 20px;
}

#dealerdrawer .close {
  margin: 0;
}

#dealerdrawer .drawer-header {
  padding: 15px 20px;
  line-height: 1.2;
  height: auto;
  font-size: 24px;
  border-bottom: 1px solid #d0d6de;
}

#dealerdrawer .dealer-name {
  width: 90%;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  margin: 8px 0 4px;
  font-size: 30px;
  font-weight: 500;
  line-height: 28px;
}

#dealerdrawer .dealer-address,
#dealerdrawer .dealer-city-zip,
#dealerdrawer .dealer-category {
  font-size: 20px;
}

#dealerdrawer .dealer-contact {
  margin-top: 8px;
}

#dealerdrawer li {
  position: relative;
  padding: 0 20px 0 65px;
  border-bottom: 1px solid #d0d6de;
  color: #213881;
  background-position: 5px center;
  background-repeat: no-repeat;
  height: 80px;
  font-size: 22px;
  overflow: hidden;
  cursor: pointer;
}

#dealerdrawer li a {
  display: block;
  height: 100%;
  color: #213881;
  text-decoration: none;
}

#dealerdrawer li .action {
  cursor: pointer;
}

#dealerdrawer li .title {
  font-size: 20px;
  color: #555;
}

#dealerdrawer li .contentwrapper {
  display: table;
  height: 100%;
  margin-left: 20px;
}

#dealerdrawer li .contentwrapper span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}

#dealerdrawer li .icon {
  position: absolute;
  left: 0;
  top: 0;
}

#dealerdrawer li:first-child {
  border-top: 0;
}

#dealerdrawer li.dealer-navigate-icon .iconwrapper {
  position: absolute;
  top: 19px;
  left: 20px;
  width: 45px;
  height: 45px;
  border: 2px solid #213881;
  border-radius: 50px;
}

#dealerdrawer li.dealer-navigate-icon .icon {
  position: relative;
  left: 6px;
  top: 8px;
}

#dealerdrawer li.dealer-telephone-icon .icon {
  left: 27px;
  top: 27px;
  font-size: 30px;
}

#dealerdrawer li.dealer-email-icon .icon {
  left: 21px;
  top: 29px;
}

#dealerdrawer li.dealer-url-icon .icon {
  left: 22px;
  top: 23px;
  font-size: 33px;
}

#dealerdrawer li.dealer-url-icon .contentwrapper {
  word-break: break-word;
}

#dealerdrawer li.dealer-star-icon {
  cursor: pointer;
}

#dealerdrawer li.dealer-star-icon .favouritewrapper {
  display: table-row;
}

#dealerdrawer li.dealer-star-icon .icon {
  left: 23px;
  top: 23px;
  font-size: 35px;
}

#dealerdrawer li.dealer-star-icon .icon-delete-favorite {
  display: none;
}

#dealerdrawer li.dealer-star-icon .is-favorite {
  display: none;
}

#dealerdrawer li.dealer-star-icon.favorite .is-favorite {
  display: table-row;
}

#dealerdrawer li.dealer-star-icon.favorite .no-favorite {
  display: none;
}

#dealerdrawer li.dealer-star-icon.favorite .icon-favorite {
  display: none;
}

#dealerdrawer li.dealer-star-icon.favorite .icon-delete-favorite {
  display: block;
}

#dealerdrawer li.dealer-share-icon .icon {
  left: 26px;
  top: 23px;
  font-size: 35px;
}

#dealerdrawer li.dealer-share-icon span {
  margin-bottom: 5px;
  font-size: 24px;
}

#dealerdrawer li.dealer-share-icon span.title {
  margin-bottom: 0;
  font-size: 18px;
}

#dealerdrawer li.dealer-footer {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  height: 100px;
  border-bottom: 0;
}

#dealerdrawer li.dealer-footer img {
  position: absolute;
  top: 12px;
  right: 0;
  width: 140px;
}

#dealerdrawer li.dealer-footer img.tpc-logo {
  width: 80px;
}

#dealerdrawer li:active {
  background-color: #555;
}

#dealerdrawer li:active a,
#dealerdrawer li:active span,
#dealerdrawer li:active .title,
#dealerdrawer li:active .icon {
  color: #fff;
}

#dealerdrawer li:active .iconwrapper {
  border-color: #fff;
}

#dealerinfo {
  overflow: hidden;
}

/* The popup bubble styling. */
.popup-bubble {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-30px, 25px);
  background-color: white;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  width: 343px;
  border-radius: 4px;
}

.popup-bubble-anchor {
  position: absolute;
  width: 100%;
  bottom:
    /* TIP_HEIGHT= */
    10px;
  left: -1px;
}

.popup-bubble-anchor::after {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom:
    /* TIP_HEIGHT= */
    15px solid white;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
  cursor: auto;
  height: 0;
  position: absolute;
  /* The max width of the info window. */
  width: 343px;
  background-color: white;
}

.dealer-details {
  background-color: #fff;
  border-radius: 4px 4px 0 0;
}

.dealer-options {
  background-color: #e8ecf3;
  border-radius: 0 0 4px 4px;
}

/* map popover styles - starts */
.dealer-details,
.dealer-options {
  padding: 20px 25px;
}

.gm-style-iw-d {
  overflow: hidden !important;
  max-width:343px;
}

.dealer-details .header {
  font-size: 20px;
  width: 92%;
  font-weight: 500;
}

.pop-close-btn,
.pop-res-more-info-btn,
.pop-res-less-info-btn {
  padding-top: 5px;
  margin-right: 0;
}

.dealer-details .pop-close-btn,
.pop-res-more-info-btn,
.pop-res-less-info-btn {
  border: 0;
  float: right;
}

.dealer-details .pop-close-btn a,
.pop-res-more-info-btn a,
.pop-res-less-info-btn a {
  text-decoration: none;
}

.pop-res-more-info-btn a,
.pop-res-less-info-btn a {
  color: #666666;
  font-size: 12px;
}

.pop-close-btn .icon-close {
  font-size: 12px;
  color: #3c4043;
}

.pop-res-more-info-btn {
  display: none;
  text-align: center;
}

.pop-res-less-info-btn {
  display: none;
}

.pop-res-more-info-btn .icon-arrow-up,
.pop-res-less-info-btn .icon-dropdown {
  font-size: 8px;
  margin-bottom: 6px;
}

.pop-res-more-info-btn .icon-arrow-up:before,
.pop-res-less-info-btn .icon-dropdown:before {
  color: #3c4043;
}

.dealer-options>ul {
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.dealer-options>ul li {
  margin-bottom: 16px;
}

.dealer-options>ul li a {
  font-size: 16px;
  display: block;
  text-decoration: none;
  vertical-align: middle;
  color: #3c4043;
}

.dealer-options>ul li a span.icon-arrow-right {
  float: right;
  font-size: 13px;
  padding-top: 7px;
  padding-right: 3px;
}

.dealer-options>ul li a span.icon-directions {
  font-size: 20px;
}

.dealer-options>ul li a span.icon-email {
  font-size: 14px;
}

.dealer-options>ul li a span.icon-contact {
  font-size: 18px;
}

.dealer-options>ul li a span:first-child {
  width: 32px;
  vertical-align: -2px;
  display: inline-block;
}

.dealer-options>ul li a span:nth-child(2) {
  display: inline-block;
  word-break: break-all;
  width: calc(100% - 50px);
  vertical-align: middle;
}

.map-popup-header {
  margin-bottom: 10px;
  position: relative;
}

.map-popup-dis {
  color: #072d6e;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}

.map-popup-categories {
  color: #b49e5e;
  font-size: 14px;
  margin-bottom: 5px;
  margin-right: 22px;
  font-weight: 500;
}

.map-popup-address {
  color: #666666;
  font-size: 14px;
  margin-bottom: 5px;
}

/* map popover styles - ends */

.logo-container {
  margin-bottom: 0 !important;
  margin-right: -4px;
  margin-top: -5px;
}

#dealerResultFavIconCheckedMap,
#dealerResultFavIconUncheckedMap {
  cursor: pointer;
}

/* .map-dealer-info-nav-section {
position: fixed;
right: 55px;
bottom: 20px;
z-index: 1;
} */
.half-width {
  float: left;
  width: 50%;
}

/* Responsive styles - Starts */
/* Popup Animation */
/* @media all and (min-width: 992px) {
.popup-container {
  transform: scale(0);
  transform-origin: top left;
  transition: all 0.5s ease-in-out;
  animation: show-popup 0.5s ease-in-out 0.1s 1 forwards;
}
@keyframes show-popup {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
} */
@media all and (min-width: 992px) {
  .dealer-details .pop-close-btn {
    float: none;
    border: 0;
    position: absolute;
    right: -25px;
    top: -20px;
    background: #f2f2f2;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 0px 4px 0px 0px;
    justify-content: center;
    text-decoration: none;
    padding-top: 0;
  }
}

@media all and (max-width: 991px) {
  .map-dealer-info-nav-section {
    display: none !important;
  }

  .popup-bubble {
    position: fixed;
    top: unset;
    left: calc(-50% + 12px);
    bottom: 25px;
    width: calc(100% - 22px);
    transform: translate(0, 47vh);
    /* touch-action: none; */
    transition: width 1s;
    -webkit-transition: left 1s;
  }

  .popup-bubble-anchor:after {
    display: none;
  }

  .popup-bubble.right-swipe {
    left: 50%;
  }

  .popup-bubble.left-swipe {
    left: -150%;
  }

  .popup-bubble.from-right {
    -webkit-animation: leftSwipe 1s;
    /* Safari 4.0 - 8.0 */
    animation: leftSwipe 1s;
  }

  .popup-bubble.from-left {
    -webkit-animation: rightSwipe 1s;
    /* Safari 4.0 - 8.0 */
    animation: rightSwipe 1s;
  }

  .dealer-details {
    min-height: 170px;
  }

  /* .dealer-options {
  min-height: 300px;
  height: auto;
  position: relative;
}

.logo-container {
  position: absolute;
  bottom: 20px;
  right: 24px;
} */

  .pop-close-btn {
    display: none;
  }

  .dealer-options {
    display: none;
  }

  .pop-res-more-info-btn {
    display: inline-block;
  }

  @-webkit-keyframes leftSwipe {
    0% {
      left: 50%;
    }

    100% {
      left: -48%;
    }
  }

  @keyframes leftSwipe {
    0% {
      left: 50%;
    }

    100% {
      left: -48%;
    }
  }

  @-webkit-keyframes rightSwipe {
    0% {
      left: -148%;
    }

    100% {
      left: -48%;
    }
  }

  @keyframes rightSwipe {
    0% {
      left: -148%;
    }

    100% {
      left: -48%;
    }
  }
}

/* Responsive styles - Ends */
@media all and (max-width: 991px) {
  .popup-container {
    display: none !important;
  }

  #mobileMapPopupContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    z-index: 3;
  }

  #mobileMapPopupContainer .mobileMapPopup {
    background-color: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    width: auto;
    border-radius: 4px;
  }

  .map-nav-button {
    width: 40px !important;
    top: -45px;
    right: 20px;
  }

  .map-nav-button.previous {
    right: 70px !important;
  }

  .map-nav-button.next {
    right: 20px !important;
  }

  .mobViewPopUp {
    padding: 20px;
    padding-top: 40px;
  }

  .map-nav-button.previous span:first-child {
    padding-right: 0;
  }

  .map-nav-button.next span:last-child {
    padding-left: 0;
  }

  #mobileMapPopupContainer.mobileMapPopup {
    left: 12px;
    bottom: 25px;
    width: calc(100% - 22px);
    transition: width 1s;
    -webkit-transition: left 1s;
  }
}

@media all and (min-width: 992px) {

  #mobileMapPopupContainer,
  .mobPrevNext {
    display: none;
  }
}

*:fullscreen *:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
  overflow: auto !important;
}

/* @font-face { */
/* font-family: 'ITC Franklin Gothic Std Book'; */
/* src: url('../fonts/FranklinGothicURW-Boo/FranklinGothicURW-Boo-eot.eot'); */
/* src: url('../fonts/FranklinGothicURW-Boo/FranklinGothicURW-Boo-eot.eot?#iefix') format('embedded-opentype'), */
/* url('../fonts/FranklinGothicURW-Boo/FranklinGothicURW-Boo-svg.svg#FranklinGothicURW-Boo') format('svg'), url('../fonts/FranklinGothicURW-Boo/FranklinGothicURW-Boo-ttf.ttf') format('truetype'), */
/* url('../fonts/FranklinGothicURW-Boo/FranklinGothicURW-Boo-woff.woff') format('woff'), url('../fonts/FranklinGothicURW-Boo/FranklinGothicURW-Boo-woff2.woff2') format('woff2'); */
/* font-weight: normal; */
/* font-style: normal; */
/* } */
/* @font-face { */
/* font-family: 'ITC Franklin Gothic Std Demi'; */
/* src: url('../FranklinGothicURW-Dem/fonts/FranklinGothicURW-Dem-eot.eot'); */
/* src: url('../fonts/FranklinGothicURW-Dem/FranklinGothicURW-Dem-eot.eot?#iefix') format('embedded-opentype'), */
/* url('../fonts/FranklinGothicURW-Dem/FranklinGothicURW-Dem-svg.svg#FranklinGothicURW-Dem') format('svg'), url('../fonts/FranklinGothicURW-Dem/FranklinGothicURW-Dem-ttf.ttf') format('truetype'), */
/* url('../fonts/FranklinGothicURW-Dem/FranklinGothicURW-Dem-woff.woff') format('woff'), url('../fonts/FranklinGothicURW-Dem/FranklinGothicURW-Dem-woff2.woff2') format('woff2'); */
/* font-weight: normal; */
/* font-style: normal; */
/* } */
/* @font-face { */
/* font-family: 'ITC Franklin Gothic Std Med'; */
/* src: url('../fonts/FranklinGothicURW-Med/FranklinGothicURW-Med-eot.eot'); */
/* src: url('../fonts/FranklinGothicURW-Med/FranklinGothicURW-Med-eot.eot?#iefix') format('embedded-opentype'), */
/* url('../fonts/FranklinGothicURW-Med/FranklinGothicURW-Med-svg.svg#FranklinGothicURW-Med') format('svg'), url('../fonts/FranklinGothicURW-Med/FranklinGothicURW-Med-ttf.ttf') format('truetype'), */
/* url('../fonts/FranklinGothicURW-Med/FranklinGothicURW-Med-woff.woff') format('woff'), url('../fonts/FranklinGothicURW-Med/FranklinGothicURW-Med-woff2.woff2') format('woff2'); */
/* font-weight: normal; */
/* font-style: normal; */
/* }  */
/* * { */
/* outline: 0; */
/* } */
/* html, */
/* body, */
/* #map { */
/* height: 100%; */
/* margin: 0px; */
/* } */
/* body { */
/* font-size: 100%; */
/* margin: auto !important; */
/* color: #3c4043; */
/* } */
/* body, */
/* .individual-control input, */
/* .gm-style, */
/* .popover { */
/* font-family: 'ITC Franklin Gothic Std Book', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif !important; */
/* } */
/* input[type='search']::-ms-clear { */
/* display: none; */
/* width: 0; */
/* height: 0; */
/* } */
/* .menu-header, */
/* .dealer-details .header, */
/* .map-popup-dis, */
/* .dealer-result-count, */
/* .dealer-result-item-dealer-name, */
/* .settings-text, */
/* .unit-box.selected, */
/* .dialog-body h4, */
/* nav h2, */
/* .breadcrumb-active, */
/* .saved-results-link { */
/* font-family: 'ITC Franklin Gothic Std Med', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif !important; */
/* } */
/* dem { */
/* font-family: 'ITC Franklin Gothic Std Demi', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif; */
/* } */
.pos-rel {
  position: relative;
}

.map-bar {
  height: calc(100vh);
  position: relative;
}

.col-wrap .col:first-child {
  padding-left: 0;
  padding-right: 0;
}

.col-wrap .col:last-child {
  padding-left: 10px;
  padding-right: 0;
}

.side-bar-title {
  background-color: #072d6e;
  color: #fff;
  height: 60px;
  padding: 16px 15px 11px;
  text-align: center;
}

.menu-header {
  text-transform: capitalize;
  display: inline-block;
  font-size: 15px;
  margin: 0;
  /* line-height: 30px;    commented due to some issue with labels  */
}

.side-bar-title .icon-star-light-grey {
  float: right;
  padding: 5px 0px 0px 0;
  font-size: 20px;
  cursor: pointer;
}

.side-bar-title .icon-star-gold {
  float: right;
  padding: 5px 0px 0px 0;
  font-size: 20px;
  cursor: pointer;
}

.side-bar-title .icon-star-light-grey:before {
  color: #ffffff;
}

#searchDealersButton {
  width: 160px;
  background-color: #b49e5e;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px !important;
  padding: 10px 10px !important;
  border-radius: 2px !important;
}

.btn-custom:hover {
  color: #fff;
}

#filter-dropdown {
  position: relative;
}

#filter-dropdown ul {
  position: absolute;
  left: 0;
  top: -13px;
  background-color: #fff;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0 0 4px;
  list-style-type: none;
  padding: 0;
}

/* Selection of dealer */
.favorite-dealer-result-item,
.dealer-result-item {
  border-width: 1px 1px 3px 1px;
  border-color: #ffffff;
  border-style: solid;
  padding: 10px;
  margin: 10px 0px 10px 0;
  background-color: #fff;
  box-shadow: 0px 2px 2px #b1bccf;
  transition: all 0.2s ease-out;
}

.favorite-dealer-result-item:first-child,
.dealer-result-item:first-child {
  margin-top: 0;
}

.dealer-result-item:hover {
  border-color: #8a9fb7;
}

.dealer-result-item.dealer-selected:hover {
  border-bottom-width: 3px;
  border-color: #b49e5e;
  padding-bottom: 10px;
}

.dealer-selected {
  border-color: #b49e5e;
  box-shadow: 0px 0px 0px;
}

/* Favorite icon on the dealer result */
.fav-dealer-icon {
  display: none;
}

.fav-dealer-icon-checked {
  display: none;
}

.favorite-dealer-result-item .pin,
.dealer-result-item .pin {
  height: 15px;
  width: 10px;
}

/* Scrollbar for the dealers list */
#dealer-result-holder {
  overflow-y: scroll;
  height: calc(100vh - 597px);
  margin-right: 3px;
  margin-top: 10px;
  -webkit-overflow-scrolling: touch;
}

/* body[lang='fr_FR'] #dealer-result-holder { */
/* height: calc(100vh - 618px); */
/* } */

#dealer-result-holder.full {
  overflow-y: scroll;
  height: calc(100vh - 218px);
  -webkit-overflow-scrolling: touch;
}

/* body[lang='fr_FR'] #dealer-result-holder.full { */
/* height: calc(100vh - 237px); */
/* } */

#favorite-result-holder {
  overflow-y: auto;
  height: calc(100vh - 64px);
  margin-right: 3px;
  /* margin-top: 10px; */
  -webkit-overflow-scrolling: touch;
}

.thin-scroller::-webkit-scrollbar {
  width: 3px;
}

.thin-scroller::-webkit-scrollbar-track {
  background: rgb(187, 194, 202, 0.5);
}

.thin-scroller::-webkit-scrollbar-thumb {
  background: #888;
}

.thin-scroller::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* Handle on hover */
}

.thik-scroller::-webkit-scrollbar {
  width: 5px;
}

.thik-scroller::-webkit-scrollbar-track {
  background: #dde2eb;
  border-radius: 20px;
  width: 2px;
}

.thik-scroller::-webkit-scrollbar-thumb {
  background: #bbc2ca;
  border-radius: 20px;
}

.thik-scroller::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* Handle on hover */
}

.dealer-result-item .pin {
  height: 15px;
  width: 10px;
}

.map-nav-button {
  padding: 0 10px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  width: 120px;
  height: 40px;
  background-color: #072d6e;
  color: #ffffff;
  top: 12px;
  right: 60px;
  z-index: 1;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  line-height: 40px;
  cursor: pointer;
}

.map-nav-button.previous span:first-child {
  padding-right: 7px;
  vertical-align: -1px;
}

.map-nav-button.next span:last-child {
  padding-left: 7px;
  vertical-align: -1px;
}

.map-nav-button.previous {
  right: 190px;
}

.map-nav-button.disabled {
  background-color: #365fa5;
}

.map-nav-button.disabled span {
  opacity: 0.2;
}

/* Favorite icon on the dealer result */
.dealer-result-item-star-map .fav-dealer-icon-map {
  display: block;
}

.dealer-result-item-star-map .fav-dealer-icon-map-checked {
  display: none;
}

.dealer-result-item-star-map {
  float: right;
  font-size: 20px;
  margin-right: 2px;
}

#favoriteDealerList .dealer-result-item .dealer-result-item-star #favResultFavIconChecked {
  display: block;
}

/* If selected one is favorite */
.dealer-star-section.favorite .fav-dealer-map-icon {
  display: none;
}

.dealer-star-section.favorite .fav-dealer-icon-map-checked {
  display: block;
}

.favorite-star-section .fav-dealer-map-icon {
  display: none;
}

.favorite-star-section .fav-dealer-icon-map-checked {
  display: block;
}

.ui-loader {
  display: none !important;
}

.map-nav-button.back-to-results {
  min-width: 130px;
  background-color: #fff;
  color: black;
  top: 10px;
  left: 10px;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  white-space: nowrap;
}

.back-to-results>span {
  display: inline-block !important;
  vertical-align: middle;
}

.map-nav-button.back-to-results .icon-back {
  font-size: 14px;
  padding-right: 5px;
  vertical-align: middle;
  display: inline-block;
}

.map-nav-button.back-to-results .icon-back:before {
  color: #3c4043;
}

#backToResults {
  display: none;
}

/* Header styles - Starts */
/* header { */
/* background-color: #072d6e; */
/* height: 105px; */
/* } */
.wheels-text {
  display: inline-block;
  color: #f1f1f1;
  font-size: 16px;
  padding-left: 23px;
  vertical-align: bottom;
  border-left: 1px solid #b49e5e;
  line-height: 18px;
}

.back-to-home {
  color: #ffffff;
  width: 160px;
  height: 40px;
  background: #b49e5e;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 39px;
  cursor: pointer;
  padding: 0 15px;
  line-height: 18px;
}

.back-to-home span[class^='icon'] {
  padding-right: 13px;
}

/* nav { */
/* background-color: #bfa96d; */
/* background: -moz-linear-gradient(top, #bfa96d 0%, #ab9454 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfa96d), color-stop(100%, #ab9454)); */
/* background: -webkit-linear-gradient(top, #bfa96d 0%, #ab9454 100%); */
/* background: -o-linear-gradient(top, #bfa96d 0%, #ab9454 100%); */
/* background: -ms-linear-gradient(top, #bfa96d 0%, #ab9454 100%); */
/* background: linear-gradient(to bottom, #bfa96d 0%, #ab9454 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFBFA96D',endColorstr='#FFAB9454'); */
/* height: 45px; */
/* } */
/* .logo { */
/* height: 55px; */
/* margin-top: 25px; */
/* display: inline-block; */
/* padding-right: 23px; */
/* } */
/* .container-fluid { */
/* padding-left: 80px; */
/* padding-right: 80px; */

/* } */
/* nav h2 { */
/* color: #fff; */
/* margin: 0; */
/* padding: 0; */
/* font-size: 26px; */
/* line-height: 45px; */
/* } */
.app-description p {
  font-size: 16px;
  margin: 15px 0 7px;
}

.screen-mode {
  color: #ffffff;
  font-size: 14px;
}

span.mode-text {
  display: inline-block;
  padding-right: 13px;
  vertical-align: 2px;
}

#fullScreenMode,
#normalScreenMode {
  color: #fff;
  font-size: 18px;
  margin-top: 14px;
  cursor: pointer;
}

#fullScreenMode {
  display: inline-block;
}

#normalScreenMode {
  display: none;
}

.res-menu-icon {
  display: none;
  position: static !important;
}

#resDealerMenu {
  display: none;
}

/* Header styles - Ends */

/* Footer styles - Starts */
/* footer { */
/* background-color: #393939;  */
/* min-height: 40px; */
/* margin-top: 20px;  */
/* color: #393939; */
/* } */
.y-px-remove {
  padding-right: 0;
  padding-left: 0;
}

.y-footer-container .y-footer-row .y-footer-social-container .y-footer-social-header {
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 1.5rem;
  margin-top: 0;
  line-height: 2;
}

.y-small {
  font-size: 12px;
  line-height: 2;
}

.y-footer-container .y-footer-policy {
  border-top: 1px solid #ddd;
  padding-top: 16px;
  padding-bottom: 16px;
}

.y-footer-container {
  margin-top: 16px;
  color: #393939;
  width: 100%;
  max-width: 100%;
}

.y-footer-container .y-footer-row {
  border-top: 1px solid #ddd;
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.y-footer-container .y-footer-row .y-footer-address-section .y-footer-copyright {
  margin-top: 34px;
}

.y-footer-social-container {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.y-footer-social-channels {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 12px;
}

.y-footer-social {
  display: inline;
  margin-right: 8px;
  cursor: pointer;
}

.y-footer-social:last-child {
  margin-right: 0;
}

.d-none {
  display: none;
}

.y-footer-container .y-footer-row .y-footer-social-container .y-footer-social-links {
  padding: 24px;
  background: #f1f1f1;
  text-align: left;
  min-width: 232px;
}

.y-footer-links-header .y-footer-links-title-channel {
  font-weight: bold;
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 auto;

}

.y-footer-close-btn {
  float: right;
  padding: 1px;
}

.y-footer-links-body {
  margin-top: 8px;
}

.y-footer-container .y-footer-policy .y-inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.y-link {
  padding-right: 8px;
  list-style: none;

}

.y-link a,
.y-link-channels a {
  text-decoration: none;
  color: #998242;
  position: relative;
}

.y-footer-popup {
  display: none;
}

.y-link a:after,
.y-link-channels a:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #998242;
  width: 0;
  transition: width 0.3s ease 0s, right 0.3s ease 0s;
}

.y-link a:hover:after,
.y-link-channels a:hover:after {
  width: 100%;
  right: 0;
}


.y-footer-links-body .y-link-channels a {
  color: #998242;
  text-decoration: none;
  display: inline-block;
  line-height: 2;

}

.y-link:first-of-type::before {
  content: none;
}

.y-link::before {
  content: "•";
  color: rgb(153, 130, 66);
  display: inline-block;
  margin-right: 8px;
}

#privacyLinkButton:hover {
  color: #fff;
  text-decoration: none;

}

.copyright-sec>div[class^='col-'] {
  padding: 0;
}

.socialicons {
  padding: 0 0 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  text-align: right;
}

.socialicons>a {
  display: inline-block;
  /* color: rgba(255,255,255,0.4); */
  color: #ffffff;
  opacity: 0.4;
  margin: 0 2px;
  font-size: 16px;
  text-decoration: none;
  padding-top: 16px;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}

.socialicons>a.i-flickr {
  font-size: 10px;
  margin-right: 10px;
  vertical-align: sub;
}

.socialicons>a:hover,
.socialicons>a:focus {
  color: rgba(255, 255, 255, 1);
  opacity: 1;
}

.copyright-sec {
  padding: 18px 0;
  font-size: 11px;
}

.copyright-sec a {
  padding: 0 20px;
  display: inline-block;
  color: #998242;
  text-decoration: none;
}

.copyright-sec a:last-child {
  padding-right: 0;
}

/*-- Footer social icons - popover styles --*/
.socialicons .popover {
  background-color: #393939;
  border-radius: 0 !important;
  margin-left: 0;
  max-width: inherit;
}

.socialicons .popover-title {
  background-color: #393939;
  color: #998242;
  text-align: center;
  border-bottom: none;
  font-size: 19px;
}

.socialicons .popover.top>.arrow:after {
  border-top-color: #393939;
}

.socialicons .popover-content a {
  color: #ffffff;
  font-size: 15px;
}

.socialicons .popover-content>span {
  color: #ffffff;
  padding: 0 7px 0 10px;
}

.socialicons .popover-content a:hover {
  color: #998242;
}

.socialicons .popover-content {
  padding: 9px 10px;
  text-align: center;
}

/* Footer styles - Ends */

/* Breadcrum styles - starts */
.breadcrum-menu {
  list-style-type: none;
  margin: 0;
  padding: 14px 0;
}

.breadcrum-menu li {
  float: left;
  font-size: 16px;
  margin: 0px 10px 0px 0;
}

.breadcrum-menu li a {
  color: #3c4043;
  font-size: 15px;
  display: inline-block;
}

.custom-link,
.custom-link:hover {
  color: #0057ff;
}

/* Breadcrum styles - Ends */
/* .logo img { */
/* height: 40px; */
/* /* width: 94px; */
*/

/* margin-top: 13px; */
/* } */
#map {
  border: 2px solid #dde2eb;
}

/* Responsive styles - Starts */
/* Header/Footer Res styles - Starts */
@media all and (max-width: 1200px) {
  .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media all and (min-width: 992px) {

  header .container-fluid div[class^='col-'],
  nav .container-fluid div[class^='col-'],
  .app-description .container-fluid div[class^='col-'] {
    padding: 0;
  }

  .dealer-result-item-star-map {
    margin-right: -4px;
  }
}

/* Header/Footer Res styles - Ends */

@media all and (max-width: 991px) {
  #map {
    margin-left: -10px;
    border-width: 0;
  }

  html,
  body {
    min-width: 0px;
    max-width: 991px;
  }

  .breadcrumb-new {
    display: none;
  }

  .row {
    margin-left: -23px;
    margin-right: -15px;
  }

  #backToResults {
    /* display: inline-table; */
  }

  .breadcrum-container {
    padding: 0 10px;
    display: none;
  }

  /* Header/Footer Res styles - Starts */
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .back-to-home {
    display: none;
  }

  footer,
  nav,
  .app-description .app-description-text {
    display: none;
  }

  .logo {
    margin-top: 14px;
    height: 48px;
  }

  .logo img {
    height: 38px;
    margin-top: 0;
  }

  .res-menu-icon {
    display: inline-block;
  }

  .side-bar-title {
    display: none;
  }

  .wheels-text {
    vertical-align: -15px;
  }

  #resDealerMenu {
    display: inline-block;
    margin-top: 25px;
  }

  #resDealerMenu span.icon-back {
    padding-right: 5px;
  }

  /* Header/Footer Res styles - Ends */

  .equal-height {
    overflow-x: hidden;
  }

  #searchDealersButton.btn-custom {
    width: 180px;
  }

  #dealer-result-holder.full {
    /* height: calc(100vh - 252px); */
    height: calc(100vh - 205px);
  }

  .map-gps-icon {
    bottom: 82px !important;
    top: auto !important;
    z-index: 1;
    position: fixed !important;
    margin-right: 9px;
  }

  .mobile-hide {
    display: none;
  }

  .dealer-star-section>span {
    padding: 0px 0 10px 10px;
  }
}

/* Responsive styles - Ends */

.map-gps-icon {
  position: absolute;
  font-size: 25px;
  color: #ffffff;
  top: 83px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  padding: 7px;
  box-shadow: 0px 2px 2px #b1bccf;
}

#breadCrumDL li a {
  cursor: pointer;
}

/*-- Hide full screen mode in IE 10+ --*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .screen-mode {
    display: none;
  }
}

.localization-section,
.distance-section {
  padding-left: 12px;
  padding-right: 16px;
}

.privacy-section {
  padding-left: 11px;
  padding-right: 11px;
  margin-top: 45px;
}

.unit-box {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  font-size: 16px;
  padding-top: 11px;
  padding-left: 10px;
  box-shadow: 0px 2px 2px #b1bccf;
  margin-bottom: 9px;
  line-height: 16px;
  cursor: pointer;
}

.unit-box.selected {
  background-color: #072d6e;
  color: #ffffff;
}

.unit-box .glyphicon {
  float: right;
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
}

.privacy-box {
  min-height: 50px;
  background-color: #072d6e;
  color: #ffffff;
  font-size: 16px;
  padding-top: 16px;
  margin-bottom: 10px;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  padding: 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.settings-text {
  display: inline-block;
  font-size: 18px;
  padding-left: 8px;
}

.privacy-dialog,
.privacy-dealer-dialog {
  position: absolute;
  top: 80px;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: auto;
  max-height: 600px;
  max-width: 650px;
  width: 100%;
  padding: 35px 25px 20px 40px;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 1;
  overflow-y: auto;
  font-size: 16px;

}

.localization-section .icon-language {
  font-size: 18px;
}

.distance-section .icon-distance {
  font-size: 20px;
}

.settings-text-2 {
  margin-bottom: 10px;
  font-size: 16px;
  margin-left: 30px;
}

.distance-header {
  margin-bottom: 10px;
}

.localization-section {
  padding-top: 15px;
}

.distance-section {
  margin-top: 45px;
}

.trelleborg-footer-info {
  margin-top: 45px;
  font-size: 12px;
}

.trelleborg-footer-info a {
  color: #3c4043;
}

.privacy-dealer-dialog .dialog-body {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}

.dialog-header {
  font-size: 20px;
  color: #072D6E;
  margin-top: 0;
  position: relative;
}

.dialog-body h4 {
  font-size: 18px;
}

.dialog-header .icon-close {
  padding: 10px;
  font-size: 12px;
  position: absolute;
  top: -42px;
  right: -25px;
  cursor: pointer;
  background: #f2f2f2;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog-body {
  margin-bottom: 20px;
}

.pR5 {
  padding-right: 5px;
}

.pL5 {
  padding-left: 5px;
}


.privacy-dialog .pull-right,
.privacy-dealer-dialog .pull-right {
  display: inline-block;
}

.privacy-dialog .pull-left,
.privacy-dealer-dialog .pull-left {
  display: none;
}

@media all and (max-width: 991px) {
  #settingsSection {
    height: calc(100vh - 63px);
    overflow-y: auto;
    margin-left: 15px;
  }

  #favoriteSection {
    margin-left: 15px;
  }

  .map-bar {
    position: static;
    height: calc(100vh - 63px)
  }

  .dialog-header .icon-close {
    top: -50px;
  }

  .privacy-dialog,
  .privacy-dealer-dialog {
    top: 0;
    left: 0;
    right: unset;
    max-height: 1000px;
    max-width: 1000px;
    width: 100%;
    min-height: 100vh;
    z-index: 2;
  }

  .trelleborg-footer-info {
    margin-top: 25px;
    padding-bottom: 10px;
  }

  .distance-section {
    margin-top: 20px;
  }

  .privacy-section {
    margin-top: 20px;
  }

  .privacy-dialog,
  .privacy-dealer-dialog {
    padding: 30px 25px 20px 25px;
  }

  .selection-criteria p {
    margin-bottom: 20px;
    margin-top: 5px;
  }

  .dialog-header {
    margin-bottom: 10px;
  }

  /* .privacy-dealer-dialog .dialog-body {
  max-height: unset;
}
.privacy-dialog .dialog-header .icon-close {
  right: -25px;
} */
  .privacy-dialog .dialog-body,
  .privacy-dealer-dialog .dialog-body {
    /* max-height: 400px; */
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    padding-right: 10px;
  }

  .privacy-dialog .pull-right,
  .privacy-dealer-dialog .pull-right {
    display: none;
  }

  .privacy-dialog .pull-left,
  .privacy-dealer-dialog .pull-left {
    display: inline-block;
  }

  .privacy-dialog .dialog-body::-webkit-scrollbar {
    width: 5px;
  }

  .privacy-dialog .dialog-body::-webkit-scrollbar-track {
    background: #dde2eb;
    border-radius: 20px;
    width: 2px;
  }

  .privacy-dialog .dialog-body::-webkit-scrollbar-thumb {
    background: #bbc2ca;
    border-radius: 20px;
  }

  .privacy-dialog .dialog-body::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .privacy-dialog .dialog-body,
  .privacy-dealer-dialog .dialog-body {
    padding-right: 20px;
  }

  .privacy-dialog,
  .privacy-dealer-dialog {
    padding: 50px 5px 20px 25px;
  }

  .privacy-dialog .dialog-header .icon-close,
  .privacy-dealer-dialog .dialog-header .icon-close {
    right: -5px;
  }

}