* {

	padding:0;

	margin:0;

}

body {

	background:#eaf1f6 url(../image/header_bg.jpg) repeat-x ;


	margin:0 auto;

}

@font-face { font-family:"Myriad Pro"; src:url(/fonts/MyriadPro-Regular.otf); font-weight:normal; font-style:normal; }

@font-face { font-family:"Myriad Pro"; src:url(/fonts/MyriadPro-Semibold.otf); font-weight:500; font-style:normal; }

img{

	border:0;

}

a {

	text-decoration:none;

}

.link{

	color:#244D7B;

}
.leftf{ float:right;}

.link1{

	color:#509DEB;

}

#warpper{

	margin:0 auto;

	width:1036px;

}
body { position: relative;}

header,section,article { display: block;}
.clear { clear: both;}
.fl { float: left;}
.clearfix:after { display: block; clear: both; content: '';}
section {display: block;}
.banner-head {width: 1036px;}
.banner-head h2{ background: #fff; width: 939px; margin: 0 auto; padding: 15px 0 15px; font: 28px/30px "Myriad Pro"; color: #207ce5; font-weight: 500; text-transform: uppercase;}
.banner-head h2 span { padding: 10px 15px 10px; background: #0F3A67; color: #fff; display: block;}
.overlay { width: 100%; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.7); position: absolute; height: 100%; z-index: 100; display: none;}
.profile-list { display: inline-block;}

.tab-outer { display: table; border: 1px solid #c1bfbd; margin: 0 auto 13px !important;}
.aside { width: 245px; max-width: 245px; min-width: 245px; display: table-cell; border-right: 1px solid #c1bfbd;}
.aside ul li { position: relative;}
.aside ul li:hover > ul { display: block;}
.aside ul a,.aside ul span { padding: 14px 0 14px 8px; font: bold 16px/18px "Myriad Pro"; display: block;  vertical-align: top; color: #244d7b;
transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; cursor: pointer;}
.aside-menu li:hover > a,.aside-menu li.active-tab a,.aside-menu li:hover > span,.aside-menu li.active-tab span { background: #244d7b; color: #fff;}

.aside ul ul { position: absolute; width: 340px; background: rgba(12,43,82,0.9); left: 245px; top: 0; padding: 0; display: none; list-style-type: none;}
.aside .aside-menu ul a { padding: 5px 0 5px 8px; width: auto; display: block; font-size: 16px; font-weight: normal; color: #fff;}
.aside-menu ul a:hover,.aside-menu ul li.active a { background: #217CE5;}
.aside ul h2 { padding: 15px 0; font: 26px/28px "Myriad Pro"; text-align: center; color: #207ce5; font-weight: 500; margin: 0; width: auto;}


.aside ul.aside-menu li:hover > a, .aside ul.aside-menu li.active-tab a, .aside ul.aside-menu li:hover > span, .aside ul.aside-menu li.active-tab span{
background: #244d7b;
    color: #fff !important;
	list-style: none !important;
}

.aside ul ul li:hover a{
    background: #217CE5 !important;
    text-decoration: none;

}

.pagination ul li span a:hover{
	background-color:#217CE5;
	color:#fff;
}

.fclass ul li a{
color:#fff !important;
}


.tab-content { width: 664px; max-width: 664px; min-width: 664px; display: table-cell;  padding: 0 0 0; vertical-align: top; margin: 15px 0;}

.tab-content section.first-content { display: block; }
.tab-content section {
overflow:hidden;
}
.tab-content article { display: block; border-bottom: 1px solid #207ce5; box-shadow: 0 1px 0 0 #207ce5; padding: 0 15px 15px; margin: 0 0 1px;}
.tab-content article.firstTabContent { display: block;}

.md-profile { border-top: 1px solid #c1bfbd; margin: 20px auto 0; width: 900px; }
.md-profile p {color: #555555; font: 13px/16px Arial,Helvetica,sans-serif;  text-align: justify; padding: 0 0 10px; }
.md-profile h4 { color: #555555; font: bold 17px/20px "Myriad Pro";  text-align: justify; padding: 15px 0 10px;}
.md-profile h3 { color: #207ce5; font: 500 25px "Myriad Pro";  margin: 10px 0;}
#exersice .content1_img2 { margin: 15px 9px 10px; height: 157px; text-align: center;}
.profile-left { width: 65%; float: left;}
.profile-right { width: 35%; float: right;}
.md-profile ol.md-qualification { list-style-type: decimel; padding: 0 0 0 0; list-style-position: inside; display: inline-block; border: 1px solid #c1bfbd;}
.md-profile ol.md-qualification li {padding: 10px 20px 10px 15px; font: 16px/18px Arial, Helvetica, sans-serif; color: #244d7b; border-bottom: 1px solid #c1bfbd;
 cursor: pointer; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}
.md-qualification li { color: #028808; font-size: 15px;}
.md-certificate,.certificates { position: absolute; top: 15%; left: 0; right: 0; width: 1000px; padding: 30px 20px 20px; background: #fff; margin: 0 auto; 
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 3px solid rgba(0,0,0,0); display: none; z-index: 200;}
.md-certificate .mdCertificate,.certificates .certify { display: block;}
.md-certificate .mdCertificate img,.certificates .certify img { max-width: 100%; border: 1px solid #0D396A;}
.close-md-pr  { cursor: pointer; position: absolute; right: 0; margin: 0 0 10px; left: auto; display: inline-block; float: right; padding: 6px; top: -2px;}

.slider { height: 345px; overflow: hidden;}
.bxslider li { position: relative;}
.bxslider li .slider-caption { position: absolute; top: 0; left: 0; right: 0; width: 95%; margin: 0 auto;}
.bxslider li .slider-caption h2 { color: #4a4a4a; font: 25px/27px "Myriad Pro"; padding: 3px 0; text-align: center; font-weight: 500;}
.bxslider li .slider-caption h3 {  color: #1791e6; font: 25px/27px "Myriad Pro"; padding: 3px 0; text-align: center; font-weight: 500;}

.certificate-outer { padding: 0 0 20px;}
.other-certificates { border: none; padding: 0 16px;}
.certificates-link { list-style: none; padding: 0 0 0 0; list-style-position: inside;}
.certificates-link li { padding: 10px 20px 10px 15px; font: bold 16px/18px "Myriad Pro"; color: #244d7b; border-bottom: 1px solid #c1bfbd;
 cursor: pointer; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}
.certificates-link li:hover,.certificates-link li a.active-certy,.md-qualification li:hover {color: #fff !important; background: #244d7b !important;}
.md-profile ol.md-qualification li:last-of-type,.certificates-link li:last-of-type { border-bottom: none;}

.certy { width: 980px; height: 1370px; overflow: hidden; position: absolute;}
.certy ul { padding: 0; width: auto; list-style: none;}
.certy ul li{ float: left; width: 978px; height: 1370px;} 
.nxt-cer,.prev-cer { position: absolute; top: 50%; margin: -22px 0 0; width: 44px; display: block; height: 44px; background: url(../image/prv.png)   no-repeat 0 0; left: 25px; z-index: 300; cursor: pointer;}
.nxt-cer { background: url(../image/nxt.png)  no-repeat 0 0; left: auto; right: 27px;}
.sliderCount { text-align: center; color: #1791e6; font: 25px/27px "Myriad Pro"; padding: 0 0 6px; display: block;}
.no-style { list-style: none !important;}
small { font: 13px/22px Arial,Helvetica,sans-serif;}
.tab-content article:last-of-type { border:none; box-shadow: none; padding-bottom: 25px;}
section article code h6 { color: red; font: 13px/22px Arial,Helvetica,sans-serif;}
.outer-div { border: 1px solid #c1bfbd; display: inline-block; width: 400px;}

#facebox .content ul li.nobg, .tab-content ul li.nobg, .md-profile ul li.nobg { background: none;}
.from_right.no-margin { margin: 0;}
.from_right.margin-left { margin-left: 20px; margin-top:13px;}


.menu ul li.last a{
padding: 10px 50px !important;
}
a:hover {
    color: #23527c;
    text-decoration: none !important;
}
#main{

	margin:0 auto;

	width:1036px;

	overflow:hidden;

}
button {
    cursor: pointer !important;
}
marquee{ font:40px Arial, Helvetica, sans-serif; color:#C3CEDA; padding:5px 0 0px 0;}
.header{

	width:1036px;

	float:left;

}

.logo{

	float: left;
    height: 101px;
    padding: 14px 0 0 402px;

}

.logo_right{

	float:right;

	padding:20px 0 0 0;

}

.logo_right span{

	font:14px Arial, Helvetica, sans-serif;

	color:#C3CEDA;

	font-weight:bold;

}

.logo_right span a{

	color:#C3CEDA;

}

.logoouter{ float:none; margin: 0 auto; width:900px; padding: 0 0;}

.logoouter span{ font: 28px "Trebuchet MS"; color:#1D3A80; font-weight:bold; }



.menubar{

	width:1036px;

	float:left;

}

.menu{

	width:939px;

	height:54px;

	background: url(../image/menu_bg.png) repeat-x;

margin:10px auto 0 auto;

}
.menu ul li.dropmenu{
	    position: relative;
}

.submenu{
	display:none;
	background-color:#fff;
}
.menu ul.nav li:hover ul.submenu{
	display:block;
	background-color:#fff;
	    position: absolute;
	
}
.submenu{
	width:145px;
	border:1px solid #cfcfcf !important;
}
.submenu li{
	float:none !important;
	border: 1px solid #96c8f5;
    border-top: none;
}
.submenu li a:hover{
	background-color:#217CE5 !important;
	color:#fff;
}

.menu ul {

	height:54px;

	

}

.menu ul li{

	float:left;

	border-right:1px solid #96c8f5;

	height:54px;

	list-style:none;

	

}

.menu ul li.last{

	border-right:none;

}



.menu ul li a img{
width:133px;
float:left;

}

.menu li:hover > a, .menu li.active a, .menu li:hover > a, .menu li.active a{
    background: #244d7b;
    color: #fff;
}
.menu ul a, .menu ul a{
       padding: 21px 28px 15px 26px !important;
    font: bold 16px/18px "Myriad Pro";
    display: block;
    
    vertical-align: top;
    color: #244d7b;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    cursor: pointer;
    }






#banner{

	float:left;

	width:1036px;

}

.banner{

	width:1008px;

	height:482px;

	margin:0 auto;

	margin:0 auto;

	background:url(../image/banner_battom.jpg) no-repeat 0 bottom;

}

.banner_inner{

	width:939px;

	height:440px;

	background:#FFFFFF;

	margin:0 auto;



}

.banner_left{

	float:left;

	width:633px;

}

.banner_right{

	float:left;

	width:304px;

}

.box{

	background:url(../image/box_bg.jpg) repeat-x;

	border:1px solid #EBEBEB;

	width:304px;

	height:122px;

}

.box_inner{

	float:left;

	padding:15px 0 0 18px;

}

.box_images{

	float:left;

}

.box_inner span{

	float:left;

	width:270px;

	font:13px Arial, Helvetica, sans-serif;

	color:#9B9B9A;

	line-height:18px;

}

.box_inner span a{

	font:14px Arial, Helvetica, sans-serif;

	color:#1C5DA7;

	font-weight:bold;

	padding:0 0 0 25px;

}



#content{

	float:left;

	width:1036px;

	margin-bottom:40px;

}

.content{

	width:1008px;

	background:#FFFFFF;

	overflow:hidden;

	margin:0 auto;

}

.about{

	float:left;

	width:936px;

}

.about h2,.content1 h2{

	font:500 26px/28px "Myriad Pro";

	color:#207ce5;

	margin:15px 0 20px 20px;

	width: auto;

}
.content1 h2 { margin:0 0 0 0;}
.about_txt{

	margin:20px 20px 10px 20px;

	overflow:hidden;

}

.about_txt span{

	font:13px Arial, Helvetica, sans-serif;

	color:#555555;

	text-align:justify;

	float:left;

}

.about_txt fieldset{

	border:none;

	float:left;

}

.about_txt fieldset span{

	border:none;

	float:left;

	width:70px;

}

.from_left{

	float:left;

	width:500px;

}

.from_right{

	float:left;

	width:435px;
	margin-left:10px;

}

.name {

	margin:8px 0;

}

.name_img{

	float:left;

	margin:10px 0 20px 80px;

}

.name_img p{

	font:17px "Trebuchet MS";

	color:#217CE5;

	padding:10px 0 0 0;

}

.name span{

	color: #555555;

    font: 14px Tahoma;

    text-align: justify;

	line-height:30px;

}

.name span h3{ font:23px "Trebuchet MS"; color:#108FE4; }

.name span span{

	color: #028808;

    font: 14px "Trebuchet MS";

    text-align: justify;

	line-height:30px;

	width: 90px;

	font-weight:bold;

}

.about_contact{

	 margin:20px auto;

	 width:900PX;

	 border-top:1px solid #c1bfbd;

	 overflow:hidden;

}

.about_contact h3{

	font:500 25px "Myriad Pro";

	color:#207ce5;

		margin:10px 0 ;

}

.about_contact p{

	margin:10px 0;

	font:13px Tahoma;

	color:#555555;

	line-height:22px;

}

.about_contact p span{

	font:14px "Trebuchet MS";

	font-weight:bold;

	color:#028808;

	float:left;

	width:180px;

}

.content1{

	width:939px;

	background:#FFFFFF;

	overflow:hidden;

	margin:0 auto;



}

.content1 h1{

	font:500 26px/28px "Myriad Pro";

	color:#207ce5;

	padding:20px 0 25px 20px;

}

.content1_img{

	width:910px;

	margin:0  auto;

    overflow: hidden;

}

.content1_img1{

	width:197px;

	float:left;

	margin:10px 0 0 15px;

	height:250px;

}

.content1_img2{

	width:197px;

	float:left;

	margin:15px 0 10px 20px;

}

.content1_img p{

	font:14px Arial, Helvetica, sans-serif;

	color:#1C5DA7;

	font-weight:bold;

	text-align:center;

	margin:10px 0 0 0;

}

.content1_img_butn{

	float:left;

	width:900px;

}

.content1_img_butn a{

	float:right;

	padding:30px 0 10px 30px;

}

.content_left{

	float:left;

	width:980px;

	margin-bottom:20px;

}

.container{

	float:left;

	padding:23px 0 0 29px;

}

.text_img_left{

	float:left;

}

.text_img{

	float:right;

	margin-top:15px;

}

.text{

float:left;

}

.text1{ float:left; width:950px;}

.text1 h1{

	font:500 24px "Myriad Pro";

	color:#2b84e7;

	font-weight:bold;

	float:left;

}

.text1 p{

	font:500 24px "Myriad Pro";

	color:#333333;

	font-weight:bold;

	float:left;

}

.text span{

	font:13px Arial, Helvetica, sans-serif;

	color:#555555;

	line-height:20px;

	float:left;

	padding:10px 10px 10px 0;

	text-align:justify;

	width:650px;

}

.text span p{

	font:13px Tahoma;

	color:#2d6ba0;

	font-weight:bold;

}

.text span a{

	font:13px Tahoma;

	color:#217CE5;

	font-weight:bold;

}

.feature{

	float:left;

	width:950px;

	height:250px;

}

.feature_box{

	width:197px;

	float:left;

	padding:10px 40px 0 0;

}

.feature_box h1{

	font:14px "Trebuchet MS";

	color:#3a6696;

	font-weight:bold;

	width:197px;

	text-align:center;

	padding:5px 0 0 0 ;

}

.content_right{

	float:left;

	width:335px;

	margin-bottom:20px;

}

.container_right{

	padding:23px 0 0 10px;

}

.team{

	float:left;

}

.team_box{

	float:left;

	padding:8px 0 0 0;

}

.team_box span{

	font:13px Tahoma ;

	color:#555555;

	float:left;

	width:200px;

	text-align:justify;

	padding-right:5px;

}

.update{

	width:300px;

	margin:5px 0 0 0;

}

.update_box{

	width:300px;

	height:105px;

	float:left;

	background:url(../image/update_bg.jpg) repeat-x;

	border:1px solid #D7E6EF;

}

.update_box img{

	float:left;

	padding:18px 0 0 10px;

}

.update_box p{

	font:500 18px "Myriad Pro";

	float:left;

	color:#3a6696;

	font-weight:bold;

	line-height:18px;

	padding:15px 0 0 10px;

}

.update_box span{

	float:left;

	font:13px Tahoma;

	color:#555555;

	width:200px;

	padding:5px 10px;

}

.team input{

	border:1px solid #E8E8E8;

	height:100px;

	width:309px;

}

.service_left{

	float:left;

	width:600px;

	height:500px;

}

.service_left h1{

	font:22px Arial, Helvetica, sans-serif;

	color:#2b84e7;

	float:left;

	padding:27px 0 0 20px;

}

.service_left span{

	font:13px Arial, Helvetica, sans-serif;

	color:#555555;

	float:left;

	padding:10px 10px 0 20px;

	text-align:justify;

	width:560px;

}

#footer{

	width:100%;

	height:230px;

	float:left;

	background:#253d59 url(../image/footer_bg.jpg) repeat-x;

}

.footer{

	width:1008px;

	margin:0 auto;

	overflow:hidden;

}

.footer_box{

	float:left;

	width:306px;

	

}

.footer_box h1{

	font:18px "Times New Roman", Times, serif;

	font-weight:bold;

	color:#59B7F8;

	padding-top:10px;

}

.footer_box ul{

	font:12px Arial, Helvetica, sans-serif;

	color:#BEC9D5;

	font-weight:bold;

	padding:0 0 0 5px;

	list-style: disc inside ;

}

.footer_box ul li{

	font:12px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	line-height:21px;

}

.footer_box ul li a{

	font:12px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	list-style:none;

}

.footer_box1{

	float:left;

	width:366px;

	height:156px;

}

.footer_box1 h1{

	font:18px "Times New Roman", Times, serif;

	font-weight:bold;

	color:#59B7F8;

	padding-top:10px;

}

.footer_box1 ul{

	font:12px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	padding:0 0 0 3px;



}

.footer_box1 ul li{

	font:12px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	list-style:none;

	line-height:21px;

}

.footer_box1 ul li span{

	font:11px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	list-style:none;

}

.footer_box2{

	float:right;

	width:336px;

	height:156px;

}

.footer_box2 h1{

	font:18px "Times New Roman", Times, serif;

	font-weight:bold;

	color:#59B7F8;

	padding-top:10px;

}

.footer_box2 ul{

	font:12px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	padding:0 0 0 3px;

	float:right;



}

.footer_box2 ul li{

	font:12px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	list-style:none;

	line-height:21px;

}

.footer_box2 ul li span{

	font:11px Tahoma;

	color:#BEC9D5;

	font-weight:bold;

	list-style:none;

}



.fclass img{ padding:5px 0 0 0;}

.example {

float:left;

}



.example h2 {

  border-bottom: 1px solid #D8DFEA;

  margin-bottom: 10px;

  font-size: 14px;

  padding: 0;

  margin: 0;

}

.strong_c{ color: #0e73ad !important;}
.example ul li strong{
  
  font-size: 12px;

}

.example ul li {

  font-size: 12px;

}

.example a{

	color: #1C5DA7;

    font: bold 12px "Trebuchet MS";

    text-align: center;

}

.example p a{

	color: #1C5DA7;

    font: bold 12px "Trebuchet MS";

    text-align: center;

}

.code {

  background: #F7F7F7;

  border-top: 1px solid #EBEBEB;

  border-bottom: 1px solid #EBEBEB;

  padding: 10px;

}



.code h3 {

  font-size: 11px;

  font:Arial, Helvetica, sans-serif;

  color:#1C5DA7;

  font-weight:bold;

}



.code code {

  margin: 10px 0;

  display: block;

}

.adjecting {
  display: inline-block;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin-x: 50%;
}

.adjecting .front-face, .adjecting .back-face {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.adjecting .front-face {
  position: absolute;
}

.adjecting .back-face {
  position: relative;
}


#robo-wrapper {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 15px 0;
}



#robo-wrapper #option-details {
  display: inline-block;
  font-size: 18px;
  padding: 2px 7px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.08);
  font-family: monospace;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}

.paragraph-content #heading {
  width: 400px;
  height: 70px;
  margin: 0 auto;
  font-family: 'Raleway', sans-serif;
  font-size: 60px;
  font-weight: 900;
  text-align: center;
}

.paragraph-content #sub {
  width: 400px;
  height: 300px;
  margin: 0 auto;
  font-size: 20px;
  text-align: justify;
}