article #map_canvas {
  width: 100%;
  height: 600px;
  margin: 0;
  background-color: #cccccc;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}
article #geocomplete {
  width: 100%;
  padding: 1px 5px 0;
  height: 26px;
  border: none;
}
article .map_canvas {
  width: 600px;
  height: 400px;
  margin: 10px 20px 10px 0;
}
article #multiple li {
  cursor: pointer;
  text-decoration: underline;
}
article .redbox {
  background-color: #b7061a;
  background: linear-gradient(#b7061a, #cc071d) repeat scroll 0 0
    rgba(0, 0, 0, 0);
  height: 65px;
  overflow: hidden;
  padding-top: 0;
}
article .greybox {
  background-color: #c8c8c8;
  background: linear-gradient(#f5f6f1, #f1f1f1) repeat scroll 0 0
    rgba(0, 0, 0, 0);
  height: 55px;
  overflow: hidden;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #e7e7e7;
  cursor: pointer;
  color: #a7a7a7;
  padding-left: 12px;
}
article .greybox h4 {
  margin-top: 8px;
  margin-bottom: 3px;
  height: 21px;
  overflow: hidden;
}
article .greybox.active {
  border-left: 2px solid #cf0721;
  background: linear-gradient(#ffffff, #ffffff) repeat scroll 0 0
    rgba(0, 0, 0, 0);
  background-color: #ffffff;
  color: #000000;
}
article .darkgreybox {
  background: linear-gradient(#393939, #494949) repeat scroll 0 0
    rgba(0, 0, 0, 0);
  color: #999999;
  padding: 3px;
  padding-left: 14px;
}
article #mobileMapList {
  background: linear-gradient(#494949, #393939) repeat scroll 0 0
    rgba(0, 0, 0, 0);
}
article .darkgreybox h3 {
  color: #ffffff;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 4px;
}
article .redbox h3 {
  color: #ffffff;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 4px;
}

select option[disabled]:first-child {
  display: none;
}
select option:first-child {
  color: #ccc !important;
}
article #distance {
  height: 26px;
  padding: 2px 2px 0;
  width: 100%;
  border: none;
}
article #sidebarlist {
  border-top: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  height: 165px;
  margin-left: 15px;
  margin-right: -15px;
  overflow: hidden;
  padding: 0;
  width: 1141px;
  background-color: #cbcbcb;
}
article .pq-select-text,
.pq-select-text,
.pq-select-popup {
  background-color: white;
  /*width: 100% !important;*/
}
article
  .pq-select-button.pq-no-capture.ui-widget.ui-state-default.ui-corner-all.pq-select-multiple,
.pq-select-menu {
  width: 100% !important;
  padding: 0;
}
article .pq-select-popup-cont {
  width: 350px;
}
article .pq-select-popup label,
article .pq-select-popup label.pq-state-hover {
  border: none;
}
/*.pq-select-all.ui-widget-header.ui-corner-all {
    display: none;
}*/
article .pq-select-text {
  padding: 4px 6px 2px;
}
article .pq-select-item.ui-corner-all.ui-state-default::after {
  content: ",";
}
article .pq-select-menu label {
  font-weight: normal;
}
article .pq-select-text {
  overflow: hidden;
  white-space: nowrap;
}
article .pq-select-popup label,
article .pq-select-popup label.pq-state-hover {
  border: none;
}
article div.pq-select-menu > .pq-select-option-label {
  border: none;
}
footer .footerSectionOne {
  display: none;
}
#buttonNext,
#buttonPrev {
  position: absolute;
  right: 0;
  z-index: 999;
  margin-right: 15px;
  background-color: #990000;
  cursor: pointer;
  padding: 1px 4px;
  padding-right: 5px;
  color: #ffffff;
}

#buttonPrev > .caret {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid;
  border-top: 0px solid;
}
#buttonNext > .caret {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
}
#buttonNext.inactive,
#buttonPrev.inactive {
  background-color: #ccc;
  cursor: default;
}
#buttonNext.inactive > .caret,
#buttonPrev.inactive > .caret {
  color: #9d9d9d;
  cursor: default;
}

.buttonNext,
.buttonPrev {
  background-color: #b7061a;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px 11px 10px 10px;
  position: absolute;
  z-index: 999;
}
.buttonNext {
  bottom: 0;
  right: 0;
}
.buttonPrev {
  bottom: 0;
  right: 35px;
}
#sidebarFrame #buttonNext {
  bottom: 0;
  right: 0;
}
.buttonPrev > .caret {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid;
  border-top: 0px solid;
}
.buttonNext > .caret {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
}
.buttonNext.inactive,
.buttonPrev.inactive {
  background-color: #ccc;
  cursor: default;
}
.buttonNext.inactive > .caret,
.buttonPrev.inactive > .caret {
  color: #9d9d9d;
  cursor: default;
}
#pNav > div > img,
#pNav > div > a > img {
  height: 35px;
  padding: 5px;
  width: 36px;
}
.main {
  padding-bottom: 0px;
}
.specialWindow {
  background-color: #ffffff !important;
  border-radius: 0 !important;
  border-left: 2px solid #cf0721;
  /*width: 300px !important;*/
  /*height: 280px !important;*/
}
.specialWindowShadow {
}
.specialInfoWindow {
  background-color: #ffffff !important;
  border-radius: 0 !important;
  border-left: 2px solid #cf0721;
  padding: 10px;
  /*width: 300px !important;*/
  height: 200px !important;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9999;
  display: none;
}
.specialWindowClose > div > div {
  background-color: #ebebeb !important;
}
article .gm-style-iw {
  left: 3px !important;
  top: 1px !important;
  width: 359px !important;
  overflow: visible !important;
  border-radius: 0 !important;
}
article .gm-style-iw > div > div {
  width: 343px !important;
  /*height: 200px !important;*/
}
article .gm-style-iw > div {
  width: 310px !important;
  overflow: visible !important;
}
article .gm-style {
  font-family: "FrutigerLTW01-45Light";
  font-weight: normal;
}
article .gm-style b,
article .gm-style strong {
  font-family: "Frutiger LT W01_65 Bold";
  font-weight: normal;
  font-size: 14px;
}
#popUp {
  height: 325px;
  overflow: hidden;
  padding-left: 0;
}
#pLogo {
  position: relative;
  right: 0px;
  top: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}
#pLogo img {
  max-width: 250px;
  max-height: 130px;
  image-rendering: -webkit-optimize-contrast;
}
.pContent {
  display: none;
  margin-top: 0;
  overflow: hidden;
  height: 90%;
}
#pNav {
  background-color: #ebebeb;
  bottom: 0;
  height: 35px;
  left: 0;
  position: absolute;
  width: 359px;
}
#pMain img {
  margin-top: -5px;
}
#pPics {
  background-color: #333;
  height: 229px;
  margin-top: 17px;
  overflow: hidden;
  text-align: center;
  width: 328px !important;
}

#pPics .imageholder {
  position: relative;
  display: table;
  height: 229px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  background: #111;
}
#pPics .inner {
  width: 100%;
  height: 229px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
#pPics .inner img {
  max-height: 100%;
  max-width: 100%;
  display: inline;
  vertical-align: middle;
}
#p1,
#p2,
#p3,
#p4,
#p5,
#p6 {
  cursor: pointer;
  float: left;
  opacity: 0.3;
  position: relative;
}

#p1:hover,
#p2:hover,
#p3:hover,
#p4:hover,
#p5:hover,
#p6:hover {
  opacity: 1;
}
.pNavActive {
  opacity: 1 !important;
  cursor: default !important;
  background-color: #ffffff;
}
.pActive {
  display: block;
}

.gm-style .gm-style-iw-t::after {
  background: linear-gradient(
    45deg,
    rgba(235, 235, 235, 1) 50%,
    rgba(255, 255, 255, 0) 51%,
    rgba(255, 255, 255, 0) 100%
  );
}
/*.map_canvas {
    visibility: hidden;
}*/

.specialClose img {
  left: 2px !important;
  top: -330px !important;
}

.specialClose {
  background: none; //none repeat scroll 0 0 #FFF;
  border-bottom: none; //1px solid #AAA;
  border-right: none; //1px solid #AAA;
  border-top: none; //1px solid #AAA;
  height: 18px !important;
  margin-right: -13px;
  margin-top: -9px;
  opacity: 1 !important;
  padding: 5px;
  padding-top: 2px;
  width: 23px !important;
}

/*CRITERIAS*/
div#pCriteria {
  margin-left: -4px;
  margin-top: 8px;
  width: 336px;
  height: 250px;
}
.contenttable {
  margin-bottom: 5px;
  /*max-width: 163px;*/
  width: 100%;
  overflow: hidden;
  float: left;
}
.contenttable-1 {
  margin-right: 10px;
}
.contenttable > thead > tr > th {
  border-bottom: 1px solid #dddddd;
  font-family: "Frutiger LT W01_65 Bold";
  font-weight: normal;
  font-size: 14px;
}
.contenttable > thead > tr > th,
.contenttable > tbody > tr > th,
.contenttable > tfoot > tr > th,
.contenttable > thead > tr > td,
.contenttable > tbody > tr > td,
.contenttable > tfoot > tr > td {
  line-height: 1.3;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 0;
}

/* CRITERIA FILTER */

.pq-select-optgroup {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
  font-family: "Frutiger LT W01_65 Bold";
  font-weight: normal;
}
.ui-widget-header {
  font-family: "Frutiger LT W01_65 Bold";
  font-weight: normal;
}
.pq-select-option-label {
  font-size: 13px;
  font-family: "FrutigerLTW01-45Light";
  font-weight: normal;
}
.pq-select-popup.ui-widget-content.ui-corner-all {
  padding-left: 3px;
}
.pq-select-popup label.pq-state-hover {
  border: 1px solid #fff;
  padding-left: 0;
  cursor: pointer;
}
.pq-select-all {
  display: none;
}
.pq-select-shadow-fix {
  height: 8px;
  width: 100%;
  margin-left: 0;
}
*:focus {
  outline: none;
}
.mobileCity,
.mobileView {
  display: none;
}
.standardList {
  display: inline;
}
@media (max-width: 1200px) {
  article #sidebarlist {
    width: 940px;
  }
  /*article .pq-select-text, .pq-select-text, .pq-select-popup {
        width: 298px !important;
    }*/
}
@media (max-width: 992px) {
  article #map_canvas {
    height: 400px;
  }
  article .darkgreybox {
    display: none;
  }
  article .redbox h3 {
    display: none;
  }
  article #sidebarlist {
    width: 720px;
  }
  /*article .pq-select-text, .pq-select-text, .pq-select-popup {
        width: 225px !important;
    }*/
  article .redbox {
    background: linear-gradient(#b7061a, #cc071d) repeat scroll 0 0
      rgba(0, 0, 0, 0);
    height: 46px;
    overflow: hidden;
    padding-left: 8px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
  }
  .specialClose img {
    left: 0px !important;
  }
  #mobil #mobileMapNav h2,
  #mobileMapNav h1,
  #mobileMapList h2 {
    border-bottom: none;
    box-shadow: none;
  }
}

@media (max-height: 750px) {
  footer,
  header,
  #darkgreybox {
    display: none;
  }
  #darkgreybox {
    height: 0px;
  }
  .mobileCity {
    display: inline !important;
  }
  article .greybox {
    padding-left: 8px !important;
    height: 33px;
  }
  article .greybox span {
    display: none;
    font-family: "FrutigerLTW01-55Roman" !important;
  }
  article #sidebarlist {
    height: 99px;
  }
}
@media (max-width: 767px) {
  article #map_canvas {
    height: 387px;
    top: 30px;
    /*margin-bottom: 30px;*/
  }
  article #sidebarlist {
    width: 100%;
    margin-left: 0px;
    height: 99px;
  }
 /* #buttonNext,
  #buttonPrev {
    margin-right: 0px;
    padding: 6px 8px 7px;
  }
  .buttonPicsNext,
  .buttonPicsPrev {
    margin-bottom: -16px;
    margin-right: -18px;
  }
  #popUp .buttonNext,
  #popUp .buttonPrev {
    margin-bottom: -16px !important;
    margin-right: -18px !important;
    padding-top: 9px;
    padding-bottom: 9px;
  }*/

  footer,
  header {
    display: none;
  }
  .navbar-toggle {
    margin-bottom: 0;
  }
  .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .col-xs-12 {
    min-height: 0px;
  }
  article .greybox {
    padding-left: 8px !important;
    height: 33px;
  }
  article .greybox span {
    display: none;
    font-family: "FrutigerLTW01-55Roman" !important;
  }
  article .redbox {
    background: linear-gradient(#b7061a, #cc071d) repeat scroll 0 0
      rgba(0, 0, 0, 0);
    height: 46px;
    overflow: hidden;
    padding-left: 8px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
  }

  #mobileMapNav {
    background: linear-gradient(#cc071d, #b7061a) repeat scroll 0 0
      rgba(0, 0, 0, 0);
  }
  article .pq-select-text,
  .pq-select-text,
  .pq-select-popup {
    /*width: 302px !important;*/
    margin-right: 4px;
  }
  /*#pPics {
    width: 265px !important;
    height: 201px !important;
  }
  #pPics .inner {
    height: 201px;
  }
  #pPics .imageholder {
    height: 201px;
  }
  div#pCriteria {
    height: 211px;
  }
  .pContent {
    height: 90%;
  }
  #popUp {
    height: 325px;
    overflow: hidden;
    padding-left: 0;
    font-size: 12px;
  }*/
 /* #pLogo img {
    max-width: 120px;
    max-height: 50px;
    image-rendering: -webkit-optimize-contrast;
  }*/
  .contenttable {
    margin-bottom: 5px;
    /*width: 272px !important;
        max-width: 272px  !important;*/
    overflow: hidden;
    float: left;
  }
 /* article .gm-style-iw > div > div {
    width: 308px !important;
  }*/
  article .greybox h4 {
    margin-top: 8px;
    font-family: "FrutigerLTW01-55Roman" !important;
    font-weight: normal !important;
  }
  article .redboxes {
    position: absolute !important;
    z-index: 100;
  }
 /* article .gm-style-iw {
    left: 3px !important;
    top: 1px !important;
    width: 320px !important;
  }*/
  .specialClose img {
    left: -2px !important;
  }
  /*#pNav {
    background-color: #ebebeb;
    bottom: 0;
    height: 35px;
    left: 0;
    position: absolute;
    width: 320px;
  }
  .specialWindow {
    width: 300px !important;
  }

  .specialWindowShadow {
    width: 302px !important;
  }*/
  .mobileDiv {
    width: 307px !important;
  }
  .mobileCity,
  .mobileView {
    display: inline !important;
  }
  .standardView,
  .standardList {
    display: none;
  }
  .mobileView {
    height: 38px !important;
  }
  article .mobileView {
    padding-top: 5px !important;
  }
  article .mobileView h2 {
    color: #ffffff;
    width: 100%;
    margin-bottom: 4px;
    margin-top: 4px;
    font-family: "Frutiger LT W01_65 Bold";
    padding-left: 7px;
  }

  #sidebarFrame {
    position: absolute;
    bottom: -49px;
    z-index: 888;
  }
}
@media (max-width: 567px) {
  #sidebarFrame {
    position: absolute;
    bottom: -49px;
    z-index: 888;
  }
  article #map_canvas {
    top: 38px;
    margin-bottom: 0;
  }
  #sidebarFrame #buttonPrev {
    margin-top: 38px;
  }
  article .greybox h4 {
    padding-left: 7px;
  }
}
input,
select {
  /*-webkit-appearance: none !important;*/
  border-radius: 0 !important;
  /*-webkit-border-radius:0 !important;*/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .specialClose img {
    left: 0px !important;
  }
}