/* * Shortcodes */



/* Shortcode:Drop Caps
-------------------------------------------------------------------- */
.mk-dropcaps {
	display: inline-block;
	float: left;
	margin: 5px 8px 0 0;
	width: 30px;
	height: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
	&.square-custom, &.circle-custom {
		color: #fff !important;
	}
	&.circle-custom, &.circle-default {
		margin-top: 3px;
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		.border-radius(60px);
	}
	&.circle-default, &.square-default {
		border: 2px solid #eee;
		background-color: #fafafa;
	}
}

/* Shortcode:Highlight
-------------------------------------------------------------------- */
.mk-highlight {
	display: inline-block;
	margin:1px 2px;
	&.default-highlight {
		padding: 5px 10px;
		background-color: #ededed;
	}
	&.custom-highlight {
		color: #fff;
		padding: 5px;
	}
}

/* Shortcode: Skill Meter
-------------------------------------------------------------------- */
.mk-skill-meter {
	margin-bottom: 18px;
	.mk-skill-meter-title {
		display: block;
		margin-bottom: 10px;
		color: #777;
		font-weight: bold;
		line-height: 13px;
		font-weight: bold;
	}
	.mk-progress-bar {
		position: relative;
		display: block;
		background-color: #eee;
		width: 100%;
		border-color: #eee;
		border-style: solid;
		.progress-outer {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		}
	}
}


/* Shortcode : Animated Columns
-------------------------------------------------------------------- */

.mk-animated-columns {

	.clearfix();
	overflow: hidden;


	&.one-column .animated-column-item-wrap{
		width: 100%;
	}
	&.two-column .animated-column-item-wrap{
		width: 50%;
	}
	&.three-column .animated-column-item-wrap{
		width: 33.33%;
	}
	&.four-column .animated-column-item-wrap{
		width: 25%;
	}
	&.five-column .animated-column-item-wrap{
		width: 20%;
	}
	&.six-column .animated-column-item-wrap{
		width: 16.66%;
	}
	&.seven-column .animated-column-item-wrap{
		width: 14.28%;
	}
	&.eight-column .animated-column-item-wrap{
		width: 12.5%;
	}


	&.one-column .animated-column-item {
		border-right-width:1px; 
	}
	&.two-column .animated-column-item:nth-of-type(2n) {
		border-right-width:1px;
	}
	&.three-column .animated-column-item:nth-of-type(3n) {
		border-right-width:1px;
	}
	&.four-column .animated-column-item:nth-of-type(4n) {
		border-right-width:1px;
	}
	&.five-column .animated-column-item:nth-of-type(5n) {
		border-right-width:1px;
	}
	&.six-column .animated-column-item:nth-of-type(6n) {  
		border-right-width:1px;
	}
	&.seven-column .animated-column-item:nth-of-type(7n) {
		border-right-width:1px;
	}
	&.eight-column .animated-column-item:nth-of-type(8n) {
		border-right-width:1px;
	}

	@media handheld, only screen and (max-width:960px) {
		&.four-column .animated-column-item-wrap,
		&.five-column .animated-column-item-wrap,
		&.six-column .animated-column-item-wrap,
		&.seven-column .animated-column-item-wrap,
		&.eight-column .animated-column-item-wrap {
			width: 33.33% !important;
		}
		&.four-column .animated-column-item:nth-of-type(3n),
		&.five-column .animated-column-item:nth-of-type(3n),
		&.six-column .animated-column-item:nth-of-type(3n),
		&.seven-column .animated-column-item:nth-of-type(3n),
		&.eight-column .animated-column-item:nth-of-type(3n) {
			border-right-width:1px;
		}
		&.four-column .animated-column-item:nth-of-type(4n),
		&.five-column .animated-column-item:nth-of-type(5n),
		&.six-column .animated-column-item:nth-of-type(6n),
		&.seven-column .animated-column-item:nth-of-type(7n),
		&.eight-column .animated-column-item:nth-of-type(8n) {
			border-right-width:0;
		}
	}

	@media handheld, only screen and (max-width:767px) {
		&.four-column .animated-column-item:nth-of-type(3n),
		&.five-column .animated-column-item:nth-of-type(3n),
		&.six-column .animated-column-item:nth-of-type(3n),
		&.seven-column .animated-column-item:nth-of-type(3n),
		&.eight-column .animated-column-item:nth-of-type(3n) {
			border-right-width:0;
		}

		&.three-column .animated-column-item-wrap,
		&.four-column .animated-column-item-wrap,
		&.five-column .animated-column-item-wrap,
		&.six-column .animated-column-item-wrap,
		&.seven-column .animated-column-item-wrap,
		&.eight-column .animated-column-item-wrap {
			width: 100% !important;
			border-right-width:1px !important;
		}
		&.three-column .animated-column-item-wrap,
		&.four-column .animated-column-item-wrap,
		&.five-column .animated-column-item-wrap,
		&.six-column .animated-column-item-wrap,
		&.seven-column .animated-column-item-wrap,
		&.eight-column .animated-column-item-wrap {
			border-right-width:1px !important;
		}
	}


	.simple-style a {
		display: block;
		width: 100%;
		height: 100%;
	}

}


.animated-column-item-wrap {
	float: left;
	overflow: hidden;
	text-align: center;
}
.animated-column-item {
	position: relative;
	-webkit-transition: background .2s ease-out 0;
	-moz-transition: background .2s ease-out 0s;
	-o-transition: background .2s ease-out 0;
	transition: background .2s ease-out 0;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:0;
	border-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.animated-column-holder {
	top: 0px;
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.full-style .animated-column-icon {
	padding-bottom: 30px;
	display: block;
}

.simple-style .animated-column-icon, .simple_text-style .animated-column-icon {
	display: block;
}

.simple-style  .animated-column-title, .simple_text-style  .animated-column-title {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top:-100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.simple-style  .animated-column-title span, .simple_text-style  .animated-column-title span {
	display: block;
}

.animated-column-title {
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.full-style .animated-column-title {
	padding-bottom: 10px;
}

.animated-column-simple-title {
	padding-right: 15px;
	padding-left: 15px;
}

.animated-column-desc {
	line-height: 26px;
	font-size: 12px;
	position: relative;
	padding: 20px 30px 50px 30px;
	// position: absolute;
	top:100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.animated-column-btn {
	// position: absolute;
	position: relative;
	top:100%;
	text-align: center;
	width: 100%;
	z-index: 15;
	.mk-button {
		margin: 0 auto;
	}
}
// Animated Column border right for inside visual composer column
.vc_row {
	.vc_col-sm-12 {
		.animated-column-item {
			border-right-width: 1px !important;
		}
	}
}

/* Shortcode:Milestone
-------------------------------------------------------------------- */
.mk-milestone {
	margin-bottom: 20px;
	text-align: center;
	&.classic-style{
		.milestone-number {
			padding: 0 10px 15px;
			display: inline-block;
			&.content-none {
				border: none;
			}
		}
		i {
			text-align: center;
			border-top: none;
			margin: 0 auto;
			display: block;
		}
	}
	&.modern-style{
		.milestone-number {
			margin: 10px 0;
			padding: 0 10px 0;
			display: inline-block;
		}
		i{
			font-size:48px;
			text-align: center;
			border-top: none;
			margin: 0 auto;
			display: block;
		}
	}
	.milestone-text {
		padding-top: 10px;
	}
}

/* Charts
-------------------------------------------------------------------- */
.mk-chart {
	position: relative;
	margin: 0 auto;
	text-align: center;
	canvas {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	i, .chart-custom-text, .chart-percent {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		display: block;
		width: 100%;
		color: #444;
		text-align: center;
	}
	i {
		font-size: 48px;
	}
	.chart-custom-text {
		font-size: 18px;
	}
	.chart-percent {
		font-weight: 600;
		font-size: 16px;
	}
}
.mk-chart-desc {
	display: block;
	text-align: center;
	font-size: 12px;
}
@media handheld, only screen and (max-width:600px) {
	.mk-chart {
		margin: 0 auto;
	}
}

/* Shortcode:Image
-------------------------------------------------------------------- */
.mk-image {
	position: relative;
	overflow: hidden;
	line-height: 4px;
	a{
		display: block;
	}
	&.circular-true{
		border-radius: 50%;
		img {
			border-radius: 50%;
		}
		.hover-overlay{
			border-radius: 50%;
		}
	}
	&.align-left {
		text-align: left;
	}
	&.align-right {
		float: right;
	}
	&.align-center {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	img {
		position: relative;
		z-index: 6;
		line-height: 4px;
		.transition(all 0.3s ease-in-out);
	}
	&.style1-image{
		.hover-overlay{
			background-color: #000 !important;
		}
		&:hover {
			.hover-overlay {
				.opacity(60);
			}
			.mk-image-hover i, .mk-image-caption {
				.opacity(100);
			}
		}
	}
	&.style2-image{
		.hover-overlay{
			background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
			background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
			background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
			background-color: inherit !important;
		}
		&:hover {
			.hover-overlay {
				.opacity(100);
			}
			.mk-image-hover i, .mk-image-caption {
				.opacity(100);
			}
			.mk-image-hover{
				pointer-events: auto;
			}
		}
	}
	.mk-image-hover {
		position: absolute;
		left: 50%;
		top:50%;
		.translate(-50%, -50%);
		z-index: 12;
		text-align: center;
		display: block;
		//pointer-events: none;
		i {
			font-size: 16px;
			color: #fff;
			position: relative;
			.opacity(0);
			width: 27px;
			height: 27px;
			line-height: 27px;
			display: inline-block;
			border:3px solid #fff;
			.border-radius(3px);
			&:hover{
				background-color: #fff;
				color: #000;
			}
		}
	}

	.mk-image-caption {
		line-height: 24px;
		font-size: 13px;
		margin-top: 15px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #fff !important;
		position: relative;
		.opacity(0);
	}

}

/* Shortcode:Tables
-------------------------------------------------------------------- */
.mk-fancy-table {
	overflow: hidden;
	margin-bottom: 20px;
	padding: 15px;
	border:2px solid #eee;
}
.mk-fancy-table table {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.mk-fancy-table th {
	padding: 18px 12px;
	background-color: #f7f7f7;
	color: #4b4b4b;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
.mk-fancy-table {
	tfoot td {
		padding: 8px;
	}
	tfoot {
		background-color: #f3f3f3;
	}
	tr {
		&:nth-child(even){
			background-color: #f7f7f7;
		}
	}
	td {
		padding: 15px 12px;
		font-size: 13px;
		color: #4b4b4b;
		text-align: center;
	}
}

/* Shortcode:List Styles
-------------------------------------------------------------------- */
.mk-list-styles {
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 32px;
		li {
			position: relative;
			overflow: hidden;
			margin: 0 0 6px 0;
			padding: 0 0 0 30px;

			font-size: 14px;
			color: #666;
			&:before, i {
				position: absolute;
				top: 0px;
				left: 5px;
				font-size: 16px;
			}
		}
	}
}

/* Shortcode:List Styles
-------------------------------------------------------------------- */
.mk-image-box {
	overflow: hidden;
	&.rounded-true {
		.border-radius(12px);
		.mk-image-box-media{
			.border-radiuses(9px, 0, 0, 9px);
			-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
		}
		.featured-image {
			.border-radiuses(9px, 0, 0, 9px);
			position:relative;
			z-index:1;
			img{
				.border-radiuses(9px, 0, 0, 9px);
				vertical-align: middle;
			}
		}
	}

	&.align-left{
		.item-holder{
			text-align: left;
		}
	}
	&.align-center{
		.item-holder{
			text-align: center;
		}
	}
	&.align-right{
		.item-holder{
			text-align: right;
		}
	}
	.gallery-meta {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 10;
		text-align: center;
		min-width: 32px;
		margin: -17px 0 0 -17px;
		i {
			&:before{
				height: 28px;
				line-height: 28px;
			}
			font-size: 16px;
			width: 27px;
			height: 27px;
			text-align: center;
			color: #fff;
			border-radius: 3px;
			border:3px solid #fff;
			display: inline-block;
			margin: 0 auto;
			-webkit-backface-visibility: hidden;
			&:hover{
				background-color: #fff;
				color: #000;
			}
		}
	}
	.image-box-title {
		margin-bottom: 16px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
	}
	.image-box-desc {
		font-size: 14px;
		line-height: 24px;
	}
	.item-holder {
		padding: 30px;
	}
	.featured-image {
		display: block;
		overflow: hidden;
		img{
			-webkit-transform: translate3d(0,0,0) scale(1.05);
			transform: translate3d(0,0,0) scale(1.05);
			-webkit-transition: -webkit-transform 0.35s ease-in-out;
			transition: transform 0.35s ease-in-out;
		}
		i{
			opacity: 0;
			visibility: hidden;
			-webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s , color 0.25s;
			transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s , color 0.25s;
			-webkit-transform: translate3d(0,100%, 0);
			transform: translate3d(0,100%,0);
			&:hover{
				background-color: #fff;
				color: #000;
			}
		}
		&:hover{
			img{
				-webkit-transform: translate3d(0,-2.5%,0) scale(1.05);
				transform: translate3d(0,-2.5%,0) scale(1.05);
			}
			i{
				opacity: 1;
				visibility: visible;
				-webkit-transform: translate3d(0,0, 0);
				transform: translate3d(0,0,0);
			}
		}
	}

	.mk-image-box-media {
		overflow: hidden;
		position: relative;
	}

	.mk-imagebox-video-preview {
		display: none;
	}
	.mk-video-container{
		padding-top: 0;

	}
	.mk-imagebox-video{
		display: block;
		width: 100%;
		video{
			display: block;
			height: 100%;
			position: absolute;
			width: 100%;
		}
	}

	@media handheld, only screen and (max-width:600px) {
		.mk-imagebox-video.video-self-hosted {
			display: none!important;
		}
		.mk-imagebox-video-preview {
			display: block;
		}
	}
}


/* Shortcode:Message Boxes
-------------------------------------------------------------------- */
.mk-message-box {
	position: relative;
	display: block;
	margin-bottom: 20px;
	color: #fff;
	&.rounded-style{
		.border-radius(10px);
	}
	.mk-inner-grid {
		padding: 15px;
	}
	.messagebox-content {
		display: block;
		margin: 16px 15px 16px 95px;
		padding: 12px 0 12px 20px;
		border-left: 2px solid rgba(255, 255, 255, 0.5);
		font-size: 15px;
		p {
			margin-bottom: 0;
			color: inherit;
			font-size: inherit;
		}
	}
	.messagebox-icon {
		position: absolute;
		top: 50%;
		left: 60px;
		margin-top: -20px;
		width: 40px;
		height: 40px;
		font-size: 32px;
		line-height: 40px;
	}
	.box-close-btn{
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 16px;
		color: #fff;
		z-index: 5;
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity .2s ease-out;
		opacity: 0.6;
		&:hover{
			opacity: 1;
		}
	}
	&.confirm-box {
		background-color: #a5de37;
	}
	&.love-box {
		background-color: #ff667a;
	}
	&.hint-box {
		background-color: #28cdfb;
	}
	&.solution-box {
		background-color: #f668ca;
	}
	&.alert-box {
		background-color: #ff4351;
	}
	&.warning-box {
		background-color: #fc880f;
	}
	&.star-box {
		background-color: #7b72e9;
	}
	@media handheld, only screen and (max-width:600px) {
		.messagebox-content {
			padding: 60px 10px 10px 10px !important;
			margin: 0 !important;
			border: 0 !important;
			text-align: center !important;
		}
		.messagebox-icon {
			top: 15px !important;
			left: 50% !important;
			margin-top: 0 !important;
			margin-left: -20px !important;
		}
	}
}

/* Shortcode:Button
-------------------------------------------------------------------- */
button.mk-button {
	outline: none;
	border: none;
	background: none;
	line-height: 100%;
}
.mk-button {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-left: 0;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	zoom: 1;
	font-weight: bold;
	font-size: 12px;
	-webkit-transform: translateZ(0);

	&[type=submit], &[type=button] {
		outline: none;
		border: none;
		font-weight: 600;
	}

	span {
		display: inline-block;
	}

	/* Corner Styles
	   ========================================================================== */
	&.full_rounded {
		.border-radius(50px);
	}
	&.rounded {
		.border-radius(3px);
	}
	&.pointed {
		.border-radius(0px);
	}
	&.nudge-button{
		&.rounded {
			&:after{
				.border-radius(3px);
			}
		}
		&.full_rounded {
			&:after{
				.border-radius(50px);
			}
		}
	}


	/* Button Styles
	   ========================================================================== */
	&.three-dimension-button {
		&:active {
			top: 2px !important;
		}
	}
	&.flat-button {
	}
	&.outline-button {
		border-color: #444;
		border-style: solid;
		color: #444;
		&:hover {
			background-color: #444;
			color: #fff;
		}
		&.light {
			border-color: #fff;
			border-style: solid;
			color: #fff;
			&:hover {
				background-color: #fff;
				color: #444;
			}
		}
	}
	&.line-button{
		&:after, &:before{
			width: 2px;
			height: 100%;
			background: #444;
			position: absolute;
			top: 0;
			content: '';
		}
		&:after{
			left: -3px;
			transition: all 0.2s ease-out;
		}
		&:before{
			right: -3px;
			transition: all 0.2s ease-out;
		}
		&:hover{
			&:after{
				left: 0;
			}
			&:before{
				right: 0;
			}
		}
	}
	&.fill-button{
		position: relative;
		overflow: hidden;
		&.rounded, &.full_rounded{
			overflow: auto !important;
		}
		span{
			position: relative;
			/*&.fill-bg{
				width: 0;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 0;
				content: '';
				transition: all .3s ease;
			}*/
		}
		&:before{
			width: 0;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			content: '';
			transition: width 0.25s ease-out;
		}
		i{
			position: relative;
			z-index: 2;
		}
		&:hover{
			&:before{
				width: 100%;
			}
		}
	}
	&.nudge-button{
		&:after{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			content: '';
			transition: width 0.25s ease-out;
			.transform( translateX(0));
			-webkit-transition: all .4s cubic-bezier(.16, .53, .15, .99) 0s;
			-o-transition: all .4s cubic-bezier(.16, .53, .15, .99) 0s;
			-moz-transition: all .4s cubic-bezier(.16, .53, .15, .99) 0s;
			transition: all .4s cubic-bezier(.16, .53, .15, .99) 0s;
		}
		&:hover{
			&:after{
				.transform(translateX(4%));
			}
		}
	}
	&.radius-button{
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		border-radius: 0;
		&:hover{

		}
		&.xxlarge {
			&:hover{
				border-radius: 60px;
			}
		}
		&.xlarge {
			&:hover{
				border-radius: 50px;
			}
		}
		&.large {
			&:hover{
				border-radius: 40px;
			}
		}
		&.medium, &.small {
			&:hover{
				border-radius: 30px;
			}
		}
	}
	&.fancy_link-button{
		border-radius: 0;
		position: relative;
		text-align: left;
		.line{
			display: block;
			height: 2px;
			position: absolute;
			bottom: 0;
			transition: all .3s ease;
			width: 0;
		}
		&:before{
			position: absolute;
			content: '';
			height: 2px;
			bottom: 0;
			left: 0;
			z-index: 1;
		}
		&:before{
			width: 100%;
		}
		i{
			margin-left: 0;
		}
		&:before {
			opacity: .3;
		}

		&.xxlarge {
			padding: 32px 0;
			line-height: 100%;
			font-size: 30px;
		}
		&.xlarge {
			padding: 26px 0;
			line-height: 100%;
			font-size: 25px;
		}
		&.large {
			padding: 22px 0;
			line-height: 100%;
			font-size: 20px;
		}
		&.medium {
			padding: 16px 0;
			line-height: 100%;
			font-size: 15px;
		}
		&.small {
			padding: 12px 0;
			line-height: 100%;
			font-size: 12px;
		}

		&:hover{
			&:after {
				transition: all .5s ease;
			}
			&.xxlarge,
			&.xlarge,
			&.large,
			&.medium,
			&.small { }
		}
	}
	i {
		margin: 0px 5px 0 -10px;
		vertical-align: middle;
		padding-right: 10px;
		line-height: 16px;
	}
	&.xxlarge {
		padding: 32px 60px;
		line-height: 100%;
		font-size: 15px;
		i {
			font-size: 16px;
		}
	}
	&.xlarge {
		padding: 26px 50px;
		line-height: 100%;
		font-size: 13px;
		i {
			font-size: 16px;
		}
	}
	&.large {
		padding: 22px 42px;
		line-height: 100%;
		i {
			font-size: 16px;
		}
	}
	&.medium {
		padding: 16px 25px;
		line-height: 100%;
		i {
			font-size: 16px;
		}
	}
	&.small {
		padding: 12px 22px;
		line-height: 100%;
		i {
			margin-top: -3px;
			font-size: 16px;
		}
	}
	-webkit-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
	-ms-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
	-o-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
	transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
}
button.mk-button::-moz-focus-inner {
	border: none;
}
.mk-button-align {
	display: inline-block;
	&.right {
		float: right;
	}
	&.center {
		display: block !important;
		text-align: center;
		.mk-button{
			margin-right: 0;
		}
	}
	&.left {
		text-align: left;
		float:none !important;
	}
}
@media handheld, only screen and (max-width:767px) {
	.mk-button-align.left, .mk-button-align.center, .mk-button-align.right {
		width: 100%;
		text-align: center !important;
	}
}



/* Shortcode:Dividers
-------------------------------------------------------------------- */
.mk-divider {
	display: block;
	text-align: center;
	&.divider_one_half .divider-inner, &.divider_one_third .divider-inner, &.divider_one_fourth .divider-inner {
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	&.divider_one_half .divider-inner {
		width: 50%;
	}
	&.divider_one_third .divider-inner {
		width: 33.33%;
	}
	&.divider_one_fourth .divider-inner {
		width: 25%;
	}
	&.divider-single {
		.divider-inner {
			height: 1px;
			border-bottom: 1px solid #dbdbdb;
		}
	}
	&.divider-dashed {
		.divider-inner {
			height: 2px;
			border-bottom: 2px dashed #dbdbdb;
		}
	}
	&.divider-dotted {
		.divider-inner {
			height: 1px;
			border-bottom: 1px dotted #dbdbdb;
		}
	}
	&.divider-thick {
		.divider-inner {
			height: 5px;
			border-top: 3px solid #e4e4e4;
		}
	}
	@media handheld, only screen and (max-width:767px) {
		.divider-inner {
			margin-left: auto!important;
			margin-right: auto!important;
		}
	}
}
.mk-divider-vertical{
	width:100%;
	border-top:none;
	border-bottom:none;

	.divider-inner{
		border-top:none !important;
		border-bottom:none !important;
	}
	&.divider-single {
		.divider-inner {
			width: 1px;
			border-right: 1px solid #dbdbdb;
		}
	}
	&.divider-dashed {
		.divider-inner {
			width: 2px;
			border-right: 2px dashed #dbdbdb;
		}
	}
	&.divider-dotted {
		.divider-inner {
			width: 1px;
			border-right: 1px dotted #dbdbdb;
		}
	}
	&.divider-thick {
		.divider-inner {
			width: 5px;
			border-right: 3px solid #e4e4e4;
		}
	}
}
/* Shortcode:Full Width Box
-------------------------------------------------------------------- */
.mk-fullwidth-boxed {
	position: relative;
	display: block;
	padding: 30px;
}

/* Shortcode:Slideshow
-------------------------------------------------------------------- */
.mk-image-slideshow {
	position: relative;
	margin: 0 auto 20px;
	text-align: center;
	overflow: hidden;
	img {
		margin: 0 auto;
	}
	.swiper-pagination {
		position: absolute;
		bottom: 30px;
		display: block;
		width: 100%;
		text-align: center;
		.opacity(0);

	}
	.swiper-pagination-switch {
		display: inline-block;
		margin: 0 3px;
		width: 8px;
		height: 8px;
		border: 2px solid #eee;
		cursor: pointer;
	}
	.swiper-active-switch {
		background-color: #eee;
	}

	.swiper-slide > a {
		display: block;
	}
}

.mk-swiper-container {
	&:hover {
		.slideshow-swiper-arrows, .swiper-pagination {
			.opacity(100);
		}
		.slideshow-swiper-arrows{
			&:hover{
				background-color: #fff !important;
				i{
					color: #000 !important;
				}
			}
		}
		.mk-swiper-next {
			right: 40px;
		}
		.mk-swiper-prev {
			left: 40px;
		}
	}
}

.slideshow-swiper-arrows {
	position: absolute;
	top: 50%;
	display: block;
	margin-top: -15px;
	width: 28px;
	height: 28px;
	border: 3px solid #fff;
	text-align: center;
	cursor: pointer;
	z-index: 15;
	.border-radius(3px);
	i {
		color: #fff;
		font-size: 16px;
		line-height: 28px;
		display: block;
	}
	.opacity(0);
	&.mk-swiper-next {
		right: 50px;
	}
	&.mk-swiper-prev {
		left: 50px;
	}
}
@media handheld, only screen and (max-width:768px){
	.slideshow-swiper-arrows, .swiper-pagination {
		.opacity(100);
	}
	&.mk-swiper-next {
		right: 15px;
	}
	&.mk-swiper-prev {
		left: 15px;
	}
}

/* Shortcode:Content Slideshow
-------------------------------------------------------------------- */
.mk-content-scroller {
}

/* Shortcode:Blockquotes
-------------------------------------------------------------------- */
blockquote {
	position: relative;
	margin: 15px 0;
	line-height: 24px;
	padding: 20px;
	background-color: #fafafa;
	border: 2px solid #eeeeee;
	font-style: italic;
}
.mk-blockquote {
	position: relative;
	margin: 15px 0;
	font-size: 14px;
	line-height: 1.6em;
	.mk-blockquote-content{
		padding: 30px 45px;
		background-color: #fafafa;
		border: 2px solid #eeeeee;
	}
	&.classic-style{
		font-style: italic;
		.mk-blockquote-content{
			padding: 30px 45px;
		}
		.mk-quote-left, .mk-quote-right {
			position: absolute;
			font-size: 24px;
			color: #eee;
		}
		.mk-quote-left {
			top: 10px;
			left: 10px;
		}
		.mk-quote-right {
			bottom: 10px;
			right: 10px;
		}
	}
	&.modern-style{
		color: #666;
		font-style: normal;
		.mk-blockquote-content{
			padding: 25px 40px;
		}
		&:before{
			width: 7px;
			display: block;
			position: absolute;
			background-color: #919191;
			height: 100%;
			top: 0;
			left: 0;
			content: '';
		}
		.mk-quote-left, .mk-quote-right {
			display: none
		}
	}
	p {
		margin-bottom: 15px;
	}
	&.align-left {
		text-align: left;
	}
	&.align-right {
		text-align: right;
	}
	&.align-center {
		text-align: center;
	}
}

/* Shortcode:Testimanial Slider
-------------------------------------------------------------------- */
.mk-testimonial {
	margin: 3px 3px 20px;
	.testimonial-author {
		display: block;
		color: #777;
	}
	.swiper-slide {
		padding-right: 5px;
		padding-left: 5px;
		position: relative;
	}
	.swiper-pagination {
		display: block;
		width: 100%;
		text-align: center;
	}
	.swiper-pagination-switch {
		display: inline-block;
		margin: 0 3px 6px;
		width: 5px;
		height: 5px;
		border: 2px solid #eeeeee;
		cursor: pointer;
	}
	.swiper-active-switch {
		background-color: #777;
		border-color: #777;
	}
	.testimonial-company,
	.testimonial-author {
		font-size: 13px;
		line-height:1.3em;
	}
	.testimonial-image{
		border-radius: 50%;
	}
	.testimonial-quote{
		line-height:1.6em;
	}
	&.boxed-style {
		.mk-swiper-wrapper{
			padding-top: 20px;
		}
		.swiper-slide {
			position: relative;
		}
		.testimonial-content {
			margin-left: 100px;
		}
		.testimonial-quote {
			margin-bottom: 8px;
			padding: 20px 25px;
			background-color: #fafafa;
			border: 2px solid #eee;
			position: relative;
			&:before {
				position: absolute;
				top: 50%;
				margin-top: -7px;
				left: -7px;
				display: block;
				width: 14px;
				height: 14px;
				content: "";
				.rotate(45deg);
				background-color: #fafafa;
				border-left: 2px solid #eee;
				border-bottom: 2px solid #eee;
			}
		}
		.testimonial-image {
			position: absolute;
			left: -100px;
			top: 50%;
			margin-top: -35px;
		}
		.testimonial-author {
			margin-left: 25px;
		}
		.testimonial-company {
			margin-left: 25px;
		}
		.swiper-pagination {
			text-align: left !important;
			padding-left: 138px;
			left: 0 !important;
			top: 0 !important;
			bottom: auto !important;
		}
	}

	&.quote-style {
		text-align: center;
		.testimonial-quote {
			position: relative;
			display: block;
			padding: 20px 25px;
			border: 2px solid #eeeeee;
			margin-bottom: 12px;
			&:before {
				position: absolute;
				bottom: -16px;
				margin-left: -16px;
				left: 50%;
				display: block;
				width: 0;
				height: 0;
				content: "";
				border-left: 14px solid transparent;
				border-right: 14px solid transparent;
				border-top: 14px solid #eee;
			}
		}
		.testimonial-footer-note {
			display: inline-block;
			padding: 5px 0;
			text-align: center;
		}
		.mk-swiper-wrapper{
			padding-top: 20px;
		}
		.swiper-pagination {
			left: 0 !important;
			top: 0 !important;
			bottom: auto !important;
		}
	}

	&.modern-style{
		.mk-swiper-wrapper{
			padding-top: 20px;
		}
		.testimonial-content{
			text-align: center;
		}
		.swiper-pagination {
			left: 0 !important;
			top: 0 !important;
			bottom: auto !important;
		}
		.testimonial-quote{
			padding-top: 25px !important;
		}
		.testimonial-footer-note{
			text-align: center !important;
		}
		.testimonial-image{
			display: block;
			margin: 35px auto 25px;
		}
	}
	&.light-skin.quote-style {
		.testimonial-quote {
			border-color: rgba(255, 255, 255, 0.2);
			color: #fff;
			color: rgba(255, 255, 255, 0.9);
			&:before {
				border-top-color: rgba(255, 255, 255, 0.2);
			}
		}
		.testimonial-author {
			color: #fff;
			color: rgba(255, 255, 255, 0.5);
		}
		.swiper-pagination-switch {
			border-color: rgba(255, 255, 255, 0.2);
		}
		.swiper-active-switch {
			background-color: rgba(255, 255, 255, 0.7);
			border-color: rgba(255, 255, 255, 0.1);
		}
	}
	@media handheld, only screen and (max-width:767px) {
		text-align: center;
		&.boxed-style .testimonial-content {
			margin: 75px 0 0 !important;
			padding-bottom: 30px;
		}
		&.boxed-style .swiper-pagination {
			padding-left: 0 !important;
			left: 0 !important;
			top: auto !important;
			bottom: 0 !important;
			margin-bottom: 0 !important;
			text-align: center !important;
		}
		&.boxed-style .testimonial-image {
			left: 50% !important;
			top: -85px !important;
			margin: 0 0 0 -35px !important;
		}
		&.boxed-style .testimonial-quote:before {
			top: -7px !important;
			margin: 0 0 0 -7px !important;
			left: 50% !important;
			border: 1px solid #eee !important;
			border-right: none !important;
			border-bottom: none !important;
		}
		.testimonial-company, .testimonial-author {
			margin: 0 !important;
		}
	}
}

/* Shortcode: Fade Text Box
-------------------------------------------------------------------- */
.mk-fade-txt-box {

	.swiper-slide {
		line-height: 1;
		text-align: center;
	}
}


@media handheld, only screen and (max-width:767px) {
	.mk-fade-txt-box {

		.mk-force-responsive {
			font-size: 36px !important;
		}
	}
}


/* Shortcode: Tabs
-------------------------------------------------------------------- */
.mk-tabs {
	margin-bottom: 20px;
	.mk-tabs-tabs {
		position: relative;
		z-index: 10;
		padding: 0;
		list-style: none;
		li {
			margin: 0;
			position: relative;
			border-top:0;
			border-bottom:0;

			&.ui-state-active > a {
				cursor: default;
			}
			a {
				text-transform: uppercase;
				font-weight: bold;
				color: #919191;
				display: block;
				line-height: 100%;
				font-size: 12px !important;
				i {
					font-size: 16px;
					padding-right: 5px;
				}
			}
		}
	}
	.mk-tabs-panes {
		position: relative;
		z-index: 1;
		margin: 0;
		.title-mobile{
			display: none;
			color: #444444;
			white-space: nowrap;
			font-weight: bold;
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 15px;
			background-color: rgba(0, 0, 0, 0.05);
			border-bottom:2px solid rgba(0, 0, 0, 0.1);
			padding: 5px 10px;
			i {
				margin-right: 7px;
			}
		}
		.mk-tabs-pane {
			.inner-box {
				padding: 30px;
				display: block;
			}
		}
	}

		&.mobile-true {
			@media handheld, only screen and (max-width:767px) {
				.mk-tabs-tabs {
					display: none !important;
				}
				.title-mobile {
					display: block;
				}
				.mk-tabs-pane .inner-box {
					padding: 15px !important;
				}
			}
		}

	&.style1-tabs {
		&.horizontal-style {
			.mk-tabs-tabs {
				margin: 0 0 -1px 0;
				li {
					display: inline-block;
					border-left: 2px solid #efefef;
					white-space: nowrap;
					&:last-child {
						border-right: 2px solid #efefef;
					}
					a {
						padding: 14px 20px 15px;
						margin-top: 15px;

					}
					&.tab-with-icon > a {
						padding: 14px 20px 12px;
					}
					&.ui-state-active{
						a{
							position: relative;
							bottom: -2px;
						}
					}
				}
			}
			.mk-tabs-panes {
				border: 2px solid #efefef;
				border-bottom: none;
				.mk-tabs-pane {
					padding-bottom: 20px;
				}
			}
			&.mobile-true {
				@media handheld, only screen and (max-width:767px) {
					.mk-tabs-panes {
						border:none;
					}
					.mk-tabs-pane {
						padding-bottom: 0 !important;
					}
				}
			}
		}
		&.vertical-style {
			.mk-tabs-tabs {
				padding: 40px 0;
				margin: 0;
				width: 231px;
				display: block;
				float: left;
				li {
					display: block;
					border-top: 2px solid #efefef;
					&:last-child {
						border-bottom: 2px solid #efefef;
					}
					a {
						padding: 15px 10px 15px 20px;
						margin-left: 15px;
						line-height: 18px;
					}
					&.ui-state-active{
						a{
							position: relative;
							right: -2px;
						}
					}
				}
			}
			.mk-tabs-panes {
				margin-left: 231px;
				display: block;
				border: 2px solid #efefef;
				border-right: none;
				.mk-tabs-pane {
					padding: 0 20px 0 0;
					float: left;
					width: 100%;
				}
			}


			&.mobile-true {
				@media handheld, only screen and (max-width:767px) {
					.mk-tabs-panes {
						margin-left: 0;
						.border-radius(0);
						border:0;
					}
					.mk-tabs-pane {
						padding: 0 !important;
					}
				}
			}
		}
		.inner-box{
			.mk-text-block{
				font-size: 14px;
				line-height: 26px;
			}
		}
	}
	&.style2-tabs {
		&.horizontal-style {
			.mk-tabs-tabs {
				margin: 0 ;

				li {
					display: inline-block;
					border-left: 2px solid #efefef;
					border-top: 2px solid #efefef;
					white-space: nowrap;
					&:last-child {
						border-right: 2px solid #efefef;
						.border-radiuses(4px, 0, 0, 0);
					}
					&:first-child{
						.border-radiuses(0, 0, 0, 4px);
					}
					a {
						background-color: #fafafa;
						padding: 20px 15px 18px;
						font-size: 12px;
					}
					&.tab-with-icon > a {
						padding: 19px 11px 16px;
						font-size: 12px;
					}
					&.ui-state-active{
						a{
							position: relative;
							bottom: -2px;
						}
					}
				}
			}
			.mk-tabs-panes {
				border: 2px solid #efefef;
				.border-radiuses(4px, 4px, 4px, 0);
			}
			&.mobile-true {
				@media handheld, only screen and (max-width:767px) {
					.mk-tabs-panes {
						border:0;
						.border-radius(0);
					}
				}
			}
		}
		&.vertical-style {
			.mk-tabs-tabs {
				padding: 0;
				margin: 0;
				width: 231px;
				display: block;
				float: left;
				li {
					display: block;
					border-top: 2px solid #efefef;
					border-left: 2px solid #efefef;
					&:last-child {
						border-bottom: 2px solid #efefef;
						.border-radiuses(0, 0, 4px, 0);
					}
					&:first-child{
						.border-radiuses(0, 0, 0, 4px);
					}
					a {
						padding: 18px 10px 18px 25px;
						line-height: 18px;
						background-color: #fafafa;
					}
					&.ui-state-active{
						a{
							position: relative;
							right: -2px;
						}
					}
				}
			}
			.mk-tabs-panes {
				margin-left: 231px;
				display: block;
				border: 2px solid #efefef;
				.border-radiuses(4px, 4px, 4px, 0);
				.mk-tabs-pane {
					padding: 0;
					float: left;
					width: 100%;
				}
			}

		&.mobile-true {
				@media handheld, only screen and (max-width:767px) {
					.mk-tabs-panes {
						margin-left: 0;
						.border-radius(0);
						border:0;
					}
				}
		}
	}

	}
	&.style3-tabs {
		text-align: center;
		.mk-tabs-tabs {
			margin: 0 auto;
			display: inline-block;
			text-align: center;
			border: 2px solid #e3e3e3;
			.border-radius(10px);
			li {
				display: inline-block;
				white-space: nowrap;
				height: 100%;
				border-left:2px solid transparent;
				border-right:2px solid transparent;
				&:first-child{
					border-left-width: 0;
				}
				&:last-child{
					border-right-width: 0;
				}
				&.ui-state-active {
					border-left: 2px solid #e3e3e3;
					border-right: 2px solid #e3e3e3;
					background-color: #fafafa;
				}

				&.ui-state-active:last-child {
					border-right: none;
					.border-radiuses(9px, 9px, 0, 0);
				}
				&.ui-state-active:first-child {
					border-left: none;
					.border-radiuses(0, 0, 9px, 9px);
				}
				a {
					height: 100%;
					padding: 25px;
					font-weight: normal !important;
					color: #3f3f3f;
					font-size: 13px;
					i{
						&[class*='mk-li-']{
							margin-top: -1px;
						}
					}
				}
				&.tab-with-icon > a {
					padding: 25px 20px;
				}
			}
		}
		.mk-tabs-panes {
			padding: 0;
			text-align: left;
			.inner-box {
				color: #666 !important;
				font-size: 14px !important;
				line-height: 26px !important;
				padding: 30px 0;
			}
		}
	}

	&.style1-tabs, &.style2-tabs, &.style3-tabs{
		.mk-tabs-panes {
			.inner-box {
				color: #666 !important;
				font-size: 14px !important;
				line-height: 26px !important;
			}
		}
	}
	@media handheld, only screen and (max-width:650px) {
		&.style1-tabs {
			&.horizontal-style {
				.mk-tabs-tabs {
					border-right: 2px solid #efefef;
					margin-bottom: -2px;
					li {
						display: block;
						float: none;
						border-bottom: 2px solid #efefef;
						border-right: none !important;
						&:first-child {
							border-top: 2px solid #efefef;
						}
						&:last-child {
							border-bottom: none;
						}
						&.ui-state-active {
							border-bottom: 2px solid #efefef;
						}
						a {
							margin-top: 0;
							bottom: 0 !important;
						}
						&:first-child a {
							border-left: none !important;
						}
					}
				}
			}
			&.vertical-style {
				.mk-tabs-tabs {
					width: 100%;
					float: none;
					padding: 5px 0 15px;
					li {
						a{margin: 0 10px;
						}
					}
				}
				.mk-tabs-panes {
					margin-left: 0;
					border: 2px solid #efefef !important;
					.mk-tabs-pane {
						padding: 0 0 20px 0;
						float: none;
						width: 100%;
					}
				}
			}
		}
		&.style2-tabs {
			&.horizontal-style {
				.mk-tabs-tabs {
					border-right: 1px solid rgba(0, 0, 0, 0.1);
					margin-bottom: -2px;
					li {
						display: block;
						float: none;
						border-right: none !important;
						&:first-child {
							border-top: 1px solid rgba(0, 0, 0, 0.1);
							border-bottom: none !important;
						}
						&:last-child {
							border-bottom: none;
						}
						a {
							margin-top: 0;
							bottom: 0 !important;
						}
						&:first-child a {
							border-left: none !important;
						}
					}
				}
			}
			&.vertical-style {
				.mk-tabs-tabs {
					width: 100%;
					float: none;
					padding: 0;
					margin-left: 0;
					border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
					li {
						.border-radius(0) !important;
						a{
							margin: 0;
							right:0 !important;
						}
					}
				}
				.mk-tabs-panes {
					margin-left: 0;
					border: 1px solid rgba(0, 0, 0, 0.1) !important;
					border-top: none !important;
					.mk-tabs-pane {
						padding: 0 0 20px 0;
						float: none;
						width: 100%;
					}
				}
			}
		}
	}
}

/* Shortcode:Accordion
-------------------------------------------------------------------- */
.mk-accordion {
	margin-bottom: 20px;

	.mk-accordion-pane {
		display: none;
	}

	&.boxed-style {
		.mk-accordion-single {
			overflow: hidden;
			background-color: #fafafa;
			&:last-of-type .mk-accordion-tab {
				border-bottom: 2px solid #eee;
			}
			&.current-item .mk-accordion-tab {
				border-bottom: 2px solid #eee;
				background-color: #fff;
				&:before {
					.rotate(180deg);
				}
				.box-shadow(0 1px 3px rgba(0, 0, 0, 0.04));
			}
		}
		.mk-accordion-tab {
			position: relative;
			padding: 11px 30px 11px 22px;
			border: 2px solid #eee;
			border-bottom: none;
			background-color: #fafafa;
			color: #222;
			font-size: 13px;
			line-height: 22px;
			cursor: pointer;
			-moz-user-select: -moz-none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			i {
				margin-right: 10px;
				color: #686868;
				vertical-align: middle;
				font-size: 16px;
			}
		}
		.mk-accordion-pane {
			.inner-box {
				padding: 25px;
			}
		}

		&.mobile-true {
			@media handheld, only screen and (max-width:767px) {
				.mk-accordion-tab {
					border-bottom: 2px solid #eee;
				}
			}
		}
	}
	&.simple-style {
		.mk-accordion-tab {
			font-size: 13px;
			font-weight: bold;
			padding: 12px 0 12px 20px;
			color: #777777;
			cursor: pointer;
			border-bottom: 2px solid #eee;
			i {
				font-size: 16px;
				color: #777777;
				margin: 0 8px 0 4px;
			}
		}
		.mk-accordion-pane {
			border-top: 2px solid #eee;
			border-bottom: 2px solid #eee;
			.inner-box {
				padding: 25px;
				margin: 0 20px;
			}
		}
		.current-item {
			.mk-accordion-pane {
				border-top: none;
			}
		}

		&.mobile-true {
			@media handheld, only screen and (max-width:767px) {
				.mk-accordion-pane {
					border-top:none;
					border-bottom:none;
				}
			}
		}

	}
	&.simple-style, &.boxed-style{

		.mk-accordion-pane{
			font-size: 14px;
			color: #666;
			position: relative;
			line-height: 26px;
		}

		&.mobile-true {
			@media handheld, only screen and (max-width:767px) {
				.mk-accordion-single{
					margin-bottom: 15px;
				}
			}
		}
	}

	&.mobile-true {
			@media handheld, only screen and (max-width:767px) {
				.mk-accordion-tab {
					cursor: default;
				}
			}
	}
}

.mobile-false {
	@media handheld, only screen and (max-width:767px) {
		.mk-accordion-pane {
			display: block !important;
		}
	}
}


/* Shortcode:Accordion
-------------------------------------------------------------------- */
.mk-toggle {
	margin-bottom: 10px;
	.mk-toggle-title {
		font-size: 13px;
		font-weight: bold;
		padding: 12px 0 12px 20px;
		color: #777777;
		cursor: pointer;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		&.active-toggle {
			border-bottom: none;
		}
		i {
			font-size: 16px;
			color: #777777;
			margin: 0 8px 0 4px;
		}
	}
	.mk-toggle-pane {
		border-top: 2px solid rgba(0, 0, 0, 0.1);
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		font-size: 14px;
		color: #666;
		position: relative;
		line-height: 26px;
		display: none;
		.inner-box {
			padding: 25px;
			margin: 0 20px;
		}
	}
}
.wpb_content_element {
	margin-bottom: 20px;
}

/* Shortcode:Video Player
-------------------------------------------------------------------- */
.mk-video-player {
	padding: 12px;
	border: 2px solid #eee;
	.mk-video-title {
		margin-bottom: 12px;
		font-size: 14px;
	}
	.video-container {
		margin-bottom: 0 !important;
	}
}
.video-container {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 56.25%;
	height: 0;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Shortcode:Flickr Feeds
-------------------------------------------------------------------- */
.mk-flickr-feeds {
	margin-bottom: 20px;
	&.one-column {
		.featured-image {
			width: 100%;
		}
	}
	&.two-column {
		.featured-image {
			width: 49.9%;
		}
	}
	&.three-column {
		.featured-image {
			width: 33.2%;
		}
	}
	&.four-column {
		.featured-image {
			width: 24.9%;
		}
	}
	&.five-column {
		.featured-image {
			width: 19.8%;
		}
	}
	&.six-column {
		.featured-image {
			width: 16.5%;
		}
	}
	&.seven-column {
		.featured-image {
			width: 14.1%;
		}
	}
	&.eight-column {
		.featured-image {
			width: 12.4%;
		}
	}
	.featured-image {
		position: relative;
		display: inline-block !important;
		margin: 0 1px 1px 0;
		float: left;
		img {
			position: relative;
			z-index: 1;
			width: 100%;
		}
	}
	@media handheld, only screen and (max-width:960px) {
		&.five-column .featured-image,
		&.four-column .featured-image,
		&.six-column .featured-image,
		&.seven-column .featured-image,
		&.eight-column .featured-image {
			width: 33% !important;
		}
	}
	@media handheld, only screen and (max-width:600px) {
		&.five-column .featured-image,
		&.four-column .featured-image,
		&.six-column .featured-image,
		&.seven-column .featured-image,
		&.eight-column .featured-image {
			width: 49% !important;
		}
	}

}

/* Shortcode:Contact Form
-------------------------------------------------------------------- */
.contact-captcha-invalid {
    &::-webkit-input-placeholder {
       color: red !important;
       letter-spacing: 0 !important;
    }
    &:-moz-placeholder { /* Firefox 18- */
       color: red !important;
       letter-spacing: 0 !important;
    }
    &::-moz-placeholder {  /* Firefox 19+ */
       color: red !important;
       letter-spacing: 0 !important;
    }
    &:-ms-input-placeholder {
       color: red !important;
       letter-spacing: 0 !important;
    }
}
.contact-captcha-valid {
    &::-webkit-input-placeholder {
       color: rgb(0, 130, 0) !important;
       letter-spacing: 0 !important;
    }
    &:-moz-placeholder { /* Firefox 18- */
       color: rgb(0, 130, 0) !important;
       letter-spacing: 0 !important;
    }
    &::-moz-placeholder {  /* Firefox 19+ */
       color: rgb(0, 130, 0) !important;
       letter-spacing: 0 !important;
    }
    &:-ms-input-placeholder {
       color: rgb(0, 130, 0) !important;
       letter-spacing: 0 !important;
    }
}

.mk-contact-form-wrapper {
	position: relative;
	margin-bottom: 20px;
	.captcha-image {
		max-width: 50% !important;
	}
	&.classic-style{
		.captcha-image {
			position: absolute;
			right: 0;
			top: 0;
			max-height: 45px;
		}
		.captcha-change-image {
			display: block;
			text-align: center;
			margin: 10px auto;
			font-size: 10px;
		}
		&.dark-skin {
			.captcha-change-image {
				color: #444444;
			}
			.text-input, .mk-textarea {
				border: 3px solid rgba(0, 0, 0, 0.1);
				color: #444444;
				background-color: transparent !important;
			}
			.mk-form-row i {
				border-right: 3px solid rgba(0, 0, 0, 0.1);
				color: #666666;
				z-index: 6;
			}
			.mk-button {
				border: 3px solid rgba(0, 0, 0, 0.1);
				color: #444;
				&:hover {
					background-color: #444;
					color: #fff;
				}
			}
			.text-input, .mk-textarea {
				.placeholder({
					color: #919191;
				});
			}
		}
		&.light-skin {
			.captcha-change-image {
				color: #fff;
			}
			.text-input, .mk-textarea {
				border: 3px solid #fff;
				background-color: rgba(255, 255, 255, 0.1);
				color: #fff;
			}
			.mk-form-row i {
				border-right: 3px solid #fff;
				color: #fff;
				z-index: 6;
			}
			.mk-button {
				border: 3px solid #fff;
				color: #fff;
				&:hover {
					background-color: #fff;
					color: #444;
				}
			}
			.text-input, .mk-textarea{
				.placeholder({
					color: #fafafa;
				});
			}
		}
		.mk-invalid {
			border: 3px solid #ff0000 !important;
		}
	}
	&.modern-style{
		.text-input, .mk-textarea, .mk-button{
			font-size: 15px !important;
			font-weight: normal !important;
		}
		.captcha-image {
			position: absolute;
			right: 0;
			top: -20px;
		}
		.captcha-change-image {
			display: block;
			text-align: center;
			margin: 10px auto;
			font-size: 10px;
		}
		&.dark-skin {
			.text-input, .mk-textarea {
				border:0;
				color: #000;
				background-color: transparent;
				.placeholder({
					color: #000;
				});
			}
			.text-input{
				border-bottom: 3px solid #000;
			}
			.mk-textarea {
				border: 3px solid #000;
			}
			.mk-button {
				border: 3px solid #000;
				color: #000;
				&:hover {
					background-color: #000;
					color: #fff;
				}
			}
		}
		&.light-skin {
			.text-input, .mk-textarea {
				border:0;
				color: #fff;
				background-color: transparent;
				.placeholder({
					color: #fff;
				});
			}
			.text-input{
				border-bottom: 3px solid #fff;
			}
			.mk-textarea{
				border: 3px solid #fff;
			}

			.mk-button {
				border: 3px solid #fff;
				color: #fff;
				&:hover {
					background-color: #fff;
					color: #000;
				}
			}
		}
		.text-input{
			padding-left: 12px;
			border:none;
			border-bottom-width:3px;
			border-bottom-style:solid;
			background-color: transparent;
			&.mk-invalid {
				border: 0 !important;
				border-bottom: 3px solid #ff0000 !important;
			}
		}
		.mk-textarea{
			margin-top: 28px;
			margin-bottom: 45px !important;
			border-width:3px;
			border-style:solid;
			background-color: transparent;
			&.mk-invalid {
				border: 3px solid #ff0000 !important;
			}
		}
		.mk-form-row{
			margin-bottom: 25px !important;
		}
		.text-input, .mk-textarea, .mk-button {
			font-weight: normal !important;
		}
		.mk-button{
			margin-bottom: 45px !important;
			border-width:3px;
			&:hover{
				color: #fff;
			}
		}
	}
	.mk-form-row {
		margin-bottom: 10px;
		position: relative;
		i {
			float: left;
			width: 39px !important;
			height: 41px;
			line-height: 41px;
			text-align: center;
			position: absolute;
			left: 3px;
			top: 3px;
			font-size: 16px;
			&.input-focused {
				color: #fff !important;
				border-right-width: 1px;
				border-right-style: solid;
			}
		}
	}
	.text-input, .mk-textarea {
		width: 100%;
		font-size: 12px;
		font-weight: 400 !important;
	}
	.text-input {
		padding: 12px;
		width: 100%;
		padding-left: 58px;
	}
	.mk-textarea {
		padding: 15px;
		width: 100%;
		height: 200px;
		margin-bottom: 12px;
	}
	.button-row {
		text-align: center;
	}
	.mk-button {
		margin: 0 auto;
	}

}
.widget .mk-contact-form-wrapper {
	.captcha-image {
		max-width: 100% !important;
	}
	&.light-skin {
		.text-input, .mk-textarea {
			border: 2px solid #eee;
			background-color: rgba(238, 238, 238, 0.1);
		}
		.mk-form-row{
			i {
				top: 2px;
				left: 2px;
				border-right: 2px solid #eee;
				color: #666;
				&.input-focused{
					color: #fff;
					border-right: 0;
				}
			}
		}
		.mk-button {
			border: 2px solid #eee;
			color: #444;
			&:hover {
				background-color: #444;
				border-color: #444;
				color: #fff;
			}
		}
		.text-input, .mk-textarea {
			.placeholder({
				color: #666;
			});
		}
	}
	&.dark-skin {
		.text-input, .mk-textarea {
			border: 2px solid rgba(128, 128, 128, 0.5);
			background-color: rgba(128, 128, 128, 0.1);
		}
		.mk-form-row {
			i {
				top: 2px;
				left: 2px;
				border-right: 2px solid rgba(128, 128, 128, 0.5);
				color: #666;
				&.input-focused{
					color: #fff;
					border-right: 0;
				}
			}
		}
		.mk-button {
			border: 2px solid rgba(128, 128, 128, 0.5);
			color: rgba(128, 128, 128, 0.5);
			&:hover {
				background-color: #eee;
				border-color: #eee;
				color: #444;
			}
		}
		.text-input, .mk-textarea {
			.placeholder({
				color: #666;
			});
		}
	}
}
.mk-contact-loading {
	position: absolute;
	right: 15px;
	bottom: 20px;
	display: none;
	line-height: 1;
	color: rgba(128, 128, 128, 0.2);
	font-size: 16px;
	-moz-animation: spin 0.7s infinite linear;
	-o-animation: spin 0.7s infinite linear;
	-webkit-animation: spin 0.7s infinite linear;
	animation: spin 0.7s infinite linear;
}
.mk-contact-success {
	position: absolute;
	right: 15px;
	bottom: 10px;
	display: none;
	color: #90b64d;
	font-size: 32px;
}


/* Quick Contact Form
-------------------------------------------------------------------- */
.quick-button-container{
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 99;
	.transition(all 0.5s ease-in-out);
	&.go-right{
		right: 25px;
	}
	&.go-left{
		right: 70px;
	}

	.mk-quick-contact-link {
		display: block;
		width:42px;
		height:42px;
		background-color: #cccccc;
		background-color: rgba(0, 0, 0, 0.4);
		text-align: center;
		.transition(background-color 0.5s ease-in-out);
		i {

			color: #fff;
			font-size: 24px;
			line-height: 42px;
		}
		&:hover {
			background-color: rgba(0, 0, 0, 0.6);
		}
		// .border-radius(2px);
	}
	@media handheld, only screen and (max-width:767px) {
		.mk-quick-contact-link {
			display: none;
		}
	}
}
.mk-quick-contact-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 400;
	width: 100%;
	height: 100%;
	opacity: 0;
    visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
	&.light-skin{
		background: #fff;
		background: rgba(255,255,255,0.8);
		.mk-quick-contact-close{
			color: #000;
		}
	}
	&.dark-skin{
		background: #000;
		background: rgba(0,0,0,0.8);
		.mk-quick-contact-close{
			color: #fff;
		}
	}
	.mk-quick-contact-wrapper{
		-webkit-perspective: 1200px;
	    -ms-perspective: 1200px;
	    perspective: 1200px;
	    position: absolute;
	    right: 0;
	    left: 0;
	    top: 50%;
	    -webkit-transform: translateY(-50%) !important;
	    -ms-transform: translateY(-50%) !important;
	    transform: translateY(-50%) !important;
	    .captcha-change-image {
	    	color: rgb(150,150,150);
	    }
	}
	.mk-quick-contact-inset{
		width: 800px;
		margin: 0 auto;
		opacity: 0.4;
	    -webkit-transform: translateY(25%) rotateX(-35deg);
	    -ms-transform: translateY(25%) rotateX(-35deg);
	    transform: translateY(25%) rotateX(-35deg);
	    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	    transition: transform 0.5s, opacity 0.3s;
	}
	.mk-quick-contact-close{
		position: absolute;
		top: 50px;
		right: 50px;
		i{
			line-height: 25px;
			font-size: 32px;
			display: inline-block;
			.transition(transform .25s ease-in-out);
			.transform(rotate(0deg));
		}
		&:hover{
			i{
				.transform(rotate(180deg));

			}
		}
	}
	&.mk-quick-contact-visible{
		opacity: 1;
	    visibility: visible;
	    -webkit-transition: opacity 0.3s;
	    transition: opacity 0.3s;
		.mk-quick-contact-inset{
			opacity: 1;
			-webkit-transform: translateY(0) rotateX(0deg);
		    -ms-transform: translateY(0) rotateX(0deg);
		    transform: translateY(0) rotateX(0deg);
		}
	}
}


// Progress button

.mk-progress-button {
    position: relative;
    display: inline-block;
	text-transform: uppercase;
	i {
		border-right: none!important;
	}
}

.mk-progress-button[disabled],
.mk-progress-button[disabled].state-loading {
    cursor: default;
}

.mk-progress-button .mk-progress-button-content,  {
    position: relative;
    display: block;
}

.mk-progress-button .state-success,
.mk-progress-button .state-error  {
    position: absolute;
    right: 5px;
    top:50%;
    margin-top:-8px;
    display:block;
    width: 20px;
    height: 20px;
    opacity: 0;
}

.mk-progress-button.medium .state-success,
.mk-progress-button.medium .state-error {
	// right: 20px;
	font-size: 14px;
}

.notransition {
    transition: none !important;
}

.mk-progress-button .mk-progress-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 0;
    transform-origin: bottom left;
    -o-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
}

.mk-contact-form-wrapper.dark-skin .outline-button .mk-progress-inner,
.mk-contact-form-wrapper.light-skin .outline-button:hover .mk-progress-inner {
    background: rgba(0,0,0,.5);
}

.mk-contact-form-wrapper.light-skin .outline-button .mk-progress-inner,
.mk-contact-form-wrapper.dark-skin .outline-button:hover .mk-progress-inner {
    background: rgba(255,255,255,.5);
}

.mk-progress-button[data-horizontal] .mk-progress-inner {
    bottom: 0;
    width: 0;
    height: 5px;
    transition: width 0.3s, opacity 0.3s;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
}

.mk-progress-button[data-vertical] .mk-progress-inner {
    bottom: 0;
    width: 100%;
    height: 0;
    transition: height 0.3s, opacity 0.3s;
}

/* move-up */
/* ====================== */

.mk-progress-button[data-style="move-up"] {
	overflow: visible;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mk-progress-button[data-style="move-up"] .mk-progress-button-content {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.mk-progress-button[data-style="move-up"] .mk-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mk-progress-button[data-style="move-up"].state-loading .mk-progress-button-content {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

/* Shortcode:Contact Info
-------------------------------------------------------------------- */
.mk-contactinfo-shortcode {
	margin-bottom: 20px;
}

/* Shortcode:Social Networks
-------------------------------------------------------------------- */
.mk-social-network {
	margin: 10px 0;
	padding: 0;
	&.social-align-right {
		text-align: right;
	}
	&.social-align-center {
		text-align: center;
	}
	&.social-align-left {
		text-align: left;
	}
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		li {
			display: inline-block;
			margin: 0;
			a{
				position: relative;
				display: inline-block;
				float: left;
				margin: 4px;
				font-size: 16px;
				height: 30px;
				width: 30px;
				line-height: 30px;
				text-align: center;
				&.dark {
					border-color: #737373;
					color: #737373;
					&:hover {
						color: #fff ;
						background-color: #737373;
					}
				}
				&.light {
					border-color: #fff;
					color: #fff;
					&:hover {
						background-color: #fff ;
						color: #000 ;

					}
				}
				i {
					vertical-align: middle;
					line-height: 32px;
				}
			}
		}
	}
	&.square-style, &.circle-style{
		a{
			border-style: solid;
			border-width: 3px;
		}
	}
	&.square-style{
		a{
			.border-radius(3px);
		}
	}
	&.circle-style {
		a{
			.border-radius(50%);
		}
	}
	&.simple-style {
		a {
			i {
				transition: color .3s ease;
			}
			border-color: transparent !important;
			&:hover, &.custom {
				background-color: transparent !important;
			}
			&.dark {
				&:hover {
					color: inherit !important;
				}
			}
			&.light {
				&:hover {
					color: #fff !important;
				}
			}
		}
	}

	@media handheld, only screen and (max-width:650px) {
		&.social-align-right,
		&.social-align-left {
			text-align: center;
		}
	}
}

/* Shortcode:Fancy Title
-------------------------------------------------------------------- */
.mk-fancy-title {
	&.stroke-title {
		span {
			padding: 7px 11px;
		}
		@media handheld, only screen and (max-width:767px) {
			.fancy-title-span{
				border:none !important;
			}
		}
	}
	&.standard-title {
		&:after, &:before {
			display: inline-block;
			content: "";
			width: 70px;
			height: 3px;
			margin-top: -2px;
			vertical-align: middle;
			background-color: #444;
		}
		.fancy-title-span {
			display: inline-block;
		}
		&.center-align {
			.fancy-title-span {
				padding: 0 15px;
				border: 3px solid #444;
				border-top: none;
				border-bottom: none;
			}
		}
		&.left-align {
			&:before {
				display: none;
			}
			.fancy-title-span {
				padding-right: 15px;
				border-right: 3px solid #444;
			}
		}
		&.right-align {
			&:after {
				display: none;
			}
			.fancy-title-span {
				padding-left: 15px;
				border-left: 3px solid #444;
			}
		}
	}
	&.avantgarde-title {
		&:after, &:before {
			display: inline-block;
			content: "";
			width: 70px;
			height: 3px;
			margin-top: -2px;
			vertical-align: middle;
			background-color: #444;
		}
		.fancy-title-span {
			display: inline-block;
		}
		&.center-align {
			.fancy-title-span {
				padding: 0 15px;
			}
		}
		&.left-align {
			&:before {
				display: none;
			}
			.fancy-title-span {
				padding-right: 15px;
			}
		}
		&.right-align {
			&:after {
				display: none;
			}
			.fancy-title-span {
				padding-left: 15px;
			}
		}
	}
	&.alt-title {
		position: relative;
		.fancy-title-span {
			display: inline-block;
			position: relative;
			z-index: 3;
		}
		&:after {
			display: block;
			content: "";
			width: 100%;
			height: 5px;
			margin-top: -1px;
			position: absolute;
			left: 0;
			top: 50%;
			z-index: 1;
		}
		&.center-align {
			.fancy-title-span {
				padding: 0 10px;
			}
		}
		&.left-align {
			.fancy-title-span {
				padding-right: 10px;
			}
		}
		&.right-align {
			.fancy-title-span {
				padding-left: 10px;
			}
		}
	}
	&.underline-title{
		span{
			display: inline-block;
			&:after{
				content: '';
				display: block;
				width: 100%;
			}
		}
	}
	p {
		margin-bottom: 0 !important;
	}


}
.mk-fancy-title.color-gradient span i {
    display: table;
    font-style: normal;
}
@media handheld, only screen and (max-width:960px) {
	.vc_span6 .mk-fancy-title,
	.vc_span8 .mk-fancy-title,
	.vc_span3 .mk-fancy-title,
	.vc_span4 .mk-fancy-title{
		text-align: center !important;
	}
	.vc_span6 .mk-fancy-title .fancy-title-span,
	.vc_span8 .mk-fancy-title .fancy-title-span,
	.vc_span3 .mk-fancy-title .fancy-title-span,
	.vc_span4 .mk-fancy-title .fancy-title-span{
		border: none !important;
		padding: 0 !important;
	}
	.vc_span6 .mk-fancy-title:after,
	.vc_span6 .mk-fancy-title:before,
	.vc_span8 .mk-fancy-title:after,
	.vc_span8 .mk-fancy-title:before,
	.vc_span3 .mk-fancy-title:after,
	.vc_span3 .mk-fancy-title:before,
	.vc_span4 .mk-fancy-title:after,
	.vc_span4 .mk-fancy-title:before {
		display: none !important;
	}
}

	@media handheld, only screen and (max-width:767px) {
		.mk-fancy-title .fancy-title-span {
			border: none !important;
			padding: 0 !important;
		}
		.mk-fancy-title:after, .mk-fancy-title:before {
			display: none !important;
		}
		.fancy-title-responsive-title {
			font-size: 36px !important;
		}
	}

.mk-fancy-text {
	display: block;
	line-height: 100%;
	&.title-box-right {
		float: right;
		text-align: right;
	}
	&.title-box-left {
		float: left;
	}

	&.title-box-justify {
		text-align: justify;
	}
	&.title-box-center {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	p {
		margin: 0;
	}
	span {
		padding: 4px 0;
		box-decoration-break: clone;
	}
}

/* Shortcode:Font Icons
-------------------------------------------------------------------- */
.mk-font-icons {
	display: inline-block;
	&.icon-align-right {
		float: right;
	}
	&.icon-align-center {
		display: block;
		text-align: center;
	}
	&.icon-align-left {
		float: left;
	}
	a:hover .default-font-icon {
		color: #fff !important;
	}
	.default-font-icon {
		border: 3px solid #777;
	}
	.filled-font-icon {
		color: #fff;
	}
	.custom-font-icon {
		border-width: 3px;
		border-style: solid;
	}
	i {
		display: inline-block;
		text-align: center;
		.transition(all .25s);
		&.mk-size-small {
			width: 40px;
			height: 40px;
			font-size: 16px;
			line-height: 40px;
		}
		&.mk-size-medium {
			width: 100px;
			height: 100px;
			font-size: 32px;
			line-height: 100px;
		}
		&.mk-size-large {
			width: 150px;
			height: 150px;
			font-size: 48px;
			line-height: 150px;
		}
		&.mk-size-x-large {
			width: 186px;
			height: 186px;
			font-size: 64px;
			line-height: 186px;
		}
		&.mk-size-xx-large {
			width: 296px;
			height: 296px;
			font-size: 128px;
			line-height: 296px;
		}
		&.mk-size-xxx-large {
			width: 520px;
			height: 520px;
			font-size: 256px;
			line-height: 520px;
			@media handheld, only screen and (max-width:600px) {
				width: 296px;
				height: 296px;
				font-size: 128px;
				line-height: 296px;
			}
		}
		.border-radius(600px);
	}
	&.remove-frame {
		i{width: auto !important;
			height: auto !important;
			border: none !important;
			background-color: transparent !important;
			line-height: 100% !important;
		}
	}
}

/* Shortcode:Icon Text
-------------------------------------------------------------------- */
.mk-box-text {
	text-align: center;
	padding: 20px 0;
	display: block;
	.transition(all 0.3s ease-in-out);
	i {
		line-height: 100%;
		display: block;
	}
	&.large{
		i{
			margin-bottom: 30px;
		}
	}
	&.medium{
		i{
			margin-bottom: 20px;
		}
	}
	&.small{
		i{
			margin-bottom: 10px;
		}
	}
	.icon-txt-default {
		font-size: 30px;
		text-transform: uppercase;
		display: block;
		position: relative;
		.transition(all 0.2s ease-in-out);
	}
	.icon-txt-hover {
		opacity: 0;
		text-transform: uppercase;
		position: relative;
		display: block;
		.transition(all 0.3s ease-in-out);
	}
	&.light-skin {
		.icon-txt-default, .icon-txt-hover, i {
			color: #fff;
		}
	}
	&.dark-skin {
		.icon-txt-default, .icon-txt-hover, i {
			color: #444;
		}
	}
	&:hover {
		padding: 10px 0 55px;
		.icon-txt-default {
			opacity: 0;
		}
		.icon-txt-hover {
			opacity: 1;
			margin-top: -25px;
		}
	}
}

/* Shortcode:Clients Carousel
-------------------------------------------------------------------- */
.mk-clients-shortcode {
	position: relative;
	ul{
		.clearfix;
	}
	ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	li {
		&:last-child .flip-wrapper {
			//border-right-width: 1px !important;
		}
	}
	&.grid-style {
		.client-item-wrapper {
			border: none !important;
			margin: 0 1px 1px;
		}
		@media handheld, only screen and (max-width:500px) {
			.client-item {
				float: none !important;
				margin: 0 auto !important;
				text-align: center;
			}
		}
	}
	.client-item {
		float: left;
		position: relative;
		&:hover {
			.clients-info {
				opacity: 1;
			}
		}
		&:last-of-type .client-item-wrapper {
			border-right-width: 5px;
		}
	}
	.client-item-wrapper {
		border-style: solid;
		border-right-width: 0;
		line-height: 4px;
		position: relative;
		z-index: 5;
	}
	&.column-style {
		&.one-column li {
			width: 100%;
		}
		&.two-column li {
			width: 50%;
		}
		&.three-column li {
			width: 33.33%;
		}
		&.four-column li {
			width: 25%;
		}
		&.five-column li {
			width: 20%;
		}
		&.six-column li {
			width: 16.66%;
		}
		@media handheld, only screen and (max-width:960px) {
			&.three-column li, &.four-column li, &.five-column li, &.six-column li {
				width: 33.2% !important;
			}
		}
		@media handheld, only screen and (max-width:767px) {
			&.three-column li, &.four-column li, &.five-column li, &.six-column li {
				width: 49.8% !important;
			}
		}
		@media handheld, only screen and (max-width:550px) {
			&.three-column li, &.four-column li, &.two-column li, &.five-column li, &.six-column li {
				width: 100% !important;
			}
		}
		.client-logo {
			width: 100%;
		}
		.client-item {
			.client-item-wrapper {
				border-top: none !important;
				border-left: none !important;
			}
		}
	}
	.client-logo {
		position: relative;
		display: inline-block;
		background-position: center center;
		background-position: center;
		background-repeat: no-repeat;
	}
	&.bg-cover-true .client-logo {
		background-size: cover;
		background-repeat: no-repeat;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}
	.clients-info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100.1%;
		height: 100%;
		line-height: 20px;
		z-index: 14;
		display: table;
		.opacity(0);
		.transition(opacity 0.25s ease-in-out);
		background-color: #222222 !important;
	}
	.clients-info-holder {
		height: 100%;
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	.client-company {
		display: block;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
		text-align: center;
		padding: 0 5%;
	}
}

/* Shortcode:Icon Box
-------------------------------------------------------------------- */
.mk-box-icon {
	position: relative;
	margin-bottom: 40px;
	.icon-box-title {
		margin-bottom: 14px;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: normal !important;
		color: #696969;
	}
	.icon-box-desc {
		margin-bottom: 18px;
		line-height: 1.3em;
		p {
			line-height: 1.3em;
			margin: 0;
			color: inherit;
		}
	}
	.mk-button {
		margin: 0;
	}
	.box-ico, .icon-box-container {
		.transition(all 0.2s ease-in-out);
		vertical-align: middle;
	}
	.icon-box-container {
	}
	.box-image{
		display: block;
		margin: 0 auto;
	}
	/* Style 1 */
	&.style1-box {
		text-align: center;
		.box-ico {
			font-size: 32px;
			margin-bottom: 13px;
			display: block;
		}
		.icon-box-title {
				text-align: center;
		}
		.box-image {
			margin-bottom: 15px;
		}
		.icon-box-title {
			font-weight: 600;
		}
	}

	/* Style 2 */
	&.style2-box {
		text-align: left;
		.icon-box-title {
			margin-bottom: 10px !important;
		}
		&.icon-left-align {
			.icon-box-container {
				left: 0;
			}
			.icon-box-content {
				margin-left: 55px;
			}
			.icon-box-title {
				text-align: left;
			}
			&.type-image{
				.icon-box-content {
					margin-left: 100px;
				}
			}
		}
		&.icon-right-align {
			text-align: right;
			.icon-box-container {
				right: 0;
			}
			.icon-box-content {
				margin-right: 45px;
			}
			.icon-box-title {
				text-align: right;
			}
			&.type-image{
				.icon-box-content {
					margin-right: 100px;
				}
			}
		}
		.icon-box-container {
			position: absolute;
			top: 2px;
		}
		.box-ico {
			font-size: 32px;
			display: block;
		}
		.icon-box-title {
			color: #696969;
			padding-top: 5px;
		}
	}
	&.style3-box, &.style4-box, &.style5-box, &.style6-box {
		text-align: center;
		.icon-box-container {
			width: 86px;
			height: 86px;
			line-height: 86px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		&.icon-round-true .icon-box-container {
			.border-radius(100px);
		}
		.box-ico {
			font-size: 32px;
			line-height: 82px;
		}
		.box-image {
			margin-bottom: 20px;
		}
	}
	&.style3-box, &.style4-box {
		.icon-box-container {
			margin-bottom: 15px;
		}
	}
	&.style3-box, &.style5-box {
		.icon-box-container {
			background-color: #fff;
			border: 2px solid #eee;
		}
	}
	&.style4-box, &.style6-box {
		.box-ico {
			color: #fff;
		}
		.icon-box-container {
			border: 2px solid #eee;
		}
	}

	/* Style 3 */
	&.style5-box, &.style6-box {
		.icon-box-container {
			margin-bottom: -43px;
			z-index: 10;
			position: relative;
		}
		.icon-box-content {
			background-color: #fff;
			border: 2px solid #eee;
			padding: 60px 42px 40px;
			position: relative;
			z-index: 2;
		}
	}
	&.style7-box {
		text-align: left;
		.icon-box-container {
			width: 100%;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			&.icon-type-holder {
				width: 130px;
				height: 130px;
				line-height: 130px;
			}
		}
		&.icon-round-true .icon-box-container.icon-type-holder {
			.border-radius(300px);
		}
		.box-ico {
			font-size: 64px;
			line-height: 130px;
			color: #fff;
			display: block;
		}
		&.icon-frame-false .box-ico {
			font-size: 128px;
			vertical-align: top;
		}


		.icon-box-title {
			margin-bottom: 10px !important;
			@media handheld, only screen and (max-width:600px){
				text-align: center !important;
			}
		}
		&.icon-left-align {
			.icon-box-container {
				left: 0;
			}
			.icon-box-content {
				margin-left: 150px;
			}
			&.icon-frame-false .icon-box-content {
				margin-left: 140px;
				padding-top: 10px;
			}
			.icon-box-title {
				text-align: left;
			}
			.icon-box-container {
				position: absolute;
				top: 3px;
			}
		}
		&.icon-right-align {
			text-align: right;
			.icon-box-container {
				right: 0;
			}
			.icon-box-content {
				margin-right: 150px;
			}
			&.icon-frame-false .icon-box-content {
				margin-right: 140px;
				padding-top: 10px;
			}
			.icon-box-container {
				position: absolute;
				top: 3px;
			}
		}
		&.icon-top-align {
			text-align: center;
			.icon-box-container {
				margin-bottom: 10px;
			}
			.icon-box-title {
				text-align: center;
			}
		}





		&.size-small {
			.box-ico {
				font-size: 32px;
				line-height: 62px;
			}

			&.icon-frame-false .box-ico {
				font-size: 48px;
				vertical-align: top;
			}
			.icon-box-container.icon-type-holder {
				width: 60px;
				height: 60px;
				line-height: 60px;
			}

			&.icon-left-align {

				.icon-box-content {
					margin-left: 75px;
				}
				&.icon-frame-false .icon-box-content {
					margin-left: 75px;
					padding-top: 10px;
				}
			}
			&.icon-right-align {
				.icon-box-content {
					margin-right: 75px;
				}
				&.icon-frame-false .icon-box-content {
					margin-right: 75px;
					padding-top: 10px;
				}
			}
		}







		&.size-medium {
			.box-ico {
				font-size: 48px;
				line-height: 92px;
			}

			&.icon-frame-false .box-ico {
				font-size: 64px;
				vertical-align: top;
			}
			.icon-box-container.icon-type-holder {
				width: 90px;
				height: 90px;
				line-height: 90px;
			}

			&.icon-left-align {

				.icon-box-content {
					margin-left: 105px;
				}
				&.icon-frame-false .icon-box-content {
					margin-left: 105px;
					padding-top: 10px;
				}
			}
			&.icon-right-align {
				.icon-box-content {
					margin-right: 105px;
				}
				&.icon-frame-false .icon-box-content {
					margin-right: 105px;
					padding-top: 10px;
				}
			}
		}

		.icon-box-title {
			color: #696969;
			padding-top: 5px;
		}
		@media handheld, only screen and (max-width:767px) {
			.icon-box-container {
				position: relative !important;
				margin-bottom: 10px;
			}
			.icon-box-content {
				padding: 0 !important;
				margin: 0 !important;
				text-align: center !important;
			}
		}
	}
}

/* Shortcode:Mini Callout Box
-------------------------------------------------------------------- */
.mk-call-to-action {
	overflow: hidden;
	padding: 60px 45px;
	border: 2px solid #eee;
	background-color: #fafafa;
	p {
		display: inline;
		margin-bottom: 0;
	}
	.callout-desc {
		display: table;
		min-height: 43px;
	}
	.callout-desc-holder {
		display: table-cell;
		padding: 0 20px 0 8px;
		vertical-align: middle;
		h4{
			margin-bottom:0px;
		}
	}
	.callout-title {
		font-size: 20px;
		line-height: 130%;
	}
	.mk-button {
		margin-right: 0;
	}
	@media handheld, only screen and (max-width:700px) {
		.callout-desc {
			display: block !important;
			text-align: center;
			width:100%; 

		}
		.callout-desc-holder {
			display: block !important;
			padding: 0 !important;
		}
		.mk-button {
			display: block !important;
			margin: 0 0 20px !important;
		}
	}
	@media handheld, only screen and (max-width:770px) {
		.callout-desc {
			width: 100%;
    		text-align: center;	
		}
		.mk-inner-grid > .callout-desc{
			padding-bottom:10px;
		}

	}
}

/* Shortcode:Full Width Slideshow
-------------------------------------------------------------------- */
.mk-fullwidth-slideshow {
	padding: 30px 0;
	width: 100%;
	text-align: center;
}

/* Shortcode:Gallery
-------------------------------------------------------------------- */
.mk-gallery {
	img {
		width: 100%;
	}
	margin: 0 auto;
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		li {
			position: relative;
			display: block;
			float: left;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
	}
	.featured-image {
		line-height: 4px;
		/*&:hover {
			.hover-overlay {
				.opacity(90);
			}
			.gallery-meta {
				.opacity(100);
			}
			.gallery-meta i {
				.rotate(0deg);
			}
		}*/
	}
	&.one-column li {
		width: 100%;
	}
	&.two-column li {
		width: 50%;
	}
	&.three-column li {
		width: 33.3%;
	}
	&.four-column li {
		width: 25%;
	}
	&.five-column li {
		width: 20%;
	}
	&.six-column li {
		width: 16.6%;
	}
	@media handheld, only screen and (max-width:960px) {
		&.three-column li, &.four-column li, &.five-column li, &.six-column li {
			width: 33.2% !important;
		}
	}
	@media handheld, only screen and (max-width:767px) {
		&.three-column li, &.four-column li, &.five-column li, &.six-column li {
			width: 49.8% !important;
		}
	}
	@media handheld, only screen and (max-width:550px) {
		&.three-column li, &.four-column li, &.two-column li, &.five-column li, &.six-column li {
			width: 100% !important;
		}
	}
	&.column-structure {
	}
	&.scroller-structure {
	}
	&.grid-style {
		.item-holder {
			margin: 0 1px 1px 0;
			position: relative;
			img {
				width: 100%;
			}
		}
		.mk-lightbox {
			min-width: 100px;
			min-height: 100px;
		}
		.the-title {
			display: inline-block;
			margin-top: 15px;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			line-height: 20px;
			text-transform: uppercase;
		}
	}
	&.thumb-style {
		text-align: center;
		.gallery-thumb-large {
			margin-bottom: 1px;
		}
		&:hover {
			.slideshow-swiper-arrows,
			.gallery-thumb-lightbox {
				.opacity(100);
			}
			.mk-swiper-next {
				right: 20px;
			}
			.mk-swiper-prev {
				left: 20px;
			}
		}

		.gallery-thumb-lightbox {
			position: absolute;
			left: 50%;
			top: 50%;
			font-size: 16px;
			line-height: 30px;
			margin: -16px 0 0 -16px;
			z-index: 10;
			.opacity(0);
			display: block;
			width: 32px;
			height: 32px;
			color: #fff;
			background-color: rgba(0,0,0,0.05);
			border:2px solid #fff;
			.border-radius(2px);
		}
		.gallery-thumb-lightbox-full{
			left: 0;
			top: 0;
			color: transparent;
			margin: 0;
			width: 100%;
			height: 100%;
			background-color: transparent;
			border-width:0px;
			.border-radius(0px);
			&:hover{
			background-color:transparent !important;
		}
		}

	}
	.gallery-thumbs-small {
		display: inline-block;
		margin: 0 auto;
		a {
			display: inline-block;
			padding-right: 1px;
			padding-bottom: 1px;
			-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			img {
				.opacity(70);
			}
			&.active-item img {
				.opacity(100);
			}
		}
	}
	&.masonry-style {
		.mk-gallery-item {
			width: 24.95%;
		}
		.gallery-mansory-large {
			width: 49.95%;
		}
		.mk-lightbox {
			min-width: 100px;
			min-height: 100px;
		}
		.the-title {
			display: inline-block;
			margin-top: 15px;
			color: #fff;
			line-height: 14px;
			font-size: 14px;
			text-transform: uppercase;
		}
		@media handheld, only screen and (max-width:1140px) {
			.mk-gallery-item {
				width: 24.9%;
			}
			.gallery-mansory-large {
				width: 49.9%;
			}
		}
		@media handheld, only screen and (max-width:960px) {
			.mk-gallery-item, .gallery-mansory-large {
				width: 49.9%;
			}
		}
		@media handheld, only screen and (max-width:767px) {
			.mk-gallery-item, .gallery-mansory-large {
				width: 100%;
			}
		}
	}
	&.grid-style, &.masonry-style {
		.featured-image {
			&.overlay-hover{
				.hover-overlay{
					background-color: rgba(0, 0, 0, 0.6) !important;
				}
				img{
					-webkit-transform: translate3d(0,0,0) scale(1.05);
					transform: translate3d(0,0,0) scale(1.05);
					-webkit-transition: -webkit-transform 0.35s ease-in-out;
					transition: transform 0.35s ease-in-out;
				}
				i{
					opacity: 0;
					visibility: hidden;
					-webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s , color 0.25s;
					transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s , color 0.25s;
					-webkit-transform: translate3d(0,100%, 0);
					transform: translate3d(0,100%,0);
					&:hover{
						background-color: #fff;
						color: #000;
					}
				}
				.the-title{
					opacity: 0;
					visibility: hidden;
					-webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s;
					transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s;
					-webkit-transform: translate3d(0, 100%, 0);
					transform: translate3d(0, 100% ,0);
					a {
						color: #fff;
					}
				}
				&:hover{
					img{
						-webkit-transform: translate3d(0,-2.5%,0) scale(1.05);
						transform: translate3d(0,-2.5%,0) scale(1.05);
					}
					i{
						opacity: 1;
						visibility: visible;
						-webkit-transform: translate3d(0,0, 0);
						transform: translate3d(0,0,0);
					}
					.the-title{
						opacity: 1;
						visibility: visible;
						-webkit-transform: translate3d(0,0, 0);
						transform: translate3d(0,0,0);
					}
				}
			}
			&.gradient-hover{
				.hover-overlay{
					background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%) !important;
					background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%) !important;
					background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%) !important;
					-webkit-transition: -webkit-transform 0.35s;
					transition: transform 0.35s;
					-webkit-transform: translate3d(0,50%, 0);
					transform: translate3d(0,50%,0);
				}
				img{
					-webkit-transform:scale(1.05);
					transform: scale(1.05);
					-webkit-transition: -webkit-transform 0.35s ease-in-out;
					transition: transform 0.35s ease-in-out;
				}
				.the-title, i{
					opacity: 0;
					visibility: hidden;
					-webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s,  background-color 0.25s , color 0.25s;
					transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s,  background-color 0.25s , color 0.25s;
					-webkit-transform: scale(0.9);
					transform: scale(0.9);

				}
				.the-title {
					a {
						color: #fff;
					}
				}
				i{
					&:hover{
						background-color: #fff;
						color: #000;
					}
				}
				&:hover{
					.hover-overlay{
						-webkit-transform: translate3d(0,0,0);
						transform: translate3d(0,0,0);
					}
					img{
						-webkit-transform: scale(1);
						transform: scale(1);
					}
					.the-title, i{
						opacity: 1;
						visibility: visible;
						-webkit-transform: scale(1);
						transform: scale(1);
					}
				}
			}
			&.none-hover{
				.hover-overlay{
					background-color:transparent ;
					display:none !important;
				}
				img{
					-webkit-transform:scale(1.05);
					transform: scale(1.05);
					-webkit-transition: -webkit-transform 0.35s ease-in-out;
					transition: transform 0.35s ease-in-out;
				}
				.the-title, i{
					opacity: 0;
					visibility: hidden;
					-webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s,  background-color 0.25s , color 0.25s;
					transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s,  background-color 0.25s , color 0.25s;
					-webkit-transform: scale(0.9);
					transform: scale(0.9);

				}
				.the-title {
					a {
						color: #fff;
					}
				}
				i{
					&:hover{
						background-color: #fff;
						color: #000;
					}
				}
				&:hover{
					.hover-overlay{
						-webkit-transform: translate3d(0,0,0);
						transform: translate3d(0,0,0);
					}
					img{
						-webkit-transform: scale(1);
						transform: scale(1);
					}
					.the-title, i{
						opacity: 1;
						visibility: visible;
						-webkit-transform: scale(1);
						transform: scale(1);
					}
				}
			}
		}
		.gallery-meta {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate3d(-50%,-50%,0);
					transform: translate3d(-50%,-50%,0);
			z-index: 10;
			text-align: center;
			min-width: 32px;
			i {
				&:before{
					height: 27px;
					line-height: 27px;
				}
				font-size: 16px;
				width: 27px;
				height: 27px;
				text-align: center;
				color: #fff;
				border-radius: 3px;
				border:3px solid #fff;
				display: block;
				margin: 0 auto;
				-webkit-backface-visibility: hidden;
			}
		}
	}
}

/* Shortcode:Google Maps
-------------------------------------------------------------------- */
.wpb_map_wraper {
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 4px;
	&.circle-map {
		.border-radius(1000px);
	}
}
.mk-gmaps-parallax {
	overflow: hidden;
	> div {
		margin-top: -100px;
	}
}

/* Shortcode:Page Section
-------------------------------------------------------------------- */
.mk-page-section {
	position: relative;
	overflow: hidden;
	min-height: 100px;
	.vc_row-fluid {
		position: relative;
		z-index: 10;
	}
	@media only screen and (max-width:767px) {
		background-position: center !important;
		background-attachment: scroll !important;
		background-size: cover;
	}
	.page-section-fullwidth {
		width:100%;
	}
}

.mk-half-layout {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	&.half_left_layout {
		left: 0;
	}
	&.half_right_layout {
		right: 0;
	}
	@media handheld, only screen and (max-width:767px) {
		width: 100%;
		height: 500px;
	}
}
.mk-section-mask,
.mk-section-color-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	.transition(opacity 0.3s ease-in-out);
}
.mk-section-color-mask {
	opacity: 0.7;
}
.mk-section-mask {
	background: url(../../images/video-mask.png) center center repeat;
}
.mk-section-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	video {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
	}
}

.mk-custom-boxed,
.box-holder {
	transition: background .2s ease-in-out;
}

.height-full .mk-custom-boxed,
.height-full .box-holder {
  height: 100%;
  width: 100%;
}

.mk-custom-boxed {
	.mk-custom-boxed--overlay {
	  width: 100%;
	  height: 100%;
	  position: absolute !important;
	  z-index: 2 !important;
	  left: 0;
	  top: 0;
	  pointer-events: none;
	}
	.box-holder {
	  position: relative;

	}
	.box-holder > .wpb_row:before,
	.box-holder > .wpb_row:after {
	  content: " ";
	  display: table;
	}
	.box-holder > .wpb_row:after {
	  clear: both;
	}
}
.mk-custom-boxed .box-holder:after,
.mk-custom-boxed.hover-effect-image.image-effect-blur .box-holder:before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
}
.mk-custom-boxed .box-holder > * {
  position: relative;
  z-index: 3;
}
.mk-custom-boxed.hover-effect-single_color .box-holder:after,
.mk-custom-boxed.hover-effect-gradient_color .box-holder:after {
  opacity: 0;
  transition: opacity .2s linear;
}
.mk-custom-boxed.hover-effect-single_color:hover .box-holder:after,
.mk-custom-boxed.hover-effect-gradient_color:hover .box-holder:after {
  opacity: 1;
  transition: opacity .2s;
}
.mk-custom-boxed.hover-effect-image,
.mk-custom-boxed.hover-effect-image.image-effect-blur .box-holder {
  overflow: hidden;
}
.mk-custom-boxed.hover-effect-image.image-effect-zoom-in .box-holder:after {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
  transition: -webkit-transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mk-custom-boxed.hover-effect-image.image-effect-zoom-in .box-holder:hover:after {
  -webkit-transform: scale(1.11);
      -ms-transform: scale(1.11);
          transform: scale(1.11);
  z-index: 1;
}
.mk-custom-boxed.hover-effect-image.image-effect-blur .box-holder:after,
.mk-custom-boxed.hover-effect-image.image-effect-blur .box-holder:before {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.mk-custom-boxed.hover-effect-image.image-effect-blur .box-holder:before {
  opacity: 0;
  transition: opacity .2s;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  z-index: 2;
}
.mk-custom-boxed.hover-effect-image.image-effect-blur .box-holder:hover:before {
  opacity: 1;
}
.mk-custom-boxed.hover-effect-image.image-effect-grayscale .box-holder:after {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: -webkit-filter .2s linear;
  transition: filter .2s linear;
  transition: filter .2s linear, -webkit-filter .2s linear;
  transition: -ms-filter 0.2s linear;
  transition: -o-filter 0.2s linear;
  transition: -moz-filter 0.2s linear;
  transition: -webkit-filter 0.2s linear;
}
.mk-custom-boxed.hover-effect-image.image-effect-grayscale .box-holder:hover:after {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}


.mk-mouse-parallax {
	position: absolute;
	top: 0;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}
.parallax-y-axis {
	width: 100%;
	height: 130%;
}
.parallax-x-axis {
	width: 130%;
	height: 100%;
}
.parallax-both-axis {
	width: 130%;
	height: 130%;
}
.mk-padding-wrapper, .mk-half-layout-container {
	position: relative;
	z-index: 5;
	padding-left: 20px;
	padding-right: 20px;
}
.mk-half-layout-container {
	width: 40%;
	margin: 0 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	&.half_left_layout {
		float: right;
	}
	&.half_right_layout {
		float: left;
	}
	@media handheld, only screen and (max-width:767px) {
		width: auto !important;
		margin: 0;
		padding-top: 530px !important;
		padding-left: 20px;
		padding-right: 20px;
		float: none !important;
	}
}
.fullwidth-true .mk-padding-wrapper {
	padding-left: 0;
	padding-right: 0;
}
.expandable-section-trigger {
	width: 100%;
	min-height: 100px;
	.transition(all 0.2s ease-in-out);
	.align-left{
		text-align: left;
	}
	.align-center{
		text-align: center;
	}
	.align-right{
		text-align: right;
	}
	.mk-grid {
		position: relative;
		text-align: center;
	}
	&.active-toggle {
		background-color: transparent;

	}
	.mk-expandable-wrapper{
		display: inline-block;
		margin: 25px auto;
		width: 100%;
	}
	span{
		position: relative;
	}
	span {
		font-size: 16px;
		display: block;
		line-height: 130%;
		.transition(all 0.2s ease-in-out);
		text-transform: uppercase;
		z-index: 2;
	}
	i, .expandable-section-image {
		.transition(all 0.2s ease-in-out);
		opacity: 0;
		display: inline-block;
		z-index: 1;
		top: 50%;
		position: absolute;
		left:50%;
	}
	.expandable-section-image {
		.translate(-50%, -50%);
	}


}
.mk-expandable-wrapper {
	position: relative;
	z-index: 5;
}
.section-expandable-true {
	cursor: pointer;

	.mk-padding-wrapper {
		display: none;
	}

}

.section-expandable-true.active-toggle {
	cursor: default;
	.expandable-section-trigger {
		opacity: 0;
	}
}
.section-expandable-true:hover .mk-expandable-wrapper{
		span {
			opacity: 0;
		}
		i, .expandable-section-image {
			opacity: 1;
		}
}

.mk-video-section-touch {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	display: none;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mk-page-section.social-hosted .mk-video-section-touch {
	z-index: 1;
	display: block;
}
.mk-video-color-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:3;
}
.vertical-centered{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-device-width:320px) and (max-width:1024px){
	.mk-page-section {
		background-position: center !important;
		background-attachment: scroll !important;
	}
	.mk-section-video {
		display: none !important;
	}
	.mk-video-section-touch  {
		display: block !important;
	}
}

.mk-section-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.mk-section-video .video-social-hosted {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}

.mk-shape-divider {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  z-index: 10;
}
.mk-shape-divider--stick-bottom {
  bottom: 0;
}
.mk-shape-divider--stick-top {
  top: 0;
}

.mk-shape-divider .shape__container {
  position: relative;
  overflow: hidden;
}
.mk-shape-divider .shape__container .shape {
  width: 100%;
}
.mk-shape-divider .shape__container .shape svg {
  display: block;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape,
.mk-shape-divider.speech-top-style .shape__container .shape {
  width: 100%;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-left,
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-right {
  width: 50%;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-left {
  float: left;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-right {
  float: right;
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {
  height: 35px;
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {
  height: 60px;
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left {
  border-top-right-radius: 35px;
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right {
  border-top-left-radius: 35px;
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left {
  border-top-right-radius: 60px;
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right {
  border-top-left-radius: 60px;
}
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left {
  border-bottom-right-radius: 35px;
}
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {
  border-bottom-left-radius: 35px;
}
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left {
  border-bottom-right-radius: 60px;
}
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {
  border-bottom-left-radius: 60px;
}
/* Shortcode:Twitter Feed
-------------------------------------------------------------------- */
.mk-tweet-shortcode {
	margin: 0;
	li {
		list-style: none;
		margin: 0;
		padding: 14px 0;
		border-bottom: 2px solid rgba(0, 0, 0, 0.08);
		.tweet-time {
			display: block;
			font-weight: bold;
			font-size: 12px;
			text-transform: uppercase;
		}
		span a {
			font-size: 12px;
			font-weight: bold;
			font-style: italic;
		}
	}
}
.mk-twitter-shortcode {
	margin-bottom: 20px;
}

/* Shortcode:Audio Player
-------------------------------------------------------------------- */
.mk-audio {
	margin-bottom: 10px;
	padding: 9px;
	position: relative;
	&.add-baloon .jp-interface:before {
		position: absolute;
		top: -8px;
		left: 50px;
		display: block;
		width: 14px;
		height: 14px;
		content: "";
		.rotate(45deg);
		background-color: #fff;
		border-left: 2px solid #eee;
		border-top: 2px solid #eee;
	}
	.mk-audio-author {
		display: block;
		margin: 0 0 9px 30px;
		font-weight: bold;
		font-size: 13px;
		padding: 6px 0;
	}
	&.small-version-true {
		.jp-interface {
			padding: 20px 20px 55px;
		}
		.jp-controls {
			top: 62px;
			left: 20px;
		}
		.js-volume-wrapper {
			top: 62px;
			right: 20px;
		}
	}
}

/* Shortcode:Moving Images
-------------------------------------------------------------------- */
.mk-moving-image {
	img {
		display: inline-block !important;
		width: auto !important;
	}
	&.align-center {
		text-align: center;
		img {
			margin: 0 auto;
		}
	}
	&.align-right {
		text-align: right;
	}
	&.align-left {
		text-align: left;
	}
}

/* Shortcode:Process Steps
-------------------------------------------------------------------- */
.mk-process-steps {
	position: relative;
	.step-title {
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		line-height: 22px;
	}
	.step-desc {
		font-size: 13px;
		font-weight: 600;
	}
	.step-icon {
		width: 95px;
		height: 95px;
                overflow: hidden;
		display: block;
		.border-radius(200px);
		font-size: 32px;
		text-align: center;
		line-height: 95px;
		-webkit-backface-visibility: hidden;
		.transition(all 0.1s  ease-in-out);
		position: relative;
		z-index: 10;
		i {
			position: absolute;
			left: 0;
			top: 0;
			line-height: 95px;
			text-align: center;
			width: 95px;
			.opacity(0);
			color: #fff;
			.transition(all 0.1s ease-in-out);
		}
	}
	.step-holder {
		max-width: 100%;
	}
	&.dark-skin {
		.step-title {
			color: #444 !important;
		}
		.step-desc {
			color: #939393;
		}
		.step-icon {
			background-color: #fff;
			border: 2px solid #666;
		}
		.active-step-item .step-icon, li:hover .step-icon, .mk-step:hover .step-icon {
			color: #fff;
		}
		&.vertical {
			.step-items:before {
				border-left: 2px solid #666;
			}
			.mk-step:nth-child(odd) .step-holder:before {
				border-left: 2px solid #666;
				border-bottom: 2px solid #666;
			}
			.mk-step:nth-child(even) .step-holder:before {
				border-right: 2px solid #666;
				border-top: 2px solid #666;
			}
			.step-holder {
				background: #fff;
				border: 2px solid #666;
				&:before {
					background-color: #fff;
				}
			}
		}
	}
	&.light-skin {
		.step-title {
			color: #fff !important;
		}
		.step-desc {
			color: #eee;
		}
		.step-icon {
			border: 2px solid #eee;
			color: #eee;
		}
		.active-step-item .step-icon, li:hover .step-icon, .mk-step:hover .step-icon {
			background-color: #fff;
		}
		&.vertical {
			.step-items:before {
				border-left: 2px solid #eee;
			}
			.mk-step:nth-child(odd) .step-holder:before {
				border-left: 2px solid #eee;
				border-bottom: 2px solid #eee;
			}
			.mk-step:nth-child(even) .step-holder:before {
				border-right: 2px solid #eee;
				border-top: 2px solid #eee;
			}
			.step-holder {
				background: #222;
				border: 2px solid #eee;
				&:before {
					background-color: #222;
				}
			}
		}
		&.horizontal {
		}
	}
	&.custom-skin{
		&.vertical {
			.step-items:before {
				border-left-width: 2px;
				border-left-style: solid;
			}
			.mk-step:nth-child(odd) .step-holder:before {
				border-left-width: 2px;
				border-left-style: solid;
				border-bottom-width: 2px;
				border-bottom-style: solid;
			}
			.mk-step:nth-child(even) .step-holder:before {
				border-right-width: 2px;
				border-right-style: solid;
				border-top-width: 2px;
				border-top-style: solid;
			}
			.step-holder{
				border-width: 2px;
				border-style: solid;
			}
		}
	}
	&.vertical {
		margin-bottom: 30px;
		.step-items {
			padding-top: 50px;
			&:before {
				content: "";
				display: block;
				height: 100%;
				width: 0px;
				position: absolute;
				top: 0;
				left: 50%;
			}
		}
		.mk-step {
			display: block;
			padding: 70px 0;
			position: relative;
			.clearfix();
			&:hover {
				.step-icon {
				}
			}
		}
		.mk-step:nth-child(odd) {
			margin-left: 50%;
			text-align: left;
			.step-icon {
				left: -49px;
			}
			.step-holder {
				margin: 0 30px 0 80px;
				right: -30px;
			}
			.step-holder:before {
				left: -9px;
			}
			&:hover {
				.step-holder {
					.opacity(100);
					right: 0px;
				}
			}
		}
		.mk-step:nth-child(even) {
			margin-right: 50%;
			text-align: right;
			.step-icon {
				right: -49px;
			}
			.step-holder {
				margin: 0 80px 0 30px;
				left: -30px;
			}
			.step-holder:before {
				right: -9px;
			}
			&:hover {
				.step-holder {
					.opacity(100);
					left: 0
				}
			}
		}
		.step-icon {
			position: absolute;
			top: 50%;
			margin-top: -47px;
		}
		.step-holder {
			position: relative;
			display: inline-block;
			padding: 16px 20px;
			.opacity(60);
			.transition(all 0.3s ease-in-out);
			&:before {
				position: absolute;
				top: 50%;
				margin-top: -7px;
				display: block;
				width: 14px;
				height: 14px;
				content: "";
				.rotate(45deg);
			}
			.step-content {
			}
			.step-desc-responsive{
				display: none;
			}
		}
		@media handheld, only screen and (max-width:767px) {
			.mk-step:nth-child(odd),
			.mk-step:nth-child(even) {
				margin: 0;
				text-align: center;
				.step-icon {
					left: 50%;
					margin-left: -50px;
					right: 0;
					bottom: 30px;
					position: relative;
				}
				.step-holder {
					position: relative;
					margin: 0 !important;
					right: 0 !important;
					left: 0 !important;
					opacity: 1 !important;

					&:before {
						position: absolute;
						top: -1px;
						right: auto;
						left: 50%;
						margin-left: -6px;
						display: block;
						width: 14px;
						height: 14px;
						content: "";
					}
				}
			}
			.mk-step:nth-child(odd) .step-holder:before {
				.rotate(135deg);
			}
			.mk-step:nth-child(even) .step-holder:before {
				.rotate(-45deg);
			}
			// .mk-step:nth-child(even) {
			// 	margin-right: 0;
			// 	.step-icon {
			// 		right: 0;
			// 	}
			// 	.step-holder {
			// 		margin: 0 110px 0 0 !important;
			// 		left: 0 !important;
			// 		opacity: 1 !important;
			// 	}
			// }
		}
	}
	&.horizontal {
		.step-panes .step-icon {
			display: none;
		}
		.step-items {
			position: relative;
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
			@media screen and (max-width: 765px) {
			  display: none;
			}
			li {
				margin: 0 30px;
				display: inline-block;
				&.active-step-item {
				}
			}
		}
		.step-panes {
			min-height: 50px;
			padding-bottom: 30px;
			text-align: center;
			.transition(all 0.4s ease-in-out);
			@media screen and (max-width: 765px) {
			  display: none;
			}
			.mk-step {
				.transition(all 0.4s ease-in-out);
				.opacity(0);
				top: 30px;
				left: 0;
				position: absolute;
				display: block;
				width: 100%;
				&.active-step {
					.opacity(100);
					top: 0;
				}
			}
		}
		.step-desc-responsive{
			display: none;
		}
		@media handheld, only screen and (max-width:767px) {
			.step-items {
				text-align: center;
				&:before {
					display: none;
				}
				li {
					margin: 15px;
				}
			}
			.step-desc-responsive{
				display: block;
				text-align: center;
			}
		}
		.step-panes-responsive{
			display: none;
			@media handheld, only screen and (max-width: 765px) {
			  display: block;
			}
			.mk-step{
				margin-bottom: 30px;
				.step-icon {
					margin: 0 auto 15px auto;
					display: block;
				}
				.step-title{
					text-align: center;
				}
				.step-desc{
					display: none;
				}
				.step-desc-responsive{
					font-size: inherit !important;
					font-weight: normal !important;
				}
			}
		}
	}
}
.mk-advanced-gmaps img {
	max-width: none !important;
}

/* Shortcode:-------------------------------------------------------------------- */
.mk-window-scroller {
	margin: 0 0 20px 14px;
	border: 1px solid #fff;
	.border-radius(10px);
	overflow: hidden;
	.box-shadow(-12px 12px 0 0 rgba(0, 0, 0, 0.08));
	cursor: ns-resize;
	.window-top-bar {
		position: relative;
		background-color: #eeeeee;
		border-bottom: 1px solid #fff;
		height: 30px;
		&:before, &:after, span {
			display: block;
			height: 10px;
			width: 10px;
			content: "";
			position: absolute;
			top: 10px;
			.border-radius(20px);
		}
		&:before {
			background-color: #ff4351;
			left: 12px;
		}
		&:after {
			background-color: #ffc600;
			left: 27px;
		}
		span {
			background-color: #71b93f;
			left: 43px;
		}
	}
	.image-holder {
		overflow: hidden;
		position: relative;
		img {
			position: absolute;
			top: 0;
		}
	}
}

/* Shortcode:Count Down
-------------------------------------------------------------- */
.mk-event-countdown {
	margin-bottom: 30px;
	ul {
		margin: 0;
		padding: 0;
		text-align: center;
		li {
			position: relative;
			display: inline-block;
			margin: 0 0 0 15px;
			padding: 35px 0 30px 0;
			width: 110px;
			border: 2px solid #e3e3e3;
			&:first-child {
				margin-left: 0;
				&:before {
					display: none !important;
				}
			}
			&:before {
				position: absolute;
				top: 50%;
				left: -17px;
				display: block;
				width: 15px;
				height: 2px;
				content: "";
			}
		}
		.countdown-timer {
			display: inline-block;
			text-align: center;
			text-transform: uppercase;
			font-weight: 300;
			font-size: 40px;
		}
		.countdown-text {
			display: block;
			color: #545454;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 13px;
			opacity: 0.5;
		}
	}
	&.dark-skin {
		li:before {
			background-color: #e3e3e3;
		}
		li {
			border-color: #e3e3e3;
		}
		.countdown-timer {
		}
	}
	&.light-skin {
		li:before {
			background-color: rgba(255, 255, 255, 0.5);
		}
		li {
			border-color: rgba(255, 255, 255, 0.5);
			background-color: rgba(255, 255, 255, 0.1);
		}
		.countdown-text {
			color: #fff;
		}
		.countdown-timer {
			color: #fff;
		}
	}
	@media screen and (max-width:600px) {
		li {
			width: 40px !important;
			padding: 10px 0 10px 0 !important;
			.countdown-timer {
				font-size: 14px !important;
			}
			.countdown-text {
				display: none;
			}
		}
	}
}

/* Shortcode:Laptop Slideshow
-------------------------------------------------------------------- */
.mk-tablet-slideshow {
	margin: 0 auto 40px;
	width: 100%;
	text-align: center;
	.mk-flex-slides {
		margin: 0 auto !important;
	}
	.flex-direction-nav a {
		margin-top: -16px;
		.mk-theme-icon-prev-big:before, .mk-theme-icon-next-big:before {
			font-size: 16px;
		}
		&:hover{
			.opacity(100);
		}
	}
	&:hover {
		.flex-direction-nav a {
			.opacity(60);
		}
		.flex-prev {
			left: 60px;
		}
		.flex-next {
			right: 60px;
		}
	}
	.mk-flex-slides {
		text-align: center;
	}
	.flex-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 60;
		margin-top: -16px;
		width: 33px;
		height: 33px;
		border: 2px solid #fff;
		background-color: rgba(0, 0, 0, 0.1);
		text-align: center;
		cursor: pointer;
		.border-radius(2px);
		i {
			color: #fff;
			font-size: 16px;
			line-height: 33px;
		}
		.opacity(0);
	}
	.flex-prev {
		left: 30px;
	}
	.flex-next {
		right: 30px;
	}
}
.mk-tablet-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
}
.vc_col-sm-4 > .mk-tablet-slideshow {
	&:hover {
		.flex-prev {
			left: 40px;
		}
		.flex-next {
			right: 40px;
		}
	}
}
.vc_col-sm-3 > .mk-tablet-slideshow {
	.flex-prev, .flex-next {
		.scale(0.8);
	}
	&:hover {
		.flex-prev {
			left: 30px;
		}
		.flex-next {
			right: 30px;
		}
	}
}
.vc_col-sm-2 > .mk-tablet-slideshow {
	.flex-prev, .flex-next {
		.scale(0.7);
	}
	&:hover {
		.flex-prev {
			left: 20px;
		}
		.flex-next {
			right: 20px;
		}
	}
}

/* Shortcode:Mobile Slideshow
-------------------------------------------------------------------- */
.mk-mobile-slideshow {
	margin: 0 auto 40px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	&:hover {
		.flex-direction-nav a {
			.opacity(70);
		}
	}
	.slideshow-container{

	}
	&.landscape-style {
		.mk-flex-slides {
			margin: 0 auto !important;
		}
		&:hover {
			.flex-prev {
				left: 155px;
			}
			.flex-next {
				right: 140px;
			}
		}
		@media handheld, only screen and (max-width:700px) {
			&:hover {
				.flex-prev {
					left: 105px !important;
				}
				.flex-next {
					right: 95px !important;
				}
			}
		}
	}
	&.portrait-style {
		.mk-flex-slides {
			margin: 0 auto !important;
			/*padding: 75px  20px 80px 20px;
			@media handheld, only screen and (max-width:400px) {
				padding: 90px  10px 60px 10px !important;
			}*/
		}
		&:hover {
			.flex-prev {
				left: 50px;
			}
			.flex-next {
				right: 50px;
			}
		}
	}
	.flex-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 60;
		margin-top: -16px;
		width: 33px;
		height: 33px;
		border: 2px solid #fff;
		background-color: rgba(0, 0, 0, 0.1);
		text-align: center;
		cursor: pointer;
		.border-radius(2px);
		i {
			color: #fff;
			font-size: 16px;
			line-height: 33px;
		}
		.opacity(0);
	}
	.flex-prev {
		left: 30px;
	}
	.flex-next {
		right: 30px;
	}
}
.mk-mobile-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}
.vc_col-sm-6 > .mk-mobile-slideshow.landscape-style {
	&:hover {
		.flex-prev {
		}
		.flex-next {
		}
	}
}
.vc_col-sm-4 > .mk-mobile-slideshow.landscape-style {
	&:hover {
		.flex-prev {
			left: 70px;
		}
		.flex-next {
			right: 70px;
		}
	}
}
.vc_col-sm-3 > .mk-mobile-slideshow.landscape-style {
	.flex-prev, .flex-next {
		.scale(0.7);
	}
	&:hover {
		.flex-prev {
			left: 40px;
		}
		.flex-next {
			right: 40px;
		}
	}
}
.vc_col-sm-2 > .mk-mobile-slideshow.portrait-style {
	.flex-prev, .flex-next {
		.scale(0.8);
	}
	&:hover {
		.flex-prev {
			left: 30px;
		}
		.flex-next {
			right: 30px;
		}
	}
}
.vc_col-sm-2 > .mk-mobile-slideshow.portrait-style {
	.flex-prev, .flex-next {
		.scale(0.6);
	}
	&:hover {
		.flex-prev {
			left: 20px;
		}
		.flex-next {
			right: 20px;
		}
	}
}
.vc_col-sm-2 > .mk-mobile-slideshow.landscape-style {
	.flex-prev, .flex-next {
		.scale(0.5);
	}
	&:hover {
		.flex-prev {
			left: 20px;
		}
		.flex-next {
			right: 20px;
		}
	}
}
/* Theatre Slider
-------------------------------------------------------------- */
.theatre-slider-container{
	width: 100%;
	&.center-align{
		.computer-theatre-slider, .laptop-theatre-slider{
			margin: 0 auto;
		}
	}
	&.right-align{
		.computer-theatre-slider, .laptop-theatre-slider{
			margin: 0 0 0 auto;
		}
	}
	.computer-theatre-slider{
		width: 100%;
		max-width: 920px;
		position: relative;
	}
	.laptop-theatre-slider{
		width: 100%;
		max-width: 920px;
		position: relative;
	}
	.laptop-theatre-slider, .computer-theatre-slider{
		img{
			position: relative;
			z-index: 3;
			pointer-events: none;
			.no-csstransforms & {
		      z-index: 1;
		    }
		}
		.player{
			.box-sizing(content-box);
			position: relative;

			width: 100%;
			background-color: #000;
			height: 0;
			video{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			.mk-theatre-video {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				overflow: hidden;
				min-width: 100%;
				min-height: 100%;
				@media only screen and (min-device-width:320px) and (max-width:1024px){
					display: none !important;
				}
			}
		}
	}
	.laptop-theatre-slider{
		.player-container{
			width: 100%;
			height: 100%;
			position: absolute;
			box-sizing: border-box;
			border-color: transparent;
			border-style: solid;
			left: 0;
			top: 0;
			z-index: 2;
			.player{
				padding-bottom: 63%; /* 16:10 */
			}
		}
	}
	.computer-theatre-slider{
		.player-container{
			width: 100%;
			height: 100%;
			position: absolute;
			box-sizing: border-box;
			border-color: transparent;
			border-style: solid;
			left: 0;
			top: 0;
			z-index: 2;
			.player{
				padding-top: 2px;
				padding-bottom: 56.25%; /* 16:9 */
			}
		}
	}
}

/* Text Block shortcode
-------------------------------------------------------------- */
@media screen and (max-width:767px) {
	.responsive-align-center,
	.responsive-align-center p,
	.responsive-align-center h1,
	.responsive-align-center h2,
	.responsive-align-center h3,
	.responsive-align-center h4,
	.responsive-align-center h5,
	.responsive-align-center h6 {
		text-align: center !important;
	}
	.responsive-align-left,
	.responsive-align-left p,
	.responsive-align-left h1,
	.responsive-align-left h2,
	.responsive-align-left h3,
	.responsive-align-left h4,
	.responsive-align-left h5,
	.responsive-align-left h6 {
		text-align: left!important;
	}
	.responsive-align-right,
	.responsive-align-right p,
	.responsive-align-right h1,
	.responsive-align-right h2,
	.responsive-align-right h3,
	.responsive-align-right h4,
	.responsive-align-right h5,
	.responsive-align-right h6 {
		text-align: right!important;
	}
}

/* Gravity forms Styling
-------------------------------------------------------------- */
.gform_wrapper select {
	padding: 12px 14px 12px 20px !important;
	&[multiple=multiple] {
		padding: 8px !important;
	}
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {
	font-size: 13px !important;
	color: #767676 !important;
	padding: 10px !important;
	&:focus {
	}
}
.gform_wrapper .button {
	margin-right: 10px !important;
	border: 1px solid #eee !important;
	outline: none !important;
	color: #666 !important;
	font-size: 13px;
	line-height: 13px !important;
	padding: 12px 25px !important;
	vertical-align: top;
	background-image: none !important;
	letter-spacing: 1px;
	display: inline-block;
	background-color: transparent;
	&:hover {
		color: #fff !important;
	}
}
.gform_wrapper .gf_progressbar {
	.border-radius(0) !important;
	.box-shadow(none) !important;
	background-image: none !important;
}
.gform_wrapper .percentbar_blue {
	background-image: none !important;
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
	margin-left: 2px;
}
.gform_wrapper li, .gform_wrapper form li {
	padding-bottom: 10px;
}
.gform_wrapper .top_label .gfield_label {
	margin-bottom: 6px !important;
}
@media only screen and (max-width:550px) {
	.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
		width: 99% !important;
		margin-top: 10px;
		float: none !important;
	}
}


/* Shortcode:Flibox
-------------------------------------------------------------------- */
.mk-flipbox-container{
	.perspective(2000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	width: 100%;
	text-align: center;
	&.flip-horizontal{
		.mk-flipbox-front {
			.rotateY(0deg);
		}

		.mk-flipbox-back {
			.rotateY(-180deg);

		}
		&:hover{
			.mk-flipbox-back{
				.rotateY(0deg);
			}
			.mk-flipbox-front{
				.rotateY(180deg);
				visibility: hidden;
			}
		}
	}
	&.flip-vertical{
		.mk-flipbox-front {
			.rotateX(0deg);
		}
		.mk-flipbox-back {
			.rotateX(180deg);
		}
		.mk-flipbox-flipper {
			.transform-origin(100%, 213.5px);
		}
		&:hover{
			.mk-flipbox-back{
				.rotateX(0deg);
			}
			.mk-flipbox-front{
			    .rotateX(-180deg);
				visibility: hidden;
			}
		}
	}
}
.mk-flipbox-flipper {
	.transition(all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000));
	.perspective(2000px);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	height: 100%;
	position: relative;
}
.mk-flipbox-front, .mk-flipbox-back{
	&.border-radius-true{
		.border-radius(5px);
	}
	.backface-visibility();
	.transition(all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000));
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	left: 0;
	top:0;
	height:100%;
	width:100%;
	display: table;
	table-layout: fixed;
}
.mk-flipbox-front {
	.front-icon{
	}
	.front-title{
	}
	.front-desc{
	}
}
.mk-flipbox-back{
	.back-title{
	}
	.back-desc{
	}
}

.mk-flipbox-content{
	display: table-cell;
	.back-button{
		display: inline-block;
		margin-top:20px;
		// .backface-visibility();
		.transform(none);
		overflow: visible;
		&.rounded{
			overflow: inherit !important;
		}

	}
	.front-title, .back-title{
		padding:20px 0;

	}

	@-moz-document url-prefix() {
	    .front-icon{
			// padding: 0 !important;
		}
	}
}
.mk-flipbox-front, .mk-flipbox-back {
	&.va-top {
		.mk-flipbox-content {
			vertical-align: top;
			padding-top: 20px;
		}
	}
	&.va-middle {
		.mk-flipbox-content {
			vertical-align: middle;
		}
	}
	&.va-bottom {
		.mk-flipbox-content {
			vertical-align: bottom;
			padding-bottom: 20px;
		}
	}

}

/* Shortcode:Woocommerce Loops
-------------------------------------------------------------------- */
.woocommerce{
	.products{
		.clearfix;
		li{
			float: left;
		}
	}
}

/* Shortcode:Woocommerce Categories Loops
-------------------------------------------------------------------- */
.mk-product-categories{
	.mk-product-categories-list{
		.clearfix();
		list-style: none;
		padding: 0;
		margin-left: 0;
		.product-item{
			margin-left: 0;
			display: inline-block;
			float: left;
			.category-img{
				max-width: 100%;
				.transform(scale(1));
				.transition(transform 1s ease-in-out);
			}
			.item-holder{
				overflow: hidden;
				position: relative;
				margin: 0 15px 30px 15px;
				h4{
					position: absolute;
					bottom: 30%;
					left: 0;
					width: 100%;
					margin-bottom: 0;
					span{
						display: block;
						text-align: center;
						width: 55%;
						margin: 0 auto;
						background-color: #222222;
						line-height: 1;
						&.category-name{
							font-size: 13px;
							color: #fff;
							padding: 20px 20px 5px 20px;
							font-weight: bold;
						}
						&.item-count{
							font-size: 12px;
							color: #a9a9a9;
							padding: 5px 20px 20px 20px;
							text-transform: uppercase;
						}
					}
				}
			}
			&:hover{
				.category-img{
					.transform(scale(1.2));
				}
			}
		}
		&.columns-4{
			.product-item{
				width: 24.9%;

			}
		}
		&.columns-3{
			.product-item{
				width: 33.3%;

			}
		}
		&.columns-2{
			.product-item{
				width: 49.9%;

			}
		}
		&.columns-1{
			.product-item{
				width: 100%;
				.item-holder{
					margin-left: 0;
					margin-right: 0;
				}
			}
		}

		@media handheld, only screen and (max-width:960px) {
			&.columns-3 .product-item, &.columns-4 .product-item{
				width: 49.9% !important;
				.item-holder {
					margin: 0 15px 30px 15px !important;
				}
			}
		}
		@media handheld, only screen and (max-width:550px) {
			&.columns-2 .product-item, &.columns-3 .product-item, &.columns-4 .product-item{
				width: 100% !important;
				.item-holder{
					margin-left: 0;
				}
			}
		}
	}
}

/* Device visbility media queries
-------------------------------------------------------------------- */
.visible-sm,
.visible-tl,
.visible-dt,
.visible-nb,
.visible-tl-v2,
.visible-dt-v2 {
  display: none;
}
/* Only mobiles */
@media only screen and (max-width: 765px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  .visible-sm.center-y {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
/* netbooks */
@media only screen and (max-width: 1024px) {
  .hidden-nb {
    display: none !important;
  }
  .visible-nb {
    display: block !important;
  }
  .visible-nb.center-y {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
/* only tables */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-tl {
    display: none !important;
  }
  .visible-tl {
    display: block !important;
  }
  .visible-tl.center-y {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .hidden-tl-v2 {
    display: none !important;
  }
  .visible-tl-v2 {
    display: block !important;
  }
  .visible-tl-v2.center-y {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
/* Only Desktops */
@media only screen and (min-width: 1224px) {
  .hidden-dt {
    display: none !important;
  }
  .visible-dt {
    display: block !important;
  }
  .visible-dt.center-y {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (min-width: 1290px) {
  .hidden-dt-v2 {
    display: none !important;
  }
  .visible-dt-v2 {
    display: block !important;
  }
  .visible-dt-v2.center-y {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width:320px)
and (max-device-width:480px) {
	.no-smartphone {
		display: none !important;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px) {
	.no-ipad {
		display: none !important;
	}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.no-iphone {
		display: none !important;
	}
}

/* Inherit P tags inside shortcodes */
.mk-fancy-title, .mk-blockquote, .pricing-offer-grid, .mk-title-box {
	p{color: inherit !important;
		font-size: inherit !important;
		line-height: inherit !important;
	}
}
 
 /* Shortcode: Mailchimp Subscribe Form
-------------------------------------------------------------------- */
.mk-subscribe {
  margin-bottom: 30px;
}
.mk-subscribe > form {
  table-layout: auto;
}
.mk-subscribe--message {
  padding: 0 15px 15px 15px;
  font-size: 14px;
}
.mk-subscribe--message.error {
  color: #ff0000;
}
.mk-subscribe--message.success {
  color: #00a651;
}
.mk-subscribe .mk-subscribe--form-column {
  padding: 0;
  margin: 0;
}
.mk-subscribe .mk-subscribe--form-column:last-child {
  padding-right: 0 !important;
}
.mk-subscribe .mk-subscribe--email,
.mk-subscribe .mk-subscribe--button {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #333333;
  transition: background-color 0.15s linear,   color 0.15s linear, border-color 0.15s linear;
  background-color: transparent;
  color: transparent;
  box-sizing: border-box;
}
.mk-subscribe .mk-subscribe--email {
  padding: 0 2%;
}
.mk-subscribe .mk-subscribe--button {
  outline: none;
}
.mk-subscribe.medium-size .mk-subscribe--email {
  font-size: 16px;
  height: 45px;
  line-height: 45px;
}
.mk-subscribe.medium-size .mk-subscribe--button {
  font-size: 14px;
  height: 45px;
  min-width: 115px;
}
.mk-subscribe.large-size .mk-subscribe--email,
.mk-subscribe.large-size .mk-subscribe--button {
  height: 60px;
  font-size: 20px;
}
.mk-subscribe.large-size .mk-subscribe--email {
  line-height: 60px;
}
.mk-subscribe.large-size .mk-subscribe--button {
  min-width: 140px;
}
