html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, 
b, u, i, 
dl, dt, dd, ol,li,ul
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding-top: 0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
	margin-bottom:0;	
}

@font-face {
    font-family: 'futurastdbook';
    src: url('inc_files/fonts/futurastd/futurastd-book.eot');
    src: url('inc_files/fonts/futurastd/futurastd-book.eot?#iefix') format('embedded-opentype'),
         url('inc_files/fonts/futurastd/futurastd-book.woff2') format('woff2'),
         url('inc_files/fonts/futurastd/futurastd-book.woff') format('woff'),
         url('inc_files/fonts/futurastd/futurastd-book.ttf') format('truetype'),
         url('inc_files/fonts/futurastd/futurastd-book.svg#futurastdbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* remember to define focus styles! */
:focus { 
outline: 0; 
}

/* --------------- remove apple's default styling --------------- */
	input[type="text"]{
		border-radius:0;
		padding:1px 0 1px 2px;
		-webkit-appearance: none;
	}
	
	input[type="button"],input[type="submit"],textarea{
		border-radius:0;
		-webkit-appearance: none;
	}

body{
	margin:0 auto;
	color:#585857;
	font-size:16px;
	font-family: 'futurastdbook';
}
h2{
	font-size:37px;
}
h3{
	font-size:29px;
	text-align:center;
	text-transform: uppercase;
}
h5{
	font-size:26px;
}
a{
	text-decoration:none;	
	color:#585857;	
}
li{
	list-style-type:none;
}
p{	
	font-size:16px;	
	line-height:26px;
}

#main-wrapper{
	width:100%;
	margin:0 auto;	
}

/* ---------------------------- common class ---------------------------- */
.content-block{
	width:100%;		
	overflow:hidden;
}
.gray-bg{
	background:url(inc_files/images/gray-bg.jpg) repeat;
}
.light-bg{
	background:url(inc_files/images/light-bg.jpg) repeat;
}
.content-block-inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.green-link{
	display:inline-block;
	padding:20px 39px;
	color:#fff;
	text-transform: uppercase;
	text-align:center;
	background-color:#b2c156;
	letter-spacing:2px;
}
.green-link:hover{
	background-color:#97a445;
}
/* ---------------------------- header section ---------------------------- */
#header-wrapper{
	width:100%;
	height:80px;
	position:absolute;
	top:30px;
	left:0;
	z-index:1;
	background:url(inc_files/images/white-tr-bg.png) repeat;
}
#header-inner-wrapper{
	width:1000px;
	margin:0 auto;
	height:80px;
}
#mobile-logo{
	display:none;
	position:absolute;
	left:50%;
	top:80px;
	margin-left:-47px;
}
/* ------ menu wrapper section ------ */
.logo{
	top:-34px;
	background:url(inc_files/images/logo.png) center top no-repeat;	
	height:211px;
	position:relative;
}
.subMenu.smint.fxd .logo{
	background:url(inc_files/images/logo-scroll.png) center 40px no-repeat;
	display:block!important;
	height: 115px;
}
.subMenu{	
	height:80px;
	z-index:1000;
	width: 100%;	
}
.subMenu.smint.fxd{
	background:url(inc_files/images/white-tr-bg.png) repeat;
	height:80px;
	width:100%;
}
.subMenu a{
	width: 20%;
	text-align:center;
	color:#6c6c6b;
	font-size:15px;
	text-transform: uppercase;	
	display:block;
	font-weight:bold;
	line-height:80px;
	float:left;
}
.subMenu #menu-wrapper {
	width:1000px;
	height:80px;	
	position:relative;
	margin:0 auto;
	text-align:center;
}

/* ---------------------------- content wrapper ---------------------------- */
#content-wrapper{
	width:100%;
}

/* --------------- banner section --------------- */
#banner-wrapper{
	width:100%;		
	/*background:url(inc_files/images/banner.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:778px;
	position:relative;	
	/*background-position:center bottom;*/
}
#banner-wrapper h1{
	background:url(inc_files/images/white-tr-bg.png)  repeat;
	font-size:29px;
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
	padding:25px 0;
}

/* --------------- welcome section --------------- */
.welcome-section{
	text-align:center;
	padding-bottom:80px;
}
#welcome-text{	
	height:420px;
	width:93.5%;
	background:url(inc_files/images/welcome-text-bg.png) no-repeat;
	padding:62px 0 0 6.5%;
	margin: 82px 0 27px 0;
}
#welcome-text h2{
	line-height:33px;
	border-bottom:1px solid #585857;
	display:inline;
}
#welcome-text h5{
	letter-spacing:1px;
	margin-bottom:28px;
}
#welcome-text p{
	margin-bottom:25px;
	width:55%;
}

/* --------------- about section --------------- */
#about-content{
	width:100%;
	overflow:hidden;
	background:url(inc_files/images/border.png) bottom repeat-x;
	margin-top: 110px;
	padding-bottom:4px;
}
#about-content img{
	float:left;
	margin-left: 4.5%;
	width: 29.8%;
}
#about-content ul li{
	background:url(inc_files/images/list-icon.png) left 10px no-repeat;
	padding-left:30px;
	line-height:32px;
}
#about-right_text{
	float:right;
	width:60%;
	width: 61.5%;
}
#about-right_text h3{
	text-align:left;
	margin-bottom: 19px;
}

/* --------------- tabs section --------------- */
#tabs-wrapper{
	width:100%;
	background:url(inc_files/images/border.png) bottom repeat-x;
	margin-bottom:120px;
	
}
.tabs-main{	
	width:100%;
	overflow: hidden;
}
.tab-button{
	display:block;
	cursor:pointer;
	height:50px;
	line-height:50px;
	color:#585857;
	font-size:29px;
	background-image:url(inc_files/images/arrow-down.png) ;
	background-position:right center;
	background-repeat:no-repeat;
	text-transform: uppercase;
	font-weight:600;
	text-align:right;
	padding: 15px 50px 15px 0 ;
}
.down-icon{
	background-image:url(inc_files/images/arrow-top.png)!important;
}
.top-icon{
	background-image:url(inc_files/images/arrow-down.png)!important;
}
.tabs-content{
	overflow:hidden;
	display: none;
	clear:both;
	padding:29px 0 28px 0;
}
.tabs-content p{
	margin-bottom:27px;
}
.tabs-content-left{
	width:45%;
	padding: 0 2.5%;
	float:left;
}
.tabs-content-right{
	width:45%;
	padding: 0 2.5%;
	float:right;
}

/* --------------- lessons section --------------- */
.lessons-section{
	text-align:center;
	padding-bottom:133px;
}
#lessons-content{
	background:url(inc_files/images/border.png) bottom repeat-x;
	padding:90px 0 67px 0;
	text-align:center;
	margin-bottom:58px;
}
#lessons-content h3{
	text-align:center;
	margin-bottom:60px;
}
#lessons-content>p { text-align:center;  }
.lessons-block{
	width:48%;
	display:inline-block;
	-webkit-box-shadow: 0px 0px 5px 1px #cfcfcf;
	-moz-box-shadow: 0px 0px 5px 1px #cfcfcf;
	box-shadow: 0px 0px 5px 1px #cfcfcf;
	margin:0 0.5%;
	background-color: #fff;
	margin: 40px 0;
}
#lessons-content .lessons-block h3{
	background-color:#f0e520;	
	height:67px;
	line-height:67px;
	margin-bottom:0;
}
.lessons-block div{
	padding:22px 2.5% 23px 2.5%;
}
.lessons-block p{
	line-height:46px;
}

/* --------------- testimonial section --------------- */
.testimonial-section{
	padding:88px 0 100px 0;
}
.testimonial-section h3{
	margin-bottom:70px;
}
.testimonial-slider{	
	width:85%;
	margin:0 auto;
	position:relative;
}
.testimonial-slider p{
	font-style:italic;
	font-weight:600;
	font-size:24px;
	text-align:center;
	line-height:45px;
	padding:40px 6%;
}
.testimonial-slider span{
	display:block;
	text-align:center;
	padding-top:22px;
}
.testimonial-slider-container div{
	-webkit-box-shadow: 0px 0px 5px 1px #cfcfcf;
	-moz-box-shadow: 0px 0px 5px 1px #cfcfcf;
	box-shadow: 0px 0px 5px 1px #cfcfcf;
	background-color:#FFF;
	width:96%;
	margin:0 auto;
}
#coma-top{
	position:absolute;
	top:-28px;
	left:-16px;
	z-index:2;
}
#coma-bottom{
	position:absolute;
	bottom:16px;
	right:-16px;
	z-index:2;
}

/* --------------- contact section --------------- */
.contact-section{
	background:url(inc_files/images/dark-bg.jpg) repeat;
	padding:88px 0 80px 0;
}
.contact-section h3{
	margin-bottom:47px;
}
#content-text{
	width:84%;
	margin:0 auto 50px auto;
}
#content-text p{
	text-align:center;
}
#contact-details{
	width:45%;
	padding:0 2.5%;
	float:left;
}
#contact-details p{
	margin: 6px 0 20px 0;
	padding-left:58px;
	line-height:24px;
}
#contact-details a{
	color:#98aa2d;
	border-bottom:1px solid #98aa2d;
}
#call{
	background:url(inc_files/images/tel-con.png) left center no-repeat;
}
#email{
	background:url(inc_files/images/mail_icon.png) left center no-repeat;
}
#fine-us{
	background:url(inc_files/images/map_icon.png) left center no-repeat;
}
#contact-details img{
	vertical-align: middle;
}
#contact-form-wrapper {
	width:48%;
	padding:0 2% 0 0;
	float:right;
}
#contact-form-wrapper label{	
	display:block;
	float:left;
	line-height:34px;
	margin-bottom:12px;
	clear:left;
}
#contact-form-wrapper input[type="text"]{	
	border:0;
	width:71%;
	height:34px;
	background-color:#fff;
	margin-bottom:12px;
	font-size:16px;
	color:#585857;
	padding:0 3%;
	float:right;
	font-family: 'futurastdbook';	
}
#contact-form-wrapper textarea{
	border:0;
	width:71%;
	background-color:#fff;
	padding:3%;
	margin-bottom:12px;
	font-size:17px;
	color:#4c4a4c;
	height: 122px;
	float:right;
	font-family: 'futurastdbook';	
}
#contact-form-wrapper input[type="submit"]{
	width:139px;
	height:52px;
	border:none;
	padding:0 28px;
	color:#fff;
	text-align:center;
	background-color:#b2c156;
	font-size:16px;
	cursor:pointer;
	letter-spacing:1px;
	text-transform: uppercase;
	margin-left:23%;
	font-family: 'futurastdbook';	
}
#contact-form-wrapper input[type="submit"]:hover{
	background-color:#97a445;
}

label.error{
	float:none!important;
	color:#98aa2d;
}

/* ---------------------------- footer section ---------------------------- */
#footer-wrapper{
	width:100%;
}
#footer-inner-wrapper{
	width:1000px;
	margin:0 auto;	
	overflow:hidden;	
	padding:20px 0;
}
#footer-inner-wrapper p{
	text-align:center;
}
#footer-inner-wrapper a{
	color:#585857;	
}
#footer-inner-wrapper a:hover{
	color:#98aa2d;
	border-bottom:1px solid #98aa2d;	
}

/* ---------------------------- media query ---------------------------- */
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content-block-inner{
		width:96%;
	}
	#header-inner-wrapper{
		width:100%;
	}
	.subMenu #menu-wrapper{
		width:100%;
	}	
	
	#welcome-text{
		-webkit-box-shadow: 0px 0px 5px 1px #cfcfcf;
		-moz-box-shadow: 0px 0px 5px 1px #cfcfcf;
		box-shadow: 0px 0px 5px 1px #cfcfcf;
		background-color:#FFF;
		background-image:none;
		height:auto;
		padding-bottom:20px;
	}
	#welcome-text p{
		width:96%;
	}
	#contact-form-wrapper input[type="text"]{
		width:65%;
	}
	#contact-form-wrapper textarea{
		width:65%;
	}
	#contact-form-wrapper input[type="submit"]{
		margin-left:29%;
	}
	#contact-details p{
		font-size:14px;
		padding-left:34px;
	}
	#footer-inner-wrapper{
		width:96%;
	}
	
}

@media screen and (min-width: 240px) and (max-width: 767px) {
	h3{
		font-size:25px;
	}
	.content-block-inner{
		width:96%;
	}
	
	#header-inner-wrapper{
		width:100%;
	}
	#mobile-logo{
		display:block;
	}
	.logo{
		display:none!important;
	}
	.subMenu.smint.fxd .logo{
		display:none!important;
	}
	.subMenu #menu-wrapper{
		width:100%;
	}
	.subMenu a{
		display:inline-block;
		float:none;
		width:auto;
		margin:0 2%;
		font-size:13px;
	}
	#banner-wrapper h1{
		font-size:20px;
	}
	#welcome-text{
		-webkit-box-shadow: 0px 0px 5px 1px #cfcfcf;
		-moz-box-shadow: 0px 0px 5px 1px #cfcfcf;
		box-shadow: 0px 0px 5px 1px #cfcfcf;
		background-color:#FFF;
		background-image:none;
		height:auto;
		padding-bottom:20px;
	}
	#welcome-text p{
		width:96%;
	}
	#about-content img{
		float:none;
		width:70%;
		display:block;
		margin:0 auto 20px auto;
	}
	#about-right_text{
		float:none;
		width:85%;
		margin:0 auto;
	}
	.tab-button{
		font-size: 16px;
	}
	.tabs-content-left{
		width:80%;
		float:none;
	}
	.tabs-content-right{
		width:80%;
		float:none;
	}
	.lessons-block{
		display:block;
		width:90%;
		margin:0 auto 20px auto;
	}
	.testimonial-slider p{
		line-height: 32px;
		font-size:16px;
	}
	#contact-details{
		width:90%;
		float:none;
		margin:0 auto 20px auto;
	}
	#contact-form-wrapper{
		width:90%;
		float:none;
		margin:0 auto;
	}
	#contact-form-wrapper input[type="text"]{
		width:65%;
	}
	#contact-form-wrapper textarea{
		width:65%;
	}
	#contact-form-wrapper input[type="submit"]{
		margin-left:29%;
	}
	#contact-details p{
		font-size:14px;
	}
	#footer-inner-wrapper{
		width:96%;
	}
	
}