// --------------------------------------------------
// --------------------------------------------------
// Flexbox LESS mixins
// The spec: http://www.w3.org/TR/css3-flexbox
// --------------------------------------------------

// Flexbox display
// flex or inline-flex
.flex-display(@display: flex) {
	display: ~"-webkit-@{display}";
	display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox
	display: ~"-ms-@{display}"; // IE11
	display: @display;
}

// The 'flex' shorthand
// - applies to: flex items
// <positive-number>, initial, auto, or none
.flex(@columns: initial) {
  -webkit-flex: @columns;
      -ms-flex: @columns;
          flex: @columns;
}

// Flex Flow Direction
// - applies to: flex containers
// row | row-reverse | column | column-reverse
.flex-direction(@direction: row) {
  -webkit-flex-direction: @direction;
      -ms-flex-direction: @direction;
          flex-direction: @direction;
}

// Flex Line Wrapping
// - applies to: flex containers
// nowrap | wrap | wrap-reverse
.flex-wrap(@wrap: nowrap) {
  -webkit-flex-wrap: @wrap;
      -ms-flex-wrap: @wrap;
          flex-wrap: @wrap;
}

// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
.flex-flow(@flow) {
  -webkit-flex-flow: @flow;
      -ms-flex-flow: @flow;
          flex-flow: @flow;
}

// Display Order
// - applies to: flex items
// <integer>
.flex-order(@order: 0) {
  -webkit-order: @order;
      -ms-flex-order: @order;
          order: @order;
}

// Flex grow factor
// - applies to: flex items
// <number>
.flex-grow(@grow: 0) {
  -webkit-flex-grow: @grow;
     -ms-flex-positive: @grow;
      -ms-flex-grow: @grow;
          flex-grow: @grow;
}

// Flex shrink
// - applies to: flex item shrink factor
// <number> 
.flex-shrink(@shrink: 1) {
  -webkit-flex-shrink: @shrink;
     -ms-flex-negative: @shrink;
      -ms-flex-shrink: @shrink;
          flex-shrink: @shrink;
}

// Flex basis
// - the initial main size of the flex item
// - applies to: flex itemsnitial main size of the flex item
// <width> 
.flex-basis(@width: auto) {
  -webkit-flex-basis: @width;
     -ms-flex-preferred-size: @width;
      -ms-flex-basis: @width;
          flex-basis: @width;
}

// Axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | space-between | space-around 
.justify-content(@justify: flex-start) {
  -webkit-justify-content: @justify;
     -ms-flex-pack: @justify;
      -ms-justify-content: @justify;
          justify-content: @justify;
}

// Packing Flex Lines
// - applies to: multi-line flex containers
// flex-start | flex-end | center | space-between | space-around | stretch 
.align-content(@align: stretch) {
  -webkit-align-content: @align;
      -ms-align-content: @align;
          align-content: @align;
}

// Cross-axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | baseline | stretch 
.align-items(@align: stretch) {
  -webkit-align-items: @align;
      -ms-align-items: @align;
      -ms-flex-align: @align;
          align-items: @align;
}

// Cross-axis Alignment
// - applies to: flex items
// auto | flex-start | flex-end | center | baseline | stretch 
.align-self(@align: auto) {
  -webkit-align-self: @align;
      -ms-align-self: @align;
      -ms-flex-item-align: @align;
          align-self: @align;
}


/*! Prefix flex for IE10  in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */

.display(@value) when (@value = flex) {
  display: -ms-flexbox; // IE10
}

.display(@value) when (@value = inline-flex) {
  display: -ms-inline-flexbox; // IE10
}

.display(@value) {
  display: @value;
}

.ie-flex(@value) {
  -ms-flex: @value;
}

.ie-flex-justify-content(@justifyContent) {
  .ms-flex-justify-content(@justifyContent); // IE10
}

.ie-flex-align-content(@alignContent) {
  .ms-flex-align-content(@alignContent); // IE10
}

.ie-flex-align-items(@alignItems) {
  .ms-flex-align-items(@alignItems); // IE10
}

.ie-flex-align-self(@alignSelf) {
  .ms-flex-align-self(@alignSelf); // IE10
}

.ie-flex-direction(@direction) {
  -ms-flex-direction: @direction; // IE10
}

.ie-flex-order(@order) {
  -ms-flex-order: @order; // IE10
}

.ie-flex-wrap(@wrap) {
  .ms-flex-wrap(@wrap); // IE10
}

/* These are the conditional mixins for the different syntax for IE10 Flexbox */
.ms-flex-justify-content(@justifyContent) when (@justifyContent = space-between) {
  -ms-flex-pack: justify;
}

.ms-flex-justify-content(@justifyContent) when (@justifyContent = space-around) {
  -ms-flex-pack: distribute;
}

.ms-flex-justify-content(@justifyContent) when (@justifyContent = flex-start) {
  -ms-flex-pack: start;
}

.ms-flex-justify-content(@justifyContent) when (@justifyContent = flex-end) {
  -ms-flex-pack: end;
}

.ms-flex-justify-content(@justifyContent) when (@justifyContent = center) {
  -ms-flex-pack: center;
}

.ms-flex-align-content(@alignContent) when (@alignContent = space-between) {
  -ms-flex-line-pack: justify;
}

.ms-flex-align-content(@alignContent) when (@alignContent = space-around) {
  -ms-flex-line-pack: distribute;
}

.ms-flex-align-content(@alignContent) when (@alignContent = flex-start) {
  -ms-flex-line-pack: start;
}

.ms-flex-align-content(@alignContent) when (@alignContent = flex-end) {
  -ms-flex-line-pack: end;
}

.ms-flex-align-content(@alignContent) when (@alignContent = center), (@alignContent = stretch) {
  -ms-flex-line-pack: @alignContent;
}

.ms-flex-align-items(@alignItems) when (@alignItems = flex-start) {
  -ms-flex-align: start;
}

.ms-flex-align-items(@alignItems) when (@alignItems = flex-end) {
  -ms-flex-align: end;
}

.ms-flex-align-items(@alignItems) when (@alignItems = center), (@alignItems = baseline), (@alignItems = stretch) {
  -ms-flex-align: @alignItems;
}

.ms-flex-align-self(@alignSelf) when (@alignSelf = flex-start) {
  -ms-flex-item-align: start;
}

.ms-flex-align-self(@alignSelf) when (@alignSelf = flex-end) {
  -ms-flex-item-align: end;
}

.ms-flex-align-self(@alignSelf) when (@alignSelf = auto), (@alignSelf = center), (@alignSelf = baseline), (@alignSelf = stretch) {
  -ms-flex-item-align: @alignSelf;
}

.ms-flex-wrap(@wrap) when (@wrap = nowrap) {
  -ms-flex-wrap: none;
}

.ms-flex-wrap(@wrap) when (@wrap = wrap), (@wrap = wrap-reverse) {
  -ms-flex-wrap: @wrap;
}
//border radius mixin
.static-border-radius (@radius: 50%) {
	-webkit-border-radius: @radius;
	border-radius:         @radius;
}
//box sizing mixin
.box-sizing (@string) {
	-webkit-box-sizing: @string;
	box-sizing:         @string;
}
/* #Testimonials
================================================== */

/* !-- Testimonials old shortcodes/template */
.testimonial-item {
	position: relative;
	&:not(.testimonial-item-slider) {
		padding: 20px 25px 20px;
	}
	//equal grid cols
	.dt-testimonials-shortcode .dt-css-grid & {
		height: 100%;
	}
}
.testimonial-item .dt-owl-item article {
	padding: 20px 25px 20px;
	.box-sizing (border-box);
}
.testimonial-position {
	.hide-testimonial-position & {
		display: none;
	}
}

	/*testimonial slider*/
	.testimonial-item.testimonial-item-slider {
		margin-bottom: 32px;
	}
			//testim placeholder
			.testimonial-vcard .no-avatar {
				width: 60px;
				height: 60px;
				&:after {
				 	content: "\f007";
				 	font-size: 28px;
				 	.dt-testimonials-shortcode & {
				 		font-size: 50%;
				 		content: "\f27a";
				 	}
				}
			}
			.testimonial-vcard  a.no-avatar:hover:after {
				color: #fff;
			}
				.testimonial-vcard .rollover i {
					width: 60px;
					height: 60px;
				}
				.testimonials .description-on-hover > .wf-cell .rollover i,
				.testimonials .description-on-hover > .wf-cell .rollover i:after {
					visibility: visible;
				}
				/*rollover icon*/
				.rollover i:after {
					position: absolute;
					width: 50px;
					height: 50px;
					.small-hover-icons .testimonial-vcard & {
						top: 0;
						right: 0;
						width: 100%;
						height: 100%;
					}
				
					background-position: center center;
					background-repeat:  no-repeat; 
					content: "";
				}
			.testimonial-vcard img,
			.testimonial-vcard .alignleft,
			.testimonial-vcard .rollover i,
			.testimonial-vcard .alignleft div {
				// -webkit-border-radius:	50%;
				// border-radius:			50%;
				.static-border-radius;
			}
			.mobile-false .scale-on-hover .testimonial-vcard a .alignleft div,
			.mobile-false .scale-on-hover .testimonial-vcard a .alignleft {
				overflow: hidden;
			}
			.mobile-false .scale-on-hover .testimonial-vcard a .alignleft div,
			.mobile-false .scale-on-hover .testimonial-vcard a .alignleft {
				-webkit-backface-visibility: hidden;
				-webkit-transform: translatez(0);
			}
			.mobile-false .scale-on-hover .testimonial-vcard a.rollover:hover img {
				-webkit-transform:	scale(1.1);
				transform:			scale(1.1);
			}
			.mobile-false .is-safari.scale-on-hover .testimonial-vcard a.rollover:hover img {
				-webkit-transform:	scale(1);
				transform:			scale(1);
			}
			.testimonial-vcard .text-primary {
				display: block;
			}

	#page .testimonial-vcard .rollover i:after {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");
	}
/* !-- Testimonials widgets */
.testimonials {
	padding-bottom: 10px;
}

body.testimonials {
	padding-bottom: 0px;
}
	.widget .testimonials article {
		position: relative;
		padding: 0;
	}
		.testimonial-vcard {
			.flex-display(@display: flex);
			margin: 20px 0 0 0;
			overflow: hidden;
			.widget & {
				margin-top: 15px;
			}
		}
		.testimonial-desc {
			.align-self(@align: center);
		}

			.testimonial-vcard .alignleft {
				margin: 0 20px 5px 0;
				font-size: 0;
				line-height: 0;
			}
				.testimonial-vcard .alignleft div {
					overflow: hidden;
				}

	.testimonials.list-view li {
		position: relative;
		overflow: hidden;
		padding: 25px 0 0 0;
	}

	.testimonials.list-view li:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none !important;
	}
//new test shortcode
.testimonial-item {
	.dt-testimonials-shortcode & {
		.flex-display(@display: flex);
		.flex-flow(column nowrap);
		width: 100%;
		.content-align-center& {
			.align-items(@align: center);
			text-align: center;
		}
		.content-bg-off& {
			background: none;
		}
		padding: 0;
		box-sizing: border-box;
	}
}
.testimonial-vcard {
	.dt-testimonials-shortcode & {
		.flex-flow(column wrap);
		margin-top: 0;
		overflow: visible;
	}
}
.testimonial-name a:hover {
	.dt-testimonials-shortcode & {
		text-decoration: none;
	}
}
//testim placeholder
img,
svg {
	.testimonial-avatar & {
		max-width: 100%;
		height: auto;
	}
}
.testim-no-avatar {
	display: block;
	line-height: 0;
	box-sizing: border-box;
}
.testim-no-avatar svg {
    transform: scale(0.5);
}
.testimonial-avatar {
	.dt-testimonials-shortcode & {
		max-width: 100%;
		-ms-flex: 0 0 auto;
		& .no-avatar {
			display: block;
			max-width: 100%;
		}
		& .testimonial-thumb {
			display: block;
			line-height: 0;
		}
		& .layzr-bg {
			border-radius: inherit;
		}
	}
}
.more-link {
	.dt-testimonials-shortcode & {
		display: inline-block;
	}
}

.testimonial-author {
	.dt-testimonials-shortcode & {
		max-width: 100%;
	}
}
.dt-testimonials-shortcode {
	& .testimonial-content {
		max-width: 100%;
	}
}
.dt-testimonials-shortcode.layout-2 {
	& .testimonial-content {
		.flex-order(@order: 0);
	}
	& .testimonial-avatar {
		.flex-order(@order: 1);
	}
	& .testimonial-vcard {
		.flex-order(@order: 2);
	}
}
.dt-testimonials-shortcode.layout-3 {
	& .testimonial-content {
		.flex-order(@order: 0);
	}
	& .testimonial-author {
		
		.flex-flow(row wrap);
		.content-align-center& {
			.justify-content(@justify: center);
		}
		-ms-flex: 0 0 auto;
		.flex-display(@display: inline-flex);
		.align-items(@align: center);
		.flex-order(@order: 1);
		text-align: left;
	}
	& .testimonial-vcard {
		display: inline-block;
	}
}
.dt-testimonials-shortcode.layout-4 {

	& .testimonial-author {
		.flex-flow(row wrap);
		.content-align-center& {
			.justify-content(@justify: center);
		}
		-ms-flex: 0 0 auto;

		.flex-display(@display: inline-flex);
		.align-items(@align: center);
		text-align: left;
	}
	& .testimonial-vcard {
		display: inline-block;
	}
}
.dt-testimonials-shortcode {
	& .content-wrap {
		max-width: 100%;
	}
}
.dt-testimonials-shortcode.layout-5 {
	& .testimonial-item {
		.flex-flow(row wrap);
		.align-items(@align: flex-start);
	}
	& .content-wrap {
		.flex-display(@display: flex);
		.flex-flow(column wrap);
		-ms-flex: 0 0 auto;
		max-width: 100%;
	}
	& .testimonial-content {
		.flex-order(@order: 0);
	}
	& .testimonial-vcard {
		.flex-order(@order: 1);
	}
}
.dt-testimonials-shortcode.layout-6 {
	& .testimonial-item {
		.flex-flow(row wrap);
		.align-items(@align: flex-start);
	}
	& .content-wrap {
		-ms-flex: 0 0 auto;
		max-width: 100%;
	}
}
.owl-stage {
  .dt-testimonials-shortcode[data-auto-height="false"] & {
    .flex-display(@display: flex);
    & .dt-owl-item {
      .flex-display(@display: flex);
    }
  }
}
.testimonial-content {
  .dt-testimonials-shortcode[data-auto-height="false"] &{
    .flex(@columns: 1 0 auto);
  }
}
/* #Team
================================================== */

.content .slider-content .team-container {
	margin-bottom: 0px;
}
.team-container {
	.dt-team-masonry-shortcode & {
		.flex-display(@display: flex);
		.flex-flow( column nowrap);
		.align-content(@align: flex-start);
		.content-align-center& {
			.align-content(@align: center);
		}
	}
		min-width: 100%;
	
	.dt-team-shortcode .dt-css-grid & {
		height: 100%;
	}
}
.bg-on.team-container:not(.fullwidth-img) {
	.static-border-radius (@radius: 0);
}
	.team-container img {
		max-width: 100%;
		height: auto;
	}
	.widget .team-container {
		padding: 0;
		text-align: center;
	}
		.widget .team-media a.rollover {
			display: inline-block;
			width: auto;
		}
			.widget .team-media a.rollover i:after {
				background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
			}
			.widget .team-container img {
				max-width: 81px;
				.static-border-radius;
			}
	.team-desc {
		padding: 20px 0px 0px;
		text-align: center;
		.content-align-left & {
			text-align: left;
		}
	}
	.bg-on .team-desc {
		padding: 15px 25px 10px;
	}
	.widget .team-items .edit-link {
		display: none;
	}
	#sidebar .team-desc,
	#footer .team-desc {
		padding: 8px 0 0;
	}
	.widget .team-desc {
		.flex-display(@display: flex);
		.flex-flow( column nowrap);
	}
	.widget .team-desc .soc-ico {
		order: 0;
	}
	.widget .team-desc .soc-ico + p {
		display: none;
	}
	.widget .team-content {
		order: 1;
	}

			.team-container .soc-ico {
				padding-top: 5px;
				margin-bottom: 18px;
			}
			.team-container.bg-on .soc-ico {
				margin-bottom: 13px;
			}
			#sidebar .team-container .soc-ico,
			#footer .team-container .soc-ico,
			.sidebar-content .team-container .soc-ico {
				margin-bottom: 0px;
			}
		.content .team-items ul {
			margin: 0;
		}
	.round-images .team-container {
		text-align: center;
	}
	.team-author-name {
		& a {
			text-decoration: none;
		}
	}
	.hide-team-position .team-author p {
		display: none;
	}
	.team-media.apply-max-width {
		.dt-team-shortcode & {
			.align-self(@align: flex-start);
			.content-align-center& {
				.align-self(@align: center);
			}
			-ms-flex: 0 0 auto;
		}

	}
	.dt-team-shortcode .team-author p {
		display: inline-block;
	}
	.team-media {
		position: relative;
		line-height: 0;
		.content-align-center & {
			text-align: center;
		}
		.dt-css-grid & {
			-ms-flex: 0 0 auto;
		}
		& > a,
		& > span {
			width: 100%;
			display: inline-block;
		}
		.widget & {
			margin-bottom: 5px;
		}
	}
	.round-images .bg-on .team-media {
		padding: 25px 25px 0;
	}
	.disable-bg-rollover .rollover i {
		visibility: hidden;
	}
	.rollover i:after {
		.team-carousel-shortcode & {
			display: none;
		}
	}
	.rollover {
		.dt-team-shortcode.scale-img & {
			overflow: hidden;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transform: translatez(0);
		}
	}
	.rollover img {
		.dt-team-shortcode.scale-img & {
			-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.35s;
			transition: transform 0.3s ease-out, opacity 0.35s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		&.lazy-load {
		    -webkit-transition:  transform 0.3s ease-out, opacity 0.35s;
		    transition:  transform 0.3s ease-out, opacity 0.35s;
		}
	}
	.rollover:hover img  {
		.dt-team-shortcode.scale-img & {
		  -webkit-transform: scale(1.2);
		          transform: scale(1.2);
		  -webkit-transition: -webkit-transform 4s ease-out;
		          transition: transform 4s ease-out;
		}
	}
	.soc-ico a {
		.content .dt-team-shortcode & {
			margin-left: 0;
			&:before,
			&:after {
				box-sizing: border-box;
			}
		}
	}
	.soc-ico a:before {
		.content .dt-team-shortcode.dt-icon-bg-off & {
			background: none;
		}
	}
	.soc-ico a:after {
		.dt-team-shortcode.dt-icon-hover-bg-off & {
			background: none !important;
		}
	}
	.post-details {
		.dt-team-shortcode & {
			float: none;
			vertical-align: top;
			.align-self(@align: center);
			.content-align-left& {
				.align-self(@align: flex-start);
			}
		}
	}
	.owl-stage {
	  .dt-team-shortcode[data-auto-height="false"] & {
	    .flex-display(@display: flex);
	    & .dt-owl-item {
	      .flex-display(@display: flex);
	    }
	  }
	}
	.team-desc {
	  .dt-team-shortcode[data-auto-height="false"] &{
	    .flex(@columns: 1 0 auto);
	  }
	}

	.move-icons-under-position .team-desc {
		.flex-display(@display: flex);
		.flex-direction(@direction: column);
		& .soc-ico {
			.flex-order(@order: 0);
		}
		& .team-content {
			.flex-order(@order: 1);
		}
		& .post-details {
			.flex-order(@order: 2);
		}
	}


/* #Hover layouts
================================================== */
.content-align-centre,
.content-align-bottom {
	text-align: center;
}
.rollover-project {
	position: relative;
	overflow: hidden;
}

.post .rollover-project.alignnone {
	margin-bottom: 0;
}
	.rollover-content {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		display: none;
		.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) & {
			display: none;
		}
		width: 100%;
		height: 100%;
		padding: 10px 25px 10px;
		.box-sizing (border-box);
		-webkit-transition: opacity 400ms ease;
		transition:      opacity 400ms ease;
		&:hover {
			cursor: pointer;
		}
	}

	.mobile-false .rollover-content {
		display: block;
		opacity: 0;
	}
	.mobile-false .rollover-project:hover .rollover-content,
	.mobile-false .buttons-on-img:hover .rollover-content {
		opacity: 1;
	}
	.hover-grid .rollover-content,
	.mobile-false .text-on-img.hover-grid .dt-owl-item {
		overflow: hidden;
	}

	.mobile-true .rollover-content.hide-content {
		display: none;
	}
	.mobile-true .albums .rollover-content,
	.mobile-true .media .rollover-content,
	.mobile-true .buttons-on-img .rollover-content {
		opacity: 0;
	}
	.mobile-true .is-clicked.rollover-content,
	.mobile-true .is-clicked .buttons-on-img i {
		visibility: visible !important;
		opacity: 1 !important;
	}

	/*Always show description*/
	.always-show-info .rollover-content,
	.always-show-info .rollover-content-container {
		display: block;
		opacity: 1 !important;
	}

			.rollover-content-container {
				position: relative;
				.box-sizing (border-box);
			}

			/*Show icons*/
			.links-container {
				position: relative;
				line-height: 0 !important;
				font-size: 0 !important;
				text-align: center;
				.small-portfolio-icons .buttons-on-img &,
				.small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) &,
				.content-align-left-bottom.hover-style-two &,
				.content-align-left.hover-style-one &,
				.content-align-left.hover-style-three & {
					position: absolute;
					display: block;
					top: 15px;
					right: 15px;
					text-align: right;
				}
				.small-portfolio-icons #page .effect-layla &,
				.small-portfolio-icons #page .effect-bubba &,
				.small-portfolio-icons #page .effect-sarah & {
					position: relative;
					display: block;
					top: 0;
					right: auto;
					width: 100%;
					text-align: center;
				}
				.small-portfolio-icons #page .effect-sarah & {
					text-align: left;
				}
				.small-portfolio-icons .buttons-on-img &,
				.small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) & {
					right: 10px;
				}
				.small-portfolio-icons .content-align-left-top.hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) & {
					top: auto;
					bottom: 15px;
				}
				.content-align-left-top.hover-style-two & {
					position: absolute;
					display: block;
					bottom: 15px;
					right: 15px;
					text-align: right;
				}
				.semitransparent-portfolio-icons .buttons-on-img &,
				.accent-portfolio-icons .buttons-on-img &,
				.outlined-portfolio-icons .buttons-on-img & {
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}
				.effect-layla &,
				.effect-bubba &,
				.effect-sarah & {
					margin-top: 10px;
				}
			}
			.mobile-true .links-container {
				visibility: hidden;
			}
			.mobile-true .is-clicked .links-container,
			.mobile-true .effect-layla.always-show-info .links-container,
			.mobile-true .effect-bubba.always-show-info .links-container,
			.mobile-true .effect-sarah.always-show-info .links-container {
				visibility: visible;
			}
			.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .is-clicked .links-container {
				-webkit-transition-delay: 300ms;
				transition-delay: 300ms;
			}
				.links-container > a {
					position: relative;
					display: inline-block;
					width: 44px;
					height: 44px;
					margin: 5px 5px;
					text-indent: -9999px;
					line-height: 0;
					font-size: 0 !important;
					background-image: none;
					.static-border-radius;
					-webkit-transition: all 200ms ease;
					transition:      all 200ms ease;
					.effect-sarah & {
						margin: 5px 10px 5px 0;
					}
					.small-portfolio-icons & {
						width: 26px;
						height: 26px;
						margin-top: 1px;
						&:hover {
							opacity: 0.8;
						}
					}
					.semitransparent-portfolio-icons & {
						background-color: rgba(255, 255, 255, 0.35);
					}
				}
				.buttons-on-img .links-container > a,
				.hover-style-two:not(.hover-color-static) .links-container > a {
					.box-sizing (border-box);
				}

					.links-container > a:after,
					.outlined-portfolio-icons .links-container > a:before {
						display: block;
						width: 100%;
						height: 100%;
						content: "";
						background-position: center center;
						background-repeat: no-repeat;
					}
					.links-container > a:after,
					.links-container > a:before {
						.outlined-portfolio-icons & {
							position: absolute;
							top: 0;
							left: 0;
							opacity: 1;
							-webkit-transition: opacity 200ms ease;
							transition:      opacity 200ms ease;
						}
					}
					.outlined-portfolio-icons .links-container > a:before,
					.outlined-portfolio-icons .links-container > a:hover:after {
						opacity: 0;
					}

					.links-container > a:hover:before {
						.outlined-portfolio-icons & {
							opacity: 1;
						}
					}
					.links-container .project-details {
						.outlined-portfolio-icons & {
							&:after {
								background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='30,21 23,21 23,14 21,14 21,21 14,21 14,23 21,23 21,30 23,30 23,23 30,23 '/%3E %3Cpath id='flashlight-12' fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3C/svg%3E");
							}
							&:before {
								background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M30,23h-7v7h-2v-7h-7v-2h7v-7h2v7h7V23z'/%3E%3C/svg%3E");
							}
						}
						.semitransparent-portfolio-icons &,
						.accent-portfolio-icons &,
						.small-portfolio-icons & {
							&:after {
								background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='30,21 23,21 23,14 21,14 21,21 14,21 14,23 21,23 21,30 23,30 23,23 30,23 '/%3E%3C/svg%3E");
							}
						}
					}
					.project-zoom {
						.outlined-portfolio-icons & {
							&:after {
								background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 28,16.01 28,20.99 30,20.99 30,13.99 '/%3E%3Cpolygon fill='white' points='16,23.01 14,23.01 14,30.01 16,30.01 16,29.99 21.07,29.99 21.007,27.99 16,27.99 '/%3E%3C/svg%3E");
							}
							&:before {
								background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M21.007,29.99H16v0.02h-2v-7h2v4.98h5.007V29.99z M30,20.99h-2v-4.98h-5.007v-2H28v-0.02h2V20.99z'/%3E%3C/svg%3E");
							}
						}
						.semitransparent-portfolio-icons &,
						.accent-portfolio-icons &,
						.small-portfolio-icons & {
							&:after {
								background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 28,16.01 28,20.99 30,20.99 30,13.99 '/%3E%3Cpolygon fill='white' points='16,23.01 14,23.01 14,30.01 16,30.01 16,29.99 21.007,29.99 21.007,27.99 16,27.99 '/%3E%3C/svg%3E");
							}
						}
					}
					.project-link:after {
						.outlined-portfolio-icons & {
							background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");
						}
						.semitransparent-portfolio-icons &,
						.accent-portfolio-icons &,
						.small-portfolio-icons & {
							background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");
						}
					}
					
					.project-link:before {
						.outlined-portfolio-icons & {
							background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M30,28.01v1.989v0.011H16h-2v-2v-14h0.011H16h3.011v2H16v12h12v-3.011h2V28.01z M30,20.99h-2v-3.616l-6.137,6.136L20.5,22.146l6.137-6.137h-3.644v-2H28v-0.02h2V20.99z'/%3E%3C/svg%3E");
						
						}
					}
					.links-container a > span {
						display:block;
						position:absolute;
						width:100%;
						height:100%;
						left:-2px;
						top:-2px;
						border: 2px solid rgba(255, 255, 255, 0.38);
						opacity:1;
						visibility:hidden;
						.static-border-radius;
					}
					.mobile-false .semitransparent-portfolio-icons .links-container > a .icon-hover,
					.mobile-false .accent-portfolio-icons .links-container > a .icon-hover {
						visibility:visible;
						opacity:0;
						-webkit-transform: scale(1.3);
						transform:         scale(1.3);
						-webkit-transition-duration: .5s;
						transition-duration:         .5s;
					}


				.cs-style-3 .rollover-content-wrap:before,
				.description-under-image .links-container:before,
				.description-under-image .links-container:after,
				.links-container:after,
				.links-container:before {
					content: "";
					display: table;
					clear: both;
				}
				.rollover-content .entry-title a {
					#page & {
						background: none;
					}
				}
				.links-hovers-disabled .rollover-content .entry-title a:hover {
					background: none;
					-webkit-background-clip: text;
				}
				.rollover-content,
				.rollover-content *,
				.rollover-content h3.entry-title,
				.rollover-content h3.entry-title a,
				.post .rollover-content h4.entry-title a:hover,
				.post .rollover-content .entry-title a:hover,
				.rollover-content a:hover,
				.post .rollover-content h3.entry-title a:hover,
				.hover-style-one h2.entry-title,
				.hover-style-two h2.entry-title {
					#page & {
						color: #fff;
					}
				}

				.rollover-content .portfolio-categories > a,
				.rollover-content .portfolio-categories > span {
					&:after {
						background: #fff;
					}
				}
				.rollover-content h3.entry-title,
				.rollover-content .entry-title a,
				.post .rollover-content .entry-title a:hover,
				.hover-style-one h2.entry-title,
				.hover-style-two h2.entry-title,
				.hover-style-two h4.entry-title {
					#page & {
						background: none;
					}
				}
				.hover-grid .rollover-content {
					-webkit-transition: none;
					transition:      none;
				}
/* #Under images
================================================== */
.buttons-on-img {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px;
	text-align: center;
}
.bg-on .buttons-on-img {
	margin: 0;
}
.layout-list .buttons-on-img {
	margin: 0 30px 25px 0;
}
.layout-list .project-even .buttons-on-img {
	margin: 0 0 25px 30px;
}

.layout-list .media-wide .buttons-on-img {
	margin-right: 0;
	margin-left: 0;
}
	.buttons-on-img > p,
	.post .buttons-on-img .alignnone,
	.description-under-image .post .buttons-on-img .alignnone,
	.description-under-image .post .buttons-on-img .slider-masonry {
		margin-bottom: 0;
	}
	.post .buttons-on-img .alignleft {
		margin: 0;
	}
	.buttons-on-img > .rollover-content {
		padding: 0;
		.mobile-true & {
			display: block;
		}
	}

/* # On colored background
================================================== */
.rollover-content.is-clicked {
	.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) & {
		.flex-display(@display: flex);
		.flex-wrap(@wrap: wrap);
	}
}
.rollover-content {
	.hover-style-two & {
		.flex-display(@display: flex);
		.flex-wrap(@wrap: wrap);
	}
	.content-align-bottom.hover-style-two & {
		.align-content(@align: flex-end);
		.ie-flex-align-content(flex-end);

		.justify-content(@justify: center);
		.ie-flex-justify-content(center);

		.align-items(@align: flex-end);
		.ie-flex-align-items(flex-end);
	}
	.content-align-centre.hover-style-two & {
		.align-content(@align: center);
		.ie-flex-align-content(center);

		.justify-content(@justify: center);
		.ie-flex-justify-content(center);

		.align-items(@align: center);
		.ie-flex-align-items(center);
	}
	.content-align-left-bottom.hover-style-two & {
		.align-content(@align: flex-end);
		.ie-flex-align-content(flex-end);

		.align-items(@align: flex-end);
		.ie-flex-align-items(flex-end);
	}
	.content-align-left-top.hover-style-two & {
		.align-content(@align: flex-start);
		.ie-flex-align-content(flex-start);

		.align-items(@align: flex-start);
		.ie-flex-align-items(flex-start);
	}
}

	.hover-style-two .rollover-content-container {
		margin-top: 10px;
		width: 100%;
	}


	/* #Direction aware
	-------------------------------------------------- */
	.mobile-true .hover-grid .rollover-content,
	.mobile-true .hover-grid-reverse .rollover-content,
	.mobile-true .hover-scale .rollover-content {
		/*display: block !important;*/
		top: 0 !important;
		left: 0 !important;
		opacity: 0;
	}
	.mobile-true .hover-grid .is-clicked .rollover-content,
	.mobile-true .hover-grid-reverse .is-clicked .rollover-content,
	.mobile-true .hover-scale .is-clicked .rollover-content {
		opacity: 1;
	}
	/* #Scale In
	-------------------------------------------------- */
	.mobile-false .hover-scale .rollover-content {
		background: none;
	}
	.hover-scale .post {
		overflow: hidden;
	}
	.hover-scale .rollover-project:after,
	.hover-scale .post:after {
		display: block;
		background-color: inherit;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		opacity: 0;
		content: "";
		.static-border-radius;
		padding-bottom: 100%;
		-webkit-transform: scale(0);
				transform: scale(0);
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s;
				transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s;
	}
	.hover-scale .post-thumbnail-rollover:after,
	.hover-scale .post:after {
		padding-bottom: 100%;
		-webkit-transform: scale(0);
				transform: scale(0);
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s;
				transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s;
	}
	.hover-scale .ratio-2.rollover-project:after,
	.hover-scale article.ratio-2.post:after {
		top: -50%;
	}
	.hover-scale .ratio_3-2.rollover-project:after,
	.hover-scale article.ratio_3-2:after {
		top: -25%;
	}
	.hover-scale .ratio_4-3.rollover-project:after,
	.hover-scale article.ratio_4-3:after {
		top: -16.6666%;
	}
	.hover-scale .ratio_2-3.rollover-project:after,
	.hover-scale article.ratio_2-3:after {
		top: 16.6666%;
	}
	.hover-scale .ratio_3-4.rollover-project:after,
	.hover-scale article.ratio_3-4:after {
		top: 14.5%;
	}
		.mobile-false .hover-scale .rollover-project:hover:after,
		.mobile-false .hover-scale article:hover:after,
		.mobile-true .hover-scale article.is-clicked:after {
			opacity: 1;
			-webkit-transform: scale(1.42);
					transform: scale(1.42);
		}
		.mobile-false .hover-scale .ratio_3-2.rollover-project:hover:after,
		.mobile-false .hover-scale article.ratio_3-2:hover:after,
		.mobile-true .hover-scale article.is-clicked.ratio_3-2:after {
			-webkit-transform: scale(1.2);
					transform: scale(1.2);
		}
		.mobile-false .hover-scale .ratio_4-3.rollover-project:hover:after,
		.mobile-false .hover-scale article.ratio_4-3:hover:after,
		.mobile-true .hover-scale article.is-clicked.ratio_4-3:after {
			-webkit-transform: scale(1.5);
					transform: scale(1.5);
		}
		.mobile-false .hover-scale .ratio_3-4.rollover-project:hover:after,
		.mobile-false .hover-scale article.ratio_3-4:hover:after,
		.mobile-true .hover-scale article.is-clicked.ratio_3-4:after {
			-webkit-transform: scale(2);
					transform: scale(2);
		}
		.mobile-false .hover-scale .ratio_2-3.rollover-project:hover:after,
		.mobile-false .hover-scale article.ratio_2-3:hover:after,
		.mobile-true .hover-scale article.is-clicked.ratio_2-3:after {
			-webkit-transform: scale(2);
					transform: scale(2);
		}

	.mobile-false .hover-scale .rollover-content {
		background: none !important;
		background-color: transparent;
		-webkit-transform: scale(0);
				transform: scale(0);
		-webkit-transition: -webkit-transform 0.25s cubic-bezier(.4,0,.2,1), opacity 0.25s;
				transition: transform 0.25s cubic-bezier(.4,0,.2,1), opacity 0.25s;
	}
		.mobile-false .hover-scale .rollover-project:hover .rollover-content {
			opacity: 1;
			-webkit-transform: scale(1);
					transform: scale(1);
		}
/* #On dark gradient
================================================== */
.hover-style-one .rollover-content,
.accent-gradient .hover-style-one .rollover-content {
	background: rgba(0,0,0,0.6);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)),  rgba(0,0,0,0.1) 50%,color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.6) 100%); /* W3C */
	background-color: transparent !important;
	color: #fff;
}
.rollover-content {
	.hover-style-one & {
		.flex-display(@display: flex);
		.flex-wrap(@wrap: wrap);
	}
	.content-align-centre.hover-style-one & {
		.align-content(@align: flex-end);
		.ie-flex-align-content(flex-end);

		.justify-content(@justify: center);
		.ie-flex-justify-content(center);

		.align-items(@align: flex-end);
		.ie-flex-align-items(flex-end);

	}
	.content-align-left.hover-style-one & {
		.align-content(@align: flex-end);
		.ie-flex-align-content(flex-end);

		.align-items(@align: flex-end);
		.ie-flex-align-items(flex-end);
	}
}
	.hover-style-one .rollover-project > a:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-color: rgba(0, 0, 0, 0.2);
		opacity: 0;
	}
	.mobile-false .hover-style-one .rollover-project:hover > a:after {
		opacity: 1;
	}
	.hover-style-one .rollover-content-container {
		margin-top: 10px;
		width: 100%;
	}
	.links-container,
	.rollover-thumbnails {
		.hover-style-one.always-show-info & {
			opacity: 0;
		}
		.hover-style-one.always-show-info .rollover-project:hover & {
			opacity: 1;
		}
	}

/* #In the bottom
================================================== */
.cs-style-3 .rollover-project .rollover-content {
	opacity: 1;
}
.rollover-content {
	.cs-style-3 & {
		padding: 0;
	}
	.cs-style-3.content-align-centre & {
		.flex-display(@display: flex);
		.flex-wrap(@wrap: wrap);
		.align-content(@align: flex-end);
		.ie-flex-align-content(flex-end);

		.justify-content(@justify: center);
		.ie-flex-justify-content(center);

		.align-items(@align: flex-end);
		.ie-flex-align-items(flex-end);
	}
}
.cs-style-3 .rollover-project > a {
	position: relative;
	display: block;
	-webkit-transition: -webkit-transform 0.4s;
	transition:			transform 0.4s;
}
.mobile-false .cs-style-3 .rollover-project:hover > a {
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
	.hover-style-three .rollover-project > a:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-color: rgba(0, 0, 0, 0.2);
		opacity: 0;
	}
	.mobile-false .hover-style-three .rollover-project:hover > a:after,
	.mobile-true .hover-style-three .rollover-project.is-clicked > a:after {
		opacity: 1;
	}

.mobile-false .scale-on-hover .hover-style-three a.rollover:hover > img {
	-webkit-transform: none;
	transform: none;
}
.rollover-content-container {
	.cs-style-3.content-align-left & {
		position: absolute;
		bottom: 0;
	}
	.cs-style-3 & {
		width: 100%;
		padding: 15px 20px 5px;
		background-color: #1e1e1e;
	}
}

	.mobile-false .cs-style-3 .rollover-content-container {
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		transition:			transform 0.4s, opacity 0.1s 0.3s;
		-ms-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	.cs-style-3 .rollover-project:hover .rollover-content-container,
	.mobile-false .cs-style-3 .dt-owl-item:hover .rollover-content-container,
	.mobile-true .cs-style-3 .is-clicked .rollover-content-container,
	.mobile-true .cs-style-3 .dt-owl-item .rollover-content-container {
		opacity: 1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-ms-transition: -ms-transform 0.4s, opacity 0.1s;
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
	}
	.mobile-true .cs-style-3 .is-clicked .rollover-content {
		display: block;
	}
	.rollover-content {
		.mobile-true .cs-style-3.content-align-centre & {
			display: none;
		}
	}
	.rollover-content.is-clicked {
		.cs-style-3.content-align-centre & {
			.flex-display(@display: flex);
		}
	}
		.cs-style-3 .rollover-thumbnails {
			opacity: 0;
			margin-bottom: 20px;
		}
		.mobile-false .cs-style-3 .links-container {
			opacity: 0;
		}
		.cs-style-3 .links-container {
			margin-bottom: 15px;
		}

		.mobile-false .cs-style-3 .rollover-project:hover .links-container,
		.mobile-false .cs-style-3 .rollover-project:hover .rollover-thumbnails,
		.mobile-false .cs-style-3 .dt-owl-item:hover .links-container {
			opacity: 1;
		}
		.mobile-false .cs-style-3 .links-container,
		.cs-style-3 .rollover-project .rollover-thumbnails {
			-webkit-transition: opacity 400ms ease;
			transition:      opacity 400ms ease;
		}
		.mobile-true .cs-style-3 .links-container {
			-webkit-transition: opacity 0.1s 0.3s;
			transition:      opacity 0.1s 0.3s;
		}
		.cs-style-3 .rollover-content * {
			color: #fff !important;
		}

		.accent-gradient .cs-style-3 .rollover-content .entry-title a {
			-webkit-backface-visibility: hidden;
			background-image: none;
		}

/* #Background & animated lines
================================================== */

/*---------------*/
/***** Layla *****/
/*---------------*/

	.wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {
		.mobile-false & {
			position: absolute;
			left: 0;
			top: 50%;
			width: calc(~'100% + 40px');
			max-width: calc(~'100% + 40px');
		}
		.filter-grayscale &,
		.filter-grayscale-static & {
			top: 0;
			width: 100%;
			max-width: 100%;
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
	}

	.effect-layla .rollover-content {
		display: block;
		padding: 35px 45px;
		opacity: 1;
		text-align: center;
		&:hover {
			padding: 35px 45px;
		}
	}
		.effect-layla .rollover-content:before,
		.effect-layla .rollover-content:after {
			position: absolute;
			content: '';
			opacity: 0;
		}

		.effect-layla .rollover-content:before {
			top: 25px;
			right: 15px;
			bottom: 25px;
			left: 15px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			-ms-transform: scale(0,1);
			-webkit-transform: scale(0,1);
			transform: scale(0,1);
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
		}

		.effect-layla .rollover-content:after {
			top: 15px;
			right: 25px;
			bottom: 15px;
			left: 25px;
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			-ms-transform: scale(1,0);
			-webkit-transform: scale(1,0);
			transform: scale(1,0);
			-ms-transform-origin: 100% 0;
			-webkit-transform-origin: 100% 0;
			transform-origin: 100% 0;
		}

.effect-layla .entry-title,
.effect-layla .links-container,
.effect-layla .rollover-thumbnails {
	-ms-transition: -ms-transform 0.35s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.effect-layla:not(.always-show-info) .entry-title,
.effect-layla:not(.always-show-info) .links-container,
.effect-layla:not(.always-show-info) .rollover-thumbnails {
	opacity: 0;
	-ms-transition: -ms-transform 0.35s, opacity 0.35s;
	-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
	transition: transform 0.35s, opacity 0.35s;
}

.effect-layla p,
.effect-layla .entry-meta {
	opacity: 0;
	-webkit-transform: translate3d(0,-15px,0);
	transform: translate3d(0,-15px,0);
}

.entry-title,
.links-container,
.rollover-thumbnails {
	.effect-layla & {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	.always-show-info.effect-layla & {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
}

.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project > a > img {
	-webkit-transform: translate3d(-20px,-50%,0);
	transform: translate3d(-20px,-50%,0);
}

.effect-layla .rollover-project > a > img,
.effect-layla .rollover-content:before,
.effect-layla .rollover-content:after,
.effect-layla p,
.effect-layla .entry-meta {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.effect-layla .links-container,
.effect-layla .entry-meta {
	position: relative;
	z-index: 10;
}

 > a > img {
	.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project:hover & {
		-webkit-transform: translate3d(-20px, calc(~'-50% + 10px'), 0);
		transform: translate3d(-20px, calc(~'-50% + 10px'), 0);
	}
	.mobile-true .filter-grayscale .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked &,
	.mobile-true .filter-grayscale-static .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked &,
	.mobile-true .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked & {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
 > a > img {
	.mobile-false .effect-layla.hover-color-static .rollover-project:hover &,
	.mobile-true .effect-layla.hover-color-static .rollover-project.is-clicked & {
		opacity: 0.3;
	}
}
figcaption::before,
figcaption::after {
	.mobile-false .effect-layla .rollover-project:hover &,
	.mobile-true .effect-layla .rollover-project.is-clicked & {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.entry-title,
p,
.entry-meta,
.links-container,
.rollover-thumbnails {
	.mobile-false .effect-layla .rollover-project:hover &,
	.mobile-true .effect-layla .rollover-project.is-clicked & {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.rollover-content:after,
.entry-title,
.links-container,
.rollover-thumbnails,
p,
a > img,
.entry-meta {
	.mobile-false.mobile-false .effect-layla .rollover-project:hover &,
	.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked & {
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}
}

/*---------------*/
/***** Bubba *****/
/*---------------*/
.rollover-project > a > img {
	.effect-bubba & {
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}
}
.mobile-false .effect-bubba.hover-color-static .rollover-project:hover > a > img,
.mobile-true .effect-bubba.hover-color-static .rollover-project.is-clicked > a > img,
.mobile-false.effect-bubba.hover-color-static .rollover-project:hover > a > .blur-effect {
	opacity: 0.3;
}
.effect-bubba .rollover-content {
	display: block;
	padding: 35px 45px;
	text-align: center;
	opacity: 1;
}
.effect-bubba .rollover-content:before,
.effect-bubba .rollover-content:after {
	position: absolute;
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: 25px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-bubba .rollover-content:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.effect-bubba .rollover-content:after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.effect-bubba:not(.always-show-info) .rollover-content .entry-title,
.effect-bubba:not(.always-show-info) .rollover-content .links-container,
.effect-bubba:not(.always-show-info) .rollover-content .rollover-thumbnails {
	opacity: 0;
	-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
	transition: transform 0.35s, opacity 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

.effect-bubba .rollover-content p,
.effect-bubba .rollover-content .entry-meta {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
.effect-bubba .links-container,
.effect-bubba .entry-meta {
	position: relative;
	z-index: 10;
}
.rollover-content:before,
.rollover-content:after {
	.mobile-false.mobile-false .effect-bubba .rollover-project:hover &,
	.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked & {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.entry-title,
.links-container,
.rollover-thumbnails,
p,
.entry-meta {
	.mobile-false.mobile-false .effect-bubba .rollover-project:hover &,
	.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked & {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/*---------------*/
/***** Sarah *****/
/*---------------*/
.wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {
	.mobile-false & {
		position: absolute;
		top: 50%;
		left: 0;
		width: calc(~'100% + 20px');
		max-width: calc(~'100% + 20px');
	}
	.filter-grayscale &,
	.filter-grayscale-static & {
		top: 0;
		width: 100%;
		max-width: 100%;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
.rollover-project > a > img {
	.effect-sarah & {
		max-width: none;
		width: -webkit-calc(~'100% + 20px');
		width: calc(~'100% + 20px');
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-10px,-50%, 0);
		transform: translate3d(-10px,-50%,0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.jg-container.effect-sarah &,
	.slider-wrapper.effect-sarah &,
	.mobile-true .effect-sarah &  {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.slider-wrapper.effect-sarah & {
		width: 100%;
	}
}

> a > img {
	.mobile-false.mobile-false .effect-sarah.hover-color-static .rollover-project:hover &,
	.mobile-true.mobile-true .effect-sarah.hover-color-static .rollover-project.is-clicked & {
		opacity: 0.3;
	}
	.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project:hover &,
	.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked & {
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
	}
}
.effect-sarah .rollover-content {
	display: block;
	padding: 25px 40px;
	text-align: left;
	opacity: 1;
}
	.effect-sarah .rollover-content .links-container {
		text-align: left;
	}
	.rollover-content .entry-title,
	.rollover-content .links-container,
	.rollover-content .rollover-thumbnails {
		.effect-sarah:not(.always-show-info) & {
			opacity: 0;
			-webkit-transition: opacity 0.35s;
			transition: opacity 0.35s;
		}
	}
	.rollover-content .entry-title {
		.effect-sarah & {
			position: relative;
			overflow: hidden;
			padding: 0 0 15px;
			margin-bottom: 15px;
		}
	}

	.effect-sarah .rollover-content .entry-title:after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: #fff;
		content: '';
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(-101%,0,0);
		transform: translate3d(-100%,0,0);
	}

	.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title,
	.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title {
		&:after {
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
		opacity: 1;
	}
	.links-container,
	.rollover-thumbnails {
		.mobile-false.mobile-false .effect-sarah .rollover-project:hover &,
		.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked & {
			opacity: 1;
		}
	}

	.effect-sarah .rollover-content p,
	.effect-sarah .rollover-content .entry-meta {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}

	p,
	.entry-meta {
		.mobile-false.mobile-false .effect-sarah .rollover-project:hover &,
		.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked & {
			opacity: 1;
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
	}
	.rollover-video i:after {
		.portfolio.small-hover-icons &,
		.albums.small-hover-icons &,
		.small-hover-icons .dt-portfolio-shortcode &,
		.small-hover-icons .dt-albums-shortcode & {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
		}
		.portfolio.large-hover-icons &,
		.albums.large-hover-icons &,
		.large-hover-icons .dt-portfolio-shortcode &,
		.large-hover-icons .dt-albums-shortcode & {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
		}
	}
	.instagram-photos.dt-gallery-container .rollover.rollover-small i:after {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
	}
	.instagram-photos.dt-gallery-container .rollover.rollover-small i:after {
		background-position: center center;
		background-repeat: no-repeat;
	}

	/*Albums -> Show image miniatures (hover styling)*/
	.rollover-thumbnails {
		position: relative;
		display: -ms-flexbox; // IE10
		.buttons-on-img &,
		.description-under-image & {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			margin: 0;
			z-index: 9;
		}
		.album-minuatures-style-1 & {
			width: 142px;
			height: 116px;
		}
		.album-minuatures-style-2 & {
			width: 170px;
			height: 70px;
		}
		.content-align-left-bottom.hover-style-two &,
		.hover-style-one.content-align-left &,
		.hover-style-three.content-align-left & {
			position: absolute;
			display: block;
			top: 15px;
			right: 17px;
		}
		.content-align-left-top.hover-style-two & {
			position: absolute;
			display: block;
			bottom: 14px;
			right: 17px;
		}
	}
	.rollover-project .rollover-thumbnails {
		.effect-layla &,
		.effect-bubba &,
		.effect-sarah & {
			display: inline-block;
			margin-bottom: -5px;
			margin-top: 15px;
		}
		margin-top: 5px;
		margin-bottom: 5px;
		/*opacity: 1;*/
	}
	.disabled-hover-icons .blog-media .rollover-thumbnails {
		display: none;
	}
	.mobile-false .buttons-on-img:hover .rollover-thumbnails,
	.mobile-false .rollover:hover .rollover-thumbnails,
	.mobile-true .rollover.is-clicked .rollover-thumbnails {
		opacity: 1;
	}

		.rollover-thumbnails span {
			position: absolute;
			top: 0;
			left: 0;
			.album-minuatures-style-1 & {
				width: 90px;
				height: 90px !important;
			}
			.album-minuatures-style-2 & {
				top: 0;
				left: 0;
				width: 69px;
				height: 69px !important;
			}
			border: 3px solid #fff;
			-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.15);
			box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.15);
			// box-sizing: border-box;
			.box-sizing (border-box);
		}
		.rollover-thumbnails span,
		.rollover-thumbnails span img {
			.static-border-radius;
		}
		.rollover-thumbnails span img {
			min-height: 63px;
		}
		.rollover-thumbnails .r-thumbn-1 {
			.album-minuatures-style-1 & {
				top: 25px;
				left: 49px;
			}
			.album-minuatures-style-2 & {}
			z-index: 102;
		}
		.rollover-thumbnails .r-thumbn-2 {
			.album-minuatures-style-1 & {
				top: 0;
				left: 42px;
				width: 50px;
				height: 50px !important;
			}
			.album-minuatures-style-2 & {
				left: 49px;
			}
			z-index: 100;
		}
		.rollover-thumbnails .r-thumbn-3 {
			.album-minuatures-style-1 & {
				top: 29px;
				left: 0px;
				width: 70px;
				height: 70px !important;
				z-index: 101;
			}
			.album-minuatures-style-2 & {
				left: 98px;
				z-index: 99;
			}
		}
			.rollover-thumbnails span i {
				display: none !important;
			}
		#page .rollover-thumbnails img {
			max-width: 100%;
		}
		.rollover.rollover-thumbnails-on i:after,
		.albums .rollover.rollover-thumbnails-on i:after,
		.dt-albums-shortcode .rollover.rollover-thumbnails-on i:after {
			display: none;
		}
// .shortcode-photo-slider[data-img-mode="fit"] img {
// 	max-width: 100%;
// 	height: auto;
// }
/*.slider-wrapper.owl-carousel .owl-stage {

    -webkit-backface-visibility: hidden;
}*/
/*.slider-wrapper.owl-carousel .dt-owl-item {
	.flex-display(@display: flex);
}*/
// .related-projects.owl-carousel .owl-stage {
// 	margin: 0 auto;
// }
.related-projects .project-list-content {
	padding-top: 5px;
}
.related-projects .project-list-content h3,
.related-projects .portfolio-categories {
	margin-bottom: 8px;
}
.owl-nav a,
.owl-nav a i {
	#page .related-projects & {
		width: 36px;
	    height: 36px;
	    border-width: 0px;
	    border-style: solid;
	    border-radius: 500px;
	    opacity: 1;
	}
}
.slider-wrapper.arrows-accent.related-projects .owl-nav a:hover i,
.arrows-accent.slider-wrapper.related-projects .owl-nav a:hover i:before {
	color: rgba(255,255,255,0.75) !important;
}

.related-projects a.owl-prev {
    top: 50%;
    transform: translateY(calc(-50% + 0px));
    left: -43px;
}
.related-projects a.owl-next {
    top: 50%;
    transform: translateY(calc(-50% + 0px));
    right: -43px;
}
.owl-carousel.shortcode-photo-slider .owl-stage {

	.flex-display(@display: flex);
	.align-items(@align: center);
	.justify-content(@justify: center);
	.align-content(@align: stretch);
}
.owl-carousel.shortcode-photo-slider .dt-owl-item {
	overflow: hidden;
}

/* #Photos widget
========================================================================= */
.widget .instagram-photos {
	overflow: hidden;
	margin-bottom: 15px;
	padding-top: 5px;
}
	.instagram-photos a {
		position: relative;
		float: left;
		max-width: 115px;
		border-right: 2px solid transparent;
		border-bottom: 2px solid transparent;
		line-height: 0;
		opacity: 0;
		.box-sizing (border-box);
	}
	.widget .instagram-photos a {
		max-width: 77px;
	}
		.instagram-photos img {
			max-width: 100%;
			width: 100%;
 			height: auto;
		}
		.instagram-photos a i {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
		}
		.mobile-false .instagram-photos a:hover i {
			opacity: 1;
		}

/* #Portfolio
================================================== */

//Portfolio shortcodes

//Classic layout - show dividers
article {
	.portfolio-shortcode & {
		.flex-display(@display: flex);
		.align-items(@align: flex-start);
	}
	.mode-masonry:not(.bottom-overlap-layout-list).portfolio-shortcode &,
	.mode-grid:not(.bottom-overlap-layout-list).portfolio-shortcode & {
		.flex-flow( column nowrap);
		.align-items(@align: stretch);
	}
	.bottom-overlap-layout-list.portfolio-shortcode &  {
		.flex-flow( column nowrap);
		.align-items(@align: center);
	}
	.gradient-overlay-layout-list.mode-grid.portfolio-shortcode &,
	.content-rollover-layout-list.mode-grid.portfolio-shortcode & {
		height: auto;
	}
	.hover-grid &,
	.hover-grid-reverse & {
		position: relative;
		overflow: hidden;
	}
	.gradient-overlay-layout-list.portfolio-shortcode & {
		overflow: hidden;
		transform: translateZ(0);
	}
}

.portfolio-shortcode.scale-img .post-thumbnail-rollover,
.portfolio-shortcode.quick-scale-img .post-thumbnail-rollover {
	transform: translateZ(0);
}
	//IMG
	.post-thumbnail-wrap {
		.portfolio-shortcode & {
			position: relative;
			width: 100%;
			.box-sizing (border-box);
			-ms-flex: 0 0 auto;
		}
	}
	.post-thumbnail {
		.portfolio-shortcode & {
			position: relative;
			display: block;

			& .alignleft {
				margin: 0;
			}
			& .alignnone {
				margin-bottom: 0;
			}
		}
		.portfolio-shortcode .format-gallery & {
			width: 100%;
		}
	}
				.post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
					width: 100%;
					.portfolio-shortcode.scale-img & {
						-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.35s;
						transition: transform 0.3s ease-out, opacity 0.35s;
						-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
					}
					.portfolio-shortcode.quick-scale-img & {
						-webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s;
						transition: transform 0.25s ease-out, opacity 0.25s;
						-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
					}
					
				 }

				.post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover:hover img,
				.post-thumbnail:not(.overlay-placeholder):hover img,
				.on-hover .post-thumbnail img  {
					.portfolio-shortcode.scale-img &,
					.quick-scale-img & {
					  -webkit-transform: scale(1.2);
					          transform: scale(1.2);
					  -webkit-transition: -webkit-transform 4s ease-out;
					          transition: transform 4s ease-out;
					}
				}
				.post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover:hover img,
				.post-thumbnail:not(.overlay-placeholder):hover img,
				.on-hover .post-thumbnail img  {
					.portfolio-shortcode.quick-scale-img & {
					  -webkit-transition: -webkit-transform 0.25s ease-out;
					          transition: transform 0.25s ease-out;
					}
				}
				 article:hover .post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
					.mobile-false .quick-scale-img.gradient-overlay-layout-list &,
					.mobile-false .quick-scale-img.content-rollover-layout-list &,
					.mobile-false .quick-scale-img.gradient-overlap-layout-list & {
					  -webkit-transform: scale(1.2);
					          transform: scale(1.2);
					  -webkit-transition: -webkit-transform 0.25s ease-out;
					          transition: transform 0.25s ease-out;
					}
				}
				 article.is-clicked .post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
					.mobile-true .quick-scale-img.gradient-overlay-layout-list &,
					.mobile-true .quick-scale-img.content-rollover-layout-list & {
					  -webkit-transform: scale(1.2);
					          transform: scale(1.2);
					  -webkit-transition: -webkit-transform 0.25s ease-out;
					          transition: transform 0.25s ease-out;
					}
				}
				 
					.gradient-overlap-layout-list.scale-img article:hover .post-thumbnail > .post-thumbnail-rollover  img {
					  -webkit-transform: scale(1.2);
					          transform: scale(1.2);
					  -webkit-transition: -webkit-transform 4s ease-out;
					          transition: transform 4s ease-out;
					}
		
	//Content
	.post-entry-content {

		.portfolio-shortcode & {
			position: relative;
			z-index: 10;
		}
		.gradient-overlap-layout-list.portfolio-shortcode & {
			position: relative;
			margin-top: -125px;
			z-index: 1;
			padding-top: 90px;
			&:before {
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
				width: 100%;
				height: 150px;
				content: "";
			}
		}
		.gradient-overlay-layout-list.portfolio-shortcode & {
			position: absolute;
			.flex-display(@display: flex);
			.justify-content(@justify: center);
			.flex-flow( column nowrap);
			background: none !important;
			width: 100%;
			min-height: 100%;
			left: 0;
			top: 0;
			overflow: hidden;
			//opacity: 0;
			-webkit-transition: opacity 0.35s;
	 		transition: opacity 0.35s;
	 		.mobile-true .hover-scale& {
	 			opacity: 0;
	 		}
	 		
		}
		.mobile-true .hover-scale.gradient-overlay-layout-list.portfolio-shortcode .is-clicked & {
 			opacity: 1;
 		}
		
 		.mobile-true .hover-scale article.is-clicked & {
 			opacity: 1;
 		}
		.content-rollover-layout-list.portfolio-shortcode & {
			height: auto;
		}
		.gradient-overlay-layout-list.hover-fade article & {
			opacity: 0;
			visibility: hidden;
			
			// -webkit-animation: fadeToNone 0.35s ease-out;
			//      	animation: fadeIToNone 0.35s ease-out;
		}
		.gradient-overlay-layout-list.hover-fade article:hover &,
		.gradient-overlay-layout-list.hover-fade article.is-clicked & {
			opacity: 1;
			visibility: visible;
			// -webkit-animation: fadeInFromNone 0.35s ease-out;
			//      	animation: fadeInFromNone 0.35s ease-out;
		}
		@-webkit-keyframes fadeInFromNone {
		    0% {
		    	visibility: hidden;
		        opacity: 0;
		    }

		    1% {
		    	visibility: visible;
		        opacity: 0;
		    }

		    100% {
		    	visibility: visible;
		        opacity: 1;
		    }
		}
		@keyframes fadeInFromNone {
		    0% {
		    	visibility: hidden;
		        opacity: 0;
		    }

		    1% {
		    	visibility: visible;
		        opacity: 0;
		    }

		    100% {
		    	visibility: visible;
		        opacity: 1;
		    }
		}
		@-webkit-keyframes fadeToNone {
		    0% {
		        opacity: 1;
		    }

		    1% {
		        opacity: 0;
		    }

		    100% {
		        opacity: 0;
		    	visibility: hidden;
		    }
		}
		@keyframes fadeToNone {
		    0% {
		        opacity: 1;
		    }

		    1% {
		        opacity: 0;
		    }

		    100% {
		        opacity: 0;
		    	visibility: hidden;
		    }
		}

		.mobile-false .hover-scale & {
			// background: none !important;
			// background-color: transparent;
			-webkit-transform: scale(0);
				transform: scale(0);
			-webkit-transition: -webkit-transform 0.25s cubic-bezier(.4,0,.2,1), opacity 0.25s;
					transition: transform 0.25s cubic-bezier(.4,0,.2,1), opacity 0.25s;
		}
		.mobile-false .hover-scale article:hover & {
			opacity: 1;
			-webkit-transform: scale(1);
					transform: scale(1);
		}
		.hover-grid &,
		.hover-grid-reverse & {
			opacity: 0;
		}
		.hover-grid article:hover &,
		.hover-grid-reverse article:hover &,
		.mobile-true .hover-grid .is-clicked &,
		.mobile-true .hover-grid-reverse .is-clicked & {
			opacity: 1;
		}
	}
.post-thumbnail-rollover:after {
	.mobile-false .hover-scale & {
		display: none;
	}
}

	.entry-excerpt {
		.portfolio-shortcode & {
			overflow: hidden;
		}
	}
	
	.post-entry-content .entry-title a,
	.post-entry-title-content .entry-title a {
		.portfolio-shortcode & {
			-webkit-transition: color 0.35s;
	 		transition: color 0.35s;
	 		.accent-gradient & {
        -webkit-transition: none;
        transition: none;
      }
		}
	}
	
	.entry-meta {
		.portfolio-shortcode & {
			padding: 0;
			& a:hover {
				text-decoration: none;
			}
			& > span a {
				display: inline-block;
			}
			& a:hover {
				text-decoration: underline;
			}
		}
	}
		.entry-meta * {
			.portfolio-shortcode & {
				color: inherit;
			}
		}
			.entry-meta > a:after,
			.entry-meta > span:after {
				.portfolio-shortcode & {
				    right: 0;
				    width: 3px;
				    height: 3px;
					top: 50%;
				  -webkit-transform: translateY(-50%);
				  transform: translateY(-50%);
				    content: "";
				}
			}
			.entry-meta > .data-link:hover {
				.portfolio-shortcode & {
					text-decoration: none;
				}
			}

.project-links-container {
	.post-thumbnail-wrap &,
	.post-entry-content & {
		
		.flex-display(@display: flex);
		.align-items(@align: center);
		.justify-content(@justify: center);
		.gradient-overlap-layout-list & {
			height: calc(100% ~'-' 125px);
		}
		.content-rollover-layout-list:not(.content-align-center) &,
		.gradient-overlay-layout-list:not(.content-align-center) & {
			.justify-content(@justify: flex-start);
		}
			& a {
			    position: relative;
			    font-size: 0;
			    line-height: 0;
				opacity: 0;
				text-align: center;
			    -webkit-transition: opacity 300ms ease;
			    transition: opacity 300ms ease;
				-webkit-backface-visibility: hidden;
		    &:before,
		    &:after {
		    	position: absolute;
		    	background: none;
			    border-style: solid;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				content: "";
				box-sizing: border-box;
				-webkit-border-radius: inherit;
				border-radius: inherit;
				-webkit-transition: opacity 0.250s;
				transition: opacity 0.250s;
				-webkit-backface-visibility: hidden;
				.disable-icon-hover-bg & {
					-webkit-transition: none;
					transition: none;
				}
		    }
		    &:before,
			&:hover:after {
				opacity: 1;
			}
			&:after,
			&:hover:before {
				opacity: 0;
			}
			& > span {
				position: relative;
				z-index: 2;
				-webkit-transition: color 0.250s;
				transition: color 0.250s;
			}
		    .gradient-overlay-layout-list & {
		    	opacity: 1;
		    }
		}
	}
	.post-thumbnail-wrap & {
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
	}
}
.portfolio-shortcode .post-thumbnail:hover > .post-thumbnail-rollover:after,
.mobile-true .portfolio-shortcode .is-clicked .post-thumbnail > .post-thumbnail-rollover:after,
.gradient-overlap-layout-list.portfolio-shortcode article:hover  .post-thumbnail-rollover:after,
.mobile-true .gradient-overlap-layout-list.portfolio-shortcode .is-clicked  .post-thumbnail-rollover:after  {
	opacity: 1;
}

.project-links-container a {
	.post-entry-content:hover &,
	.post-thumbnail:hover &,
	.gradient-overlap-layout-list article:hover & {
		opacity: 1;

	}
}
.slider-simple {
	background: #262626;
}
.slider-simple .slide-item,
.slider-masonry .slide-item {
	.flex-display(@display: flex);
	.flex-flow(column nowrap);
}
.slider-simple .dt-owl-item,
.slider-masonry .dt-owl-item {
	.flex-display(@display: flex);
	.justify-content(@justify: center);
	.align-items(@align: center);
	overflow: hidden;
}

.album-share-overlay .share-button.entry-share {
				text-indent: -9999px;
			}
				.album-share-overlay .share-button.entry-share {
					margin: 0;
					background-position: center center;
					background-repeat: no-repeat;
				}
					.album-share-overlay .soc-ico {
						position: absolute;
						z-index: 999;
						visibility: hidden;
						overflow: visible;
						opacity: 0;
						left: 0;
						bottom: 46px;
						width: 36px;
						background-color: #fff;
					}
						.album-share-overlay .soc-ico:after {
							position: absolute;
							left: 50%;
							margin-left: -5px;
							bottom: -5px;
							width: 0;
							height: 0;
							border-left: 5px solid transparent;
							border-right: 5px solid transparent;
							border-top: 5px solid white;
							content: "";
						}
						.album-share-overlay .soc-ico a {
							display: none;
							width: 100%;
							margin: 5px auto;
							background: none !important;
						}
						.mobile-false .album-share-overlay .soc-ico a.whatsapp {
						  display: none;
						}
						#page .album-share-overlay .soc-ico a {
							box-shadow: none;
						}
						.album-share-overlay .soc-ico a:hover {
							background: none !important;
							opacity: 0.6;
						}
							.album-share-overlay .soc-ico a:before,
							.album-share-overlay .soc-ico a:after {
								display: none;
							}
							#page .album-share-overlay .soc-ico a .soc-font-icon,
							#page .album-share-overlay .soc-ico a:hover .soc-font-icon {
								color: #000;
							}

						/*Share and Link*/

			.album-share-overlay {
				position: relative;
			}
			.album-share-overlay,
			.photo-scroller .btn-project-link,
			.album-share-overlay .share-button.entry-share {
				float: left;
				width: 32px;
				height: 32px;
				padding: 0;
				margin: 0 5px 5px 0;
			}
			.photo-scroller .btn-project-link,
			.album-share-overlay .share-button.entry-share {
				background-color: rgba(0, 0, 0, 0.4);
				// -webkit-border-radius: 50%;
				// border-radius: 50%;
				.static-border-radius;
				&:hover {
					opacity: 0.7;
					background-color: rgba(0, 0, 0, 0.4);
				}
			}
			.photo-scroller .album-share-overlay .share-button.entry-share {
				width: 36px;
				height: 36px;
				background-color: rgba(0, 0, 0, 0.4);
				&:hover {
					opacity: 0.7;
					background-color: rgba(0, 0, 0, 0.4);
				}
			}
.photoSlider .video-icon,
				.rsPlayBtn {
					position: absolute;
					top: 50%;
					left: 50%;
					width:80px;
					height:80px;
					margin-left:-40px;
					margin-top:-40px;
					background-color: #000;
					background-color: rgba(0,0,0,0.4);
					background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-position: 30px center;
					// -webkit-border-radius:	50%;
					// border-radius:			50%;
					.static-border-radius;
					-webkit-transition: opacity 400ms ease;
					transition:      opacity 400ms ease;
				}
				.photo-scroller .ps-link {
					opacity: 0;
					background-color: rgba(0,0,0,0.4);
					-webkit-transition: opacity 400ms ease;
					transition:      opacity 400ms ease;
				}
				.ps-center-btn,
				.rsBtnCenterer {
					position: absolute;
					left: 50%;
					top: 50%;
					width: 91px;
					height: 91px;
					margin: -45px 0 0 -45px;
				}
				.ps-center-btn.BtnCenterer,
				.rsBtnCenterer.with-link {
					width: 200px;
					margin: -45px 0 0 -100px;
				}
				.photoSlider .ps-center-btn.BtnCenterer .video-icon,
				.photoSlider .ps-center-btn.BtnCenterer .ps-link,
				.rsBtnCenterer .rsPlayBtn {
					position: relative;
					top: 0;
					left: 0;
					display: inline-block;
					margin: 0 5px;
				}
				#page .photo-scroller .photoSlider .video-icon:hover,
				#page .photo-scroller .act .ps-link:hover,
				.rsPlayBtn:hover {
					background-color: rgba(0,0,0,0.4);
					opacity: 0.7 !important;
				}

	.slider-content.logo-items .dt-owl-item {
		text-align: center;
	}

/*Gallery*/
.gallery-shortcode img {
	max-width: 100%;
	height: auto;
}