/* Colio - Basic Styles
================================================== */

.colio {
	position: relative;
	height: 0;
	clear: both;
	overflow: hidden;
}

.colio-container {
	padding: 40px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.colio-content {
	display: none;
	overflow: hidden;
}

.colio-close,
.colio-prev,
.colio-next {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.colio-no-prev,
.colio-no-next {
	cursor: default;
	opacity: 0.2;
}

/* navigation, close */

.colio-close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.colio-navigation {
	position: absolute;
	top: 10px;
	left: 10px;
}

.colio-navigation a {
	margin-right: 5px;	
}

/* placement */

.colio-placement-inside,
.colio-placement-before {
	margin-bottom: 20px;
}

.colio-placement-after {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* #Buttons
================================================== */

	.coliobutton{
	background: #f2504e;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #fff !important;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: bold;
	  text-decoration: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 20px;
	  padding: 8px 10px;
          height: 20px;
          position: relative;
          top: 50%;
          margin-top: -17px;
	  }
       

	.coliobutton:hover{
		
	}

	.coliobutton:active{
	}

	.coliobutton.full-width{
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

        
        
.portfolio .list h4 a{
text-align: center;
font-size: 15px;
font-weight: bold;
color:#444 !important;
text-transform: uppercase;
letter-spacing: 0.04em;
-webkit-transition: color .1s;
-moz-transition: color .1s;
-o-transition: color .1s;
transition: color .1s;
}

.portfolio .list h4 a:hover{
color:#999 !important;
}

.portfolio .list h4 a:active{
background: #eaeaea;
}