/*  Begin wrap_services */

#wrap_services ul {
	width:1180px;
	list-style:none;
	padding-top:10px;
}

#wrap_services ul li{
	width:390px;
	float:left;
	background:url(../img/line_doc.png) no-repeat right center;	
	text-align:center;
}

#wrap_services ul li:nth-child(3){
	background:none;
}

#wrap_services ul li h2{
	margin-bottom:15px;
}

#wrap_services ul li h2 a{
	font-size:18px;
	color:#fff;
}

#wrap_services ul li h2 a:hover{
	color:#ff3c1f;
}

.img_services{
	width:320px;
	height:190px;
	margin:0 auto;	
}

.img_services img{
	width:320px;
	height:190px;	
}

/*  End wrap_services */

/* image format */
.post-img {position:relative;}
.post-img a {display:block;color:#fff}
.post-tip {position: absolute;left: 0px;top: 0px;width: 101.5%;height: 100%;overflow: hidden;opacity:0;}
.post-img:hover .post-tip {opacity:1;}
.post-tip .bg {width: 100%;height: 100%;background: #ff3c1f;opacity: 0;}
.post-img:hover .post-tip .bg {opacity: 0.9;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.post-img i {margin-right:0 !important;}
.post-img .pop-link-icon, 
.post-img .pop-preview-icon {
	width: 30px;height: 30px;border-radius: 50%;text-align: center;font-size: 18px;
	padding: 10px;line-height: 50px;display: inline-block;background: rgba(0,0,0,0.7);
	color: #ffffff;position: absolute;margin-top: -30px;top: 50%;left: 50%;
	transform: scale(0,0);
	-ms-transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}

.fa{
	margin-top:5px;	
}

.post-img .pop-preview-icon {margin-left:-60px;}
.post-img .center{margin-left:-35px !important;}
.post-img .pop-link-icon {margin-left:10px;}
.post-img .pop-link-icon:hover, 
.post-img .pop-preview-icon:hover {background: rgba(0,0,0,1);}
.post-img:hover .post-tip .pop-link-icon ,
.post-img:hover .post-tip .pop-preview-icon {transform: scale(1,1);-ms-transform: scale(1,1);-webkit-transform: scale(1,1);}

/* Begin list_project */

.list_project{
	width:100%;
	display:inline-block;
	list-style:none;	
	padding-top:10px;
}

.list_project li{
	width:270px;
	height:240px;
	float:left;	
	margin:10px 12px;
}

.li_left{
	margin:10px 8px!important;	
}

.list_project li h2{
	margin-bottom:15px;
	line-height:20px;
}

.list_project li h2 a{
	color:#ff5e3c;
	font-size:14px;
	font-weight:100;
}

.list_project li h2 a:hover{
	color:#fff;
}

.list_project p span{
	display:inline-block;
	float:left;
	color:#9d9d9d;
	font-size:12px;
	height:15px;
	line-height:15px;
}

.list_project p span:nth-child(1){
	text-align:left;
	width:200px;
	background:url(../img/icon_eye.png) no-repeat left center;
	padding-left:20px;
}

.list_project p span:nth-child(2){
	text-align:right;
	width:30px;
	background:url(../img/icon_view.png) no-repeat left center;
	padding-left:20px;
}

.img_project{
	width:267px;
	height:150px;	
	margin-bottom:10px;
}

.img_project img{
	width:267px;
	height:150px;	
}

/* End list_project */

/* Begin feedback */

.hidden1 {
    overflow: hidden;
    width: 300px;
	height: 520px;
	margin-top:10px;
}

.list_feedback{
	list-style:none;
	width:300px;	
}

.list_feedback li{
	margin:5px 0px;
	width:300px;	
}

.list_feedback li img{
	width:300px;	
}


/* End feedback */

/*  Begin wrap_details_project */

#wrap_details_project {
	width:860px;
	display:inline-block;
}

#wrap_details_project > h3{
	font-size:24px;
	font-weight:100;
	color:#ff5e3c;
	margin:10px 0px;
}

#wrap_details_project > h4{
	margin-bottom:10px;
}

#wrap_details_project > h4 span{
	display:inline-block;
	float:left;
	color:#9d9d9d;
	font-size:12px;
	height:15px;
	line-height:15px;
}

#wrap_details_project > h4 span:nth-child(1){
	text-align:left;
	background:url(../img/icon_eye.png) no-repeat left center;
	padding-left:20px;
	margin-right:50px;
}

#wrap_details_project > h4 span:nth-child(2){
	text-align:right;
	background:url(../img/icon_view.png) no-repeat left center;
	padding-left:20px;
}

#wrap_img_project{
	clear:both;
	margin-top:40px;	
	text-align:center;
}

#wrap_img_project .bg{
    width: 98.8%!important;
   
}

#wrap_img_project .post-tip{
     height: 100.5%;
}

#wrap_img_project img{
	max-width:860px;
}

#wrap_info_project{
	width:860px;
	display:inline-block;
	margin-top:20px;	
	text-align:justify;
	color:#fff;
	line-height:20px;
}

#wrap_info_project p{
	margin-bottom:5px;	
}

.kmt_social{
    clear: both;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
}

.kmt_addon{
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

#box_facebook{
    width: 180px!important;
    float:right!important;
	margin-right:10px!important;
    margin-bottom: 5px;
}

#box_twitter{
    width: 85px!important;
    float:right!important;
    margin-right: 5px;
    margin-bottom: 5px;
}

#box_plusone{
    width: 60px!important;
    float:right!important;
    margin-bottom: 5px;
}

.kmt_comment{
    margin-bottom: 10px;
}

/*  End wrap_details_project */

/* Begin wrap_contactpage */

#wrap_contactpage{
	width:1180px;
	display:inline-block;	
}

#wrap_add{
	color:#fff;	
	margin:10px 0px;
}

#wrap_add p{
	margin-bottom:5px;
}

#wrap_map{
	width:1180px;
	height:450px;	
	margin-bottom:10px;
}

#wrap_form_contact{
	width:1180px;
	float:left;	
	margin-right:20px;
}

#title_form_ta{
	padding-top:10px;
	float:left;
	width:330px!important;
	font-size:13px;
	text-align:right;
	margin-right:5px;
}
	
#title_form_ta li{
	margin-bottom:5px;
	height:30px;	
	list-style:none!important;
	color:#fff;
	line-height:30px;
}
	
#input_form_ta{
	padding-top:10px;
	float:left;
}
	
#input_form_ta li{
	margin-bottom:5px;
	text-align:left;
	padding-left:5px;
	list-style:none!important;
}
	
#input_form_ta li input{
	width:550px;	
	height:22px;
	padding:3px;
}
	
#input_form_ta li textarea{
	width:550px;
	max-width:550px!important;
	height:100px;
	padding:3px;
	resize:none;
}

/* End wrap_contactpage */