/* CSS Document */
/*General CSS for Background,header,footer color*/
body{background:#e0e5e7;margin:0%; padding:0%; }
#header-content{margin:0%; padding:0%;width:100%;}
#main-content{margin-left:10%;margin-right:10%; padding:2%; background-color:#ffffff; }
#footer-data{margin-left:10%;margin-right:10%; padding:2%;}
#inner-content{height:auto}
#footer-content{clear: both; margin:0%; padding:0%; height:auto}
h2{margin:0% 0% 2% 0%;padding:0%}
/* Tablet Stylesheet: min-width: 800px and max-width: 1440px */

#wrapper{border:none; margin:0% auto; padding:0%; width:100%; min-width:768px;max-width:1023px}
.box{background:#ffffff;padding:2%;margin:2% 0% 2% 2%;width:43%;display:inline-block;vertical-align:top;border:1px solid #999999;min-height:260px;}
.box1{background:#ffffff;padding:2%;margin:2% 0% 2% 2%;width:26%;display:inline-block;vertical-align:top;border:1px solid #999999}
.box_footer{padding:2%;margin:0% 0% 0% 0%;width:28%;display:inline-block;vertical-align:top;border:0px solid #999999}
.image-box{max-width:40%;float:left;padding:0px 2% 1% 0%;}
.box_header{
	width:100%;
	display:inline-block;
	vertical-align:top;
	
}
#head_content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.box_welcome
{
	width:60%;
	display:inline-block;
	padding-top:5%;
}
.box_pad
{
		padding-bottom:2%;
		padding-top:2%;
}
.box_service
{
	background:#ffffff;
	padding:2%;
	width:70%;
	display:inline-block;
	vertical-align:top;
	border:1px solid #999999;	
}
.box_portfolio
{
		width:100%;
		display:inline-block;
		vertical-align:top;
		border:0px solid;
}
.box_test
{
		width:100%;
		display:inline-block;
		vertical-align:top;
		border:0px solid;
}
.box_image
{
		padding-top:5%;
		padding-left:10%;
		padding-right:2%;
		float:left;
	
}
.box_height
{
	padding-top:2%;
	display:none;
}
.box_menu
{
	margin-top:-6%;	
}
.box_bar
{
		min-height:100px;
		background-color:#007192;
		
}
.box_bar1
{
		min-height:200px;
		background-color:#007192;
}
.box_sidebar
{
	position:absolute;
}
.box_pop
{
	background:#ffffff;
	padding:2%;
	margin:2% 0% 0% 2%;
	width:26%;
	display:inline-block;
	vertical-align:top;
	border:0px solid #999999;
	font-family:Meiryo, "Meiryo UI", "Microsoft YaHei", "Microsoft YaHei UI";
	font-size:14px;
	font-style:normal;
	font-weight:500;
}
.box_fetch
{
	background:#ffffff;
	padding:2%;
	margin:2% 0% 0% 2%;
	width:90%;
	display:inline-block;
	vertical-align:top;
	border:0px solid #999999;
	
}
img{
	border:none;
	max-width:100%;
	height:auto;	
}
a{
	text-decoration:none;
}
 iframe, object, embed {
            max-width: 100%;
}


/*----------header------------*/
.header_bg{
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	height:100px;
}
.logo_bg{
	background-image:url(../images/logo_bg.png);
	background-repeat:no-repeat;
	min-height:160px;
	width:100%;
}
.header_bg_top{
	background-color:#007192;
	background-position:bottom;
	position:relative;
}
.header_menu_text{
	color:#686868;
	font-size:15px;
	padding-top:38px;
	cursor:pointer;
	text-decoration:none;
	
}
.header_menu_text:hover ,.header_menu_sel{
	color:#d8442e;
	font-size:15px;
	padding-top:38px;
	cursor:pointer;
	text-decoration:none;
	
}
.header_heading{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	width:23%;
	float:left;
	padding-top:2%;
	padding-left:7%;
}
.header_sub_heading{
	color:#9ce8fa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	padding-top:3%;
	padding-left:1%;
	width:35%;
	float:left;
	
}
.header_head{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
}
.type_effect
{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.head_pos
{
		vertical-align:top;
		padding-left:20%;
		padding-top:-20%;
}
.text{
	
	color:#000000;
	font-size:14px;
	text-align:justify;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
}
.heading{
	color:#696969;
	font-size:20px;
}
.heading_text{
	font-size:18px;
	color:#000;
}
.footer_head_text{
	color:#fcd157;
	font-size:16px;
	font-weight:bold;
}
.footer_text{
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
	width:120px;
	
}
.footer_text_service{
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
	width:170px;
	
}
.facebook{
	background-image:url(../images/facebook.png);
	background-repeat:no-repeat;
	height:40px;
	width:40px;
	cursor:pointer;
}
.linkedin{
	background-image:url(../images/linkedin.png);
	background-repeat:no-repeat;
	height:40px;
	width:40px;
	cursor:pointer;
}

.read_morebtn{
	background-image:url(../images/small_readmore.png);
	height:28px;width:84px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.head_ind{
	color:#006a87;
	font-size:26px;
}
.ser_text{
	color:#000000;
	font-size:22px;
	/*padding:3%;*/
	padding-top:3%;
	padding-bottom:3%;
}
.ser_text1{
	color:#000000;
	font-size:16px;
	padding:1%;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.sep{background-repeat:repeat-x;background-image:url(../images/sep.png);height:5px;margin-top:12px;margin-left:11px;}

.head_ind1{
	color:#006a87;
	font-size:26px;	
}
.sep1{background-repeat:repeat-x;background-image:url(../images/sep.png);height:5px;margin-top:3px;margin-left:11px;display:none;}
.head_mob{
	color:#006a87;
	font-size:26px;
	display:none;
}
.sep_mob
{
	background-repeat:repeat-x;
	background-image:url(../images/sep.png);
	height:5px;
	margin-top:12px;
	margin-left:11px;
	display:none;
}
.head_service{
	color:#006a87;
	font-size:26px;
}
.sep_service
{
	background-repeat:repeat-x;
	background-image:url(../images/sep.png);
	height:5px;
	margin-top:12px;
	margin-left:11px;
}


.head_test{
	color:#006a87;
	font-size:26px;
}
.sep_test
{
	
	background-image:url(../images/sep.png);
	background-repeat:repeat-x;
	height:5px;
	margin-top:10px;
	margin-left:11px;
}
.foo_text
{
	color:#fcd157;
	font-size:12px;
	font-weight:bold;
	margin-left:-20%;
	padding-bottom:2%;
	display:none;
}
table {
  width: 100%;
  border-collapse: collapse;
  margin:0px;
	padding:0px;
}
/* Zebra striping */
tr:nth-of-type(odd) {
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 0px solid #ccc;
  text-align: left;
}
.content
{
	padding-left:10%;
	padding-right:10%;
}


.typist
{
	font-family:Meiryo, "Meiryo UI", "Microsoft YaHei UI", "Microsoft YaHei";
	font-size:18px;
	color:#FFFFFF;
	
}
.text1
{
	color:#000000;
	font-size:16px;
	text-align:justify;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
}
.text2
{
	color:#000000;
	font-size:12px;
	text-align:justify;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
}
@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait)
{
.request_quote{
	background-image:url(../images/quote4.png);
	background-repeat:no-repeat;
	width:125px;
	height:106px;
	margin-right:0px;
	margin-left:85%;
	margin-top:-10%;
	position:fixed;
	cursor:pointer;
	
}
.head_work{
	color:#006a87;
	font-size:26px;
	display:none;
}
.sep_work
{
	background-repeat:repeat-x;
	background-image:url(../images/sep.png);
	height:5px;
	margin-top:12px;
	margin-left:11px;
	display:none;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape)
{
	.request_quote{
	background-image:url(../images/quote4.png);
	background-repeat:no-repeat;
	width:125px;
	height:106px;
	margin-right:0px;
	margin-left:88%;
	margin-top:-10%;
	position:fixed;
	cursor:pointer;
	
}
.head_work{
	color:#006a87;
	font-size:26px;
	
}
.sep_work
{
	background-repeat:repeat-x;
	background-image:url(../images/sep.png);
	height:5px;
	margin-top:12px;
	margin-left:11px;
	
}
.service_img
{
	width:60px;
}
.design_img
{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:2%;
}
.test_btn
{
	height:35px;
}
}