/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.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, 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: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#container {
	padding: 0 15px;
	margin: 0 auto;
}
.element {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	float: left;
	overflow: hidden;
	position: relative;
	padding:9px;
	background:url(../images/background/bottom-shadow-1.png) repeat-x 0 bottom #fff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.element * {
	margin: 0;
}
.variable-sizes .element.width1 {
	width: 380px;
}
.variable-sizes .element.width2 {
	width: 180px;
}
.variable-sizes .element.width3 {
	width: 370px;
}
.variable-sizes .element.width4 {
	width: 365px;
}
.variable-sizes .element.width5 {
	width: 471px;
}
.variable-sizes .element.width6 {
	width: 360px;
}
.variable-sizes .element.height1 {
	height: 380px;
}
.variable-sizes .element.height2 {
	height: 180px;
}
.variable-sizes .element.height3 {
	height: 423px;
}
.variable-sizes .element.height4 {
	height: 168px;
}
.variable-sizes .element.height5 {
	height: 278px;
}
.variable-sizes .element.height6 {
	height: 315px;
}
.variable-sizes .element.height7 {
	height: 432px;
}
.variable-sizes .element.height8 {
	height: 177px;
}
.variable-sizes .element.height9 {
	height: 298px;
}
.variable-sizes .element.height10 {
	height: 288px;
}
.variable-sizes .element.height11 {
	height: 136px;
}
.variable-sizes .element.height12 {
	height: 406px;
}
.variable-sizes .element.height13 {
	height: 258px;
}
.variable-sizes .element.height14 {
	height: 431px;
}
.element .wrap-theme {
	display: block;
	position: relative;
	height: 100%;
	text-align: center;
}
.element .wrap-theme p {
	background-color: none;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	margin-bottom: 0;
	z-index: 999;
}
.element:hover .wrap-theme p {
	display: block;
	opacity: 1;
	filter:alpha(opacity=100);
	color: #fff;
}
.element.picture-icon .wrap-theme p {
	background: rgba( 150, 191, 13, 0) url('../images/icons/picture.png') no-repeat -50px 50%;
}
.element.picture-icon:hover .wrap-theme p {
	background: rgba( 150, 191, 13, 0.9) url('../images/icons/picture.png') no-repeat 50% 50%;
}
.element.link-icon .wrap-theme p {
	background: rgba( 150, 191, 13, 0) url('../images/icons/link.png') no-repeat -50px 50%;
}
.element.link-icon:hover .wrap-theme p {
	background: rgba( 150, 191, 13, 0.9) url('../images/icons/link.png') no-repeat 50% 50%;
}
.element.x-icon .wrap-theme p {
	background: rgba( 150, 191, 13, 0) url('../images/icons/x.png') no-repeat -50px 50%;
}
.element.x-icon:hover .wrap-theme p {
	background: rgba( 150, 191, 13, 0.9) url('../images/icons/x.png') no-repeat 50% 50%;
}
.element.music-icon .wrap-theme p {
	background: rgba( 237, 20, 91, 0) url('../images/icons/music.png') no-repeat -50px 50%;
}
.element.music-icon:hover .wrap-theme p {
	background: rgba( 237, 20, 91, 0.9) url('../images/icons/music.png') no-repeat 50% 50%;
}
.element.video-icon .wrap-theme p {
	background: rgba( 237, 20, 91, 0) url('../images/icons/video.png') no-repeat -50px 50%;
}
.element.video-icon:hover .wrap-theme p {
	background: rgba( 237, 20, 91, 0.9) url('../images/icons/video.png') no-repeat 50% 50%;
}
.element .wrap-theme img {
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	z-index: 888;
	width: 100%;
	margin: 0 auto;
}
.element:hover .wrap-theme img {
	-moz-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
}
.element .wrap-theme p strong {
	color: #d61559;
	font-size: 15px;
	padding: 3px 15px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	margin-top: 5px;
	display: inline-block;
}
/**** Example Options ****/

#options {
	margin-bottom: 20px;
	text-align: center;
}
#options ul#filter {
	margin: 0;
	display:inline-block;
	list-style: none;
	background: #FFF url(../images/background/bg-filter.gif) bottom repeat-x;
	width: 100%;
	border-bottom:1px solid #FFF;
}
#options #filter li {
	float: left;
}
#options #filter li a {
	color: #4D4D4D;
	display:block;
	cursor: pointer;
	font-size: 12px;
	height: 36px;
	line-height: 33px;
	padding: 0 20px;
	font-family: 'Coda', cursive;
	border-bottom:4px solid rgba(237,20,91,0);
}
#options #filter li a:hover,
#options #filter li a.selected,
#options #filter li a:active {
	color: #ED145B;
	background-color: #f6f6f6;
	border-bottom:4px solid rgba(237,20,91,1);
}

/*Mobile filter*/
#filters {
	display: none;
	margin:25px auto 0;
	width:85%;
}
span.customSelect {
	font-size: 11px;
	color: #5d5d5d;
	padding: 8px 2%;
	width: 96%;
	height: 15px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
		background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(230,230,230)),
			color-stop(1, rgb(250,250,250))
		);
		
}
span.customSelect.changed {
	background-color: #f0dea4;
	text-align:left;
}
.customSelectInner {
	background: url(../images/background/canvas-list-nav-item-arrow.gif) no-repeat right 5px;
}
/*for Blog Timeline*/
#sticky_navigation { 
	width:100%; 
	height:50px;
	z-index:999;
	display:none;
}
.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 80%;
    padding: 10px;
    margin: 0 auto;

    /* Styles */
    color: #6d6d6d;
    outline: none;
    cursor: pointer;

    /* Font settings */
    font-weight: bold;
	z-index:999;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
		background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(230,230,230)),
			color-stop(1, rgb(250,250,250))
		);
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #7d7d7d;    
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
	z-index:999;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #6d6d6d;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f1f1f1;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #7d7d7d transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
	color:#FFF;
  background: #7d7d7d;
  background: -moz-linear-gradient(left,  #7d7d7d 0%, #7d7d7d 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7d7d7d), color-stop(78%,#7d7d7d), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#ffffff',GradientType=1 );
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

/**** Infinite Scroll ****/

#infscr-loading {
	font-family:Arial, Helvetica, sans-serif;
	position: fixed;
	text-align: center;
	bottom: 30px;
	left: 50%;
	z-index: 100;
	background: white;
	background: hsla( 0, 0%, 100%, 0.9 );
	padding: 20px;
	color: #222;
	font-size: 12px;
	font-weight: 400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-style:normal;
}
/**** Portfolio detail ****/
.pp_inline img {
	float: left;
	margin: 1%;
	width: 68%;
}
.pp_inline .entry-content {
	width: 28%;
	float: left;
	margin: 1%;
}
.pp_inline .entry-content .entry-title {
	text-transform: uppercase;
	color: #ed145b;
	font-size: 18px;
	font-family: 'Coda', cursive;
	margin-bottom: 1px;
	line-height: 30px;
}
.portfolio-meta {
	margin: 10px 0;
	padding-bottom: 10px;
	background: url(../images/icons/entry-info.png) no-repeat 0 3px;
}
.portfolio-meta p span {
	display: inline-block;
	width: 50px;
	font-weight: bold;
	font-size: 11px;
	margin-right: 5px;
	color: #a0a0a0;
	margin-left: 40px;
}
.portfolio-meta a {
	font-size: 11px;
	margin-left: 10px;
	color: #a0a0a0;
}
.portfolio-meta a:hover {
	color: #ed145b;
}
.portfolio-meta .entry-categories, .portfolio-meta .entry-author {
	margin-bottom: 5px;
	color: #474747;
}
.pp_inline .entry-content p.details {
	background: url(../images/icons/quote-icon-2.png) no-repeat left 0;
	margin-bottom: 0;
	padding-left: 40px;
	color:#505050;
	font-size:11px;
	line-height:16px;
}
#pp_full_res .pp_inline p {
	margin: 0 !important;
}