/***
 *
 * Variables
 *
***/

	@import '_variables.less';

/***
 *
 * Useful Mixins
 *
***/

	.opacity (@opacity) {
	    @opacityPercentage: @opacity * 100;
	    opacity: @opacity;
	    //-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))"; 
	    filter: ~"alpha(opacity = (@{opacityPercentage}))";
	}

	.iv_icon_social_auto( @bg ) {
		// Circle
		.ivan-font-stack {
			.stack-holder {
				color: @bg;
			}

			.main-icon {
				color: #fff;
			}

			&.with-link:hover {
				.stack-holder {
					color: darken(@bg, 10%);
				}
			}
		}

		// Square
		.ivan-font-stack-square {
			background-color: @bg;
			text-align: center;

			i {
				color: #fff;
			}

			&.with-link:hover {
				background: darken(@bg, 10%);
			}
		}
	}

	.iv_btn_social_auto( @bg ) {
		background-color: @bg;
		color: #fff;
		border-color: @bg;

		hr {
			background-color: #fff;
		}

		&:hover {
			background-color: darken(@bg, 10%);
			border-color: darken(@bg, 10%);
			color: #fff;

			hr {
				background-color: #fff;
			}
		}
	}

	.iv_team_social_auto( @bg ) {
		background-color: @bg;
		color: #fff;

		&:hover {
			background-color: darken(@bg, 10%);
			color: #fff;
		}
	}

/***
 *
 * Fixes / Tweaks
 *
***/

p:empty {
	display: none;
}

.wpb_flexslider.flexslider {
	margin-bottom: 0;
}

body {
	overflow-x: hidden;
	width: 100%;
}

/***
 *
 * Module > Anything Carousel
 *
***/


/***
 *
 * Module > Staff Member
 *
***/

.ivan-staff-main {
	margin-bottom: @modules-margin-bottom;	
}

.ivan-staff-wrapper {

	.overlay {
		display: none;
		.lh-border-radius-simple( 5px );
	}

	.thumbnail {
		position: relative;
		overflow: hidden;

		.lh-border-radius-simple( 5px );

		img {
			display: inline-block;
			.lh-transition( all 500ms ease );
		}

	}

	// Center Alignment
	&.to-center {
		.infos {
			text-align: center;
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	// Outsite Infos
	.infos {

		padding: 15px 0;

		div:first-child {
			margin-top: 0px;
		}

		.name {
			font-size: 18px;
			line-height: 1.3;
			font-weight: 700;
			color: @heading-color;
			margin: 0;
		}

		.job-title {
			margin-top: 2px;
			font-size: 11px;
			line-height: 1.3;
			color: @text-color;
			//text-transform: uppercase;
			font-weight: 400;
		}

		.description {
			margin-top: 10px;
			color: @text-color;
			font-size: 13px;
			line-height: 1.84;
		}

		hr {
			margin: 15px auto;
			width: 20%;
			border: none;
			height: 3px;
			background: rgba(0,0,0,0.07);
		}

	} // Outside Ends

	// Social Icons
	.social-icons {
		margin: 15px 0 0;

		a {
			display: inline-block;
			margin: 0 5px 2px;
			font-size: 18px;
			color: @text-color;

			&:hover {
				color: @primary;
			}
		}
	}

	// Main Flip Side
	.in-infos-holder {
		position: absolute;
		bottom: 25px;
		width: 100%;
		.lh-transition( all 0.3s ease );

		text-align: center;

		.name {
			font-size: 18px;
			line-height: 1.3;
			font-weight: 700;
			color: #fff;
			margin: 0;
		}

		.job-title {
			margin-top: 2px;
			font-size: 11px;
			line-height: 1.3;
			color: #fff;
			//text-transform: uppercase;
			font-weight: 400;
		}
	}

	// Social and Content Flip Side
	.in-flip-holder {
		position: absolute;
		bottom: -200%;
		width: 100%;
		text-align: center;

		.lh-transition( all 0.3s ease );

		.description {
			margin-bottom: 8px;
			color: #bddaf5;
			font-size: 13px;
			line-height: 1.84;
			padding: 0 20px;
		}

		&:last-child {
			margin-bottom: 0;
		}

		.social-icons {
			margin: 0;

			a {
				color: #bddaf5;
				font-size: 26px;

				&:hover {
					color: #fff;
				}
			}
		} // social-icons
	}

	&.social-auto {
		.in-flip-holder {
			.social-icons {
				a {
					color: #fff;
					font-size: 18px;
				}
			}
		}
	}

	&.has-flip .thumbnail:hover, &.has-flip.hover {
		.in-infos-holder {
			bottom: 102%;
		}

		.in-flip-holder {
			bottom: 25px;
		}
	}

	// Effect: Overlay
	&.overlay-enabled {
		.overlay {
			display: block;
			background: rgba(66, 127, 184, .8);
			text-align: center;

			position: absolute;
			top: 0;
			bottom: left;
			width: 100%;
			height: 100%;

			.lh-transition( opacity 300ms ease );

			.opacity( 0 );
		}

		&:hover {
			.overlay {
				.opacity( 1 );
			}
		}
	}

	/*&.overlay-enabled .thumbnail {
		background-color: #2B333B;
		
		img {
			.opacity(0.65);
		}
	}

	&.overlay-enabled:hover {
		.thumbnail img {
			.opacity(1);
		}
	}*/

	// Opacity Effect
	&.opacity-enabled img {
		.opacity(0.65);
	}

	&.opacity-enabled:hover, &.opacity-enabled.hover {
		img {
			.opacity(1);
		}
	}

	// Grayscale Effect
	&.gray-enabled img {
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
	}

	&.gray-enabled:hover, &.gray-enabled.hover {
		img {
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter: grayscale(0);
			-ms-filter: grayscale(0);
		}
	}

	// Effect Social Auto
	&.social-auto {
		.sa {
			width: 30px;
			height: 30px;
			line-height: 30px;

			.lh-box-sizing( content-box );

			.lh-border-radius-simple(100%);
			text-align: center;

			font-size: 14px;
			margin: 5px 3px 5px 3px;
			background: @gray-clean;
		}

		.sa-facebook, .sa-facebook-square { .iv_team_social_auto( @facebook ); }

		.sa-twitter, .sa-twitter-square { .iv_team_social_auto( @twitter ); }

		.sa-pinterest, .sa-pinterest-square { .iv_team_social_auto( @pinterest ); }

		.sa-linkedin, .sa-linkedin-square, .sa-envelope { .iv_team_social_auto( @linkedin ); }

		.sa-youtube, .sa-youtube-square, .sa-youtube-play  { .iv_team_social_auto( @youtube ); }

		.sa-instagram { .iv_team_social_auto( @instagram ); }
		.sa-flickr { .iv_team_social_auto( @flickr ); }
		.sa-tumblr, .sa-tumblr-square { .iv_team_social_auto( @tumblr ); }

		.sa-vk { .iv_team_social_auto( @vk ); }
		.sa-vimeo-square { .iv_team_social_auto( @vimeo-green ); }

		.sa-google, .sa-google-plus, .sa-google-plus-square { .iv_team_social_auto( @google-plus ); }

		.sa-foursquare { .iv_team_social_auto( @foursquare ); }
		.sa-yahoo { .iv_team_social_auto( @yahoo ); }
		.sa-dribbble { .iv_team_social_auto( @dribbble ); }
		.sa-wordpress { .iv_team_social_auto( @wordpress ); }
		.sa-stumbleupon, .sa-stumbleupon-circle { .iv_team_social_auto( @stumbleupon ); }
		.sa-soundcloud { .iv_team_social_auto( @soundcloud ); }
		.sa-skype { .iv_team_social_auto( @skype ); }
		.sa-vine { .iv_team_social_auto( @vine ); }
		.sa-xing, .sa-xing-square { .iv_team_social_auto( @xing ); }
		.sa-weibo { .iv_team_social_auto( @weibo ); }
		.sa-tencent-weibo { .iv_team_social_auto( @tencent ); }
		.sa-twitch { .iv_team_social_auto( @twitch ); }
		.sa-renren { .iv_team_social_auto( @renren ); }
		.sa-git, .sa-git-square, .sa-github, .sa-github-alt, .sa-github-square, 
		.sa-bitbucket, .sa-bitbucket-square, .sa-behance, .sa-behance-square { .iv_team_social_auto( @git ); }

	}

	// Templates
	&.white-boxed {
		background: #fff;

		.thumbnail img, .overlay {
			.lh-border-radius-simple( 5px 5px 0px 0px );
		}

		.infos {
			padding: 20px 20px 25px;
		}
	}
	
}

/***
 *
 * Module > Call to Action
 *
***/

.ivan-call-action {
	position: relative;

	&.boxed {
		background-color: @gray-clean;
		.lh-border-radius(@call-border-radius);
		padding: 31px 40px 31px 40px;
	}

	// Columns...
	.ivan-call-action-inner {
		display: table;
		height: 100%;
		width: 100%;

		.call-action-text-holder {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
		}

		.call-action-btn-holder {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
			text-align: right;

			padding-left: 30px;

			.ivan-button, .buttons {
				white-space: nowrap;
			}
		}
	}

	// Normal Styles
	.call-action-text-inner {
		position: relative;
		display: table;
		height: 100%;
		width: auto;

		.call-action-icon-holder {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
			padding-right: 30px;
		}

		.call-action-heading-text-holder {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
		}

		.call-action-text {
			margin-top: 13px;
			color: @gray-normal;
		}

		.call-action-heading-text {
			margin: 0px;
			font-weight: 400;
			color: @heading-color;
		}
	}

	// Icons
	&.with-icon {

		.call-action-icon i {
			margin: 0;
			color: @heading-color;
		}

		&.small-icon {

			img {
				width: 25px;
			}

		}

		&.medium-icon {

			img {
				width: 35px;
			}

		}

		&.large-icon {

			img {
				width: 42px;
			}
		}

		&.very-large-icon {

			img {
				width: 56px;
			}
		}

		&.extra-large-icon {

			img {
				width: 70px;
			}
		}

	} // Icon Sizes

	// Scheme Gray
	&.gray-bg {
		&.with-icon .call-action-icon i {
			color: @gray-initial;
		}

		.call-action-text-inner .call-action-heading-text {
			color: @gray-initial;
		}

		.call-action-text-inner .call-action-text {
			color: @gray-initial;
		}
	}

	// Scheme Dark
	&.dark-bg {

		&.boxed {
			
			background-color: @dark-style;

			&.with-icon .call-action-icon i {
				color: @dark-color;
			}

			.call-action-text-inner .call-action-heading-text {
				color: @dark-color;
			}

			.call-action-text-inner .call-action-text {
				color: @dark-color;
			}
		}

		&.opaque {
			&.with-icon .call-action-icon i {
				color: @dark-style;
			}

			.call-action-text-inner .call-action-heading-text {
				color: @dark-style;
			}

			.call-action-text-inner .call-action-text {
				color: @dark-style;
			}
		}

	}

	// Scheme Light
	&.light-bg {
		&.boxed {
			
			background-color: transparent;
			padding: 0;
		}

		&.with-icon .call-action-icon i {
			color: #fff;
		}

		.call-action-text-inner .call-action-heading-text {
			color: #fff;
		}

		.call-action-text-inner .call-action-text {
			color: #fff;
		}
	}

	// Scheme Primary
	&.primary-bg {

		&.with-icon .call-action-icon i {
			color: @primary;
		}

	}

} // call to action

// Responsive Version of Module
@media (max-width: 480px) {

	.ivan-call-action {

		&.boxed {
			padding-left: 20px;
			padding-right: 20px;

			.ivan-call-action-inner .call-action-icon-holder {
				margin-bottom: 25px;
			}	
		}

		// Columns...
		.ivan-call-action-inner {

			display: block;
			height: auto;

			.call-action-text-holder {
				display: block;
				height: auto;
				vertical-align: initial;
			}

			.call-action-icon-holder {
				display: block;
				height: auto;
				vertical-align: initial;
				text-align: center;
				padding: 0;
				margin-bottom: 15px;
			}

			.call-action-heading-text-holder {
				display: block;
				height: auto;
				vertical-align: initial;
				text-align: center;
			}

			.call-action-btn-holder {
				margin-top: 20px;
				display: block;
				height: auto;
				
				text-align: center;

				padding-left: 0;

				.ivan-button {
					white-space: normal;
				}
			}
		} // .action-inner
	} // .ivan-call-to-action
}

/***
 *
 * Module > Dual Button
 *
***/

.ivan-dual-button {
	&.to-left {
		text-align: left;
	}
	&.to-right {
		text-align: right;
	}
	&.to-center {
		text-align: center;
	}

	position: relative;

	.buttons .ivan-button-wrapper {
		margin: 0;
		position: relative;

		&:first-child {

			.ivan-button {
				border-top-right-radius: 0px !important;
				border-bottom-right-radius: 0px !important;
			}
		}

		&:last-child {

			.ivan-button {
				border-top-left-radius: 0px !important;
				border-bottom-left-radius: 0px !important;
				
			}
		}
	}

	// Large Border
	&.large-borders {
		.buttons .ivan-button-wrapper {
			&:first-child {

				.ivan-button {
					border-width: 4px;
					border-right-width: 1px;
				}
			}

			&:last-child {

				.ivan-button {
					border-width: 4px;
					border-left-width: 1px;
				}
			}
		}
	}

	// Auto Border
	&.auto-borders {
		.buttons .ivan-button-wrapper {
			&:first-child {

				.ivan-button {
					border-right-width: 1px;
				}
			}

			&:last-child {

				.ivan-button {
					border-left-width: 1px;
				}
			}
		}
	}

	// Thin Borders
	&.thin-borders {
		.buttons .ivan-button-wrapper {
			&:first-child {

				.ivan-button {
					border-width: 1px;
					border-right-width: 1px;
				}
			}

			&:last-child {

				.ivan-button {
					border-width: 1px;
					border-left-width: 0px;
				}
			}
		}

		.middle-text {
			border-width: 1px;
			line-height: 23px;
		}
	}

	// No Borders
	&.no-borders {
		.buttons .ivan-button-wrapper {
			&:first-child {

				.ivan-button {
					border-width: 0px;
				}
			}

			&:last-child {

				.ivan-button {
					border-width: 0px;
				}
			}
		}

		.middle-text {
			border-width: 0px;
		}
	}

	.middle-text {

		display: block;

		position: absolute;
		top: 50%;
		right: 0;

		//margin: -13px -13px 0 0;

		.lh-transform( translate(50%, -50%) );

		height: 26px;
		width: 26px;
		line-height: 1;

		text-align: center;
		
		background: #fff;
		color: @gray-normal;

		.lh-box-sizing( content-box );

		.lh-border-radius-simple(100%);
		font-size: 11px;
		border: 2px solid @btn-border;

		font-weight: normal;
		z-index: 12;

		.lh-transition( border-color ease 500ms, background ease 500ms, color ease 500ms);

		.middle-inner {
			position: absolute;
			top: 50%;
			left: 50%;

			.lh-transform( translate(-50%, -50%) );

			line-height: 0.8em;
		}
	}

	// Scheme Gray
	.gray-bg {

		.middle-text {
			border-color: @gray-light;
			color: @gray-initial;
		}
	}

	// Scheme Dark
	.dark-bg {
		.middle-text {
			border-color: darken(@dark-style, 5%);
			background: darken(@dark-style, 5%);
			color: @dark-color;
		}
	}

	// Scheme Light
	.light-bg {
		.middle-text {
			border-color: #fff;
			color: @gray-darken;
		}
	}

	// Scheme Primary
	.primary-bg {
		.middle-text {
			border-color: rgba(0, 0, 0, 0.2);
			background-color: rgba(0, 0, 0, 0.2);
			color: #fff;
		}
	}
}

/***
 *
 * Module > Button
 *
***/

.ivan-button-align {
	&.to-left {
		text-align: left;
	}
	&.to-right {
		text-align: right;
	}
	&.to-center {
		text-align: center;
	}
}

.ivan-button-wrapper {

	display: inline-block;

	&.btn-block {
		display: block;

		.ivan-button {
			display: block;

			&.btn-desc {
				text-align: left;
			}
		}
	}
}

.ivan-button {

	/* Disable Below Code if you're using Bootstrap buttons*/
	display: inline-block;
	margin-bottom: 3px;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	position: relative;

	.lh-transition( border-color ease 500ms, background ease 500ms, color ease 500ms);

	font-size: @btn-size;
	font-weight: @btn-weight;
	line-height: 1.428571429;
	
	color: @btn-color;
	border: @btn-border-width solid @btn-border;
	background-color: @btn-bg;

	padding: @btn-medium-v-padding 0;

	hr {
		background-color: @btn-border;
		border: none;
		.lh-transition(background ease 150ms);
	}

	&:hover {
		background-color: @btn-bg-hover;
		border-color: @btn-border-hover;
		color: @btn-color-hover;

		hr {
			background-color: @primary-color;
			border: none;
		}
	}

	// Outline
	&.outline {
		border-width: @btn-border-width;
		background-color: transparent;
		color: @btn-color-outline;
		
		&:hover {
			border-color: @btn-border-hover;
			color: @btn-color-outline;

			hr {
				background-color: @btn-border-hover;
			}
		}
	}

	&.no-border {
		border-width: 0px;
		background-color: @gray-lighten;
		color: @btn-border;

		&:hover {
			background-color: @btn-bg-hover;
			border-color: @btn-border-hover;
			color: @btn-color-hover;
		}
	}

	// Border Radius
	&.square {
		.lh-border-radius-simple( 0px );
	}

	&.round {
		.lh-border-radius-simple( @btn-radius-round );
	}

	&.round-square {
		.lh-border-radius-simple( @btn-radius-round-square );
	}

	&.circular {
		.lh-border-radius-simple( 100% );

		padding: 0;

		width: @btn-medium-w;
		height: @btn-medium-h;

		// add padding in larger sizes...

		.center-holder {
			display: table;
			width: 100%;
			height: 100%;
		}

		.center-inner {
			display: table-cell;
			vertical-align: middle;
		}

		.icon-simple {
			display: block;
			padding: 0 0 5px 0;
			width: auto;
		}

		.text-btn {
			padding: 0;
			display: block;
		}

		&.only-icon {
			padding: 0;

			.icon-simple {
				padding: 0;
				font-size: @btn-medium-only-icon;
			}
		}
	}

	// Text
	.text-btn {
		display: inline-block;
		vertical-align: middle;
		padding: 0 @btn-medium-h-padding;
	}

	// Icon
	.icon-simple {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 0 @btn-medium-h-padding-half 0 @btn-medium-h-padding;
		font-size: @btn-medium-icon;
		//.lh-transition( color ease 250ms);
		position: relative;
		width: 1.5em;

		.lh-box-sizing( content-box );

		&.icon-text {
			width: auto;
		}
	}

	&.icon-before {

		.icon-simple {
			padding: 0 @btn-medium-h-padding-half 0 @btn-medium-h-padding-third;
		}

		.text-btn {
			padding-left: 0px;
		}
	}

	&.icon-after {

		.icon-simple {
			padding: 0 @btn-medium-h-padding-third 0 @btn-medium-h-padding-half;
		}

		.text-btn {
			padding-right: 0px;
		}
	}

	// Icon Cover Logic...
	&.icon-cover.with-icon {
		padding: 0px;

		.icon-simple {
			display: inline-block;
			vertical-align: middle;
			padding: @btn-medium-v-padding @btn-medium-h-padding-cover;
			background-color: rgba(0, 0, 0, 0.2);
		}

		&.icon-before {
			.text-btn {
				padding-left: @btn-medium-h-padding-cover;
			}
		}

		&.icon-after {
			.text-btn {
				padding-right: @btn-medium-h-padding-cover;
			}
		}
	}

	// Text Separator
	&.text-separator.with-icon {

		&.icon-before {
			.text-btn {
				border-left: 1px solid rgba(255,255,255,0.25);
				padding-left: @btn-medium-h-padding-half;
			}
		}

		&.icon-after {
			.text-btn {
				border-right: 1px solid rgba(255,255,255,0.25);
				padding-right: @btn-medium-h-padding-half;
			}
		}
	}

	// Icon Glow
	&.glow-icon .icon-simple i {
		text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 20px;
	}

	// Button Zoom
	&.button-zoom {
		.lh-transition( all ease 300ms );
		.lh-transform( scale(1) );

		&:hover {
			.lh-transform( scale(1.15) );
		}
	}

	// Only Icon
	&.only-icon {
		.icon-simple {
			padding-left: @btn-medium-h-padding-only-icon;
			padding-right: @btn-medium-h-padding-only-icon;
			line-height: 1;
		}
	}

	// Button with Description
	&.btn-desc {
		.text-btn-inner {
			display: block;
			vertical-align: middle;
			font-size: @btn-medium-desc-main;
		}

		.text-desc {
			display: block;
			vertical-align: middle;
			font-size: @btn-medium-desc-inner;
			font-weight: normal;
		}

		&.with-icon {
			.text-btn {
				text-align: left;
			}
		}
	}

	// Large
	&.large {
		font-size: @btn-large-size;
		padding: @btn-large-v-padding 0;

		&.circular {
			width: @btn-large-w;
			height: @btn-large-h;

			&.only-icon {
				.icon-simple {
					font-size: @btn-large-only-icon;
				}
			}
		}

		// Text
		.text-btn {
			padding: 0 @btn-large-h-padding;
		}

		// Icon
		.icon-simple {
			padding: 0 @btn-large-h-padding-half 0 @btn-large-h-padding;
			font-size: @btn-large-icon;
		}

		&.icon-before {
			.icon-simple {
				padding: 0 @btn-large-h-padding-half 0 @btn-large-h-padding-third;
			}

			.text-btn {
				padding-left: 0px;
			}
		}

		&.icon-after {
			.icon-simple {
				padding: 0 @btn-large-h-padding-third 0 @btn-large-h-padding-half;
			}

			.text-btn {
				padding-right: 0px;
			}
		}

		// Icon Cover Logic...
		&.icon-cover.with-icon {
			.icon-simple {
				padding: @btn-large-v-padding @btn-large-h-padding-cover;
			}

			&.icon-before {
				.text-btn {
					padding-left: @btn-large-h-padding-cover;
				}
			}

			&.icon-after {
				.text-btn {
					padding-right: @btn-large-h-padding-cover;
				}
			}
		}

		// Text Separator
		&.text-separator.with-icon {

			&.icon-before {
				.text-btn {
					padding-left: @btn-large-h-padding-half;
				}
			}

			&.icon-after {
				.text-btn {
					padding-right: @btn-large-h-padding-half;
				}
			}
		}

		// Only Icon
		&.only-icon {
			.icon-simple {
				padding-left: @btn-large-h-padding-only-icon;
				padding-right: @btn-large-h-padding-only-icon;
			}
		}

		// Button with Description
		&.btn-desc {
			.text-btn-inner {
				font-size: @btn-large-desc-main;
			}

			.text-desc {
				font-size: @btn-large-desc-inner;
			}
		}
		
	} // Large Size End

	// X Large
	&.x-large {
		font-size: @btn-x-large-size;
		padding: @btn-x-large-v-padding 0;

		&.circular {
			width: @btn-x-large-w;
			height: @btn-x-large-h;

			&.only-icon {
				.icon-simple {
					font-size: @btn-x-large-only-icon;
				}
			}
		}

		// Text
		.text-btn {
			padding: 0 @btn-x-large-h-padding;
		}

		// Icon
		.icon-simple {
			padding: 0 @btn-x-large-h-padding-half 0 @btn-x-large-h-padding;
			font-size: @btn-x-large-icon;
		}

		&.icon-before {
			.icon-simple {
				padding: 0 @btn-x-large-h-padding-half 0 @btn-x-large-h-padding-third;
			}

			.text-btn {
				padding-left: 0px;
			}
		}

		&.icon-after {
			.icon-simple {
				padding: 0 @btn-x-large-h-padding-third 0 @btn-x-large-h-padding-half;
			}

			.text-btn {
				padding-right: 0px;
			}
		}

		// Icon Cover Logic...
		&.icon-cover.with-icon {
			.icon-simple {
				padding: @btn-x-large-v-padding @btn-x-large-h-padding-cover;
			}

			&.icon-before {
				.text-btn {
					padding-left: @btn-x-large-h-padding-cover;
				}
			}

			&.icon-after {
				.text-btn {
					padding-right: @btn-x-large-h-padding-cover;
				}
			}
		}

		// Text Separator
		&.text-separator.with-icon {

			&.icon-before {
				.text-btn {
					padding-left: @btn-x-large-h-padding-half;
				}
			}

			&.icon-after {
				.text-btn {
					padding-right: @btn-x-large-h-padding-half;
				}
			}
		}

		// Only Icon
		&.only-icon {
			.icon-simple {
				padding-left: @btn-x-large-h-padding-only-icon;
				padding-right: @btn-x-large-h-padding-only-icon;
			}
		}

		// Button with Description
		&.btn-desc {
			.text-btn-inner {
				font-size: @btn-x-large-desc-main;
			}

			.text-desc {
				font-size: @btn-x-large-desc-inner;
			}
		}
	} // eXtra Large Size End

	// Compact
	&.compact {
		font-size: @btn-compact-size;
		padding: @btn-compact-v-padding 0;

		&.circular {
			width: @btn-compact-w;
			height: @btn-compact-h;

			&.only-icon {
				.icon-simple {
					font-size: @btn-compact-only-icon;
				}
			}
		}

		// Text
		.text-btn {
			padding: 0 @btn-compact-h-padding;
		}

		// Icon
		.icon-simple {
			padding: 0 @btn-compact-h-padding 0 @btn-compact-h-padding;
			font-size: @btn-compact-icon;
		}

		&.icon-before {
			.icon-simple {
				padding: 0 @btn-compact-h-padding 0 @btn-compact-h-padding;
			}

			.text-btn {
				padding-left: 0px;
			}
		}

		&.icon-after {
			.icon-simple {
				padding: 0 @btn-compact-h-padding 0 @btn-compact-h-padding;
			}

			.text-btn {
				padding-right: 0px;
			}
		}

		// Icon Cover Logic...
		&.icon-cover.with-icon {
			.icon-simple {
				padding: @btn-compact-v-padding @btn-compact-h-padding-cover;
			}

			&.icon-before {
				.text-btn {
					padding-left: @btn-compact-h-padding-cover;
				}
			}

			&.icon-after {
				.text-btn {
					padding-right: @btn-compact-h-padding-cover;
				}
			}
		}

		// Text Separator
		&.text-separator.with-icon {

			&.icon-before {
				.text-btn {
					padding-left: @btn-compact-h-padding;
				}
			}

			&.icon-after {
				.text-btn {
					padding-right: @btn-compact-h-padding;
				}
			}
		}

		// Only Icon
		&.only-icon {
			.icon-simple {
				padding-left: @btn-compact-h-padding-only-icon;
				padding-right: @btn-compact-h-padding-only-icon;
			}
		}

		// Button with Description
		&.btn-desc {
			.text-btn-inner {
				font-size: @btn-compact-desc-main;
				line-height: 1;
			}

			.text-desc {
				font-size: @btn-compact-desc-inner;
				line-height: 1;
			}
		}
	} // Compact Size End

	// Circular Mega
	&.circular-mega {
		&.circular {
			width: 160px;
			height: 160px;

			&.only-icon {
				.icon-simple {
					font-size: @btn-x-large-only-icon;
				}
			}

			.text-btn {
				padding: 0 10px;
			}

			hr {
				height: 2px;
				width: 20%;
				margin: 10px auto 10px;

				&:last-child {
					margin-bottom: 0px;
				}
			}
		}

	} // Circular Mega

	// Scheme Gray
	&.gray-bg {

		background-color: #fff;
		border-color: @gray-light;
		color: @gray-soften;

		hr {
			background-color: @gray-light;
		}

		&:hover {
			background-color: #fff;
			border-color: @gray-soft;
			color: @gray-initial;

			hr {
				background-color: @gray-initial;
			}
		}

		// Outline
		&.outline {
			background-color: transparent;

			&:hover {
				background-color: transparent;
			}
		}

		&.no-border {
			background-color: @gray-clean;

			&:hover {
				background-color: @gray-cleaning;
			}
		}

		&.with-icon.icon-cover {
			.icon-simple {
				color: #fff;
			}
		}

		&.text-separator.with-icon .text-btn {
			border-color: @gray-light;
		}
	}

	// Scheme Dark
	&.dark-bg {
		background-color: @dark-style;
		border-color: darken(@dark-style, 5%);
		color: @dark-color;

		hr {
			background-color: @dark-color;
		}

		&:hover {
			background-color: darken(@dark-style, 5%);
			border-color: darken(@dark-style, 5%);
			color: @dark-color;

			hr {
				background-color: @dark-color;
			}
		}

		// Outline
		&.outline {
			background-color: transparent;
			color: darken(@dark-style, 5%);

			hr {
				background-color: darken(@dark-style, 5%);
			}

			&:hover {
				background-color: transparent;
				color: darken(@dark-style, 5%);

				hr {
					background-color: darken(@dark-style, 5%);
				}
			}

			&.text-separator.with-icon .text-btn {
				border-color: lighten(@dark-style, 10%);
			}

			&.icon-cover.with-icon .icon-simple {
				background-color: darken(@dark-style, 5%);
			}
		}

		&.with-icon.icon-cover {
			.icon-simple {
				color: @dark-color;
			}
		}
	}

	// Scheme Light
	&.light-bg {
		background-color: #fff;
		border-color: #fff;
		color: @gray-normal;

		hr {
			background-color: @gray-normal;
		}

		&:hover {
			background-color: #fff;
			border-color: #fff;
			color: @gray-darken;

			hr {
				background-color: @gray-darken;
			}
		}

		// Outline
		&.outline {
			background-color: transparent;
			color: #fff;
			border-color: #fff;

			hr {
				background-color: #fff;
			}

			&:hover {
				background-color: transparent;
				color: #fff;
				border-color: #fff;

				hr {
					background-color: #fff;
				}
			}

			&.text-separator.with-icon .text-btn {
				border-color: #fff;
			}

			&.with-icon.icon-cover {
				.icon-simple {
					background-color: transparent;
					color: #fff;
				}

				&:hover {
					.icon-simple {
						color: #fff;
					}
				}
			}

			&.dark-op {
				background-color: rgba(0, 0, 0, 0.2);

				&:hover {
					background-color: rgba(0, 0, 0, 0.4);
				}
			}
		}

		&.with-icon.icon-cover {
			.icon-simple {
				color: @gray-normal;
			}

			&:hover {
				.icon-simple {
					color: @gray-darken;
				}
			}
		}

		&.icon-cover.with-icon .icon-simple {
			background-color: @gray-clean;
		}

		&.text-separator.with-icon .text-btn {
			border-color: @gray-clean;
		}
	}

	// Scheme Primary
	&.primary-bg {
		background-color: @primary;
		border-color: @primary;
		color: @primary-color;

		hr {
			background-color: @primary-color;
		}

		&:hover {
			background-color: darken(@primary, 5%);
			border-color: darken(@primary, 5%);
			color: @primary-color;

			hr {
				background-color: @primary-color;
			}
		}

		// Outline
		&.outline {
			background-color: transparent;
			color: darken(@primary, 5%);

			hr {
				background-color: darken(@primary, 5%);
			}

			&:hover {
				background-color: transparent;
				color: darken(@primary, 5%);

				hr {
					background-color: darken(@primary, 5%);
				}
			}

			&.text-separator.with-icon .text-btn {
				border-color:@primary;
			}

			&.icon-cover.with-icon .icon-simple {
				background-color: darken(@primary, 5%);
			}
		}

		&.with-icon.icon-cover {
			.icon-simple {
				color: @primary-color;
			}
		}
	} // primary-bg end

	// Social Auto Colors...
		&.sa-facebook, &.sa-facebook-square { .iv_btn_social_auto( @facebook ); }

		&.sa-twitter, &.sa-twitter-square { .iv_btn_social_auto( @twitter ); }

		&.sa-pinterest, &.sa-pinterest-square { .iv_btn_social_auto( @pinterest ); }

		&.sa-linkedin, &.sa-linkedin-square, &.sa-envelope { .iv_btn_social_auto( @linkedin ); }

		&.sa-youtube, &.sa-youtube-square, &.sa-youtube-play  { .iv_btn_social_auto( @youtube ); }

		&.sa-instagram { .iv_btn_social_auto( @instagram ); }
		&.sa-flickr { .iv_btn_social_auto( @flickr ); }
		&.sa-tumblr, &.sa-tumblr-square { .iv_btn_social_auto( @tumblr ); }

		&.sa-vk { .iv_btn_social_auto( @vk ); }
		&.sa-vimeo-square { .iv_btn_social_auto( @vimeo-green ); }

		&.sa-google, &.sa-google-plus, &.sa-google-plus-square { .iv_btn_social_auto( @google-plus ); }

		&.sa-foursquare { .iv_btn_social_auto( @foursquare ); }
		&.sa-yahoo { .iv_btn_social_auto( @yahoo ); }
		&.sa-dribbble { .iv_btn_social_auto( @dribbble ); }
		&.sa-wordpress { .iv_btn_social_auto( @wordpress ); }
		&.sa-stumbleupon, &.sa-stumbleupon-circle { .iv_btn_social_auto( @stumbleupon ); }
		&.sa-soundcloud { .iv_btn_social_auto( @soundcloud ); }
		&.sa-skype { .iv_btn_social_auto( @skype ); }
		&.sa-vine { .iv_btn_social_auto( @vine ); }
		&.sa-xing, &.sa-xing-square { .iv_btn_social_auto( @xing ); }
		&.sa-weibo { .iv_btn_social_auto( @weibo ); }
		&.sa-tencent-weibo { .iv_btn_social_auto( @tencent ); }
		&.sa-twitch { .iv_btn_social_auto( @twitch ); }
		&.sa-renren { .iv_btn_social_auto( @renren ); }
		&.sa-git, &.sa-git-square, &.sa-github, &.sa-github-alt, &.sa-github-square, 
		&.sa-bitbucket, &.sa-bitbucket-square, &.sa-behance, &.sa-behance-square { .iv_btn_social_auto( @git ); }

}

/***
 *
 * Module > Pricing Table
 *
***/

.ivan-pricing-table {
	
	text-align: center;
	margin-bottom: @modules-margin-bottom;

	ul {
		padding: 0;
		margin: 0;
		list-style: none;

		li:last-child {
			border-bottom-width: 0 !important;
		}
	}

	h3 {
		margin: 0;
		font-weight: bold;
		font-size: 22px;
		line-height: 1.3;
		color: @gray-dark;
		//text-transform: uppercase;
	}

	.plan-infos, li {
		color: @gray-normal;
		font-weight: 400;
		font-size: 13px;

		a {
			font-weight: bold;
			color: @gray-normal;

			&:hover {
				color: @gray-normal;
			}
		}
	}

	.content-section p {
		display: none;
	}

	a {
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	// Default Button Style
	.signup {
		display: inline-block;
		margin: 0;
		text-align: center;
		vertical-align: middle;

		.lh-transition( border-color ease 500ms, background ease 500ms, color ease 500ms );

		font-size: 13px;
		padding: 6px 15px;
		line-height: 1.428571429;
		font-weight: 700;
		text-transform: uppercase;

		.lh-user-select( none );
		
		.lh-border-radius-simple( @pricing-border-radius );

		color: @gray-normal;
		border: 2px solid @gray-normal;
		background-color: transparent;

		&:hover {
			background-color: transparent;
			color: @gray-dark;
			border-color: @gray-dark;
		}
	}

	// Featured Mark
	.featured-table-text {
		display: block;
		height: 40px;
		line-height: 40px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		background: @gray-light;
		color: #fff;
	}

	// Style default
	&.default {
		background-color: @gray-clean;

		.top-section {
			padding: 36px 0 0px;
			margin: 0 30px;
		}

		.plan-image, .plan-title, .plan-infos {
			padding: 5px 5px;
		}

		.plan-infos {
			font-size: 15px;
			color: @gray-normal;
			font-weight: 400;
		}

		.content-section {
			padding: 31px 0 36px;
		}		

		li {
			padding: 8px 0;
		}

		strong {

		}

		.bottom-section {
			padding-top: 0px;
			padding-bottom: 46px;
		}

		// Dark Bg Scheme
		&.dark-bg {
			background: @dark-style;

			h3, li, .plan-infos {
				color: @dark-color;
			}

			li a {
				color: @dark-color;

				&:hover {
					color: @dark-color;
				}	
			}

			.signup {
				border-color: @dark-color;
				color: @dark-color;
				background-color: transparent;

				&:hover {
					border-color: @primary;
					color: @primary;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: darken(@dark-style, 5%);
				color: @dark-color;
			}
		}

		// Black Bg Scheme
		&.black-bg {
			background: @pricing-black-bg;

			h3, li, .plan-infos {
				color: #fff;
			}

			li a {
				color: #fff;

				&:hover {
					color: #fff;
				}	
			}

			.signup {
				border-color: #fff;
				color: #fff;
				background-color: transparent;

				&:hover {
					border-color: @primary;
					color: @primary;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: @pricing-black-featured;
			}
		}

		// Light Bg Scheme
		&.light-bg {
			background: #fff;
		}

		// Primary Bg Scheme
		&.primary-bg {
			background: @primary;

			h3, li, .plan-infos {
				color: @primary-color;
			}

			li a {
				color: @primary-color;

				&:hover {
					color: @primary-color;
				}	
			}

			.signup {
				border-color: @primary-color;
				color: @primary-color;
				background-color: transparent;

				&:hover {
					border-color: @primary-color;
					color: @primary-color;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: darken( @primary, 5% );
				color: @primary-color;
			}
		}


	}// #.default

	// Style Big Price
	&.big-price {

		.top-section {
			padding: 25px 0;
			border-bottom: none;
			background: @gray-dark;
			color: #fff;

			-webkit-border-radius: @pricing-main-border-radius @pricing-main-border-radius 0 0;
			border-radius: @pricing-main-border-radius @pricing-main-border-radius 0 0;

			h3 {
				color: #fff;
				text-transform: uppercase;
			}

			.plan-infos {
				color: #fff;
			}

			span {
				display: inline-block;
			}

			.currency {
				font-size: 16px;
				position: absolute;
				top: 0;
				left: -10px;
				font-weight: bold;
			}

			.price {
				position: relative;
			}

			.price-inner {
				letter-spacing: -5px;
				font-size: 90px;
				line-height: 0.6;
				font-weight: 400;
			}

			.month {
				margin-left: 5px;
				font-weight: bold;
				text-transform: uppercase;
			}

			.adquire-plan {
				padding: 25px 0 10px;

				.signup {
					background-color: transparent;
					color: #fff;
					border: 2px solid #fff;
					text-transform: uppercase;
					padding: 10px 25px;

					&:hover {
						border-color: @primary;
						background-color: transparent;
						color: @primary;
					}
				}
			}

		}

		.plan-image, .plan-title {
			padding: 5px 5px;
		}

		.plan-infos {
			padding: 25px 5px 5px;
		}

		.content-section {
			padding: 17px 0 30px;
			background: lighten(@gray-dark, 3%);
			border: 2px solid lighten(@gray-dark, 3%);
			border-top: none;

			-webkit-border-radius: 0 0 @pricing-main-border-radius @pricing-main-border-radius;
			border-radius: 0 0 @pricing-main-border-radius @pricing-main-border-radius;
		}		

		li {
			padding: 14px 0;
			margin: 0 25px;

			color: #fff;

			&:last-child {
				border-bottom: none;
			}
		}

		strong {

		}

	}// #.big-price

	// Style Simple with Image
	&.simple-image {

		.top-section {
			padding: 0px 0 15px;
		}

		.plan-image {
			padding-bottom: 15px;
		}

		.plan-title, .plan-infos {
			padding: 5px 5px;
		}

		.content-section {
			padding: 0;
		}		

		li {
			padding: 5px 0;
		}

		strong {

		}

		.bottom-section {

			padding: 25px 0 0;

			.signup {

				border-color: @gray-light;
				background-color: transparent;
				color: @gray-initial;

				&:hover {
					border: 2px solid @gray-dark;
					background-color: transparent;
					color: @gray-dark;
				}
			}

		}

	}// #.simple-image

	// Style Description Support
	&.description-support {

		.top-section {
			padding: 25px 0;
			border-bottom: none;
			background: @gray-dark;
			color: #fff;

			-webkit-border-radius: @pricing-main-border-radius @pricing-main-border-radius 0 0;
			border-radius: @pricing-main-border-radius @pricing-main-border-radius 0 0;

			h3 {
				color: #fff;
				text-transform: uppercase;
				font-size: 22px;
				font-weight: 400;
			}

			.plan-infos {
				color: #fff;
			}

			span {
				display: inline-block;
			}

			.currency {
				font-size: 16px;
				position: absolute;
				top: 0;
				left: -10px;
				font-weight: bold;
			}

			.price {
				position: relative;
			}

			.price-inner {
				letter-spacing: -5px;
				font-size: 90px;
				line-height: 0.6;
				font-weight: 400;
			}

			.month {
				margin-top: 10px;
				display: block;
				font-weight: 400;
				text-transform: uppercase;
			}
		}

		.plan-image, .plan-title {
			padding: 5px 5px;
		}

		.plan-infos {
			padding: 25px 5px 5px;
		}

		.content-section {
			border-left: 2px solid lighten(@gray-dark, 3%);
			border-right: 2px solid lighten(@gray-dark, 3%);

			background-color: lighten(@gray-dark, 3%);

			padding: 0;
		}		

		li {
			padding: 25px 25px;
			margin: 0;
			border-bottom: 1px solid @gray-dark;

			color: #fff;

			a, a:hover {
				color: #fff;
			}

			text-align: left;

			strong {
				display: block;
				font-size: 14px;
				margin-bottom: 3px;
				text-transform: uppercase;
			}

			&:last-child {
				border-bottom: none;
			}
		}


		.bottom-section {

			padding: 5px 0 30px;

			border: 2px solid lighten(@gray-dark, 3%);
			border-top: none;

			background: lighten(@gray-dark, 3%);

			-webkit-border-radius: 0 0 @pricing-main-border-radius @pricing-main-border-radius;
			border-radius: 0 0 @pricing-main-border-radius @pricing-main-border-radius;

			.signup {

				background-color: transparent;
				border: 2px solid #fff;
				color: #fff;

				&:hover {
					border-color: @primary;
					background-color: transparent;
					color: @primary;
				}
			}

		}

	}// #.description-support

	// Style SubTitle
	&.subtitle {

		background-color: @gray-cleaning;

		.plan-infos, .plan-subtitle {
			color: @gray-dark;
		}

		.top-section {
			padding: 50px 35px 25px;

			text-align: center;

			h3 {
				font-weight: 400;
			}

			span {
				display: inline-block;
			}

			.currency {
				font-size: 20px;
				position: absolute;
				top: 0;
				left: -10px;
				font-weight: 400;
			}

			.price {
				margin-top: 20px;
				position: relative;
				display: inline-block;

			}

			.price-inner {
				letter-spacing: -5px;
				font-size: 95px;
				line-height: 0.6;
				font-weight: 400;
			}

			.month {
				margin-top: 10px;
				display: block;
				font-weight: normal;
			}

		}

		.plan-image, .plan-title, .plan-infos {
			padding: 5px 5px;
		}	

		.content-section {
			//border-top: 2px solid #eee;
			margin: 0 30px;
			padding: 5px 0 40px;
		}

		li {
			padding: 8px 0;
			margin: 0;
			color: @gray-dark;
			font-weight: normal;
		}

		li a {
			color: @gray-dark;

			&:hover {
				color: @gray-dark;
			}
		}

		strong {

		}

		.bottom-section {

			padding: 0px 0 60px;

			.signup {

				color: @gray-dark;
				border-color: @gray-dark;

				&:hover {
					color: @primary;
					border-color: @primary;
				}
			}

		}

		.featured-table-text {
			background: @primary;
			color: @primary-color;
		}

		// Dark Bg Scheme
		&.dark-bg {
			background: @dark-style;

			h3, li, .plan-infos, .plan-subtitle {
				color: @dark-color;
			}

			li a {
				color: @dark-color;

				&:hover {
					color: @dark-color;
				}	
			}

			.signup {
				border-color: @dark-color;
				color: @dark-color;
				background-color: transparent;

				&:hover {
					border-color: @primary;
					color: @primary;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: darken(@dark-style, 5%);
				color: @dark-color;
			}
		}

		// Black Bg Scheme
		&.black-bg {
			background: @pricing-black-bg;

			h3, li, .plan-infos, .plan-subtitle {
				color: #fff;
			}

			li a {
				color: #fff;

				&:hover {
					color: #fff;
				}	
			}

			.signup {
				border-color: #fff;
				color: #fff;
				background-color: transparent;

				&:hover {
					border-color: @primary;
					color: @primary;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: @pricing-black-featured;
			}
		}

		// Light Bg Scheme
		&.light-bg {
			background: #fff;
		}

		// Primary Bg Scheme
		&.primary-bg {
			background: @primary;

			h3, li, .plan-infos, .plan-subtitle {
				color: @primary-color;
			}

			li a {
				color: @primary-color;

				&:hover {
					color: @primary-color;
				}	
			}

			.signup {
				border-color: @primary-color;
				color: @primary-color;
				background-color: transparent;

				&:hover {
					border-color: @primary-color;
					color: @primary-color;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: darken( @primary, 5% );
				color: @primary-color;
			}
		}

	}// #.subtitle

	// Style Small Desc
	&.small-desc {

		background-color: @gray-cleaning;

		.plan-infos, .plan-subtitle {
			color: @gray-dark;
		}

		.top-section {
			padding: 31px 35px 25px;

			text-align: center;

			h3 {
				margin-bottom: 20px;
				font-weight: 400;
			}

			span {
				display: inline-block;
			}

			.currency {
				font-size: 22px;
				position: absolute;
				top: -8px;
				left: -12px;
			}

			.price {
				position: relative;
			}

			.price-inner {
				letter-spacing: -5px;
				font-size: 72px;
				line-height: 0.6;
				font-weight: 400;
			}

			.month {
				margin-left: 5px;
				font-weight: normal;
			}

			.plan-subtitle {
				margin-top: 20px;
				font-size: 11px;
			}

		}

		.plan-image, .plan-title, .plan-infos {
			padding: 5px 5px;
		}	

		.content-section {
			//border-top: 2px solid #eee;
			margin: 0 30px;
			padding: 10px 0 40px;
		}

		li {
			padding: 8px 0;
			margin: 0;
			color: @gray-dark;
			font-weight: normal;
		}

		li a {
			color: @gray-dark;

			&:hover {
				color: @gray-dark;
			}
		}

		strong {

		}

		.bottom-section {

			padding: 0px 0 45px;

			.signup {

				color: @gray-dark;
				border-color: @gray-dark;

				&:hover {
					color: @primary;
					border-color: @primary;
				}
			}

		}

		.featured-table-text {
			background: @primary;
			color: @primary-color;
		}

		// Dark Bg Scheme
		&.dark-bg {
			background: @dark-style;

			h3, li, .plan-infos, .plan-subtitle {
				color: @dark-color;
			}

			li a {
				color: @dark-color;

				&:hover {
					color: @dark-color;
				}	
			}

			.signup {
				border-color: @dark-color;
				color: @dark-color;
				background-color: transparent;

				&:hover {
					border-color: @primary;
					color: @primary;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: darken(@dark-style, 5%);
				color: @dark-color;
			}
		}

		// Black Bg Scheme
		&.black-bg {
			background: @pricing-black-bg;

			h3, li, .plan-infos, .plan-subtitle {
				color: #fff;
			}

			li a {
				color: #fff;

				&:hover {
					color: #fff;
				}	
			}

			.signup {
				border-color: #fff;
				color: #fff;
				background-color: transparent;

				&:hover {
					border-color: @primary;
					color: @primary;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: @pricing-black-featured;
			}
		}

		// Light Bg Scheme
		&.light-bg {
			background: #fff;
		}

		// Primary Bg Scheme
		&.primary-bg {
			background: @primary;

			h3, li, .plan-infos, .plan-subtitle {
				color: @primary-color;
			}

			li a {
				color: @primary-color;

				&:hover {
					color: @primary-color;
				}	
			}

			.signup {
				border-color: @primary-color;
				color: @primary-color;
				background-color: transparent;

				&:hover {
					border-color: @primary-color;
					color: @primary-color;
					background-color: transparent;
				}
			}

			.featured-table-text {
				background: darken( @primary, 5% );
				color: @primary-color;
			}
		}

	}// #.small-desc

}

// Adjusts in Tables will be valid only out of mobile devices...

@media (min-width: 480px) {

	// Pricing Set
	.pricing-set {
			
		margin-left: 0;
		margin-right: 0;

		> .vc_column_container {
			padding: 0;

			.ivan-pricing-table.big-price .top-section,
			.ivan-pricing-table.big-price .content-section,
			.ivan-pricing-table.description-support .top-section,
			.ivan-pricing-table.description-support .bottom-section {
				border-radius: 0;
				-webkit-border-radius: 0;
			}

			.ivan-pricing-table.big-price .content-section,
			.ivan-pricing-table.description-support .content-section,
			.ivan-pricing-table.description-support .bottom-section {
				border-right-width: 1px;
				border-left-width: 1px;
			}

			&:first-child {
				.ivan-pricing-table.big-price .content-section,
				.ivan-pricing-table.description-support .content-section,
				.ivan-pricing-table.description-support .bottom-section {
					border-left-width: 2px;
				}
			}

			&:last-child {

				.ivan-pricing-table.big-price .content-section,
				.ivan-pricing-table.description-support .content-section,
				.ivan-pricing-table.description-support .bottom-section {
					border-right-width: 2px;
				}
			}
		}
	}

	// Featured Marker
	.featured-table.with-marker {
		margin-top: -40px;
	}
}


/***
 *
 * Module > Posts/Magazine
 *
***/

.ivan-posts-main-wrapper {

	overflow: hidden;
}

.ivan-posts {
	
	.ivan-post {
		overflow: hidden;
	}

	.ivan-post-inner {
		position: relative;
		overflow: hidden;
		margin-bottom: @modules-margin-bottom-rows;
	}

	.thumbnail {
		display: block;
		overflow: hidden;

		.lh-transition( all 500ms ease );

		img {
			border: none;
			display: block;
			max-width: 100%;
			width: 100%;
			height: auto;
			
			.lh-transition( all 500ms ease );
		}

		&.no-thumb {
			background: @gray-clean;
			height: 250px;
		}
	}

	// No Margin Option
	&.no-margin {
		margin-left: 0;
		margin-right: 0;

		.ivan-post {
			padding-left: 0;
			padding-right: 0;
		}

		.ivan-post-inner {
			margin-bottom: 0;
		}
	}

	// Small Margin
	&.small-margin {
		margin-left: 0;
		margin-right: -3px;

		overflow: hidden;

		.ivan-post {
			padding-left: 0;
			padding-right: 0;

			border-right: 3px solid transparent;
			border-bottom: 3px solid transparent;
		}

		.ivan-post-inner {
			margin-bottom: 0;
		}
	}

	// Zoom Effect
	.ivan-post.zoom-hover {
		img {
			.lh-transform( scale(1) );
		}

		&:hover img, &.hover img {
			border: none;
			.lh-transform( scale(1.1) );
		}
	}

	// Effect Grayscale
	.ivan-post.gray-enabled img {
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
	}

	.ivan-post.gray-enabled:hover {
		img {
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter: grayscale(0);
			-ms-filter: grayscale(0);
		}
	}

	//
	// Project Grid Specific...
	//

	&.default-margin {
		.thumbnail {
			.lh-border-radius-simple( 5px );
			overflow: hidden;
			
			img {
				.lh-border-radius-simple( 5px );
			}
		}

		.default-style .thumbnail {
			.lh-border-radius-simple( 5px 5px 0px 0px );
			overflow: hidden;
			img {
				.lh-border-radius-simple( 5px 5px 0px 0px );
			}
		}

		.border-cover .thumbnail {
			.lh-border-radius-simple( 0px );

			img {
				.lh-border-radius-simple( 0px );
			}
		}
	}

	//
	// Caption - List
	//
	.entry.list {
		.entry-inner {
		}

		h3 {
			font-size: 16px;
			line-height: 1.3;
			//text-transform: uppercase;
			font-weight: 400;
			color: @heading-color;
			margin: 0;

			a, a:hover {
				color: @heading-color;
			}
		}

		.meta {
			margin: 5px 0 0;
			color: @corpo-clean-meta;
			font-size: 13px;
			line-height: 1.3;

			a, a:hover {
				color: @corpo-clean-meta;
			}

			span {
				display: inline-block;			
			}

			.cats {
				margin-right: 5px;
			}
		}

		.excerpt {
			margin: 5px 0 0;
			font-size: 13px;
			line-height: 1.84;
			color: @text-color;

			p:last-child {
				margin-bottom: 0px;
			}
		}
	}

	&.list .ivan-post {
		margin-bottom: 20px;

		.ivan-post-inner {
			margin-bottom: 0;
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	//
	// Caption - List Thumb
	//
	&.list-thumb {
		// Columns
		.normal-post {

			.thumbnail {
				width: 95px;
				height: 95px;
				float: left;
			}

			.entry-inner {
				margin-left: 115px;
			}
		}
	}

	.entry.list-thumb {
		.entry-inner {
		}

		h3 {
			font-size: 16px;
			line-height: 1.3;
			//text-transform: uppercase;
			font-weight: 400;
			color: @heading-color;
			margin: 0;

			a, a:hover {
				color: @heading-color;
			}
		}

		.meta {
			margin: 5px 0 0;
			color: @corpo-clean-meta;
			font-size: 13px;
			line-height: 1.3;

			a, a:hover {
				color: @corpo-clean-meta;
			}

			span {
				display: inline-block;			
			}

			.cats {
				margin-right: 5px;
			}
		}

		.excerpt {
			margin: 5px 0 0;
			font-size: 13px;
			line-height: 1.84;
			color: @text-color;
		}
	}

	&.list-thumb .ivan-post {
		margin-bottom: 20px;

		&.first-post {
			margin-bottom: 25px;

			.entry-inner {
				h3 {
					margin-top: 10px;
					font-size: 22px;
				}

				.meta {
					font-size: 14px;
				}

				.excerpt {
					

					p:last-child {
						margin-bottom: 0px;
					}
				}
			}
		}

		&:last-child {
			margin-bottom: 0;
		}

		.ivan-post-inner {
			margin-bottom: 0;
		}
	}

	//
	// Style Default
	//
	.ivan-post.default-style {

		.entry {
			padding: 20px 20px 23px;
			background: #fff;

			h3 {
				font-size: 24px;
				line-height: 1.3;
				//text-transform: uppercase;
				font-weight: 400;
				color: @heading-color;
				margin: 0;

				a, a:hover {
					color: @heading-color;
				}
			}

			.meta {
				margin: 10px 0 0;
				color: @corpo-clean-meta;
				font-size: 13px;
				line-height: 1.3;

				a, a:hover {
					color: @corpo-clean-meta;
				}

				span {
					display: inline-block;			
				}

				.cats {
					margin-right: 5px;
				}
			}

			.excerpt {
				margin: 10px 0 0;
				font-size: 13px;
				line-height: 1.84;
				color: @text-color;
			}

		}

	}

	//
	// Style Default Opaque
	//
	.ivan-post.default-opaque {

		.entry {
			padding: 15px 3px 0;
			background-color: transparent;

			h3 {
				font-size: 24px;
				line-height: 1.3;
				//text-transform: uppercase;
				font-weight: 400;
				color: @heading-color;
				margin: 0;

				a, a:hover {
					color: @heading-color;
				}
			}

			.meta {
				margin: 10px 0 0;
				color: @corpo-clean-meta;
				font-size: 13px;
				line-height: 1.3;

				a, a:hover {
					color: @corpo-clean-meta;
				}

				span {
					display: inline-block;			
				}

				.cats {
					margin-right: 5px;
				}
			}

			.excerpt {
				margin: 10px 0 0;
				font-size: 13px;
				line-height: 1.84;
				color: @text-color;
			}

		}

	}

	//
	// Style Border Cover
	//
	.ivan-post.border-cover {

		.ivan-hover-fx {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background: rgba(0, 0, 0, 0.52);
			background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		}

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background-color: transparent;

			.lh-transition( all 500ms ease );

			padding: 15px;

			h3 {
				font-size: 24px;
				line-height: 1.3;
				//text-transform: uppercase;
				font-weight: bold;
				color: #fff;
				margin: 0;

				a, a:hover {
					color: #fff;
				}
			}

			.meta {
				margin: 10px 0 0;
				color: #fff;
				font-size: 13px;
				line-height: 1.3;
				font-weight: bold;
				//text-transform: uppercase;

				a, a:hover {
					color: #fff;
				}

				span {
					display: inline-block;			
				}

				.cats {
					margin-right: 5px;
				}
			}

			.ivan-vc-separator.small {
				background-color: #fff;
				margin: 10px auto 15px;
				height: 2px;
			}

			&:hover {

				.entry-inner {
					border-color: #fff;
				}
			}
		}

		.entry-inner {
			display: table;
			height: 100%;
			width: 100%;

			padding: 15px;

			border: 2px solid transparent;

			.lh-transition( border 300ms ease );

			.centered {
				display: table-cell;
				vertical-align: middle;

				text-align: center;
			}
		}

		&.large-width {
			.entry {
				h3 {
					font-size: 34px;
				}

				.ivan-vc-separator.small {
					margin: 10px auto 20px;
				}
			}
		}

	}

	//
	// Style Simple Centered
	//
	.ivan-post.simple-centered {


		.thumbnail {
			position: relative;
		}

		.entry-default {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;
			display: block;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 400;

			.opacity(0);
			.lh-transition(all .3s ease-out);
		}

		.more-cross {
			display: block;
			width: 66px;
			height: 66px;
			background: transparent;

			position: absolute;
			top: 50%;
			left: 50%;

			margin-top: -33px;
			margin-left: -33px;

			.lh-border-radius-simple(100%);

			.lh-transform( scale(0) );
			.lh-transition(all .4s ease-out);

			z-index: 450;

			&:after {
				display: block;
				content: " ";
				position: absolute;
				top: 50%;
				left: 50%;

				width: 36px;
				height: 1px;
				background-color: #fff;
				margin-left: -18px;
			}

			&:before {
				display: block;
				content: " ";
				position: absolute;
				top: 50%;
				left: 50%;

				height: 36px;
				width: 1px;
				background-color: #fff;
				margin-top: -18px;
			}
		}

		&:hover {
			.entry-default {
				.opacity(1);
			}

			.more-cross {
				.lh-transform( scale(1) );
			}
		}

		.entry {
			padding: 0px 5px 0;
			text-align: center;

			h3 {
				font-size: 18px;
				line-height: 1.3;
				//text-transform: uppercase;
				font-weight: 400;
				color: @heading-color;
				margin: 5px 0 0;

				a, a:hover {
					color: @heading-color;
				}
			}

			.meta {
				margin: 10px 0 0;
				color: @gray-normal;
				font-size: 13px;
				line-height: 1.3;
				//text-transform: uppercase;
				font-weight: 400;

				a, a:hover {
					color: @gray-normal;
				}

				span {
					display: inline-block;			
				}

				.cats {
					&:after {
						content: "/";
						padding: 0 5px;
					}
				}
			}

			.excerpt {
				margin: 8px 0 0;
				font-size: 14px;
				line-height: 1.84;
				color: @gray-normal;
			}

		}

	}

	//
	// Style Bottom Cover
	//
	.ivan-post.bottom-cover {

		.ivan-hover-fx {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background: rgba(0, 0, 0, 0.52);
			background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		}

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background-color: transparent;

			.lh-transition( all 500ms ease );

			padding: 15px;

			h3 {
				font-size: 24px;
				line-height: 1.3;
				text-transform: uppercase;
				font-weight: 400;
				color: #fff;
				margin: 0;

				a, a:hover {
					color: #fff;
				}
			}

			.ivan-vc-separator.small {
				background-color: #fff;
				margin: 10px auto 15px;
				height: 2px;
			}

			.meta {
				margin: 10px 0 0;
				color: #fff;
				font-size: 13px;
				line-height: 1.3;
				font-weight: bold;
				text-transform: uppercase;

				a, a:hover {
					color: #fff;
				}

				span {
					display: inline-block;			
				}

				.cats {
					margin-right: 5px;
				}
			}

			&:hover {

			
			}
		}

		.entry-inner {
			display: table;
			height: 100%;
			width: 100%;

			padding: 25px 15px;

			.centered {
				display: table-cell;
				vertical-align: bottom;

				text-align: center;
			}
		}

		&.large-width {
			.entry {
				h3 {
					font-size: 34px;
				}

				.ivan-vc-separator.small {
					margin: 10px auto 20px;
				}
			}
		}

	}

} // .ivan-posts

@media (min-width: 480px) {
	
	.ivan-posts {

		// Double Height Correction
		.ivan-post.double-height {
			.thumbnail {
				img {
					max-width: initial;
					width: auto;
					height: 100%;
				}
			}
		}

	}

}

@media (max-width: 480px) {
	.ivan-posts .ivan-post.bottom-cover.large-width .entry h3,
	.ivan-posts .ivan-post.border-cover.large-width .entry h3 {
		font-size: 24px;
	}

	.ivan-posts .ivan-post.bottom-cover.large-width .entry .ivan-vc-separator.small,
	.ivan-posts .ivan-post.border-cover.large-width .entry .ivan-vc-separator.small {
		margin: 10px auto 15px;
	}

}

@media (max-width: 320px) {

	.ivan-posts .ivan-post.bottom-cover,
	.ivan-posts .ivan-post.border-cover {

		.entry h3 {
			font-size: 17px;
		}

		.entry .ivan-vc-separator.small {
			margin: 7px auto 10px;
		}

		.entry .meta {
			font-size: 10px;
		}

		&.large-width {
			.entry h3 {
				font-size: 17px;
			}

			.entry .ivan-vc-separator.small {
				margin: 7px auto 10px;
			}

			.entry .meta {
				font-size: 10px;
			}

		}
	}

	.ivan-posts.list-thumb .normal-post .thumbnail {
		width: 50px;
	}

	.ivan-posts.list-thumb .normal-post .entry-inner {	
		margin-left: 75px;
	}

	.ivan-posts .entry.list-thumb .meta,
	.ivan-posts .entry.list .meta {
		font-size: 11px;
	}

}


/***
 *
 * Module > Projects
 *
***/

// Fix to projects in full width rows without margins, this avoid lateral scrolls.
.ivan-projects-main-wrapper {
	overflow: hidden;

	&.outer-square-wrapper {
		overflow: visible;
	}
}

// Used to custom height items
.has-custom-height {
	background-position: center center;
	background-size: cover;
}

// Projects
.ivan-projects {

	// Elements

	.ivan-project {
		overflow: hidden;

		.lh-transition( opacity 500ms ease );
	}

	.ivan-project-inner {
		position: relative;
		overflow: hidden;
		margin-bottom: @modules-margin-bottom-rows
	}

	//
	// Common Elements
	//

	.icon-wrapper {
		padding: 10px 0;
		text-align: center;

		.icon-inner {	
			display: inline-block;
			font-size: 32px;
			
			color: @heading-color;

			.lh-transition( all 500ms ease );
		}
	}

	.thumbnail {
		display: block;
		overflow: hidden;
		.lh-transform( translateZ(0px) );
		position: relative;

		img {
			border: none;
			display: block;
			max-width: 100%;
			width: 100%;
			height: auto;

			.lh-transition( all 200ms ease );
			.lh-transform( translateZ(0px) );
		}

		&.no-thumb {
			background: @gray-light;
			height: 250px;
		}
	}

	.entry {
		background: #fff;
	}

	.entry-inner {
		padding: 20px 15px 22px;
		text-align: center;
		
		h3 {
			margin: 0;
			font-size: 24px;
			line-height: 1.3;
			font-weight: 400;

			a {
				color: @heading-color;

				&:hover {
					color: @heading-color;
				}
			}
		}

		.categories {
			font-size: 13px;
			margin-top: 5px;
			color: @text-color;
			font-weight: 500;
		}

		.excerpt {
			margin-top: 7px;
			font-size: 13px;
			color: @text-color;

			p:last-child {
				margin-bottom: 0px;
			}
		}
	}

	.read-more {
		margin-top: 15px;

		a {
			display: inline-block;
			margin-bottom: 0;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;

			.lh-transition( border-color ease 500ms, background ease 500ms );

			font-size: 13px;
			padding: 6px 15px;
			line-height: 1.428571429;
			font-weight: 700;
			text-transform: uppercase;

			.lh-user-select( none );
			
			.lh-border-radius-simple( 5px );

			color: #fff;
			border: 2px solid #8cbae5;
			background-color: transparent;

			&:hover {
				background-color: transparent;
				color: #fff;
				border-color: #fff;
			}
		}
	}

	.only-icon-btn {
		.read-more {
			margin-top: 0;
		}
	}

	// Layouts

	// Fix used by mansory script to calculate spaces properly.
	.gutter-sizer {
		width: 30px;
	}

	// Removes margins in no-margin option.
	&.no-margin {
		margin-left: 0;
		margin-right: 0;

		.ivan-project {
			padding-left: 0;
			padding-right: 0;
		}

		.ivan-project-inner {
			margin-bottom: 0;
		}
	}

	// Small Margin
	&.small-margin {
		margin-left: 0;
		margin-right: -3px;

		overflow: hidden;

		.ivan-project {
			padding-left: 0;
			padding-right: 0;

			border-right: 3px solid transparent;
			border-bottom: 3px solid transparent;
		}

		.ivan-project-inner {
			margin-bottom: 0;
		}
	}
		

	// Specific style to full items tagged with full tag.
	.ivan-project.full-size {
		img {
			width: 100%;
		}
	}

	//
	// Special Effects
	//

	// Zoom Effect
	.ivan-project.zoom-hover {
		img {
			.lh-transform( scale(1) );
		}

		&:hover img, &.hover img {
			border: none;
			.lh-transform( scale(1.1) );
		}
	}

	// Effect Grayscale
	.ivan-project.gray-enabled img {
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
	}

	.ivan-project.gray-enabled:hover, .ivan-project.gray-enabled.hover {
		img {
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter: grayscale(0);
			-ms-filter: grayscale(0);
		}
	}

	//
	// Project Grid Specific...
	//

	&.default-margin {
		.thumbnail {
			.lh-border-radius-simple( 5px );
			overflow: hidden;
			img {
				.lh-border-radius-simple( 5px );
			}
		}

		.entry-default {
			.lh-border-radius-simple( 5px );
		}

		// Caption Cover
		.ivan-project.hide-entry {

			.entry {
				.lh-border-radius-simple( 0px 0px 5px 5px );
			}
		}

		// Lateral Cover
		.ivan-project.lateral-cover {

			.entry {
				.lh-border-radius-simple( 5px 0px 0px 5px );
			}
		}

		// Smooth Cover
		.ivan-project.smooth-cover {

			.entry {
				.lh-border-radius-simple( 0px 0px 5px 5px );
			}
		}

		// Other Wide Covers
		.ivan-project.cover-entry .entry,
		.ivan-project.soft-cover .entry,
		.ivan-project.outer-square .entry,
		.ivan-project.border-cover .entry,
		.ivan-project.border-cover .ivan-hover-fx {
			.lh-border-radius-simple( 5px );
		}
	}

	//
	// Inner Entry Effects
	//

	//
	// Default Cover
	//
	.ivan-project {
		.entry-default {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;
			display: block;

			background: @corpo-project-fallback;
			background: @corpo-project-bg;

			z-index: 400;

			.opacity(0);
			.lh-transition(all .3s ease-out);
		}

		.more-cross {
			display: block;
			width: 66px;
			height: 66px;
			background: transparent;

			position: absolute;
			top: 50%;
			left: 50%;

			margin-top: -33px;
			margin-left: -33px;

			.lh-border-radius-simple(100%);

			.lh-transform( scale(0) );
			.lh-transition(all .4s ease-out);

			z-index: 450;

			&:after {
				display: block;
				content: " ";
				position: absolute;
				top: 50%;
				left: 50%;

				width: 36px;
				height: 1px;
				background-color: #fff;
				margin-left: -18px;
			}

			&:before {
				display: block;
				content: " ";
				position: absolute;
				top: 50%;
				left: 50%;

				height: 36px;
				width: 1px;
				background-color: #fff;
				margin-top: -18px;
			}
		}

		&:hover {
			.entry-default {
				.opacity(1);
			}

			.more-cross {
				.lh-transform( scale(1) );
			}
		}
	}

	//
	// Light Caption
	//
	.ivan-project.light-caption {
		.entry {
			background-color: transparent;
		}

		.entry-inner {
			text-align: left;
			padding: 15px 0 0;

			.categories {
				//text-transform: uppercase;
				font-size: 13px;
			}
		}
	}

	//
	// Caption Cover
	//
	.ivan-project.hide-entry {

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: 0px;

			background: @corpo-project-fallback;

			.lh-perspective-origin( 50% 100% );
			.lh-transform-style( preserve-3d );
			.lh-backface-visibility( hidden );
			.lh-transform-origin( 50% 100% );

			.lh-transform( perspective(400px) rotateX( 90deg ) );

			.opacity( 0 );

			.lh-transition( all 400ms ease );

			h3 {
				font-size: 20px;
				//text-transform: uppercase;
				font-weight: 400;
			}

			.categories {
				font-size: 13px;
				//text-transform: uppercase;
				margin-top: 6px;
				font-weight: 400;
			}

			.ivan-vc-separator {
				width: 40px;
				height: 2px;
				background-color: #fff;
				margin: 16px 0px;
			}

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: #fff;
			}

			h3 a:hover {
				color: #fff;
			}
		}

		.entry-inner {
			display: block;
			height: 100%;
			width: 100%;

			padding: 30px 25px;

			.centered {
				display: block;
				vertical-align: top;
				text-align: left;
				height: 100%;
				position: relative;
			}
		}

		&:hover {

			.entry {
				.opacity(1);
				.lh-transform( perspective(400px) rotateX( 0deg ) );
			}
		}

	}

	//
	// Light Cover
	//
	.ivan-project.cover-entry {

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background: @corpo-project-fallback;
			background: @corpo-project-bg;

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: @corpo-project-text;
			}

			h3 a:hover {
				color: #fff;
			}

			.read-more a {
				background: transparent;
				border-color: #8cbae5;
				color: #fff;

				&:hover {
					border-color: #fff;
				}
			}
		}

		.entry-inner {
			display: table;
			height: 100%;
			width: 100%;

			.centered {
				display: table-cell;
				vertical-align: middle;

				text-align: center;
			}
		}

		// Appear on hover
		&.appear-hover {
			.entry {

				.lh-transition( all 500ms ease );
				.opacity(0);

				h3, .categories, .excerpt, .read-more, .icon-wrapper {
					.opacity(0);

					.lh-transition( all 200ms ease );
					.lh-transform( scale(2) );
				}
			
				&:hover {
					.opacity(1);

					h3, .categories, .excerpt, .read-more, .icon-wrapper {

						.lh-transform( scale(1) );
						.opacity(1);

					}
				}

			}

			&.hover {
				.entry {
					.opacity(1);
				}

				h3, .categories, .excerpt, .read-more, .icon-wrapper {
					.lh-transform( scale(1) );
					.opacity(1);
				}
			}
		}

	} // Cover Entry End

	//
	// Soft Cover
	// 
	.ivan-project.soft-cover {

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background: transparent;

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: @gray-light;
			}

			h3 a:hover {
				color: #fff;
			}

			.read-more a {
				background: transparent;
				border-color: #fff;
				color: #fff;

				&:hover {
					background: @primary;
					border-color: @primary;
					color: @primary-color;
				}
			}

			.icon-wrapper, h3, .categories, .excerpt, .read-more {
				.lh-transform( scale(0.9) );
				.lh-transition( transform 300ms ease );
			}
		}

		.entry-inner {
			display: table;
			height: 100%;
			width: 100%;

			padding: 15px 40px 35px;

			.centered {
				display: table-cell;
				vertical-align: bottom;

				text-align: center;
			}
		}

		&:hover {

			.soft-link-overlay {
				background-color: transparent;
			}

			.categories, .excerpt {
				color: #fff;
			}

			.icon-wrapper, h3, .categories, .excerpt, .read-more {
				.lh-transform( scale(1) );
			}
		}

		.soft-link-overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: block;

			background-color: rgba(red(@dark-style), green(@dark-style), blue(@dark-style), 0.5);

			.lh-transition( all 500ms ease );
		}

	} // Soft Cover End

	//
	// Outer Square
	// 
	.ivan-project.outer-square {

		&, .ivan-project-inner {
			overflow: visible;
		}

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background: @corpo-project-fallback;

			.lh-transition( all 300ms ease );
			.lh-transform( translate(0px, 0px) );

			.opacity( 0 );

			h3 {
				font-size: 20px;
				font-weight: 400;
			}

			.categories {
				font-size: 13px;
				margin-top: 6px;
				font-weight: 400;
			}

			.ivan-vc-separator {
				width: 40px;
				height: 2px;
				background-color: @corpo-project-border;
				margin: 16px 0px;
			}

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: @corpo-project-text;
			}

			h3 a:hover {
				color: #fff;
			}

			.read-more a {
				background: transparent;
				border: none;
				color: @corpo-project-text;

				font-weight: 400;
				font-size: 11px;
				padding: 0;

				&:hover {
					background: transparent;
					border: none;
					color: #fff;
				}
			}
		}

		.entry-inner {
			display: block;
			height: 100%;
			width: 100%;

			padding: 30px 25px;

			.centered {
				display: block;
				vertical-align: top;
				text-align: left;
				height: 100%;

				position: relative;
			}

			.read-more {
				position: absolute;
				left: 0px;
				bottom: 0px;
			}
		}

		&:hover {

			.entry {
				.opacity(1);
				.lh-transform( translate(15px, 15px) );
			}
		}


	} // Outer Square End

	//
	// Lateral Cover
	// 
	.ivan-project.lateral-cover {

		&, .ivan-project-inner {
			overflow: visible;
		}

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background-color: @corpo-project-fallback;

			width: 60%;

			.lh-perspective-origin( 0 50% );
			.lh-transform-style( preserve-3d );
			.lh-backface-visibility( hidden );
			.lh-transform-origin( 0 50% );

			.lh-transform( perspective(1700px) rotateY(-90deg) );

			.lh-transition( transform 400ms ease );

			opacity: 0\9\0;

			h3 {
				font-size: 18px;
				font-weight: 400;
			}

			.categories {
				font-size: 13px;
				margin-top: 6px;
				font-weight: 400;
			}

			.ivan-vc-separator {
				width: 40px;
				height: 2px;
				background-color: @corpo-project-border;
				margin: 16px 0px;
			}

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: @corpo-project-text;
			}

			h3 a:hover {
				color: #fff;
			}

			.read-more a {
				background: transparent;
				border: none;
				color: @corpo-project-text;

				font-weight: 400;
				font-size: 11px;
				padding: 0;

				&:hover {
					background: transparent;
					border: none;
					color: #fff;
				}
			}
		}

		img {
			.lh-transform( translateX(0) );
			.lh-transition( all 400ms ease );
		}

		.entry-inner {
			display: block;
			height: 100%;
			width: 100%;

			padding: 30px 25px;

			.centered {
				display: block;
				vertical-align: top;
				text-align: left;
				height: 100%;

				position: relative;
			}

			.read-more {
				position: absolute;
				left: 0px;
				bottom: 0px;
			}
		}

		&:hover {

			.entry {
				.opacity(1);
				.lh-transform( perspective(1700px) rotateY(0deg) );
			}

			img {
				.lh-transform( translateX(25%) );
			}
		}

	} // Lateral Cover End

	//
	// Smooth Cover
	// 
	.ivan-project.smooth-cover {

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: 0px;

			background-color: @corpo-project-fallback;

			width: 100%;

			.lh-perspective-origin( 50% 100% );
			.lh-transform-style( preserve-3d );
			.lh-backface-visibility( hidden );
			.lh-transform-origin( 50% 100% );

			.lh-transform( translateY( 100% ) );

			.lh-transition( all 400ms ease );

			//.opacity( 0 );

			h3 {
				font-size: 20px;
				font-weight: 400;
			}

			.categories {
				font-size: 13px;
				margin-top: 6px;
				font-weight: 400;
			}

			.ivan-vc-separator {
				width: 40px;
				height: 2px;
				background-color: @corpo-project-border;
				margin: 16px 0px;
			}

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: @corpo-project-text;
			}

			h3 a:hover {
				color: #fff;
			}
		}

		img {
			.lh-transform( translateY(0) );
			.lh-transition( all 400ms ease );
		}

		.entry-inner {
			display: block;
			height: 100%;
			width: 100%;

			padding: 30px 25px;

			.centered {
				display: block;
				vertical-align: top;
				text-align: left;
				height: 100%;

				position: relative;
			}
		}

		&:hover {

			.entry {
				.opacity(1);
				.lh-transform( translateY( 0 ) );
			}

			img {
				.lh-transform( translateY(-50px) );
			}
		}

	} // Smooth Cover End

	//
	// Border Cover
	// 
	.ivan-project.border-cover {

		.ivan-hover-fx {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background: rgba(0, 0, 0, 0.52);
			background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		}

		.entry {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			margin: 0px;

			background-color: transparent;

			.lh-transition( all 500ms ease );

			padding: 15px;

			h3 a, .icon-inner {
				color: #fff;
			}

			.categories, .excerpt {
				color: #fff;
			}

			h3 a:hover {
				color: #fff;
			}

			.ivan-vc-separator {
				width: 40px;
				height: 2px;
				background-color: #fff;
				margin: 16px auto;
			}

			h3 {
				font-size: 24px;
				font-weight: 400;
			}

			.categories {
				//text-transform: uppercase;
				font-weight: bold;
			}

			&:hover {

				.entry-inner {
					border-color: #fff;
				}
			}
		}

		.entry-inner {
			display: table;
			height: 100%;
			width: 100%;

			padding: 15px;

			border: 2px solid transparent;

			.lh-transition( border 300ms ease );

			.centered {
				display: table-cell;
				vertical-align: middle;

				text-align: center;
			}
		}


	} // Border Cover End

	// Carousel Fixes
	.owl-carousel {
		.ivan-project {
			float: none !important;
		}
	}

	&.ivan-projects-carousel {
		.ivan-project-inner {
			margin-bottom: 0px;
		}
	}

}

// Filters - used to select better the items to be displayed
.ivan-vc-filters-wrapper {
	margin-bottom: 40px;
}

.ivan-vc-filters {
	text-align: center;

	.filter-grid {
		color: #bbb;
		display: inline-block;
		margin: 0 16px 3px 0;
	}

	a {
		display: inline-block;
		color: @gray-normal;
		margin: 0 16px 3px;
		font-weight: bold;
		font-size: 14px;

		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;

		&:hover, &.current {
			color: @primary;
		}
	}

	&.left {
		text-align: left;
	}

	&.right {
		text-align: right;
	}
}

// Project not in filter
.ivan-project.not-in-filter {
	.opacity(0.3);
}

// Avoid custom height bugs in small screens
@media (max-width: 480px) {
	.ivan-project .thumbnail {
		height: auto !important;
	}

	.ivan-projects .col-xs-6.ivan-project .entry {
		h3 {
			font-size: 14px;
		}

		.categories, .excerpt, .excerpt p, .read-more {
			font-size: 12px;
		}
	}

	.ivan-projects .col-xs-6.ivan-project.hide-entry .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.cover-entry .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.soft-cover .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.outer-square .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.lateral-cover .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.smooth-cover .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.border-cover .entry-inner {
		padding: 15px 15px;

		.categories, .excerpt, .excerpt p, .read-more a {
			font-size: 11px;
		}

		.ivan-vc-separator {
			margin: 8px 0;
			height: 1px;
		}
	}

	.ivan-projects .col-xs-6.ivan-project.cover-entry .entry-inner {
		.read-more a {
			padding: 6px 30px;
		}
	}

	.ivan-projects .col-xs-6.ivan-project.outer-square .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.lateral-cover .entry-inner {
		.read-more {
			display: none;
		}
	}

	.ivan-projects .col-xs-6.ivan-project {
		.icon-wrapper {
			display: none;
		}

		.read-more {
			display: none;
		}

		&.only-icon-btn .icon-wrapper, &.only-icon .icon-wrapper {
			display: block;
		}

		&.only-icon-btn .read-more, &.only-btn .read-more {
			display: block;
		}
	}

	.ivan-projects .col-xs-6.ivan-project.lateral-cover .entry {
		width: 85%;
	}

	.ivan-projects .col-xs-6.ivan-project.border-cover .entry-inner {
		.ivan-vc-separator, .excerpt {
			display: none;
		}
	}
}

@media (min-width: 480px) {

	.ivan-projects {
		.double-height .thumbnail.d-height-processed {

			img {
				height: 100%;
				width: auto;
				max-width: initial;
			}
		}

		.double-height.double-width .thumbnail.d-height-processed {

			img {
				width: 100%;
			}
		}

	}
}

// Avoid custom height bugs in small screens
@media (max-width: 320px) {
	.ivan-projects .col-xs-6.ivan-project .entry {
		h3 {
			font-size: 12px;
		}

		.categories, .excerpt, .excerpt p, .read-more {
			font-size: 11px;
		}
	}

	.ivan-projects .col-xs-6.ivan-project.hide-entry .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.cover-entry .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.soft-cover .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.outer-square .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.lateral-cover .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.smooth-cover .entry-inner,
	.ivan-projects .col-xs-6.ivan-project.border-cover .entry-inner {
		padding: 8px 8px;

		.categories, .excerpt, .excerpt p, .read-more a {
			font-size: 11px;
		}

		.ivan-vc-separator {
			margin: 7px 0;
			height: 1px;
		}
	}

	.ivan-projects .col-xs-6.ivan-project.cover-entry .entry-inner {
		.read-more a {
			display: none;
		}

		.excerpt {
			display: none;
		}
	}
}

/***
 *
 * Module > Testimonial
 *
***/

.ivan-testimonial-main {
	margin-bottom: @modules-margin-bottom;
}

.ivan-testimonial {
	
	img {
		.lh-border-radius-simple( 100% );
	}

	.testimonial-content {
		font-size: 18px;
		line-height: 1.84;
		margin: 0;

		color: @gray-normal;
		text-align: center;

		position: relative;

		a, a:hover {
			color: @gray-normal;
			font-weight: 400;
		}

		p:last-child {
			margin-top: @modules-margin-bottom;
			margin-bottom: 0;
		}
	}

	.testimonial-meta {

		margin: 33px 0 0;
		text-align: center;

		.meta-inner {
			display: inline-block;
			position: relative;
		}

		img {
			width: 60px;
			height: 60px;
			margin-right: 10px;
		}

		.author-name {
			font-weight: 700;
			font-size: 15px;
			line-height: 1.3;
			color: @heading-color;
		}

		.author-desc {
			font-weight: 400;
			font-size: 11px;
			line-height: 1.3;
			color: @gray-normal;

			margin-top: 1px;
		}

		.author-infos-holder {
			display: table;
			height: 100%;
		}

			.author-img, .author-infos {
				text-align: left;
				display: table-cell;
				vertical-align: middle;
			}
	}

	// Optional Aside Images
	&.img-at-left {

		.main-wrap {
			display: table-cell;
			vertical-align: top;
			padding-left: 25px;
		}

		.img-wrap {
			display: table-cell;
			vertical-align: middle;
			min-width: 100px;			
			img {
				display: block;
			}
		}

		.testimonial-content {
			text-align: left;
		}

		.testimonial-meta {
			margin-top: 20px;
			text-align: left;
		}
	}

	&.img-at-right {

		.main-wrap {
			display: table-cell;
			vertical-align: top;
			padding-right: 25px;
		}

		.img-wrap {
			display: table-cell;
			vertical-align: middle;
			min-width: 100px;
			img {
				display: block;
			}
		}

		.testimonial-content, .author-img, .author-infos {
			text-align: right;
		}

		.testimonial-meta {
			margin-top: 20px;
			text-align: right;
		}
	}

	// Boxed Left
	&.boxed-left {

		.testimonial-content {
			padding: 30px;
			background-color: #f2f2f2;
			margin: 0 0 30px;

			font-size: 14px;
			text-align: left;


			&:after {
				content: "";
				position: absolute;
				bottom: -30px;
				left: 20px;
				border-right: 30px solid transparent;
				border-top: 30px solid;

				border-bottom-color: transparent !important;
				border-left-color: transparent !important;
				border-right-color: transparent !important;

				border-top-color: #f2f2f2;
			}

		} // testimonial-content

		.testimonial-meta {
			text-align: left;

			margin: 0px 0 0 30px;
		}
	} // boxed style

	// Scheme Dark
	&.dark-bg {

		.testimonial-content {
			color: @dark-style;

			a, a:hover {
				color: @dark-style;
			}
		}

		.author-name {
			color: @dark-style;
		}

		.author-desc {
			color: @dark-style;
		}

		&.boxed-left {
			.testimonial-content {
				color: @dark-color;

				background-color: @dark-style;

				&:after {
					border-top-color: @dark-style;
				}

				a, a:hover {
					color: @dark-color;
				}
			}
		}

	}

	// Scheme Clean
	&.clean-color {

		.testimonial-content {
			color: #fff;

			a, a:hover {
				color: #fff;
			}
		}

		.author-name {
			color: #fff;
		}

		.author-desc {
			color: #fff;
		}

		&.boxed-left {
			.testimonial-content {
				color: @gray-normal;

				background-color: #fff;

				&:after {
					border-top-color: #fff;
				}

				a, a:hover {
					color: @gray-normal;
				}
			}
		}

	}

	// Scheme Primary
	&.primary-bg {

		&.boxed-left {
			.testimonial-content {
				color: @primary-color;

				background-color: @primary;

				&:after {
					border-top-color: @primary;
				}

				a, a:hover {
					color: @primary-color;
				}
			}
		}

	}

	// Scheme Light
	&.light-bg {

		&.boxed-left {
			.testimonial-content {

				background-color: #fff;

				&:after {
					border-top-color: #fff;
				}

			}
		}
	}

}

.owl-item .ivan-testimonial-main:last-child .ivan-testimonial {
	margin-bottom: 0px;
}


/***
 *
 * Module > GMap
 *
***/

	.marker-icon.ivan-gmap-marker {
		font-size: 60px;
		color: @primary;
	}

	.ivan-gmap-img {
		width: 60px;
		height: 60px;
	}


/***
 *
 * Module > Tweet
 *
***/

.ivan-tweet {
	text-align: center;

	font-size: 20px;
	color: @heading-color;

	small {
		font-size: 14px;
	}

	a {
		color: @heading-color;

		&:hover {
			color: @heading-color;
		}
	}

	&.clean-color {
		color: #fff;

		a {
			color: #fff;

			&:hover {
				color: #fff;
			}
		}
	}
}

/***
 *
 * Module > Title Wrapper
 *
***/

.ivan-title-main {
	margin-bottom: @modules-margin-bottom;
}

.ivan-title-wrapper {

	&.left {
		text-align: left;
	}

	&.right {
		text-align: right;
	}

	&.center {
		text-align: center;
	}

	.title-heading {
		margin: 0;
		color: @heading-color;
	}

	strong {
		// This is the highlight color
		font-weight: 700;
		color: @brand-light;
	}

	a {
		color: @heading-color;

		&:hover {
			color: @heading-color;
		}
	}

	.icon-above {
		font-size: 65px;
		display: block;
		margin-bottom: 15px;

		i {
			color: @heading-color;
			display: block;
		}
	}

	.title-wrapper {

		position: relative;

		&.inline-block {
			display: inline-block;
		}

		span {
			display: inline-block;
		}

		.sub {
			margin: 10px 0 0;
			color: @text-color;
			line-height: 1.3;
		}

		.ivan-vc-separator.small {
			margin-bottom: 10px;
			background-color: @heading-color;
		}

	}

	// Scheme Gray
	&.gray-bg {

		.title-heading, .sub, i {
			color: @gray-soft;
		}

		strong {
			color: @gray-initial;
		}

		a, a:hover {
			color: @gray-soft;
		}

		.ivan-vc-separator.small {
			background-color: @gray-soft;
		}
	}

	// Scheme Dark
	&.dark-bg {

		.title-heading, .sub, i {
			color: @dark-style;
		}

		strong {
			color: @dark-style;
		}

		a, a:hover {
			color: @dark-style;
		}

		.ivan-vc-separator.small {
			background-color: @dark-style;
		}

	}

	// Scheme Clean
	&.clean-color {
		.title-heading, .sub, i {
			color: #fff;
		}

		strong {
			color: #fff;
		}

		a, a:hover {
			color: #fff;
		}

		.ivan-vc-separator.small {
			background-color: #fff;
		}
	}

	// Scheme Primary
	&.primary-bg {

		.icon-above i {
			color: @primary;
		}

		strong {
			color: @primary;
		}

		a, a:hover {
			color: @primary;
		}
	}

}

/***
 *
 * Module > Image Block
 *
***/

.ivan-image-block {
	height: 350px;

	background-color: #fafafa;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;

	position: relative;

	.img-main-block {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 90;

		.opacity(1);

		.lh-transition( all 300ms ease );
		.lh-backface-visibility( hidden );
		.lh-transform( translateZ(0px) );

		.block-overlay {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 105;
			background-color: #000;
			.opacity(0.35);
		}

		.block-holder {
			position: absolute;
			display: table;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 115;
		}

		.block-inner {
			display: table-cell;
			padding: 40px 40px;
		}

		&.v-middle {
			.block-inner {
				vertical-align: middle;
			}
		}

		&.v-top {
			.block-inner {
				vertical-align: top;
			}
		}

		&.v-bottom {
			.block-inner {
				vertical-align: bottom;
			}
		}

		&.to-center {
			.block-inner {
				text-align: center;
			}
		}

		&.to-left {
			.block-inner {
				text-align: left;
			}
		}

		&.to-right {
			.block-inner {
				text-align: right;
			}
		}

		// Inner Elements
		.block-inner > div:last-child {
			margin-bottom: 0px !important;
		}

		.block-icon-holder {
			color: #fff;
			margin-bottom: 15px;
		}

		.block-heading {
			margin-bottom: 15px;

			.block-header {
				color: #fff;
				font-weight: 400;
				margin: 0;
				//text-transform: uppercase;
			}
		}

		.block-desc {
			margin-bottom: 20px;
			color: #fff;

			h1, h2, h3, h4, h5, h6 {
				color: #fff;
				margin-bottom: 10px;
			}

			p {
				margin-bottom: 10px;
			}

			li {
				color: #fff;
				margin-bottom: 10px;
			}

			a {
				font-weight: bold;
				color: #fff;

				&:hover {
					color: #fff;
				}
			}
		}

		.block-btn {
			a {
				display: inline-block;
				margin-bottom: 0;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;

				.lh-transition( border-color ease 300ms, background ease 300ms );

				font-size: 12px;
				padding: 6px 20px;
				line-height: 1.84;
				background: transparent;
				font-weight: 700;
				text-transform: uppercase;

				.lh-user-select( none );
			
				.lh-border-radius-simple( @img-block-border-radius );

				color: #fff;
				border: 2px solid #fff;

				&:hover {
					background-color: #fff;
					color: #222;
					border-color: #fff;
				}
			}
		}

	} // main-block

	.img-main-block.img-flip-block {
		.opacity(0);
		z-index: 100;
	}

	&.with-flip {
		&:hover {
			.img-main-block {
				.opacity(0);
			}

			.img-main-block.img-flip-block {
				.opacity(1);
			}
		}
	}

}

/***
 *
 * Module > Image Flip
 *
***/

.ivan-image-flip {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	
	.ivan-image-flip-holder {
		position: relative;
		display: inline-block;
		vertical-align: middle;

		img.hover-image {
			position: absolute;
			top: 0;
			left: 0;

			.opacity(0);
		}

		img.active-image {
			position: relative;
			display: block;

			.opacity(1);
		}

		img {
			.lh-transition( all 300ms ease );
			.lh-backface-visibility( hidden );
			.lh-transform( translateZ(0px) );
		}

	}

	&.with-hover-image:hover {

		.ivan-image-flip-holder {
			img.active-image {
				.opacity(0);
			}

			img.hover-image {
				.opacity(1);
			}
		}

	}

} // .ivan-image-flip


/***
 *
 * Module > Pie Chart
 *
***/

.easyPieChart {
	position: relative;
}

.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.ivan-pie-chart-holder {
	display: block;
	.opacity(0);
	margin-bottom: @modules-margin-bottom;

	.ivan-pie-chart {
		font-size: 38px;
		font-weight: 300;
		color: @heading-color;
		text-align: center;
		margin: 0 auto;
	}

	.ivan-pie-chart-content {
		.pie-chart-heading {
			text-align: center;
			color: @heading-color;
			font-weight: 700;
			margin: 30px 0 0;
			//text-transform: uppercase;
		}

		.ivan-vc-separator {
			margin-top: 20px;
			margin-bottom: 20px;
			background-color: @gray-lighten;
			width: 60px;
		}
	}

	.pie-chart-content-inner {
		text-align: center;
		margin-top: 15px;
		margin-bottom: 0;
	}

	// Scheme Gray
	&.gray-bg {
		.ivan-pie-chart,
		.ivan-pie-chart-content .pie-chart-heading,
		.pie-chart-content-inner {
			color: @gray-initial;
		}

		.ivan-pie-chart-content .ivan-vc-separator {
			background-color: @gray-soft;
		}
	}

	// Scheme Dark
	&.dark-bg {
		.ivan-pie-chart,
		.ivan-pie-chart-content .pie-chart-heading,
		.pie-chart-content-inner {
			color: @dark-style;
		}

		.ivan-pie-chart-content .ivan-vc-separator {
			background-color: @dark-style;
		}
	}

	// Scheme Clean
	&.clean-color {
		.ivan-pie-chart,
		.ivan-pie-chart-content .pie-chart-heading,
		.pie-chart-content-inner {
			color: #fff;
		}

		.ivan-pie-chart-content .ivan-vc-separator {
			background-color: rgba(255, 255, 255, 0.4);
		}
	}

	// Scheme Primary
	&.primary-bg {

	}
}

/***
 *
 * Module > Services Block
 *
***/

.ivan-service {
	margin-bottom: @modules-margin-bottom;
	position: relative;
	background-color: #fff;
	border: 1px solid #f6f6f6;
	padding: 31px 0 0;

	.lh-border-radius-simple( @s-block-border-radius );

	&, .fa-stack, .main-icon {
		.lh-transition( all 400ms ease );
	}

	.top-section-holder {
		padding: 0 20px 20px;
	}

	.service-title {
		margin: 0;
		text-align: center;
		margin-bottom: 30px;

		color: @heading-color;
		font-weight: 700;
		//text-transform: uppercase;
		
	}

	.service-icon-holder {
		margin-bottom: 10px;
		text-align: center;
	}

	.main-icon {
		color: @primary;
	}

	.fa-stack {
		border: 2px solid @primary;
		background-color: @primary;

		.lh-box-sizing( initial );

		.lh-border-radius-simple( @s-block-border-radius);

		text-align: center;

		.main-icon {
			color: @primary-color;
		}		
	}

	&.circle {
		.fa-stack {
			.lh-border-radius-simple( 100% );
		}
	}

	.content-section-holder {
		text-align: center;

		color: @gray-normal;

		p {
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
			border-bottom: 1px solid @gray-cleaning;
			padding: 14px 20px;
		}

		p:last-child {
			border-bottom: none !important;
		}

		ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

		li {
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
			border-bottom: 1px solid @gray-cleaning;
			color: @gray-normal;
			padding: 14px 20px;

			&:first-child {
				padding-top: 0;
			}

			&:last-child {
				border-bottom: none !important;
			}
		}

		a {
			font-weight: 400;
			color: @gray-normal;

			&:hover {
				color: @gray-normal;
			}
		}
	}

	// Scheme Gray
	&.gray-bg {
		background-color: @gray-clean;
		border: none;

		.content-section-holder {
			li, p {
				border-bottom-color: @gray-lighten;
			}
		}
	}

	// Scheme Dark
	&.dark-bg {
		background-color: @dark-style;
		border: none;

		.content-section-holder {
			li, p {
				border-bottom-color: darken(@dark-style, 2.5%);
				color: @dark-color;
			}

			a, a:hover {
				color: @dark-color;
			}
		}

		.service-title {
			color: @dark-color;
		}


		.main-icon {
			color: @dark-color;
		}

		.fa-stack {
			background-color: @dark-color;
			border-color: @dark-color;

			.main-icon {
				color: @dark-style;
			}
		}
	}

	// Scheme Light
	&.light-bg {
		background-color: #fff;
		border: none;
	}

	// Scheme Primary
	&.primary-bg {
		background-color: @primary;
		border: none;

		.content-section-holder {
			li, p {
				border-bottom-color: darken(@primary, 5%);
				color: @dark-color;
			}

			a, a:hover {
				color: @dark-color;
			}
		}

		.service-title {
			color: @primary-color;
		}

		.main-icon {
			color: @primary-color;
		}

		.fa-stack {
			background-color: @primary-color;
			border-color: @primary-color;

			.main-icon {
				color: @primary;
			}
		}
	}

}


/***
 *
 * Module > Progress Bar
 *
***/

.ivan-progress {

	margin-bottom: @modules-margin-bottom;
	position: relative;
	width: 100%;
	overflow: hidden;

	.ivan-progress-outer {
		background-color: @gray-lighten;
		position: relative;
		overflow: hidden;
		height: 25px;

		.lh-border-radius-simple( @p-bar-border-radius );

		.lh-box-sizing( initial );
	}

	.ivan-progress-inner {
		position: absolute;
		top: 0;
		left: 0;

		max-width: 100%;
		overflow: hidden;
		background-color: @corpo-progress-bar-bg;
		height: 25px;

		.lh-border-radius-simple( @p-bar-border-radius );
	}

	.progress-title-holder {
		margin: 0 0 6px 0;
		position: relative;

		font-size: 13px;
		font-weight: bold;
		color: @text-color;
	}

	.progress-title-text {
		display: inline-block;
		z-index: 110;
	}

	.progress-title-counter {
	    position: absolute;
	    top: 0px;
	    right: 0px;

	    //font-size: 18px;
	}

	// Scheme Gray
	&.gray-bg {

		.ivan-progress-outer {
			background-color: @gray-lighten;
		}

		.ivan-progress-inner {
			background-color: @gray-soft;
		}

		.progress-title-holder {
			color: @gray-initial;
		}

	}

	// Scheme Dark
	&.dark-bg {
		.ivan-progress-outer {
			background-color: @dark-style;
			border: 2px solid @dark-style;
		}

		.ivan-progress-inner {
			background-color: @dark-color;
		}

		.progress-title-holder {
			color: @dark-style;
		}
	}

	// Scheme Light
	&.light-bg {
		.ivan-progress-outer {
			background-color: rgba(255, 255, 255, 0.61);
		}

		.ivan-progress-inner {
			background-color: #fff;
		}

		.progress-title-holder {
			color: #fff;
		}
	}

	// Scheme Primary
	&.primary-bg {
		.ivan-progress-outer {
			background-color: @p-bar-primary-bg-outer;
		}

		.ivan-progress-inner {
			background-color: @corpo-progress-bar-bg;
		}
	}
}


/***
 *
 * Module > Icon Box
 *
***/

.ivan-icon-box-wrapper {
	margin-bottom: @modules-margin-bottom;
}

.ivan-icon-box {
	position: relative;

	&, .fa-stack, .main-icon {
		.lh-transition( all 400ms ease );
	}

	// Icon Holder

	.icon-box-holder {
		float: left;
		display: inline-block;
		position: relative;

		z-index: 3;
	}

	// Title

	.icon-box-text-holder .icon-box-title {
		display: block;
		margin: 0 0 15px;
		font-weight: 700;
		color: @heading-color;
	}

	&.large {
		.icon-box-text-holder .icon-box-title {
			//margin-bottom: 0.35em;
		}
	}

	// Link
	.icon-box-link-holder {
		a {
			display: inline-block;
			margin: 15px 0 0;
			text-transform: uppercase;

			font-size: 14px;
			font-weight: 700;
			color: @corpo-soft-color;
			border: 2px solid @corpo-clean-border;
			padding: 3px 15px;
			
			.lh-border-radius-simple( @border-radius-base );

			&:hover {

				color: @primary;

			}
		}
	}

	// Separator
	hr {
		border-color: rgba(0, 0, 0, 0.07);
		margin: 25px 25% 10px;
	}

	.icon-box-holder .fa-stack {
	    border: 2px solid @corpo-soft-border; // modded
	    background-color: transparent;

		.lh-box-sizing( initial );

		.lh-border-radius-simple( @i-box-border-radius );

		text-align: center;

		.main-icon {
			color: @corpo-dark-color;
		}
	}

	&:hover {
		.icon-box-holder .fa-stack {
			border-color: @primary;

			.main-icon {
				color: @corpo-dark-color;
			}
		}
	}

	&.circle {
		.icon-box-holder .fa-stack {
			.lh-border-radius-simple( 100% );
		}
	}

	.icon-box-holder .main-icon {
		color: @text-color;
	}

	&:hover {
		.icon-box-holder {
			.main-icon {
				color: @primary;
			}
		}
	}

	// Text Holder
	.icon-box-text-holder {
		position: relative;
	}

	// Text Inner
	.icon-box-text-inner {
		padding: 0 0 16px;
	}

	// Icon Title From Left
	.icon-box-title-holder {
		display: table;
		width: 100%;
		height: 100%;
		margin: 0 0 12px;

		.icon-box-holder {
			display: table-cell;
			text-align: center;
			
			height: 100%;
			vertical-align: middle;
			float: none;
			padding: 0 15px 0 0;
			
			.lh-box-sizing( content-box );

			span {
				position: relative;
				top: 2px;
			}
		}

		.icon-box-title {
			display: table-cell;
			margin: 0 0 0;
			vertical-align: middle;
			width: 100%;
		}
	} // .icon-box-title-holder

	// Alignment
	&.center {
		text-align: center;

		.icon-box-holder {
			float: none;
			display: block;
			margin: 0 0 20px;
			width: 100%;
		}

		&.icon-image .icon-box-holder {
			margin: 0 0 13px;
		}
	}

	// Scheme Gray
	&.gray-bg {

		.icon-box-text-holder .icon-box-title {
			color: @gray-initial;
		}

		.icon-box-content {
			color: @gray-soft;
		}

		.icon-box-holder .main-icon {
			color: @gray-initial;
		}

		a {
			color: @gray-initial;

			&:hover {
				color: @gray-initial;
			}
		}

		hr {
			border-color: @gray-soft;
		}

		.icon-box-holder .fa-stack {
		    border: 2px solid @gray-light;
		    background-color: @gray-light;

		    .main-icon {
		    	color: @gray-clean;
		    }
		}
	}

	// Scheme Dark
	&.dark-bg {
		.icon-box-text-holder .icon-box-title {
			color: @dark-style;
		}

		.icon-box-content {
			color: @dark-style;
		}

		.icon-box-holder .main-icon {
			color: @dark-style;
		}

		a {
			color: @dark-style;

			&:hover {
				color: @dark-style;
			}
		}

		hr {
			border-color: @dark-style;
		}

		.icon-box-holder .fa-stack {
		    border: 2px solid @dark-style;
		    background-color: @dark-style;

		    .main-icon {
		    	color: @dark-color;
		    }
		}
	}

	// Scheme Clean
	&.clean-color, &.light-bg {
		.icon-box-text-holder .icon-box-title {
			color: #fff;
		}

		.icon-box-content {
			color: #fff;
		}

		.icon-box-holder .main-icon {
			color: #fff;
		}

		a {
			color: #fff;

			&:hover {
				color: #fff;
			}
		}

		hr {
			border-color: #fff;
		}

		.icon-box-holder .fa-stack {
		    border: 2px solid #fff;
		    background-color: #fff;

		    .main-icon {
		    	color: @gray-initial;
		    }
		}
	}

	// Scheme Primary
	&.primary-bg {
		
		.icon-box-holder .fa-stack {
		    border: 2px solid @primary;
		    background-color: @primary;

		    .main-icon {
		    	color: @primary-color;
		    }
		}

		.icon-box-holder .main-icon {
			color: @primary;
		}
	}

	// Paddings
	&.tiny .icon-box-text-holder {
		padding: 0 0 0 40px;
	}

	&.tiny.icon-image .icon-box-text-holder {
		padding: 0 0 0 56px;
	}

	&.small-ico .icon-box-text-holder {
		padding: 0 0 0 51px;
	}

	&.tiny.square .icon-box-text-holder {
		padding: 0 0 0 56px;
	}

	&.medium .icon-box-text-holder {
		padding: 0 0 0 73px;
	}

	&.large .icon-box-text-holder {
		padding: 0 0 0 90px;
	}

	&.very-large .icon-box-text-holder {
		padding: 0 0 0 109px;
	}

	&.tiny.boxed .icon-box-text-holder,
	&.tiny.circle .icon-box-text-holder,
	&.tiny.icon-image .icon-box-text-holder{
		padding: 0 0 0 55px;
	}

	&.small-ico.square .icon-box-text-holder,
	&.small-ico.boxed .icon-box-text-holder,
	&.small-ico.circle .icon-box-text-holder,
	&.small-ico.icon-image .icon-box-text-holder{
		padding: 0 0 0 100px;
	}

	&.medium.circle .icon-box-text-holder {
	    padding: 0 0 0 119px;
	}

	&.medium.boxed .icon-box-text-holder,
	&.medium.icon-image .icon-box-text-holder,
	&.medium.square .icon-box-text-holder{
		padding: 0 0 0 119px;
	}

	&.large.boxed .icon-box-text-holder,
	&.large.circle .icon-box-text-holder,
	&.large.icon-image .icon-box-text-holder,
	&.large.square .icon-box-text-holder{
		padding: 0 0 0 142px;
	}

	&.very-large.boxed .icon-box-text-holder,
	&.very-large.circle .icon-box-text-holder,
	&.very-large.square .icon-box-text-holder{
		padding: 0 0 0 170px;
	}

	&.very-large.icon-image .icon-box-text-holder {
		padding: 0 0 0 150px;
	}

	&.left-title .icon-box-text-holder{
		padding: 0 0 0 0px !important;
	}

	&.center .icon-box-text-holder {
		padding: 0 !important;
	}

	&.left-title .icon-box-holder {
		display: block;
	}

	.icon-box-holder img {
		height: initial;
		max-width: initial;
	}

	&.tiny .icon-box-holder img {
		width: 35px;
	}

	&.small-ico .icon-box-holder img {
		width: 52px;
	}

	&.medium .icon-box-holder img {
		width: 78px;
	}

	&.large .icon-box-holder img {
		width: 104px;
	}

	&.very-large .icon-box-holder img {
		width: 130px;
	}

	&.left-title.tiny.normal_icon .icon-box-holder {
		width: 25px;
	}

	&.left-title.medium.normal_icon .icon-box-holder {
		width: 45px;
	}

} // icon-box

// Inside Box Auto Spacer
.iv-boxed-auto-spacer {
	&.tiny{
		padding: 22px 0 0;
	}

	&.small-ico{
		padding: 30px 0 0;
	}

	&.medium{
		padding: 43px 0 0;
	}

	&.large{
		padding: 56px 0 0;
	}

	&.very-large{
		padding: 70px 0 0;
	}
}

// Inside Box
.ivan-icon-boxed-holder {
	display: block;
	position: relative;

	border: 2px solid @gray-lighten;
	.lh-border-radius-simple( @i-box-border-radius );

	&, .fa-stack, .main-icon {
		.lh-transition( all 400ms ease );
	}

	z-index: 190;

	.icon-box-title {
		display: block;
		margin: 0 0 15px;
		font-weight: 700;
		color: @heading-color;
	}

	.ivan-icon-boxed-inner {
		padding: 30px 20px;
		display: block;
		text-align: center;

		&.tiny{
			padding: 42px 20px 35px;
		}

		&.small-ico{
			padding: 50px 20px 35px;
		}

		&.medium{
			padding: 63px 20px 35px;
		}

		&.large{
			padding: 76px 20px 35px;
		}

		&.very-large{
			padding: 90px 20px 35px;
		}
	}

	.ivan-icon-boxed-icon {
		position: absolute;
		top: 0;
		left: 50%;

		display: block;
		
		z-index: 210;
	}

	.ivan-icon-boxed-icon-inner {
		margin: -50% 0 0 -50%;

		.fa-stack {
			background-color: @gray-lighten;
			text-align: center;

			color: @gray-normal;
		}

		.fa-stack {
			.lh-border-radius-simple( @i-box-border-radius );
		}

		&.circle .fa-stack {
			.lh-border-radius-simple( 100% );
		}

		&.image.tiny img{
			height: 35px;
		}

		&.image.small-ico img{
			height: 52px;
		}

		&.image.medium img{
			height: 78px;
		}

		&.image.large img{
			height: 104px;
		}

		&.image.very-large img{
			height: 130px;
		}
	}

	// Scheme Gray
	&.gray-bg {

		border-color: @gray-clean;
		background-color: @gray-clean;

		.icon-box-title {
			color: @gray-initial;
		}

		.icon-box-content {
			color: @gray-soft;
		}

		a {
			color: @gray-initial;

			&:hover {
				color: @gray-initial;
			}
		}

		.ivan-icon-boxed-icon-inner .fa-stack {
		    border: 2px solid @gray-light;
		    background-color: @gray-light;

		    .main-icon {
		    	color: @gray-clean;
		    }
		}
	}

	// Scheme Dark
	&.dark-bg {
		border-color: @dark-style;
		background-color: @dark-style;

		.icon-box-title {
			color: @dark-color;
		}

		.icon-box-content {
			color: @dark-color;
		}

		a {
			color: @dark-color;

			&:hover {
				color: @dark-color;
			}
		}

		.ivan-icon-boxed-icon-inner .fa-stack {
		    border: 2px solid @dark-color;
		    background-color: @dark-color;

		    .main-icon {
		    	color: @dark-style;
		    }
		}
	}

	// Scheme Clean
	&.clean-color {
		border-color: #fff;
		background-color: transparent;

		.icon-box-title {
			color: #fff;
		}

		.icon-box-content {
			color: #fff;
		}

		a {
			color: #fff;

			&:hover {
				color: #fff;
			}
		}

		.ivan-icon-boxed-icon-inner .fa-stack {
		    border: 2px solid #fff;
		    background-color: transparent;

		    .main-icon {
		    	color: #fff;
		    }
		}
	}

	// Scheme Light
	&.light-bg {
		border-color: #fff;
		background-color: #fff;

		.icon-box-title {
			color: @heading-color;
		}

		.icon-box-content {
			color: @gray-normal;
		}

		a {
			color: @gray-normal;

			&:hover {
				color: @gray-normal;
			}
		}

		.ivan-icon-boxed-icon-inner .fa-stack {
		    border: 2px solid @gray-clean;
		    background-color: #fff;

		    .main-icon {
		    	color: @gray-normal;
		    }
		}
	}

	// Scheme Primary
	&.primary-bg {
		
		border-color: #fff;
		background-color: #fff;

		.icon-box-title {
			color: @heading-color;
		}

		.icon-box-content {
			color: @gray-normal;
		}

		a {
			color: @gray-normal;

			&:hover {
				color: @gray-normal;
			}
		}

		.ivan-icon-boxed-icon-inner .fa-stack {
		    border: 2px solid @primary;
		    background-color: @primary;

		    .main-icon {
		    	color: @primary-color;
		    }
		}

	}

} // icon box inside box end

/***
 *
 * Module > Icon
 *
***/

.ivan-icon-wrapper {
	display: inline-block;
	margin-bottom: 3px;

	.ivan-icon {
		display: inline-block;
		color: @gray-initial;
	}

	i, a {
		.lh-transition( all 300ms ease );
	}

	a {
		display: block;
		color: @gray-initial;

		&:hover {
			color: @gray-darken;
		}
	}

	// Circle
	.ivan-font-stack {
		.stack-holder {
			color: @gray-initial;
		}

		.main-icon {
			color: #fff;
		}

		&.with-link:hover {
			.stack-holder {
				color: @gray-darken;
			}
		}
	}

	// Square
	.ivan-font-stack-square {
		background-color: @gray-initial;
		text-align: center;

		i {
			color: #fff;
		}

		&.with-link:hover {
			background: @gray-darken;
		}
	}

	// Effect
	.glow-icon .main-icon {
		text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 20px;
	}

	&.to-center {
		display: block;
		text-align: center;
	}

	&.to-left {
		display: block;
		text-align: left;
	}

	&.to-right {
		display: block;
		text-align: right;
	}

	// Scheme Gray
	.gray-bg {

		.ivan-icon {
			color: @gray-light;
		}

		a {
			color: @gray-light;

			&:hover {
				color: @gray-initial;
			}
		}

		// Circle
		.ivan-font-stack {
			.stack-holder {
				color: @gray-light;
			}

			.main-icon {
				color: @gray-initial;
			}

			&.with-link:hover {
				.stack-holder {
					color: @gray-normal;
				}
			}
		}

		// Square
		.ivan-font-stack-square {
			background-color: @gray-light;
			text-align: center;

			i {
				color: @gray-initial;
			}

			&.with-link:hover {
				background: @gray-normal;
			}
		}
	}

	// Scheme Dark
	.dark-bg {
		.ivan-icon {
			color: @dark-style;
		}

		a {
			color: @dark-style;

			&:hover {
				color: @dark-style;
			}
		}

		// Circle
		.ivan-font-stack {
			.stack-holder {
				color: @dark-style;
			}

			.main-icon {
				color: @dark-color;
			}

			&.with-link:hover {
				.stack-holder {
					color: @dark-style;
				}
			}
		}

		// Square
		.ivan-font-stack-square {
			background-color: @dark-style;
			text-align: center;

			i {
				color: @dark-color;
			}

			&.with-link:hover {
				background: @dark-style;
			}
		}
	}

	// Scheme Light
	.light-bg {
		.ivan-icon {
			color: #fff;
		}

		a {
			color: #fff;

			&:hover {
				color: #fff;
			}
		}

		// Circle
		.ivan-font-stack {
			.stack-holder {
				color: #fff;
			}

			.main-icon {
				color: @gray-initial;
			}

			&.with-link:hover {
				.stack-holder {
					color: #fff;
				}
			}
		}

		// Square
		.ivan-font-stack-square {
			background-color: #fff;
			text-align: center;

			i {
				color: @gray-initial;
			}

			&.with-link:hover {
				background: #fff;
			}
		}
	}

	// Scheme Primary
	.primary-bg {
		.ivan-icon {
			color: @primary;
		}

		a {
			color: @primary-color;

			&:hover {
				color: @primary;
			}
		}

		// Circle
		.ivan-font-stack {
			.stack-holder {
				color: @primary;
			}

			.main-icon {
				color: @primary-color;
			}

			&.with-link:hover {
				.stack-holder {
					color: @primary;
				}
			}
		}

		// Square
		.ivan-font-stack-square {
			background-color: @primary;
			text-align: center;

			i {
				color: @primary-color;
			}

			&.with-link:hover {
				background:@primary;
			}
		}
	} // scheme primary end

	// Social Auto Colors...
	.sa-facebook, .sa-facebook-square { .iv_icon_social_auto( @facebook ); }

	.sa-twitter, .sa-twitter-square { .iv_icon_social_auto( @twitter ); }

	.sa-pinterest, .sa-pinterest-square { .iv_icon_social_auto( @pinterest ); }

	.sa-linkedin, .sa-linkedin-square, .sa-envelope { .iv_icon_social_auto( @linkedin ); }

	.sa-youtube, .sa-youtube-square, .sa-youtube-play  { .iv_icon_social_auto( @youtube ); }

	.sa-instagram { .iv_icon_social_auto( @instagram ); }
	.sa-flickr { .iv_icon_social_auto( @flickr ); }
	.sa-tumblr, .sa-tumblr-square { .iv_icon_social_auto( @tumblr ); }

	.sa-vk { .iv_icon_social_auto( @vk ); }
	.sa-vimeo-square { .iv_icon_social_auto( @vimeo-green ); }

	.sa-google, .sa-google-plus, .sa-google-plus-square { .iv_icon_social_auto( @google-plus ); }

	.sa-foursquare { .iv_icon_social_auto( @foursquare ); }
	.sa-yahoo { .iv_icon_social_auto( @yahoo ); }
	.sa-dribbble { .iv_icon_social_auto( @dribbble ); }
	.sa-wordpress { .iv_icon_social_auto( @wordpress ); }
	.sa-stumbleupon, .sa-stumbleupon-circle { .iv_icon_social_auto( @stumbleupon ); }
	.sa-soundcloud { .iv_icon_social_auto( @soundcloud ); }
	.sa-skype { .iv_icon_social_auto( @skype ); }
	.sa-vine { .iv_icon_social_auto( @vine ); }
	.sa-xing, .sa-xing-square { .iv_icon_social_auto( @xing ); }
	.sa-weibo { .iv_icon_social_auto( @weibo ); }
	.sa-tencent-weibo { .iv_icon_social_auto( @tencent ); }
	.sa-twitch { .iv_icon_social_auto( @twitch ); }
	.sa-renren { .iv_icon_social_auto( @renren ); }
	.sa-git, .sa-git-square, .sa-github, .sa-github-alt, .sa-github-square, 
	.sa-bitbucket, .sa-bitbucket-square, .sa-behance, .sa-behance-square { .iv_icon_social_auto( @git ); }

}

/***
 *
 * Module > Icon List
 *
***/

.ivan-icon-list {
	margin-bottom: @modules-margin-bottom;

	p {
		font-size: 14px;
		line-height: 1.35em;

		margin: 0px;
		padding: 4px 0 0 37px;

		position: relative;
	}

	i {
		font-size: 18px;
		line-height: 27px;
		height: 27px;
		width: 27px;
		text-align: center;
		
		border-radius: 2em;
		-webkit-border-radius: 2em;

		color: @gray-initial;
	}

	&.circle i {
		font-size: 16px;
		color: #fff;
		background-color: @gray-initial;
	}

	// Scheme Gray
	&.gray-bg {

		p, i {
			color: @gray-light;
		}

		&.circle i {
			background-color: @gray-light;
			color: @gray-initial;
		}

	}

	// Scheme Dark
	&.dark-bg {
		p, i {
			color: @dark-style;
		}

		&.circle i {
			background-color: @dark-style;
			color: @dark-color;
		}
	}

	// Scheme Clean
	&.clean-color {
		p, i {
			color: #fff;
		}

		&.circle i {
			background-color: #fff;
			color: @gray-initial;
		}
	}

	// Scheme Primary
	&.primary-bg {
		p {
			color: #fff;
		}

		i {
			color: @primary;
		}

		&.circle i {
			background-color: @primary;
			color: @primary-color;
		}
	}
}

/***
 *
 * Module > List Styled
 *
***/

.ivan-list {
	margin-bottom: @modules-margin-bottom;

	ul {
		display: block;
		list-style-type: none;
		padding: 0;
		margin: 0;

		> li {
			position: relative;
			line-height: 1.35em;
			margin: 0 0 @modules-margin-bottom;
			padding: 0 0 0 @modules-margin-bottom;

			&:last-child {
				margin-bottom: 0px !important;
				padding-bottom: 0px !important;
			}
		}
	}

	p {
		display: none;
	}

	&.number {
		ul {
			counter-reset: li;

			> li {

				padding-left: 30px;

				&:before {

					height: 20px;
					width: 20px;
					line-height: 20px;

					display: inline-block;
						
					position: absolute;
					left: 0;
					top: 0px;

					padding: 0;
					
					color: @gray-initial;
					
					text-align: center;
					content: counter(li, decimal-leading-zero);
					counter-increment: li;

					font-weight: bold;
				}
			}
		}

		&.circle-in {
			ul > li {
				padding-left: 42px;
				margin-bottom: @modules-margin-bottom;

				&:before {
					color: #fff;
					background-color: @gray-initial;

					border-radius: 2em;
					-webkit-border-radius: 2em;

					width: 31px;
					height: 31px;
					line-height: 31px;

					top: -7px;
				}
			}
		}
	} // .number

	&.circle {
		ul {
			> li {

				&:before {
					position: absolute;
					left: 0;
					top: 7px;

					width: 7px;
					height: 7px;
					
					background-color: @gray-initial;
					display: block;

					content: '';
					border-radius: 25px;
					-webkit-border-radius: 25px;
				}

			}
		}
	} // circle

	// Scheme Gray
	&.gray-bg {

		li {
			color: @gray-light;
		}

		&.number {
			
			ul > li {
				&:before {
					color: @gray-light;
				}
			}

			&.circle-in ul > li {
				&:before {
					background-color: @gray-light;
					color: @gray-initial;
				}
			}
				
		}

		&.circle ul > li {
			&:before {
				background-color: @gray-light;
			}
		}
	}

	// Scheme Dark
	&.dark-bg {

		li {
			color: @dark-style;
		}

		&.number {
			
			ul > li {
				&:before {
					color: @dark-style;
				}
			}

			&.circle-in ul > li {
				&:before {
					background-color: @dark-style;
					color: @dark-color;
				}
			}
				
		}

		&.circle ul > li {
			&:before {
				background-color: @dark-style;
			}
		}

	}

	// Scheme Clean
	&.clean-color {
		li {
			color: #fff;
		}

		&.number {
			
			ul > li {
				&:before {
					color: #fff;
				}
			}

			&.circle-in ul > li {
				&:before {
					background-color: #fff;
					color: @gray-initial;
				}
			}
				
		}

		&.circle ul > li {
			&:before {
				background-color: #fff;
			}
		}
	}

	// Scheme Primary
	&.primary-bg {
		li {
			color: #fff;
		}

		&.number {
			
			ul > li {
				&:before {
					color: @primary;
				}
			}

			&.circle-in ul > li {
				&:before {
					background-color: @primary;
					color: @primary-color;
				}
			}
				
		}

		&.circle ul > li {
			&:before {
				background-color: @primary;
			}
		}
	}

}

/***
 *
 * Module > Message
 *
***/

.ivan-message {
	position: relative;
	color: #fff;
	background-color: @msg-info;

	a, a:hover {
		color: #fff;
	}

	margin-bottom: @modules-margin-bottom;

	.lh-border-radius-simple( @msg-border-radius );

	.ivan-message-inner {
		position: relative;
		display: table;
		width: 100%;
	}

	&.with-icon {
		.ivan-message-icon-holder {
			display: table-cell;
			vertical-align: middle;
			width: 120px;
			text-align: center;
			padding: 30px 10px;
			background: rgba(0,0,0,0.2);
			.lh-border-radius-simple( @msg-border-radius);
			.lh-border-bottom-right-radius( 0px) !important ;
			.lh-border-top-right-radius( 0px ) !important ;
		}

		.ivan-message-icon {
		}

		i {
			line-height: 1em;
		}

	} // .with-icon

	.ivan-message-text-holder {
		display: table-cell;
		vertical-align: middle;
		padding: 20px 20px 20px 20px;
	}

	.ivan-message-text {
		font-weight: normal;
		font-size: 14px;

		letter-spacing: 1px;
	}

	.ivan-message-text-inner {
		
	}

	// Default Colors and Bgs
	&.success {
		background-color: @msg-success;
	}

	&.warning {
		background-color: @msg-warning;
	}

	&.error {
		background-color: @msg-error;
	}

	// Close Button
	a.close {
		position: absolute;
  		top: 7px;
    	right: 5px;

		line-height: 13px;

   		color: rgba(255, 255, 255, 0.5);

   		&:hover {
   			color: #fff;
   		}

   		i {
   			width: 14px;
   			height: 14px;
   		}
	}
}

@media (max-width: 480px) {
	
	.ivan-message.with-icon .ivan-message-icon-holder {
		width: 70px;
	}
}

/***
 *
 * Module > Blockquote
 *
***/

.ivan-quote {

	margin-bottom: @modules-margin-bottom;

	blockquote {
		position: relative;
		padding: 15px 15px 15px 15px;
		border-left: 3px solid @gray-clean;
		margin: 0;

		h5 {
		    text-transform: none;
		    font-size: 21px;
		    line-height: 1.3;
		    letter-spacing: normal;
		    color: @gray-dark;
		    font-weight: normal;
		    margin: 0 !important;
		}

		.author {
			text-transform: none;
			font-size: 13px;
			line-height: 1.3;
			letter-spacing: normal;
			color: @gray-dark;
			font-weight: bold;
			margin: 10px 0 0;
		}

		&.with-icon {
			border: none;
		}

		&.with-icon h5 {
		    padding: 0 0 0 40px;
		}

		&.with-icon .author {
		    padding: 0 0 0 40px;
		}

		.pull-left {
			font-size: 22px;
			color: @gray-soft;
			margin: 5px 0 0;
		}
	}

	// Scheme Gray
	&.gray-bg {
		blockquote {
			background-color: @gray-clean;
			padding: 25px 20px;
			border: none;

			.lh-border-radius-simple( @quote-border-radius );
		}
	}

	// Scheme Dark
	&.dark-bg {
		blockquote {
			background-color: @dark-style;
			padding: 25px 20px;
			border: none;

			.lh-border-radius-simple( @quote-border-radius );

			h5, .author, .pull-left {
				color: @dark-color;
			}
		}
	}

	// Scheme Clean
	&.clean-color {
		blockquote {
			border: none;

			h5, .author, .pull-left {
				color: #fff;
			}
		}
	}

	// Scheme Light
	&.light-bg {
		blockquote {
			background-color: #fff;
			padding: 25px 20px;
			border: none;

			.lh-border-radius-simple( @quote-border-radius );
		}
	}

	// Scheme Primary
	&.primary-bg {
		blockquote {
			background-color: @primary;
			padding: 25px 20px;
			border: none;

			.lh-border-radius-simple( @quote-border-radius );

			h5, .author, .pull-left {
				color: @primary-color;
			}
		}
	}
}

/***
 *
 * Module > Counter
 *
***/

.ivan-counter-wrapper {

	h2 {
		margin: 0;
		text-align: center;
		font-size: 54px;
		line-height: 1;
		font-weight: normal;
		color: @gray-dark;
	}

	.icon-above {
		font-size: 65px;
		display: block;
		color: @gray-dark;
		margin-bottom: 15px;

		text-align: center;

		i {
			display: block;
		}
	}

	// Icon Specific
	&.with-icon h2 {
		font-size: 36px;
	}

	.counter-wrapper {

		position: relative;

		.sub {
			text-align: center;
			color: @gray-dark;
			font-weight: bold;
			font-size: 14px;
			line-height: 1.3;
			margin-top: 10px;
			text-transform: uppercase;
		}

	}

	&.clean-color {
		h2, .icon-above, .counter-wrapper .sub {
			color: #fff;
		}
	}

	&.gray-bg {
		h2, .icon-above, .counter-wrapper .sub {
			color: @gray-soft;
		}
	}

}


/***
 *
 * Module > Row Extended
 *
***/

// Bg Video

.ivan-custom-wrapper {

	position: relative;
	margin-bottom: @modules-margin-bottom-wrapper;

	// Defaults
	border-style: solid;
	border-color: @gray-clean;
	border-width: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;

	&.section {
		background-attachment: scroll !important;
	}

	// Width Calculation
	&.full_width {
		padding-left: ~"calc( (100vw - 100%) / 2 )";
		padding-right: ~"calc( (100vw - 100%) / 2 )";
		margin-left: ~"calc( ( (100vw - 100%) / 2) * -1 )";
		margin-right: ~"calc( ( (100vw - 100%) / 2) * -1 )";
	}

	&.full_width.no_margin {
		padding-left: 0;
		padding-right: 0;
	}

	.mobile-video-image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		display: none;

		width: 100%;
		height: 100%;

		position: absolute;
		left: 0;
		top: 0;

		z-index: 10;
	}

	.video-wrap {
		
		position: absolute;
		left: 0;
		right: 0; 
		bottom: 0; 
		top: 0;
		overflow: hidden;

		z-index: 10;

		.mejs-poster {
			background-size: cover !important;
			-moz-background-size: cover !important;
			-webkit-background-size: cover !important;
			-o-background-size: cover !important;
		}

		.mejs-container .mejs-controls {
			display: none !important;
		}

		.mejs-controls .mejs-button button:focus {
			outline: none !important;
		}

		.mejs-controls .mejs-time-rail .mejs-time-loaded {
			background-color: rgba(255, 255, 255, 0.18) !important;
		}

		.mejs-container {
			background-color: transparent !important;
			background-image: none !important;
			height: 100% !important;
			width: 100% !important;
		}

		.mejs-mediaelement{
			background: none !important;
			border: 0px !important;
		}

		.mejs-container .mejs-poster img {
			max-width: none !important;
			width: 100% !important;
		}

		.mejs-controls button { .opacity(0.8); }
		.mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { .opacity(1); }

		.mejs-controls .mejs-time-rail .mejs-time-total {
			background: #1f1f1f none repeat scroll 0 0 !important;
		}

		.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
			background: transparent !important;
		}

		video {
			min-width: 100%;
			height: auto !important;
			min-height: 100%;
			width: 100%;
		}

	} // video-wrap

	> .vc_row:last-child {
		position: relative;
		z-index: 60;
		margin-bottom: 0px;
	}

	.row-overlay {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;

		z-index: 15;
	}

	// Boxed Style
	&.boxed-row > .wpb_row {
		margin-left: 0;
		margin-right: 0;
	}

	// Grid No Cols
	&.no-cols-grid > .wpb_row {
		margin-left: 0;
		margin-right: 0;

		> .wpb_column,
		> .vc-vc_column.vc-container,
		> .vc_vc_column.vc_container-block {
			padding-left: 0;
			padding-right: 0;
		}
	}
	
	// Alignmente
	.to-center {
		text-align: center;
	}

	.to-left {
		text-align: left;
	}

	.to-right {
		text-align: right;
	}

	.icons-margin {
		.ivan-icon-wrapper {
			margin: 5px 2px 5px;
		}
	}

}

// No Margin Full Width
.full_width.no_margin > .wpb_row {
	margin-left: 0;
	margin-right: 0;
}

// No Margin even in Columns Full Width
.full_width.no_margin.no_columns_margin > .wpb_row > .wpb_column,
.full_width.no_margin.no_columns_margin > .wpb_row > .vc-vc_column.vc-container,
.full_width.no_margin.no_columns_margin > .wpb_row > .vc_vc_column.vc_container-block {
	padding-left: 0;
	padding-right: 0;
}

// Page Cut Effects
.ivan-page-cut {
	position: absolute;
	left: 0;
	height: 60px;
	width: 100%;
	z-index: 100;

	.decor {
		fill: white;
	}

	&.top-left, &.top-right {
		bottom: 99.9%;
	}

	&.bottom-left, &.bottom-right {
		top: 99.9%;
	}

	&.top-triangle, &.bottom-triangle {
		text-align: center;
	}
}

.inverse-tri-mobile {
	display: none;
}

// V-Center to any screen size
.v-center.custom-height > .wpb_row {
	display: table;
	height: 100%;
	width: 100%;

	> .wpb_column {
		display: table-cell;
		vertical-align: middle;
		float: none !important;
	}
}

@media (min-width: 480px) {
	
	// V-Center to any screen size
	.v-center.iv-full-viewport > .wpb_row {
		display: table;
		height: 100%;
		width: 100%;

		> .wpb_column {
			display: table-cell;
			vertical-align: middle;
			float: none !important;
		}
	}

	// V-Center Alignment
	.v-center > .wpb_row, .v-center .slimScrollDiv .scrollable > .wpb_row, .v-center .slimScrollDiv > .wpb_row {
		display: table;
		height: 100%;
		width: auto; // comes from width 100%, that result in size errors
		table-layout: fixed;

		> .wpb_column {
			display: table-cell;
			vertical-align: middle;
			float: none !important;
		}
	}

	@-moz-document url-prefix() { 
		.no_margin.v-center > .wpb_row, .no_margin.v-center .slimScrollDiv .scrollable > .wpb_row, .no_margin.v-center .slimScrollDiv > .wpb_row {
			width: 100%; // comes from width 100%, that result in size errors
			table-layout: fixed;
		}
	}

	.v-center .slimScrollDiv .scrollable > .wpb_row, .v-center .slimScrollDiv > .wpb_row {
		margin-bottom: 0;
	}
}

@media (max-width: 480px) {

	// Adjusts margins of inner rows
	.ivan-custom-wrapper .wpb_row {
		> .wpb_column {
			margin-bottom: @modules-margin-bottom-rows;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	// Inverse Triangle Fixes
	.inverse-tri {
		display: none;
	}

	.inverse-tri-mobile {
		display: block;
	}
}

@media (max-width: 991px) {
	.ivan-bg-video, .ivan-bg-video-inner {
		display: none;
	}

	.ivan-custom-wrapper {
		background-attachment: scroll !important;
	}
}

/***
 *
 * Extension > Single Image (from VC)
 *
***/

.ivan-single-image-wrap.with-cover {

	position: relative;

	a {
		display: inline-block;
		overflow: hidden;
		position: relative;

		.lh-backface-visibility( hidden );
		.lh-transform( translateZ(0px) );

		img {
			display: block;
		    width: 100%;

		    .lh-transition( all 0.3s ease );
		    .lh-transform( scale(1, 1) );	
		}	

		// Zoom Effect
		&:hover {
			img {
				.lh-transform( scale(1.03, 1.03) );	
			}
		}
	}

	// Overlay Effect
	.iv-gallery-hover {
		position: absolute;
		bottom: 0;
		left: 0;

		width: 100%;
		height: 100%;

		display: inline-block;
		background-color: #000;
		background-color: rgba(0, 0, 0, 0.6);

		visibility: visible;
		.opacity(0);

		.lh-transition( opacity 400ms );
		.lh-transform( translateZ(0px) );
		.lh-backface-visibility( hidden );

	    z-index: 1000;

	    i {
		    position: absolute;
		    top: 50%;
		    left: 50%;

		    margin: -15px 0 0 -15px;
		    font-size: 28px;
		    color: #fff;

		    width: 28px;
		    height: 28px;
		    line-height: 28px;

		    text-align: center;
		    display: inline-block;
	    }
	}

	a:hover .iv-gallery-hover {
		.opacity(1);
	}
}

/***
 *
 * Extension > Gallery (from VC)
 *
***/

.wpb_image_grid .iv-gallery-wrapper {
	width: 100.1%;

	ul li a {
		margin-right: -1px;
		margin-bottom: -1px !important;
	}
}

.wpb_gallery {
	margin-bottom: 0px;
}

.iv-gallery-wrapper {
	display: block;
	position: relative;

	ul {
		display: block;
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;

		li {
			position: relative;
			display: block;
			float: left;
			overflow: hidden;

			a {
				display: block;
				position: relative;

				.lh-backface-visibility( hidden );
				.lh-transform( translateZ(0px) );

				img {
					display: block;
				    width: 100%;

				    .lh-transition( all 0.3s ease );
				    .lh-transform( scale(1, 1) );	
				}

			}

			// Zoom Effect
			&:hover {
				a img {
					.lh-transform( scale(1.03, 1.03) );	
				}
			}

			// Grayscale Effect
			&.grayscale-effect {
				a img {
					.lh-grayscale(100%);
				}

				&:hover {
					a img {
						.lh-grayscale(0%);
					}
				}
			}

			// Overlay Effect
			.iv-gallery-hover {
				position: absolute;
				bottom: 0;
				left: 0;

				width: 100%;
				height: 100%;

				display: inline-block;
				background-color: #000;
				background-color: rgba(0, 0, 0, 0.6);

				visibility: visible;
				.opacity(0);

				.lh-transition( opacity 400ms );
				.lh-transform( translateZ(0px) );
				.lh-backface-visibility( hidden );

			    z-index: 1000;

			    i {
				    position: absolute;
				    top: 50%;
				    left: 50%;

				    margin: -15px 0 0 -15px;
				    font-size: 28px;
				    color: #fff;

				    width: 28px;
				    height: 28px;
				    line-height: 28px;

				    text-align: center;
				    display: inline-block;
			    }
			}

			&:hover .iv-gallery-hover {
				.opacity(1);
			}


		} // li

		// Cols Sizes
		&.cols-5 li {
			width: 20%;
			margin: 0 !important;
		}

		&.cols-4 li {
			width: 25%;
			margin: 0 !important;
		}

		&.cols-3 li {
			width: 33.33333333333333%;
			margin: 0 !important;
		}

		&.cols-2 li {
			width: 50%;
			margin: 0 !important;
		}

	} // ul
}

// Image Gallery with Frame, please...
.device-wrapper {

	text-align: center;

	> div {
		margin: 0 auto;
	}

	.wpb_flexslider {
		margin: 0 !important;
	}

	&.force-height {
		.wpb_flexslider {
			height: 100% !important;
			
			.flex-viewport {
				height: 100% !important;
			}

			.slides, .slides li, .slides img {
				height: 100% !important;
			}
		}
	}
}

@media( max-width: 480px ) {
	.device-wrapper .dm-width {
		width: 100% !important;
	}
}

// Custom Directionals
.wpb_flexslider {
	
	.flex-direction-nav a {
		width: 40px;
		height: 40px;
		margin: -20px 0 0;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
	}

	&.flexslider:hover .flex-prev, 
	&.flexslider:hover .flex-next {
		opacity: 1;
	}

	&.flexslider:hover .flex-next:hover, 
	&.flexslider:hover .flex-prev:hover {
		opacity: 1;
	}

	.flex-direction-nav a:before {
		font-family: 'FontAwesome';
		font-size: 40px;
		content: "\f104";
	}

	.flex-direction-nav a.flex-next:before {
		content: "\f105";
	}

}

/***
 *
 * Extension > Tabs
 *
***/

.ivan-tabs-wrap {
	.wpb_tab div:last-child {
		margin-bottom: 0;
	}
}

.ivan-tabs-wrap .wpb_tour_tabs_wrapper.iv-tabs {
	
	margin-bottom: @modules-margin-bottom;

	display: block;

	// Nav Links
	.wpb_tabs_nav {
		li {

			line-height: 1.3;

			margin: 0;
			display: inline-block;

			a {
				padding: 10px 14px;
				font-size: @tab-title-font;
				font-weight: 400;
				//text-transform: uppercase;

				color: @tab-color;
			}

			&.ui-tabs-active {
				background-color: transparent;

				a {
					color: @tab-color-hover;
				}
			}

			&:hover {
				background-color: transparent;

				a {
					color: @tab-color-hover;
				}
			}

		}
	}

	// Content Block
	.wpb_tab {
		background-color: transparent;
		padding: 10px 0 0 0;
	}

	// Styles
	&.iv-horizontal.center {
		.wpb_tabs_nav {
			text-align: center;

			li {
				float: none;
			}
		}
	}

	&.iv-horizontal.left {
		.wpb_tabs_nav {

			li:first-child {
				a {
					padding-left: 0;
				}
			}
		}
	}

	&.iv-horizontal.right {
		.wpb_tabs_nav {
			text-align: right;

			li {
				float: none;
			}

			li:last-child {
				a {
					padding-right: 0;
				}
			}
		}
	}

	// Boxed Style
	&.iv-boxed {

		.wpb_tabs_nav {
			li {

				a {
					border: 1px solid @tab-block-border;
					background-color: @tab-block-bg;
					color: @tab-block-color;
					border-bottom-color: transparent !important;

					.lh-border-radius-simple( @tab-block-radius @tab-block-radius 0 0 );

					margin-right: 5px;

					padding: 11px 30px;

					position: relative;
					z-index: 400;
				}

				&.ui-tabs-active {
					a {
						border: 1px solid @tab-block-border-hover;
						border-bottom-color: @body-bg !important;

						background-color: @tab-block-bg-hover;

						color: @tab-block-color-hover;
						
						/* Only Used when opaque bg...
						&:after {
							content: " ";
							position: absolute;
							height: 1px;
							display: block;
							bottom: -1px;
							left: 0;
							width: 100%;
							background: @tab-bg-base;
							z-index: 300;
						}
						*/
					}
				}
			}
		}

		.wpb_tab {
			border: 1px solid @tab-block-border-hover;
			position: relative;
			z-index: 250;
			top: -1px;
			padding: 35px 30px;
		}

	} // .boxed

	// Wide Boxed Style
	&.iv-boxed-wide {

		.wpb_tabs_nav {
			background: #e8f1f9;
			padding-top: 20px;
			padding-left: ~"calc( (100vw - 100%) / 2 )" !important;
			padding-right: ~"calc( (100vw - 100%) / 2 )";
			margin-left: ~"calc( ( (100vw - 100%) / 2) * -1 )";
			margin-right: ~"calc( ( (100vw - 100%) / 2) * -1 )";
		}

		.wpb_tabs_nav {
			li {

				background: transparent;

				a {
					background-color: transparent;
					color: #899fb0;

					margin-right: 5px;

					padding: 15px 40px;

					font-size: 14px;
					text-transform: uppercase;

					position: relative;
					z-index: 400;

					&:hover {
						color: #292d33;
					}
				}

				&.ui-tabs-active {
					a {
						background-color: #fff;

						color: #292d33;
						
					}
				}
			}
		}

		.wpb_tab {
			position: relative;
			z-index: 250;
			padding-top: 40px;
		}

	} // .boxed

	// Vertical
	&.iv-vertical {
		.wpb_tabs_nav {
			width: 24%;

			li {

				float: none;
				display: block;
				width: 100%;

				a {
					border: 1px solid transparent;
					display: block;
					text-align: center;
					padding: 13px 16px;
					position: relative;
					z-index: 200;

					color: @tab-v-color;
					white-space: normal;
				}

				&.ui-tabs-active a {
					color: @tab-v-color-hover;
				}

			}
		}

		&.left {
			.wpb_tabs_nav {
				float: left;

				li {

					a {
						.lh-border-radius-simple( @tab-v-radius 0 0 @tab-v-radius );
					}

					&.ui-tabs-active {
						a {
							border: 1px solid @tab-v-border;
							border-right-color: transparent;

							position: relative;

							&:after {
								content: " ";
								position: absolute;
								height: 100%;
								display: block;
								right: -1px;
								top: 0;
								width: 1px;
								background: @tab-bg-base;
								z-index: 300;
							}
						}
					}

				}
			}

			.wpb_tab {
				float: left;
				border-left: 1px solid @tab-v-border;
				position: relative;
				z-index: 100;
				left: -1px;
				padding: 0 0 0 30px;
			}
		}

		&.right {
			.wpb_tabs_nav {
				float: right;

				li {

					a {
						.lh-border-radius-simple( 0 @tab-v-radius @tab-v-radius 0 );
					}

					&.ui-tabs-active {
						a {
							border: 1px solid @tab-v-border;
							border-left-color: transparent;

							position: relative;

							&:after {
								content: " ";
								position: absolute;
								height: 100%;
								display: block;
								left: -1px;
								top: 0;
								width: 2px;
								background: @tab-bg-base;
								z-index: 300;
							}
						}
					}

				}
			}

			.wpb_tab {
				float: left;
				border-right: 1px solid @tab-v-border;
				position: relative;
				z-index: 100;
				right: -1px;
				padding: 0 30px 0 0;
			}
		}

		.wpb_tab {
			width: 76%;
		}

	} // .iv-vertical


} // .iv-tabs

// Responsive Version of Module
@media (max-width: 480px) {

	// Left Vertical Tabs
	.ivan-tabs-wrap .wpb_tour_tabs_wrapper.iv-tabs.iv-vertical.left .wpb_tabs_nav li a {
		padding-left: 5px;
		padding-right: 0;
	}

	// Right Vertical Tabs
	.ivan-tabs-wrap .wpb_tour_tabs_wrapper.iv-tabs.iv-vertical.right .wpb_tabs_nav li a {
		padding-right: 5px;
		padding-left: 0;
	}
}

/***
 *
 * Extension > Toggle
 *
***/

.ivan-toggle-wrap {
	.last_toggle_el_margin {
		margin-bottom: 5px;
	}
}

.wpb_toggle {
	background-image: none !important;

	position: relative;
	display: block;

	// Accordion Style
	&.iv-toggle {

		// Accordion Title
		cursor: pointer;

		position: relative;
		display: block;

		padding: 0;
		margin: 0 0 5px;
		background: none;

		min-height: 45px;
		font-size: @acc-title-font;
		//text-transform: uppercase;
		font-weight: 700;

		line-height: 2em;

		padding-top: 9px;

		.lh-transform( translateZ(0px) );

		color: @acc-color;

		.lh-transition(background 300ms ease, border 300ms ease, color  150ms ease);

		// Adds Icon to Toggle
		&.with-arrow {
			// Icon Mark
			.accordion-mark {
				display: block;
				position: relative;

			    width: 45px;
			    height: 45px;

			    border: 2px solid @acc-toggle-border;

			    .lh-border-radius-simple( @acc-border-radius );
			    
			    background-color: @acc-toggle-bg;

				&.left-mark {
					position: absolute;
					left: 0px;
					top: 0px;
				}

				// Icon at middle
				.accordion-mark-icon {
					display: block;
					position: absolute;
					
					left: 50%;
					margin-left: -5px;
					top: 50%;
					margin-top: -14px;

					color: @acc-toggle-color;

					&:before {
						content: "\f067";
						display: inline-block;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
					}
				}
			}

			// Tab Title
			.tab-title {
				padding: 0 0 0 63px;
				display: block;
			}

			&.wpb_toggle_title_active {

				.accordion-mark {
					background-color: @acc-toggle-bg-hover;
					border-color: @acc-toggle-border-hover;
				}

				.accordion-mark .accordion-mark-icon {

					color: @acc-toggle-color-hover;

					&:before {
						content: "\f068";
					}
				}

			}

		} // With Arrow Style End

		// Boxed Styles
		&.boxed {
			padding: 16px 15px;
			text-align: center;
			min-height: initial;

			line-height: 1.3;
			background-color: @acc-boxed-bg;

			.lh-border-radius-simple( @acc-border-radius );
		}

		// Boxed with Arrow
		&.boxed-arrow {
			
			padding: 16px 20px 16px 20px;
			text-align: left;
			min-height: initial;
			line-height: 1.3;

			background-color: @acc-arrow-bg;

			.lh-border-radius-simple( @acc-border-radius );

			color: @acc-arrow-color;

			position: relative;

			// Tab Title
			.tab-title {
				padding: 0 15px 0 0px;
				display: block;
				position: relative;
			}

			// Icon Mark
			.toggle-mark {
				&.right-mark {
					position: absolute;
					right: 0px;
					top: 0px;
				}

				// Icon at middle
				.toggle-mark-icon {

					color: @acc-arrow-color;

					&:before {
						content: "\f107";
						display: inline-block;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
					}
				}
			}

			&.wpb_toggle_title_active {

				background: @acc-arrow-bg-hover;
				color: @acc-arrow-color-hover;

				.toggle-mark .toggle-mark-icon {

					color: @acc-arrow-color-hover;

					&:before {
						content: "\f106";
					}
				}
			}
		} // boxed with arrow style

	} // Toggle Styles Styles
}

// Toggle Content Areas
.wpb_toggle_content.with_arrow {
	padding: 8px 0 25px 63px;
	margin: 0;
}

.wpb_toggle_content.boxed {
	padding: 20px 25px 25px 25px;
	margin: 0;
}

.wpb_toggle_content.boxed_arrow {
	padding: 20px 20px 25px 20px;
	margin: 0;
}

/***
 *
 * Extension > Accordion
 *
***/

// Removes default outline
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
	outline: none;
}

.wpb_accordion_header, .wpb_accordion_header a,
.wpb_accordion_header span {
	.lh-transition(background 300ms ease, border 300ms ease, color  150ms ease);
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, 
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
	display: none;
}

.ivan_acc_holder {

	position: relative;
	display: block;
	margin-bottom: @modules-margin-bottom;
	
	// Accordion Style
	&.iv-accordion {

		// Accordion Title
		.ui-accordion-header {
			cursor: pointer;

			position: relative;
			display: block;

			padding: 0;
			margin: 0 0 5px;
			background: none;

			min-height: 45px;
			font-size: @acc-title-font;
			//text-transform: uppercase;
			font-weight: 700;

			line-height: 2em;

			padding-top: 9px;

			.lh-transform( translateZ(0px) );

			&:hover {
				
			}

			// Accordion Link
			a {
				padding: 0 !important;
				display: block;

				color: @acc-color;

				&:hover {

				}

			} // Accordion Link

		}

		// Adds Icon to Carousel
		&.with-toggle {
			// Icon Mark
			.accordion-mark {
				display: block;
				position: relative;

			    width: 45px;
			    height: 45px;

			    border: 2px solid @acc-toggle-border;

			    .lh-border-radius-simple( @acc-border-radius );
			    
			    background-color: @acc-toggle-bg;
				
				// Add Transition

				&.left-mark {
					position: absolute;
					left: 0px;
					top: 0px;
				}

				// Icon at middle
				.accordion-mark-icon {
					display: block;
					position: absolute;
					
					left: 50%;
					margin-left: -5px;
					top: 50%;
					margin-top: -14px;

					color: @acc-toggle-color;

					&:before {
						content: "\f067";
						display: inline-block;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
					}
				}
			}

			// Tab Title
			.tab-title {
				padding: 0 0 0 63px;
				display: block;
			}

			.ui-state-active {

				.accordion-mark {
					background-color: @acc-toggle-bg-hover;
					border-color: @acc-toggle-border-hover;
				}

				.accordion-mark .accordion-mark-icon {

					color: @acc-toggle-color-hover;

					&:before {
						content: "\f068";
					}
				}
			}

			.wpb_accordion_wrapper .wpb_accordion_content {
				padding: 8px 0 25px 63px;
				margin: 0;
			}

		} // With Arrow Style End

		// Boxed Styles
		&.boxed {
			.ui-accordion-header {
				padding: 16px 15px;
				text-align: center;
				min-height: initial;

				line-height: 1.3;
				background-color: @acc-boxed-bg;

				.lh-border-radius-simple( @acc-border-radius );

			}

			.wpb_accordion_wrapper .wpb_accordion_content {
				padding: 20px 25px 25px 25px;
				margin: 0;
			}
		}

		// Boxed with Arrow Styles
		&.with-arrow {
			.ui-accordion-header {
				padding: 16px 20px 16px 20px;
				text-align: left;
				min-height: initial;
				line-height: 1.3;

				background-color: @acc-arrow-bg;

				.lh-border-radius-simple( @acc-border-radius );

				a {
					position: relative;
					color: @acc-arrow-color;
				}
			}

			// Icon Mark
			.accordion-mark {
				&.left-mark {
					position: absolute;
					right: 0px;
					top: 0px;
				}

				// Icon at middle
				.accordion-mark-icon {

					color: @acc-arrow-color;

					&:before {
						content: "\f107";
						display: inline-block;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
					}
				}
			}

			// Tab Title
			.tab-title {
				padding: 0 15px 0 0px;
				display: block;
				position: relative;
			}

			.ui-state-active {

				background: @acc-arrow-bg-hover;

				a {
					color: @acc-arrow-color-hover;
				}

				.accordion-mark .accordion-mark-icon {

					color: @acc-arrow-color-hover;

					&:before {
						content: "\f106";
					}
				}
			}

			.wpb_accordion_wrapper .wpb_accordion_content {
				padding: 20px 20px 25px 20px;
				margin: 0;
			}
		}

	} // Accordion Style
}


/***
 *
 * Extension > Separator
 *
***/

.ivan-vc-separator {
	
	// Default styles...
	position: relative;
	display: block;
	height: @separator-height;
	background-color: @separator-color;
	margin: @modules-margin-bottom 0;

	&.small {
	    background-color: @separator-small-color;
	    height: @separator-small-height;
	    position: relative;
	    width: @separator-small-width;
	    display: block;
	    margin: @modules-margin-bottom-half auto @modules-margin-bottom auto;
	}

	&.small.left {
	     margin: @modules-margin-bottom-half 0 @modules-margin-bottom 0;
	}

	&.small.right {
	     margin: @modules-margin-bottom-half 0 @modules-margin-bottom auto;
	}

	&.invisible {
		background-color: transparent;
		height: @modules-margin-bottom;
		margin: 0;
	}

	// Scheme Gray
	&.gray-bg {
		background-color: @separator-color;
	}

	// Scheme Dark
	&.dark-bg {
		background-color: @dark-style;
	}

	// Scheme Light
	&.light-bg {
		background-color: #fff;
	}

	// Scheme Primary
	&.primary-bg {
		background-color: @primary;
	}
}

/***
 *
 * Module > Highlight
 *
***/

.ivan-highlight {
	background-color: #52D9B0;
	color: #fff;
	padding: 0 3px;
}

/***
 *
 * Module > Lead
 *
***/

.ivan-lead {
	margin-bottom: @modules-margin-bottom;
	line-height: 1.84;
	font-size: 18px;
	font-weight: 300;

	&.light {
		color: #fff;

		a, a:hover {
			color: #fff;
		}
	}
}

/***
 *
 * Module > Animated Arrow
 *
***/

.ivan-arrow {
	text-align: center;
	
	&.shake {
		.lh-animation( iv-v-shake 500ms infinite );
	}

	&.pulse {
		.lh-animation( iv-pulse 1.5s infinite );
	}

	color: @gray-normal;

	&.circle .fa-stack {
		border: 1px solid @gray-normal;
		.lh-border-radius-simple( 100% );
	}

	&.square .fa-stack {
		border: 1px solid @gray-normal;
	}

	a {
		display: inline-block;
		.lh-transition( all ease 350ms );
		
		color: @gray-normal;
		border-color: @gray-normal;

		&:hover {
			color: @gray-dark;
			border-color: @gray-dark;
		}
	}

	&.light {
		color: #fff;

		&.circle, &.square {
			.fa-stack {
				border: 1px solid #fff;
			}
		}

		a {
			color: #fff;
			border-color: #fff;

			&:hover {
				color: #fff;
				border-color: #fff;
			}
		}
	}

	&.double {
		&.circle, &.square {
			.fa-stack {
				border-width: 2px;
			}
		}
	}
}

// Vertical Shake
.lh-keyframes(~'iv-v-shake, 0%{ transform: translateY(0px); } 25%{ transform: translateY(3px); } 50%{ transform: translateY(0px); } 75%{ transform: translateY(-3px);  } 100%{ transform: translateY(0px); }');

// Pulse
.lh-keyframes(~'iv-pulse, 0%{ transform: scale(1, 1); } 50%{ transform: scale(1.5, 1.5); } 100%{ transform: scale(1, 1); }');

/***
 *
 * Module > Dropcap
 *
***/

.ivan-dropcap {
	position: relative;

	display: inline-block;
	float: left;

	height: 48px;
	width: 48px;
	line-height: 48px;

	font-size: 22px;

	color: @gray-initial;

	text-align: center;

	margin: 5px 20px 0 0;
	border: 2px solid transparent;

	box-sizing: initial;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;

	// Circle and Square Styles
	&.circle, &.square {
		border-color: @gray-clean;
		color: @gray-initial;
	}

	&.normal {
		font-weight: bold;
		left: 8px;
	}
	
	&.circle {
		border-radius: 2em;
		-webkit-border-radius: 2em;
	}

	&.square {

	}
}

/***
 *
 * Extension > Unstyled List
 *
***/

	.iv-unstyled-list {
		p {
			display: none;
		}

		ul, ol {
			margin-left: 0;
			list-style-type: none;
			padding-left: 0;
		}
	}

/***
 *
 * Extension > Inline List
 *
***/

	.iv-inline-list {
		margin: 0;
		padding: 0;
		display: block;

		br {
			display: none;
		}
		
		.to-center {
			text-align: center;
		}

		.to-right {
			text-align: right;
		}

		.to-left {
			text-align: left;
		}

		li {
			margin: 0 12px 0 0;
			display: inline-block;
			padding: 0;

			&:last-child {
				margin: 0;
			}
		}
	}

/***
 *
 * Extension > fullPageJS
 *
***/

/**
 * fullPage 1.6.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
#superContainer {
	height: 100%;
	position: relative;
	
	/* Touch detection for Windows 8 */
	-ms-touch-action: none; 
}
.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section.table, .slide.table {
	display: table;
}
.tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.slidesContainer {
	float: left;
	position: relative;
}
.controlArrow {
	position: absolute;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
}
.controlArrow.prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}
.scrollable {
	overflow: scroll;
}
.easing {
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
#fullPage-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	.opacity(1);
}
#fullPage-nav.right {
	right: 17px;
}
#fullPage-nav.left {
	left: 17px;
}
.fullPage-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	.opacity(1);
}
.fullPage-slidesNav.bottom {
	bottom: 17px;
}
.fullPage-slidesNav.top {
	top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position:relative;
}
.fullPage-slidesNav li {
	display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
	.opacity(0.3);
}
#fullPage-nav span,
.fullPage-slidesNav span {
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}

.fullPage-tooltip {
	position: absolute;
	color: #fff;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	top: -9px;

	background: rgba(30, 30, 30, 0.83);
	padding: 8px 15px;

	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;

	&:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(51, 51, 51, 0);
		border-left-color: rgba(30, 30, 30, 0.83);
		border-width: 6px;
		margin-top: -6px;
	}
}

.fullPage-no-tooltips .fullPage-tooltip {
	display: none !important;
}

.fullPage-tooltip.right {
	right: 28px;
}

.fullPage-tooltip.left {
	left: 28px;
}

/***
 *
 * Carousel Style > Boxed Items
 *
***/

.owl-carousel.boxed-items {

	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;

	.owl-wrapper-outer {
		overflow: visible;
	}
	
	.owl-item {
		border:1px solid #e6e6e6;
		border-left:none;
		text-align:center;
		opacity:.8;
		-moz-opacity:.8;
		transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;

		&:hover {
			opacity:1;
			-moz-opacity:1;
		}
	}

	.owl-item + .owl-item{
		border-left:none;
	}
}

/***
 *
 * WooShortcode Adjusts
 *
***/

.ivan-woo-shortcode {
	margin-bottom: @modules-margin-bottom-rows;

	ul.products {
		margin-bottom: 0 !important;
	}
}

@media(min-width: 480px) {
	.ivan-woo-shortcode {
		ul.products li.product {
			margin-bottom: 0 !important;
		}
	}
}