/*------------------------------------------------------------------*/ 
/*	16) PORTFOLIO
/*------------------------------------------------------------------*/
.portfolio{
	width:100%;
	float:left;
	height:auto;
}
.portfolio-item{
	position:relative;
	margin-bottom:30px;
}
.portfolio-item img{
	width:100%;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.image-wrap{
	width:auto;
	height:auto;
	position:relative;
}
.portfolio-list{
	list-style-type:none;
	width:auto;	
	margin-left:0px;
}
.portfolio-list li{
	padding:0;
	margin:0 0 30px 30px;
	
}
.portfolio-2columns .portfolio-list li{
	width:570px;
}
.portfolio-3columns .portfolio-list li{
	width:370px;
}
.portfolio-4columns .portfolio-list li{
	width:270px;
}
.portfolio-filter{
	margin-bottom:30px;
}
.portfolio-filter ul{
	list-style-type:none;
	margin:10px 0;
	padding:0;
}
.portfolio-filter ul li{
	display:inline-table;
	margin:10px 5px 10px 0;
}
.portfolio-filter ul li a{
	position:relative;
	padding:10px 25px;
	color:#3c4852;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}
.portfolio-filter ul li a.current, #portfolio-filter li a:hover{
	color:#FFFFFF;
	background:#3c4852;
}
.project-single .span12{
	margin-bottom:30px;
}
.project-details{
	width:100%;
	padding:40px 40px 25px 40px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	background:#fafafa;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
}
.project-details h1{
	font-size:16px;
	text-transform:uppercase;
}
.project-details span{
	color:#3c4852;
	margin-right:5px;
}
.related-projects.span12{
	margin-bottom:0;
	margin-top:50px;
}


/*------------------------------------------------------------------*/ 
/*	17) HOME PORTFOLIO
/*------------------------------------------------------------------*/
.portfolio_block_1{
	padding:0;
}
.portfolio_blocks_wrap{
	padding:0;
}
.portfolio_blocks_wrap .item{
	min-height:287px;
}
.item{
	width:370px;
	float:left;
	margin:0 15px;
	padding:0 0 10px 0;
	position:relative;
}
.item img{
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.maskImage{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	z-index:99999;
	background:url(../img/pixelblack.png) repeat;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.maskImage a{
	width:100%;
	height:100%;
	display:block;
}
.maskImage a span{
	background:#29c06d;
	width:48px;
	height:48px;
	position:absolute;
	margin-left:50%;
	left:-24px;
	top:-48px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		    border-radius: 4px;
}
.maskImage a span i{
	color:#FFF;
	font-size:20px;
	margin-left:10px;
	margin-top:13px;
}
.og-grid li .maskImage a span i{
	margin-left:-13px;
}
.title_holder{
	width:100%;
	padding:15px;
	background:#fafafa;
	position:relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:1px solid #ddd;
	border-top:none;
	float:left;
	clear:both;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
		    border-radius: 0px 0px 4px 4px;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
}
.title_holder:before{
	top: -25px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: #fafafa;
	border-width: 15px;
	right: 50%;
	margin: 0 -15px 0 0;
	z-index:999999;

}
.title_holder h1{
	width:auto;
	float:left;
	margin-bottom:0;
	font-size:14px;
	margin-right:70px;
}
.title_holder h1 a{
	color:#3c4852;
}
.title_holder h1 a:hover{
	color:#29c06d;
}
span.span_like{
	color:#3c4852;
	position:absolute;
	right:15px;
	top:15px;
	margin-left:10px;
	width:auto;
}
span.span_like a{
	color:#3c4852;
}
span.span_like a:hover{
	color:#29c06d;
}
span.span_like i{
	margin:0 7px 0 0;
	font-size:15px;
}
.carousel_navigations{
	width:100%;
	text-align:center;
	margin:30px 0 0 0;
	float:left;
	clear:both;
}
.carousel_navigations ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.carousel_navigations ul li{
	display:inline-block;
	margin:0;
	padding:0;
}
.carousel_navigations ul li a{
	width:30px;
	height:30px;
	display:block;
	background:url(../img/c_nav.png) no-repeat;
	background-color:#3c4852;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	margin:0;
	padding:0;
}
.carousel_navigations ul li a:hover{
	background-color:#29c06d;
}
#car_prev, #car_prev_2{
	background-position:12px 9px;
}
#car_next, #car_next_2{
	background-position:-21px 9px;
}

.video_holder{
	margin-top:40px;
}

/*------------------------------------------------------------------*/ 
/*	18) HOME PORTFOLIO 2
/*------------------------------------------------------------------*/
.og-grid {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 0 -4px 0 0;
	vertical-align: top;
	height: auto;
	width:16.7%;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	width:100%;
	height:auto;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #3c4852;
	border-width: 15px;
	left: 50%;
	margin: -30px 0 -20px -15px;
}

.og-expander {
	position: absolute;
	background: #3c4852;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 0;
	text-align: left;
	height: 0;
	overflow: hidden;
	margin-bottom:0;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.og-details {
	padding: 0 40px 0 20px;
	width:35%;
	border-left:1px solid #333;
	-webkit-box-shadow: inset 1px 0 0 #465460;
	-moz-box-shadow: 	inset 1px 0 0 #465460;
	box-shadow: 		inset 1px 0 0 #465460;
}

.og-fullimg {
	text-align: center;
	width:65%;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 95%;
	border:5px solid #465460;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.og-details h1 {
	padding: 40px 0 10px;
	margin-bottom: 10px;
	color:#eee;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}

.og-details a {
	margin: 30px 0 0;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}


/*------------------------------------------------------------------*/ 
/*	19) TEAM MEMBERS
/*------------------------------------------------------------------*/
.ourteam{
	margin-bottom:30px;
	padding:35px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	border:1px solid #ddd;
	background:#fafafa;
	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius: 0 0 4px 4px;

	
}
.member-image img{
	max-width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	border:1px solid #ddd;
	-webkit-border-radius: 500px;
	 -moz-border-radius: 500px;
		  border-radius: 500px;
	margin-bottom:30px;
}
p.team-social{
	margin-bottom:0;
	margin-top:20px;
}
.team-social a{
	margin:0 10px 0 0;
	color:#BBBBBB;
	font-size:18px;
	float:left;
	display:block;
	width:25px;
}
.ourteam h5 span{
	font-family:'Pt-Sans', Arial, sans-serif;
	font-size:13px;
}



/*------------------------------------------------------------------*/ 
/*	20) BUTTONS
/*------------------------------------------------------------------*/
.btn-theme {
	display: inline-block;
	*display: inline;
	padding: 5px 15px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background:#29c06d;
	color:#FFF;
	border:1px solid;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
		  
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	     -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	        transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active {
	color: #FFFFFF;
}

.btn-theme-color{
	background:#29c06d;
	color:#FFF;
}
.btn-theme:hover{
	background:#3c4852;
}
.btn-theme-large{
	padding:10px 25px;
	font-family:'Pt-Sans-Bold', Arial, sans-serif;
}
.btn-theme i.left{
	margin:2px 10px 0 0;
}
.btn-theme i.right{
	margin:2px 0 0 10px;
}


/*------------------------------------------------------------------*/ 
/*	21) UI ELEMENTS
/*------------------------------------------------------------------*/
.ui-tabs-nav{
	margin:0;
	list-style-type:none;
	clear:both;
	display:block;
	float:left;
	width:100%;
	-webkit-border-radius: 3px 3px 0 0;	
	-moz-border-radius: 3px 3px 0 0;	
	border-radius: 3px 3px 0 0;
}
.ui-tabs-nav li{
	float:left;
	display:block;
	border:1px solid #ddd;
	border-bottom:none;
}
.ui-tabs-nav li:nth-child(1), .ui-tabs-nav li:nth-child(1) a{
	-webkit-border-radius: 3px 0 0 0;	
	-moz-border-radius: 3px 0 0 0;	
	border-radius: 3px 0 0 0;
}
.ui-tabs-nav li:nth-last-child(1), .ui-tabs-nav li:nth-last-child(1) a{
	-webkit-border-radius: 0 3px 0 0;	
	-moz-border-radius: 0 3px 0 0;	
	border-radius: 0 3px 0 0;
}

.ui-state-default a{
	background:#e6e6e6;
	padding:10px 25px;
	text-transform:uppercase;
	color:#3c4852;
	display:block;
}
.ui-tabs-active a{
	background:#3c4852;
	color:#fff;
}
.ui-tabs-nav li.ui-tabs-active{
	border:1px solid #3c4852;
	border-bottom:none;
}
.ui-tabs-panel{
	border:1px solid #e6e6e6;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	clear:both;
	padding:15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	margin-bottom:8px;
	padding: 1em 1em 1em 1em;
	min-height: 0; /* support: IE7 */
	font-size:14px;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}
.ui-accordion .ui-accordion-header-active{
	margin-bottom:0;
	background:#3c4852;
	color:#fff;
	-webkit-border-radius: 3px 3px 0 0;	
	-moz-border-radius: 3px 3px 0 0;	
	border-radius: 3px 3px 0 0;
}
.ui-accordion .ui-accordion-icons {
	padding-right: 3.5em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -11px;
	margin-left:-7px;
	width:22px;
	height:22px;
	-webkit-border-radius: 50px;	
	-moz-border-radius: 50px;	
	border-radius: 50px;	
}
.ui-icon-triangle-1-e{
	background:#3c4852 url(../img/plus.png) no-repeat;
	background-position:6px 6px;
}
.ui-icon-triangle-1-s{
	background:#29c06d url(../img/minus.png) no-repeat;
	background-position:6px 10px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em;
	border-top: 0;
	overflow: auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	border:1px solid #eee;
	margin-top:-1px;
	margin-bottom:10px;
	-webkit-border-radius: 0 0 3px 3px;	
	-moz-border-radius: 0 0 3px 3px;	
	border-radius: 0 0 3px 3px;
}

/*------------------------------------------------------------------*/ 
/*	24) HOME BLOG
/*------------------------------------------------------------------*/
.desc{
	width:100%;
	padding:15px;
	background:#FFF;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:1px solid #ddd;
	border-top:none;
	float:left;
	clear:both;
	background:#fafafa;
}
.desc h5 a{
	color:#3c4852;
}
.desc h5 a:hover{
	color:#29c06d;
}
.title_holder_2{
	width:100%;
	background:#FFF;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:1px solid #ddd;
	border-top:none;
	float:left;
	clear:both;
	background:#fafafa;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
		    border-radius: 0px 0px 4px 4px;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
}
.title_holder_2 a{
	padding:10px 0;
	float:left;
	color:#888;
	text-align:center;
}
.title_holder_2 a:hover{
	color:#29c06d;
}
.title_holder_2 a i{
	font-size:15px;
	margin:-1px 0 0 0;
}
.post-comm, .post-date, .post-type-icon{
	border-right:1px solid #ddd;
	float:left;
}
.post-type-icon a{
	width:70px;
	text-align:center;
	color:#888;
}
.post-type-icon a i{
	margin-left:-6px;
}
.post-comm a{
	width:70px;
}
.post-comm a i{
	margin-right:10px;
}
.post-date a{
	width:150px;
}
.post-date a i{
	margin-right:10px;
}
.like-2 a {
	width:70px;
}
.like-2 a i{
	margin-right:10px;
	margin-top:0;
}