/*============= RESET STYLE =============



/*-- Body Resets --*/

body {
   background: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 0.9rem;
   color: #000000;
}


.dancing-script-uniquifier {
  font-family: "Dancing Script", serif;

  
 
}
/*-- Headings --*/
p {
   font-family: 'Dancing Script', serif;
	text-align: center;
   font-size: 1.9rem;
}
h2, h3, h4 {
   font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	
}
h5 {
   font-style:  'Galada';
   font-size: 155%;
}
/*-- Make Paragraph 'lead' Class Text Larger--*/
p.lead {
   font-size: 1.9rem;
}



/*-- Remove Blue Browser Outline Around Buttons in Chrome --*/
a:focus,
button:focus {
  outline: 0 ;
  
 
}

/*-- Pointer Cursor On Links & Buttons --*/
a, .btn, button {
   cursor: pointer;
}

/*-- Max-width Container For Elements
other than navbar, carousel, banner & footer --*/
.wrapper {
	max-width: 1120px;
   margin: 0 auto;
   padding: 0 .5rem;
   overflow: hidden;
}

/*-- Headings --*/
h1 {
	text-align: center;
	font-size: 175%;
	text-transform: uppercase;
	letter-spacing: .1rem;
	padding: .6rem 0;
}
h2, h3, h4 {
	text-align: center;
	text-transform: uppercase;
   color: #8b3a04;
}
h5 {
   font-weight: 700;
   color: #05a9bf;
}


/*-- Remove Link Color/Underline from Phone #s --*/
a {
   color: #ffffff;
}
a:hover {
   color: #daf6c7;
   text-decoration: none;
}

/*-- Buttons --*/
.button {
  border: none;
  color: white;
  padding:  10px 32px;
  text-align: inline-block;
  text-decoration: none;
  display: center;
  border-radius: 0rem;
  margin: 5.5px 5.5px;
  transition-duration: 0.4s;
  cursor: pointer;
 
}

.button1 {
  background-color: #7d3806; 
  color: white; 
  border: 3px solid #a4a4a4;
  
}


.button2 {
  background-color: #08748e; 
  color: rgb(255, 255, 255); 
  
}

.button2:hover {
  background-color: #474747;
  color: white;
}


.btn {
   font-weight: 700;
   text-transform: uppercase;
   border-width: medium;
   padding: .6rem 1.2rem;
   margin: .5rem;
   box-shadow: 0 0 .5rem rgba(255, 0, 0, 0.08);
   transition: all .3s ease;
   border-radius: 0;
 }
.btn-blue {
   border-color: #ffffff;
   background-color: #a10202;
   color: white;
 }
.btn-blue:hover,
.btn-blue:focus  {
   border-color: #ffffff;
   background-color: #ebcb00;
   color: white;
}

/*-- Background Colors --*/
.bg-blue {
   background-color: rgba(245, 243, 238, .9);
   color: #FFF;
   
 }
.bg-clear {
   background-color: rgba(255, 255, 255, .9);
   color: #074386;
   box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
}

/*-- Center All Images & Set Max Width --*/
img {
   display: block;
	margin: 0 auto;
   max-width: 100%;
}

/*============= TOP BAR HEADER =============*/
.top-bar {
   height: 3.5rem;
   padding: .6rem 0 .5rem;
   background-color: rgba(255, 255, 255, 0.9);
   text-align: center; 
}

.top-bar [class*="col-"] {
   padding: 0.5;
   margin: 0.5;
}
.top-bar p, .top-bar a {
   color: #000;
   text-decoration: none;
   font-size: 1.3rem;
   display: inline;
}
ul.social {
   display: table;
   list-style-type: none;
   margin: 0 auto;
   padding: 0;
}
ul.social li {
   display: inline;
   padding: 0 .2rem;
}
.top-bar .social .svg-inline--fa {
   color: #8dccc2;
   font-size: 1.45rem;
   transition: all 0.5s ease 0s;
}
.top-bar .svg-inline--fa:hover {
   color: rgb(187, 136, 7);
}

/*============= NAVIGATION =============*/

.navbar {
   padding: 0;
   background-color: #8dccc2; /* #53668c (for non-transparent menu */
   
   padding: .6rem 0 .3rem;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   text-transform: uppercase;
}
.navbar .container {
   max-width: 1050px;
}
.navbar-brand img {
   height: 3.5rem;
}
.svg-inline--fa.fa-bars {
   color: #c95248;
   font-size: 2.7rem;
}
.navbar-nav li {
   padding-right: .3rem;
}
.navbar-nav .nav-link {
   font-size: 1.2rem;
   padding-top: 0.1rem;
   color: #080808;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
   color: #c95248;
   border-bottom: .12rem solid #c95248;
}
.nav-item {
   padding: 1rem .8rem .5rem .8rem;
}

/*--- Drop-down Menu --*/
.dropdown-menu, .dropdown-item {
   font-size: 1.5rem;
   font-weight: 400!important;
   /*background-color: #387304; (for non-transparent menu) */
   border: 0;
   color: #F5F5F5;
   text-align: center;
   padding: 0;
}
.dropdown-menu {
   /*background-color: #387304; (for non-transparent menu) */
   margin-top: .28rem;
   border-radius: 0;
   z-index: 1000;
   background-color: inherit;
   background-color: rgba(176, 124, 3, 0.9);
}
.dropdown-menu:hover, .dropdown-item:hover,
.dropdown-menu:focus, .dropdown-item:focus,
.dropdown-toggle:active, .dropdown-toggle:focus {
   color: #FFF;
   background-color: transparent; 
   /*#53668C (for non-transparent menu) */
}
.dropdown-item {
   padding: .3rem 0;
}
.dropdown-item:hover {
   text-decoration: underline;
}
.dropdown-submenu > .dropdown-menu {
   margin-top: -.01rem;
   width: 100%;
   z-index: 1000;
}
li.nav-item.dropdown.show ul {
   background-color: rgba(9, 70, 225, 0.9);
   /*#53668C (for non-transparent menu) */
   margin-top: .3rem;
}
.dropdown.show ul li.dropdown-submenu ul {
   background-color: rgba(255, 179, 0, 0.9); 
   /*#53668C (for non-transparent menu) */
   margin-top: 0; 
}

/*============= CAROUSEL IMAGE SLIDER =============*/

.carousel-inner {
   max-height: 38rem;
   
}
.carousel-inner img {
   min-width: 100%;
}

/*-- Change Carousel Transition Speed --*/
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
   display: block;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}

/*-- Carousel Previous & Next Buttons --*/
.carousel-control-prev,
.carousel-control-next {
   width: 8%;
   cursor: pointer;
}
.carousel-control-next {
   padding-right: 3.2rem;
}
.carousel-control-prev .svg-inline--fa,
.carousel-control-next .svg-inline--fa {
   position: absolute;
   font-size: 2.5rem;
   padding: .2rem .6rem;
   color: #fdfdfd;
   background-color: #FFF;
   opacity: .6;
   transition: all .3s ease;
}
.carousel-control-prev .svg-inline--fa:hover,
.carousel-control-next .svg-inline--fa:hover {
   color: #616161;
   background-color: #FFF;
   box-shadow: 0 0 .65rem rgb(248, 248, 248);
   opacity: 1;
   cursor: pointer;
   transition: all .5s ease;
}

/*-- Make Carousel Prev/Next Buttons Visible On Hover --*/
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s linear 1000s, opacity 1000ms;
}
.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next {
   visibility: visible;
   opacity: 1;
   transition: visibility 0s linear 0s, opacity 1000ms;
}

/*-- Carousel Caption --*/
.carousel-caption {
   left: 12%;
   right: 12%;
   position: absolute;
   transform: translateY(-50%);
   top: 45%;
 }
 .carousel-caption.text-left,
 .carousel-caption.text-right {
   top: 45%;
 }
 .carousel-caption p {
   font-weight: 600;
 }



/*-- List Item Box --*/
.list-group {
   box-shadow: 0 0 .65rem rgba(255, 151, 151, 0.1);
}
.list-group li {
   background-color: #aa6a04;
   text-align: center;
   padding: .1rem;
   color: #ffffff;
   font-size: 0.05rem;
   letter-spacing: .02rem;
}
.list-group .svg-inline--fa {
   font-size: 0.3rem;
   margin-right: .3rem;
   color: #ffffff;
}




/*-- Border Around Callout Text & Button --*/
.callout-border {
   border: .15rem solid #036405;
   box-shadow: 0 0 .5rem rgba(0, 0, 0, .1);
}

/*============= FOOTER (all pages) =============*/

.footer {
   background-color: #8dccc2;
   box-shadow: 0 0 .8rem .1rem rgba(0, 0, 0,.08);
   background: no-repeat fixed center;

}


.footer img { /*-- (logo) --*/
   max-width: 15rem;
   padding-bottom: .5rem;
}
.footer a {
   color: #FFF;
   text-decoration: none;
}

/*-- Footer Social Icons --*/
.footer ul.social li {
   padding: .5rem .5rem;
}
.footer .svg-inline--fa {
   color: #FFF;
   font-size: 2.9rem;
   transition: all 0.5s ease 0s;
   box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);
}
.footer .svg-inline--fa:hover {
   color: #08748e;
}


/*-- Footer List Group --*/
.footer .list-group {
   box-shadow: none;
}
.footer .list-group-item {
   border-radius: 0;
}
.footer .list-group li {
   
   text-align: center;
   padding: .4rem 0 .4rem;
   color: #FFF;
   border: .05rem solid #ffffff;
   font-size: 0.90rem;
   letter-spacing: .1rem;
}
.footer .list-group .svg-inline--fa {
   font-size: 1.8rem;
   margin-right: .7rem;
   color: #1061bc;
}

/*-- Socket Copyright --*/
.socket {
   background-color: #8dccc2;
   color: #ffffff;
}
.socket a {
   color: #ffffff;
   text-decoration: none;
}

/*-- Top Scroll Button --*/

.scroll-container {
   width: 2.2rem;
   float: right;
}
.top-scroll svg.svg-inline--fa {
   font-size: 1.6rem;
   height: 2.2rem;
   width: 2.5rem;
   color: #293346;
   background-color: white;
   box-shadow: 0 0 .5rem rgba(104, 7, 7, 0.05);
   transition: all .5s ease;
   border-radius: .2rem;
}
a.top-scroll {
   bottom: 1.2rem;
   position: fixed;
   opacity: .3;
   z-index: 1000;
   display: none;
   transition: all .5s ease;
}
a.top-scroll:hover {
   opacity: .9;
}
 
/*============= ABOUT PAGE =============*/

/*-- Breadcrumbs (all pages other than home page) --*/
.bread-banner {
	width: 100%;
	height: 3.5rem;
   padding: .6rem 0 .5rem;
   background-color: rgba(255, 255, 255, 0.9); 
   color: #05a9bf;  
   
}
.bread-banner a {
   color: #780505;
}
.bread-banner a:hover {
   color: #05a9bf;
}

/*-- Bootstrap Cards (Meet Trainers) --*/
.card {
   box-shadow: 0 0 .5rem rgba(86, 38, 38, 0.1);
   background-color: #1061bc;
   border-radius: .5rem;
}
.card-img-top {
   border-radius: .5rem .5rem 0 0;
   box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .05);
}
.card ul.social li {
   padding: .5rem .5rem;
}
.card .svg-inline--fa {
   color: #1061bc;
   font-size: 1.7rem;
   transition: all 0.5s ease 0s;
   box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);
}
.card .svg-inline--fa:hover {
   color: #f7a100;
}

/*============= CLASSES PAGE =============*/


/*============= PRICING PAGE =============*/

/*-- Pricing Table --*/
table, tr {
   border: .15rem solid #ac0303;
}
.thread-green {
   background-color: #ac0303;
   border-bottom: .15rem solid #ca0303;
}
thead th, thead td {
   color: white;
   border-top: 0;
   border-bottom: 0;
   border-right: .1rem solid #074386;
}
th, td {
   font-weight: 700;
   color: #1061bc;
   border-right: .1rem solid #000;
}
td .svg-inline--fa {
   font-size: 1.3rem;;
}

/*============= CONTACT PAGE =============*/

/*-- Contact Form --*/
.form-group {
   margin-bottom: 1.3rem;
   box-shadow: 0 0 .2rem rgba(0, 0, 0, .05);
}
.form-control {
   background: #ffffff;
   border-radius: .1rem;
   border: .15rem solid #7f0202;
   color: #555555;
   font-size: 1.1rem;
}
.form-control:focus {
   background: #fbf5e6;
   border: .15rem solid #ac0303;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
   color: #ac0303;
}
input.btn {
   float: right;
}
.controls input:focus,
.controls textarea:focus { /*-- Remove Element Outlines in Contact Form --*/
  outline: 0;
  -webkit-appearance: none;
  box-shadow: none ;
}
.btn-close { /*-- Resize "X" space in success/failure form message --*/
   width: .5em;
   height: .7em;
   padding: .5em .9em;
}

/*============= MEDIA QUERIES =============*/

/* Large (lg) devices (desktops, 992px and under) */
@media (max-width: 991.98px) {
   .navbar {
      padding: .25rem 5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.2rem;
   }
   .navbar-nav .nav-link.active,
   .navbar-nav .nav-link:hover {
      border-bottom: 0;
      text-decoration: underline;
   }
   .dropdown-menu {
      background-color: transparent;
      margin-top: 0;
   }
   li.nav-item.dropdown.show ul {
      background-color: transparent;
      margin-top: .3rem;
   }
   .dropdown.show ul li.dropdown-submenu ul {
      background-color: transparent;
      margin-top: 0; 
   }
   a.dropdown-item {
      text-align: left;
   }
  
}

/* Medium (md) devices (tablets, 768px and under) */
@media (max-width: 767.98px) {
   header img {
      max-width: 20rem;
   }
   .navbar {
      padding: .2rem 2.5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.1rem;
   }
   .dropdown-menu, .dropdown-item {
      font-size: 1rem;
    }
   .carousel-caption {
      top:38%;
   }
   
   .btn {
      padding: 10rem 32rem;
   }
   
   p.lead {
      font-size: 1.1rem;
   }
   th, td {
      font-size: 2.9rem;
   }
   td .svg-inline--fa {
      font-size: 2.1rem;;
   }
}

/* Small (sm) devices (landscape phones, 576px and under) */
@media (max-width: 575.98px) {
   .navbar {
      padding: .2rem .5rem;
   }
   .navbar-nav li {
      border-top: 0;
   }
  
  
  
  .button {
  border: none;
  color: white;
  padding:  10px 32px;
  text-align: inline-block;
  text-decoration: none;
  display: center;
  border-radius: 0.0rem;
  margin: 2.1px 4px;
  transition-duration: 0.4s;
  cursor: pointer;
 
}

.button2 {
  background-color: #08748e; 
  color: white; 
  font-size: 1.1rem;
}

.button2:hover {
  background-color: #4f4f4f;
  color: rgb(255, 255, 255);
}
  

  
   .btn {
      padding: .4rem .9rem;
   }
  
   p.lead {
      font-size: 1.1rem;
   }
  
}


/*--- Prevent WayPoints from Browser Window Scrolling On Mobile --*/
/* Devices under 768px (md) */
@media (max-width: 767px) {
   .row {
     overflow-x: hidden;
     overflow-y: hidden;
   }
 }
 
/*-- Don't modify waypoints CSS below,
this is required for waypoints to work --*/
.os-animation{
   opacity: 1;
   margin: 0;
   max-width: 100%;
}
.os-animation.animated {
   opacity: 1;
}