@charset "utf-8";
/* CSS Document */
/*
 Diet Product | Responsive Landing Page
 Author Name : Jitu chauhan;
*/
/*
+ Typography
+ Buttons
+ Forms
+ General CSS
+ Hero Section
+ Page Section CSS:
 	- Hero Section
	- Navigation
	- Product
	- How it works
	- Pricing
	- Before / After Gallery
	- Testimonial
	- Call to action
	- Footer
+ Blog:
	- Blog
	- Blog-Details
*/

/******* Typography *******/
 
body {font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 26px; color: #4a4d48; -webkit-font-smoothing: antialiased; font-weight: 300;}
h1, h2, h3, h4, h5, h6 {color: #292c27; margin: 0 0 18px 0; font-weight: 300; }
h1 {font-size: 32px;line-height: 42px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {margin: 0 0 30px 0;}
a {color: #4a4d48; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
a:hover, a:focus {color: #f07901; text-decoration: none;}
ul, ol {margin: 0 0 28px 0;}

/******* Buttons *******/

.btn {text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; 
padding: 10px 17px; border-radius: 4px;}
.btn-default {background-color: #fa8006; color: #fff; border: none;}
.btn-default:hover {background-color: #d26a01; color: #fff;}
.btn-primary {background-color: #05a0a9; color: #fff; border: #05a0a9; }
.btn-primary:hover {background-color: #06c2cd; border: #06c2cd; color: #fff;}
.btn-secondary {background-color: #e8ebed; color: #696f74; border: #e8ebed;}
.btn-secondary:hover {background-color: #06c2cd; color: #fff; border: #06c2cd;}
.btn-sm {padding: 6px 10px; font-size: 12px;}
.btn-lg {padding: 13px 50px; font-size: 16px; }

/******* Form *******/

.form-control {border: 1px solid #dbded3; height: 46px; border-radius: 0px;    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
select.form-control {background-color: #fff; font-size: 14px; color: #60635d;
    -webkit-appearance: none; -moz-appearance: none; background-position: 97% 50%;
    background-repeat: no-repeat; background-image: url(../images/down-arrow.png);
    padding-right: 15px;}
textarea .form-control{}
label{}
.control-label{}

/******* General CSS *******/

.main-container {padding-top: 60px; padding-bottom: 100px;}
.listnone {list-style: none; padding-left: 0; display: inline-block;}
.well-block {}
.well-block-default {}

/******* space *******/

.mbtm0 {margin-bottom: 0px;}
.mbtm1 {margin-bottom: 10px;}
.mbtm2 {margin-bottom: 20px;}
.mbtm3 {margin-bottom: 30px;}
.no-padding {padding: 0px;}
.padding-right {padding-right: 0px;}
.padding-left {padding-left: 0px;}

/******* section *******/

.section-space {padding-top: 100px; padding-bottom: 100px;}
.section-color {background-color: #fafaf8;}
.section-title {text-align: center; margin-bottom: 60px;}

/******* List Style - Font Awasome *******/

.angle-right li {position: relative; display: flex;}
.angle-right li:before {margin-right: 10px; font-family: FontAwesome; color: #fa8006; top: 0; left: -5px;
	content: "\f101";}
ul.check-circle {margin-bottom: 30px;}
.check-circle li {position: relative; list-style: none; padding-left: 10px;}
.check-circle li:before {font-size: 16px; margin-right: 10px; font-family: FontAwesome; top: 0; left: -5px;
	color: #0abf45; content: "\f058";}
.angle-right {}

/******* flat icon *******/

.flat-icon-small {font-size: 16px; color: #fa8006; padding-right: 10px; font-weight:500;}
.flat-icon-medium {font-size: 24px; color: #fa8006; padding-right: 10px; font-weight:500;}
.flat-icon-large { }


/******* navigation *******/

.is-sticky .navigation .navbar-default {background-color: white;}	
.navigation {z-index: 9;}
.navigation .navbar-brand {float: left; height: 80px; padding: 0px 15px; font-size: 18px; line-height: 20px;}
.navigation .navbar-default {background-color: white; border-color: #d26a01; }
.navigation .navbar-default {padding-top: 15px; padding-bottom: 15px;}
.navigation .navbar-default .navbar-nav>li>a {color: #d26a01; text-transform: uppercase; font-size: 14px;
	font-weight: 500; letter-spacing: 1px; padding: 40px 14px; line-height: .8;}
.navigation .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #435d04;
	background-color: transparent;}
.navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default.navbar-nav>.active>a:hover {color: #435d04; background-color: transparent;}
.navigation .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #435d04; background-color: #435d04!important;}
.dropdown-menu {background-color: #fff; border: none; padding: 20px 10px;}
.dropdown-menu>li>a {display: block; padding: 10px 20px; clear: both; font-weight: 500; 
	line-height: 1.42857143; color: #464743; white-space: nowrap; font-size: 14px; text-transform: uppercase;
	letter-spacing: 1px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #4f7c11; text-decoration: none; 
	background-color: transparent;}
/***** Mobile Toggle Menu *****/
	
.navigation .navbar-default .navbar-toggle {border-color: #fff; background-color:#fff;}
.navigation .navbar-default .navbar-toggle .icon-bar {background-color: #fa8006;}
.navigation .navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px;
    margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none;
    border: 1px solid transparent; border-radius: 4px;}
.navigation .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #7ba021; border-color:#7ba021;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}	
/******* Hero section *******/	

.hero-slide {background-image: url('../images/header-bg.jpg'); background-repeat: none; background-attachment: scroll; background-position: center center; -webkit-background-size: cover 	-moz-background-size: cover; background-size: cover; -o-background-size: cover;  }
.hero-section {padding-top: 180px;}
.hero-title {font-size: 54px; color: #fff; font-weight: 400; letter-spacing: -1px;}
.hero-desc {color: #74c2f2;}
.hero-content{}
.hero-content ul {margin-top: 30px;}
.hero-content ul li{margin-bottom: 30px;}
.girls-pic{}
/************ Form **********/
.form-box{}
.form-box .btn-default{margin-top: 30px;}
/******* page header *******/
.page-header {background: url(../images/page-header.jpg) no-repeat; padding-bottom: 100px; padding-top: 240px; margin: 0px; position: relative; border:none;}
.page-title {color: #fa8006; text-align: center;}
.lead{margin-bottom: 40px; margin-top: 30px; line-height: 32px;}
 

/******* Pricing *******/

.price-block{background-color: white; padding: 40px; text-align: center; margin-bottom: 30px;}
.price{font-size: 26px; color: #fa8006; font-weight: 400; margin-top: 40px;}
.pricing-cta{text-align: center; margin-top: 80px;}
.pricing-cta a{font-size: 24px;}

/********** Gallery **********/
.gallery .item{
  margin: 3px;
}
.gallery .item img{
  display: block;
  width: 100%;
  height: auto;
}
#gallery .owl-theme .owl-controls .owl-page span{background-color: #7ba021;}

/******* Testimonial *******/

.testimonial{margin-bottom: 100px;} 
.testimonial-block { }
.testimonial-desc { font-size: 21px; line-height: 1.6; margin-bottom: 60px;}
.testimonial-name {color: #f44421; margin-top: 80px; font-size: 24px; }
.testimonial-name small{font-size: 12px; color: #989499; padding-left: 10px;}
.testimonial-pic{float: left;padding-right: 30px;}
.testimonial-block .owl-nav {text-align: center; width: 60px; margin: 40px auto; display: inline-block;}
.testimonial-block .owl-nav i {font-size: 24px; color: #cfdbe5;}
.testimonial-block .owl-prev {float: left;}
.testimonial-block .owl-next {float: right;}

 
/********** How It Work **********/

.work-block {
	text-align: center;
}
.work-block .circle-border {
	border-radius: 100%;
	height: 116px;
	width: 116px;
	border: 5px solid #e0e2dc;
	margin: 0 auto 35px;
	background-color: #fff;
}
.work-block .circle {
	height: 90px;
	width: 90px;
	background-color: #fa8006;
	border-radius: 100%;
	margin-left: 8px;
	margin-top: 8px;
}
.work-block .circle h1 {
	color: #fff;
    font-size: 35px;
     
    text-align: center;
    position: relative;
   
    line-height: 2.5;
}
.work-info {
}
.work-info h3 {
	font-size: 21px;
	color: #292c27;
}
.callto-action {
	background-color: #9fc542;
	text-align: center;
	padding-bottom: 75px;
}
.big-logo{    position: relative;
    top: -120px;
    text-align: center}

.callto-action h1 {
	color: #fff;
}
.callto-action p {
	color: #fff;
}
.callto-action .btn-default {
	padding: 15px 55px;
	font-size: 24px;
}

/******* Footer *******/
.footer {
    background-color: #272826;
    padding-bottom: 30px;
    padding-top: 30px;
}
.footer .social-icon{ text-align: right; }
.footer .social-icon a{    font-size: 18px;
    background: #4f514d;
    color: #757872;
    border-radius: 60px;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 2.2;
    text-align: center;
    padding-left: 2px; margin-right: 10px;}
.footer .social-icon a:hover{ background: #f07901; color: #fff;}
.footer-block {margin-bottom: 20px;}
 
 
.copyright {font-size: 16px; margin-top: 10px;}
.copyright p{margin-bottom: 0px;
}
 

/******* Blog *******/

.content-right {margin-bottom: 30px;}
.sidebar {}
.post-holder {    margin-bottom: 30px;} 
.post-holder p:last-child {margin-bottom: 0px;}
.post-sticky {background: url(../images/sticky.png) no-repeat; position: absolute; top: 0; width: 38px;
	height: 60px; right: 50px;}
.post-title {line-height: 24px;}
.post-img {position: relative;  }
.post-img img {width: 100%;}
.post-well{padding:30px; border:1px solid #f0f0f0; border-bottom:2px solid #fa8006;}
.blogslider {}
.blogslider .owl-nav {text-align: center; width: 60px; margin: 0px auto;}
.blogslider .owl-nav i {font-size: 24px; color: #fff;}
.blogslider .owl-prev {position: absolute; top: 40%; left: 5%;}
.blogslider .owl-next {position: absolute; right: 5%; top: 40%;} 
.post-video {}
.share-option{}
 
	/***** Blog Meta *****/
	
.meta {color: #a1a1a1;}
.post-meta i {text-align:right;}
.meta-date, .meta-comment, .meta-author {font-family: 'Roboto', sans-serif; margin: 0 15px 0px 0px;
	font-size: 13px; font-weight: 400;  }
.post-meta {color: #696f74; padding-bottom: 20px; }
.meta-date {}
.meta-date .flat-icon {padding-right: 10px; color: #f44421;}
.meta-comment {}
.meta-author {}
.meta-category{}

	/***** Blockquote *****/

.post-quote {}
blockquote {font-style: italic; font-size: 21px; color: #4a4d48; border: none; font-weight: 400; margin: 0px;
	padding: 10px 0px;   line-height:34px;}
blockquote p{ }
.source-name { }

 
/******* Blog Details *******/	
	/***** alignment *****/
	
.alignleft {float: left; margin: 10px 20px 20px 0;}
.alignright {float: right; margin: 20px 0 .5em 20px;}
.caption {font-size: 16px; background-color: #24dcfd; color: #33393d; padding: 10px; font-weight: 500;}

	/***** Related Post *****/
	
 
.related-post {margin-bottom: 30px; border-bottom: 1px solid #f4f5f1; border-top: 1px solid #f4f5f1; padding-bottom: 29px; display: inline-block; width: 100%; padding-top: 30px;} 
.related-post-block{}	
.related-img {float: left; margin-right: 150px; margin-bottom: 20px;}
.related-desc{}
.related-title {margin-bottom: 10px;}

	/***** Prev Next Block *****/

.next-prev-block{border-bottom: 1px solid #f4f5f1; padding-bottom: 39px; margin-bottom:30px;}
.prev-block{}
.prev-post{}
.prev-title{}
.next-block{text-align:right;}
.next-post{}
.next-title{}



	/***** Author Post *****/
	
.author-post {padding: 30px;   border-bottom: 1px solid #f4f5f1; margin-bottom:30px;}
.author-portrait {margin-bottom:20px;}
.author-portrait img {margin: 0 auto;}
.author-info {}
.social-icon {}	
.social-circle{}
a.social-circle {border-radius: 100%; font-size: 12px; color: #f07901; margin-right: 10px; width: 23px; height: 23px; display: inline-block; text-align: center; background-color:#ecebea;  }
	a.social-circle:hover{background-color:#f07901; color: #fff;  }




.social-icon-link{color: #c9d1db;}
 

	/***** Comments *****/
	
.comments-area {margin-bottom:30px;}
.comments-title {}
.comment-title {margin-bottom: 10px;}
.comment-title span {margin-left: 25px;}
.comment-list {}
.comment-frame {float: left; width: 110px; margin-bottom:30px;}
.user-comments {margin-left: 130px;}
.comment-body {margin-bottom:30px;}
.comment-body.listnone {border : 1px solid #f0f0f0; margin-bottom: 40px; padding: 30px;}
.children {}
.leave-comments, .comment-post, .children {display: inline-block;}

	/***** Leave Reply *****/
.leave-reply{}

	/***** Blog sidebar *****/
		/*** Widget ***/

.widget {border:1px solid #f0f0f0;  padding:30px; margin-bottom:30px;}
.widget ul{margin-bottom:0;}
.widget-title {margin-bottom: 30px;font-weight: 400;}
		
		/*** Widget-Search ***/
		
.widget-search {padding-top: 15px; margin-bottom:30px;}
.widget-search .form-control {height: 40px;}

		/*** Widget-Category ***/

.widget-category {}
.widget-category ul li, .widget-archive ul li {  padding-bottom:10px;
margin-bottom:10px;}
.widget-category ul li:last-child, .widget-archive ul li:last-child{border-bottom:transparent; margin-bottom:0; padding-bottom:0px;}
		/*** Widget-Archive ***/	
.widget-archive {}
.widget-archive strong {padding-left: 10px;}
		
		/*** Widget-Recent-Post ***/	

.widget-recent-post {}
.widget-recent-post ul li {padding-bottom: 0px; display: inline-block;}
.recent-post {}
.recent-post-img {}
.recent-thumb {}
.recent-thumb img{width: 100%;}
.recent-post-desc {}
.recent-post-desc h4 {margin-bottom: 10px;}

		/*** Widget-tags ***/
.widget-tags {}
.widget-tags a {margin-bottom: 5px; padding: 4px 10px; font-size: 10px;	text-transform: uppercase; background-color: #ecebea; margin-right: 5px; color: #b0aaa5;  font-weight:600; display: inline-block;}
.widget-tags a:hover {color: #fff; background-color: #f07901;}

/******* pagination *******/

.st-pagination {margin-top: 70px;}
.st-pagination .pagination>li>a, .pagination>li>span {position: relative; float: left; padding: 4px 12px;
	margin-left: -1px; line-height: 1.42857143; color: #b0aaa5; text-decoration: none; font-size:14px; 
	background-color: #ecebea; border: 1px solid #e6e7e8; margin-right: 5px; font-weight: 600; }
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover {z-index: 3; color: #fff; cursor: default; 
	background-color: #f07901; border-color: #f07901;}
.st-pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 2; color: #fff; background-color: #f07901; border-color: #f07901;}
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span {
    margin-left: 0;
    border-radius: 0px;
     
}
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span {
    border-radius: 0px;
     
}
/******* thank you *******/

.thankyou{  padding-bottom:100px; padding-top:100px;}
.thankyou-block{background:url(../images/thanks-img.jpg) no-repeat;  
padding-bottom:100px; padding-top:100px; }
.thankyou-block img{  }
.thanks-title{font-size:42px;}


/********** Mobile CSS ***********/

@media (max-width: 767px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; background-color: #7ba021;}	
.girls-pic{display: none;}
/********* Section space ********/
.section-space{padding-top: 100px; padding-bottom: 100px;}	
/******* Hero section *******/	

.hero-section {padding-top: 120px; padding-bottom: 120px;}
.hero-title {font-size: 42px;}
 
/********** Blog Page ********/
.testimonial-block {margin-bottom: 60px;} 
.user-comments {margin-left:  0px;}
.comment-frame {margin-right: 25px;float: none;}
.leave-comments{margin-bottom:50px;}


}


