h1, h3, h4, h5, h6 {
  font-size: 22px;
  font-family: Barlow-Light !important;
  text-transform: none !important
}
.justify-content-center {
  justify-content: center
}
.align-item-center {
  align-items: center
}
#resa-content .full-rows .row {
  margin-bottom: 30px;
  margin-top: 20px
}
#resa-content #total .pull-right p.text-total, #resa-content .btn-resa, #resa-content .btn-reserver, #resa-content .categorie {
  font-family: Gotham-Medium;
  font-weight: 400;
  text-transform: uppercase
}
#resa-content img {
  max-height: 430px
}
#resa-content #form-resa label {
  width: 100%;
  text-align: left
}
#resa-content #form-resa .form-control {
  border-radius: unset;
  padding: 10px 20px;
  border-color: #a0a0a0;
  height: 55px;
  margin-bottom: 20px;
  font-size: 22px
}
.list-group-item p {
  margin-bottom: 0
}
#form-resa > div:first-child {
  margin-bottom: 0 !important
}
#resa-content #total .pull-right p.text-total {
  margin-bottom: 0;
  font-size: 28px
}
#resa-content #total .pull-right p.text-taxe {
  font-weight: 700
}
#resa-content .btn-resa {
  background-color: #000;
  border-color: #000;
  width: 100%;
  color: #fff;
  border-radius: unset;
  height: 50px
}
#resa-content .btn-resa:hover {
  background-color: #ea1f4a;
  border-color: #ea1f4a
}
#resa-content #valider .btn-resa {
  height: 65px;
  font-size: 22px
}
#resa-content .form-control[readonly] {
  background-color: #fff
}
#resa-content #form-resa .form-group {
  position: relative;
  margin-bottom: 0
}
#resa-content #form-resa .form-group .help-block {
  bottom: -20px;
  padding: 15px;
  font-style: italic;
  font-size: 15px
}
#resa-content #form-resa .form-group .help-block.input-warning {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #8a6d3b
}
#payment_confirm h5 {
  text-align: left
}
#payment_confirm .panel-footer {
  position: relative
}
#payment_confirm .panel-footer .button-retour {
  position: absolute;
  top: 18%
}
.d-flex {
  display: flex
}
#resa-content .d-flex {
  align-items: center
}
#resa-content .categorie {
  margin-bottom: 5px;
  display: block
}
.line-chambre {
  border-bottom: 1px solid #b9b8b5
}
.panel-default > .panel-heading {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-family: Barlow-Bold
}
.panel-footer p {
  margin: auto
}
.bx-wrapper {
  box-shadow: none;
  border: none;
  margin-bottom: 15px
}
.bx-wrapper .bx-prev {
  background: url(images/controls.png) no-repeat
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
  background: 0 0
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
  background: 0 0
}
.bx-wrapper .bx-controls-direction a {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: 0 0;
  text-indent: -9999px;
  border-top: 2px solid #bfbfbf;
  border-left: 2px solid #bfbfbf;
  transition: all 250ms ease-in-out;
  text-decoration: none;
  color: transparent
}
.bx-wrapper .bx-controls-direction a:hover {
  border-color: gray;
  border-width: 5px;
  text-indent: -9999px
}
.bx-wrapper .bx-controls-direction a:before {
  display: block;
  height: 200%;
  width: 200%;
  margin-left: -50%;
  margin-top: -50%;
  content: "";
  transform: rotate(45deg)
}
.bx-wrapper .bx-controls-direction a.bx-prev {
  transform: rotate(-45deg)
}
.bx-wrapper .bx-controls-direction .bx-next {
  transform: rotate(135deg)
}
.bx-wrapper .bx-controls-direction a {
  overflow: hidden
}
@media (max-width:1024px) {
  .bx-viewport .banner_page_slide {
    background-size: contain !important;
    background-repeat: no-repeat;
    height: 236px
  }
}
@media (max-width:560px) {
  .bx-viewport .banner_page_slide {
    height: 180px
  }
}
@media (max-width:480px) {
  .bx-viewport .banner_page_slide {
    height: 100px
  }
}
@media (max-width:767px) {
  #resa-content .d-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center
  }
  .line-chambre .col-xs-12 {
    text-align: center;
    margin-bottom: 15px
  }
  .bx-controls-direction {
    display: none
  }
}
.hotel_title h1 {
  font-size: 38.63px;
  margin: 25px 0 10px;
  line-height: 1.1;
  font-family: 'Gotham-Medium' !important;
  font-weight: normal;
}
.hotel_title h1:after {
  content: "|";
  display: block;
  color: #000;
  margin: 17px 0 15px;
  font-weight: 400;
  text-align: center;
  font-size: 26px;
}

.bx-wrapper{
    margin-bottom: 75px;
}