@charset "utf-8";
/* CSS Document */

body	{font-family: 'Open Sans', sans-serif;}

/* Index Page CSS */

.logo	{width:90%; float:left; position:relative;}

.responsive	{display:none;}

.desktop	{display:block;}

.wrapper	{width:100%; float:left; position:relative;}

.logo2		{width:25%; float:left; position:relative; margin-left:135px;}

.navigaton	{width:60%; float:left; position:relative; margin:3% 0% 0% 3%;}

.navigaton ul li  a	{float:left; list-style:none; color:#555; text-decoration:none; padding: 0% 2% 0% 0%; font-size:14px;}

.navigaton ul li  a:hover	{color:black;}

#wrapper3	{width:100%; float:left; position:relative;}

.wrapper2	{width:100%; float:left; position:relative; margin-top: 244px; height: 339px;}

.page_content	{width:1100px; margin:0 auto; position:relative;}

.nutritionist_pic	{width:31%; float:left; position:relative; margin-left: 9px;}

.about	{width:65%; float:left; position:relative; background-color:#e7e7e7;}

.about	p	{padding: 2px 50px 28px 50px; text-align: justify; line-height: 25px; font-size: 15px; color:#4f4d4d;}

.about h1	{font-size: 30px; font-weight: bold; margin-left: 7%; padding-top: 2%; color: #4b3e3b; }

.about ul	{list-style-type: disc;}

.clear {clear:both;}

.bttn   {background-color: #54a506; padding: 2% 6% 2% 6%; margin-left: 462px; margin-top: 23px; border: none; color: white;} 

.bttn:hover   { background-color: #665a4e;} 

.wrapper4	{width:100%; float:left; position:relative; }

.thank_wrapper {width:100%; float:left; position:relative; margin-top: 5%; margin-bottom: 8%;}

.thank_wrapper .page_content2	{width:1200px; margin:0 auto; position:relative;}

.thank_wrapper .page_content2	h1	{text-align:center; font-size: 29px; padding-bottom: 8px; color:#54a506;}

.thank_wrapper .page_content2	p	{color: #626364; text-align: center; font-size: 20px; font-style:italic;}

/* Testimonial */

.testimonial {
    background:url(../images/testimonial_bg.gif) center fixed ;
    background-size: cover;
	-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
	background-repeat: no-repeat;
    min-height: 300px;
    position: relative;
    padding: 3em 0;
	background-attachment: scroll;
	
	
	
}
.testimonial-heading{
	text-align:center;
}
.testimonial-heading h3 {
    color: black;
    font-size: 35px;
    margin-bottom: 16px;
    text-align: center;
	font-weight:bold;}
	
.testimonial-heading p{
	color:#FFFFFF;
	text-decoration:none;
}
.agileits-w3layouts{
    text-align: center;
    margin: 2em 0 0 0;
}
i.fa.fa-quote-right {
    font-size: 3em;
    color: #FFFFFF;
}
.agileits-w3layouts p {
    color: #292727;
    line-height: 28px;
    margin: 2em auto;
    width: 81%;
    font-weight: 600;
	font-size: 14px;
	text-align:justify;
	word-spacing: 91%;
	
}
}
.agileits-w3layouts h5 {
    color: #FFC107;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
}
.agileits-w3layouts h5 span{
	font-weight:300;
}
/*-- //testimonial --*/
/*--slider--*/
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
	position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 100px;
    left: 0;
    opacity: 0.6;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width: 40px;
    height: 40px;
    background: transparent url("../images/arrows.png") no-repeat right top;
}
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: -68px;
 }
 .callbacks_nav.prev {
    right: auto;
    background-position: left top;
    left: -72px;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display:none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
  }
.callbacks_tabs{
    list-style: none;
    position: absolute;
    top: 315px;
    left: 230px;
    padding: 0;
    margin: 0;
    z-index: 990;
    display: inline-block;
    text-align: center;
}
.slider-top span{
	font-weight:600;
}
.callbacks_tabs li{
    display: inline-block;
    margin: 0;
}

.testimonial_h5	{text-align: left; margin-left: 62%; line-height: 22px; color:#1B1A1A;}

/*-----start-responsive-design------*/


@media (max-width: 991px){

.testimonial {
    padding: 3em 0;
}
.testimonial-heading h3 {
    font-size: 40px;
    margin-bottom: 0px;
}

}


@media (max-width:480px){

.testimonial-heading h3 {
    font-size: 35px;
}
.agileits-w3layouts p {
    line-height: 1.8em;
    font-size: 13px;
}

}

@media (max-width:384px){


.modal-header {
		font-size: 1.8em;
	}
}
@media (max-width:320px){

.testimonial {
    padding: 1.5em 0;
}
.testimonial {
    padding: 1.5em 0;
}
.agileits-w3layouts p {
    margin: 1em auto;
    width: 74%;
}

}
 /* Testimonial*/

/* Contact */
.wrapper5	{width:100%; float:left; position:relative; background-color:#f2f2f2; padding-bottom: 5%;}

.wrapper5 h3	{color: black; font-size: 35px; margin-bottom: 16px; text-align: center; font-weight: bold; padding: 2% 0% 3% 0%;}

.contact_form	{width:45%; float:left; position:relative; margin-left:7%;}

input.text {border: solid 2px white;  width: 85%; padding: 22px 8px 22px 10px; font-size: 13px; font-weight: bold;  background: white; color: #242424; margin-top: 10px; font-family:"Trebuchet MS", Helvetica, sans-serif;}	

textarea.text {border: solid 2px white;  width: 85%; padding: 22px 8px 22px 10px; font-size: 13px; font-weight: bold;  background: white; color: #242424; margin-top: 10px; font-family:"Trebuchet MS", Helvetica, sans-serif;}

#registerNew {width: 180px; height: 50px; border: 2px solid #fff; cursor: pointer; float: left; background: #54a506; color: white; margin-top: 14px;
margin-left: -2px;}

#registerNew:hover	{background-color:#665a4e;}

.contact_address	{width:45%; float:left; position:relative;}
 
.contact_address  h5	{margin-top: -3%; margin-bottom: 2%; font-size: 16px; font-weight: bold;}	

.contact_address .map1	{width::20%; float:left; position:relative; border: 1px solid #b9a05d;}

.contact_address .map1_address	{width::30%; float:left; position:relative; margin: 7% 0% 0% 5%;}

.contact_address .map1_address p	{line-height: 25px;}

.contact_address .map2	{width::20%; float:left; position:relative; border: 1px solid #b9a05d; margin-top: 2%;}

.contact_address .map2_address	{width::30%; float:left; position:relative; margin: 10% 0% 0% 5%;}

.contact_address .map2_address p	{line-height: 25px;}

/* Footer */

.footer		{width:100%; float:left; position:relative; background-color:#665a4e;}

.footer ul	{padding: 2% 0% 0% 31%;}

.footer ul li a {float:left; list-style:none; color:white; text-decoration:none; padding: 0% 3% 0% 0%; font-size:13px;}

.footer ul li a:hover	{color:#9af641;}

.footer_line	{width:100%; float:left; position:relative;}

.footer_line p	{color:white; text-align:center; font-size:13px; line-height: 30px;}

.site_by	{color: white; text-decoration: none; font-size: 12px;}

.site_by:hover {color:#9af641;}

/* Index Page CSS  End */

/* Testimonial Page */
.page_heading	{width:100%; float:left; position:relative; background-image:url(../images/bg_testimonial_bg.jpg); background-repeat: no-repeat; background-position: top; height: 300px;}

.page_heading h5 {background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px; padding: 21px 40px; /*max-width: 600px;*/ font-size: 40px; font-weight: bold; margin-left: 131px; color:#627b04;}

.wrapper_tes	{width:100%; float:left; position:relative; margin:6% 0% 6% 0%;}

	#left-area { margin:0 auto; width: 100%;  }
	#main-area  { padding-top: 28px; }

@media only screen and ( max-width: 479px ) {							
			#left-area { width: 280px; }}
			
div.et-testimonial-author-info { padding: 10px 20px 15px; }
span.t-author { padding: 0px 0 10px; }
div.et-testimonial-box div.et-testimonial { overflow:hidden; }
div.et-testimonial-box div.et-testimonial.compact { height:100px; cursor:pointer; }

.fadeout { cursor:pointer; position: relative; bottom: 4em; height: 5em; background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); } 				

/* Testimonial Page */


/* About Page */

.about_wrapper	{width:100%; float:left; position:relative; margin: 7% 0% 7% 0%;}

.about_content	{width:1100px; margin:0 auto; position:relative;}

.about_content h2 {font-size: 25px; color: #f46628;}

.about_content h3 {font-size: 21px; color: #7b980e; font-weight: bold;}

.about_content h4 {color: #f46628; font-weight: bold;}

.about_content p	{font-size: 16px; text-align: justify;  line-height: 26px;}

.page_heading_about	{width:100%; float:left; position:relative; background-image:url(../images/bg_about_pg.jpg); background-repeat: no-repeat; background-position: top; height: 300px;}

.page_heading_about h5 {background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px; padding: 21px 40px; /*max-width: 600px;*/ font-size: 40px; font-weight: bold; margin-left: 131px; color:#627b04;}
/* About Page */

/* Our Goal */

.page_heading_ourgoal	{width:100%; float:left; position:relative; background-image:url(../images/bg_ourgoal_pg.jpg); background-repeat: no-repeat; background-position: top; height: 300px;}

.page_heading_ourgoal h5 {background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px; padding: 21px 40px; /*max-width: 600px;*/ font-size: 40px; font-weight: bold; margin-left: 131px; color:#627b04;}

/* Our Goal Page */

/* Food Therapy Program */

.page_heading_food_therapy	{width:100%; float:left; position:relative; background-image:url(../images/bg_food_therapy_bg.jpg); background-repeat: no-repeat; background-position: top; height: 300px;}

.page_heading_food_therapy h5 {background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px; padding: 21px 40px; /*max-width: 600px;*/ font-size: 40px; font-weight: bold; margin-left: 131px; color:#627b04;}

/* Food Therapy Program  Page */


/* Contact Us Page */

.page_heading_contact	{width:100%; float:left; position:relative; background-image:url(../images/bg_contact_pg.jpg); background-repeat: no-repeat; background-position: top; height: 300px;}

.page_heading_contact h5 {background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px; padding: 21px 40px; /*max-width: 600px;*/ font-size: 40px; font-weight: bold; margin-left: 131px; color:#627b04;}

.contact_us_wrapper		{width:100%; float:left; position:relative; margin: 4% 0% 5% 0%;}

.contact_us_left  {width:40%; float:left; position:relative; margin-left:5%;}

.contact_us_left  input.text {border: solid 1px #deded0;  width: 85%; padding: 22px 8px 22px 10px; font-size: 13px; font-weight: bold;  background: white; color: #242424; margin-top: 10px; font-family:"Trebuchet MS", Helvetica, sans-serif;}	

.contact_us_left  input.text:hover	{border: solid 1px #acc744;}

.contact_us_left  textarea.text {border: solid 2px #deded0;  width: 85%; padding: 22px 8px 22px 10px; font-size: 13px; font-weight: bold;  background: white; color: #242424; margin-top: 10px; font-family:"Trebuchet MS", Helvetica, sans-serif;}

.contact_us_left textarea.text:hover	{border: solid 1px #acc744;}

.contact_us_left  #registerNew {width: 180px; height: 50px; border: 2px solid #fff; cursor: pointer; float: left; background: #54a506; color: white; margin-top: 14px; margin-left: -2px;}

.contact_us_left  #registerNew:hover	{background-color:#665a4e;}

.contact_us_right  {width:50%; float:left; position:relative;}

.contact_us_right_add1	{width:100%; float:left; position:relative;  }

.contact_us_right_add2	{width: 100%; float: left; position: relative; background-color: black; opacity: 0.7; z-index: 2; margin-top: -101px;}

.contact_us_right_add2  p	{color: white; font-size: 17px; padding: 2% 0% 0% 0%; text-align: center;}

/*  Contact Us Page */


/* Thank You Page */

.page_heading_thank	{width:100%; float:left; position:relative; background-image:url(../images/bg_thank_pg.jpg); background-repeat: no-repeat; background-position: top; height: 300px;}

.page_heading_thank h5 {background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px; padding: 21px 40px; /*max-width: 600px;*/ font-size: 40px; font-weight: bold; margin-left: 131px; color:#627b04;}

/* Thank You Page */

.social-icon {
  display: block;
  width: 29px;
  height: 29px;
  float: left;
  margin-top: 0px;
  margin-right: 15px;
  text-align: left;
  background: transparent url(http://nutritionistmumbai.com/images/social-icons.png) 0 0 no-repeat;
  background-size: 60px; }

#facebook {
  background-position: 0px 0px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;     padding: 0 1% 0 1%;
    margin: 0 3%;
}

#facebook:hover {
  background-position: 0px -29px; }

#instagram {
  background-position: -32px 0px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }

#instagram:hover {
  background-position: -32px -29px; }


.events_wrap {width:100%; float:left; position:relative;  border-bottom:1px solid black; margin:2% 0;padding-bottom: 30px;}

.events_img	{width:30%; float:left; position:relative; margin-top: -7%; margin-bottom: 2%;}

.events_text {width:65%; float:left; position:relative; margin: -38px 0px 0px 55px;}

.events_text h4 {text-transform: uppercase; font-size: 27px; font-weight: bold;}

.events_text h3 { font-size: 19px; font-weight: normal; line-height: 0px;}

.events_text p  {font-size: 16px; text-align: justify; line-height: 25px;}


/* Events 2 */
.slider_container{ width:920px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:30px 0 0 0;}

.flex-caption{ position: absolute; right:11px; bottom:20px;}

.caption_title_line{ width:450px; height:75px; padding:5px 15px 10px 15px;background:url(images/slider_caption_bg.png) repeat;color: #303030;}

.flex-caption h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;}



.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {width: 40%; margin: 0; padding: 0 0 0 0;background:url(images/shadow_bottom.png) no-repeat center bottom;}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {max-width: 100%; display: block; /*border:10px #ededed solid;*/}

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative; zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

.flex-container {zoom: 1; position: relative;}



/* Direction Nav */

.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a.next {background:url(../images/events/next_arrow1.png) no-repeat center; bottom:184px;}

.flex-direction-nav li a.prev {background:url(../images/events/arrow_prev1.png) no-repeat center;bottom:141px;}

.flex-direction-nav li a.next:hover {background:url(../images/events/next_arrow1.png) no-repeat center;}

.flex-direction-nav li a.prev:hover {background:url(../images/events/arrow_prev1.png) no-repeat center;}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}

.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}

.flex-control-nav li a:hover {background-position: 0 -13px;}

.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/* Media Queries

/*-----------------------------------------------------------------------------------*/



@media screen and (max-width: 1000px) {

.slider_container{ width:300px; margin:0 0 0 2%; clear:both; background:none; padding:30px 0 0 0;}

.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;}

.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a.next {background:url(../images/events/next_arrow1.png) no-repeat center; bottom:85px;}

.flex-direction-nav li a.prev {background:url(../images/events/arrow_prev1.png) no-repeat center;bottom:40px;}

.flex-caption { display:none;}

}