@charset "utf-8";
/* CSS Document */
*{margin:0;
padding:0;
}
img{border:0;
max-width:100%;
height:auto;
width:auto\9;
}
ul{
	list-style:none;
	line-height: 140%;
}

article, aside, details, figure, figcaption, header, footer, section, hgroup, menu, nav{
	display:block;
}
.clear{clear:both;}
@font-face {
font-family: 'OpenSans-Regular';
src: url('OpenSans-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'OpenSans-Semibold';
src: url('OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
font-family: 'OpenSans-Bold';
src: url('OpenSans-Bold.ttf') format('truetype');
}

body{background:#fff;
color:#333;
/*font:.81em/150% Arial, Helvetica, sans-serif;*/
font-family: 'OpenSans-Regular';
}
a {
	text-decoration: none;
	outline: none;
	color:#fff;
	text-decoration:underline;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 0 0 .4em;
	color: #333;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

.float-l{float:left;}
.float-r{float:right;}
/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap {
	width: 1000px;
	margin: 0 auto;
}


/************************************************************************************
HEADER
*************************************************************************************/
#header {
	height: 120px;
	width:100%;
	float:left;
}

/* site logo */
#site-logo {
	position: absolute;
	margin:25px 0 0 22px;
}


/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
nav{
width:60%;
/*background:#71bf44;*/
/*height:40px;*/
position:relative;
z-index:500;
float:right;
margin-top:55px;
margin-bottom:10px;
}

/************************************************************************************
CONTENT
*************************************************************************************/
.banner_contain{
	float:left;
	width:100%;
}
.welcome{
	font-size:14px;
	line-height:18px;
	font-family: 'OpenSans-Semibold';
	margin:30px 0px;
	float:left;
	width:100%;
	text-align:center;
}
.welcome h1{font-size:36px;font-family: 'OpenSans-Bold';}

.content{
	width:1000px;
	float:left;
	margin-bottom:20px;
}
.content .block{
	float:left;
}
.content .bl_o{
	width:220px;
	height:340px;
	background:#f37c27;
	margin:0 20px 0 0;
	padding:0 25px;
}
.content .bl_b{
	width:220px;
	height:340px;
	background:#3298b3;
	margin:0 20px 0 0;
	padding:0 25px;
}
.content .bl_g{
	width:400px;
	height:340px;
	background:#30b691;
	padding-left:20px;
}
.content .bl_g .left{
	float:left;
	width:150px;
}
.content .bl_g .right{
	float:right;
	width:228px;
	margin-left:20px;
}
.content .block .icon{
	width:100%;
	text-align:center;
	margin:25px 0 0;
}
.content .block .title{
	text-align:center;
	font-family: 'OpenSans-Semibold';
	font-size:24px;
	float:left;
	width:100%;
	padding:15px 0;
	color:#fff;
	line-height:100%;
}
.content .block p{
	margin-bottom:20px;
	color:#fff;
}
.content .block a{color:#fff;}

.center_content{
	float:left;
	width:1000px;
	background:#767b82;
	margin-bottom:25px;
	padding:30px 0;
}
.center_content h1{
	color:#fff;
	font-size:36px;font-family: 'OpenSans-Bold';
	text-align:center;
}
.center_content h2{
	color:#fff;
	font-family: 'OpenSans-Bold';
    text-align:center;
}
.center_content .ico{
	display:block;
	position:relative;
    text-align:center;
}
.center_content .box{
	float:left;
	padding:10px 25px;
	width:450px;
	color:#fff;
}
.center_content .box p{display:block; float:left;}
	

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
width: 100%;
padding:10px 0 30px;
float:left;
}
#footer .block{
	float:left;
	width:300px;
	margin:0 30px 0 0;
	font-size:14px;
	line-height:22px;
}
#footer .block ul li a { 
	color: #2397b2;
	line-height:25px;
	text-decoration:none;
	font-size:13px;
	font-family: 'OpenSans-Semibold';
}
#footer .block ul li a:hover{text-decoration:underline;}
#footer .block h3{margin-bottom:10px; font-size:18px;}

/*Inner Pages*/

.inner_cont{
	font-size:14px;
	line-height:18px;
	font-family: 'OpenSans-Semibold';
	margin:30px 0px 30px;
	padding-bottom:30px;
	border-bottom:1px #ddd solid;
	float:left;
	width:100%;
}
.inner_cont h1{font-size:32px;font-family: 'OpenSans-Bold'; color:#2496b1;}
.inner_cont h2{font-size:24px;font-family: 'OpenSans-Bold'; color:#2496b1;}
.inner_cont img.photo{float:right; width:250px; margin:0 0 10px 20px;}
.team_block {
float:left;
width: 300px;
margin: 40px 15px 0;
}
.team_block .pic{
	width: 300px;
	margin-bottom:20px;
	border:1px #ccc solid;
	
}
.team_block .pic img{width:100%;}
.team_block .des{
	width: 300px;
	margin-bottom:25px;
	font-family: open-sans, sans-serif;
font-weight: 300;
font-size: 16px;
text-align:center;
}
.team_block .des a{color:#03F;}
.team_block .social{
	float:left;
	width:300px;
	margin-left:60px;
}
#u729
{
	height: 40px;
	width: 40px;
	vertical-align: top;
	background: url("../images/u729.png") no-repeat 0px 0px;
		float:left;
	margin:0 10px;
}

#u729:hover
{
	background: url("../images/u729-r.png") no-repeat 0px 0px;
}

#u731
{
	height: 40px;
	width: 40px;
	vertical-align: top;
	background: url("../images/u731.png") no-repeat 0px 0px;
		float:left;
	margin:0 10px;
}

#u731:hover
{
	background: url("../images/u731-r.png") no-repeat 0px 0px;
}

#u733
{
	height: 40px;
	width: 40px;
	vertical-align: top;
	background: url("../images/u733.png") no-repeat 0px 0px;
	float:left;
	margin:0 10px;
}

#u733:hover
{
	background: url("../images/u733-r.png") no-repeat 0px 0px;
}
.contact_left{
	float:left;
	width:450px;
	margin:0 100px 0 0;
	line-height: 14px;
font-family: open-sans, sans-serif;
font-weight: 300;
}

.textfield{
width: 436px;
min-height: 14px;
font-family: open-sans, sans-serif;
font-style: italic;
font-weight: 300;
padding: 10px;
border:0;
background-color: #eee;
margin:3px 0 10px;
}
.textfield:hover{background-color:#ccc;}
.textfield:focus{background-color:#ccc;}
.textarea{
width: 436px;
height: 84px;
font-family: open-sans, sans-serif;
font-style: italic;
font-weight: 300;
padding: 10px;
background-color: #eee;
border:0;
margin:3px 0 10px;
}
.textarea:hover{background-color:#ccc;}
.textarea:focus{background-color:#ccc;}
.btn {
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  background: #2496b1;
  padding: 10px 50px 10px 50px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  float:right;
}

.btn:hover {
  background: #f37a27;
  text-decoration: none;
}
.contact_right{
	float:left;
	width:450px;
	line-height: 28px;
font-family: open-sans, sans-serif;
font-weight: 700;
text-align:right;
}
.map{
	float:left;
	width:100%;
	margin-top:60px;
}

.serv_left{
	float:left;
	width:100%;
	margin-bottom:50px;
}
    .serv_left img
    {
        float: left;
        margin: 0 15px 15px 0;
    }

/*portfolio*/

.view {
   width: 280px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #eee;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 280px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   /*font-family: Georgia, serif;*/
   /*font-style: italic;*/
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   font-size:13px;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}