/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}	
*{
	padding:0;
	margin:0;
}
img {
	border:none;
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	}
a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
.underline {
	text-decoration:underline;
}
.underline:hover {
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6, p, div, span, html, ol, ul, li, form,label {
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
.flotleft{
	float:left;
	width:auto;
	}
.flotright{
	float:right;
	width:auto;
	}
	.clear
{
    clear: both;
}
form{
	margin:0;
	padding:0;
}
p  {
	text-align:justify;
	display: block;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

/**** Start Header ****/
.header_main {
	display:inline-block;
	width:100%;
	padding:1% 0 5px 0;
}
.wrapper {
	width: 96%;	
	max-width: 980px;
	margin: auto;
}	
.logo {
width:22%;
float:left;
padding:0;
margin:0;

}
.logo img {
display:inline-block; margin:0; padding:0;
text-align:left;
}
.logo a {
font-family: 'Roboto', sans-serif;
font-size:18px;
padding:0 0 0 0;
margin:0;
text-align:left;
}
.logo a:hover {
}

.banner_main_content {
	width:100%;
	display:inline-block;
}
.banner_main_content img {
	display:inline-block;
}


/***Training Cetner ***/
.traning_info_content {
	width:100%;
	display:inline-block;
	padding:3% 0 3% 0;
}
.traning_info_content h1 {
	font-size:30px;
	display:inline-block;
	color:#000000;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:2% 0 1% 0;
	margin:0;
 }
 .traning_info_content p {
	display:inline-block;
	font-size:20px;
	color:#000000;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:2% 0 1% 0;
	line-height:30px;
	letter-spacing: -0.8px;
	font-weight:300;
 }	
  .traning_info_content a {
	font-size:14px;
	display:inline-block;
	color:#ffffff;
font-family: 'Roboto', sans-serif;
  width:11%;
  font-weight:300;
  	padding:1% 0 1% 0;
	margin-left:45%;
	text-align:center;
	background:#f98d43;
 }	
   .traning_info_contents a:hover {
   	color:#ffffff;
}
.trainer_line {
	display:inline-block;
	width:5%;
	background:#000000;
	height:3px;
	margin-left:47%;
}		
/***Training Cetner ***/


.course_offer_content {
	background:#ebebeb;
	width:100%;
	display:inline-block;
}
.course_offer_content_one {
	width:100%;
	display:inline-block;
	padding:2% 0 2% 0;
}
.course_offer_content_one h1 {
	font-size:30px;
	display:inline-block;
	color:#000000;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:2% 0 1% 0;
	margin:0;
 }
 .course_blank_one {
 	width:100%;
	height:1px;
}	
.course_offer_content_two {
	width:39%;
	display:inline-block;
	text-align:left;
	padding:2% 0 2% 5%;
	margin:0;
} 

/**** Why Us ***/
.why_us_content {
width:24%;
display:inline-block;
}
.why_us_content img {
	padding:15% 0 0 0;
	display:inline-block;
}	
.why_us_content h3 {
	font-size:15px;
	display:inline-block;
	color:#000000;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:7% 0 10% 0;
	margin:0;
 }
 .why_us_content a {
	font-size:15px;
	display:inline-block;
	color:#000000;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:1% 0 1% 0;
	margin:0;
	background:none;
 }
.why_us_content a:hover {
	background:#e8e8e8;
	border-radius: 8px;
}	 
/**** Why Us ***/


/**** Why Us ***/
.care_us_content {
width:100%;
display:inline-block;
text-align:left;
padding:2% 0 1% 0;
margin:0 0 0 0;
}
.care_us_one {
	width:49%;
	float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}	
.care_us_one img {
padding:0 0 0 0;
margin:0 0 0 0;
}
.care_us_two {
	width:51%;
  background:#f98d43;
  float:left;
 } 
.care_us_two img {
padding:15% 0 0 45%;
margin:0 0 0 0;
float:left;
text-align:center;
} 
.care_us_two h2 {
	font-size:35px;
	float:left;
	color:#ffffff;
font-family: 'Open Sans', sans-serif;
  width:100%;
  text-align:center;
  font-weight:800;
  padding:5% 0 8% 0;
 }
  .care_us_two a {
	font-size:14px;
	float:left;
	color:#ffffff;
font-family: 'Roboto', sans-serif;
  width:14%;
  font-weight:300;
  	padding:1.5% 0 1.5% 0;
	margin-left:43%;
	margin-bottom:6.4%;
	text-align:center;
	background:#2a3f74;
 }	
   .care_us_two a:hover {
   	color:#ffffff;
} 

/*** What Our Client Say ***/
.what_our_clinet_content {
	width:100%;
	display:inline-block;
	background:#393b4f;
	margin-bottom:1%;
}
.what_clinet_say {
	width:100%;
	display:inline-block;
}
.what_clinet_say h1 {
	font-size:30px;
	display:inline-block;
	color:#ffffff;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:3% 0 2% 0;
	margin:0;
 }
 .trainer_line_one {
	display:inline-block;
	width:5%;
	background:#2fd4af;
	height:3px;
	margin-left:47%;
}	
/*** What Our Client Say ***/

/**** Responsive Page Start ***/

@media only screen and (min-width:240px) {
.logo {
width:45%;
}
.course_offer_content_two {
	width:90%;
}
.why_us_content {
width:99%;
}
.care_us_one {
	width:98%;
}
.care_us_two {
	width:98%;
}
  .care_us_two a {
  width:40%;
  	margin-left:33%;
  };		
}

@media only screen and (min-width:320px) {
.logo {
width:45%;
}
.course_offer_content_two {
	width:90%;
}
.why_us_content {
width:99%;
}
.care_us_one {
	width:98%;
}
.care_us_two {
	width:98%;
}
  .care_us_two a {
  width:40%;
  	margin-left:33%;
  };		
}
@media only screen and (min-width:400px) {

}
@media only screen and (min-width:600px) {
.why_us_content {
width:49%;
}
  .care_us_two a {
  width:14%;
  	margin-left:43%;
  };	
}
@media only screen and (min-width:640px) {

}
@media only screen and (min-width:720px) {
.course_offer_content_two {
	width:40%;
}
.care_us_one {
	width:90%;
	margin-left:5%;
}
.care_us_two {
	width:90%;
	margin-left:5%;
}
}	

@media only screen and (min-width:768px) {
.care_us_one {
	width:80%;
	margin-left:10%;
}
.care_us_two {
	width:80%;
	margin-left:10%;
}

@media only screen and (min-width:800px) {
.why_us_content {
width:32%;
}
}
@media only screen and (min-width:900px) {
.course_offer_content_two {
	width:39%;
}
.why_us_content {
width:24%;
}
.care_us_one {
	width:74%;
	margin-left:12%;
}
.care_us_two {
	width:74%;
	margin-left:12%;
}
}


@media only screen and (min-width:980px) {
.care_us_one {
	width:49%;
	margin-left:0;
}
.care_us_two {
	width:51%;
	margin-left:0;
}
}

/**** Responsive Page Start ***/