/* Portolio Hover */
.da-thumbs li ,
.da-thumbs li img {
	width:300px;
	height:200px;
	display: block;
	position: relative;
}

.da-thumbs li  {
	float:left;
	overflow: hidden;
}
.da-thumbs li  article {
	position: absolute;
	background-image:url(/portfolio/images/image_hover.png);
	background-repeat:repeat;
	width: 100%;
	height: 100%;
}
.da-thumbs li  article.da-animate {
	-webkit-transition: all 0.2s ease;
	-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;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li  article a {
	color:#fff;
	padding:20px;
	display:block;
}

.da-thumbs {
float:left;
width:300px;
margin-right:26px;
margin-bottom:43px;
}

.da-thumbs li  article h3{
color:#fff;
padding-top:70px;
}

.da-thumbs li  article p{
font-size:11px;
margin:5px 0 10px 0;
color:#fff;
display:block;
}

.da-thumbs li  article span{
display:inline-block;
}

span.link_post{
display:block;
width:35px;
height:35px;
background-color:#DF6232;
border-radius:50px;
cursor:pointer;
background-image:url(/portfolio/images/zoom_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-right:10px;
}

span.zoom{
overflow:hidden;
display:block;
width:35px;
height:35px;
background-color:#DF6232;
border-radius:50px;
cursor:pointer;
background-image:url(/portfolio/images/link_post_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-left:10px;
}

.portfolio_2col article h3{
padding-top:70px !important;
}

/* Image Grid */
.image_grid {
	float:left;
	overflow:hidden;
	width:980px;
	position:relative;
	padding-left:17px;

}

.image_grid li{
	float: left;
	line-height: 17px;
	color: #686f74;
	list-style:none;
	overflow:hidden;
	text-align:center;
}


.port_title2 { width:100%; margin:0 auto;  margin-bottom:30px; height:140px; background:url(/images/subtop02.jpg) top center;  }

.port_list { width:980px; margin:0 auto; }
.port_txt { float:left; width:300px; }
.port_txt h4 { font-size:15px; color: #000; padding:10px 0 8px 0; border-bottom:1px solid #e9e9e9;  }
.port_txt a{color: #000; text-decoration:none;}
.port_txt a:hover, a:active, a:focus{color:#000; text-decoration:underline;}
.port_name { font-size:11px; padding-top:8px; letter-spacing:-0.8px; }
.port_name p { float:left; color:#aaa;   }
.port_name span { float:right;  }

.port_menuwrap {  width:980px; margin:0 auto;  height:40px; }
.port_menutitle { float:left; font-size:20px; font-weight:600;  letter-spacing:-0.5px; color:#000; margin:5px 0 0 17px;  }
.port_menu{ float:right; margin:0 11px 0px 0px; font-size:13px;}
.port_menu a{ display: inline-block; padding:7px 20px; /*border: 1px solid #fff;*/ border:1px solid #ccc; background:#fff; color: #000; font-weight:600; text-decoration: none; }
.port_menu a:hover{ color: #fff; border-color: #c82621; background:#c82621; }
.port_menu a.on{ border:1px solid #333; color:#fff; background:#333; }

.port_viewwrap {  width:980px; margin:0 auto; padding-top:50px;  }
.port_viewtop { float:left; width:100%; height:50px;  margin:0 0 20px 0; }
.port_viewlist { float:left; width:50px;   }
.port_viewtitle { float:left; width:790px; font-size:35px; letter-spacing:-0.2px; line-height:28px; color:#000; text-align:center; padding-left:30px;  }
.port_viewtitle span { font-size:15px; color:#444;  }
.port_viewbtn { float:right; width:102px;  }

.port_viewbtn li{ float:left; position:relative; width:48px; height:45px;}
.overs img { width:100%; height:100%; position:absolute; left:0px; top:0px; border:0px; display:block;}

.port_view_n { float:left; width:100%; height:100%; margin:20px 0 10px 0;  }
.port_view_n img { margin:0; padding:0; border:0; vertical-align:top; line-height:0; border:0; }


.port_submenuwrap1 { width:950px; margin:0 auto;   }
.port_submenuwrap1 ul { height:35px; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 0 30px 0; text-align:center; }
.port_submenuwrap1 ul li { float:left; padding:9px 8px;   } 
.port_submenuwrap1 ul li span { font-size:13px; font-weight:600; color:#000;  }
.port_submenuwrap1 a{color: #000; text-decoration:none;}
.port_submenuwrap1 a:hover, a:active, a:focus{color:#ff0000; text-decoration:underline;}

.port_submenuwrap2 { width:950px; margin:0 auto;   }
.port_submenuwrap2 ul { height:35px; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 0 30px 0; text-align:center; }
.port_submenuwrap2 ul li { float:left; padding:9px 13px;   } 
.port_submenuwrap2 a{color: #000; text-decoration:none;}
.port_submenuwrap2 a:hover, a:active, a:focus{color:#ff0000; text-decoration:underline;}


.tbl_portview{width:100%; padding:0; margin:0; letter-spacing:0px;  }
.tbl_portview th { background-color:#737579; text-align:center; color:#333;  height:40px;  color:#fff; vertical-align: middle; border-bottom:1px solid #838383; }
.tbl_portview td { padding:0px 0px 0px 15px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align: middle; }

/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

}


 @media only screen and (min-width: 480px) and (max-width: 767px) {

}