/*poppins*/

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');





html{

	scroll-behavior: smooth;

}

body{

	padding: 0px;

	margin: 0px;

	box-sizing: border-box;

	font-family: 'Roboto', sans-serif;

	background-color: #fff;

}

p{

	font-size: 15px;

	color: #262626;

	font-family: 'Roboto', sans-serif;

	font-style: normal;

}

h1{

	

	font-size: 3.5rem;

	font-weight: 400;

	font-family: 'Poppins', sans-serif;

	font-style: normal;

}

h2{

	color: #000000;

	font-weight: 400;

	font-size: 2.5rem;

	font-family: 'Poppins', sans-serif;

	font-style: normal;



}

h4{

	font-size: 1.1rem;

	font-family: 'Poppins', sans-serif;

	font-style: normal;

}

a{

	text-decoration: none;

	color: #101010;



}

a:hover{

	text-decoration: none;

	color: #101010;

}



/*header*/



header{

	width: 100%;

	background-color: #fff;

	position: relative;

}

header .navbar-nav .nav-item .nav-link{

	color: #101010;

	font-size: 14px;

	margin-left: 10px;

	letter-spacing: 1px;

}

.header-tile-web{

	margin-top: 12px;

}

.btn-round-ddl{

	border:1px solid #445626;

}

.header-tile-web ul li,

.header-tile-mobile ul li{

	margin-left: 20px;

	display: inline-block;

}

.header-tile-web ul .cart,

.header-tile-mobile ul .cart{

	position: relative;

	margin-left: 20px;

	margin-top: 10px;

}

.header-tile-web ul,

.header-tile-mobile ul{

	list-style-type: none;

	padding-left: 0px;

}

.header-tile-web ul .cart span,

.header-tile-mobile ul .cart span{

	position: absolute;

	width: 20px;

	height: 20px;

	background-color: #445626;

	border-radius: 50%;

	text-align: center;

	color: #fff;

	top: -10px;

	right: -10px;

	font-size: 9px;

	padding: 4px;

}

.navbar-brand img{

	max-width: 125px;

}

.header-tile-mobile{

	display: none;

}

/*search*/

.overlay {

  height: 100%;

  width: 100%;

  display: none;

  position: fixed;

  z-index: 1;

  top: 0;

  left: 0;

  background-color: rgb(0,0,0);

  background-color: rgba(0,0,0, 0.9);

  z-index: 100000;

}



.overlay-content {

  position: relative;

  top: 46%;

  width: 80%;

  text-align: center;

  margin-top: 30px;

  margin: auto;

}



.overlay .closebtn {

  position: absolute;

  top: 20px;

  right: 45px;

  font-size: 60px;

  cursor: pointer;

  color: white;



}



.overlay .closebtn:hover {

  color: #ccc;

}



.overlay input[type=text] {

  padding: 15px;

  font-size: 17px;

  border: none;

  float: left;

  width: 80%;

  background: white;

}



.overlay input[type=text]:hover {

  background: #f1f1f1;

}



.overlay button {

  float: left;

  width: 20%;

  padding: 15px;

  background: #ddd;

  font-size: 17px;

  border: none;

  cursor: pointer;

}



.overlay button:hover {

  background: #bbb;

}



/*banner*/

/*.carousel-item{

	width: 100%;

	background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-position: center; 

    height: 90vh;

}*/

.carousel-item img{

	width: 100%;

}

.carousel-item{

	position: relative!important;

}

.slide{

	position: relative!important;

}

.scroll-amt{

	position: absolute;

	bottom: -26px;

	left: 50%;

	transform: translate(-50%,-50%);

	text-align: center;

	z-index: 100;

}



/*video*/

/*banner*/

.video_banner{

	position: relative;

	width: 100%;

	height: 100vh;

	overflow: hidden;

	background-position: center;

}

.video_banner video{

	 position: absolute;

     object-fit: cover;

     height: 100%;

     width: 100%;

     object-position: center;



}

.video_banner:after{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	content: ""; 

	background-color: rgba(0,0,0,0.6);

}



.banner-content{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	text-align: center;

	color: #fff;

	z-index: 100;
   max-width:600px;
}
.banner-content img{
    max-width:100%;
}




.banner-content h1{

	font-weight: bold;

	font-size: 5.6rem;

	letter-spacing: 2px;

	font-style: italic;

	text-transform: uppercase;

}
.banner-content p{
    color:#fff;
    margin-top:15px;
    margin-bottom:15px;
    font-size:15px;
}
.btn-banner{

	background-color: transparent;

	border:1px solid #fff;

	outline: none;

	border-radius: 0px;

	padding: 10px;

	width: 150px;

	color: #fff;

}

.btn-banner:hover{

  background-color: #fff;

	border:1px solid #fff;

	outline: none;

	border-radius: 0px;

	padding: 10px;

	width: 150px;

	color: #101010;

}

/*content*/

.section-padding{

	padding-top: 60px;

	padding-bottom: 60px;

}

.section-title-bod h2{

  color: #000000;

  font-weight: 600;

}

.content-detail p{

	margin-top: 25px;

}

.content-img img{

	width: 100%;

	border-radius: 10px;

	-webkit-box-shadow: 3px 6px 41px 0px rgba(201,199,201,1);

-moz-box-shadow: 3px 6px 41px 0px rgba(201,199,201,1);

box-shadow: 3px 6px 41px 0px rgba(201,199,201,1);

}

.btn-join{

	outline: none;

	border-radius: 8px;

	color: #445626;

	text-transform: uppercase;

	border:1px solid #262626;

	padding: 10px;

	width: 120px;

}

.grp-btn{

	display: flex;

	justify-content: flex-start;

	margin: 25px -15px;

	align-items: center;

}

.grp-btn a{

	margin: 0 15px;

}

.grp-btn .play{

	width: 40px;

	height: 40px;

	border:1px solid #445626;

	text-align: center;

	justify-content: center;

	align-items: center;

	display: flex;

	border-radius: 50%;

	padding: 10px;

	font-size: 15px;

	position: relative;

	-webkit-box-shadow: 10px 3px 30px 0px rgba(214,214,214,1);

-moz-box-shadow: 10px 3px 30px 0px rgba(214,214,214,1);

box-shadow: 10px 3px 30px 0px rgba(214,214,214,1);

}

.grp-btn .play::after{

	content: "watch Video";

	left: 50px;

    position: absolute;

    font-weight: 600;

    width: 100px;

    text-transform: uppercase;

    font-family: 'Roboto', sans-serif;

    color: #445626;

}

.ml-left{

	margin-left: 30px;

}

/*

trainer*/

.trainer-area{

	background-color: #fff;

	width: 100%;

	position: relative;

}

.section-title h2{

	color: #000000;

	text-transform: uppercase;

	font-weight: 100;

}

.middle-width{

	max-width: 500px;

	text-align: center;

	margin: auto;

}

.section-title p{

	color: #000000;

	margin-top: 20px;

}

.trainer-box{

	position: relative;

	margin-top: 30px;

	text-align: center;

}

.trainer-box img{

	border-radius: 50px;

	object-position: center;

	object-fit: cover;

	height: 280px;

	width: 100%;

}

.img-overly{

	position: absolute;

	height: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, 0.4); 

	border-radius: 50px;

    -webkit-transition:5s;

    -moz-transition:.5s;

    transition: .5s ease;

    opacity: 0;

    overflow: hidden;

    width: 100%;

}

.trainer-box:hover .img-overly{

	opacity: 1;

	height: 100%;

}

.overly-text{

	z-index: 100;

	position: absolute;

	bottom: 10px;

	left: 50%;

	transform: translate(-50%,-50%);

}



.overly-text ul{

	list-style-type: none;

	padding-left: 0px;

}

.overly-text ul li{

	display: inline-block;

	margin: 10px;

}

.overly-text ul li a{

	color: #fff;

	font-size: 25px;

}

.trainer-name h4{

	color: #101010;

	font-size: 1.0rem;

}



/*classess*/



.class{

	margin-top: 30px;

	text-align: center;

}

.class-tab{

	border-bottom: none;

}

.class-tab .nav-item{

	margin-top: 30px;

	border:none;

	position: relative;

}

.class-tab .nav-item .nav-link{

	border-radius: 30px;

	padding: 20px;

	background-color: #fff;

	border:1px solid #323232;

	width: 160px;

	height: 160px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin: auto;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	transition:.5s;

}

.class-tab .nav-item .nav-link img{

	max-width: 100%;

	max-height: 100%;

}

.class-tab .nav-item .active{

	border-radius: 30px;

	padding: 20px;

	background-color: #323232;

	border:1px solid #323232;

	width: 160px;

	height: 160px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin: auto;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	transition:.5s;

}

.class-tab .nav-item .active img{

	max-width: 100%;

	max-height: 100%;

}

.class-tab .nav-item .nav-link .active-img{

	display: none;

}

.class-tab .nav-item .active .non-active-img{

display: none!important;

}

.class-tab .nav-item .active .active-img{

 display: block;

}

.class-tab .nav-item:hover .nav-link {

	background-color: #101010;

}

.class-tab .nav-item .nav-link img{

	max-width: 100%;

}

.class-tab .nav-item h4{

	margin-top: 25px;

	font-weight: bold;

}

.tab-content{

	margin-top: 30px;

}

.class-tbl thead tr th,

.class-tbl tbody tr td{

	font-family: 'Poppins', sans-serif;

	text-align: center;

	width: 100px;

	padding: 10px;

   height: 80px;

}

.light-sell{

	background-color: #f0ece1;

}

.dark-sell{

	background-color: #323232;

	color: #fff;

}

.green-sell{

	background-color: #445626;

	color: #fff;

}

.green-sell a{

	color: #fff;

}

.green-sell span{

	color: #fff!important;

}

.class-tbl tbody tr td h4,

.class-tbl tbody tr td span{

	display: block;

	line-height: 10px;

}

.class-tbl tbody tr td h4{

	font-weight: bold;

}

.class-tbl tbody tr td span{

	font-size: 14px;

	color:#777;

}



/*booking*/

.section-line h2,

.section-line p{

	line-height: 20px;

}

.booking-form{

	margin-top: 30px;

}

.booking-form input[type="text"],

.booking-form input[type="email"],

.booking-form select{

	width: 100%;

	outline: none;

	padding: 12px;

	border-radius: 8px;

	border:1px solid #323232;

	background-color: #fff;

}

.booking-form .form-group{

	position: relative;

}

.booking-form select{

	

    -webkit-appearance: none;

  

}

.booking-form select {

	color: #777;

}

.ddl{

	position: absolute;

	right: 20px;

	top: 10px;

}

.btn-book{

	width: 100%;

	border:none;

	outline: none;

	background-color: #445626;

	color: #fff;

	padding: 12px;

	border-radius: 8px;

	text-transform: uppercase;

   

}

.btn-book:hover{

	background-color: #303f17;

	color: #fff;

}



/*footer*/



footer{

	background-color: #283135;

}

.footer-item{

	margin-top: 30px;

}

.footer-header h4{

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

}

.footer-content p{

	color: #aeb0b1;

	font-family: 'Poppins', sans-serif;

}

.footer-content a{

	color: #fff;

	font-size: 14px;



}

.footer-address{

	display: flex;

	justify-content: flex-start;

}

.address-details{

	margin-left: 15px;

	

}

.mt{

	margin-top: 12px;

}

.icon-address{

	width: 30px;

	height: 30px;

	border:1px solid #fff;

	padding: 10px;

	color: #fff;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 8px;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	transition:.5s;

}

.footer-address:hover .icon-address{

	background-color: #445626;

	color: #fff;

	border:1px solid #445626;

}

.footer-post{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.post-details{

	margin-left: 10px;

}

.post-img img{

	width: 60px;

	height: 60px;

	object-fit: cover;

	object-position: center;

}

.post-details a,

.post-details span{

	display: block;

	line-height: 25px;

}

.post-details span{

	color: #aeb0b1;

	font-size: 14px;

}

.footer-post:nth-child(2){

	margin-top: 30px;

}

.footer-post:nth-child(3){

	margin-top: 30px;

}

.footer-content ul{

	list-style-type: none;

     padding-left: 0px;

}

.footer-content ul li{

	display: flex;

	justify-content: space-between;

	padding-bottom: 8px;

	padding-top: 8px;

	border-bottom: 1px solid #aeb0b1;

}

.footer-content ul li a{

	color:#aeb0b1;

	font-size: 14px;

}

.footer-content ul li:last-child{

	border-bottom: none;

}

.copy-wright-area{

	padding-top: 60px;

	border-top:1px solid #aeb0b1;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.copy-wright-area a{

	color: #aeb0b1;

	font-size: 14px;

}

.copy-wright-area ul{

	list-style-type: none;

	padding-left: 0px;



}

.copy-wright-area ul li{

	display: inline-block;

	margin-left: 20px;

}

/*video*/

.video-overlay {

  position: fixed;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0,0,0,0.80);

  opacity: 0;

  transition: all ease 500ms;

}



.video-overlay.open {

  position: fixed;

  z-index: 1000;

  opacity: 1;

}



.video-overlay-close {

  position: absolute;

  z-index: 1000;

  top: 15px;

  right: 20px;

  font-size: 36px;

  line-height: 1;

  font-weight: 400;

  color: #fff!important;

  text-decoration: none;

  cursor: pointer;

  transition: all 200ms;

}



.video-overlay-close:hover {

  color: #fa183d;

}



.video-overlay iframe {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  /* width: 90%; */

  /* height: auto; */

  box-shadow: 0 0 15px rgba(0,0,0,0.75);

}







/*inner hero*/

.inner-hero{

	background-image: url(../images/inner-banner.jpg);

	width: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	height: 30vh;

	position: relative;

	background-position: center;

}

.inner-hero::before{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	content: "";

	background-color: rgba(0,0,0,0.5);

}

.inner-title{

	position: absolute;

	top: 50%;

	left: 50%;

	text-align: center;

	transform: translate(-50%,-50%);

}

.inner-title h2{

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

}

.contact-item{

	display: flex;

	justify-content: flex-start;

   align-items: center;

}

.contact-item:nth-child(2),

.contact-item:nth-child(3){

	margin-top: 30px;

}

.contact-icon{

	width: 50px;

	height: 50px;

	border-radius: 50%;

	padding: 20px;

	display: flex;

	justify-content: center;

	align-items: center;

	border:1px solid #323232;

	font-size: 18px;

}

.contact-txt{

	margin-left: 20px;

	margin-top: 15px;

}

.contact-social ul{

	list-style-type: none;

	padding-left: 0px;

	margin-top: 30px;

	display: flex;

	justify-content: center;

}

.contact-social ul li{

	display: inline-block;

	margin-right: 20px;

}

.contact-social ul li a{

	font-size: 20px;

	color: #323232;

}

.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form textarea{

	width: 100%;

	background-color: #fff;

	border-radius: 8px;

	border:1px solid #323232;

	padding: 10px;

	outline: none;

}

.btn-send{

	background-color: #445626;

	color: #fff;

	outline: none;

	border-radius: 8px;

	padding: 10px;

	color: #fff;

	width: 200px;

}

.btn-send:hover{

	background-color: #303f17;

	color: #fff;

}

.book-modal .modal-content{

	background-color: #f1f1f1;

	border-radius: 0px!important;

}

.book-modal .modal-content .modal-header{

	background-color: #445626;

	color: #fff;

	border-radius: 0px;

}

.btn:focus{

  box-shadow: none;

}

.btn-booking{

	background-color: #445626;

	color: #fff;

	text-transform: uppercase;

	width: 100%;

	border:none;

	outline: none;

}

.btn-booking:hover{

	background-color: #445626;

	color: #fff;

}



/*cart*/

.inner-back{

	background-color: #445626;

	width:100%;

	position: relative;

	height: 20vh;

}

.checkout-form{

	background-color: #f5f5f5;



}

.checkout-form h4{

	font-weight:600;

	position: relative;



}

.checkout-form h4 i{

	margin-right: 18px;

	color: #445626;

}

.form-control:focus{

	box-shadow: none;

}

.cart-form .icon-with-field{

	position: relative;

}

.cart-form .icon-with-field span{

	position: absolute;

	left: 25px;

	top: 8px;

}

.pl-left{

	padding-left: 50px;

}

.payment-check{

	display: flex;

	align-items: center;

}

.payment-check input{

	width: 20px;

	height: 20px;

}

.payment-check label{

	margin-left: 10px;

	font-size: 18px;

	font-family: 'Poppins', sans-serif;

	margin-top: 5px;



}

.online-paymment{

	display: none;

}

.btn-payment{

	background-color: #445626;

	color: #fff;

	text-transform: uppercase;

	width: 100%;

	border:none;

	outline: none;

	padding: 10px;

}

.btn-payment:hover{

	background-color: #445626;

	color: #fff;

}

.online-paymment-icon ul{

	list-style-type: none;

	padding-left: 0px;

}

.online-paymment-icon ul li{

	display: inline-block;

	margin-right: 15px;

}

.online-paymment-icon ul li img{

	max-width: 40px;

}

.cart-tbl thead tr th{

	background-color: #f0ece1;



}

.cart-tbl thead tr th{

	width: 100px;

	height: 50px;

	text-align: center;

	font-family: 'Poppins', sans-serif;

}

.cart-tbl tbody tr td{

	width: 100px;

	height: 60px;

	text-align: center;

	font-family: 'Poppins', sans-serif;



}

.cart-tbl tbody tr td a{

  width: 30px;

  height: 30px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 10px;

  border:1px solid #323232;

  margin: auto;

  color: #323232

}

.trainer{

	font-weight: bold;

}

.dark-sell{

	background-color: #323232;

	color: #fff;

}

.cart-tbl tfoot{

	background-color: #445626;

	color: #fff;

	font-weight: bold;

}

.trainer-tiles img{

	width: 100%;

	height: 300px;

	object-position:center;

	object-fit: cover;

	border-radius: 5px;

}

.trainer-tile-details ul{

	

	border-top: 1px solid #c2c2c2;

	padding-top: 10px;

	list-style-type: none;

	padding-left: 0px;

	margin: 10px -10px;

}

.trainer-tile-details ul li{

	display: inline-block;

	margin: 0 10px;

}

.trainer-tiles{

	margin-top: 30px;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	transition: .5s;

}

.trainer-tiles:hover{

	-webkit-box-shadow: 0px -1px 68px 0px rgba(150,150,150,1);

-moz-box-shadow: 0px -1px 68px 0px rgba(150,150,150,1);

box-shadow: 0px -1px 68px 0px rgba(150,150,150,1);

background-color: #fff;

}





/*register wrap*/

.register-wrap{

	position: relative;

	background-size: cover;

	background-repeat: no-repeat;

	background-image: url(../images/register-background.jpg);

	background-position: center;

	height: 100vh;

}

.register-box{

	background-color: #fff;

	border-radius: 15px;

	position: relative;

	margin-top: 50px;

}

.register-box input[type="text"],

.register-box input[type="email"],

.register-box input[type="password"],

.register-box select{

	width: 100%;

	border-radius: 0px;

	outline: none;

	border-left: none;

	border-right: none;

	border-top: none;

	border-bottom: 1px solid #c2c2c2;

	padding: 12px 12px 12px 30px;

   -webkit-transition:.5s;

    -moz-transition:.5s;

     transition:.5s;

     background-color: transparent;

}

.register-box select{

    color: #777;

	letter-spacing: 2px;

	background-color: transparent;

}

.register-box input[type="text"]::placeholder,

.register-box input[type="email"]::placeholder,

.register-box input[type="password"]::placeholder{

	color: #777;

	letter-spacing: 2px;

}

.register-box input[type="text"]:focus{

	border-bottom: 1px solid #445626;

}

.input-with-icon{

	position: relative;

}

.icon-left{

	position: absolute;

	top: 12px;

	left: 0px;

}

.icon-right{

	position: absolute;

	top: 12px;

	right: 12px;

}

#eye{

	cursor: pointer;

}

#eye2{

	cursor: pointer;

}

.text-theme{

	color: #445626;

	font-weight: bold;

}



/*class*/

.class-slide{

	margin-top: 30px;

}

.class-tiles{

	position: relative;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	transition:.5s;

}

.class-tiles img{

	width: 100%;

	height: 350px;

	object-fit: cover;

	object-position: center;

}

.class-tiles .overly-class{

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	/*background-color: rgba(0,0,0,0.5);*/

	background: linear-gradient(to top, rgba(0,0,0,0.7)40%, rgba(0,0,0,0.0)100%);



}

.class-tiles:hover .overlay-class-txt{

     top: 50%;

}

.class-tiles:hover .overly-btn{

	display: block;

}

.overlay-class-txt{

	position: absolute;

	top: 70%;

	left: 50%;

	transform: translate(-50%,-50%);

	text-align: center;

	z-index: 100;

	width: 380px;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	transition:.5s;

}

.overlay-class-txt h4{

	color: #fff;

	text-transform: uppercase;

}

.overlay-class-txt p{

	color: #d0d0d0;

}

.btn-class-book{

	background-color: #445626;

	color: #fff;

	outline: none;

	border:none;

	font-size: 12px;

	text-transform: uppercase;

	width: 130px;

	padding: 8px;

}

.btn-class-book:hover{

	background-color: #fff;

	color: #445626;

	outline: none;

	border:none;

	font-size: 12px;

	text-transform: uppercase;

}

.btn-class-details{

	background-color: #fff;

	color: #445626;

	outline: none;

	border:none;

	font-size: 12px;

	text-transform: uppercase;

	width: 130px;

	padding: 8px;

}

.btn-class-details:hover{

	background-color: #445626;

	color: #fff;

	outline: none;

	border:none;

	font-size: 12px;

	text-transform: uppercase;

}

.overly-btn{

	margin: 0 -8px;

	display: none;

		-webkit-transition:.5s;

	-moz-transition:.5s;

	transition:.5s;

}

.overly-btn a{

	display: inline-block;

	margin: 0 8px;

}



.class-slide .owl-dots {

  text-align: center;

  padding-top: 30px;

}

.class-slide .owl-dots button.owl-dot {

  width: 20px;

 

  border-radius:0px;

  display: inline-block;

  background: #ccc;

  margin: 0 3px;

  border:1px solid #101010;

  padding: 2px!important;

}

.class-slide .owl-dots button.owl-dot.active {

  background-color: #445626;

}

.class-slide .owl-dots button.owl-dot:focus {

  outline: none;

}

.class-slide .owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.38) !important;

}



/*testimonial*/

.testimonial-item{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.testimonial-icon img{

	max-width: 100px;

	opacity: 20%;

}

.testimonial-details {

	margin-left: 20px;

}

.testimonial-details h4{

	font-weight: bold

}

.testimonial .owl-stage-outer {

    height: calc(100% + 30px);

    margin: -15px;

    padding: 15px;

    width: calc(100% + 30px);

}

.testimonial{

	margin-top: 20px;

}

.ratting{

	margin-top: 10px;

	margin: 0 -3px;

}

.ratting span{

	display: inline-block;

	margin: 0 3px;

	color: #c2c2c2;

}

.ratting span .checked{

	color: #445626;

}



.testimonial .owl-prev {

    

    width: 40px;

    height: 40px;

    border-radius: 50%!important;

    border:1px solid #101010!important;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fff; 

    position: absolute;

    top: 40%;

    margin-left: -50px;

    display: block !important;

    border:0px solid black;

}



.testimonial .owl-next {

   

    position: absolute;

    top: 40%;

    right: -50px;

    display: block !important;

    border:0px solid black;

     border-radius: 50%!important;

    border:1px solid #101010!important;

     width: 40px;

    height: 40px;

}

.testimonial .owl-prev:focus{

	outline: none!important;



}

.testimonial .owl-next:focus{

	outline: none!important;

}

.testimonial-item{

	height: 220px;

}

.ratting-accordian .card .card-header{

	display: flex;

	justify-content: space-between;

	align-items: center;

	background-color: #f0ece1;

}

.ratting-accordian .card .card-header button{

	background-color: transparent;

	outline: none;

	border:none;

}

.star{

          color: goldenrod;

          font-size: 1.8rem;

          padding: 0rem; /* space out the stars */

        }

        .star::before{

          content: '\2606';    /* star outline */

          cursor: pointer;

        }

        .star.rated::before{

          /* the style for a selected star */

          content: '\2605';  /* filled star */

        }

        

        .stars{

            counter-reset: rateme 0;   

            font-size: 2.0rem;

            font-weight: 900;

        }

        .star.rated{

            counter-increment: rateme 1;

            

            

        }

        .stars::after{

            content: counter(rateme) '/5';

            

        }

		.rating-css input {
			display: none;
		  }





.btn-solid{

	background-color: #445626;

	color: #fff;

	outline: none;

	border:none;

	width: 120px;

	padding: 10px;

}

.btn-solid:hover{

	background-color: #283413;

	color: #fff;

}

/*

joining*/

.joining-area,.classes-area{

	background-color: #f5f5f5;

}

.joing-card{

	background-color: #fff

}

.joing-card-header{

	background-color: #f0ece1;

	padding: 20px;

}

.joing-card-body{

	background-color: #fff;

	padding: 20px;

}

/*

inner class*/

.classes-inner-box img{

	 width: 100%;

}

.class-inner-details{

	background-color: #fff;

}

.classes-inner-btn{

	margin: 0 -8px;

}

.classes-inner-btn a{

	display: inline-block;

	margin: 0 8px;

}

.btn-theme-outline{

	background-color: transparent;

	outline: none;

	border:1px solid #445626;

}

.classes-inner-box{

	margin-top: 30px;

}



       /* rating debapriya*/
	   .rating-css div {
		color: #ffe400;
		font-size: 30px;
		font-family: sans-serif;
		font-weight: 800;
		text-align: left;
		text-transform: uppercase;
		padding: 20px 0;
	  }
	  .rating-css input {
		display: none;
	  }
	  .rating-css input + label {
		font-size: 25px;
		text-shadow: 1px 1px 0 #8f8420;
		cursor: pointer;
	  }
	  .rating-css input:checked + label ~ label {
		color: #b4afaf;
	  }
	  .rating-css label:active {
		transform: scale(0.8);
		transition: 0.3s ease;
	  }
	
	/* End of Star Rating */

	.loaderSec {
		text-align: center;
		margin: 10%;
	  }
	  .loader {
		  position: relative;
		  width: 60px;
		  height: 60px;
		  margin: 1%;
		  display: inline-block;
		  vertical-align: middle;
	  }
	  .loader-1 .loader-outter {
		  position: absolute;
		  border: 4px solid #20d72e;
		  border-left-color: transparent;
		  border-bottom: 0;
		  width: 100%;
		  height: 100%;
		  border-radius: 50%;
		  -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
		  animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
	  }
	  .loader-1 .loader-inner {
		  position: absolute;
		  border: 4px solid #20d72e;
		  border-radius: 50%;
		  width: 40px;
		  height: 40px;
		  left: calc(50% - 20px);
		  top: calc(50% - 20px);
		  border-right: 0;
		  border-top-color: transparent;
		  -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
		  animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
	  }
	  .modal-class .cm-img{
		max-width: 470px; 
		max-height: 263px;
	  }
	  .modal-class .cm-d-content{
		max-height: 300px;
		overflow: hidden;
		scroll-behavior: smooth;
		overflow-y: auto;
	  }
	  
.trainer-model .modal-content{
    background:#445626;
    border-radius:0px!important;
}
.trainer-model .modal-content .modal-header{
    background:#445626;
    color:#fff;
}
.trainer-model .modal-content .modal-header button{
    color:#fff;
}
.trainer-model .modal-body{
    background:#f1f1f1;
    
}
.trainer-model .modal-body .trainer-img img{
    width:80px;
    height:80px;
    border-radius:50%;
    object-position:center;
    object-fit:cover;
}
.trainer-model .tariner-des p{
     color:#777;
}
.social-footer ul{
   	list-style-type: none;
   	padding-left:0px;
   	
}
.social-footer ul li{
    display:inline-block;
    margin-left:10px;
}
.social-footer ul li a{
    color:#fff;
    font-size:15px;
}
.price-tiles{
    margin-top:20px;
}
.price-tiles .price-img img{
    width:100%;
    height:250px;
    object-position:center;
    object-fit:cover;
}
.price-tiles .price-details h2{
    font-size:25px;
}
.price-tiles .price-details ul li{
    list-style-type:none;
    padding-left:0px;
    text-align:left;
    display:block;
    line-height:20px;
    font-size:14px;
}
.price-tiles .price-details h2 span{
    color:#445626;
    font-weight:600;
    font-size:15px;
}