/********************

New Single Portfolio 

********************/


/* Featured Image */
.sp-feature{
	width:100%;
    height: 245px;
    padding-top: 36px;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.sp-feature h2{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family: "Microsoft Yahei",sans-serif;
	font-size:68px;
	text-align:center;
    line-height: 1;
	}
.sp-feature h5{
	color:#fff;
	text-transform:uppercase;
	font-family: "Microsoft Yahei",sans-serif;
	font-size:24px;
	text-align:center;
	}
	
/* Buttons */
.portfolio-back {
    font-weight: 400;
    font-size: 16px;
    color: #fff!important;
    text-transform: uppercase;
    width:38px;
    height:38px;
	float:left;
    background:url(images/portfolio-back.png);
    background-repeat: no-repeat;
	background-image:#8ec552;
	margin-right:20px;
	}	
.portfolio-back:hover{background:url(images/portfolio-back-hover.png);}
.arrowsWrap {
    width:154px;
    height:auto;
	margin:15px auto 0 auto;
	position:relative;
	}	
.blue-arrow-left {
    width:38px;
    height:38px;
    background-image:url(images/portfolio-prev.png);
    cursor:pointer;
    float:left;
	margin-right:20px;
	}
.blue-arrow-left:hover {background-image:url(images/portfolio-prev-hover.png);}
.blue-arrow-right {
    width:38px;
    height:38px;
    background-image:url(images/portfolio-next.png);
    cursor:pointer;
    float:left;
	}
.blue-arrow-right:hover {background-image:url(images/portfolio-next-hover.png);}
	
/* add padding for text blocks */
.single-port-text{
	padding:55px 0 70px 0;
	height:auto;
	text-align:center;
	font-family: "Microsoft Yahei",sans-serif;
	}
.single-port-text h3{
	text-transform:uppercase;
	font-size:30px;
	margin: 0 auto 30px auto;
	}
.single-port-text p{margin:0 auto;}
		
.who-they-are h3{color:#fff;}
.who-they-are p{color:#fff; max-width: 780px;}	
	
.how-we-helped h3{color:#008bc5;}
.how-we-helped p{color:#18262f; max-width:780px;line-height:36px;}

.theme-item {
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.categories h3{color:#fff;}
.categories .single-label-small{color:#fff!important;}

	
/* Portfolio Slideshow/GALLERY Section */
.portfolio-text{}
.portfolio-text h3{
	text-transform:uppercase;
	font-size:30px;
	margin:0 auto 15px auto;
	color:#008bc5;
	text-align:center;
	}
	
/* Gallery Wrapper */
.content-portfolio{
	position:relative;
    top:0;
    left:0;
	width:900px;
    margin:0 auto;
	}
.gallery-wrapper{
	width:691px;
	margin:0 auto;
	}
.gallery_big_image{width:691px;}
.gallery_big_image img{border: 1px solid #ccc;}
.portfolio-bottom{
	width:100%;
	height:145px;
	padding-top:60px;
	}
.portfolio-bottom a.view-website{
	background-color: #008bc5;
    border: none;
    outline: none;
    position: relative;
    top: 0;
    right: 0;
	text-align:center;
	font-family: "Microsoft Yahei",sans-serif;
	font-weight:100;
	text-transform:uppercase;
    font-size: 30px;
	color:#fff;
    padding: 18px 0;
    cursor: pointer;
    display: block;
	margin:0 auto;
    line-height: 40px;
	width:370px;
	}
.portfolio-bottom a.view-website:hover{background-color:#8ec552;}
.portfolio-bottom a.return-portfolio{
	color:#8ec552;
	font-size:18px;
	text-align:center;
	display:block;
	text-transform:uppercase;
	margin-top:30px;
	}
.portfolio-bottom a.return-portfolio:hover{color:#008bc5;}
.buttonNavPortfolio.prevButton{
	float:left!important; 
	position:relative!important; 
	margin-top:230px;
	width: 38px!important;
	height: 37px!important;
	background-image: url(images/portfolio-prev.png);
	cursor: pointer;
	float: left;
	margin-right: 20px;
	text-indent:-9999px!important;
	padding:0px!important;
	border:0px!important;
	}	
.buttonNavPortfolio.prevButton:hover {background-image: url(images/portfolio-prev-hover.png);}	
.buttonNavPortfolio.nextButton{
	float:right!important; 
	position:relative!important; 
	top:50%!important;
	margin-top:-529px;
	width: 38px!important;
	height: 38px!important;
	background-image: url(images/portfolio-next.png);
	cursor: pointer;
	float: left;
	text-indent:-9999px!important;
	padding:0px!important;
	border:0px!important;
	}	
.buttonNavPortfolio.nextButton:hover {background-image: url(images/portfolio-next-hover.png);}
	
	
/* WHITE ICONS - CATEGORIES */
.single-label-small-white {
    background-image: url(images/categories/white/other-services-white.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 23px;
    vertical-align: middle;
    line-height: 19px;
    font-weight: 300;
    color: #707070;
    width: auto !important;
	}
.label-desc .icon_small_high-end-custom-websites-white {
    background-image:url(images/categories/white/performance-websites-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}
.label-desc .icon_small_small-business-website-packages-white {
    background-image:url(images/categories/white/small-business-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}
.label-desc .icon_small_usa-government-projects-white {
    background-image:url(images/categories/white/government-projects-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}
.label-desc .icon_small_usa-government-projects-white {
    background-image:url(images/categories/white/government-projects-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}
.label-desc .icon_small_marketing-white {
    background-image:url(images/categories/white/marketing-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}
.label-desc .icon_small_start-up-venture-website-projects-white {
    background-image:url(images/categories/white/startup-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}
.label-desc .icon_small_startup-website-projects-white {
    background-image:url(images/categories/white/startup-white.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    padding-left:23px;
    vertical-align:middle;
    line-height:19px;
    font-weight:300;
    color:#707070;
    width:auto!important;
	}