/******** SAP ************/
.sap_tabs{
	clear:both;
	padding: 0em 0 2em;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
    list-style: none;
    margin: 3em 0;
}
.resp-tab-item{
    display: inline-block;
    text-align: center;
    list-style: none;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0 0.5em 0;
    padding: 5px 4px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.66);
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
}
.resp-tab-active{
	padding: 5px 4px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.66);
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
}
.resp-tabs-container {
	padding: 0px;
	clear: left;
	
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.img-top {	
	  position: relative;
}
.img-top {
    float: left;
}
.link-top{
    position: absolute;
    top: 75.6%;
    width: 98%;
    background: rgba(244, 187, 54, 0.7);
    height: 23%;
    display: none;
    padding: 1em 0 19px 15px;
    color: #fff;
}
.link-top h3{
	font-size: 13px;
	color:#fff;
	margin: 0;
}
.link-top p{
	font-size: 13px;
	color:#fff;
	
}
 i.link {
  background: url(../images/e.png)no-repeat 0px 0px ;
  width: 37px;
  height: 37px;
  display: inline-block;
  cursor: pointer;
 
}
.img-top:hover .link-top{
	display: block;
}
/*-----start-portfolio----*/
.portfolio-box-main{
	padding: 3em 0 0 0;
}
.portfolio-head h3{
	text-transform: uppercase;
	color: #F4BB36;
	font-weight: 700;
	font-size: 1.6em;
	margin: 0 0 0.5em 0;
}
.portfolio-head span{
	color: #3E2D35;
	font-size: 1.3em;
	font-weight: 700;
	margin: 0;
}
.portfolio-head p{
	color: #6F6E6C;
	font-style: italic;
	width: 68%;
	margin: 0 auto;
	line-height: 1.8em;
	margin-top: 0.5em;
}
/*----start-portfolio-----*/
.portfolio-main{
}
#filters {
	margin: 1.8em 0 2em 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
	#filters li {
		display:inline-block;
	}
	#filters li span {
		display: inline-block;
		padding: 10px 15px;
		text-decoration: none;
		color: #000;
		cursor: pointer;
		font-size: 0.875em;
		font-weight: 400;
		text-transform: uppercase;
		border-radius: 4px;
		margin-right: 0.5em;
	}
	#filters li span.active {
		color: #F4BB36;
	}
 	#portfoliolist .portfolio {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		width: 24.9999999%;
		display:none;
		float:left;
		overflow:hidden;
		background: #fff;
	}	
	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		cursor:pointer;
	}
	.portfolio img {
	    max-width: 100%;
		transition: all 300ms!important;
		-webkit-transition: all 300ms!important;
		-moz-transition: all 300ms!important;
		display: block;
		margin: 0 auto;
	}
	.portfolio .label {
		position: absolute;
		width: 100%;
		bottom: 0;
		display: none;
	}
	.portfolio .label-bg {
			background: #22B4B8;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
		.portfolio .label-text {
		    color: #fff;
			position: relative;
			z-index: 500;
			padding: 10px;
			background: #E85151;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
				font-size: 12px;
				text-transform:uppercase;
			}
			.img-top.portfolio:hover div.label{
				display:block;
			}
@media (max-width:1024px){
	.img-top {
		float: left;
		width: 33.33%;
	}
}
@media (max-width:320px){
	 .resp-tab-item {
	    padding: 5px 11px;
		font-size: 11px;
		margin: 0 0.2em 0;
	}
	.link-top span {
	    display: none;
	}
	.link-top h3 {
	    font-size: 12px;
	}
	.link-top {
	    width: 94.2%;
	    padding: 6px 0 20px 10px;
	    top: 71.6%;
	    height: 18%;
	}
	.resp-tabs-list {
		margin: 2em 0;
		padding: 0;
	}
	.img-top {
	    width: 50%;
		float: left;
	}
}