@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.ttf');
}
.error-class-required {
	color:red;
}
.error{
	color: red !important;
}
.captcha-mobile{
    transform: scale(.8);
}
.padding0right{
	padding-right: 0px !important;
}

.paddingzero{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.padding0left{
	padding-left: 0px !important;
}

.padding0top{
	padding-top: 0px !important;
}

.padding0bottom{
	padding-bottom: 0px !important;
}

.status {
    margin-top: 50px;position: fixed;width: 100%;z-index: 9999;
    }

body {
	font-family: Montserrat-Regular;
}

/******************************menus of home page styling *****************************/
.p0 {
	padding: 0 !important;

}

.m0 {
	margin: 0;
}

.navbar-inverse{
	background-color: white !important;
	border-color: white !important;
}

.navbar-toggle {
	float: left;
	margin-left: 10px;
}

.navbar-inverse .navbar-toggle{
	border-color: white !important;
}

.navbar{
	margin-bottom : 0px !important;
}

.list-group-item{
	border: none !important;
	text-transform: uppercase;
	font-weight: bold;
	color: white !important;
	cursor: pointer !important;
	font-size: 12px !important;
}

/*.logo{
	margin-left: 45% !important;
	margin-top: 3%;
}*/

.logo{
	position: absolute;
	left: 45%;
	top: 10px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color: white !important;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
	background-image: linear-gradient(to right, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	border: 1px solid red;
}

.hr_line{
	width: 88%;
	border-top: 3px solid white !important;
	margin-top: 0px  !important;
	/*margin-bottom: 0px !important; */
}

/******************************faq page styling *****************************/
/*.background_image {
	background-image: url('../images/faq/faq_background.jpg');
	background-size: cover;
	background-size: auto;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed !important;
	background-position: scroll;
	position: absolute;
	background-size: 100% auto;
}*/

/*@media only screen and (min-width: 320px) and (max-width: 480px){
	.background_image {
		background-attachment: fixed;
	}
}*/

.background_image_success_stories{
	/*background-image: url('../images/faq/faq_background.jpg');
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
*/
}

.faq_heading{
	text-transform: uppercase;
	font-weight: bold;

	color: #4e4f53;
	text-align: center;
	margin-top: 75px;
}

.faq{
	margin-left: 30% !important;
}

.hr_line_question_separate{
	border-top: 3px solid #515151 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	/*margin-right: 15px;*/
}

.panel{
	width: 95%;
}

.close-video {
    color: orange;
}

.accordion_heading{
	margin-top: 10px;
	color: #4e4f53;
	font-size: 17px;
	font-family: Lato;
	letter-spacing: 1px;
}

.accordion_content{
	color: #f47b0a;
	text-align: justify;
	font-size: 16px;
	word-wrap: break-word;
}

.glyphicon{
	line-height: 3;
	color: #4e4f53;
}

/******************************about us page styling *****************************/

.background_image_about_us{
	/*background-image: url('../images/about_us/about_us.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;*/
}

.mt20{
	margin-top: 20px;
}

.about_us_heading{
	text-transform: uppercase;
	font-weight: bold;
	color: #4e4f53;
	font-size: 25px;
	text-align: center;
}


.success_heading{
	text-transform: uppercase;
	font-weight: bold;
	color: #4e4f53;
	font-size: 25px;
	text-align: center;
}

.about_img{
	margin-top: 10px;
}

.about_us{
	text-align: left;
	color: #4e4f53;
}

/******************************contact us page styling *****************************/

.background_image_contact_us{
	background-image: url('../images/contact_us/contact_us.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
}

#contact-us .material-input label {
  color: #fff !important;
}

#contact-us .material-input{
  background: none !important;
}


#buy_book_now .material-input label {
	font-size: 16px !important;
	color: #e75a39 !important;
}

.success_heading{
	text-transform: uppercase;
	font-weight: bold;
	color: #4e4f53;
	text-align: center;
	font-size: 17px;
}

.success_hr_line{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border-top: 7px solid #515151 !important;
	width: 50%;
}

#first {
	background-image: linear-gradient(to top, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	overflow: hidden;
}

.form_div{
	margin-left: -3px !important;
}

.contact_heading{
	color: white;
	padding: 10px 10px 0px 10px;
	font-size: 22px;
	margin-bottom: 0px !important;
}

.contact_title{
	color: white;
	padding: 0px 10px 0px 10px;
	font-size: 14px;
	margin-bottom: 0px !important;
}

.login-form-1 .form-control {
	border: 0;
	box-shadow: 0 0 0;
	border-radius: 0;
	background: transparent;
	color: white !important;
	padding: 7px 0;
	height: auto;
	border-bottom: 2px solid white;
	font-size: 17px;
}

#submitButton{
	background-color: white !important;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 20px;
	font-size: 13px;
	color: #f47b0a;
	background-image: linear-gradient(to top, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%);
}

.contact_address{
	color: white;
	font-size: 12px;
	padding: 10px 29px 0px 10px;
}

.third{
	background-color: white;
	padding: 0px;
	text-align: center;
	margin-top: 28%;
}

.letters_remaining{
	float: right;
	color: white;
}

.social_icon{
	list-style: none;
	padding: 0px;
}

.fa_icon{
	background: linear-gradient(#ff3c00, #f47b0a, #f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/******************************success stories slider styling *****************************/

.client_name{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background: linear-gradient(#ff3c00, #f47b0a, #f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0px !important;
}

.client_hr_line{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border-top: 3px solid #f47b0a !important;
	width: 30%;
}

.changes_diet{
	height: 160px;
	color: #4e4f53;
	font-size: 13px;
	border-right: 3px solid #cecece;
}

.client_comment{
	color: #4e4f53;
	font-size: 13px;
	line-height: 18px;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.s1{
	width: 100%;
	height: 38%;
}

.s1>.swiper-wrapper>.swiper-slide{
	height: 50% !important;
}

.s1>.swiper-wrapper>.swiper-slide-active{
	margin-top: 0% !important;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.hr_vertical_line{
	width: 4px;
	height: 45px;
	content: '';
	position: absolute;
	margin-top: -54%;
	background-color: #f47b0a;
	left: 50%;
	-webkit-transform: translate(-50%,50%);
	-ms-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
	-webkit-transition: height .4s cubic-bezier(.51,.01,0,1);
	transition: height .4s cubic-bezier(.51,.01,0,1);
}

.success_stories_content{
	margin-top: -9px;
	color: #f47b0a;
	font-size: 14px;
}

.success_stories_client{
	color: #f47b0a;
	text-transform: uppercase;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
}

/******************************home page styling *****************************/

.start-btn button {
	background: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	padding: 10px 10px;
	border: none;
	color: white;
	font-weight: bold;
	border-radius: 30px;
}

.outer-container {
	/*background: url(../images/home/home.jpg);*/
	/*background: url(../images/home/new_home.JPG);*/
	background: url(../images/home/home_temp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/*min-height: 1300px;*/
	min-height: 2100px;
	margin-top: -50px;
	background-position: center;
}

.new-tommorrow-container {
	margin-top: 75px;
}

.how-it-works {
	padding-bottom: 180px;
	padding-top: 0%;
}

.how-it-works ul{
	width: 95%;
	margin: 35px auto 0 auto;
	margin: 35px auto 0 auto;
}

.how-it-works ul li{
	list-style-type: none;
	margin-top: -25px;
}

.items{
	margin-bottom: 0px !important;
}

.w100{
	width: 100% !important;
}

.mt5{
	margin-top: 5px;
}

.mt10{
	margin-top: 10px;
}

.mt15{
	margin-top: 15px !important;
}

/******************************home page- health calculator styling *****************************/

/*.health-calculator-outer-container {
	background-image: url('../images/home/8-layers.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 600px;
	margin-top: 37px;
	background-position: center;
}*/

.health-shop-container {
	background-image: url('../images/shop_your_program_c.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 1200px;
	margin-top: 37px;
	background-position: center;
}

.health_calculator_heading{
	text-transform: uppercase;
	font-weight: bold;
	color: #f47b0a;
	text-align: center;
	font-size: 17px;
}

.health_calculator_hr_line{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border-top: 7px solid #f47b0a !important;
	width: 50%;
}

.health_calculator_title{
	color: #7f8187;
	text-align: center;
	margin-bottom: 0px !important;
	margin-top: 5px !important;
	font-size: 11px;
	line-height: 11px;
}

.water_box{
	background-color: #1c53e8;
	border-radius: 5px;
}

.circle-icon{
	font-size: 10px !important;
	color: white;
	float: right;
	padding: 5px;
}

.water_box_heading{
	color: white;
	font-size: 17px;

	font-weight: lighter;
	margin-top: 18px;
}

.underline_water{
	border-top: 3px solid #2961f8;
	margin-top: -5px;
}

.food_box{
	background-color: #ffc601;
	border-radius: 5px;
}

.underline_food{
	border-top: 3px solid #d4a000;
	margin-top: -5px;
}

.weight_box{
	background-color: #1bdddb;
	border-radius: 5px;
}

.underline_weight{
	border-top: 3px solid #08bfbd;
	margin-top: -5px;
	width: 71%;
	margin-left: 9%;
}

.weight_image{
	margin-top: 25%;
}

.bmi_box{
	background-color: #ff7e38;
	border-radius: 5px;
}

.underline_bmi{
	border-top: 3px solid #cb7b50;
	margin-top: -5px;
}

.md4{
	padding-left: 0px;
	margin-top: 4px;
}

.home-section {
	padding-bottom: 35px;
}

.how-it-works h2, .how-it-works p {
	color: #fff;
}

.calculator-qt {
    color: #fff;
}

/***************************home footer stylings****************************/

footer {
	margin-top: 40px;
	position: relative;
}

footer , footer a {
	color: #e26900;
	font-size: 12px;
}

footer li {
	list-style-type: none;
}

.subscribe,.sitemap {
	display: inline-block;
	width: 45%;
}
.sitemap {
	margin-left: 3%;
	border-right: solid black 2px
}

.food-plate {
	width: 50%;
}

.footer-img {
	margin-top: -25px;
}

video {
	width: 100%;
}

.close-video {
	font-size: 25px;
}

/*************************** water calculator modal css ****************/
.water_modal_content{
	background-color: #1c53e8;
}

.modal-header{
	border-bottom: none;
}

.close_modal_button{
	opacity: 1 !important;
	font-weight: 100 !important;
	color: white !important;
}

.water_factor{
	color: white;
	text-transform: uppercase;
	border-bottom: 4px solid #2961f8;
	text-align: center;
	letter-spacing: 1px;
}

.box_for_weight{
	background-color: white;
	height: 110px;
	border-radius: 50px;
}

.weight_class{
	text-align: center;
	margin-top: 40px;
	color: #1c53e8;
	font-size: 21px;
	font-weight: bold;
}

.weight_class_active{
	text-align: center;
	margin-top: 23px;
	color: #1c53e8;
	font-size: 40px;
	font-weight: bold;
}

.cup_heading{
	margin-bottom: 0px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
}

.input_box{
	width: 60px;
	height: 48px;
	border: 3px solid white;
	border-radius: 7px;
}

.input_content{
	text-align: center;
	color: white;
	font-size: 29px;
}

.underline_cup{
	border-bottom: 5px solid #2961f8;
	padding-bottom: 5px;
}

.water_level{
	text-align: center;
	font-size: 80px;
	color: #f47b0a;
}

.water_content_message{

	text-transform: uppercase;
	text-align: center;
	color: white;
	letter-spacing: 2px;
	font-size: 16px;
}

.water_units{
	float: right;
	text-transform: uppercase;
	color: white;
	margin-top: -45px;
}

.arrow-down{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #1c53e8;
	margin-top: -19px;
	margin-left: 7px;
}

.floating-label{
	color: black;
	font-size: 15px;
	position: relative;
	top: 0;
	z-index: 2;
	opacity: 0;
}

.eat-delete-junior,.eat-delete {
	position: relative;
	margin-top: 10%;
}

.eat-delete-junior p {
	position: absolute;
	top: 37%;
	width: 65%;
	left: 30%;
	transform: rotateZ(6deg);
	font-size: 12px;
	color: white;
}

.eat-delete p {
	position: absolute;
	top: 52%;
	width: 63%;
	left: 11%;
	transform: rotateZ(-6deg);
	font-size: 12px;
	color: white;

}

/************ media query for blueberry mobile phone ***********/
@media only screen and (max-width: 1024px) and (min-width: 600px){
	.hr_vertical_line{
		height: 88px !important;
	}
}

/************ media query for Nexus10 mobile phone ***********/
@media only screen and (max-width: 1280px) and (min-width: 800px){
	.hr_vertical_line{
		height: 120px !important;
	}

	.success_stories_content{
		font-size: 23px !important;
	}
}

/************ media query for Nokia Lumia 250 mobile phone ***********/
@media only screen and (max-width: 533px) and (min-width: 320px){
	.hr_vertical_line{
		height: 38px !important;
	}
}

/************ media query for Nokia N9 mobile phone ***********/
@media only screen and (max-width: 854px) and (min-width: 480px){
	.hr_vertical_line{
		height: 66px !important;
	}

	.success_stories_content{
		font-size: 20px !important;
	}
}

/************ media query for Ipad Mini mobile phone ***********/
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.hr_vertical_line{
		height: 91px !important;
		margin-top: -43% !important;
	}
}

/************ media query for Ipad Mini mobile phone ***********/
@media only screen and (max-width: 732px) and (min-width: 412px){
	.hr_vertical_line{
		height: 51px !important;
	}
}

/************ media query for Ipad pro mobile phone ***********/
@media only screen and (max-width: 1366px) and (min-width: 1024px){
	.hr_vertical_line{
		height: 90px !important;
		margin-top: -32% !important;
	}
}

/********** sign up css **************/
.sign-up-box{
	margin-top: 16px !important;
}

.close-button{
	color: white;
	float: right;
	background-color: #f47c20;
	border-radius: 50px;
	width: 20px;
	text-align: center;
	height: 20px;
	font-size: 13px;
	margin-top: -38px;
	margin-right: -22px;
}

.sign-up-text{
	color: white;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(#f47b0a, #ff3c00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sign-up-text:before,
.sign-up-text:after {
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	content: "";
	display: inline-block;
	height: 4px;
	position: relative;
	vertical-align: middle;
	width: 12%;
	margin: auto 20px auto 20px;
}

.login-form-2 .form-control {
	border: 0;
	box-shadow: 0 0 0;
	border-radius: 0;
	background: transparent;
	color: #ff3c00;
	padding: 7px 0;
	height: auto;
	border-bottom: 2px solid #ff3c00;
	font-size: 17px;
}

.radio_button{
	font-size: 19px;
	background: linear-gradient(#f47b0a, #ff3c00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}

.gender input:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #004c97;
  background-color: transparent;
}

.gender input[type=radio]:checked + input:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #004c97;
}

.gender{
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.condition{
	font-size: 15px;
	font-family: Montserrat-Regular;
	color: #ff3c00;
	font-weight: 700;
}

.condition input {
	vertical-align: top;
	margin-top: 0;
}

.sign-up-button{
	background-image: linear-gradient(to top, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%);
	width: 100%;
	padding: 15px;
	color: white !important;
	font-weight: 700;
	font-size: 17px !important;
	border: 1px solid #f47b0a;
	border-radius: 20px;
}

.sign-up-item{
	list-style-type: none;
	padding-left: 0px;
	color: white;
	text-align: center;
}

.sign-up-item>li{
	display: inline;
}

.sign-up-item>li>span{
	background: linear-gradient(#ff3c00,#f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.g_plus_icon{
	height: 30px;
	width: 30px;
	background: #dd4b39;
	border-radius: 30px;
	text-align: center;
	padding-top: 7px;
	color: white;
}

.facebook_icon{
	height: 30px;
	width: 30px;
	background: #3b5998;
	border-radius: 30px;
	text-align: center;
	padding-top: 7px;
	color: white;
}

.privacy_policy{
	font-size: 11px;
	text-align: center;
	background: linear-gradient(#ff3c00,#f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/************************ login page css ************************/

.login_box{
	border: 1px solid #f47c20;
	border-top: none;
	padding: 17px;
	border-radius: 0px 0px 10px 10px;
}

.login-text{
	color: white;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(#f47b0a, #ff3c00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0px !important;
}

.sign_up_box{
	border: 1px solid #f47c20;
	border-top: none;
	padding: 17px;
	border-radius: 0px 0px 10px 10px;
}

.close-button-login{
	color: white;
	float: right;
	background-color: #f47c20;
	border-radius: 50px;
	width: 20px;
	text-align: center;
	height: 20px;
	font-size: 13px;
	margin-top: -19px;
	margin-right: -61px;
}

.login-modal{
	margin-top: 20px;
}

.footer_login{
	border-top: none;
}

.list-item{
	display: inline;
}

.line{
	color: white;
}

.eat-delete-junior-heading {
	position: absolute;
	top: 5%;
	right: 12%;
}

.eat-delete-junior-heading h3 {
	color: #98e032;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
}

.eat-delete-heading {
	position: absolute;
	top: 13%;
	left: 20%;
}

.eat-delete-heading h3 {
	color: #ffd700;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
}

.eat-delete-junior-buy-book a {
	padding: 10px 25px;
	border: none;
	border-radius: 25px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
	background-image: linear-gradient(to top, #8ab307 0%, #abd035 100%);
	color: white;

}

.eat-delete-junior-buy-book {
	position: absolute;
	right: 30%;
	bottom: -5%;
}

.eat-delete-buy-book a {
	padding: 10px 25px;
	border: none;
	border-radius: 25px;
	background-image: linear-gradient(-5deg, #8ab307 0%, #abd035 100%);
	color: white;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
    background-image: linear-gradient(-5deg, #e6b600 0%, #ffcd0e 100%);
}

.eat-delete-buy-book {
	position: absolute;
    left: 30%;
    bottom: -8%;
}

.books-language {
	font-size: 12px;
	color: #e26900;
}

.rotate-device {
	display: none;
	text-align: center;
	font-size: 15px;
	margin-top: 30px;
}



/*************** for ipad css *****************/
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.list-group-item{
		color: black !important;
		display: inline !important;
		font-size: 7px !important;
		padding: 10px 4px !important;
	}

	.list-group {
		margin-top: 38px !important;
	}

	.success_hr_line{
		width: 16% !important;
	}

	.new-tommorrow-container {
		margin-top: 188px;
	}

	.how-it-works{
		margin-top: 71% !important;
		padding-bottom: 300px;
	}

	.weight_image{
		margin-top: 13% !important;
	}

	.eat-delete-junior p{
		font-size: 22px !important;
	}

	.eat-delete p{
		font-size: 22px !important;
	}

	.health_calculator_title{
		font-size: 20px;
		line-height: 21px;
	}

	.video_watch{
		font-size: 21px !important;
	}

	.app_list{
		margin-top: 0px !important;
	}

	.app_list>a>img{
		width: 11% !important;
		float: right !important;
		margin-right: 7% !important;
	}

	.seperator-line{
		color: black !important;
	}

	.user-name-active{
		color: black !important;
	}

	.box-for-active-plan{
		margin-top: 0% !important;
	}
}

.form_input{
	border-bottom: 2px solid #f47c20 !important;
}

/******************* for radio button color *******************/
.radio-item {
  display: inline-block;
  position: relative;
  padding: 0px 3px 0px 6px;
  margin: 0px 0 0;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label {
	color: black;
  font-weight: normal;
}

.radio-item label:before {
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 11px;
	border: 2px solid #ff3c00;
	background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
	border-radius: 11px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 9px;
	left: 10px;
	content: " ";
	display: block;
	background: #ff3c00;
}

.radio-inline{
	padding-left: 6px !important;
}

/*********** for increase and descrease cup count **********/
.plus_icon{
	color: white;
}

.minus_icon{
	color: white;
	margin-top: 13px;
}

/************* swiper slider for weight number ***************/
.slide_width{
	/*width: 12% !important;
	margin-top: 31px;
	font-size: 29px;
	font-weight: bold;*/
	color: #1c53e8;
}

.s2>.swiper-wrapper>.swiper-slide-active{
	font-size: 59px !important;
	margin-top: 13x !important;
}




.material .material-bar:after, .material .material-bar:before {
	content: "";
	height: 2px;
	width: 0;
	bottom: 0;
	position: absolute;
	border-bottom: 2px solid #f47c20 !important;
}

.material .error:focus~label, .material .material-input .filled~label, .material .material-input :focus~label{
	color: black;
	font-size: 10px !important;
	font-weight: 100;
	top: 0;
	line-height: 24px;
}

/******************** checkbox color ********************/
.custom-checkbox{
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	z-index: 1;
	top: 3px;
	background: url("../images/header/checkbox.png") no-repeat;
}

.custom-checkbox.selected{
	background: url("../images/header/checkbox-selected_2.png") no-repeat;
}

.custom-checkbox input[type="checkbox"]{
	margin: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

/******* to scroll the modal *********/
/**#modal-1{
	overflow: auto !important;
}**/

.sliders{
	margin-top: 0px !important;
}

.text-center {
	text-align: center;
}

.terms_condition{
	font-size: 13px;
}

button.terms_condition {
	background: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    padding: 5px 8px;
    border: none;
    color: white;
    font-weight: bold;
    border-radius: 30px;
    font-size: 10px;
}

.terms_condition>li>a{
	font-size: 13px;
}

/********* privacy_policy css *******/
.main-content{
	/*padding-bottom: 50px;*/
    width: 80%;
    margin: 0 auto;
    color: #48302c;
    font-size: 14px;
}

.main-content li {
	list-style-type: square;
	list-style-position: inside;
}

.main-content a {
	color: darkorange;
}

.policy_background{
  background-color: #f4f4f4;;
}

.video-wrapper{
	padding-bottom: 40%;
}

.error_password{
	font-size: 15px;
	font-weight: bold;
	color: red;
}

#send_message{
	background-color: white !important;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 20px;
	font-size: 13px;
	color: #f47b0a;

}

.achievements_awards{ list-style-type: none;}.achievements_awards>li{ font-size: 13px; }.achievements_logo{ font-size: 17px !important; color: #f47b0a;}

.fnameformError, .parentFormsing_up_form, .formError{
	left: -13px !important;
}

.about_us_title{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #f47b0a;
	font-size: 14px;
}


.footer_content{
	background-color: lightgrey; 
	opacity: 0.8;
	/* //commnted to disable buy book links
	margin-top: 50px;
	*/
	position: absolute;
	z-index: 200;
}

.buy-book-container {
    margin-top: 52px;
    padding-top: 30px;
    color: #F47B0A;
}

.buy-book-container .client_name {
	text-align: left;
    padding-bottom: 15px;
}

.buy-book-now-btn a {
	padding: 10px 20px;
    background: linear-gradient(#ff3c00, #f47b0a, #f47b0a);
    border-radius: 15px;
    color: white;
    font-weight: 700;
}

.associative-logos {
	position: relative;
	width: 85%;
    margin: 0 auto;
}

/************************ Registration form 2 style ***********************/

.register-content{
	background-color: #eeeeee;
}

.get_start{
	color: #e75a39;
	text-transform: uppercase;
	font-size: 20px;
}

.plan{
	padding: 5px;
	margin-top: 1.5%;
	float: left;
	margin-right: 0.5%;
	width: 100%;
}

.started-plans .plan > div {
	background-color: #fff;
	padding: 3px 5%;
	margin-top: 3px;
}

.payment_radio_button{
	float: right;
	width: 1.5em;
    height: 1.5em;
}

.plan-header{
	font-weight: 600;
}

/*.payment-mode-info {
	padding: 2px 8px !important;
	color: black !important;
	border: solid black 1px !important;
	width: initial !important;
	background-color: transparent;
	margin-top: 3%;
}*/

.payment-mode-info{
	margin-top: 3%;
	background-color: #cfd0ce !important;
}

/*.payment-selected {
	color: red !important;
}*/

.proceed_button{
	padding-top: 4px;
	border-radius: 0px !important;
	border-color: black !important;
	cursor: pointer;
}

.proceed_button:hover{
	background-color: orange;
	color: white;
}

.payment-info{
	background-color: white;
	padding: 8px;
	position: relative;
}

.started-plans .plan-checked .plan-header, .started-plans .plan-checked .plan-middle, .started-plans .plan-checked .plan-footer {
	background-color: wheat;
}

.select2-container--default .select2-selection--single{
	border-radius: 0px !important;
	/*background-color: white !important;*/
	border: none !important;
}

.state-dropdown .select2-container--default .select2-selection--single{
	border-radius: 0px !important;
	background-color: white !important;
	border: none !important;
}
.select2-container{
	width: 75% !important;
}

.material-select{
	border-bottom: 2px solid #d3d3d3;
}

/**************** registration page 3 css **********************/

.subscription_details{
	color: #e75a39;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 3px;
	padding-left: 10px;
	text-align: center;
}

.plan_details{
	font-weight: 600;
	text-shadow: 0px 0px;
	padding-left: 10px;
	text-align: center;
}

.plan_details_month{
	padding-left: 10px;
	padding-right: 10px;
}

.plan_details_total{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 10px;
}

.personal_details{
	color: #e75a39;
	border-bottom: 1px solid black;
	padding: 3px;
	padding-left: 10px;
	text-align: center;
}

.thankyou_message{
	text-align: center;
	font-family: Montserrat-Regular;
}

/*************** for step images *************/

#steps {
width: 100%;
}

.step {
width: 45px;
height: 45px;
background-color: hsl(0, 0%, 100%);
display: inline-block;
border: 4px solid #e65a39;
border-radius: 50%;
color: hsl(226,15%,83%);
font-weight: 600;
text-align: center;
line-height: 35px;
}

.step:first-child {
line-height: 40px;
}

.step:nth-child(n+2) {
margin: 0 0 0 44px;
transform: translate(0, 2px);
}

.step:nth-child(n+2):before {
width: 51px;
height: 3px;
display: block;
background-color: #e65a39;
transform: translate(-54px, 15px);
content: '';
}

.step:after {
display: block;
transform: translate(-55px, 3px);
color: hsl(226,10%,55%);
content: attr(data-desc);
font-weight: 400;
font-size: 13px;
}

.step:first-child:after {
transform: translate(-55px, -1px);
}
.step.active {
border-color: #e65a39;
color: #e65a39;
}

.step.active:before {
background: #e65a39;
}

.step.active:after {
color: hsl(206,72%,68%);
}

.step.done {
background-color: #e65a39;
border-color: #e65a39;
color: hsl(0, 0%, 100%);
}

.step.done:before {
background-color: #e65a39;
}

input[type=radio]{
	margin-top: 0px !important;
}

/*********** for radio button css **********/

.radio-input:checked {
	background: #f48121;
}

.radio-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 22px;
	width: 22px;
	transition: all 0.15s ease-out 0s;
	border: none;
	cursor: pointer;
	display: inline-block;
	margin: 0 4px 0 8px;
	outline: none;
	position: relative;
	border: solid black 1px;
	border-radius: 50%;
}

.radio-input:checked::before {
	height: 22px;
	width: 22px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 20.66667px;
	text-align: center;
	line-height: 19px;
}

.radio-input:checked::before {
	height: 22px;
	width: 22px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 20.66667px;
	text-align: center;
	line-height: 19px;
}

.user_name{
	color: #e75a39;
	font-weight: bold;
	font-family: Montserrat-Regular;
}

.padding_right{
	padding: 2%;
}

/******************* shop your programme css ********************/

#popup1{
	display: none;
}

.shop-programm{
	min-height: 600px;
}

.choose_program{
	color: white !important;
	font-weight: bold;
	border-radius: 20px;
	font-size: 13px;
	font-family: Montserrat-Regular;
	background-image: linear-gradient(to top, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	padding: 10px 20px 10px 20px;
}

.hr_vertical_line_shop_programme{
	width: 4px;
	content: '';
	position: absolute;
	margin-top: -60%;
	background-color: #f47b0a;
	left: 50%;
	-webkit-transform: translate(-50%,50%);
	-ms-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
	-webkit-transition: height .4s cubic-bezier(.51,.01,0,1);
	transition: height .4s cubic-bezier(.51,.01,0,1);
}

.eat-delete-junior-buy-book button {
	padding: 10px 25px;
	border: none;
	border-radius: 25px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
	background-image: linear-gradient(-5deg, #8ab307 0%, #abd035 100%);
	color: white;
	font-family: Montserrat-Regular;
}

.eat-delete-buy-book button {
	padding: 10px 25px;
	border: none;
	border-radius: 25px;
	background-image: linear-gradient(-5deg, #8ab307 0%, #abd035 100%);
	color: white;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
    background-image: linear-gradient(-5deg, #e6b600 0%, #ffcd0e 100%);
}

.checkbox-input:checked {
	background: #ff3c00;
	border-color: #ff3c00;
}

.checkbox-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 22px;
	width: 22px;
	transition: all 0.15s ease-out 0s;
	border: none;
	cursor: pointer;
	display: inline-block;
	margin: 0 4px 0 8px;
	outline: none;
	position: relative;
	z-index: 1000;
	border: solid black 1px;
}

.checkbox-input:checked::before {
	height: 22px;
	width: 22px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 20.66667px;
	text-align: center;
	line-height: 19px;
	color: white;
}

.margin_bot_0{
	margin-bottom: 0px !important;
}

.main-nav{
	margin-top: 2%;
}

.app_list{
	margin-left: 5%;
	margin-top: 5%;
}

.app_list>a>img{
	width: 45%;
}

/************ media query for blueberry mobile phone ***********/
@media only screen and (max-width: 1024px) and (min-width: 600px){
	.hr_vertical_line{
		height: 88px !important;
	}
}

/************ media query for Nexus10 mobile phone ***********/
@media only screen and (max-width: 1280px) and (min-width: 800px){
	.hr_vertical_line{
		height: 120px !important;
	}

	.success_stories_content{
		font-size: 23px !important;
	}
}

/************ media query for Nokia Lumia 250 mobile phone ***********/
@media only screen and (max-width: 533px) and (min-width: 320px){
	.hr_vertical_line{
		height: 38px !important;
	}

	.hr_vertical_line_shop_programme{
		height: 50px !important;
	}
}

/************ media query for Nokia N9 mobile phone ***********/
@media only screen and (max-width: 854px) and (min-width: 480px){
	.hr_vertical_line{
		height: 66px !important;
	}

	.success_stories_content{
		font-size: 20px !important;
	}
}

/************ media query for Ipad Mini mobile phone ***********/
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.hr_vertical_line{
		height: 91px !important;
		margin-top: -43% !important;
	}
}

/************ media query for Ipad Mini mobile phone ***********/
@media only screen and (max-width: 732px) and (min-width: 412px){
	.hr_vertical_line{
		height: 51px !important;
	}
}

/************ media query for Ipad pro mobile phone ***********/
@media only screen and (max-width: 1366px) and (min-width: 1024px){
	.hr_vertical_line{
		height: 90px !important;
		margin-top: -32% !important;
	}
}

@media only screen and (max-width: 640px) {
   .eat-delete-junior p, .eat-delete p {
   	  font-size: 11px;
   }
}

@media only screen and (max-width: 350px) {
   .eat-delete-junior p, .eat-delete p {
   	  font-size: 10px;
   }

   .eat-delete-heading {
   	 top: 12px;
   }
}

/*************** css for capcha ************/
.form-input-mobile .material-input{
	margin-left: 5% !important;
}

.select2_option{
	margin-left: 5% !important;
}

.radio_payments{
	margin-left: 12% !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	padding-left: 0% !important;
}

#captcha_mobile_login{
	margin-left: 9%;
}

.btn:focus,.btn:active{
	outline: none !important;
	box-shadow: none;
}

/***************** css for choose program ***********************/
.choose-program-div{
	margin-top: 20%;
	position: relative;
	z-index: 200;
}

.programme-name{
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	font-family: Montserrat-Regular;
	margin-top: 5%;
}

.programme-details{
	font-weight: bold;
	font-family: Montserrat-Regular;
	text-align: left;
	background: linear-gradient(#ff3c00,#f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 20px;
	letter-spacing: 0px;
}

.choose-programme-hr{
	margin-top: -5%;
	border: 2px solid #333333;
}

.orange-button-back-button{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white !important;
	border-radius: 25px !important;
	padding: 10px 20px 10px 20px;
	outline: none;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.4);
}

.orange-button-back-button a{
	color: white !important;
}

.orange-button-subscription{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white !important;
	border-radius: 25px !important;
	padding: 10px 10px 10px 10px;
	outline: none;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.4);
}

.orange-button-subscription a{
	color: white !important;
}

/***************** css for choose plan page ***************/
.choose-plan-title{
	text-transform: uppercase;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
	background: linear-gradient(#ff3c00,#f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Montserrat-Regular;
}

.choose-plan-hr{
	margin-top: -10%;
	margin-bottom: 0px;
	border: 0.5px solid #f47b0a;
}

.plan-name{
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	font-family: Montserrat-Regular;
	font-size: 20px;
	color: #4A494E;
}

.plan-description{
	text-align: center;
	font-size: 13px;
}

.mb10{
	margin-bottom: 10px;
}

.video-language{
	color: #FA4200;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1px;
	font-size: 11px;
}

.thank-you-text{
	color: #FD430A;
	text-align: left;
	padding: 5%;
	letter-spacing: 1px;
}

/********************* confirm user details page css *****************/
.registration-detils-title{
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 5%;
	font-size: 23px;
}

.final-plan-name{
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 5%;
	font-size: 18px;
	color: #F7670F;
}

.mb20{
	margin-bottom: 0px;
}

.final-plan-hr{
	margin-top: 0%;
	width: 85%;
	border: 0;
	height: 1px;
	background-color: #F7670F;
}

.subscription-detials{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
}

.full-name-label{
	text-align: center;
	text-transform: uppercase;
	color: #B9B9B9;
	letter-spacing: 1px;
}

.full-name-field{
	text-transform: uppercase;
	text-align: center;
	color: #FD5C3B;
	font-size: 18px;
	letter-spacing: 1px;
}

.orange-button{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white !important;
	border-radius: 25px !important;
	padding: 10px 20px 10px 20px;
	outline: none;
	border: 1px solid #f47b0a !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	letter-spacing: 1px;
}

.orange-button a{
	color: white !important;
}

/******************** css for feature details pop up *****************/
.features-information{
	font-size: 10px;
	text-align: center;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 0px;
}

.check-icons{
	color: #21AC85;
}

.cross-icons{
	color: #D44B39;
}

.save-option{
	color: #d75a4a;
}

.rate{
	font-weight: bold;
	color: black;
	font-style: italic;
}

.features-heading{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 10px;
}

.captcha-footer-style{
	transform:scale(0.5);
	margin-left: -32%;
	margin-top: -5%;
}

.plan-types .select2-container{
	width: 217px !important;
}

.plan-types .select2-container--default .select2-selection--single{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	border-radius: 10px !important;
	padding: 10px !important;
}

.plan-types .select2-container .select2-selection--single{
	height: 45px !important;
	outline: none !important;
	box-shadow: none;
}

.plan-types .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 40px !important;
}

.plan-types .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #fff;
	text-transform: uppercase;
}

.plan-types .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #fff transparent;
	border-width: 0 4px 5px 4px;
}

.plan-types .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
}

.box-for-active-plan{
	margin-top: -10%;
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	border-radius: 0px 0px 5px 5px;
}

.plan-price{
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	font-size: 25px;
	padding-top: 5%;
}

.plan-name-main{
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	font-size: 10px;
}

.package-name{
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	font-size: 10px;
}

.click-to-change{
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	font-size: 10px;
}

.gender-dropdown .select2-container{
	width: 100% !important;
}

.gender-dropdown .select2-container--default .select2-selection--single{
	background-color: white !important;
}

.registration-condition{
	font-weight: 200 !important;
	color: #6c6666;
	display: inline;
}

.orange-button-register {
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white !important;
	border-radius: 25px !important;
	padding: 10px 20px 10px 20px !important;
	outline: none;
	border: none;
	text-transform: capitalize;
	font-size: 12px;
	cursor: pointer;
	letter-spacing: 1px;
}

.orange-button-register a{
	color: white !important;
}

.gender-label{
	color: black;
	font-size: 10px;
	text-transform: uppercase;
}

.enrolnment-name{
	text-transform: uppercase;
	color: #f47b0a;
}

.down-arrow{
	color: #f47b0a;
}

.enrolnment-plan-types{
	border-bottom: 1px solid #f47b0a;
}

.plan-heading{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.form_label .material-input input:focus{
	color: #f47b0a;
}

.form_label .material-input input{
	color: black;
}

.gender-dropdown .select2-container--default .select2-search--dropdown .select2-search__field:active{
	color: #f47b0a !important;
}

.form_label .material-select > label, .form_label .material-input label {
  color: black;
}

.form_label .material-select > label, .form_label .material-input label:focus{
	color: #594c4c;
}

.material .error:focus~label, .material .material-input .filled~label, .material .material-input :focus~label{
	color: slategray !important;
}

/******************** css for pop of bank details **************/
.bank-detail,.cheque-detail{
	margin-top: 10%;
}

.box-for-bank-details{
	background-color: white;
	border-radius: 5px;
}

.close-button-for-bank-details{
	color: white;
	float: right;
	background-color: #f47c20;
	border-radius: 50px;
	width: 20px;
	text-align: center;
	height: 20px;
	font-size: 13px;
	margin-top: -8px;
	margin-right: -8px;
}

.cheque-details{
	background: linear-gradient(#ff3c00, #f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

.cheque-no{
	color: black;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	padding: 0% 7% 0% 7%;
	margin-bottom: 0px !important;
}

.address-details{
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px !important;
	padding: 7%;
	text-transform: uppercase;
}

.payment-details-div{
	position: absolute;
	top: 45%;
	width: 100%;
}

.cheque-details:before,
.cheque-details:after {
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	content: "";
	display: inline-block;
	height: 4px;
	position: relative;
	vertical-align: middle;
	width: 9%;
	margin: auto 16px auto 16px;
}

.orange-button-not-selected{
	border-color: #f48121;
	background-color: #efefef;
	color: black;
	text-transform: uppercase;
	border-radius: 20px;
	font-size: 10px;
	font-family: Lato;
	font-weight: bold;
}

.orange-button-not-selected a{
	color: white !important
}

.orange-button-selected{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white !important;
	border-color: white !important;
	border-radius: 20px !important;
	font-size: 10px;
	font-weight: bold;
	font-family: Lato;
	text-transform: uppercase;
}

.orange-button-selected a{
	color: white !important;
}

.datepick-popup{
	z-index: 100000 !important;
}

/********************* css for video active *************/
.video-selected-button{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white;
	padding: 3%;
	font-size: 10px;
	border-radius: 5px;
}

.flip {
	transform: rotate(-180deg);
	margin-left: -14%;
}

.mt30{
	margin-top: 30%;
}

.program-name{
	text-transform: uppercase;
	color: #9c9696;
	font-size: 10px;
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #333 url('../images/page-loader.gif') no-repeat center center;
}

.orange-button-subscription  a {
    color: white;
}

/******************* sign up pop up css ***************/

#sign-up-popup{
	display: none;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup-Header {
	background: #F4F4F2;
	position: relative;
	padding: 10px 20px;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

.popup-Header .modal-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 15px;
	background: #E4E4E2;
	cursor: pointer;
	color: #aaa;
	font-size: 16px;
}

.popup-Body {
	padding: 20px;
}
/* Social Login Form */

.social-login {}

.social-login .social-box {
	display: block;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	background: #F4F4F2;
	overflow: hidden;
}

.social-login .icon {
	display: block;
	width: 35px;
	padding: 5px 10px;
	margin-right: 10px;
	float: left;
	color: #FFF;
	font-size: 16px;
	text-align: center;
}

.social-login .fb .icon {
	background: #3B5998;
}

.social-login .google .icon {
	background: #DD4B39;
}

.social-login .icon-title {
	display: block;
	padding: 5px 0;
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #777;
}

.social-login .social-box:hover {
	background: #E4E4E2;
}

.centered-Text {
	text-align: center;
	margin: 20px 0;
	clear: both;
	overflow: hidden;
	text-transform: uppercase;
}

.action-btns {
	clear: both;
	overflow: hidden;
}

.action-btns a {
	display: block;
}

.one-half {
	width: 50%;
	display: block;
	float: left;
}

.one-half.last {
	width: 45%;
	margin-left: 5%;
}

.user-login {
	display: none;
}

.user-login label {
	display: block;
	margin-bottom: 5px;
}

/*.user-login input[type="text"],
.user-login input[type="email"],
.user-login input[type="password"] {
	display: block;
	width: 90%;
	padding: 10px;
	border: 1px solid #DDD;
	color: #666;
}*/

.user-login input[type="checkbox"] {
	float: left;
	margin-right: 5px;
	margin-top: 1%;
	margin-left: 0px;
	position: relative;
}

.user-login input[type="checkbox"]+label {
	float: left;
	padding-left: 0px;
}

.user-login .checkbox {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}

.forgot-password {
	display: block;
	margin: 20px 0 10px;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	color: #ED6347;
}

.btn {
	padding: 10px 20px;
	background: #F4F4F2;
}

.btn-red {
	background: #ED6347;
	color: #FFF;
	border: none;
	width: 100%;
}

.btn:hover {
	background: #E4E4E2;
}

.btn-red:hover {
	background: #C12B05;
}

a.btn {
	color: #666;
	text-align: center;
	text-decoration: none;
}

a.btn-red {
	color: #FFF;
}

.forgot-password-div{
	display: none;
}

.reset-password-text{
	font-family: Lato-regular;
	font-weight: bold;
	text-transform: capitalize;
}

#active_slider_content_href{
	color: white;
	text-decoration: none;
}

/************ reset password css ***************/
.reset-password-wrapper {
	padding-top: 15vh;
}

.heading-email {
	text-align: center;
	font-size: 20px;
	font-family: Lato;
	letter-spacing: 0.5px;
}

.box-for-reset-password {
	width: 100%;
	background: white;
	border: 1px solid black;
	border-radius: 5px;
}

.lock-icon {
	font-size: 100px !important;
	text-align: center;
	width: 100%;
}

.new-passowrd-text {
	font-family: Lato-regular;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
}

.material .material-input input:focus {
	color: #f47b0a;
}

.subscription-label-details{
	text-align: center;
}

.table-border-style{
	border-right: 1px solid lightgrey;
}

/************* css of package type dropdown ******/

.package-name-selected{
	border: 1px solid ff3c00;
	padding: 17px;
	border-radius: 8px;
	background-image: linear-gradient(to bottom, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	color: white;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.box-for-available-package{
	border: 1px solid ff3c00;
	padding: 17px;
	border-radius: 8px;
	background-image: linear-gradient(to bottom, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	color: white;
	margin-bottom: 0px;
	text-transform: uppercase;
	margin-top: 5%;
}

.package-type-listing-container a {
    color: black;
}

/*********** css for plan name **********/
.dropdown-option{
	color: white;
	text-align: center;
}


.features-details{
	border-right: 1px solid lightgrey;
}

/*********** css for food modal ************/
.food_modal_content{
	background-color: #ffc601;
}

.underline_food{
	border-top: 3px solid #d4a000;
	margin-top: -5px;
}

.food_factor_name{
	color: white;
	text-transform: uppercase;
	border-bottom: none !important;
	text-align: center;
	letter-spacing: 1px;
}

.ui-front{
	z-index: 1600 !important;
}

/****************** css for weight modal ***********/
.weight_modal_content{
	background-color: #1bdddb;
}

.weight-icon{
	margin-left: -60%;
	margin-top: 29%;
}

.underline-weight {
	border-top: 3px solid #08bfbd;
	margin-top: -5px;
	width: 70%;
}

.common-label-name{
	color: white;
	letter-spacing: 1px;
	font-weight: 100;
	font-size: 11px;
}

.calculators-button{
	list-style-type: none;
	float: right;
}

.calculators > div {
	cursor: pointer;
}

.calculators-button>li{
	display: inline;
}

.calculate-button{
	color: white;
	background-image: linear-gradient(to bottom, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	border: 1px solid #f47b0a;
}

.try-again{
	color: black;
	background-color: white;
}

.calculate-button:active,.calculate-button:hover{
	color: white !important;
	background-image: linear-gradient(to bottom, #ff3c00 0%, #f47b0a 96%, #f47b0a 100%) !important;
	border: 1px solid #f47b0a !important;
}

.result-div{
	color: white;
	margin-bottom: 15%;
}

.weight-popup-form .material-input label{
	color: white !important;
}

/**************** css for bmi popup *************/

.bmi_modal_content{
	background-color: #ff7e38;
}

.underline-bmi{
	border-top: 3px solid #cb7b50;
	margin-top: -5px;
	width: 70%;
}

.height_type .material-select>label{
	border-bottom: none !important;
}

/************ css for bmr popup ***********/
.bmr_box{
	background-color: #bb68c9;
	border-radius: 5px;
}

.underline-bmr{
	border-top: 3px solid #c986d4;
	margin-top: -5px;
}

.bmr_modal_content{
	background-color: #bb68c9;
}

.gender-radio-button{
	color: white !important;
	font-size: 11px;
	font-weight: normal !important;
}
.gender-radio-button_label{
	color: white !important;
	font-size: 14px;
	font-weight: normal !important;
}

.p5{
	padding-bottom: 5%;
}

.select2-container--open .select2-dropdown--above {
	width: 93% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	right: -45px !important;
}

.select2-container--open .select2-dropdown{
	width: 93% !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
	outline: none !important;
	border: 1px solid #f48121 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #f48121;
	color: white;
}

.address-input .material-input textarea{
	height: 60px !important;
}

.form-input-mobile .material-input textarea:focus{
	color: #f47b0a;
}

.form-input-mobile .material-input textarea{
	color: black;
}

.form-input-mobile .material-input input:focus{
	color: #f47b0a;
}

.form-input-mobile .material-input input{
	color: black;
}

.form_label .material-input textarea:focus{
	color: #f47b0a;
}

.form_label .material-input textarea{
	color: black;
}

input{
	color: #f47b0a;
}

.dropdown-package-hr{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.back-href{
	color: white !important;
}

.food-input-box{
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	border-bottom: 2px solid #d3d3d3 !important;
	border-radius: 0px !important;
	color: #f47b0a !important;
	padding-left: 0px !important;
}

.loader{
    background: url("../../../img/ajax-loader.gif") no-repeat scroll center center;
    position: absolute;
    height: 100%;
    width: 100%;
}

.loader-image{
	height: 35px;
}

.registration-section-body{
	position:  fixed;
	top:  10px;
	width:  100%;
}

.bmr-icon{
	margin-left: -44%;
	margin-top: 18%;
}

.modal-bmr-icon{
	width: 47px;
	margin-left: -70%;
}

.underline-bmr{
	border-top: 3px solid #c986d4;
	margin-top: -5px;
}

.weight-measurement{
	display: inline !important;
	width: 34% !important;
}

.orange-button-weight{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	color: white !important;
	padding: 10px 5px 10px 5px;
	outline: none;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	letter-spacing: 1px;
}

.orange-button-weight a{
	color: white !important;
}

.start-btn button a{
	color: white;
}

.bg-image-container  {
	position:  fixed;
	top:  10px;
	width:  100%;
}

.material input {
    z-index: 50;
    position: relative;
}

.register-get-started{
	text-align: center;
	color: #f47b0a;
	font-size: 20px;
	border-bottom: 1px solid;
}

.package-note {
	font-size: 12px;
    color: orange;
    font-style: italic;
    padding: 3%;
}

.footer-captcha{
	transform:scale(0.5);
	margin-left: -32%;
	margin-top: -10%;
}

.bmi-result{
	text-align: center;
	font-size: 38px;
	font-family: Lato;
	font-weight: 100;
	margin-bottom: 0px;
}

.result-message{
	text-align: center;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 17px;
}

.bmr-weight{
	text-align: center;
	background: -webkit-linear-gradient(#f47b0a , #ff3c00) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: white !important;
	font-size: 38px !important;
	text-transform: lowercase !important;
}

.mtb0{
	margin-bottom: 0px;
}

.white{
	color: white;
}

.bmicalc input,#weight-popup-form input,.food-div input,#bmr-popup-form input{
	color: white !important;
}

.water-message{
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: -5%;
}

.max-min-weight {
    text-align: center;
    background: -webkit-linear-gradient(#f47b0a , #ff3c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #ff3c00 !important;
    font-size: 38px !important;
    margin-top: 5% !important;
    text-transform: lowercase !important;
}

.water-intake {
    font-family: Lato;
    text-transform: uppercase;
    text-align: center;
    font-size: 11pt !important;
    color: white !important;
    letter-spacing: 2px;
}

#available_appointment_list{
	height: 233px !important;
	overflow-x: hidden !important;
}
.material .material-input label{
	font-size: 11px !important;
}
.registration-section-package-type{
	position: fixed;
	top: 10px;
	width: 100%;
}

.background-package-image{
	position: relative;
}

#captcha_footer{
	margin-top: -13%;
	transform: scale(1.15);
	margin-left: 7%;
	height: 80px
}

.package-type-back-button{
	margin-top: 7%;
}

.plans-duration-buttons{
	margin-bottom: 4%;
}

.apply-button{
	border: 1px solid #f48121 !important;
    background-color: white !important;
    color: black !important;
    text-transform: uppercase !important;
    border-radius: 20px !important;
    float: right;
    font-size: 12px !important;
    font-family: Lato;
    margin-right: -7%;
    margin-top: 4% !important;
    letter-spacing: 1px;
}

.or-div{
	text-align: center;
	font-family: Lato;
	font-size: 16px;
	color: #6c6666;
}

.or-div:before, .or-div:after {
    background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 44%;
    margin: auto 4px auto 4px;
}

.login-with-div{
	display: inline;
	text-transform: uppercase;
	color: #f47b0a;
	letter-spacing: 1px;
	font-size: 11px;
}

.social-icons-images{
  display: inline;
}

.fa-angle-right {
    border: solid #f47b0a 1px;
    padding: 2px 0px 0px 7px;
    border-radius: 50%;
    color: #f47b0a;
    width: 20px;
    height: 20px;
    background-color: #fff;
}

.nav-bar-icon{
	display: inline;
	position: relative;
	bottom: 3px;
}

.user-name-active{
	color: white;
	font-weight: bold;
	font-size: 18px;
	display: inline;
	/*margin-left: 70px;*/
	/*margin-top: 17px;*/
}

.user-image-active{
	color: white;
    font-size: 30px;
 	display: inline-block; 
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    margin: auto 0px;
}

.seperator-line{
	display: inline;
	color: white
}

.display{
	display: inline;
}

.sign-up-div{
	display: inline;
	position: relative;
	top: 5px;
}

.image-div{
	border-radius: 50%;
	border: 1px solid lightgrey;
	padding: 4px;
}

.br50{
	border-radius: 50%;
}

.ml20{
	margin-left: 20px;
}

#date-picker-popup, #gift-subscription-popup,.thank-you-popup{
	background: rgba(0,0,0,0.2);
}

.appointment-popup-datepicker,.appointment-popup{
	margin-top: 20%;
	border: none !important;
}

.mt25p{
  margin-top: 25% !important;
}

.user-image{
	border-radius: 50%;
	height: 100px;
	width: 100px;
}

.image-outer-border{
	border: 1px solid lightgrey;
    border-radius: 50%;
    padding: 3%;
}

.achiever-avatar-div{
	position: relative;
	bottom: 90px;
}

.confirm-note{
	font-style: italic;
    color: rgb(254, 63, 0);
    text-align: center;
    line-height: 16px;
}

.heatlh-note{
	color: white;
    font-style: italic;
    font-size: 10px;
    padding: 5%;
}

.swiper-slide{
	height: 36% !important;
}

.swiper-wrapper{
	height: 100% !important;
}

.language-button{
	padding: 6px 6px !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
}

.language-button:hover{
	color: white !important;
}

.faq-question-answer>.ui-state-default{
	background: none !important;
	border: none !important; 
	outline: none !important;
	color: black;
	width: 100% !important;
	height: auto !important;
}


.faq-question-answer>.ui-accordion-header{
	margin: 0px !important;
	padding: 0px !important;
}

.faq-question-answer>.faq-main>.ui-icon{
	/*background-image: none !important;	*/
}

.faq-question-answer>.faq-main>.ui-icon-triangle-1-e{
	background-position: -17px -126px !important;
	margin-top: 10px !important;
	right: -27px !important;
}

.faq-question-answer>.faq-main>.ui-icon-triangle-1-s{
	background-position: -51px -125px !important;
	margin-top: 10px !important;
	right: -27px !important;
}
.plus-sign-div{
	margin: auto 0;
	height: auto !important;
}

.faq-question-answer>.ui-icon, .ui-widget-content .ui-icon{
	/*background-image: none !important;	*/
}

.accordion_content>span>a{
	color: #337ab7;
}

.sign-div{
	color: black;
	display: block !important;
}

.rupee-symbol{
  position: absolute;
  top: 25px;
}

.error-class{
	background-image: url('../images/about_us/about_us.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
}

.contact-us-button{
    border-radius: 23px;
    color: #f47b0a;
    font-size: 16px;
    padding: 3px 9px;
}

#bmi-popup-form .material-input label , #bmr-popup-form .material-input label{
	color: white !important;
}

#sign-in-form .material-input label {
    color: grey !important;
}

#bmr-popup-form .material .material-input input,#bmi-popup-form .material .material-input input,#bmr-popup-form .material .material-input input,#food_calculator_modal .material .material-input input{
	color: white !important;
}

#weight-popup-form input::-webkit-input-placeholder,#bmi-popup-form input::-webkit-input-placeholder,#bmr-popup-form input::-webkit-input-placeholder,#food_calculator_modal input::-webkit-input-placeholder{
	color: white !important;
}
 
#weight-popup-form input:-moz-placeholder,#weight-popup-form input:-moz-placeholder,#bmr-popup-form input:-moz-placeholder,#food_calculator_modal input:-moz-placeholder { /* Firefox 18- */
	color: white !important;  
}
 
#weight-popup-form input::-moz-placeholder,#weight-popup-form input::-moz-placeholder,#bmr-popup-form input:-moz-placeholder,#food_calculator_modal input:-moz-placeholder {  /* Firefox 19+ */
	color: white !important;  
}
 
#weight-popup-form input:-ms-input-placeholder,#weight-popup-form input:-ms-input-placeholder,#bmr-popup-form input:-moz-placeholder,#bmr-popup-form input:-moz-placeholder {  
	color: white !important;  
}


/*css for blog*/
.morecontent{
	display: none;
}

.morelink{
	display: block;
}

.blog-image{
	border-radius: 50%;
	height: 100px;
}

.blog-image-hidden{
	border-radius: 50%;
	height: 85px;
	width: 85px;
}

.view-all>a{
    position: absolute;
    bottom: 0%;
    color: white;
    text-transform: uppercase;
    left: 1%;
}

.blog-main-heading{
    /*z-index: 500000000;*/
    position: absolute;
    text-align: center;
    top: 43px;
    left: 42%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Lato;
    color: #4e4f53;
    font-size: 17px;
}

.view-dots{
	font-size: 40px;
    position: absolute;
    bottom: 20%;
}

.triangle-background{
	position: absolute;
    bottom: 0px;
    width: 30%;
    height: 20%;
    background: #f86406;
    clip-path:  polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%);
    /*border-radius: 0% 140% 0% 0%;*/
}

.blog-hr-line{
    position: absolute;
    border: 2px solid black;
    top: 74px;
    left: 65%;
    width: 30px;
}

.blog-text {
	width: 89%;
	margin-left: 18%;
}

.bg-image-container-main{
    position: fixed;
    top: 10px;
    width: 75%;
}

.blog-heading {
	background: linear-gradient(#ff3c00, #f47b0a, #f47b0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 18px;
}

.blog-img-container {
	width: 70%;
	margin: 0 auto;
}

.blog-post-container {
	position: relative;
	width: 40%;
	margin-top: 40%;
}

.symbol-container {
	position: absolute;
	width: 35%;
	top: 35%;
	right: 0px;
}

.circle-container {
	position: fixed;
	width: 100%;
	/* height: document width*/ 
	border: solid #f47b0a 1px;
	border-radius: 50%;
	/* top: document width / 2*/
	left: 50%;
	z-index: 500;
}

.circle-container a {
	position: absolute;
	top: 50%; 
	left: 50%;
	width: 22%;
	height: 22%;
	margin: -15%;
}

.circle-container img { display: block; width: 100%; transition: .5s all;}
#blog-7 { transform: translate(200%); transition: .5s all;} 
#blog-8 { transform: rotate(45deg) translate(200%) rotate(-45deg); transition: .5s all;}
#blog-1 { transform: rotate(90deg) translate(240%) rotate(90deg); transition: .5s all;}
#blog-2 { transform: rotate(135deg) translate(200%) rotate(-135deg); transition: .5s all;}
#blog-3 { transform: translate(-200%); transition: .5s all;}
#blog-4 { transform: rotate(225deg) translate(200%) rotate(-225deg); transition: .5s all;}
#blog-5 { transform: rotate(270deg) translate(200%) rotate(-270deg); transition: .5s all;}
#blog-6 { transform: rotate(315deg) translate(200%) rotate(-315deg); transition: .5s all;}

.ios-modal-issue-class{
    position: fixed;
    width: 100%;
    overflow: hidden;
}

/*css for success stories */
.success-avatar-wrapper {
	width: 30%;
    max-width: 120px;
    text-align: center;
    margin: 0 auto;
}

.achiver-avatar {	
	font-size: 70px;
}

/*css for payment failure*/
.order-fail {
 	width: 70%;
  	text-align: center;
	margin: 10% auto
}

.try-again-button{
  	text-align: center;
    padding: 15px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #241F20;
    color: #fefefe !important;
}

.dashboard-button{
  	text-align: center;
    padding: 15px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #241F20;
    color: #fefefe !important;
}

.success{
    color:green;
}

.cw {
	color: white
}

.active-package-name{
	margin-bottom: 0px;
}

.other-package-name{
	position: absolute;
	width:  100%;
	z-index:  100000;
}

.mt23 {
	margin-top: 23px;
}

#dial .material-input label {
	font-size: 6px !important;
}

.hr-faq-div{
	padding-left: 0px;
	padding-right: 0px;
}

/*.faq-question-answer>.ui-accordion-header>.ui-icon, .ui-widget-content .ui-icon{
	background-image: none !important;	
}*/

.buy-book-captcha{
	transform:scale(0.7);
	margin-left: 1%;
}

.paymenet-failure-main-div{
	margin-top: 40%;
}

.subscribe-button-div{
	margin-top: -10%;
}

.remaining-packages-div{
	position: absolute;
	width:  100%;
	z-index:  100000;
}

/*css of registration master page*/
.datepicker-option{
    padding: 8px 0px !important;
    background-image: linear-gradient(to right, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    position: absolute;
    bottom: -39px;
    border-bottom-right-radius: 13px;
    width: 100.5%;
    border-bottom-left-radius: 13px;
}
.close-popup-appointment-button {
    float: right;
    background: #f47b0a;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: white;
    text-align: center;
    margin-top: -12% !important;
    margin-right: -7%;
    cursor: pointer;
}
.back-next-button{  
	position: absolute;
	bottom: -24%;
	left: 0%;
}
.available-slots{
	font-size: 16px;
}
#available_appointment_list{
	list-style-type: none !important;
	padding-left: 0px;
}
.time-slots-seprator{
    margin-top: 0px !important;
}
.available-time-slots-range{
    margin-top: 9px !important;
}
.radio-item{
    margin-top: 6px !important;
}
.close-timeslots{
    margin-top: -20px !important;
}
.ui-datepicker{
    padding: 0px 0px !important;
}
.main-body-appointment-slots-datepicker>.ui-datepicker .ui-datepicker-header{
    padding: 8px 0px !important;
    background-image: linear-gradient(to right, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
}
.ui-state-default{
    background-color: white !important;
    border-radius: 50% !important;
    height: 30px !important;
    width: 30px !important;
    padding: 4px  !important;
}
.ui-datepicker td span, .ui-datepicker td a{
    text-align: center !important;
}
.ui-datepicker .ui-datepicker-title{
    color: white !important;
}
.main-body-appointment-slots-datepicker>.ui-widget-content{
    border: none !important; 
    border-radius: 13px !important;
    width: 100% !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.ui-datepicker-unselectable .default-date{
	background-color : #c3c3c3 !important;
	color: black;
}
.ui-datepicker td{
	padding: 5px !important;
}
.ui-widget-content{
	max-height: 350px !important;
}
.circle-div-selected{
	background-color: #f03c02 !important;
	height: 15px;
	width: 15px;
	border: 1px solid #f03c02;
	border-radius: 50%;
}
.circle-div-not-available{
    background-color: #c3c3c3 !important;
    height: 15px;
    width: 15px;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
}
.circle-div-available-date{
    height: 15px;
    width: 15px;
    background-color: #81c323;
    border: 1px solid #81c323;
    border-radius: 50%;
}
.Available-dates .available-date{
  	background-color: #81c323 !important;
  	color: white !important;
  	border: 1px solid #81c323 !important;
}
.date-message{
    color: white !important;
    font-weight: 100 !important;
    font-size: 10px !important;
}
.p4{
    padding-right: 4px !important;
    padding-left: 4px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    width: 1.4em !important;
    height: 1.4em !important;
    background-color: white !important;
    border-radius: 50% !important;
    top: 10px  !important;
}
.close-popup-datepicker-button{
    background: #f47b0a;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: white;
    text-align: center;
    margin-top: -2%;
    margin-left: 93%;
    cursor: pointer;
    position: fixed;
    z-index: 500;
}
.close-popup-appointment-time-button {
    float: right;
    background: #f47b0a;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: white;
    text-align: center;
    margin-top: -18%;
    margin-right: -7%;
    cursor: pointer;
}
.modal-backdrop.in{
    z-index: -1 !important;
}
.main-body-appointment-slots-datepicker>.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active{
    background-color: #f03c02 !important;
    height: 15px;
    width: 15px;
    border: 1px solid #f03c02 !important;
    border-radius: 50%;
    color: white !important;
}
.ui-state-active{
    border: 1px solid #81c323 !important;
    background: #81c323 !important;
    font-weight: normal;
    color: black !important;
}
.cross-thankyou{
    margin-top: -15%;
}
.ui-widget-header{
    border: none !important;
}
.calendar-image {
  	font-size: 60px;
  	margin-top: -19%;
  	margin-left: 45%;
}
.logo-image{
  	width: 42%;
}
.register-page {
    display: none;
}
.main-body-appointment-slots-datepicker>.footer-ui-datepicker {
    background-image: linear-gradient(to right, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
}
.datepicker-option {
    padding: 8px 0px !important;
    background-image: linear-gradient(to right, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    position: absolute;
    bottom: -39px;
    border-bottom-right-radius: 13px;
    width: 100.5%;
    border-bottom-left-radius: 13px;
}

.calendar-table-head{
	display: none !important;
}

.ui-widget-content{
	height: auto;
	overflow-y: scroll;
}

/*faq page css*/
.sign-div-faq{
	display: none;
}

.select2_option>.select2-container--default .select2-selection--single{
	background-color: #f3f3f2 !important;
	outline: none !important;
}

.state-dropdown>.select2-container--default .select2-selection--single{
	outline: none !important;
}

.faq-question-answer>.faq-main>.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
	background-image: url(../images/ui-icons_444444_256x240.png) !important;
}


/*css of jquerysctipttop*/
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.jquery-script-center {
	width: 960px;
	margin: 0 auto;
}
.jquery-script-center ul {
	width: 212px;
	float:left;
	line-height:45px;
	margin:0;
	padding:0;
	list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
	width: 728px;
	height:90px;
	float:right;
}
.jquery-script-clear {
	clear:both;
	height:0;
}

.ui-menu-item>.ui-state-active{
	background: white !important;
	border: none !important;
	outline: none !important; 
}

.swiper_slide_header_1>.swiper-lazy-preloader{
	width: 42px;
    height: 42px;
    position: absolute;
    right: 31%;
    top: 100% !important;
    margin-left: -80px;
    margin-top: 25px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite;
}

.terms_condition>li>a:hover,.home-menu>li>a:hover{
	color: #e26900;
	text-decoration: none;
}

.bg-image-container-blog{
	position:  fixed;
	top:  10px;
	width:  75%;
}
.state_cover{
    background: url(../images/ajax-loader.gif) no-repeat scroll center center;
}

.already-account-button{
	font-size: 9px;
}

/*required start*/
.material.required label:before ,
.form-group.required label:before ,
.form-group-radio.required label:before ,
.material-select.required:after{
	content: '*';
	color: red;
	font-size: 16px;
}

.gender-error{
	color: red;
}

.ml0{
	margin-left: 0%;
}

#other-state-container,#other-city-container{
	display: none;
}

/*.modal{
	z-index:  1060 !important;
}*/

.modal-backdrop.in{
	opacity: 0.2 !important;
}

.warning>#name-error,.warning>#mobile-error,.warning>#email_address-error,.warning>#comment-error{
    color: #650606 !important;
}

.forgot-password-loader{
	background: url(../images/ajax-loader.gif) no-repeat scroll center center;
    position: relative;
    left: 130px;
    top: -52px;
    height: 34px;
}

.input-forgot{
	width: 100%;
	border: none;
	border-bottom: 1px solid lightgrey;
	outline: none;
}

.cal-try{
  display: none;
  float: right;
}

.cal-submit{
  float: right;
}

/*testimonial section start here */
.testimonial-section{
	margin-top: 5%;
	padding-top: 25%;
	padding-bottom: 75%;
}
.success-stories-title{
	margin-bottom: 5%;
}

.read-more{
	background-color: #e26900;
    border: none;
    color: white;
    padding: 5px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    border-radius: 12px;
}

.section-common-wrapper, .programm-li{
    width: 100%;
}

.swiper-container-testimonials {
    width: 100%;
    height: 100%;
}

.swiper-container-testimonials .pagination{
	margin: 10px 0;
}
.swiper-container-testimonials .swiper-pagination{
	bottom: 0;
}
/*testimonial section end here */


/* subscription detail carousel */

.owl-carousel .item img {
    width: 100%; /* Ensures the image takes full width */
    height: auto; /* Maintains aspect ratio */
}

.selected-subscription-plan-details {
    padding: 10px;
}