.items {
	list-style:none;
	margin:0;
	padding:0 0 40px;
	text-align:center;
}
.items li {
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	line-height:18px;
	margin:0 -3px 1px 0;
	background:#f0f0f0;
}
.items.nobackground li {background: none;}
.items .service-box {
	display:block;
	width:214px;
	height:183px;
	cursor:pointer;
	padding:40px 10px 10px;
	color:#8a8a8a;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.items .service-box a{
	text-decoration: none;
	color: inherit;
}
.items .service-box:hover {
	background:#f96e5b;
	text-decoration:none;
	color:rgba(255,255,255, 0.8);
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.items .service-box .image {
	display:block;
	text-align:center;
	min-height:51px;
	padding:0 0 19px;
}
.items .service-box .title {
	display:block;
	color:#444;
	font:bold 13px/15px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	margin:0 0 19px;
}
.items .service-box .image .hover {display:none;}
.items .service-box:hover .image img {display:none;}
.items .service-box:hover .image img.hover {display:inline-block;}
.items .service-box .text {display:block;}
.heading1 {
	
	padding:0 0 0px;
	margin:0 0 20px;
}
.heading1:after {
	content:"";
	display:block;
	clear:both;
}
.heading1 .nav-btns {
	float:right;
	padding:0 0 0 10px;
}
.heading1 .nav-btns a {
	float:left;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:#797a7e url(sprite.png) no-repeat -114px 4px;
	margin:0 0 0 1px;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.heading1 .nav-btns .prev {margin:0;}
.heading1 .nav-btns .next {background-position:-136px 4px;}
.heading1 .nav-btns .inactive {background-color:#a6a7ab }
.heading1 .nav-btns a:hover {
	background-color:#b62525;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}


.project-holder {text-align:center;}
.project-holder .add-info {
	text-align:left;
	width:225px;
	padding:0 2px 0 0;
	float:left;
	font-size:11px;
	line-height:18px;
	color:#919191;
}
.project-holder .add-info .btn {padding:5px 25px;}
.project-holder .project-list {
	overflow:hidden;
}
.project-list {
	text-align: left;
	list-style:none;
	margin:0;
	padding:0 0 40px;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
	width: 102%;
}
.project-list > li {
	width: 295px;
	text-align: center;
	display:inline-block;
	vertical-align:top;
	letter-spacing:0;
	margin:0 0 1px 0px;
	overflow:hidden;
	padding-right: 1px;
	font-size:11px;
	line-height:18px;
	position:relative;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.project-list.size01 > li {width: 312px;}
.project-list.size02 > li {width: 465px;}
.project-list li img {
	vertical-align:top;
	width:100%;
	max-width: 100%;
	height:auto;
}
.project-list.size01 img{
	width:100%;
	height:100%;
}
.project-list .info {
	bottom:0;
	position:absolute;
	right:1px;
	width:100%;
	background:#e2e2e2;
	color:#cdf1fe;
	padding:9px 0 10px;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.heading1-area {padding:0 5px;}
.project-list .info .links {
	color:#f96e5b;
	font-style:italic;
}
.project-list .info .title {
	font:12px/14px Georgia, "Times New Roman", Times, serif;
	display:block;
	color:#493e49;
	margin:0 0 2px;
}
.project-list .info .tools,
.project-list .info .text-info {
	display:none;
	padding: 0 10px;
	white-space: normal;
}
.desktop .project-list li:hover .tools,
.mobile .project-list li.hover .tools {
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 10px;
	font-size:0;
	line-height:0;
}
.desktop .project-list li:hover .tools li,
.mobile .project-list li.hover .tools li {
	font-size:12;
	line-height:14px;
	margin:0;
	padding:0 1px 0 2px;
	display:inline-block;
	vertical-align:top;
}
.desktop .project-list li:hover .info,
.mobile .project-list li.hover .info {
	top:0;
	padding:53px 0 10px;
	background:#f96e5b;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.desktop .project-list li:hover .links a,
.mobile .project-list li.hover .links a,
.desktop .project-list li:hover .links,
.mobile .project-list li.hover .links {color:#fff;}
.desktop .project-list li:hover .tools a,
.mobile .project-list li.hover .tools a {
	background:#000 url(sprite.png) no-repeat -9999px -9999px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:36px;
	height:36px;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}
.desktop .project-list li:hover .tools a:hover,
.mobile .project-list li.hover .tools a:hover {opacity:0.6;}
.desktop .project-list li:hover .tools .link a,
.mobile .project-list li.hover .tools .link a {background-position:-226px 10px;}
.desktop .project-list li:hover .tools .zoom-tool a,
.mobile .project-list li.hover .tools .zoom-tool a {background-position:-266px 10px;}
.desktop .project-list li:hover .info .text-info,
.mobile .project-list li.hover .info .text-info {
	padding:0 15px 20px;
	display:block;
	color:rgba(255,255,255, 0.8);
}
.desktop .project-list li:hover .info .heading1-area,
.mobile .project-list li.hover .info .heading1-area {padding:0 0 16px;}
.shadow-r{
	position:relative;
	padding-right: 60px;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.shadow-r:before{
	content:"";
	position:absolute;
}
.shadow-r:before{
	width: 100px;
	top:40px;
	bottom:14px;
	right:24px;
	clip: rect(-50px,150px,9999px,100px);
	-webkit-box-shadow:0 0 25px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 25px rgba(0,0,0,0.2);
	box-shadow:0 0 25px rgba(0,0,0,0.2);
	-moz-border-radius:10px / 140px;
	border-radius:10px / 140px;
}
.project-list.alt .info{
	opacity:0;
	top:0;
	padding: 26px 0 23px;
	transition: opacity 1s, background 1s, height 1s;
	-moz-transition: opacity 1s, background 1s, height 1s;
	-webkit-transition: opacity 1s, background 1s, height 1s;
	-o-transition: opacity 1s, background 1s, height 1s;
	background:#fff;
}
.project-list.alt li:hover .info{
	opacity:1;
	padding-top:26px;
	transition: opacity 1s, background 1s, height 1s;
	-moz-transition: opacity 1s, background 1s, height 1s;
	-webkit-transition: opacity 1s, background 1s, height 1s;
	-o-transition: opacity 1s, background 1s, height 1s;
}
.project-list.alt .info .title{margin-bottom:0;}
.project-list.alt .info .note{color:#fff;}
.project-list.alt li .info .heading1-area{padding:0 0 23px;}
.project-list .social-list{
	margin:0;
	padding:1px 4px 0 0;
	list-style:none;
}
.project-list .social-list li{
	display:inline-block;
	vertical-align:top;
	margin:0 2px;
}
.project-list .social-list a{color:#3e3e3e;}
.heading1 .sort-list{
	float:right;
	margin:0 -4px -15px 0;
	padding:0;
	list-style:none;
	font:13px/16px Helvetica, Calibri,Arial, sans-serif;
}
.heading1 .sort-list li{float:left;}
.heading1 .sort-list a{
	display:block;
	margin:-3px 0 0;
	padding:3px 6px 13px;
	color:#444;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.heading1 .sort-list .active a,
.heading1 .sort-list a:hover{
	background:#f96e5b;
	color:#fff;
	text-decoration:none;
	transition: background 1s, color 1s;
	-moz-transition: background 1s, color 1s;
	-webkit-transition: background 1s, color 1s;
	-o-transition: background 1s, color 1s;
}
.carousel-project {
	margin:0;
	position:relative;
}
.carousel-project .carousel-control {
	position:absolute;
	opacity:1;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	width:22px;
	height:35px;
	background:url(sprite.png) no-repeat -9999px -9999px;
	top:50%;
	margin:-17px 0 0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.carousel-project .carousel-control:hover {
	opacity:0.8;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.carousel-project .carousel-control.left {
	left:0;
	background-position:-78px -211px;
}
.carousel-project .carousel-control.right {
	right:0;
	background-position:-104px -211px;
}
.project-information {
	font-size:11px;
	line-height:18px;
	color:#8a8a8a;
}
.project-information h4 {
	font:bold 13px/15px Georgia, "Times New Roman", Times, serif;
	margin:0 0 15px;
	color:#444;
}
.project-information p {padding:0 0 15px;}
.project-information .list-detail {
	list-style:none;
	margin:0 0 35px;
	padding:0;
}
.project-information .list-detail li {
	position:relative;
	vertical-align:top;
	border-bottom:1px dotted #ccc;
	padding:5px 0 5px 20px;
}
.project-information .list-detail li:after {
	content:'';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:16px;
	height:12px;
	top:10px;
	left:1px;
	background:url(sprite.png) no-repeat -201px -145px;
}
.project-information .btn {padding:6px 27px;}

.post {
	position:relative;
	margin:0 0 44px;
}
.post .shadow-down:before,
.post .shadow-down:after {
	left:70px;
	right:70px;
	-moz-border-radius:300px / 30px;
	border-radius:300px / 30px;
}
.post .shadow-down:after{
	right:50px; 
	left:50px;
	-webkit-box-shadow:0 0 29px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 29px rgba(0,0,0,.1);
	box-shadow:0 0 29px rgba(0,0,0,.1);
	-moz-border-radius:600px / 50px;
	border-radius:600px / 50px;
}
.image-area,
.carousel-post {
	position:relative;
	margin:0 0 36px;
}
.carousel-post img {
	width:100%;
	height:auto;
}
.carousel-post .carousel-control {
	opacity:1;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	width:22px;
	height:35px;
	background:url(sprite.png) no-repeat -9999px -9999px;
	top:50%;
	margin:-17px 0 0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.carousel-post .carousel-control:hover {
	opacity:0.8;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.carousel-post .carousel-control.left {
	left:0;
	background-position:-78px -211px;
}
.carousel-post .carousel-control.right {
	right:0;
	background-position:-104px -211px;
}
.carousel-post .carousel-nav {
	position:absolute;
	bottom:14px;
	width:100%;
	left:0;
	text-align:center;
}
.carousel-post .carousel-nav a {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	background:#f1f1f1;
	border:1px solid #aeaeae;
	width:12px;
	height:12px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2),
	0 1px 0 rgba(255, 255, 255, 0.4) inset;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2),
	0 1px 0 rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2),
	0 1px 0 rgba(255, 255, 255, 0.4) inset;
	margin:0 0 0 6px;
	transition: background 1s, border-color 1s;
	-moz-transition: background 1s, border-color 1s;
	-webkit-transition: background 1s, border-color 1s;
	-o-transition: background 1s, border-color 1s;
}
.carousel-post .carousel-nav a:hover,
.carousel-post .carousel-nav a.active {
	background:#f96e5b;
	border-color:#d5513f;
	transition: background 1s, border-color 1s;
	-moz-transition: background 1s, border-color 1s;
	-webkit-transition: background 1s, border-color 1s;
	-o-transition: background 1s, border-color 1s;
}

.wrap-holder .item{
	float: left;
}
.recent-works-slider-side,
.carousel-inner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.carousel-inner .slide-wrapper{
	width: 99999px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}
.carousel-inner .slide-wrapper .slide{
	white-space: normal;
}
.slider .carousel-inner .project-list,
.carousel-inner .clients-list{
	float: left;
}
.hidden{
	display: none;
}

.project-list.size01 img{
	height: auto;
}
.recent-works-slider-side .carousel-inner{
	float: left;
	width: 705px;
}