@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
/**
* Template:    Fitway Gym & Fitness HTML5 Responsive Template
* Author:      radontheme
* Author URI:  http://radontheme.com/
* Version:     1.0
*/
/*  ===============================
Table Index
===============================

*   01. Global area
*   02. Main header area / .main-header-area
*   03. Main banner area / .main-banner-area
*   04. About area / .about-area
*   05. Info area / .info-area
*   06. Our class area / .our-class-area
*   07. Discount area / .discount-area
*   08. Trainer area / .trainer-area
*   09. Pricing table area / .pricing-table-area
*   10. Get notice area / .get-notice-area
*   11. Blog area / .blog-area
*   12. Testimonial area / .testimonial-area
*   13. Our barnd area / .our-barnd-area
*   14. Main footer area / .main-footer-area
    15. Contact Form start Here
*   
*/
/*
* ===============================
* 01. Global area
* ===============================
*/
body {
  /* text-align: justify; */
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
  font-family: 'Lato', sans-serif;
  color: #666;
  overflow-x: hidden;
}
html,
body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0;
  font-family: 'Lato', sans-serif;
  color: #474747;
  line-height: 1.4;
}
a {
  font-family: 'Lato', sans-serif;
  text-decoration: none;
  color: #666;
  transition: all 0.5s;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}
ul,
li {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}
.media img {
  max-width: inherit;
}
::-webkit-input-placeholder {
  color: inherit;
}
button {
  border: none;
  background-color: transparent;
}
button:focus,
input:focus {
  outline: none;
}
/* Section style */
.section-padding {
  padding: 50px 0;
}
.section-title {
  position: relative;
  z-index: 2;
  max-width: 700px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.section-title h2 {
  text-transform: capitalize;
}
.section-title h2 span {
  color: #fb5b21;
}
.section-title-alt p {
  color: #fff;
}
.section-title p {
  margin-bottom: 0;
  margin-top: 37px;
}
.no-padding {
  padding: 0 !important;
}
.p-r-0 {
  padding-right: 0;
}
/* Theme button */
.theme-btn:visited,
.theme-btn {
  /* border-radius: 5px; */
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  border: 1px solid #fb5b21;
  text-decoration: none;
  color: #fff;
  padding: 14px 24px;
  background-color: #fb5b21;
  font-size: 16px;
  z-index: 1;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.theme-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50px;
  background-color: #fff;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.theme-btn:active,
.theme-btn:hover {
  color: #ece8e6;
  border: 1px solid #fff;
  background-color: #5a155e;
}
.theme-btn:hover span {
  width: 500px;
  height: 500px;
}
.theme-btn-alt:visited,
.theme-btn-alt {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  border: 1px solid #fb5b21;
  text-decoration: none;
  color: #f3ebeb;
  padding: 14px 24px;
  font-size: 16px;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.theme-btn-alt span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50px;
  background-color: #fb5b21;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.theme-btn-alt:hover span {
  width: 1000px;
  height: 1000px;
}
.theme-btn-alt:active,
.theme-btn-alt:hover {
  color: #fff;
}
.enroll-btn {
  position: relative;
  z-index: 2;
  margin: 12px 0;
  text-align: center;
}
.enroll-btn a {
  display: inline-block;
  background-color: #fb5b21;
  padding: 30px 20px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.enroll-btn a span {
  display: block;
}
/* Scrol Up */
#scrollUp {
  bottom: 63px;
  right: 3%;
  height: 40px;
  width: 40px;
  line-height: 39px;
  text-align: center;
  font-size: 30px;
  background-color: rgba(255, 51, 33, 0.6);
  color: #fff;
  display: inline-block;
  transition: all 1s ease;
  font-size: 18px;
}
#scrollUp:hover {
  background-color: #fb5b21;
}
/* Template pagination */
.tem-pagination {
  margin-top: 90px;
}
.tem-pagination ul {
  list-style-type: none;
  text-align: center;
}
.tem-pagination ul li {
  display: inline-block;
}
.tem-pagination ul li a {
  display: block;
  padding: 10px 15px;
  margin: 0 5px;
  font-weight: 700;
  background-color: #fb5b21;
  color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
}
.tem-pagination ul li.active a,
.tem-pagination ul li a:hover {
  border: 1px solid #fb5b21;
  background-color: #fff;
  color: #fb5b21;
}
/*
* ===============================
* 02. Main header area / .main-header-area
* ===============================
*/
.header-area {
  background: rgb(21 19 19);
  min-height: inherit !important;
  margin: 0;
}
.header-area .navbar-brand {
  padding: 0;
}
.header-area .navbar-nav {
  text-align: right;
}
.header-area .navbar-nav li {
  display: block;
}
.header-area .navbar-nav li a {
  color: #ffffff;
  background: transparent;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.header-area .navbar-nav li a:hover {
  color: #fb5b21;
}
.header-area.stick {
  position: fixed;
  background: rgb(0 0 0 / 61%);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}
.text{
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}

.text h1{
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}
.header-area .navbar-toggle .icon-bar {
  background: #fb5b21 !important;
}
/*
* ===============================
* 03. Main banner area / .main-banner-area
* ===============================
*/
.main-banner-area {
  position: relative;
  overflow: hidden;
}
.main-banner-area:after {
  content: '';
  position: absolute;
  bottom: -164px;
  left: -35%;
  height: 200px;
  width: 200%;
  background-color: #fff;
  z-index: 3;
  transform: rotate(3deg);
}
.single-banner-slide {
  min-height: 100vh;
  width: 100%;
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.single-banner-slide:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.slide-content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.slide-content h1 {
  color: #fff;
  text-transform: inherit;
  font-weight: 900;
  margin-bottom: 27px;
  font-size: 60px;
}
.slide-content img {
  margin-bottom: 30px;
  width: auto !important;
  display: inline-block !important;
}
.slide-content p {
  color: #fff;
  font-size: 16px;
  padding-bottom: 40px;
  max-width: 700px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.slide-content a {
  margin: 0 15px;
  color: #ffffff;
}
/* Slide dot */
.banner-slide .owl-dots {
  display: inline-block;
  position: absolute;
  right: 0px;
  left: 0;
  bottom: 8%;
  margin: auto;
  text-align: center;
}
.banner-slide .owl-dot {
  display: inline-block;
  color: #fff;
  margin: 5px;
  font-size: 18px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fb5b21;
}
.banner-slide .owl-dot.active {
  color: #fb5b21;
  background: #ffffff;
}
/*
* ===============================
* 04. About area / .about-area
* ===============================
*/
.about-area {
  position: relative;
}
.about-page-img{
    top: 10% !important;
}
.about-img {
  position: absolute;
  left: 0;
  top: -15%;
  width: 50%;
  height: 120%;
  /*background: transparent url('img/about-bg.png') center center no-repeat;*/
  background-size: contain;
  z-index: 4;
}
.about-content h2 {
  margin-bottom: 19px;
  margin-top: 19px;
  
}
.about-content h2 span {
  color: #fb5b21;
}
.about-content p {
  text-align: justify;
  margin-bottom: 15px;
}
.about-content p:last-child {
  margin-bottom: 0;
}
.about-content a {
  margin-top: 20px;
}
/* About page area */
.about-flex {
  display: flex;
}
.single-about-page-caro,
.about-page-caro .owl-item,
.about-page-caro .owl-stage,
.about-page-caro .owl-stage-outer,
.about-page-caro {
  height: 100%;
}
.single-about-page-caro {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/* About page carousel navigation */
.about-page-caro .owl-nav {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
}
.about-page-caro .owl-next,
.about-page-caro .owl-prev {
  display: inline-block;
  padding: 10px 15px;
  background-color: rgba(251, 91, 33, 0.65);
  color: #fff;
  margin: 15px 10px;
}
.about-page-caro .owl-next:hover,
.about-page-caro .owl-prev:hover {
  background-color: #fb5b21;
}
/*
* ===============================
* 05. Info area / .info-area
* ===============================
*/
.info-area {
  position: relative;
}
.info-area:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.single-info {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
}
.single-info i {
  font-size: 48px;
}
.single-info h2 {
  color: #fb5b21;
  margin-top: 17px;
  font-size: 18px;
  text-transform: capitalize;
}
.single-info p {
  margin-bottom: 0;
  margin-top: 15px;
}
/*
* ===============================
* 06. Our class area / .our-class-area
* ===============================
*/
.single-class {
  margin-top: 25px;
  overflow: hidden;
  position: relative;
}
.single-class:hover .class-detail {
  transform: scale(1);
  visibility: visible;
}
.single-class:hover .class-detail a {
  top: 50%;
  color: #ffffff;
}
.class-hdr {
  position: relative;
}
.class-detail {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(251, 91, 33, 0.8);
  text-align: center;
  transform: scale(0);
  visibility: hidden;
  transition: all 0.5s ease;
}
.class-detail a {
  border: 1px solid #fff !important;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 1s ease;
}
.class-txt h3 {
  font-size: 22px;
  margin: 20px  0 0 0;
  text-transform: capitalize;
}
.class-txt h3 span {
  color: #fb5b21;
}
.class-txt .trainer i {
  margin-right: 5px;
}
.class-load-more {
  margin-top: 50px;
  text-align: center;
}
/* Classes page area */
.classes-page-area {
  padding-top: 40px;
}
/* Class single page */
/* Class single page carousel navigation */
.class-gallery .owl-nav {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.class-gallery .owl-next,
.class-gallery .owl-prev {
  display: inline-block;
  padding: 10px 15px;
  background-color: rgba(251, 91, 33, 0.65);
  color: #fff;
  float: left;
  margin-left: 15px;
}
.class-gallery .owl-next {
  float: right;
  margin-right: 15px;
}
.class-gallery .owl-next:hover,
.class-gallery .owl-prev:hover {
  background-color: #fb5b21;
}
.class-single-title {
  margin: 15px 0;
}
.class-single-title span {
  color: #fb5b21;
}
.class-single-txt p {
  margin-bottom: 15px;
}
.single-class-sched {
  margin-bottom: 20px;
}
.single-class-sched h4 {
  margin-bottom: 10px;
}
.single-class-sched li {
  list-style-type: none;
  line-height: 2;
  padding-left: 20px;
}
.class-sing-share li,
.class-sing-tag li {
  list-style-type: none;
  display: inline-block;
}
.class-sing-share li a,
.class-sing-tag li a {
  border: 1px solid #ccc;
  display: block;
  margin: 10px 5px 0 0;
  padding: 10px 12px;
  text-transform: uppercase;
}
.class-sing-share li a:hover,
.class-sing-tag li a:hover {
  color: #fb5b21;
}
.single-class-trainer {
  padding: 15px;
  margin: 50px 0;
  border: 1px solid #ccc;
}
.single-class-trainer .media-object {
  height: 100px;
  border-radius: 50%;
}
.single-class-trainer .media-heading span {
  display: block;
  font-size: 14px;
  color: #fb5b21;
  margin-top: 3px;
}
.single-class-trainer .media-body p {
  margin-bottom: 0;
  margin-top: 15px;
}
/*
* ===============================
* 07. Discount area / .discount-area
* ===============================
*/
.discount-area {
  position: relative;
}
.discount-area:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 18%);
  z-index: 1;
}
.discount-sub {
  position: relative;
  z-index: 2;
  color: #fff;
}
.discount-sub h1 {
  color: #fff;
  font-size: 40px;
}
.discount-sub h1 span {
  color: #fff;
  font-size: 60px;
  margin-right: 10px;
}
.discount-sub h2 {
  color: #fff;
  font-size: 40px;
}
.discount-sub h2 span {
  color: #fff;
  font-size: 60px;
  margin-right: 10px;
}
.discount-sub input {
  padding: 15px 10px;
  background-color: transparent;
  border: 1px solid #fff;
  width: 45%;
  margin-right: 10px;
}
.discount-sub button {
  background-color: #ffffff;
  border-color: #fff;
}
/*
* ===============================
* 08. Trainer area / .trainer-area
* ===============================
*/
.single-trainer {
  margin-top: 50px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.single-trainer:hover .triner-name {
  bottom: -100%;
}
.single-trainer:hover .trainer-hover {
  transform: scale(1);
  visibility: visible;
}
.triner-name {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  text-align: center;
  width: 100%;
  transition: all 0.5s ease;
}
.triner-name h3 {
  padding: 15px 10px;
  background-color: rgba(251, 91, 33, 0.9);
  color: #fff;
}
.trainer-hover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  background-color: rgba(251, 91, 33, 0.9);
  text-align: center;
  transform: scale(0);
  visibility: hidden;
  transition: all 1s ease;
}
.trainer-hover h3 {
  text-align: center;
  padding: 10px 20px;
  font-size: 18px;
  text-transform: capitalize;
}
.trainer-hover h3 a {
  color: #fff;
}
.trainer-hover h3 span {
  font-size: 14px;
  display: block;
  color: #fff;
}
.trainer-hover ul {
  margin: 30px 0 20px;
}
.trainer-hover ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
.trainer-hover ul li a {
  color: #fff;
}
/*
* ===============================
* 09. Pricing table area / .pricing-table-area
* ===============================
*/
.pricing-table-area {
  position: relative;
}
.pricing-table-area .section-title h2 {
  color: #ffffff;
}
.pricing-table-area:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.single-pricing-table {
  border-radius: 5px;
  position: relative;
  z-index: 2;
  text-align: left;
  color: #000000;
  border-bottom: 5px solid #fb5b21;
  margin: 35px 0;
  background: #ffffff;
  text-align: center;
}
.pricing-table-spacial {
  border-bottom: 5px solid #fff;
}
.pricing-table-hdr {
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 30px 0;
  background-color: rgba(251, 64, 33, 0.9);
}
.pricing-table-hdr h3 {
  color: #ffffff;
  font-size: 20px;
  text-transform: capitalize;
}
.pricing-table-hdr span {
  font-size: 16px;
  margin-top: 8px;
  display: block;
  color: #ffffff;
}
.pricing-table-hdr sup {
  color: #ffffff;
}
.pricing-table-txt ul li {
  padding: 15px 0;
  list-style-type: none;
  color: #000000;
  border-bottom: 1px solid #ededed;
}
.pricing-table-txt ul li span {
  color: #000000;
  font-weight: 600;
}
.pricing-table-btn {
  margin: 20px 0;
  color: #000000;
}
.pricing-table-spacial .pricing-table-btn a {
  background-color: #fb5b21;
  color: #ffffff;
}
/* Pricing page area */
.pricing-page-area {
  padding-top: 40px;
}
.pricing-page-area .single-pricing-table {
  background-color: #1a1a1a;
}
.pricing-page-area .pricing-table-spacial {
  border-bottom: 5px solid #fb5b21;
}
/*
* ===============================
* 10. Get notice area / .get-notice-area
* ===============================
*/
.get-notice-area {
  background-color: #ededed;
}
.get-notice {
  text-align: center;
  padding: 50px 0;
}
.get-notice h2 {
  margin-bottom: 32px;
  text-transform: capitalize;
}
.get-notice form input {
  border: none;
  border-bottom: 1px solid #fb5b21;
  padding: 15px;
  color: #fb5b21;
  width: 100%;
}
.get-notice form button {
  margin-top: 55px;
  color: #fb5b21;
  background-color: transparent;
}
/*
* ===============================
* 11. Blog area / .blog-area
* ===============================
*/
.blog-area {
  position: relative;
}
.blog-area .section-title h2 {
  color: #ffffff;
}
.blog-area .section-title p {
  color: #ffffff;
  margin-bottom: 60px;
}
.blog-area:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0);
  z-index: 1;
}
.single-blog {
  position: relative;
  z-index: 2;
}
.single-blog:hover .blog-img-hvr {
  transform: scale(1);
  visibility: visible;
}
.single-blog:hover .blog-img-hvr a i {
  top: 50%;
}
.blog-img {
  margin-bottom: 15px;
  position: relative;
}
.blog-img-hvr {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(251, 91, 33, 0.8);
  transform: scale(0);
  visibility: hidden;
  transition: all 0.5s ease;
}
.blog-img-hvr a {
  color: #fff;
}
.blog-img-hvr a i {
  position: absolute;
  left: 50%;
  top: 25%;
  line-height: 60px;
  width: 60px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
  font-size: 20px;
  border-radius: 50%;
  transition: all 1s ease;
}
.blog-txt {
  padding: 5px 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
.blog-txt h4 {
  margin-bottom: 10px;
}
.blog-txt h4 a {
  font-size: 15px;
  color: #fff;
}
.blog-txt p {
  color: #fff;
}
.blog-load-more {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: 50px;
}
/* Blog page area */
.blog-page-area {
  padding-top: 40px;
}
.blog-page-area .blog-txt {
  background-color: #1a1a1a;
}
/* Single blog page */
.blog-single-thumb {
  width: 100%;
  margin-bottom: 20px;
}
.blog-single-post .post-title {
  margin-bottom: 15px;
}
.blog-single-post .post-info {
  list-style-type: none;
  margin-bottom: 15px;
}
.blog-single-post .post-info li {
  display: inline-block;
  margin-right: 10px;
}
.blog-single-post .post-info li i {
  margin-right: 5px;
  color: #fb5b21;
}
.single-post-content p {
  margin-bottom: 15px;
}
.blog-single-comment-title {
  color: #fb5b21;
  font-size: 20px;
  padding-bottom: 15px;
  margin: 50px 0 20px;
  border-bottom: 1px dotted #fb5b21;
}
.comment-list {
  list-style-type: none;
  padding: 0;
}
.single-comment {
  margin: 30px 0;
  display: block;
}
.single-comment-info {
  list-style-type: none;
  margin-bottom: 10px;
}
.single-comment-info li {
  display: inline-block;
  margin-right: 10px;
}
.single-comment-info li i {
  margin-right: 5px;
  color: #fb5b21;
}
.comment-reply:hover,
.comment-reply i {
  color: #fb5b21;
}
.single-blog-form-title {
  color: #fb5b21;
  font-size: 20px;
  margin-bottom: 20px;
}
.blog-single-comment .form-group {
  margin-bottom: 20px;
}
.blog-single-comment .form-group input {
  height: 45px;
}
.blog-single-comment form button {
  color: #fb5b21;
}
/* Blog sidebar */
.sidebar-widget-area {
  margin-top: -60px;
}
.single-sidebar-widget {
  margin-top: 60px;
}
.sidebar-widget-title {
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 3px dotted #fb5b21;
  color: #fb5b21;
  font-size: 20px;
}
.search-widget .input-group-addon {
  padding: 0;
}
.search-widget button {
  background-color: #fb5b21;
  padding: 8px 15px;
  color: #fff;
}
.recent-news .media {
  margin-top: 25px;
}
.recent-news .media-object {
  width: 70px;
}
.recent-news .media-heading {
  font-size: 14px;
  display: inline;
}
.recent-news .media-body a {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
}
.recent-news .media-body a:hover {
  color: #fb5b21;
}
.archives ul li,
.categories ul li {
  line-height: 2;
  list-style-type: none;
}
.archives ul li a:hover,
.archives ul li span,
.categories ul li a:hover,
.categories ul li span {
  color: #fb5b21;
}
.tags ul li {
  display: inline-block;
  list-style-type: none;
}
.tags ul li a {
  display: block;
  padding: 10px 12px;
  border: 1px solid #ccc;
  margin: 10px 5px 0 0;
  text-transform: uppercase;
}
.tags ul li a:hover {
  color: #fb5b21;
}
/*
* ===============================
* 12. Testimonial area / .testimonial-area
* ===============================
*/
.testimonial-area {
  background-color: #fb5b21;
}
.testimonial-avatar ul {
  border-bottom: 0;
}
.testimonial-avatar ul li {
  margin-bottom: 0;
}
.testimonial-avatar ul li a {
  border: none;
  padding: 0;
  border-radius: 0;
  margin-right: 0;
}
.testimonial-avatar .nav-tabs > li.active > a,
.testimonial-avatar .nav-tabs > li.active > a:focus,
.testimonial-avatar .nav-tabs > li.active > a:hover {
  border: none;
  background-color: transparent;
}
.testimonial-avatar .nav > li > a:focus,
.testimonial-avatar .nav > li > a:hover {
  background-color: transparent;
}
.testimonial-avatar ul li a img {
  height: 162px;
  margin-right: 15px;
  margin-top: 19px;
  transition: all 0.5s ease;
}
.testimonial-avatar ul li.active a img {
  height: 200px;
  margin-top: 0;
}
.testimonial-avatar ul li:last-child a img {
  margin-right: 0;
}
.testimonial-content {
  color: #fff;
}
.single-testimonial-content i {
  font-size: 50px;
  margin-bottom: 15px;
}
.single-testimonial-content .student-title {
  border-left: 5px solid #fff;
  padding-left: 20px;
  margin-bottom: 15px;
  position: relative;
}
.single-testimonial-content .student-title h3 {
  font-size: 20px;
  color: #fff;
}
.single-testimonial-content .student-title h3 span {
  display: block;
  font-size: 14px;
}
/*
* ===============================
* 13. Our barnd area / .our-barnd-area
* ===============================
*/
.single-brand-caro {
  text-align: center;
}
.single-brand-caro a {
  display: inline-block;
}
.single-brand-caro a img {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
/*
* ===============================
* 14. Main footer area / .main-footer-area
* ===============================
*/
.main-footer-area {
  color: #fff;
}
/* 14.1 Footer top */
.footer-top {
  background-color: #151313;
}
.single-footer-widget {
  margin-bottom: 50px;
}
.footer-widget-title h4 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
  text-transform: capitalize;
}
.footer-widget-content ul {
  list-style-type: none;
}
.ftr-contact-info ul li {
  margin-top: 15px;
  overflow: hidden;
}
.ftr-contact-info ul li:first-child {
  margin-top: 0;
}
.ftr-contact-info ul li i {
  margin-right: 8px;
}
.ftr-menu ul li {
  margin-top: 15px;
}
.ftr-menu ul li:first-child {
  margin-top: 0;
}
.ftr-menu ul li a {
  text-transform: uppercase;
  color: #fff;
}
.ftr-menu ul li a:hover {
  color: #fb5b21;
}
.ftr-recent-post ul li {
  padding: 20px 0;
  border-bottom: 2px solid #fff;
}
.ftr-recent-post ul li:first-child {
  padding-top: 0;
}
.ftr-recent-post ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.ftr-recent-post ul li a {
  color: #fff;
}
.ftr-recent-post ul li a i {
  color: #fb5b21;
}
.ftr-recent-post ul li a:hover {
  color: #fb5b21;
}
.ftr-recent-post ul li span {
  margin-top: 5px;
  color: #777;
}
.discount-txt {
  background: #dddddd url('img/discount-bg.jpg') center center no-repeat;
  background-size: cover;
  height: 280px;
  position: relative;
  overflow: hidden;
}
.offert-ticker {
  background-color: #fb5b21;
  display: inline-block;
  padding: 15px 0 10px;
  width: 200px;
  text-align: center;
  transform: rotate(-45deg);
  position: absolute;
  left: -78px;
  top: -10px;
}
.offert-ticker h5 {
  color: #fff;
  font-size: 12px;
}
.offert-ticker h5 span {
  display: block;
}
.discount-txt h3 {
  padding: 15px 20px;
  background: linear-gradient(to right, #fb5b21 0%, rgba(125, 185, 232, 0) 100%);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
.discount-txt h3 span {
  display: block;
  font-size: 16px;
}
.footer-social {
  text-align: left;
  padding-top: 20px;
}
.footer-social ul li {
  display: inline-block;
}
.footer-social ul li a {
  color: #fff;
  font-size: 20px;
  margin: 0 20px 10px 0;
}
.footer-social ul li a:hover {
  color: #fb5b21;
}
/* 14.2 Footer bottom */
.footer-bottom {
  background-color: #1a1a1a;
}
.footer-copy-rights {
  text-align: center;
  padding: 20px 0;
}
.footer-copy-rights a {
  color: #fb5b21;
}
/*-------------------------------------
15. Contact Form start Here
------------------------------------*/
.footer-area {
  padding: 94px 0 80px;
  background: #f1f1f1;
  background-size: cover;
  background-position: center center;
}
.footer-area h2 {
  color: #000000;
}
.footer-area p {
  color: #000000;
  margin-bottom: 60px;
}
.footer-area .contact-form input {
  width: 100%;
  height: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent;
  color: #000000;
  border: 1px solid #dddddd;
}
.footer-area .contact-form textarea {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent;
  color: #000000;
  border: 1px solid #dddddd;
}
.footer-area .contact-form input.form-control:focus {
  border: 1px solid #dddddd;
  box-shadow: none;
  outline: 0 none;
}
.footer-area .contact-form textarea {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent;
}
.footer-area .contact-form textarea.form-control:focus {
  border-color: #dddddd;
  box-shadow: none;
  outline: 0 none;
}
.footer-area .contact-form .btn-send {
  width: 200px;
  height: 60px;
  background: #fb5b21;
  border: none;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  transition: all 0.3s ease 0s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 5px;
  text-align: center;
  margin: auto;
  display: inherit;
}
.footer-area .contact-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}
.footer-area .contact-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.footer-area .contact-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}
.footer-area .contact-form :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.logo{
  padding-top:10px; 
}

/*.single-class{
  border: 1px solid;
    padding: 0 0 20px 0;
}*/

   /*.single-class .text-center {
    padding: 19px;
    text-align: center;
    }*/

   .classess-block {
    position: relative;
    margin-bottom: 15px;
}

.classess-block .inner-box {
    position: relative;
    border-radius: 5px;
    border: 1px solid #e6dddd;
    /* padding: 0px 25px 32px; */
    }

    .classess-block .inner-box:before {
    /* position: absolute; */
    content: "";
    left: 0px;
    top: 70px;
    right: 0px;
    bottom: 0px;
    /* width: 370px; */
    /* height: 337px; */
    border-radius: 2px;
    /* border: 1px solid #d2c0c0!important; */
    background: url({{asset('assets/img/pattern-11.png');
    }}) no-repeat !important;
}

.classess-block .inner-box .image {
    position: relative;
    background-color: #800202;
}

.classess-block .inner-box .image {
    border-radius: 4px;
}

.classess-block .inner-box .lower-content {
    position: relative;
    padding-top: 0px;
}


/*-------------------side bar--------------*/
.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {
    margin-bottom: 40px;
}
.sidebar .service-list {
    position: relative;
}
.sidebar-widget {
    margin-bottom: 50px;
}

.sidebar .service-list li {
    position: relative;
    line-height: 24px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.sidebar .service-list li a:hover, .sidebar .service-list li.current a {
    color: #ffffff;
    background: #800202;
}

.sidebar .service-list li a {
    position: relative;
    display: block;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 17px 25px;
    background-color: #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    text-transform: uppercase;
}

.help-widget {
    position: relative;
}

.sidebar-widget {
    margin-bottom: 50px;
}

.help-widget .inner-box {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.help-widget .image img {
    position: relative;
    width: 100%;
    display: block;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

.help-widget .lower-content h3 {
    position: relative;
    color: #0d0d0d;
    font-weight: 700;
    line-height: 1.3em;
}

.help-widget .lower-content .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 16px !important;
    margin-bottom: 15px;
   
}

.lower-content{
  padding: 15px;
}

.discount-area{
  position: relative;
  padding: 200px 0px 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.navbar-brand {
    float: left;
    height: 70px;}

    #contact .section-title h2 {
    text-align: left;
    text-transform: capitalize;
}
#footer{ background-image: url({{asset('assets/img/banner/01.jpg')}});
    background-size: cover;
  }
  
  .blog-area.section-padding{
          padding: 120px 0 !important;
  }
  .our-class-area  h2{
      margin-top: 15px;
    margin-bottom: 15px;
  }
  
  .our-class-area  img{
     border-radius:5px;
  }
  .blog-list-sec .single-blog {
    background: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}
   .blog-list-sec   .blog-txt h4 a {
    font-size: 15px;
    color: #000;
}
 .blog-list-sec .blog-txt {
    border-radius: 5px;
    padding: 5px 5px;
    background-color: rgb(255 255 255);
}

.blog-list-sec img {
    border-radius: 5px;}
 .diet-section{
     background: #000;
 }
 
  .diet-section h2{
     color: #fff;
     margin:15px 0;
 }
 
 .left-sec-diet h2{
     margin-top: 35px;
    font-size: 16px !important;
    color:#fff;
 }
 .left-sec-diet .row{
 margin-bottom: 10px !important;}
 
 .diet-section ul{
     padding-left: 22px;
}
.diet-section ul li{
    color: #ffff;}
    
    .blog-txt h3 {
    margin-bottom: 10px;
    color: #fff;
    margin-top: 13px;
        font-size: 18px;
}

.diet-section p span{
    color: #fff;
    font-weight: 800;
}