@font-face {
	font-family: 'RobotoRegular';
	src: url('../fonts/roboto-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-regular_0-webfont.otf') format('opentype'),
	     url('../fonts/roboto-regular_0-webfont.woff') format('woff'),
		 url('../fonts/roboto-regular_0-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-regular_0-webfont.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
img {
    height: auto;
	 max-width: 100%;
}
.fix {
    overflow: hidden;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#portfolio .mix{
	display: none;
}
.all_portfolio{
	overflow: hidden;
}
.porfolio_filter{
	float:left;
}
.porfolio_filter li{font-family: 'Open Sans', sans-serif;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin:0 10px 0 0 !important;
	padding:0 0 8px 0;
    line-height:20px;
	position:relative;
}
.scrollWrapper .pro_icon{width:40px; height:35px; position:absolute; left:40%; top:-33px;}
.porfolio_filter li{text-align:center;padding-top:40px !important; width:185px; padding-bottom:40px !important;}
.porfolio_filter li:hover::after{position:absolute;bottom:-4px;right:45%;width:4px;height:4px;border-bottom:18px solid #ff6913;border-right:18px solid #ff6913;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.scrollableArea p{ clear:left; width:100%;font-family: 'Open Sans', sans-serif;font-size: 14px; padding:0px 10px !important; line-height:0px;}
.porfolio_filter li:hover{ background:#ff6913; color:#fff;}
.porfolio_filter li.active{background:#ff6913; color:#fff;}
.porfolio_filter li.active img{ filter:brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-moz-filter:brightness(0) invert(1);-o-filter:brightness(0) invert(1);}
.porfolio_filter li:last-child{margin:0;}

.home-portfolio{background:#ffde16; padding:0px 0;}
#portfolio ul li{float:left; width:270px; margin:0 30px 0 0; position:relative; font-family:RobotoRegular, arial;}
#portfolio ul li .image{background:#fff; padding:10px;}
#portfolio ul li .info{background:#f6f6f6; padding:20px; border:1px solid #d8d8d8; position:relative;}
#portfolio ul li .info:before{content:""; left:20px; top:-12px; width:22px; height:14px; background:url(../img/info-arrow.png) no-repeat top left; position:absolute;}
#portfolio ul li .info h3{font-family:RobotoRegular, arial; font-size:16px; color:#000; margin:0 0 3px; line-height:20px;}
#portfolio ul li .info .cat{overflow:hidden; margin:0 0 10px;}
#portfolio ul li .info .cat span{font-size:13px;}
#portfolio ul li .info .cat span.left{float:left; color:#000;}
#portfolio ul li .info .cat span.right{float:right;}
#portfolio ul li .info .cat span.right a{color:#444;}
#portfolio ul li .bottom .rating{float:left;}
#portfolio ul li .bottom .wishlist{float:right;}

#portfolio ul li .price{position:absolute; right:-10px; bottom:101px;}
#portfolio ul li .price span{background:#252525; display:block; position:relative; line-height:25px; height:25px; padding-right:10px; color:#fff; font-family:RobotoRegular, arial; font-size:14px;}
#portfolio ul li .price span:before{background:url(../img/price-arrow.png) no-repeat left top; position:absolute; left:-14px; top:0; height:25px; width:14px; content:"";}
#portfolio ul li .price span:after{background:url(../img/price-base.png) no-repeat left top; position:absolute; right:0px; bottom:-9px; height:9px; width:10px; content:"";}
#portfolio.template-listing ul.flex-direction-nav li{position:inherit;}
#portfolio.template-listing .flex-direction-nav .flex-prev{background:url(../img/templeteslider-left-arrow.png) no-repeat left top; opacity:1;width:75px; left:-10px; text-indent:-9999em;}
#portfolio.template-listing .flex-direction-nav .flex-next{background:url(../img/templeteslider-right-arrow.png) no-repeat left top; opacity:1;width:75px; right:-10px; text-indent:-9999em; font-size:0;}
#portfolio.template-listing .flex-direction-nav a.flex-next:before, #portfolio.template-listing .flex-direction-nav a.flex-prev:before{content:"";}
.porfolio_filter li.active::after{position:absolute;bottom:-4px;right:45%;width:4px;height:4px;border-bottom:18px solid #ff6913;border-right:18px solid #ff6913;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}

#portfolio {
	overflow: hidden;
	padding-top:40px;
}
.ports{
	border: 1px solid #ddd;
	margin-bottom: 30px;
	margin-left: 13px;
	margin-right: 13px;
	padding-bottom: 15px;
}
.ports img{}
.ports h3{
	color: #00aeef;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 15px;
	text-align: center;
	text-transform: uppercase;
}
.ports h4{
	color: #777777;
	font-size: 13px;
	margin: 0;
	text-align: center;
}