body {
	width: 100%;
}
html {
	width: 100%;
	-webkit-font-smoothing: antialiased;
}
 @media(min-width:767px) {
 .navbar {
/*padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;*/
    }
 .top-nav-collapse {
        /* Customize the look and feel of the collapsed top nav here */
        padding: 0;
}
}
/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */
a {
	color:#42b373;
}
a:hover {
	color:#2c533d;
}
p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height:24px;
	font-family: sans-serif;
	color:#909592;
}
ul {
	margin:0px;
	padding:0px;
}
/*** Navigation section ****/
.navbar-default .navbar-brand {
	color: #fac922;
	font-family: 'Roboto Slab', serif;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #fac922;
	background-color: transparent;
}
.navbar-default {
	background-color: #2c533d;
	border-color: #2c533d;
}
.navbar-default .navbar-nav>li>a {
	color: #ffd852;
	font-size: 14px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #fac922;
	background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fac922;
	background-color: #244834;
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: #ffd852;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-default .navbar-toggle {
border-color: #ffd852;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ffd74d;
}

/***intro section****/
.intro-section {
	min-height:800px;
	padding-top: 200px;/* background: #fff;*/
}
.intro-section h1 {
	color:#fff;
	font-weight:600;
	font-size:42px;
	letter-spacing:-2px;
	margin-bottom:30px;
}
.intro-section ul {
	margin:0px 0px 60px 0px;
	padding:0px;
}
.intro-section ul li {
	color:#fff;
	font-size:16px;
	list-style:none;
}
.intro-section ul li i {
	margin-right:10px;
}
.hero-form input {
	border-radius: 3px;
	border: 0px;
	font-size:13px;
}
.hero-form select {
	border-radius: 3px;
	border: 0px;
	font-size:13px;
	height:40px;
}
.hero-form button {
	margin-top:30px;
}
.hero-form h4 {
	color:#fff;
}
.hero-form small {
	margin-top:20px;
	display: block;
}
/***Common CSS*****/

.feature-section, .classes-section, .teacher-section, .pricing-section, .member-section, .testimonial-section, .gallery {
	padding-top:100px;
	padding-bottom:100px;
}
#feature, #video, #pricing, #signup, #member, #client {
	overflow:hidden;
}
.section-colored {
	background: #f1f5f3;
}
.section-heading {
	padding-bottom:60px;
	text-align:center;
}
.section-heading h1 {
	font-size:30px;
	letter-spacing:-1px;
	font-weight:600;
}
.pattern {
	background:url(../images/pattern.png) 0px 50px;
	background-repeat:repeat-x;
	background-color:#42b373;
}
/******Teacher feature******/
.teacher_feature h1 {
	font-size:30px;
	letter-spacing:-1px;
	font-weight:600;
}
.teacher_feature p {
	font-size:18px;
}
.feature-section .col-md-6 {
	margin-bottom:30px;
	margin-top:30px;
}
/**** Benefits****/
.benefits ul {
	padding:0px;
	margin-top:30px;
}
.benefits ul li {
	list-style:none;
	color:#909592;
	margin-bottom:10px;
}
.benefits ul li i {
	margin-right:10px;
}
/**** Button CSS******/

.btn-yellow-hero {
	background-color:#fac922;
	border:none;
	padding:12px 70px;
	font-family: 'Roboto Slab', serif;
	font-size:15px;
	font-weight:600;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-yellow-hero:hover {
	background-color:#fac922;
	border:none;
	padding:12px 80px;
	color:#fff;
	font-family: 'Roboto Slab', serif;
	font-weight:600;
	-webkit-font-smoothing: antialiased;
}
.btn-yellow {
	background-color:#fac922;
	border:none;
	padding:12px 30px;
	font-family: 'Roboto Slab', serif;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-yellow:hover {
	background-color:#2c533d;
	border:none;
	padding:12px 30px;
	font-family: 'Roboto Slab', serif;
	-webkit-font-smoothing: antialiased;
	color:#fff;
	font-weight: bold;
}
.btn-green-dark {
	background-color:#2c533d;
	border:none;
	color:#fff;
	padding:12px 30px;
	font-family: 'Roboto Slab', serif;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-green {
	background-color:#42b373;
	border:none;
	font-family: 'Roboto Slab', serif;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	padding: 12px 30px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-green:hover {
	background-color:#2c533d;
	border:none;
	font-family: 'Roboto Slab', serif;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	padding: 12px 30px;
	font-weight: bold;
	color:#fff;
}
/**** Teacher section*****/
.teacher-section h4 {
	margin-top:30px;
}
.teacher-section i {
	color:#a7b3ad;
}
.teacher-section i:hover {
	color:#42b373;
}
.teacher-section img {
	opacity:0.6
}
.teacher-section img:hover {
	opacity:1;
	cursor:pointer;
}
/***** Pricing Section*****/
.pricing {
	border:none;
	padding: 30px 0px;
	text-align:center;
	background:#f1f5f3;
}
.pricing h1 {
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom:30px;
}
.pricing h2 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom:30px;
}
.pricing ul {
	margin:0px;
	padding:30px 0px;
}
.pricing ul li {
	list-style:none;
	line-height:30px;
}
.pricing-main {
	background-color:#ffd852;
	border:none;
	padding: 30px 0px;
	text-align:center;
}
.pricing-main h1 {
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom:30px;
}
.pricing-main h2 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom:30px;
}
.pricing-main ul {
	margin:0px;
	padding:30px 0px;
}
.pricing-main ul li {
	list-style:none;
	line-height:30px;
}
/*** Testimonial****/
.testimonial {
	background: #f1f5f3;
}
.testimonial-section img {
	margin:0px auto;
}
.testimonial-section p {
	line-height: 30px;
	font-style:italic;
	margin-top:30px;
}
/**** Sign up form CSS*****/
.signup {
	background-color:#42b373;
	background-image:url(../images/ptn-standing.png);
	background-repeat:repeat-x;
	height:394px;
	width:100%;
	color:#fff;
	padding-top:80px;
}
.signup h2 {
	font-weight:600;
	letter-spacing:-1px;
}
.signup p {
	color:#fff;
	padding-bottom:30px;
}
.signup .input-lg {
	border:none;
	border-radius: 2px;
}
/*** Classes Section*****/
.classes_box {
	background-color:#fff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	padding: 40px 20px;
	text-align:center;
}
.classes_box img {
	margin-bottom:30px;
}
.classes_box p, .member-section p {
	padding-bottom:30px;
}

/*******Video Section**********/
.video {
	background-color:#5acc8c;
	margin-top:30px;
	border:3px solid #349a60;
}
.video-section {
	background-color:#42b373;
	background-image:url(../images/ptn-standing.png);
	background-repeat:repeat-x;
	height:394px;
	width:100%;
	color:#fff;
	padding-top:80px;
}
.video-section h2 {
	font-weight:600;
	letter-spacing:-1px;
}
.video-section p {
	color:#fff;
	padding-bottom:30px;
}
.video-section img {
	margin:0 auto;
}
/***carousel section***/
.carousel-control {
	position: absolute;
	top: 30%;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: .5;
	filter: alpha(opacity=50);
	font-size: 20px;
	color: #fff;
	text-align: center;/* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	margin:0px auto;
}
.carousel-caption {
	position: relative;
	left: 0%;
	right: 0%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #3b3f3d;
	text-align: center;
	text-shadow:none;
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	background-color: #42b373;
}
.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #ffd852;
}
.carousel-control:hover, .carousel-control:focus {
	outline:0;
	color:#42b373;
	text-decoration:none;
}
/***member section ****/
.member-section ul {
	margin-top:30px;
}
.member-section h3 {
	font-weight:bold;
}
.member-section ul li {
	list-style:none;
	margin-bottom:20px;
	color:#909592;
}
/***Footer CSS***/
.footer {
	background-color:#383f3b;
	padding-top:30px;
	padding-bottom:30px;
}
@media (min-width: 768px) {

}

@media(max-width:767px){
.feature-section, .classes-section, .teacher-section, .pricing-section, .member-section, .testimonial-section {
padding-top: 80px;
padding-bottom: 80px;
}
.feature-section .col-md-4 {
margin-bottom: 30px;
}

.testimonial-section .col-md-6{ margin-bottom:20px;}
.signup .input-lg {
border: none;
border-radius: 2px;
margin-bottom: 10px;
}
.member_block .col-md-3{ margin-top:30px;}
}
@media(max-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}