/* CSS Document */


/*************************************
	1. Default CSS
**************************************/

*{margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px; background:#FFFFFF;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; border: 0px; outline: none;}
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; color: #fff;}
a:hover{ text-decoration:none; border: 0px; outline: none;}
a img{ border:none; outline: none;}
/*border{ border-collapse:collapse;}*/
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}


/*************************************
	2. Container , Wrapper ,  Main
**************************************/

.container{ width:100%;}
.wrapper{ width:100%;}
.main{max-width:640px; margin:0 auto; /*width:640px\0/*/;}

/*************************************
	3. Header
**************************************/
.header{ width:100%;}
.header_con{max-width:620px; margin:0 auto; /*width:640px\0/*/; background:url(../../img/mobiles/header.jpg) no-repeat; background-size:cover; padding:10px; position:relative; }
.logo{ float:left;}
.tag_line{ float:left; margin-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; color:#FFFFFF; font-weight:bold; padding-top:87px;text-shadow:2px 0px 5px #000000;}
.dwnld_btn{ position:absolute; right:15px; top:15px;}

/*************************************
	 NAVIGATION
**************************************/


/*************************************
	 MAIN BODY PART
**************************************/
.body_main{ width:100%;}
.body_content{ padding:20px 10px 0 10px;}
.hd_1{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_1 h1{ font-size:31px; color:#FFFFFF; background:url(../../img/mobiles/icon_1.png) no-repeat right; line-height:42px; }

.hd_2{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_2 h1{ font-size:31px; color:#FFFFFF; background:url(../../img/mobiles/icon_2.png) no-repeat right; line-height:42px; }

.hd_3{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_3 h1{ font-size:31px; color:#FFFFFF; background:url(../../img/mobiles/icon_3.png) no-repeat right; line-height:42px; }

.hd_4{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_4 h1{ font-size:31px; color:#FFFFFF; background:url(../../img/mobiles/icon_4.png) no-repeat right; line-height:42px; }



.body_content_bottom{ width:100%; background:#e4e4e4; height:20px; margin-bottom:15px;}
.prof_img{ float:left; margin-bottom:50px;}
.prof_img img{max-width: 139px;}
.prof_text{ float:left; margin-left:20px;}
.prof_text h2{ font-size:45px; color:#000000; font-family:Arial, Helvetica, sans-serif; line-height:50px; font-weight:bold;padding-top:50px;}
.prof_text h2 span{ font-size:31px; color:#333333; display:block; font-weight:normal; }

/*************************************
	 4.FOOTER
**************************************/
.footer{ background:#e4e4e4; max-width:640px; margin:0 auto; /*width:640px\0/*/;  padding-bottom:20px; }
.ft_lft{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:31px; padding:10px 0 15px 0;}
.ft_rt{ float:right;}
.ft_rt ul{ margin:0px; padding:0px; list-style:none;}
.ft_rt ul li{ float:left; padding:0 30px;}


/*************************************
	 RESPONSIVE
**************************************/
@media screen and (max-width: 539px) {
.tag_line{ font-size:30px;}
}
@media screen and (max-width: 467px) {
.hd_1{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_1 h1{ font-size:20px; color:#FFFFFF; background:url(../../img/mobiles/icon_1.png) no-repeat right; line-height:42px; }

.hd_2{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_2 h1{ font-size:20px; color:#FFFFFF; background:url(../../img/mobiles/icon_2.png) no-repeat right; line-height:42px; }

.hd_3{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_3 h1{ font-size:20px; color:#FFFFFF; background:url(../../img/mobiles/icon_3.png) no-repeat right; line-height:42px; }

.hd_4{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_4 h1{ font-size:20px; color:#FFFFFF; background:url(../../img/mobiles/icon_4.png) no-repeat right; line-height:42px; }

.ft_rt ul li{ padding:0 10px;}
.prof_text h2{ font-size:25px;}
.prof_text h2 span{ font-size:18px;}

.logo{ width:32%;}
.logo img{ width:100%;}

}
@media screen and (max-width: 360px) {
.logo{ width:40%;}
.tag_line{ font-size:22px;}
.hd_1{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_1 h1{ font-size:17px; color:#FFFFFF; background:url(../../img/mobiles/icon_1.png) no-repeat right; line-height:42px; }

.hd_2{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_2 h1{ font-size:17px; color:#FFFFFF; background:url(../../img/mobiles/icon_2.png) no-repeat right; line-height:42px; }

.hd_3{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_3 h1{ font-size:17px; color:#FFFFFF; background:url(../../img/mobiles/icon_3.png) no-repeat right; line-height:42px; }

.hd_4{ background:#209fe4; padding:20px; margin-bottom:15px;}
.hd_4 h1{ font-size:17px; color:#FFFFFF; background:url(../../img/mobiles/icon_4.png) no-repeat right; line-height:42px; }


.prof_img{ width:30%;}
.prof_img.cover{ width:28.5%;}
.prof_img img{ width:100%;}

.prof_text h2{ font-size:18px; line-height:28px; padding-top:18px;}
.ft_lft{ font-size:20px;}

}