@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:700);

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;
    background-color: #202020;
    color: #d3d3d3;
}

a {
    color: #F77080;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
a:hover,
a:focus {
    outline: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;
}
p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
}
hr {
    border-width: 3px;
    opacity: 0.09;
    margin-top: 15px;
    margin-bottom: 15px;
}
.btn-primary {
    background-color: #e41c25;
    border: 0;
}
.btn-primary:hover {
    background-color: #F77080;
}
.btn_kids {
    background-color: #EE721D;
    color: white!important;
}
.btn_adult {
    background-color: #129781;
    color: white!important;
}
button.close {
    color: white;
    font-size: 20;
}
.text-faded {
    color: rgba(245,245,245,0.7);
}

.modal-header {
    background-color: #910011;
}
.modal-header button{
    background-color: #910011;
}
.modal-content {
    background-color: #1d1d1d;
}
#topNav {
    background-color:#00403B; /*#343a40;*/
}
#topNav a {
    color: white;
}
#topNav .nav > li.active>a,
#topNav .nav>li.active>a:focus {
    color: #e41c25 !important;
    background-color: transparent;
}
#topNav .color_link {
    color: #e41c25;
}
#topNav .color_link_secondary {
    color: #bab8b9;
}
#bottomNav {
    background-color: #910011!important;
}
#bottomNav a {
    color: white;
}
#newsCarousel {
    min-height: 100px;
    background-color: #5C5C5C;
    color: white !important;
}
#newsCarousel a {
    color: white !important;
}
#newsItem
.text-bg-info {
    background-color: #128F86 !important;
}
.border-info {
    border-color: #128F86 !important;
}
#newsItems {
    color: white;
}
#newsItems a {
    color: white;
}
.newsItem {
    display: flex;
}
.navbar-brand img {
    height: 25px;
}

#main {
    padding-top: 10px;
    background-color: #333;
}
#main img {
    width: 100%;
    height: 300px;
    overflow-y: hidden;
}
.image-blurred-edge {
    box-shadow: 0 0 8px 8px #d3d3d3 inset; /* Adjust color to match background */
}
  
#gymDescription {
    position: absolute;
    right: 0%;
    top: 14rem;
    left: 0%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.inner {
    background-color: rgba(51,51,51,.9);
    border-radius: 20px;
    padding: 10px;
}
.service_card {
    padding: 0px;
}
.service_card .inner {
    background-color: rgba(51,51,51,.8);
    border-radius: 0px;
    padding: 10px;
    height: 100%;
    width: 100%;
}
.service_card .inner h3 {
    line-height: .9;
}
.service_image {
    float: right;
    shape-outside: ellipse();
    width: 30%;
}
.service_left .service_image {
    border-radius: 50% 0 0 50%;
}
.service_right .service_image {
    border-radius: 0 50% 50% 0;
}
.service_right ul {
    display: inline-block;
    text-align:right;
}
.schedule th {
    background-color: #444;
    color: white;
}
.schedule tbody td {
    background-color: #555;
    color: white;
}
#kids .pricing th {
    background-color: #e41c25;
    color: white;
}
#teenAdult .pricing th {
    background-color: #6FA100;
    color: white;
}
.other_services .pricing th {
    background-color: #E8751C !important;
    color: white;
}
.other_services .pricing tfoot {
    background-color: #E8751C !important;
    color: white;
}
.other_services .bg-primary {
    background-color: #E8751C !important;
    color: white !important;
}
.other_services .text-primary {
    color: #E8751C !important;
}
.pricing {
    border-radius: 6px;
    border-collapse: separate;
}
.pricing thead:first-child tr:first-child th {
    border-radius: 10px 0 0 0;
}
.pricing tbody:last-child tr:last-child td {
    border-radius: 0 0 10px 0;
}
.pricing tbody td {
    background-color: #fff;
    color: #333;
    font-size: xx-large;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pricing small {
    font-size: small;
}
.pricing ul {
    padding-left: 15px;
}
.pricing li {
    font-size:medium;
    text-align: start;
}
.bg-primary {
    background-color: #A80008 !important;
}
.text-primary {
    color: #128F86 !important;
}
.bg-secondary {
    background-color: #6FA100 !important;
}
.text-secondary {
    color: #6FA100 !important;
}
.inner a {
    color: white!important;
    text-shadow: 2px 2px black;
}
.adult-bg-primary {
    background-color: #1A0001;
}
#overviewSection {
    margin-top: 60px;
}
footer {
    color: #fff;
}
footer a {
    color: #333;
    text-decoration: none;
}
footer ul {
    margin-left: 0px;
    padding-left: 0px;
}
footer li {
    list-style-type: none;
}

.green {
    color: green;
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

.price_table tbody > tr:hover {
    background-color: #e41c25;
    color: #fff;
}
.price_table td:not(:first-child),th:not(:first-child) {
    text-align: center;
}
.price_table .price_discount {
    color: #FB737A;
}

.google_maps iframe {
    width: 100% !important;
    height: 300px !important;
}


/*
   * Extra utilities
   */
  
   .flex-equal > * {
    flex: 1;
  }
  @media (min-width: 768px) {
    .flex-md-equal > * {
      flex: 1;
    }
  }
  