header { position: relative; }
header .headerblog { border-bottom: 40px solid #80B5BF; padding-bottom: 40px; box-sizing: initial; }
header .headerblog:after,.headerblog:before { box-sizing: initial; }

div.main-body { width: 100%; padding-top: 0; padding-bottom: 0; }

.row.rel { position: relative; min-height: 220px; }

.col-map { padding: 0; position: absolute; right: 0; top: 0; bottom: 0; } .col-map .apimap { margin: 0; min-height: 220px; height: calc(100% - 58px); }
.col-map form { background: #007794; padding: 12px; }
.col-map form input { border-radius: 0; border: 1px solid #fff; }
.col-map form .input-group-btn { padding-left: 15px; }
.col-map form button { border: 1px solid #fff; color: white; border-radius: 0; }

.col-map .google-map { height: 100%; }

.col-content { padding-top: 35px; padding-bottom: 20px; }
.col-content h2 { margin-top: 0; }

.promo-ribbon { color: white; position: absolute; right: 0; top: 85px; height: 100px; background: #E84F08; padding: 0 30px 0 35px; display: inline-block; }
.promo-ribbon::before { display:block; content:""; border: 50px solid #E84F08; border-right: 0; border-left: 25px solid transparent; width: 0px; position: absolute; top:0; left:-25px; }
.promo-ribbon h4 { font-size: 36px; text-align: center; margin: 17px 0 0 0; line-height: 1; }
.promo-ribbon p { font-size: 22px;  text-align: center;  }

.open-ribbon { margin-bottom: 15px; margin-right: 15px; color: white; position: relative; right: 0; height: 36px; background: #E84F08; padding: 0 30px 0 10px; display: block; font-size: 18px; line-height: 36px; }
.open-ribbon::before { display:block; content:""; border: 18px solid #E84F08; border-left: 0; border-right: 12px solid #fff; width: 0px; position: absolute; top:0; right: 0; }

.col-content h2 { font-family: GeoReg; }
.col-content h3 { margin-top: 0; font-family: GeoReg; }

.col-content .buttons { margin-bottom: 15px; }
.col-content .buttons button, .col-content .buttons a { font-size: 15px; width: 110px; border-radius: 0; }

section.categories { background: #80B5BF; min-height: 120px; padding: 15px; }
section.categories h3 { color: white; text-align: center; font-family: GeoReg; margin-top: 0; font-size: 30px; margin-bottom: 15px; }

section.promos { background: #F7F7F7; }

.slick-dots li button::before, .slick-next::before, .slick-prev::before { font-family: "FontAwesome"; font-size: 70px; }

.slick-arrow { font-family: "FontAwesome"; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;  font-size: 70px;
text-rendering: auto;
line-height: 1; }

.slick-prev::before { content: "\f104"; }
.slick-next::before { content: "\f105"; }

.promotions-container .slick-arrow { height: 70px; width: 70px; }
.promotions-container .slick-arrow::before { font-size: 70px; color: #B9B9B9; }

.promotions-container .slick-prev { left: 0; }
.promotions-container .slick-next { right: 0; }

#social { height: 600px; overflow: hidden; }
div.keepup { z-index: 1111111; position: relative; border-top: 10px solid #80b5bf }

.reg { font-family: GeoReg; }

.range { text-align: center; }
.range .range-item { color: white; text-align: center; display: inline-block; margin: 0 10px; width: 110px; }
.range .range-item .circle { width: 95px; background: white; border-radius: 100px; padding: 15px; margin: auto; height: 95px; margin-bottom: 10px; }
.range .range-item.selected .circle { background: #47868E; }
.range .range-item img { max-height: 100%; display: block; margin: auto; width: 65px; height: 65px; }
.range .range-item label { font-weight: 500; font-size: 16px; font-family: GeoReg; height: 55px;
  overflow: hidden; }

.range-tabs .row { margin-top: 20px; margin-bottom: 10px; }
.range-tabs .row h2 { margin-top: 0; }

header { min-height: 540px; }

.range-item { position: relative; }
.range .range-item.selected:after { content: ""; width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;

  border-top: 25px solid #80B5BF; position: absolute; bottom: -40px; left: 20px; }

.range-container { display: none; }
.range-container.selected { display: block; }

@media(max-width:1000px) {
  .col-map { position: relative; }
}