/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 h1 {
 	font-size:24px;
 	margin-bottom: 10px;
 }
 p {
 	font-size: 15px;
 	line-height: 20px;
 }
 .takira_portfolio_item{
 	position: relative;
 	text-align: center;
 }
 .takira_portfolio_title{
 	position: absolute;
 	top: 0px;
 	height: 100%;
 	width: 100%;
 	background-color:rgba(0, 0, 0, 0.7);
 	color: white;
 	display: none;
 	vertical-align: middle;
 	text-align: center;
 	font-size: 20px;
 	text-transform: capitalize;
 	border-radius:3px;
 }
 .portfolio .gallery{display: none;}
 #takira_mix_it_up .mix{
 	display: none;
 	position: relative;
 	min-height: 1px;
 	width: 33.33333333%;
 	text-align: center;
 	margin-bottom: 20px;
 	min-width: 220px;
 }
 #takira_mix_it_up .mix img{
 	width: 95%;
 } 
 .takira-portfolio{
 	text-align: center;
 }
 .filter_container{
 	text-align: center;
 	margin-bottom: 30px;
 }
 .filter
 {
 	display: inline-block;
 	padding: 10px;
 	text-transform: capitalize;
 	font-size: 18px;
 	cursor: pointer;
 }
 .filter_container .active{
 	border-bottom: 2px solid black;
 }
 .takira-col-md-4,.takira-col-md-8{
 	position: relative;
 	min-height: 1px;
 	float: left;
 }
 @media (min-width: 992px) {
 	.takira-col-md-8{
 		width: 66.66666667%;
 	}
 	.takira-col-md-4{
 		width: 33.33333333%;
 	}
 }
 .takira-col-md-8 img{
 	max-width: 100%;
 }
 
 .takira_padding_right_20{
 	padding-right: 20px;
 }
 .takira_btn {
 	display: inline-block;
 	padding: 6px 12px;
 	margin-bottom: 0;
 	font-size: 14px;
 	font-weight: normal;
 	line-height: 1.42857143;
 	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;
 	cursor: pointer;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	background-image: none;
 	border: 1px solid transparent;
 	border-radius: 4px;
 	background-color: white;
 	color:black;
 	position: absolute;
 }

 .prot_image_wrapper{
 	 margin-bottom: 20px;
}
.prot_image_wrapper .t-caption {
text-align: center;
margin: 0;
padding: 5px 10px;
background: #f3f3f3;
font-size: 20px;
text-transform: capitalize;
}

 .type-portfolio{
 	padding: 0px;
 }
 #takira_mix_it_up{
 	text-align: center;
 }

 @media (max-width: 768px) {
 	#takira_mix_it_up .mix{
 		width: auto;
 	}
 }