

/*COLOR STYLE
/*---------------------------------------------------------------------------------------------*/

/*Maxx Gradient background*/
.box_skitter_home.maxx-theme .prev_button,
.box_skitter_home.maxx-theme .next_button,
.box_skitter_home.maxx-theme .info_slide_dots,
.button,.m-pagination a,.m-pagination span.current,#navigation-bar,#portfolio-filter li a.active,
.m-simple-accordion dt,.m-simple-toggle dt,.m-simple-tabs dt{
	background-color: #fbfbfb;
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
	transition:background-color linear .3s;
	-moz-transition:background-color linear .3s;
	-webkit-transition:background-color linear .3s;
	-o-transition:background-color linear .3s;
}
/*Maxx button style*/
.maxx-primary-button,.button,.m-pagination a,.m-pagination span.current{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 2px 10px;
	margin-right: 10px;
	margin-top:5px;
	margin-bottom:5px;
	float:left

}
/*SLIDER
/*---------------------------------------------------------------------------------------------*/

#slider-bg-wrapper{
	
	position:relative;
	z-index:2;
}
#slider-bg-overlay{
	position:absolute;
	z-index:-1px;
	width:100%;	
	top:0px;
}
#slider-bg-overlay > div{
	width:100%;
	background-repeat:repeat-x;
	background-position:center top;
}
#slider-bg-overlay > #slider-bg-overlay1{
	background-image:url(../images/bg.jpg);
	background-position:center bottom;
	height:auto;
}
#slider-bg-overlay > div#slider-bg-overlay2{
	background-image:url(../images/bg-slide-overlay2.png);
	height:25px;
}
#slider-shadow{
	background:url(../images/slider-shadow.png) no-repeat center bottom ;
	padding-bottom:33px;
	overflow: hidden;
}
#slider-wrapper{
	padding:10px;
	background-color:#f5f5f5;
	box-shadow:0 1px 5px rgba(0,0,0,.15);
	-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	height:350px;
	position:relative;
	z-index:8888; margin-top:10px;
}
#sp-slider{
	background:url(../images/slider-sp.png) no-repeat center;
	height:0px;
}



/*FOOTER + SIDEBAR + WIDGETS
/*---------------------------------------------------------------------------------------------*/

/*Sidebar*/

#sidebar .sidebar-top,#sidebar .sidebar-bottom{
	background-image:url(../images/sidebar-top-bottom-sprite.png);
	background-repeat:no-repeat;
	height:30px;
	width:100%;	
	position:absolute;
	z-index:1;
}
#sidebar .sidebar-top{
	top:0;
}
#sidebar .sidebar-bottom{
	bottom:0;
}
.sidebar-right #sidebar .sidebar-top,.sidebar-right #sidebar .sidebar-bottom{
	background-position:left top
}
#sidebar .sidebar-content{
	margin-top:30px;
	margin-bottom:30px;
	padding-bottom:20px;
	background-repeat:repeat-y;
}
.sidebar-left .sidebar-content-wrapper{
	margin-right:30px;
}
.sidebar-right .sidebar-content-wrapper{
	margin-left:30px;
}
.sidebar-right #sidebar .sidebar-content{
	background-image:url(../images/sidebar-right-repeat.png);
	background-position:left;
	/*padding-left:30px;*/
}

.sidebar-left #sidebar .sidebar-content{
	background-image:url(../images/sidebar-left-repeat.png);
	background-position:right;
	/*padding-right:30px;*/
}
.sidebar-right #sidebar .sidebar-top{
	background-position:left -60px;
}
.sidebar-right #sidebar .sidebar-bottom{
	background-position:left bottom;
}
.sidebar-left #sidebar .sidebar-top{
	background-position:right top
}
.sidebar-left #sidebar .sidebar-bottom{
	background-position:right -30px;
}
	
.sidebar-right #sidebar,.sidebar-left #content{
	float:right
}
.sidebar-left #sidebar,.sidebar-right #content{
	float:left
}
#content{
	width:650px;
	padding-top:30px;
}
#content.fullwidth-page{
	width:auto;
}
#sidebar{
	width:280px;
	position:relative;
}

#sidebar .widget .widget-title{
	/*text-align:right*/
}
.md_categories_widget ul li,.md_recent_popular_post_widget ul li,
.widget_archive ul li,.widget_categories ul li,
.widget_pages ul li,.widget_links ul li,.widget_meta ul li,
.widget_recent_comments ul li,.widget_recent_entries ul li,
.widget_rss ul li,.widget_nav_menu ul li,.md_childpages_widget ul li,
.sp-list li,.list-news-with-calendar li {
	position:relative;
	background-image:url(../images/sp.png);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:10px;
	background-position:center top;
}

.sp-list.unordered-list li a,{
	background:url(../images/bullet-list.png) no-repeat left 1px;
	padding-left:25px;
}
	
.md_categories_widget ul li:first-child,.md_recent_popular_post_widget ul li:first-child,
.widget_archive ul li:first-child,.widget_categories ul li:first-child,
.widget_pages ul li:first-child,.widget_links ul li:first-child,.widget_meta ul li:first-child,
.widget_recent_comments ul li:first-child,.widget_recent_entries ul li:first-child,
.widget_rss ul li:first-child,.widget_nav_menu ul li:first-child,.md_childpages_widget ul li:first-child,
.sp-list li:first-child,.list-news-with-calendar li:first-child{
	background:none !important;
}
.widget ul li ul{
	margin-top:10px;
}
#sidebar .widget.widget_categories ul li a,#sidebar .widget.widget_nav_menu ul li a,ul.bullet li a,.md_categories_widget ul li a{
	padding-left:30px;
	background:url(../images/bullet-list.png) no-repeat left center
}
ul.children{
	margin-left:30px;
}

.entry-title{
	padding-bottom:20px;
	background:url(../images/sp.png) repeat-x bottom
}
.entry-title,.entry-title a{
	color:#777
}
.widget {
	margin-bottom: 30px;
}
#sidebar .widget{
	width: 100%;
	position: relative;
	z-index: 2;
	clear:both
}
#sidebar ul li ul{
	margin-left:30px;
}
.list li, .widget ul li {
	display: list-item;
	padding-top:10px;
	padding-bottom:10px;

}
.widget ul li:first-child{
	border-top:none
}
.widget ul li:last-child{
	border-bottom:none
}

/*Twitter widget*/
ul.widget-twitter li{
	padding-left: 30px;
	overflow: hidden;
	position:relative;
	background: url(../images/twitter.png) no-repeat left 15px !important;
}
ul.widget-twitter li:before{
	content:'';
	background:repeat-x bottom;
	position:absolute;
	bottom:0;
	height:2px;
	left:0;
	width:100%
}

#footer-widget-wrapper ul.widget-twitter li:before{
	background-image:url(../images/dark-sp.png) 
}
#sidebar ul.widget-twitter li:before{
	background-image:url(../images/sp.png) 
}

#sidebar .img-border{
	max-width:95%
}
/*Flick widget*/
.md-widget-flickr div a img{
	transition:all linear .3s;
	width:70px;
	display:block;
	float:left;
	height:70px;
	-webkit-transition:all linear .3s;
	-moz-transition:all linear .3s;
	transition:all linear .3s;
	-o-transition: all linear .3s;
}
.md-widget-flickr{
	overflow:hidden
}

.md-widget-flickr div{
	float:left;
	margin:10px 18px 8px 0;
	width:80px;
	height:80px;
	padding:0;
	overflow:hidden;
	background:none !important
}
.md-widget-flickr div a{
}
.md-widget-flickr:hover div a img{
	opacity:.7;
	filter:alpha(opacity="70");

}
.md-widget-flickr div a:hover img{
	opacity:1;
	filter:alpha(opacity="100");
}
/*Widget ads*/
.widget-ads a{
	float:left;
	width:40%;	
	margin-left:20px;
	margin-bottom:20px;
}
.widget-ads a img{
	float:left
}
.widget-ads a.first{
	margin-left:0
}

/*Text Widget */
.textwidget{
	padding:10px 0
}
/*Tag cloud */
.widget_tag_cloud{
	display:table;
}
.widget_recent_entries ul li a,.widget_recent_comments ul li a:first-child{
	background-repeat:no-repeat;
	background-position:left -1px;
	padding-left:30px !important;
}
	
.widget_recent_entries ul li a{
	background-image:url(../images/article.png);
}
.widget_recent_comments ul li a:first-child{
	background-image:url(../images/comment.png);
}
/*Tags Cloud*/
.tagcloud a{
	line-height: 20px;
	display: block;
	float: left;
	font-size:13px !important;
	padding: 3px 10px;
	background-color:#fafafa;
	border: 1px solid #D8D8D8;
	margin-right: 10px;
	margin-bottom: 5px;
	margin:5px 10px 5px 0
}
.tagcloud a:hover{
	background-color:#FFF
}
/*Calendar widget*/
table#wp-calendar{
	width:100%
}
table#wp-calendar th, table#wp-calendar td{
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;	
	background-color:#FAFAFA;
	border:1px solid #d8d8d8
}
#footer-widget-wrapper table#wp-calendar th,  #footer-widget-wrapper table#wp-calendar td{
	background-color:#333;
	border:1px solid #1e1e1e
}
table#wp-calendar thead th{
	font-weight:bold
}
table#wp-calendar tbody td{
	color:#AAA
}
table#wp-calendar td#prev,table#wp-calendar td#next{
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
}
table#wp-calendar caption{
	text-align:center;
	padding-bottom:20px;
	font-weight:bold;
}
table#wp-calendar #today{
	background-color:#FFF;
	color:#333;
	font-weight:bold;
}
#footer-widget-wrapper table#wp-calendar #today{
	background-color:#1e1e1e;
	color:#FFF
}
/*Custom latest news*/
.cal-post-date{
	width:59px;
	height:64px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
.cal-post-date .date{
	margin:4px 0 1px 0;
	font-weight:bold;
	text-align:center
}
.cal-post-date span{
	display:block;
	text-align:center;
}

.cal-post-date .date{
	font-size:30px;
	font-weight:bold;
	margin-bottom:5px;
	margin:13px 0 7px
}
.cal-post-date span.month{
	font-size:10px;
	text-transform:uppercase;
	color:#aaa
}
.cal-post-date{
	float:right;
	margin-left:20px;
	padding-left:5px;
}

#footer-widget-wrapper .cal-post-date{
	text-shadow:0 1px 0 rgba(0,0,0,1);
}
#footer-widget-wrapper .sidebar{
	text-shadow:0 1px 0 #FFF;
}
#footer-widget-wrapper .cal-post-date .date{
	color:#fafafa
}
#footer-widget-wrapper .cal-post-date span.month{
	color:aaa
}
#sidebar .cal-post-date .date{
	color:#555
}
#sidebar .cal-post-date span.month{
	color:aaa
}
#footer-widget-wrapper .cal-post-date{
	background-image:url(../images/calendar-bg-dark.png);
}
#sidebar .cal-post-date{
	background-image:url(../images/calendar-bg-light.png);
}
/*Widget contact*/
.widget .widget-contact li{
	overflow:hidden;
	background:none !important;
}

#footer-widget-content .tagcloud a,#footer-widget-wrapper a.img-border{
	
	background-color:rgba(0,0,0,0.3);
	border:none;
}
.ie #footer-widget-content .tagcloud a,.ie #footer-widget-wrapper a.img-border{
	background-color:#222;
}
/*POSTS + PAGES
/*---------------------------------------------------------------------------------------------*/
/*.page-title.cufon{
	-webkit-mask-image: url(../images/mask.png);
}*/
.page-title{
	text-align:right;
	margin-bottom:10px;
	background:url(../images/large-seperator.png) no-repeat center bottom;
	padding-bottom:45px;
	margin-top:2px;
	width:100%;
}
.link-pages{
	word-spacing:10px;
}
#breadcrumb-wrapper{
	margin-top:5px;
	position:absolute;
	white-space:nowrap;
	z-index:2
}
.breadcrumbs{
	background:url(../images/breadcum-icon.png) no-repeat left;
	overflow:hidden;
	padding-left:20px;
}
#breadcrumb-wrapper .breadcrumbs li{
	display:inline-block;
	float:left;
	padding:0 15px 0 20px;
	background:url(../images/breadcum-arr.png) no-repeat left
}
#breadcrumb-wrapper .breadcrumbs li:first-child{
	background:none
}

.breadcrumbs li a:hover,.breadcrumbs li span.current{
	color:#555;
	text-decoration:none
}
/*Post*/
/*Wordpress native css*/
.sticky {}

.bypostauthor > .comment-block{
	background-color:#FFF
}
/*end native css*/

.entry-meta,.featured-image,.entry-content{
	margin-bottom:20px
}
.post-entry .post-author-area,.post-entry .post-tags,.post-entry .social-network-sharing,#comment-nav-below{
	display:table;
	width:100%;
}
.post-entry{
	margin-bottom:50px;
}
.home-page .post-entry{
	margin-bottom:0
}
.entry-meta{
	clear:both;
	display:block;
	overflow:hidden
}
.entry-meta ul li{
	display:inline-block;
	font-size:10px;
	float:left;
	text-transform:uppercase;
}
.entry-meta .post-date,.entry-meta .post-author ,.entry-meta .post-categories,.entry-meta .post-comments,.entry-meta .post-edit-link{
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-top:3px;
	padding-bottom:3px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif
}
.entry-meta .post-date{
	background-image:url(../images/clock.png);
}
.entry-meta .post-categories{
	background-image:url(../images/article.png);
}
.entry-meta .post-author{
	background-image:url(../images/user_edit.png);
}
.entry-meta .post-comments{
	background-image:url(../images/comment.png)
}
.entry-meta .post-edit-link{
	float:right;
	margin-right:0;
	background-image:url(../images/edit.png);
}
.post-tags strong{
	background-image:url(../images/tags-bg.png);
	width:90px;
	height:27px;
	display:block;
	float:left;
	line-height:25px;
	text-indent:30px;
	margin-right:5px;
	margin:3px 5px 3px 0;
}
.post-tags a{
	margin:3px 5px 3px 0;
	display:inline-block;
	float:left;
	height:24px;
	padding:0 8px;
	line-height:25px;
	border:1px solid #E5E5E5;
	border-bottom-width:2px;
	background:#fafafa;

}
.post-tags a:hover{
	border-color:#CCC;
	text-decoration:none;
}

.post-author .author-meta{
	font-style:italic
}
/*social like box*/
.social-network-like-box > div{
	float:left
}

.social-profiles li{
	display:inline-block;
	float:left;
}
.social-profiles li a{
	display: block;
	float:left;
	width: 32px;
	height: 32px;
	margin: 0 2px;
	outline: none;
	text-indent: -9000px;
	position: relative;
	background-color:#FAFAFA ;
	background-image:url(../images/social-profile.png),  -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background-image:url(../images/social-profile.png),  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background-image:url(../images/social-profile.png),  -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background-image:url(../images/social-profile.png),  -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background-image:url(../images/social-profile.png),  -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background-image:url(../images/social-profile.png),  linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	box-shadow:0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
	
}
.ie .social-profiles li a{
	background-image:url(../images/social-profile.png);
}
.social-profiles li a span{
	width: 80px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -50px;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	background: #FFF;
	text-indent: 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: absolute;
	pointer-events: none;
	bottom: 60px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.ie .social-profiles li a span{
	display:none
}
.social-profiles li a span:before,
.social-profiles li a span:after{
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.social-profiles li a span:after{
	bottom: -9px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}

.social-profiles li.social-profile-twitter a{		background-position:0 0 }
.social-profiles li.social-profile-dribbble a{		background-position:-32px 0 }
.social-profiles li.social-profile-facebook a{		background-position:-64px 0 }
.social-profiles li.social-profile-tumblr a{			background-position:-96px 0 }
.social-profiles li.social-profile-deviantart a{	background-position:-128px 0 }
.social-profiles li.social-profile-linkedin a{		background-position:-160px 0 }
.social-profiles li.social-profile-flickr a{		background-position:-192px 0 }
.social-profiles li.social-profile-forrst a{		background-position:-224px 0 }
.social-profiles li.social-profile-github a{		background-position:-256px 0 }
.social-profiles li.social-profile-youtube a{		background-position:-288px 0 }
.social-profiles li.social-profile-googleplus a{	background-position:-320px 0 }

.social-profiles li.social-profile-twitter a:hover{			background-color:#46D4FE;background-position:0 -32px;}
.social-profiles li.social-profile-dribbble a:hover{			background-color:#e84a88;background-position:-32px -32px;}
.social-profiles li.social-profile-facebook a:hover{		background-color:#3b5998;background-position:-64px -32px;}
.social-profiles li.social-profile-tumblr a:hover{			background-color:#3d5a78;background-position:-96px -32px;}
.social-profiles li.social-profile-deviantart a:hover{		background-color:#2f584a;background-position:-128px -32px;}
.social-profiles li.social-profile-linkedin a:hover{		background-color:#006599;background-position:-160px -32px;}
.social-profiles li.social-profile-flickr a:hover{			background-color:#f05a9a;background-position:-192px -32px;}
.social-profiles li.social-profile-forrst a:hover{			background-color:#6ba13f;background-position:-224px -32px;}
.social-profiles li.social-profile-github a:hover{			background-color:#4183C4;background-position:-256px -32px;}
.social-profiles li.social-profile-youtube a:hover{			background-color:#1c1c1c;background-position:-288px -32px;}
.social-profiles li.social-profile-googleplus a:hover{		background-color:#dd4b39;background-position:-320px -32px;}


.social-profiles li a:hover span {
	opacity:.95;	
	bottom: 50px;
}

.ie7 .social-profiles li a:hover span,.ie8 .social-profiles li a:hover span{
	display:block;	
}

.pagination-meta{
	float:right;
	display:inline-block;
	padding:2px 0
}

.nav-links{
	overflow:hidden
}
.nav-links .nav-prev,.nav-links .nav-next{
	width:50%;
}
.nav-links .nav-prev{
	float:left
}
.nav-links .nav-next{
	float:right;
	text-align:right
}

.comment-block{
	
	background:#FAFAFA;
	border:1px solid #D8D8D8;
	padding:20px 20px 10px;
	box-shadow:inset 0 1px 0 #FFF, inset 1px 0 0 #FFF, inset -1px 0 0 #FFF
}
.comment-list li {
	margin-top:-1px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.comment-list > li:first-child{
	background:none
}
.comment-list li ul li{
	padding-left:35px;
	border-left:1px solid #D8D8D8;
	box-shadow:inset 1px 0 0 #FFF;
	padding-right:0;
	background:url(../images/sp.png) repeat-x 0 30px;
}
.comment-meta {
	margin-bottom: 10px;
}

.comment-list li .comment-gravatar {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.comment-list li ul li .comment-gravatar {
	float:left;
	margin-right:20px;
	margin-left:0;
}
.gravatar img,.comment-gravatar img{
	display:block
}
.comment-meta cite{
	font-size:18px;
	font-weight:bold
}
.comment-meta cite{
	margin-right:15px;
}

#comments ol li .depth-2,#comments ol li .depth-3,#comments ol li .depth-4,#comments ol li .depth-5,#comments ol li .depth-6{

}
.comment-link-function a{
	text-transform:uppercase;
	font-size:10px;
	padding-right:15px;
}
#commentform p,#contact-form p,.contact-form p{
	margin-right:30px;
}
#commentform textarea,#contact-form textarea,.contact-form textarea{
	width: 80%;
	
}
#commentform input[type="text"],#commentform input[type="email"],#contact-form input[type="email"],#contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="text"]{
	float:none;
	display:block;
	clear:left;
	width:80%
}

/*----------------------------------------------------------------------------
/*	Error 404
*/
#error-404,#error-404 *{
	text-align:center
}
#error-404 h1{
	font-size:130px;
	line-height: 140px;
	font-weight:bold;
	background:url(../images/404-shadow.png) no-repeat center bottom;
}

/*PORTFOLIO
/*---------------------------------------------------------------------------------------------*/

#content.portfolio-page{
	width:auto !important;
}
#portfolio-items-wrapper{
	overflow:hidden
}
#portfolio-items{
	width:105%;
}
#portfolio-filter{
	float:left;
	margin-bottom:30px;
	padding:5px 0;
	margin-top: -10px;
}
#portfolio-filter li
{
	display: inline;
	margin: 0 10px 0 0;
	padding:10px 0;
	overflow:hidden;
	float:left;
	text-align: right;	
}
#portfolio-filter li a{
	padding:3px 10px 5px;
	border:1px solid transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#portfolio-filter li a.active{
	border:1px solid #e5e5e5;
	box-shadow:0 1px 0 rgba(255,255,255,.8);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8);
	
}


#portfolio-items.portfolio-3-columns .project-entry{
	width:294px;
}
#portfolio-items.portfolio-4-columns .project-entry{
	width:211px;
}
#portfolio-items .project-entry{
	margin-right:38px;
	float:left;
}
.project-entry a.project-thumbnail{
}


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
	 -moz-transition-property: height;
	  -ms-transition-property: height;
	   -o-transition-property: height;
		  transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:    -moz-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}


#portfolio-meta-content ul li,.md-recent-portfolios-widget > div {
	padding:15px 0;
	background:url(../images/sp.png) repeat-x top;
}
#portfolio-meta-content ul li:first-child{
	padding-top:0;
	background:none
}
#portfolio-meta-content ul li h5,#portfolio-meta-content ul li h2{
	margin:0
}
#portfolio-meta-content ul li p{
	margin:15px 0 0 ;
}
#portfolio-meta-content ul li h5{
	font-weight:bold
}
#portfolio-meta-content ul li a.maxx-primary-button{
	margin-top:5px;
}
#portfolio-media-content iframe,#portfolio-media-content object{
	float:left
}
.project-video{
	width:100%;
	height:385px
}

.md-latest-portfolios-widget h4{
	margin-bottom:0
}



/*UPDATE June 20*/
.subscribe-result span{
	display:block
}
#wrap-all{
	overflow:hidden;
	
}



#wrap-all{	
	background:#f1f1f1 url(../images/light-bg.png) no-repeat center -300px;
}
#wrap-all.box-layout{
	width:1010px;
	margin:30px auto;	
	box-shadow:0 0 30px rgba(0,0,0,.4);	
	
}

.whoweare {
    width: 550px;
    margin: 27px 0px 20px 20px;
	float:right;
}

/* Testimonials */

.testimonials {
    width: 330px;
    margin: 27px 30px 28px 0px;
}
.testimonial {
    width: 100%;
    color: #333333;
    font-style: italic;
    float: left;
}

.bubble1 .content {
    padding: 15px 20px 18px 20px;
    background: #F9F9F9 url(../images/testimonial_curve.png) no-repeat 100% 100%;
    float: left;
}

.bubble1 .shadow {
    width: 90%;
    height: 24px;
    background: transparent url(../images/testimonial_right_shadow.png) no-repeat right top;
    float: left;
}

.bubble1 .arrow {
    width: 100%;
    margin-left: 30px;
    background: transparent url(../images/testimonial_arrow.png) no-repeat;
    float: left;
}

.bubble1 .author {
    font-size: 11px; 
    color: #99173C;
    margin: 8px 0px 0px 32px;
    float: left;
}

.bubble2 .content {
    padding: 15px 20px 0px 20px;
    background: #F9F9F9;
    float: left;
}

.bubble2 .shadow {
    width: 100%;
    height: 13px;
    background: transparent url(../images/testimonial_shadow.png) no-repeat center top;
    float: left;
}

.bubble2 .author {
    font-size: 11px;
    color: #99173C;
    margin: 10px 0px 15px 0px;
    float: right;
}

.bubble3 .content {
    width: 374px;
    min-height: 135px;
    padding: 15px 20px 0px 20px;
    background: #F9F9F9;
    float: left;
}

.bubble3 .left-shadow {
    width: 13px;
    height: 150px;
    background: transparent url(../images/testimonial_top_left_shadow.png) no-repeat right top;
    float: left;
}

.bubble3 .right-shadow {
    width: 13px;
    height: 150px;
    background: transparent url(../images/testimonial_top_right_shadow.png) no-repeat left top;
    float: left;
}

.bubble3 .author {
    font-size: 11px;
    color: #99173C;
    margin: 10px 0px 15px 0px;
    float: right;
}
.info-blocks {
    width: 100%;
    background: transparent url(../images/vertical_line.png) repeat-y 368px 0px;
}

/* ----------------------------------------------------------------------------------*/
/* ---- *07 PORTFOLIO
/* ----------------------------------------------------------------------------------*/

/* Image Grid
-------------------------------------------------------------------------------------*/

.image-grid {
    margin: 0px -60px 0px 0px;
    padding: 0px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  margin: 0px 60px 40px 0px;
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
}

.image-grid .imagebox {
    float: left;
}
.imagebox {
    background-color: #e5e5e5;
    border: 1px solid #FFFFFF;
    /*outline: 1px solid #C4C7C8;*/
    margin: 1px;
    padding: 5px 5px 1px 5px;

    -webkit-box-shadow: 0px 0px 2px #5C5E5E;
    -moz-box-shadow: 0px 0px 0px 1px #C4C7C8;
    box-shadow: 0px 0px 0px 1px #C4C7C8;
}
/* Image grid layout (60px space) */

.one-column li {
    width: 960px;
}

.two-column li {
    width: 450px;
}

.three-column li {
    width: 280px;
}

.four-column li {
    width: 195px;
}

/* Image grid title and description */

.image-grid h3, .image-grid h3 a {
    color: #2E2633;
    margin-bottom: 6px;
    text-decoration: none;
    display: block;
}

.image-grid h3 a:hover {
    color: #555152;
    text-decoration: none;
}

.image-grid .description {
    margin-top: 20px;
    float: left;
}

.image-grid .description p {
    text-align: left;
}

/* Project images with multiple views (using Circle plugin in portfolio_full.html) */

.multi {
    width: 450px;
    height: 302px;
    float: left;
}

.multi .mosaic-block {
    width: 436px; 
    height: 288px;
}

.multi-nav {
    height: 302px;
    position: relative;
    float: left;    
}

.multi-nav #up, .multi-nav #down {
    width: 20px;
    height: 12px;           
    display: block;
    position: absolute;
    outline: none;
    text-indent: -999em;
    background: transparent url(../images/nav_vertical_arrows.png) no-repeat 0 0;
    left: 20px;
}

.multi-nav #up {
    background-position: 0px 0px;
    top: 7px;
}

.multi-nav #up:hover {
    background-position: -20px 0;
}

.multi-nav #down {
    background-position: 0px -18px;
    bottom: 7px;
}

.multi-nav #down:hover {
    background-position: -20px -18px;
}
.column_1 {
    display: block;
    position: relative;
    vertical-align: top;
    padding: 0px !important;
    margin-left:0px;
	margin-top:60px;
    float:right;
	width:180px !important;
}

/* Portfolio with pagination (using jPages plugin in portfolio_nav.html)
-------------------------------------------------------------------------------------*/
/* Projects
-------------------------------------------------------------------------------------*/

.projects {
    width: 100%;
}

.projects .description {
    margin-top: 37px; 
}

.projects .description h2 {
    padding-bottom: 14px;
}

#carousel .wrapper {
    width: 668px;
    height: 88px;
    margin: 40px -36px 40px 38px;
    padding: 1px; 
    float: left;
    overflow: hidden;
}
 
#carousel ul {
    padding: 0px;
    list-style: none;
    display: block;
    margin-left: -36px;
    overflow: hidden;
}

#carousel li {
    margin: 1px 1px 1px 36px;
    display: block;
    float: left;
    position: relative;
}       

#carousel .prev, #carousel .next {
    width: 15px;
    height: 20px;           
    display: block;
    outline: none;              
    text-indent: -999em;
    background: transparent url(../images/nav_arrows.png) no-repeat 0 0;
    position: absolute;
    top: 78px;          
}

#carousel .prev {
    background-position: 0px 0px;
    left: 0px;
}

#carousel .prev:hover {
    background-position: 0px -20px;
}   
        
#carousel .next {
    background-position: -15px 0;
    right: 0px;
}

#carousel .next:hover {
    background-position: -15px -20px;
}
.reds{color:#d62831;}



