.modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        height: 100%;
    }

  #contact{
     background-image: url(../images/barber-header.jpg);
    }

.wrapper {
    max-width: 1080px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}


/*========== FLIPPER CARDS =========================================*/
.flip-container {
  perspective: 1000px;
}

   /* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}
.flip-container, .front, .back {
  width: 390px;
  height: 480px;
  cursor: pointer;
  margin: auto;
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;   top: 0;
  left: 0;
  text-align: center;
  background: rgba(0,0,0,0.6);
}

/* front pane, placed above back */
.front {
  z-index: 2;
  transform: rotateY(0deg);
  color: black;
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  color: black;
}
.front h3, .back h3 {
    background: #B42F3E;
    margin: 0 !important;
    color: white;
}
.back h3 {
    margin-top: -16px !important;
}
.back a {
    color: black !important;
}
.front p, .back p {
   margin-top: 0;
}
.front .address-text, .back .address-text {
  color: white;
    padding-top: 30px;
    font-size: 1.4em;
    font-weight: 400;
}
.flip-half {
    width: 50%;
    display: inline-block;
    margin: auto;
}
.fa-map-marker.flip {
    display: block;
    width: 100%;
    margin: 40% auto;
    font-size: 18em;
    color: #B42F3E;
    font-family: FontAwesome;
    content: '\f041';
}

@media only screen and (max-width:1030px) {
   .flip-half {
    display: block;
    width: 100%;
    margin: 88px auto;
  }
  .flip-container, .front, .back {
    width: 320px;
    height: 480px;
    display: block;
    margin: auto;
  }
}

/* #ajax-contact-form .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form .form-group label{color: #d4d5d6; display: none;}
#ajax-contact-form .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #ababab; background: #fff;border: 1px solid #e2e2e2;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#ajax-contact-form .form-control:focus{border-color: #e51a38; background: #fff; color: #e51a38;}
#ajax-contact-form textarea.form-control {height: auto;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left;}
#ajax-contact-form .form-group.img img{width:170px; height:38px;} */

/*----- form css -----*/

input.form-control {background-color: #fefefd; border-radius: 4px; border: 2px solid #edebe3;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  height: 52px; color: #7c8182;}
select.form-control {background-color: #fefefd; border-radius: 4px; border: 2px solid #edebe3;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  height: 52px;}
textarea.form-control {background-color: #fefefd; border-radius: 4px; border: 2px solid #edebe3;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
label.control-label {color: #303136; font-weight: 500; margin-bottom: 5px;}
button.btn {padding-top: 20px; padding-bottom: 17px;}
.form-group{margin-top: 10px;}
.form-control:focus {border-color: #dad2cb; outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {margin-top: 0; margin-left: 0px;}
.required {color: #ff481e; font-size: 12px; font-weight: 600; text-transform: uppercase;}

.btn { padding: 15px 90px 15px 90px; border-radius: 4px; font-size: 14px; line-height: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; border:transparent;}
.btn-default { background: #c0293c; color: #fff;border:transparent;}
.btn-default:hover { background-color: #ffc300; color: #fff;}
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #ffc300; border-color: #ffc300;}


.btn-default.btn-cf-submit{display: inline-block; color: #fff; border: none; font-size: 14px; line-height: 20px; font-weight: 700; padding: 15px 80px 15px 80px; text-decoration: none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; background: #e51a38; position: relative;
}
.btn-default.btn-cf-submit:hover{color: #fff; background: #ff1f40; top: 2px;}
.btn-default.btn-cf-submit:after{display: block; content: ''; width: 17px; height: 7px; position: absolute;right: 45px; top: 50%; margin-top: -4px;} 

  /* -------------------------------------------------- 
  book now
  /* -------------------------------------------------- */  

    .booksy-widget-container-default .booksy-widget-button {
    background: url('https://gravitatewebdesign.com/images/book-now.jpg') no-repeat center!important;
    height: 49px!important;
    background-color: black!important;
    border-radius: 10px!important; 
    border: 3px solid white!important; 
    }

    .booksy-widget-container-default .booksy-widget-button:hover {
    background: url('https://gravitatewebdesign.com/images/book-now-hover.jpg') no-repeat center!important;
    }

    .booksy-widget-container-default .booksy-widget-button:after {
    font-size: 26px!important;
    }

    .book {
        color: #e51a38;
        font-weight: 600;
        font-size: 120%;
    }