/* Scss Document */
/* Scss Document */
.push-row {
  padding-top: 50px;
  padding-bottom: 50px; }

.push-top {
  padding-top: 50px; }

.push-bottom {
  padding-bottom: 50px; }

.push-top-sm {
  padding-top: 25px; }

.push-bottom-sm {
  padding-bottom: 25px; }

.pad-top {
  margin-top: 50px; }

.pad-bottom {
  margin-bottom: 50px; }

.pad-top-sm {
  margin-top: 25px; }

.pad-bottom-sm {
  margin-bottom: 25px; }

.border {
  border: solid 1px orange; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
body {
  font-family: "Open Sans", Helvetica, sans-serif; }

footer {
  color: white; }

/* NAVBAR OVERWRITES ============== */
.navbar-brand {
  width: 75px;
  height: auto; }

.navbar-inverse {
  background-color: black; }

#navbar {
  margin-top: 5px; }

/* STANDARD OVERWRITES */
.center-block {
  float: none; }

.btn {
  border-radius: 0;
  font-size: 18px;
  color: red;
  width: 100%; }

.btn-default {
  border-color: #b5b5b5; }

.btn:hover {
  color: #9c0606 !important; }

.img-center img {
  margin-left: auto;
  margin-right: auto;
  display: inline-block; }

textarea {
  width: 100%; }

#top-background {
  height: 300px;
  background-position: center 0px;
  background-repeat: no-repeat;
  background-attachment: fixed; }

.form-zip {
  display: none; }

/* fonts */
blockquote {
  font-size: 20px;
  border-color: blue; }

.text-reverse {
  color: white; }

/* NEEDED TO MAKE SVG HAVE A LINK (Yes really!...) =========================== */
a.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

a.svg {
  position: relative;
  display: block; }

.firstrow {
  margin-top: 110px; }

.jumbotron {
  margin-top: 110px;
  background-color: #c6c6c6;
  min-height: 200px;
  position: relative;
  padding-top: 0; }
  .jumbotron .bkimg {
    background-image: url(/img/be-massage-fit-banner.jpg);
    background-position: top right;
    background-size: cover;
    min-height: 200px; }
  .jumbotron h1 {
    font-weight: 700;
    letter-spacing: -0.05em; }
  .jumbotron p {
    font-size: initial; }
  .jumbotron span {
    color: #f51717; }

/* navigation */
#topCall {
  width: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: transparent;
  font-size: 12px;
  color: white; }

.navbar .container {
  max-width: 1280px;
  position: relative; }

.navbar-toggle {
  top: 50px; }

.bk-grey-light {
  background-color: #dedede; }

.bk-black {
  background-color: black; }

.bk-grey {
  background-color: #5d6266; }
  .bk-grey h2 {
    color: white; }

/* slideshow overwrites */
.cycle-slideshow {
  background-color: #fafafa;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 144px; }

/*.cycle-slideshow div{position: relative}
.cycle-slideshow div img:first-child{ min-width:800px;height: auto; position: absolute; left: -300px}*/
.border.black {
  border-color: black;
  border-width: 1px; }

.kill-padding {
  padding-left: 0;
  padding-right: 0; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #top-background {
    height: 310px; }

  #topCall {
    font-size: 18px; }

  .content-row .kill-left {
    padding-left: 0; }
  .content-row .kill-right {
    padding-right: 0; }

  .jumbotron {
    background-image: url(/img/be-massage-fit-banner.jpg);
    background-position: top right;
    background-size: cover; }
    .jumbotron h1 {
      font-size: 48px; }
      .jumbotron h1 span {
        font-size: 30px;
        display: inline-block;
        position: relative; }
        .jumbotron h1 span i {
          display: block;
          position: relative;
          bottom: 5px; }
    .jumbotron p {
      width: 50%;
      font-size: 14px; }

  .btn {
    width: auto; }

  .btn:hover {
    background-color: #f8f8f8;
    color: white; }

  /* NAVBAR OVERWRITES ============== */
  .navbar-right {
    margin-top: 45px;
    font-size: 16px; }

  #navbar {
    margin-top: 0px; }
    #navbar a {
      background-color: transparent !important; }

  h1 {
    font-size: 32px; } }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #top-background {
    height: 475px; }

  h1 {
    font-size: 40px; }

  h2 {
    font-size: 36px;
    padding-bottom: 0.35em; }

  blockquote {
    font-size: 30px; }

  #top-box {
    padding-right: 0px; }

  #project-box {
    padding-left: 0px;
    padding-right: 0px; }

  .jumbotron h1 {
    font-size: 60px; }
    .jumbotron h1 span {
      font-size: 40px; }
      .jumbotron h1 span i {
        bottom: 5px; }
  .jumbotron p {
    width: 50%;
    font-size: 18px; } }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #top-background {
    height: 475px; }

  /* STANDARD OVERWRITES */
  h1 {
    font-size: 48px; }

  .row {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto; }

  .cycle-controls {
    left: 30px; }

  /* tiles */
  .apxl-tile {
    height: 250px; }
    .apxl-tile .apx-tile-img {
      height: 250px;
      background-size: auto; } }