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;
}

/******Navigation CSS******/
.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: #5da17b;
}
.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 CSS*****/
.intro-section {
	min-height:900px;
	padding-top: 40px;
	/* background: #fff;*/
}
.intro-section h1 {
	color:#2c533d;
	font-weight:600;
	font-size:42px;
	letter-spacing:-2px;
	margin-bottom:30px;
}
.intro-section p {
	color:#2c533d;
	font-size:16px;
	margin-bottom:60px;
}
/*** Common Section***/
#feature, #classes, #pricing, #teacher, #member, #client, #signup{ overflow:hidden;}
.feature-section, .classes-section, .teacher-section, .pricing-section, .member-section, .testimonial-section {
	padding-top:120px;
	padding-bottom:120px;
}
.section-colored {
	background: #f1f5f3;
}
.section-heading {
	padding-bottom:60px;
	text-align:center;
}
.section-heading h1 {
	font-size:30px;
	letter-spacing:-1px;
	font-weight:600;
}
.feature-section .col-md-4 {
	margin-bottom:60px;
}
.feature-section .col-md-4 i {
	color:#42b373;
}
.pattern { background:url(../images/sfondo.jpg); margin-top:50px; background-repeat:no-repeat; width:100%;}

/******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;
}
/*** Button Section****/
.cta-section {
	background-color:#f1f5f3;
	padding-bottom:20px;
	padding-top:20px;
	border-radius: 4px;
}
.cta-section h4 {
	font-size:28px;
	font-weight:bold;
	color:#42b373;
	padding-bottom:20px;
}
.btn-yellow-hero {
	background-color:#fac922;
	border:none;
	padding:12px 12px;
	font-family: 'Roboto Slab', serif;
	font-size:18px;
	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:#2c533d;
	border:none;
	padding:12px 12px;
	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;
}
.pricing h1 {
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -2px;
}
.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;
}
.pricing-main ul {
	margin:0px;
	padding:30px 0px;
}
.pricing-main ul li {
	list-style:none;
	line-height:30px;
}
/**** Testimonial*****/
.testimonial {
	background: #f1f5f3;
}
.testimonial-section p {
	font-size: 24px;
	line-height: 40px;
	font-style:italic;
	margin-top:80px;
}

/**** Sign up Section****/
.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;
}
/**** Footer Section****/
.footer {
	background-color:#383f3b;
	padding-top:30px;
	padding-bottom:30px;
}
****** media query start******/
@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;
}
.classes_box {
	margin-bottom:20px;
}	
.teacher-section .col-md-3{ margin-bottom:20px;}
.signup .input-lg {
border: none;
border-radius: 2px;
margin-bottom: 10px;
}
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}