
/*---------------------------------------------------------------------------------------------------------------------------- 
   1. Portfolio
---------------------------------------------------------------------------------------------------------------------------- */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item,
.isotope-inactive.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.isotope-hidden.isotope-item {
  transform: scale3d(0.001, 0.001, 1);
  -ms-transform: scale3d(0.001, 0.001, 1); /* IE 9 */
  -moz-transform: scale3d(0.001, 0.001, 1); /* Firefox */
  -webkit-transform: scale3d(0.001, 0.001, 1); /* Safari and Chrome */
  -o-transform: scale3d(0.001, 0.001, 1); /* Opera */
  -webkit-transform: scale3d(0.001, 0.001, 1);
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s !important;
     -moz-transition-duration: 0s !important;
      -ms-transition-duration: 0s !important;
       -o-transition-duration: 0s !important;
          transition-duration: 0s !important;
}

div.bk-img-border {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1); 
}

div.bk-img-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	opacity: 0.0;
	filter: alpha(opacity=0); 
	color: white;
	font-weight: bold;
	line-height: 100%; 
}

div.bk-img-overlay.icon {
    background-image: url("images/zoom_ico.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: background-position 0.3s ease;
}

div.bk-img-wrap:hover div.bk-img-overlay.icon {
    background-position: center;
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
  div.bk-img-overlay.icon {
  	background-image: url("images/retina/zoom_ico.png");
  	background-size: 11px 11px;
  }	
}

div.bk-img-overlay.hoverable {
	background-image: url("images/zoom_ico.png");
	background-repeat: no-repeat;
	background-position: center;
}	

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
  div.bk-img-overlay.hoverable {
  	background-image: url("images/retina/zoom_ico.png");
  	background-size: 11px 11px;
  }
} 

div.bk-img-overlay-outer {
    display: table;
    width: 100%;
	height: 100%;	
}	

div.bk-img-overlay-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

ul.portfolio-filter {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

ul.portfolio-filter li{
    display: block;
    float: left;
    margin-right: 20px;
    position: relative;
}

ul.portfolio-filter.bk-sidebar-portfolio-filter li {
	float: none;
}


@media only screen and (max-width: 768px) {
	ul.portfolio-filter.bk-sidebar-portfolio-filter li {
	  float: left;
	}
}	

ul.portfolio-filter li a{
	padding-left: 20px;
    text-decoration: none;
    color: #909090;
}

ul.portfolio-filter li a:hover,
ul.portfolio-filter li.current a{
	color: #404040;
}	

ul.portfolio-filter li span {
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	/*  background: url("images/portfolio-filter-cross.png") no-repeat 0px 0px;*/
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
		ul.portfolio-filter li span {
		   /*  background-image: url("images/retina/portfolio-filter-cross@2.png");*/
		    background-size: 9px 18px;
		}
}

ul.portfolio-filter li.current span {
	background-position: 0px -9px;
}

ul.portfolio-filter li a:hover{
    color: #555;
}	

ul.filterable-grid {
	margin: 0px;
	list-style: none;
}

li.portfolio-item {
	display: none;
	float: left;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
}
	

li.portfolio-item .portfolio-thumb-description-title {
	margin-bottom: 0px;
	padding-bottom: 8px;
	/*text-transform: uppercase;*/
	font-size: 14px;
	font-weight: bold;
}

li.portfolio-item div.portfolio-thumb-description-wrap {
	
	padding: 10px;
	position: relative;
	text-align: center !important;
}

li.portfolio-item div.portfolio-thumb-description-wrap:after {
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:-14px;
  left:10px;
  width:0;
  border-width: 7px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: white;
}

li.portfolio-item div.portfolio-thumb-description-wrap:before {
	content:"";
	display: block;
	position: absolute;
	top: -8px;
	/*left: 10px;*/
	width: 14px;
	height: 7px;
	/* background: url("images/description-tip.png") no-repeat 0px 0px;*/
}


li.portfolio-item p.portfolio-thumb-description-excerpt {
    padding-bottom: 10px;
    margin-bottom: 0px;	
}	

div.bk-img-wrap {
	position: relative;
	overflow: hidden;
	top: 0px;
	left: 0px;
	/* border: 4px solid #ffffff; */
}

div.bk-img-wrap img{
	width: 100%;
    -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;	
}

/*
 Zoom effect
*/
div.bk-img-wrap.bk_zoom img{
    transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);	
}

div.bk-img-wrap.bk_zoom:hover img{
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2); 	
}

/*
  Greyscale effect
*/
div.bk-img-wrap.bk_grayscale img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: translateZ(0);
}

div.bk-img-wrap.bk_grayscale:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transform: translateZ(0);
}

/*
  Reverse Greyscale effect
*/
div.bk-img-wrap.bk_reverse_grayscale:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: translateZ(0);
}

div.bk-img-wrap.bk_reverse_grayscale img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transform: translateZ(0);
}

.no-js li.portfolio-item,
.no-js .woocommerce ul.products li.product, 
.no-js .woocommerce-page ul.products li.product{
    display: block;
}

ul.filterable-grid.metro li.portfolio-item img.bk-portfolio-thumb {
	height: 100%;
	width: auto;
	max-width: none;	
}

ul.filterable-grid.metro li.portfolio-item.portfolio-grid-2-1 img.bk-portfolio-thumb {
	width: 100%;
	height: auto;
}	

div.portfolio-thumb-title-meta-wrap {
	padding: 10px;
}

div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags,
div.portfolio-thumb-title-meta-wrap h4.porfolio-thumb-title {
	
}

div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags.bk_linkable a {
	position: relative;
	z-index: 2;
}

a.bk-portfolio-thumb-link,
a.bk-post-thumb-link {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

li a.bk-hidden-portfolio-link,
li a.bk-hidden-post-link {
	display: none !important;
}

div.portfolio-thumb-title-meta-wrap	h4.portfolio-thumb-title {
	/*text-transform: uppercase;
	font-weight: bold;*/
	display: inline-block;
	margin-bottom: 5px;
	font-size:18px;
	line-height:22px;
	color:#FFFFFF;
}

div.title_and_tags div.portfolio-thumb-title-meta-wrap	h4.portfolio-thumb-title,
div.title_and_cats div.portfolio-thumb-title-meta-wrap	h4.portfolio-thumb-title {
	line-height: 1.0em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #FFF;
}


div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags {
	font-size: 10px;
	display: block;
}	

div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags a,
div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags span{
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #cccccc;
  	display: inline-block;
}

div.portfolio-thumb-title-meta-wrap span.porfolio-thumb-tags a:hover {
	color: white;
}

div.bk-load-more-wrap.portfolio span.ajax-loading-info {
	padding-left: 10px;
}

a.bk-load-more-button {
	display: block;
	font-weight: bold;
	text-align: center;
	background-color: white;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
	display: block;
	padding: 10px;
	cursor: pointer;
	text-transform: uppercase;
}

a.bk-load-more-button span.ajax-loading-icon {
	display: none;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	left: 10px; 
	background: url("images/ajax-dark.gif") no-repeat center center;
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
		a.bk-load-more-button span.ajax-loading-icon {
		    background-image: url("images/retina/ajax-dark@2.gif");
		    background-size: 16px 16px;
		}
}

a.bk-load-more-button span.ajax-loading-info {
	display: inline-block;
}

a.bk-load-more-button.loading span.ajax-loading-icon {
	display: inline-block;
}

a.bk-load-more-button.loading span.ajax-loading-info {
	display: none;
}

a.bk-load-more-button:hover,
a.bk-load-more-button.loading {
   	
}

/*
  Infinite scroll ajax popup rules
*/	

div.bk-infscr-loading-wrap {
	text-align: center;
	position: absolute;
	z-index: 5;
	bottom: 20px;
	width: 100%;
}

span.ajax-overlay-info	{
	position: relative;
	display: inline-block;
	background: white;
	font-weight: bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	color: #404040;
	padding: 10px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
}

span.ajax-overlay-info.loading {
	padding-right: 36px;
}	

span.ajax-loading-icon {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px; 
	background: url("images/ajax-dark.gif") no-repeat center center;
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
		span.ajax-loading-icon {
		    background-image: url("images/retina/ajax-dark@2.gif");
		    background-size: 16px 16px;
		}
}

/*
 Single portfolio entry
*/

/*
  title wrap and navigation
*/

div.bk-portfolio-title-wrap {
	padding: 15px 30px;
	padding-right: 110px;
	position: relative;
	background: url("images/dots-x.png") left bottom repeat-x;
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
		div.bk-portfolio-title-wrap {
		    background-image: url("images/retina/dots-x@2.png");
		    background-size: 4px 1px;
		}
}

div.bk-portfolio-title-wrap h1.bk-portfolio-title{
	margin-bottom: 0px;
	font-weight: bold;
	display: inline-block;
	text-transform: uppercase;
	font-size: 24px;
}

ul.portfolio-top-nav {
	position: absolute;
	list-style: none;
	margin: 0px;
	margin-top: -8px;
	right: 30px;
}

ul.portfolio-top-nav li	{
	float: left;
	margin-left: 10px;
}	

ul.portfolio-top-nav li a {
	display: block;
	text-indent: -9999px;
	float: left;
	width: 17px;
	height: 17px;
	text-decoration: none;
	background-image: url("images/portfolio-nav-sprite.png");
	background-repeat: no-repeat;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
  ul.portfolio-top-nav li a {	
  	background-image: url("images/retina/portfolio-nav-sprite@2.png");
  	background-size: 51px 17px;
  }
}

ul.portfolio-top-nav li a.prev-portfolio-entry-link	{
	 background-position: 0px 0px;
}

ul.portfolio-top-nav li a.next-portfolio-entry-link	{
	 background-position: -34px 0px;
}

ul.portfolio-top-nav li a.back-to-portfolio-link	{
	 background-position: -17px 0px;
}

ul.portfolio-top-nav li a.prev-portfolio-entry-link:hover,
ul.portfolio-top-nav li a.next-portfolio-entry-link:hover,
ul.portfolio-top-nav li a.back-to-portfolio-link:hover {
	 opacity: 1;
	 filter: alpha(opacity=100);
}

div.bk-portfolio-featured-wrap {
	margin-bottom: 0px;
}

.single-portfolio article.description_right_with_meta div.bk-portfolio-content-wrap,
.single-portfolio article.description_left_with_meta div.bk-portfolio-content-wrap,
.single-portfolio article.description_right_no_meta div.bk-portfolio-content-wrap,
.single-portfolio article.description_left_no_meta div.bk-portfolio-content-wrap,
.single-portfolio .bk-fixed-page article.fullwidth_meta_right div.bk-portfolio-content-wrap,
.single-portfolio .bk-fixed-page article.fullwidth_meta_left div.bk-portfolio-content-wrap,
.single-portfolio .bk-fixed-page article.fullwidth_no_meta div.bk-portfolio-content-wrap,
.single-portfolio .bk-fixed-page article.fullwidth_meta_top div.bk-portfolio-content-wrap,
.single-portfolio .bk-fixed-page article.fullwidth_meta_bottom div.bk-portfolio-content-wrap{
	background: white;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
}

/*
  Portfolio meta list
*/

ul.bk-portfolio-meta li{
	margin-bottom: 5px;
}

ul.bk-portfolio-meta li span.post-meta-key {
	font-weight: bold;
	padding-right: 5px;
}


ul.bk-stacked-gallery {
	margin: 0px;
	list-style: none;
}

li.bk-stacked-gallery-item {
    display: none; 
    margin-bottom: 30px;	
}

li.bk-stacked-gallery-item:last-child {
	margin-bottom: 0px;
}

.no-js li.bk-stacked-gallery-item {
    display: block;
}

.single-portfolio .bk-fixed-page {
	padding: 0px;
}

@media only screen and (max-width: 1024px) {
	div.bk-portfolio-featured-wrap,
	div.bk-portfolio-content-wrap {
	  margin-left: 0px !important;
	  width: 100% !important;
	}
}	

div.bk-portfolio-featured-inner-wrap.padded_featured_area {
	padding: 30px 30px 0px 30px;
}

div.bk-portfolio-description-inner-wrap {
	padding: 30px 30px 0px 30px;
	margin-bottom: 30px;
}

.row-fluid div.bk-portfolio-description-wrap {
	margin-left: 0px;
}

.fullwidth_meta_right .bk-portfolio-meta-wrap,
.fullwidth_meta_left .bk-portfolio-meta-wrap {
	padding-top: 30px;
}

ul.bk-portfolio-meta {
	margin-left: 0px;
	list-style: none;
}

.fullwidth_meta_right .bk-portfolio-description-wrap {
	background: url("images/dots-y.png") right top repeat-y;
}

.fullwidth_meta_left .bk-portfolio-description-wrap {
	background: url("images/dots-y.png") left top repeat-y;
}

@media 
	  (min--moz-device-pixel-ratio: 2),
	  (-o-min-device-pixel-ratio: 2/1), 
	  (-webkit-min-device-pixel-ratio: 2), 
	  (min-device-pixel-ratio: 2) {
			.fullwidth_meta_right .bk-portfolio-description-wrap,
			.fullwidth_meta_left .bk-portfolio-description-wrap {
			    background-image: url("images/retina/dots-y@2.png");
			    background-size: 1px 4px;
			}
}

@media only screen and (max-width: 768px) {
	.fullwidth_meta_right .bk-portfolio-description-wrap,
	.fullwidth_meta_left .bk-portfolio-description-wrap,
	.fullwidth_meta_left .bk-portfolio-meta-wrap,
	.fullwidth_meta_right .bk-portfolio-meta-wrap {
	  float: none !important;
	  width: 100%;
	  margin-left: 0;
	}
	
	.fullwidth_meta_right .bk-portfolio-description-wrap {
	  background: none;
	  width: 100%;
	  margin-left: 0;
	}
	
	.fullwidth_meta_left .bk-portfolio-description-wrap {
	  background: none;
	  width: 100%;
	  margin-left: 0;
	}
	
	.fullwidth_meta_left .bk-portfolio-meta-wrap {
	  background: url("images/dots-x.png") left top repeat-x;
	}
	
	.fullwidth_meta_right .bk-portfolio-meta-wrap {
	  padding-left: 30px;
	  background: url("images/dots-x.png") left top repeat-x;
	}
	
	@media 
	  (min--moz-device-pixel-ratio: 2),
	  (-o-min-device-pixel-ratio: 2/1), 
	  (-webkit-min-device-pixel-ratio: 2), 
	  (min-device-pixel-ratio: 2) {
			.fullwidth_meta_left .bk-portfolio-meta-wrap,
			.fullwidth_meta_right .bk-portfolio-meta-wrap {
			    background-image: url("images/retina/dots-x@2.png");
			    background-size: 4px 1px;
			}
	}
}

.fullwidth_meta_right .bk-portfolio-meta-wrap{
	padding-right: 30px;
}

.fullwidth_meta_left .bk-portfolio-meta-wrap {
	padding-left: 30px;
	margin-left: 0px;
}

/*
  fullwidth meta at the bottom
*/

.fullwidth_meta_bottom .bk-portfolio-meta-wrap {
	padding-left: 30px;
	padding-top: 30px;
	background: url("images/dots-x.png") left top repeat-x;
}

.fullwidth_meta_bottom .bk-portfolio-description-wrap,
.fullwidth_meta_bottom .bk-portfolio-meta-wrap {
	  float: none !important;
}

/*
  fullwidth meta at the top
*/

.fullwidth_meta_top .bk-portfolio-meta-wrap {
	padding-left: 30px;
	padding-top: 30px;
	background: url("images/dots-x.png") left bottom repeat-x;
}

@media 
	  (min--moz-device-pixel-ratio: 2),
	  (-o-min-device-pixel-ratio: 2/1), 
	  (-webkit-min-device-pixel-ratio: 2), 
	  (min-device-pixel-ratio: 2) {
			.fullwidth_meta_bottom .bk-portfolio-meta-wrap,
			.fullwidth_meta_top .bk-portfolio-meta-wrap {
			    background-image: url("images/retina/dots-x@2.png");
			    background-size: 4px 1px;
			}
}

.fullwidth_meta_top .bk-portfolio-description-wrap,
.fullwidth_meta_top .bk-portfolio-meta-wrap {
	float: none !important;
}

.fullwidth_meta_bottom ul.bk-portfolio-meta,
.fullwidth_meta_top ul.bk-portfolio-meta {
	margin-bottom: 15px;
}

.fullwidth_meta_bottom ul.bk-portfolio-meta li,
.fullwidth_meta_top ul.bk-portfolio-meta li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    ul.bk-portfolio-meta {
		margin-bottom: 15px;
	}
	
	ul.bk-portfolio-meta li {
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}	
}	

/*
  right description with meta
*/
.description_right_with_meta .bk-portfolio-meta-wrap {
	padding-top: 30px;
	padding-left: 30px;
	background: url("images/dots-x.png") left top repeat-x;
}

/*
  left description
*/

.description_left_with_meta .bk-portfolio-content-wrap,
.description_left_no_meta .bk-portfolio-content-wrap {
	margin-left: 0px;
}

.description_left_with_meta .bk-portfolio-meta-wrap {
	padding-top: 30px;
	padding-left: 30px;
	background: url("images/dots-x.png") left top repeat-x;
}

@media 
	  (min--moz-device-pixel-ratio: 2),
	  (-o-min-device-pixel-ratio: 2/1), 
	  (-webkit-min-device-pixel-ratio: 2), 
	  (min-device-pixel-ratio: 2) {
			.description_right_with_meta .bk-portfolio-meta-wrap,
			.description_left_with_meta .bk-portfolio-meta-wrap {
			    background-image: url("images/retina/dots-x@2.png");
			    background-size: 4px 1px;
			}
}

@media (max-width: 768px) {
	.description_left_with_meta .bk-portfolio-content-wrap,
	.description_right_with_meta .bk-portfolio-content-wrap,
	.description_left_no_meta .bk-portfolio-content-wrap,
	.description_right_no_meta .bk-portfolio-content-wrap,
	.description_left_with_meta .bk-portfolio-featured-wrap,
	.description_right_with_meta .bk-portfolio-featured-wrap,
	.description_left_no_meta .bk-portfolio-featured-wrap,
	.description_right_no_meta .bk-portfolio-featured-wrap {
	  float: none !important;
	}
}

/*
  Icons
*/

.white span.heart-icon,
.dark span.heart-icon,
.dark span.comment-icon,
span.tag-icon,
span.link-icon,
span.eye-icon {
	display: inline-block;
	width: 16px;
	height: 13px;
	margin-right: 5px;
	position: relative;
	background: url("images/icons-sprite.png") -1px 1px;
}

.dark span.heart-icon	{
	top: 1px;
	background-position: -17px 0px;
}

.dark span.comment-icon	{
	top: 1px;
	background-position: -16px -52px;
}

span.tag-icon {
	top: 1px;
	background-position: -17px -13px;
}	

span.link-icon {
	top: 1px;
	background-position: -16px -39px;
}	

span.eye-icon {
	top: 1px;
	background-position: -16px -26px;
}

a.bk-love-button.loading.white span.heart-icon,
a.bk-love-button.loading.dark span.heart-icon {
	
}

@media (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
  .white span.heart-icon,
	.dark span.heart-icon,
	.dark span.comment-icon,
	span.tag-icon,
	span.link-icon,
	span.eye-icon {
		background-image: url("images/retina/icons-sprite@2.png");
		background-size: 32px 65px;
  }
  
  a.bk-love-button.loading.white span.heart-icon {
		background-size: auto;
	}
	
	a.bk-love-button.loading.dark span.heart-icon {
		background-size: auto;
	}	
}  		

/*
  love button
*/

a.bk-love-button {
	cursor: pointer;
}

a.bk-love-button.loading:hover,
a.bk-love-button.inactive:hover {
	text-decoration: none;
}														


/*
  hatom meta
*/
.bk-post-hatom-meta {
	display: none;
}

/*
  Pagination
*/

div.bk-pagination-wrap {
	position: relative;
	background-color: white;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
}

ul.bk-pagination {
	list-style: none;
	text-decoration: none;
	margin: 0px;
}

ul.bk-pagination li a,
ul.bk-pagination li span.pagination-divider{
    text-decoration: none;
    font-weight: bold;
    color: #909090;	
    display: block;
	padding: 10px;
	float: left;
    text-align: center;
    background: url("images/dots-y.png") right top repeat-y;
}

@media 
	  (min--moz-device-pixel-ratio: 2),
	  (-o-min-device-pixel-ratio: 2/1), 
	  (-webkit-min-device-pixel-ratio: 2), 
	  (min-device-pixel-ratio: 2) {
			ul.bk-pagination li a,
			ul.bk-pagination li span.pagination-divider {
			    background-image: url("images/retina/dots-y@2.png");
			    background-size: 1px 4px;
			}
}

ul.bk-pagination li.current a{
	color: #404040;
}

/*---------------------------------------------------------------------------------------------------------------------------- 
   End of Portfolio
---------------------------------------------------------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------------------------------------------------------
 2. FlexSlider
----------------------------------------------------------------------------------------------------------------------------*/	
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider ul.slides { margin-bottom: 0px !important; }
.flexslider ul.slides li { margin-bottom: 0px !important;  } 
.flexslider ul.flex-direction-nav { margin-bottom: 0px !important; margin-left: 0px !important; }
.flexslider ul.flex-direction-nav li { margin-bottom: 0px !important;  }

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:only-child {display: block;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: transparent; position: relative; zoom: 1; overflow: hidden; }
.flexslider .slides li img { margin-bottom: 0px; }
.flexslider .slides li { overflow: hidden; }
.flex-viewport {max-height: 2000px; }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {position: absolute; left: 0px; bottom: 50%; width: 100%; height: 0px;}
.flex-direction-nav li {margin: 0px; display: inline-block; zoom: 1; *display: inline;}
.flex-direction-nav a {
	z-index: 2; 
	width: 29px; 
	height: 29px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	display: block; 
	background: url("images/big-arrows-sprite.png") no-repeat 0 0;
	background-color: rgb(64,64,64);
	background-color: rgba(64,64,64,0.5); 
	position: absolute; 
	-webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease;
	-moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease;
	-ms-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease;
	-o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease;
	transition:  opacity 300ms ease, left 300ms ease, right 300ms ease, background 300ms ease;
	text-indent: -9999px;
}

@media 
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1), 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-device-pixel-ratio: 2) {
  	.flex-direction-nav a {
  		background-image: url("images/retina/big-arrows-sprite@2.png");
  		background-size: 58px 58px;
  	}	
}  	

.flex-direction-nav a:hover { 
	background-color: rgb(64,64,64);
	background-color: rgba(64,64,64,0.75); 
}

.flex-direction-nav a.flex-next {
	background-position: -29px 0px; 
	bottom: -15px; 
	right: -29px;
}

.flex-direction-nav a.flex-prev {
	background-position: 0px 0px;  
	bottom: -15px; 
	left: -29px;
}

.bk-hover .flex-direction-nav a.flex-next,
.bk-touch .flex-direction-nav a.flex-next {
	right: 10px;
}

.bk-hover .flex-direction-nav a.flex-prev,
.bk-touch .flex-direction-nav a.flex-prev {
	left: 10px;
}

.single-post .bk-hover .flex-direction-nav a.flex-next,
.single-post .bk-touch .flex-direction-nav a.flex-next,
.single-portfolio .bk-hover .flex-direction-nav a.flex-next,
.single-portfolio .bk-touch .flex-direction-nav a.flex-next {
	right: 30px;
}

.single-post .bk-hover .flex-direction-nav a.flex-prev,
.single-post .bk-touch .flex-direction-nav a.flex-prev,
.single-portfolio .bk-hover .flex-direction-nav a.flex-prev,
.single-portfolio .bk-touch .flex-direction-nav a.flex-prev {
	left: 30px;
}

.bk-hover .flex-direction-nav a,
.bk-touch .flex-direction-nav a{
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Control Nav */
.flex-control-nav {position: absolute; left: 0px; bottom: 0px; text-align: center;}
.flexslider.with-direction-nav .flex-control-nav{ left: 58px; }
.flex-control-nav li {margin: 0px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 29px; height: 29px; display: block; background: #555; cursor: pointer; line-height: 29px; color: white !important;}
.flex-control-paging li a:hover { background: #FF4629; }
.flex-control-paging li a.flex-active { background: #FF4629; cursor: default; }

.flex-control-thumbs { margin: 0px; margin-top: 10px; position: static; overflow: hidden;}
.flex-control-thumbs li {
	width: 75px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px; 
	opacity: 0.75;
	filter: alpha(opacity=75); 
	float: left; 
	display: block; 
}

.flex-control-thumbs img { width: 100%; cursor: pointer;}
.flex-control-thumbs li:hover,
.flex-control-thumbs li.flex-active { 
	opacity: 1;
	filter: alpha(opacity=100); 
}

.flex-control-thumbs img {
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}	
	
div.flex-slider-caption {
	position: absolute;
	float: right;
	bottom: 0px;
	right: 0px;
	color: white;
	background: #555;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 29px;
}

div.flex-slider-caption p {
	margin-bottom: 0px;
}	

/*----------------------------------------------------------------------------------------------------------------------------
 End Of FlexSlider
----------------------------------------------------------------------------------------------------------------------------*/	
