.clear {
clear:both;
}

.portfolio-items li,.portfolio-items h3,.portfolio-items p,.portfolio-items a {
margin:0;
line-height: 1.3;
}

.portfolio-container {

margin-left:10px;
margin-right:10px;
}


.portfolio-items {
margin:10px 0;
}

.portfolio-items li {
display:inline-block;
float:left;
list-style:none;
position:relative;
margin:10px;
}
.portfolio-items1 li img {
display:block;

height:350px;
background:#eee;

padding:10px;
}
.portfolio-items li img {
display:block;

height:180px;
background:#eee;

padding:10px;
}

.pcv_button{
display:inline-block;
padding:5px 13px!important;
margin:5px 5px!important;
margin-right:0!important;
border:solid 1px #000;
float:right;
background:#7abcff;
background:-moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));
background:-webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);
color:#eee;
font:100% Arial,Helvetica,sans-serif;
text-align:center;
text-shadow:0 1px 0 rgba(55,121,188,.5);
text-decoration:none!important;
vertical-align:middle;zoom:1;*display:inline;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3)
}
.pcv_button:hover{background:#469cf2}

.portfolio-items li div.caption h3{
font-weight:700;
font-size:10px;
padding-bottom: 5px;

text-transform:uppercase;
line-height: 1.0;
border-bottom:1px solid #aaa;
text-shadow:1px 1px 1px #303857;
color: #eee;
}

.portfolio-items li div.caption{
display:block;
background:rgba(0,0,0,0.7);
color:#fff;
font-family:Arial,sans-serif;
font-weight:400;
font-size:11px;
position:absolute;
overflow:hidden;
text-shadow:1px 1px 1px #303857;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
padding:10px;
}

.portfolio-items li:hover div.caption{
width:121px;
height:190px;
opacity:1;
filter:alpha(opacity=10);
}

.portfolio-items li div.caption {
top:7px;
right:7px;
width:0;
height:0;
}

.ctn_blue {
background:#ff4486!important;
color:#fff!important;
}

.ctn_blue .pcv_button {
border:1px solid #0666B4!important;
}

.ctn_green {
background:rgba(93,140,0,0.85)!important;
color:#fff!important;
}

.ctn_green .pcv_button {
border:1px solid #607B0E!important;
}

.ctn_brown {
background:rgba(165,42,42,0.85)!important;
color:#fff!important;
}

.ctn_brown .pcv_button {
border:1px solid #7B1F1F!important;
}

.ctn_darkslategray {
background:rgba(72,61,139,0.85)!important;
color:#fff!important;
}

.ctn_darkslategray .pcv_button {
border:1px solid #3A3271!important;
}

.ctn_indianred {
background:rgba(215,96,96,0.85)!important;
color:#fff!important;
}

.ctn_indianred .pcv_button {
border:1px solid #B93636!important;
}

.ctn_white {
background:rgba(255,255,255,0.75)!important;
color:#333!important;
text-shadow:none!important;
}

.ctn_white h3 {
text-shadow:none!important;
}

.ctn_white .pcv_button {
border:1px solid #555!important;
}

.ctn_teal {
background:rgba(0,137,137,0.85)!important;
color:#fff!important;
}

.ctn_teal .pcv_button {
border:1px solid #007171!important;
}

.ctn_orange {
background:rgba(255,140,0,0.75)!important;
color:#fff!important;
}

.ctn_orange .pcv_button {
border:1px solid #CF7200!important;
}

.ctn_blueviolet {
background:rgba(138,43,226,0.75)!important;
color:#fff!important;
}

.ctn_blueviolet .pcv_button {
border:1px solid #6A21AE!important;
}

.ctn_pink {
background:rgba(255,105,180,0.80)!important;
color:#fff!important;
}

.ctn_pink .pcv_button {
border:1px solid #430073!important;
}

.ctn_indigo {
background:rgba(75,0,130,0.75)!important;
color:#fff!important;
}

.ctn_slateblue {
background:rgba(106,90,205,0.75)!important;
color:#fff!important;
}

.ctn_slateblue .pcv_button {
border:1px solid #5448A4!important;
}