@font-face {
  font-family: 'pluto-sans-light';
  src: url("../fonts/PlutoSansDPDLight-Web.ttf"); }

/* Google autocomplete */
.pac-container.pac-logo {
  display: none;
  z-index: 10000;}
  .pac-container.pac-logo.pac-show {
    display:block;}
body.modal-open {
      overflow: hidden;}
.dpd-locator {
  z-index:9899;}
.dpd-locator .dpd-modal .dpd-map-wrapper {
  position: relative;
  width: 950px;
  height: calc(100% - 320px);
  min-height: 300px;
  margin-left: 329px; }
  .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map {
    position: relative;
    height: 100%; }
    .dpd-locator .dpd-modal .dpd-dpd-map-wrapper .dpd-map iframe,
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map #map {
      height: 100% !important; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search {
      position: absolute;
      top: 15px;
      left: 0;
      width: 100%;
      height: 90px;
      background: rgba(255, 255, 255, 0.8);
      z-index: 1; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-logo {
      position: absolute;
      top: 5px;
      left: 15px;
      width: 150px;
      height: 75px;
      background: url("../img/logo-min.png") no-repeat center center;
      background-size: 150px; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons {
      box-sizing: content-box;
      position: absolute;
      top: 15px;
      right: 65px;
      width: 700px;
      height: 50px;
      border: 2px solid #e6e7e7;
      background: white; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons input {
      font-family: 'pluto-sans-light', sans-serif;
      box-sizing:content-box;
      float: left;
      height: 50px;
      width: 579px;
      border: none;
      font-size: 12pt;
      padding-left: 45px;
      outline: none;
      border: none;
      background: url("../img/search.png") no-repeat 10px 50% #ffffff;
      background-size: 30px 30px; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons-close {
      background: url("../img/close.png");
      background-size: contain;
      top: 30px;
      right: 20px;
      border: none;
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      width: 30px;
      height: 30px;
      background-color: white;
      border-radius: 50%; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons-icon {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 62px;
      height: 50px;
      border-left: 1px solid #e6e7e7;
      background: url("../img/table-view.png") no-repeat center center; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons-icon.active {
      background: url("../img/map-view.png") no-repeat center center; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-google-maps {
      border-bottom: 2px solid #e6e7e7;
      overflow: hidden;
      height: 100%; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-google-maps iframe {
      width: 100% !important;
      height: 100% !important; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window {
      min-width: 220px;
      padding-top: 5px; }
      .gm-style .gm-style-iw{
        top: 0 ;
        left: 0 ;
        background-color: white;
        border-radius: 2px 2px 0 0;
        top:15px !important}
        .gm-style-cc { display:none; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window h1, .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window h2, .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window h3, .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window h4, .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window h5, .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window p, .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window button {
        margin: 0;
        padding: 0;
        font-family: 'pluto-sans-light', sans-serif;
        font-weight: 100; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window h3 {
        padding-bottom: 5px; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window img.test {
        max-width: 300px; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-details-icons {
        padding-top: 10px;
        padding-bottom: 10px;
         }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-details-icons img.img {
          display: inline-block;
          height: 36px;
          margin-right: 8px; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons {
        overflow: hidden; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons:after {
          clear: both; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons .left {
          float: none;
          overflow: hidden;
          min-height: 40px; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons .right {
          float: right;
          width: 120px;
          min-height: 40px; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons button {
          font-size: 13.5px;
          width: 100%;
          color: white; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons .dpd-details {
          float: left;
          background: #e40138; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-info-window .dpd-buttons .dpd-depot {
          float: left;
          margin-left: 5px;
          background: #3c3c3b; }
		.dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-county-header {
             text-transform: capitalize; }

@media only screen and (max-height: 768px) and (min-width: 1200px) {
    .dpd-locator .dpd-modal .dpd-map-wrapper {
      height:calc(100% - 2px);
    }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu{
      display: block;
      position: absolute;
      right: -2px;
      bottom:-2px;
      height: 40px;
      width: 100%;
      z-index: 1;
    }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-google-maps{
      height:calc(100% - 40px);
    }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu .dpd-map-menu-open-filters{

      display: none;

    }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu .dpd-map-menu-view-locations{
      width:100%;
      background-color: #3c3c3b;
      float: left;
      font-size: 13px;
      display: block;
      width: 100%;
      line-height: 40px;
      text-align: center;
      text-decoration: none;
      color: white;
    }
    .dpd-locator .dpd-modal .dpd-locations-wrapper{
      display: none;
      position: absolute;
      bottom: 0;
      right: 0;
      height: 335px;
      width: calc(100% - 331px);
      background: white;
      margin-left: 0;
      z-index: 2;
      border-top: 2px solid #e6e7e7;
    }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-slider{
      top:10px!important;
      right:60px!important;
    }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-close{
      display: block;
      position: absolute;
      width: 32px;
      height:32px;
      top: 10px;
      right: 20px;
    }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-close img{
      width: 32px;
      height: 32px;
    }

}


/* mobile and tablets */
@media only screen and (max-width: 1200px) {
  /* dpd-modal */
  .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map{
    height: 100%;
  }
  .dpd-locator .dpd-modal {
    top: 0;
    height: 100%;
    border: none; }
    .dpd-locator .dpd-modal .dpd-map-wrapper {
      margin-left: 0;
      height: 100%; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map {
        height: calc(100% - 40px); }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons {
          position: relative;
          width: calc(100% - 250px);
          top: 18px; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons input {
          width: calc(100% - 108px); }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu {
          position: absolute;
          left: 0;
          height: 40px;
          width: 100%;
          z-index: 1; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu a {
          float: left;
          font-size: 13px;
          display: block;
          width: 50%;
          line-height: 40px;
          text-align: center;
          text-decoration: none;
          color: white; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu-open-filters {
          background: #e40138; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu-view-locations {
          background: #3c3c3b; } }

/* tablets */
@media only screen and (min-width: 768px) and (max-width: 1200px){
  .dpd-locator .dpd-modal .dpd-map-wrapper {
    width: 100%; }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search-buttons {
      left: 175px; } }

/* mobile */
@media only screen and (max-width: 767px) {
  .dpd-locator .dpd-modal .dpd-map-wrapper {
    width: 100%;
    height: calc(100% - 40px); }
    .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map {
      height: 100%; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search {
        /* no-close-btn fix */ }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search .dpd-map-search-buttons-close {
          right: 15px; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search .dpd-map-search-logo {
          left: 5px;
          top: 15px;
          width: 120px;
          height: 60px;
          background-size: 120px; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search .dpd-map-search-buttons {
          width: calc(100% - 120px);
          left: 58px; }
          .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search .dpd-map-search-buttons input {
            font-size: 15px;
            width: calc(100% - 85px);
            height: 50px; }
          .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search .dpd-map-search-buttons .dpd-map-search-buttons-icon {
            width: 40px; }
        .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-search .dpd-no-close-btn .dpd-map-search-buttons {
          width: 78%; }
      .dpd-locator .dpd-modal .dpd-map-wrapper .dpd-map .dpd-map-menu {
        font-size: 10.5px; } }

.dpd-locator .dpd-modal .dpd-filter-wrapper {
  width: 329px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  float: left;
  border-right: 2px solid #e6e7e7; }
  .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter {
    box-sizing: content-box;
    width: 290px;
    padding-left: 20px;
    padding-top: 10px; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-styled-dropdown{
      overflow: hidden;
      background: url(../img/arrow-down.png) no-repeat 98% #fff;
      border: 1px solid #e6e7e7;
      width: 100%;
      height:35px; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-close-btn{
      background: url("../img/close.png");
      background-size: contain;
      top: 10px;
      right: 20px;
      border: none;
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      width: 30px;
      height: 30px !important;
      background-color: white;
      border-radius: 50%;   }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter h3 {
      margin: 10px 0;
      font-weight: 100; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter p {
      margin: 10px 0;
      font-size: 13.5px;
      display:block;}
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter hr {
      margin: 20px 0 10px 0;
      background: none;
      border: 1px solid #e6e7e7; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-show-all button {
      font-family: 'pluto-sans-light', sans-serif;
      font-size: 16px;
      background: #424143;
      color: white; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-slider-labels {
      margin-top: 15px;
      position: relative;
      height: 20px; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-slider-labels div {
        display: inline-block; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-slider-labels .l8 {
        position: absolute;
        margin-left: 9.5%; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-slider-labels .l15 {
        position: absolute;
        width: 100%;
        text-align: center; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-slider-labels .l22 {
        position: absolute;
        left: 87.5%; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-days button {
      font-family: 'pluto-sans-light', sans-serif;
      font-size:16px;
      display: inline-block;
      margin-right: 7px;
      width: 30px;
      height: 30px; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-days button.active {
        background: #e40138;
        color: white; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-days button:last-child {
        margin-right: 0; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter #dpd-slider-range .noUi-origin {
      right: auto;
      width: 0;
      height: 5px;}
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter  #dpd-slider-range .connect-slider-bar {
      position: absolute;
      top: 0;
    	bottom: 0;
      background: #e40138;
      box-shadow: inset 0 0 3px rgba(51,51,51,0.45);}
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter  #dpd-slider-range.noUi-state-tap .connect-slider-bar {
      -webkit-transition: left 300ms, right 300ms;
      transition: left 300ms, right 300ms;}
    div .noUi-horizontal .noUi-handle{
      width:23px;
      height:23px;
      top:-8px;}
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter #dpd-slider-range .noUi-handle:after, .noUi-handle:before{
      content:none;}
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter #dpd-slider-range .noUi-handle{
      border: 7px solid #e40138;
      left:-15px;
      background: #f6f7f7;
      border-radius: 50%;}

    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-slider #dpd-slider-range .noUi-target{
      background-color: #3c3c3b;
      height:7px;
      margin-top: 15px;
      border:0;}
    .noUi-handle:after, .noUi-handle:before{
      content:none !important;}
    .noUi-handle{
      border: 7px solid #e40138;
      background: #f6f7f7;
      border-radius: 50%;}
    .noUi-target{
      width:95%;
      margin: auto;
      background-color: #3c3c3b !important;
      height:7px !important;
      margin-top: 15px;
      border:0 !important;}
    #dpd-slider-range .connect-slider-bar {
    	position: absolute;
    	top: 0;
    	bottom: 0;
    	background: #e40138;
    	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);}
    #dpd-slider-range.noUi-state-tap .connect-slider-bar {
     -webkit-transition: left 300ms, right 300ms;
    	transition: left 300ms, right 300ms;}
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-services div {
      margin: 5px 0; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-services div input[type="checkbox"]{
        display:none;}
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-services div .dpd-checkbox {
          background-color: white;
          margin-top: 5px;
          font-weight: 500;
          height: 16px;
          width: 16px;
          border: 2px solid grey;
          display: inline-block;
          position: relative; }
        .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-services div .dpd-checkbox-label {
          font-family: 'pluto-sans-light', sans-serif;
          position: relative;
          bottom:4px;
          font-weight: 500;
          font-size: 15px;
          text-transform: capitalize;
          margin-left:15px; }
        .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-services div .dpd-checkbox.checked:after{
            font-size: 24px;
			font-weight:700;
            width:100%;
            height:100%;
            content: "\2714";
			bottom:3px;
            color: #dc0032;
            right:1px;
            position: absolute;}

/* mobile and tablets */
@media only screen and (max-width: 1200px) {
  /* modal */
  .dpd-locator .dpd-modal .dpd-filter-wrapper {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow-y: auto;
    border: none;
    background: white; }
    .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter {
      width: calc(100% - 40px);
      padding: 0 20px 20px 20px; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-close {
        position: absolute;
        right: 15px;
        top: 15px; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-close-btn {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-close-btn img {
        width: 32px;
        vertical-align: middle; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-apply {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 2; }
      .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-apply-btn {
        display: block;
        line-height: 40px;
        text-align: center;
        background: #e40138;
        text-decoration: none;
        color: white; } }

/* tablets */
/* mobile */
@media only screen and (max-width: 767px) {
  .dpd-locator .dpd-modal .dpd-filter-wrapper .dpd-filter .dpd-filter-days button {
    margin-right: 8px; }
    }

.dpd-locator .dpd-modal .dpd-locations-wrapper {
  margin-left: 329px;
  height: 320px;
  background: white;
  overflow: hidden; }
  .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations {
    position: relative;
    height: 100%;
  }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations h3, .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations h4 {
      margin: 0;
      margin-left: 20px;
      padding-top: 20px;
      font-weight:600;  }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-slider {
      position: absolute;
      top: 14px;
      right: 20px;
      float: right;
      margin-right: 10px;
      margin-top: 5px; }
      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-slider a {
        display: block;
        overflow: auto;
        float: left;
        margin-left: 15px;
        background: none;
        width: auto; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper {
      position: absolute;
      left: 0;
      overflow-x: auto;
      white-space: nowrap;
      width: 949px; }
      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near {
        overflow-x: hidden;
        margin-left: 20px;
        margin-right: 19px; }
        .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc:not(:first-child) {
          margin-left: 20px; }
        .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc {
          box-sizing:content-box;
          white-space: normal;
          position: relative;
          margin-top: 15px;
          background: #e6e7e7;
          width: 250px;
          min-height: 220px;
          padding: 20px;
          padding-bottom: 5px;
          display: inline-block;
          vertical-align: top; }
          .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-name {
            margin:0 !important;
            display:block;
            font-family: 'pluto-sans-light', sans-serif;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 19px; }
          .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-address {
            margin:0;
            margin-top: 10px;
            font-family: 'pluto-sans-light', sans-serif;
            font-size:17px; }
             .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-address .address{
               margin:0;
               display:block;
               font-size:15.5px;
               line-height: 1.7;
               font-family: 'pluto-sans-light', sans-serif;}
             .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-address .address1 {
              margin:0;
              display:block;
              line-height: 1.4;
               font-size: 12px;}
                .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-address .address2 {
                  margin:0;
                  display:block;
                  line-height: 1.4;
                  font-size: 12px; }
                   .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-address .address3 {
                    margin:0;
                    display:block;
                     line-height: 1.4;
                     font-size: 12px;  }
                      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-address .address4 {
                          margin:0;
                        display:block;
                        line-height: 1.4;
                        font-size: 12px;}
          .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-icons {
            position: absolute;
            width: 240px;
            bottom: 70px; }
            .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-icons img {
              display: inline-block;
              height: 22px; }
          .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-buttons {
            position: absolute;
            width: 250px;
            bottom: 20px; }
            .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-buttons .left {
              float:none;
              overflow: hidden;
              min-height: 40px; }
            .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-buttons .right {
              float: right;
              width: 48%;
              margin-left: 10px;
              min-height: 40px; }
            .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-buttons button {
              font-family: 'pluto-sans-light', sans-serif;
              font-size: 13px;
              width: 100%; }
          .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-details {
            color: white;
            background: #e40138; }
          .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-depot {
            color: white;
            background: #424143; }


/* mobile and tablets */
@media only screen and (max-width: 1200px) {
  /* modal */
  .dpd-locator .dpd-modal .dpd-locations-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 335px;
    width: 100%;
    background: white;
    margin-left: 0;
    z-index: 2;
    border-top: 2px solid #e6e7e7; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-close {
      position: absolute;
      top: 10px;
      right: 20px; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-close-btn {
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-close-btn img {
      width: 32px;
      vertical-align: middle; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper {
      width: 100%;
      margin-top: 10px;
      height: calc(100% - 70px); }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near {
      margin: 0 20px; }
      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc {
        float: left;
        margin: 0 ;
        margin-top: 10px;
        margin-bottom: 20px !important;
        width: calc(50% - 50px); }
        .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-buttons {
          position: absolute;
          width: calc(100% - 50px);
          bottom: 20px; }
      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc:nth-child(even) {
        margin-left: 20px !important; } }



@media only screen and (min-width:1100px){

  .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc{
    width:calc(33% - 50px);
  }
}

/* tablets */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .dpd-locator .dpd-modal .dpd-locations-wrapper {
    height: 340px; } }

/* mobile */
@media only screen and (max-width: 767px) {
  .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc:not(:first-child) {
    margin-left: 0px; }
  .dpd-locator .dpd-modal .dpd-locations-wrapper {
    height: 345px; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations h4 {
      padding-top: 15px; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-close-btn img {
      width: 32px;
      vertical-align: middle; }
    .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near {
      margin: 0 20px; }
      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc {
        float: left;
        margin: 0 ;
        margin-top:20px;
        margin-bottom: 20px !important;
        width: 100%; }
      .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc:nth-child(even) {
        margin-left: 0 !important; } }

.dpd-locator .dpd-modal-dismiss-area {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
  cursor: pointer; }
  .is-mobile-view {
    display:none; }
.dpd-locator .dpd-modal .dpd-details-wrapper {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 650px;
  height: 100%;
  background: white;
  border-left: 2px solid #d4d3d1;
  z-index: 3;
  overflow-y: auto; }
  .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details {
    position: relative; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-depot {
      width: 100%;
      height: 60px;
      margin: 0;
      line-height: 60px;
      background: #e40138;
      color: white; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-depot h3 {
      line-height:2.7;
      margin: 0;
      padding-left: 20px;
	  color: white !important;
	  }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-close {
      position: absolute;
      right: 20px;
      top: 15px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-close a {
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-close img {
      width: 32px;
      vertical-align: middle; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-depot-img {
      width: 100%;
      overflow: auto; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-depot-img img {
      display: block;
      width: 100%; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details {
      height: 60px;
      text-align: center;
      line-height: 60px;
      background: #e6e7e7; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div {
      display: inline;
      width: 160px;
      margin-right: 10px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div a {
      text-decoration: none;
      color: black; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div img {
      vertical-align: middle; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address {
      padding: 0 20px; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address .dpd-details-address-line h3 {
        font-weight: bold;
        margin: 10px 0; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address .dpd-details-address-line p {
        margin: 0;
        line-height: 1.5;}
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address .dpd-details-address-line .dpd-details-address-distance {
        float: right;

        margin-top: 30px; }
        .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address .dpd-details-address-line .dpd-details-address-distance p {
          line-height: 1.4;
          display: inline-block;

          vertical-align: middle; }
        .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address .dpd-details-address-line .dpd-details-address-distance img {
          vertical-align: middle; }


    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable {
      padding: 0 20px; }

      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable .dpd-details-timetable-open{
        margin:20px 0px 10px 0px;
        width: 100%;
        display: inline-block;}
        .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable .dpd-details-timetable-title{
          margin:5px 0 5px 0;
          font-size: 24px;
          font-weight: bold;}
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable .open-now{
        box-sizing: content-box;
        display: inline;
        font-size: 12px;
        color: #e40138;
        margin-top:2px;
        padding: 0px 15px 0px 15px;
        border: 1px solid grey;
        border-radius: 35px;
        width:55px;
        top:-3px;
        margin-bottom:10px;
        margin-left:50px;
        position: relative; }
        .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable .open-now span{
        font-size: 10px;
          color:red; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable h3 {
        font-weight: bold;
        margin: 10px 0; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable dt {
        font-size: 13.5px;
        display: inline-block;
        min-width: 120px;
        font-weight: 600}
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable dd {
        font-size: 13.5px;
        display: inline;
        margin: 0;
        line-height: 26px; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-timetable dd:after {
        display: block;
        content: ''; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-icons {
      margin-top: 10px;
      padding: 0 20px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-icons > img {
      height: 40px;
      display: inline-block;
      margin-right: 12px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-select-depot {
      margin-top: 20px;
      padding: 0 20px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-select-depot button {
      font-family: 'pluto-sans-light', sans-serif;;
      font-size: 13px;
      background: #e40138;
      color: white; }

/* mobile and tablets */
@media only screen and (max-width: 1200px) {
  /* modal */
  .dpd-locator .dpd-modal .dpd-details-wrapper {
    width: 100%; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details h3 {
      font-weight: 100;
      margin: 10px 0; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div {
      width: auto; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-depot h3 {
      margin-right: 60px;
      font-size: 19px;
      line-height: 3.6;} }

/* tablets */
/* mobile */
@media only screen and (max-width: 767px) {
  .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details {
    padding-bottom: 20px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-address .dpd-details-address-line .dpd-details-address-distance {
      margin-top: 20px;
      margin-bottom: 20px; }
    .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details {
      font-size: 10px; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div {
        display: inline-block;
        margin: 10px 10px 0px 10px;
        line-height:15px; }
      .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details img {
        display: block;
        margin: 0 auto; }
        .dpd-locator .dpd-modal .dpd-locations-wrapper .dpd-locations .dpd-locations-near-wrapper .dpd-locations-near .dpd-locations-near-loc .dpd-locations-near-loc-buttons {
          position: absolute;
          width:calc(100% - 80px);
          bottom: 20px; } }



.dpd-locator .dpd-modal .dpd-table-wrapper {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 950px;
  height: calc(100% - 90px);
  background: white;
  border-left: 2px solid #d4d3d1;
  z-index: 1;
  overflow-y: auto; }
  .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table {
    position: relative; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table {
      display: table;
      width: 100%;
      overflow: hidden;
      border-collapse: collapse; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table tbody.dpd-table-depot-list-mobile {
        display: table-row-group; }
        @media only screen and (min-width: 768px) {
          .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table tbody.dpd-table-depot-list-mobile {
            display: none; } }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table button {
        background: none; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-vertical-middle {
        white-space: nowrap; }
        .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-vertical-middle img {
          display: inline-block;
          vertical-align: middle;
          height: 32px; }
        .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-vertical-middle div {
          margin-left: 5px;
          display: inline-block;
          vertical-align: middle; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-arrows-up-down {
        white-space: nowrap;
        float: right; }
        .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-arrows-up-down img {
          display: inline-block; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head td {
        padding: 0 10px;
        line-height: 50px; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head .dpd-distance div {
        float: left; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head .dpd-distance .dpd-table-arrows-up-down {
        margin-left: 5px; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head .dpd-distance .dpd-address {
        margin-left: 20px; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table tr td,
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table tr th {
      padding: 10px; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table tr th {
      font-size: 12px;
      text-align: left;
      background: #e6e7e7; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table thead tr {
      font-size: 12px;
      color: white;
      background: #e40138;
      height: 50px; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table tbody tr {
      border-bottom: 1px solid #d4d3d1; }

/* mobile and tablets */
@media only screen and (max-width: 1200px){
  /* modal */
  .dpd-locator .dpd-modal .dpd-table-wrapper {
    width: 100%;
    border: none;
    z-index: 2; } }

/* tablets */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-distance {
    min-width: 120px; } }

/* mobile */
@media only screen and (max-width: 767px) {
  .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table {
    table-layout: fixed; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head td {
      padding: 0 10px;
      line-height: 50px; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head .dpd-distance div {
      float: left; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head .dpd-distance .dpd-table-arrows-up-down {
      margin-left: 5px; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-table-depot-head .dpd-distance .dpd-address {
      margin-left: 15px; }
    .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row {
      font-size: 13px; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row .dpd-depot-name,
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row .dpd-address,
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row .dpd-distance {
        display: block; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row .dpd-address {
        margin-top: 5px; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row .dpd-distance {
        margin-top: 5px;
        color: #d4d3d1; }
      .dpd-locator .dpd-modal .dpd-table-wrapper .dpd-table table .dpd-tpl-row-depot-row .dpd-table-depot-select {
        display: block;
        float: right;
        padding-right: 10px; } }

.dpd-locator .dpd-map-search-result:hover {
  background-color: #e6e7e7; }

.dpd-locator .dpd-map-search-result * {
  cursor: pointer; }

.dpd-locator .dpd-map-search-results {
  box-sizing: content-box;
  position: absolute;
  top: 69px;
  width: 70%;
  left: 176px;
  display: none;
  min-height: 50px;
  max-height: calc(100% - 69px);
  overflow-y: auto;
  z-index: 1; }
  .dpd-locator .dpd-map-search-results .dpd-map-search-result {
    box-sizing: content-box;
    border: 1px solid #e6e7e7;
    background-color: white;
    height: 50px;
    padding: 5px; }
    .dpd-locator .dpd-map-search-results .dpd-map-search-result .dpd-map-search-result-location-icon {
      display: inline-block; }
    .dpd-locator .dpd-map-search-results .dpd-map-search-result .dpd-map-search-result-text {
      display: inline-block;
      width: calc(100% - 100px);
      vertical-align: top;
      height: 50px; }
      .dpd-locator .dpd-map-search-results .dpd-map-search-result .dpd-map-search-result-text .dpd-map-search-result-location-name {
        box-sizing: content-box;
        padding-left: 10px;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 10px;
        margin: 0px;
        padding-bottom: 5px;
        padding-top: 5px; }
      .dpd-locator .dpd-map-search-results .dpd-map-search-result .dpd-map-search-result-text .dpd-map-search-result-location-address {
        box-sizing: content-box;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin:0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    .dpd-locator .dpd-map-search-results .dpd-map-search-result * {
      cursor: pointer; }
    .dpd-locator .dpd-map-search-results .dpd-map-search-result:hover {
      background-color: #e6e7e7; }
    .dpd-locator .dpd-map-search-results .dpd-map-search-result a {
      line-height: 50px;
      display: inline-block;
      position: absolute;
      right: 0px;
      width: 40px;
      text-align: center; }
      .dpd-locator .dpd-map-search-results .dpd-map-search-result a img {
        position: relative;
        top: 8px; }

/* tablets */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .dpd-locator .dpd-map-search-results {
    top: 71px;
    max-height: calc(100% - 69px); } }

/* mobile */
@media only screen and (max-width: 767px)  {
  .dpd-locator .dpd-map-search-results {
    top: 71px;
    width: 100%;
    max-height: calc(100% - 69px);
    left: 0; }
    .dpd-locator .dpd-map-search-results .dpd-map-search-result {
      font-size: 13.5px;
      text-overflow: ellipsis; }
      .dpd-locator .dpd-map-search-results .dpd-map-search-result .dpd-map-search-result-content {
        max-height: 50px;
        overflow: hidden; }
        .dpd-locator .dpd-map-search-results .dpd-map-search-result .dpd-map-search-result-content .dpd-map-search-result-text .dpd-map-search-result-location-name {
          padding-top: 8px; } }

          /* mobile */
        @media only screen and (max-width: 400px) {
        .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div{
          margin:19px;}
        .dpd-locator .dpd-modal .dpd-details-wrapper .dpd-details .dpd-details-contact-details > div a span{
          display: none;}}

/* reset */
* {
  margin: 0;
  padding: 0; }

/* global */
.dpd-hidden-desktop {
  display: none; }

.dpd-visible-desktop {
  display: block; }

.dpd-visible-mobile {
  display: none; }

.dpd-hidden-mobile-table {
  display: table; }

.dpd-visible-mobile-table {
  display: none; }

/* global colors */
.gray {
  color: #d4d3d1; }

.gray-light {
  color: #e6e7e7; }

/* base class - desktop, tablets, mobile */
.dpd-locator {
  /* general */ }
  .dpd-locator *:focus {
    outline: none; }
  .dpd-locator .dpd-locator {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 13.5px; }
  .dpd-locator .dpd-modal {
    position: relative;
    width: 1280px;
    height: 95%;
    top: 20px;
    margin: 0 auto;
    background: #f6f7f7;
    /*hr {
			margin: 20px 0;
			background: none;
			border: 1px solid $gray-light;
		}*/ }
    .dpd-locator .dpd-modal h1 {
      font-size: 36px; }
    .dpd-locator .dpd-modal h2 {
      font-size: 30px; }
    .dpd-locator .dpd-modal h3 {
      font-size: 24px; }
    .dpd-locator .dpd-modal h4 {
      font-size: 18px; }
    .dpd-locator .dpd-modal h5 {
      font-size: 14px; }
    .dpd-locator .dpd-modal h6 {
      font-size: 12px; }
    .dpd-locator .dpd-modal select {
      font-family: 'pluto-sans-light', sans-serif;
      font-size: 13.5px;
      background: transparent;
      padding:5px;
      padding-left: 10px;
      width: 100%;
      border: 0;
      height: 35px;
      -webkit-appearance: none;
      -moz-appearance: none;}
    .dpd-locator .dpd-modal button {
      display: block;
      border: 0;
      width: 100%;
      height: 40px; }
      .dpd-locator .dpd-modal button:hover {
        cursor: pointer; }
    .dpd-locator .dpd-modal .dpd-close {
      position: absolute;
      top: -15px;
      right: -15px;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 50%;
      border: 2px solid #e6e7e7;
      z-index: 2; }
      .dpd-locator .dpd-modal .dpd-close img {
        width: 30px;
        height: 30px; }
    .dpd-locator .dpd-modal .dpd-arrow-btn {
      text-decoration: none; }

/* mobile and tablets */
@media only screen and (max-width: 1200px)  {
  /* global for mobiles and tablets */
  .dpd-hidden-desktop {
    display: block; }
  .dpd-visible-desktop {
    display: none; }
  /* modal */
  .dpd-locator .dpd-modal {
    top: 0;
    height: 100%;
    border: none; } }

/* tablets */
@media only screen and (min-width: 768px) and (max-width: 1200px)  {
  .dpd-locator .dpd-modal {
    width: 100%; } }

@media only screen and (max-width: 405px) {
  .is-mobile-view {
    display:inline } }


/* mobile */
@media only screen and (max-width: 767px) {
  .dpd-hidden-mobile {
    display: none; }
  .dpd-visible-mobile {
    display: block; }
  .dpd-hidden-mobile-table {
    display: none; }
  .dpd-visible-mobile-table {
    display: table; }
  .dpd-locator .dpd-modal {
    width: 100%; } }