body{
	font-family:"Tw Cen MT Condensed Extra Bold"!important;
}
header{
background: #f0b7a1; /* Old browsers */
background: -moz-linear-gradient(top, #f0b7a1 0%, #752201 0%, #8c3310 50%, #bf6e4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0b7a1 0%,#752201 0%,#8c3310 50%,#bf6e4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0b7a1 0%,#752201 0%,#8c3310 50%,#bf6e4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
height:80px;
border-bottom:solid 2px #111;
}
.logo h2{
	color:#fff;
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}
.logo span{
	font-size:16px;
}
.contact ul{
	text-align:right;
	padding-top:25px;
}
.contact ul li{
	font-size:18px;
	color:#fff;
	display:inline-block;
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}
.sp{
	padding-right:10px;
}
.contact a{
	color:#fff;
	border-left:solid 1px #fff;
	padding-left:10px;
}
.contact a:hover{
	color:#fff;
}
.BANNR{
	background:url(../images/banner.jpg);
	height:550px;
	width:100%;
	background-size:cover;
	border-bottom:solid 5px #111;
}
.overlay{
	position:absolute;
	z-index:99;
	background:#000;
	opacity:0.5;
	width:100%;
	height:550px;
}
.submit_form h2{
	margin-top:0px;
	font-size:22px;
}
.submit_form{
	background: rgba(0, 0, 0, 0.5);
	padding:15px;
	color:#fff;
	width:35%;
	margin-top:40px;
	z-index:99;
	position:relative;
}
.submit_form .btn{
	background:#930;
	color:#fff;
	border-color:#930;
}
.submit_form .btn:hover{
	background:#fff;
	color:#333;
}
.welcome{
	text-align:center;
	padding:40px;
}
.welcome h2{
	color:#930;
	font-size:30px;
	margin-top:0px;
}	
.welcome hr{
	border-color:#666;
	width:50px;
}
.welcome span{
	color:#000;
}
.welcome p{
	color:#666;
	font-size:17px;
}	
.Course h2{
	color:#930;
	font-size:30px;
	margin-top:0px;
}	
.Course hr{
	border-color:#666;
	width:50px;
	display:inline-block;
	margin-top:10px;
}
.Course span{
	color:#000;
}
.Course p{
	color:#666;
	font-size:17px;
}	
.bg_cours{
	background:#f5f5f5;
	padding:40px;
}
.side_bar i{
	border:dashed 1px #666;
	padding:15px;
	border-radius:50px;
	font-size:25px;
	float:left;
	color:#930;
	text-align:center;
	margin-right:20px;
}
.side_bar h2{
	color:#930;
	font-size:20px;
	margin-top:0px;
}	
.side_bar hr{
	border-color:#666;
	margin-top:0px;
}
.side_bar p{
	color:#666;
	font-size:17px;
	position:relative;
	padding-left:80px;
}
.testimonial_bg{
	text-align:center;
	padding:40px;
}
.testimonial_bg h2{
	color:#930;
	font-size:30px;
	margin-top:0px;
}	
.testimonial_bg hr{
	border-color:#666;
	width:50px;
}
.testimonial {
		text-align:left;
		background:#FFF;
		padding:10px;
		height:180px;
		margin-top:20px;
		border:solid 1px #bbb;
		-webkit-box-shadow: -1px 10px 5px 0px rgba(50, 50, 50, 0.14);
		-moz-box-shadow:    -1px 10px 5px 0px rgba(50, 50, 50, 0.14);
		box-shadow:         -1px 10px 5px 0px rgba(50, 50, 50, 0.14);
}
.testimonial img{
	width:80px;
	height:80px;
	float:left;
	margin-right:20px;
}
.testimonial p{
	color:#666;
	font-size:17px;
	position:relative;
	padding-left:100px;
}
.testimonial h6{
	font-weight:bold;
	position:relative;
	padding-left:100px;
}

footer{
	background:#bbb url(../images/pattern.png);
	border-top:solid 2px #930;
	text-align:center;
	padding:40px;
}
.fot h2{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	font-size:40px;
	color:#930;
	margin-top:0px;
}
.fot hr{
	border-color:#000;
	width:100px;
	border: solid 1px;
}
.fot h3{
	font-size:20px;
	color:#000;
	margin:5px;
}



/*=======================================================================================
                              RESPONSIVE CSS START HERE
=======================================================================================*/

@media screen and (min-width:320px) and (max-width:360px) {

.logo h2 {
    font-size: 23px;
    text-align: center;
}
header {
    height: auto;
}
.sp {
    padding-right: 0px;
}
.contact ul {
    text-align: right;
    padding-top: 0px;
}
.contact a {
    border-left: solid 0px #fff;
}
.submit_form {
    width: 100%;
}
.welcome h2 {
     font-size: 29px;
}
.testimonial {
    height: auto;
}
.testimonial p {
    font-size: 17px;
    padding-left: 0px;
    padding-top: 10px;
}
.testimonial img {
    float: none;
    margin-right: 0px;
}
.fot h3 {
    font-size: 18px;
}
.fot h3 {
    font-size: 17px;
}
.fot h2 {
    font-size: 30px;
}

}

@media only screen and (min-width:361px) and (max-width:414px) {


.logo h2 {
    font-size: 23px;
    text-align: center;
}
header {
    height: auto;
}
.sp {
    padding-right: 0px;
}
.contact ul {
    text-align: right;
    padding-top: 0px;
}
.contact a {
    border-left: solid 0px #fff;
}
.submit_form {
    width: 100%;
}
.welcome h2 {
     font-size: 29px;
}
.testimonial {
    height: auto;
}
.testimonial p {
    font-size: 17px;
    padding-left: 0px;
    padding-top: 10px;
}
.testimonial img {
    float: none;
    margin-right: 0px;
}
.fot h3 {
    font-size: 18px;
}
.fot h3 {
    font-size: 17px;
}
.fot h2 {
    font-size: 30px;
}


}

@media (min-width: 370px) and (max-width: 800px)  {

.logo h2 {
    font-size: 23px;
    text-align: center;
}
header {
    height: auto;
}
.sp {
    padding-right: 0px;
}
.contact ul {
    text-align: right;
    padding-top: 0px;
}
.contact a {
    border-left: solid 0px #fff;
}
.submit_form {
    width: 100%;
}
.welcome h2 {
     font-size: 29px;
}
.testimonial {
    height: auto;
}
.testimonial p {
    font-size: 17px;
    padding-left: 0px;
    padding-top: 10px;
}
.testimonial img {
    float: none;
    margin-right: 0px;
}
.fot h3 {
    font-size: 18px;
}
.fot h3 {
    font-size: 17px;
}
.fot h2 {
    font-size: 30px;
}


}

@media only screen and (min-width:500px) and (max-width:599px) {

.logo h2 {
    font-size: 23px;
    text-align: center;
}
header {
    height: auto;
}
.sp {
    padding-right: 0px;
}
.contact ul {
    text-align: right;
    padding-top: 0px;
}
.contact a {
    border-left: solid 0px #fff;
}
.submit_form {
    width: 100%;
}
.welcome h2 {
     font-size: 29px;
}
.testimonial {
    height: auto;
}
.testimonial p {
    font-size: 17px;
    padding-left: 0px;
    padding-top: 10px;
}
.testimonial img {
    float: none;
    margin-right: 0px;
}
.fot h3 {
    font-size: 18px;
}
.fot h3 {
    font-size: 17px;
}
.fot h2 {
    font-size: 30px;
}


}

@media only screen and (min-width:600px) and (max-width:768px) {


.logo h2 {
    font-size: 23px;
    text-align: center;
}
header {
    height: auto;
}
.sp {
    padding-right: 0px;
}
.contact ul {
    text-align: right;
    padding-top: 0px;
}
.contact a {
    border-left: solid 0px #fff;
}
.submit_form {
    width: 100%;
}
.welcome h2 {
     font-size: 29px;
}
.testimonial {
    height: auto;
}
.testimonial p {
    font-size: 17px;
    padding-left: 0px;
    padding-top: 10px;
}
.testimonial img {
    float: none;
    margin-right: 0px;
}
.fot h3 {
    font-size: 18px;
}
.fot h3 {
    font-size: 17px;
}
.fot h2 {
    font-size: 30px;
}


}


@media only screen and (min-width:768px) and (max-width:990px) {
.container {
    width: 667px!important;
}
.logo h2 {
     font-size: 28px;
}
.contact ul {
    padding-top: 11px;
}
.submit_form {
    width: 50%;
}
.testimonial {
    height: 343px;
}


}

@media only screen and (min-width:991px) and (max-width:1150px) {
.container {
    width: 923px!important;
}
.submit_form {
    width: 38%;
}
.testimonial {
    height: 320px;

}
.logo h2 {
    text-align: left;
}
.contact ul {
    padding-top: 18px;
}

}