/* SLIDER */
#searchBox { display: block; position: relative; background: rgba(32, 32, 32, 0.8); height: auto; border-radius: 5px; z-index: 1; padding: 10px 30px }
.searchboxHeader { background: #2C9551; color: #FFFFFF; padding: 6px 0 6px 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.searchbox.noBackground { background-image: none; margin-top: 0; border-top: none; padding-top: 10px; }

#searchBox .formelements { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #AAAAAA !important; border-radius: 3px !important; background: #F1F1F1 !important; color: #333333 !important; padding: 7px 6px !important; width: 100% !important; line-height: 30px !important; height: 30px !important; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #searchBox .formelements { padding: 0 6px !important; }
}
#searchBox .sliderContainer { border: 1px solid #AAAAAA !important; border-radius: 3px !important; background: #F1F1F1 !important; color: #333333 !important; padding: 0; width: 100% !important; width: calc(100% - 2px) !important; }
#searchBox .sliderContainer #amount { background: #F1F1F1 !important; color: #333333 !important; }
#searchBox .searchTitle { font-size: 16px; letter-spacing: 1px; font-weight: 300 !important; color: #FFFFFF !important; margin-bottom: 5px; }

.top-banner { margin-bottom: 0; position: relative; margin-top: 0; z-index: 500; }
#wrapper { background-color: #FFFFFF; width: 100%; overflow: hidden; }
#wrapper #searchBox { height: auto; z-index: 999999; position: absolute; top: 7px; }
#carousel a { display: block; float: left; }
#carouselPaging { height: 26px; text-align: center; z-index: 10; position: absolute; bottom: 0; left: calc(50% - 48px); }
#carouselPaging > a { display: inline-block; height: 20px; width: 26px; color: #777777 !important; }
#carouselPaging > a.selected { color: #323232 !important; }
#carouselPaging > a > i.fa {  font-size: 20px; display: block; height: 20px; width: 26px;  }
#wrapper #prev, #wrapper #next { background-color: rgba(255, 255, 255, 0.8); display: block; top: 0; z-index: 11; position: absolute; }
#wrapper #prev:hover, #wrapper #next:hover { background-color: rgba(255, 255, 255, 0.7); }
#wrapper #prev { left: 0; }
#wrapper #next { right: 0; }
#inlineSearchFormMobile .option-box { border: 1px solid #CCCCCC; border-left: none; width: 33.333%; float: left; }
#inlineSearchFormMobile .option-box.first{ border-left: 1px solid #CCCCCC; }
#inlineSearchFormMobile .option-box.last { border: none; }
#inlineSearchFormMobile .option-box button.button { width: 100%; height: 34px; line-height: 34px; font-size: 16px; border: none; }
#inlineSearchFormMobile .option-box select { border: none; outline: none; width: 100%; height: 32px; line-height: 32px; font-size: 16px; padding-left: 5px;}

.top-banner, .top-banner > #wrapper, #wrapper #prev, #wrapper #next { height: auto; }
.top-banner > #wrapper #carousel a,
.top-banner > #wrapper #carousel img { width: 100%; max-width: 100%; height: auto; }
@media (min-width: 768px) {
  #wrapper #searchBox { position: absolute; }
  .top-banner, .top-banner > #wrapper, #wrapper #prev, #wrapper #next { height: 289px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 94%; height: auto; }
  #wrapper #searchBox { top: 5px; width: 200px; padding: 6px; }
  #wrapper #searchBox .formelements { margin-top: 4px !important; margin-bottom: 0 !important; }

}
@media (min-width: 1600px) {
  .top-banner, .top-banner > #wrapper, #wrapper #prev, #wrapper #next { height: 458px; }
 /*
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 1570px; height: 100%; }
 */
  #wrapper #searchBox { width: 270px; padding: 15px; top: 7px; }
  #wrapper #searchBox { top: 10px; width: 270px; }
  .callbackRequest br { display: none; }
}
#next, #prev { display: block !important; }