/* ========================================================================== *
 * Table of Content:
 *   1. Row
 *   2. Columns
 *   3. Full width
 *   4. Tabs
 *   5. Toggles
 *   6. Accordions
 *   7. Embed
 *   8. Drop caps
 *   9. Highlight
 *  10. Lightbox
 *  11. Divider
 *  12. Text divider
 *  13. Icon
 *  14. Button
 *  15. Side gallery
 *  16. Lists
 *  17. Slider
 *  18. Tooltip
 *  19. Deco header
 *  20. Other
 * ========================================================================== */

/* ========================================================================== *
 * 1. Row
 * ========================================================================== */
.mpc-sc-row {
	margin: 0 -1em 0 -1em;
}
.mpc-sc-row:after {
	content: '';
	display: table;
	clear: both;
}

/* ========================================================================== *
 * 2. Columns
 * ========================================================================== */
.mpc-sc-column {
	float: left;
	padding: 0 1em;
	margin-bottom: 1.5em;
}
.mpc-sc-column > *:last-child {
	margin-bottom: 0 !important;
}

.mpc-column-w1 { width: 16.66%; }
.mpc-column-w2 { width: 33.33%; }
.mpc-column-w3 { width: 50%; }
.mpc-column-w4 { width: 66.66%; }
.mpc-column-w5 { width: 83.33%; }
.mpc-column-w6 { width: 100%; }

@media only screen and (max-width : 48em) {
	.mpc-column-w1,
	.mpc-column-w2,
	.mpc-column-w3,
	.mpc-column-w4,
	.mpc-column-w5,
	.mpc-column-w6 { width: 100%; }

	.mpc-non-responsive .mpc-column-w1 { width: 16.66%; }
	.mpc-non-responsive .mpc-column-w2 { width: 33.33%; }
	.mpc-non-responsive .mpc-column-w3 { width: 50%; }
	.mpc-non-responsive .mpc-column-w4 { width: 66.66%; }
	.mpc-non-responsive .mpc-column-w5 { width: 83.33%; }
	.mpc-non-responsive .mpc-column-w6 { width: 100%; }
}

/* ========================================================================== *
 * 3. Full width
 * ========================================================================== */
.mpc-sc-fw {
	margin: 2.5em 0;
}
@media only screen and (max-width : 48em) {
	.mpc-sc-fw {
		width: 100%;
		margin: 0 !important;
	}
}

/* ========================================================================== *
 * 4. Tabs
 * ========================================================================== */
.mpc-sh-tabs-wrap {
	margin: 2em 0;
}
.mpc-sh-tabs-wrap ul {
	text-align: center;
	list-style: none;
	padding: 0;
}
/*.mpc-sh-tabs-wrap ul li {
	list-style: none;
}*/
.mpc-sh-tabs-wrap ul > li {
	display: inline-block;
	margin: 0 .5em 0 0;
	padding: 0;
}
.mpc-sh-tabs-wrap .mpc-sh-tabs-title {
	display: inline-block;
	color: inherit;
	border: 0;
	background: none;
	padding: 0 .25em;
	outline: none;
	text-align: center;

}
.mpc-sh-tabs-wrap .mpc-sh-tabs-title h5 {
	color: inherit;
	position: relative;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
.mpc-sh-tab-content {
	padding: 0 2em;
}

@media only screen and (max-width : 48em) {
	.mpc-sh-tabs-wrap ul > li {
		display: block;
		margin: 0 0 .5em 0;
	}
	.mpc-sh-tab-content {
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* ========================================================================== *
 * 5. Toggles
 * ========================================================================== */
.mpc-sh-toggle-wrap {
	margin-bottom: 2.5em;
}
/*.mpc-sh-toggle-wrap ul li {
	list-style: none;
}*/
.mpc-sh-toggle-wrap + .mpc-sh-toggle-wrap {
	margin-top: -2em;
}
.mpc-sh-toggle-wrap .mpc-sh-toggle-title {
	display: block;
	color: inherit;
	cursor: pointer;
	padding: .4em 0;
	outline: none;
	text-align: center;
}
.mpc-sh-toggle-wrap .mpc-sh-toggle-title h5 {
	color: inherit;
	position: relative;
	display: inline-block;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
.mpc-sh-toggle-content-wrap {
	display: none;
}
.mpc-sh-toggle-content {
	position: relative;
	padding: .5em 2em 1em;
	/*margin-bottom: 2.5em;*/
}
.mpc-sh-toggle-content:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 0;
	width: 100px;
	margin-left: -50px;
	border-bottom: 1px solid;

	opacity: .25;
	filter: alpha(opacity=25);
}

@media only screen and (max-width : 48em) {
	.mpc-sh-toggle-content {
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* ========================================================================== *
 * 6. Accordions
 * ========================================================================== */
.mpc-sh-accordion-wrap {
	margin-bottom: 2em;
}
.mpc-sh-accordion-wrap .mpc-sh-accordion-title {
	display: block;
	color: inherit;
	padding: .4em 0;
	cursor: pointer;
	outline: none;
	text-align: center;
}
.mpc-sh-accordion-wrap .mpc-sh-accordion-title h5 {
	color: inherit;
	position: relative;
	display: inline-block;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
.mpc-sh-accordion-content {
	position: relative;
	padding: .5em 2em 1em;
	margin-bottom: .5em;
}
.mpc-sh-accordion-content:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 0;
	width: 100px;
	margin-left: -50px;
	border-bottom: 1px solid;

	opacity: .25;
	filter: alpha(opacity=25);
}

@media only screen and (max-width : 48em) {
	.mpc-sh-accordion-content {
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* Hover */
.mpcth-line {
	position: absolute;
	bottom: -.1em;
	height: 2px;
	left: 0;
	right: 0;
	z-index: -1;
}
.mpcth-line span {
	position: absolute;
	bottom: 1px;
	height: 1px;
	border-bottom: 1px solid;
	left: 50%;
	right: 50%;
	-webkit-backface-visibility: hidden;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.mpcth-line span:nth-child(2) {
	bottom: 0;

	-webkit-transition-delay: .2s;
	        transition-delay: .2s;
}
.ui-state-active .mpcth-line span,
.mpc-sh-tabs-title:hover .mpcth-line span,
.mpc-sh-toggle-title:hover .mpcth-line span,
.mpc-sh-accordion-title:hover .mpcth-line span {
	left: 0;
	right: 0;

	opacity: 1;
	filter: alpha(opacity=100);
}

@media only screen and (max-width : 48em) {
	.mpcth-line span {
		-webkit-transition: none;
		        transition: none;
	}
}

/* ========================================================================== *
 * 7. Embed
 * ========================================================================== */
.mpc-sc-embed {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 6em;
	margin: 0 0 1.5em;
}
@media only screen and (max-width : 48em) {
	.mpc-sc-embed {
		padding-top: 0;
		margin: 0 0 1.5em 0;
	}
}
.mpc-sc-embed iframe,
.mpc-sc-embed object,
.mpc-sc-embed embed,
.mpc-sc-embed img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width : 48em) {
	.mpc-sc-fw .mpc-sc-embed {
		padding-bottom: 20%;
	}
}

/* ========================================================================== *
 * 8. Drop caps
 * ========================================================================== */
.mpc-sc-dropcaps {
	font-family: 'Georgia', serif;
	font-style: italic;
	line-height: .8;
	float: left;
	margin: 0 .1em 0 0;
}
.mpc-sc-dropcaps.mpc-sc-dropcaps-size-small {
	font-size: 2em;
	margin-top: -.15em;
}
.mpc-sc-dropcaps.mpc-sc-dropcaps-size-normal {
	font-size: 3em;
	margin-top: -.35em;
}
.mpc-sc-dropcaps.mpc-sc-dropcaps-size-large {
	font-size: 4em;
	margin-top: -.1em;
}
.mpc-sc-dropcaps.mpc-sc-dropcaps-size-huge {
	font-size: 5em;
	margin-top: -.2em;
}

/* ========================================================================== *
 * 9. Highlight
 * ========================================================================== */
.mpc-sc-highlight {
	padding: 0 0.25em;
}

/* ========================================================================== *
 * 10. Lightbox
 * ========================================================================== */
.mfp-close {
	outline: none;
}

/* ========================================================================== *
 * 11. Divider
 * ========================================================================== */
.mpc-sc-divider {
	width: 100px;
	margin: 2.5em auto;
	border-bottom: 1px solid;
}

/* ========================================================================== *
 * 12. Text divider
 * ========================================================================== */
.mpc-sc-text-divider-wrap {
	display: table;
	width: 100%;
	margin: 2em 0;
}
.mpc-sc-text-divider-wrap .mpc-sep-holder {
	display: table-cell;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.mpc-sep-holder .mpc-sep-line {
	height: 1px;
	border-top: 1px solid;
	display: block;
	position: relative;
	top: 1px;
	width: 100%;
	max-width: 100px;
	min-width: 50px;
}
.mpc-sep-holder-l .mpc-sep-line {
	float: right;
}
.mpc-sep-holder-r .mpc-sep-line {
	float: left;
}
.mpc-sc-text-divider-wrap .mpc-text {
	font-family: 'Georgia', serif;
	line-height: 1;
	display: table-cell;
	white-space: pre;
	padding: 0 1.2em;
	font-style: italic;
	text-transform: none;
}

/* ========================================================================== *
 * 13. Icon
 * ========================================================================== */
.mpc-sc-icon-wrap {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1em;
	border: 0 !important;
}
.mpc-sc-icon-wrap.mpc-sc-inline {
	display: inline-block;
	margin: 0 .25em;
}
.mpc-sc-icon-size-small { font-size: 1em; margin-top: 1em; }
.mpc-sc-icon-size-normal { font-size: 2em; margin-top: .5em; }
.mpc-sc-icon-size-large { font-size: 3em; margin-top: .33em; }
.mpc-sc-icon-size-huge { font-size: 4em; margin-top: .25em; }

.mpc-sc-icon-align-left { text-align: left; }
.mpc-sc-icon-align-center { text-align: center; }
.mpc-sc-icon-align-right { text-align: right; }

.mpcth-post-content .mpc-sc-icon-wrap + h1,
.mpcth-post-content .mpc-sc-icon-wrap + h2,
.mpcth-post-content .mpc-sc-icon-wrap + h3,
.mpcth-post-content .mpc-sc-icon-wrap + h4,
.mpcth-post-content .mpc-sc-icon-wrap + h5,
.mpcth-post-content .mpc-sc-icon-wrap + h6 { margin-top: 0; }

/* ========================================================================== *
 * 14. Button
 * ========================================================================== */
.mpc-sc-button-wrap {
	font-size: 0.88em;
	display: inline-block;
	padding: .6em 1em;
	margin: 0 .5em 1em 0;
	line-height: 1em;
	border-radius: 3px;
	border: 0 !important;
	font-style: normal !important;
	white-space: nowrap;
	-webkit-font-smoothing: initial;
}
.mpc-sc-button-wrap .mpc-flip {
	margin-left: -.25em;
	margin-right: .25em;
	margin-bottom: -.1em;
	vertical-align: bottom;
}
.mpc-sc-button-wrap:hover .mpc-flip .fa { top: -1.2em; }
.mpc-sc-button-wrap:hover .mpc-flip .fa.mpc-hover { top: 0; }

/* ========================================================================== *
 * 15. Side gallery
 * ========================================================================== */
.mpc-sc-side-image-wrap {
	position: relative;
}
.mpc-sc-side-image-wrap img {
	position: absolute;
	top: 0;
}
.mpc-sc-side-image-wrap.mpc-side-image-align-left img {
	right: 100%;
	margin-right: 2em;
}
.mpc-sc-side-image-wrap.mpc-side-image-align-right img {
	left: 100%;
	margin-left: 2em;
}
.mpc-sc-side-gallery-wrap {
	position: relative;
}
.mpc-sc-side-gallery-wrap .mpc-sc-side-gallery-icon {
	position: absolute;
	top: .3em;
	color: inherit;
	line-height: 1;
}
.mpc-side-gallery-side-left .mpc-sc-side-gallery-icon { left: -3em; }
.mpc-side-gallery-side-right .mpc-sc-side-gallery-icon { right: -3em; }

.mpc-sc-side-gallery-wrap .mpc-flip { font-size: 1.5em; }
.mpc-sc-side-gallery-wrap .mpc-flip .fa { color: #dddddd; }
.mpc-sc-side-gallery-wrap .mpc-flip .fa.mpc-hover { color: inherit; }
.mpc-sc-side-gallery-wrap:hover .mpc-flip .fa { top: -1.2em; }
.mpc-sc-side-gallery-wrap:hover .mpc-flip .fa.mpc-hover { top: 0; }

.mpc-sc-side-gallery-wrap .mpc-tooltip {
	position: absolute;
	color: #ffffff;
	top: -.1em;
	padding: .6em .75em;
	white-space: nowrap;
	font-size: .75em;
	pointer-events: none;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.mpc-side-gallery-side-left .mpc-tooltip {
	margin-right: 1.5em;
	right: 100%;
}
.mpc-side-gallery-side-right .mpc-tooltip {
	margin-left: 1.5em;
	left: 100%;
}
.mpc-side-gallery-side-left:hover .mpc-tooltip {
	margin-right: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}
.mpc-side-gallery-side-right:hover .mpc-tooltip {
	margin-left: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}
.mpc-sc-side-gallery-wrap .mpc-tooltip:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	border: .5em solid transparent;
}
.mpc-side-gallery-side-left .mpc-tooltip:after {
	right: -.8em;
	border-left-color: inherit;
}
.mpc-side-gallery-side-right .mpc-tooltip:after {
	left: -.8em;
	border-right-color: inherit;
}

.mfp-arrow {
	outline: none;
}
.mfp-arrow .fa {
	font-size: 3em;
	color: #ffffff;
}
.mfp-wrap .mfp-arrow:after,
.mfp-wrap .mfp-arrow:before {
	display: none;
}
.mfp-wrap .mfp-content .mfp-close {
	width: 1em;
	right: 0;
	outline: none;
}

@media only screen and (max-width : 48em) {
	.mpc-side-gallery-side-left .mpc-sc-side-gallery-icon {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		padding: .6em 1em .6em 0;
	}
	.mpc-side-gallery-side-right .mpc-sc-side-gallery-icon {
		position: relative;
		top: 0;
		right: 0;
		float: right;
		padding: .6em 0 .6em 1em;
	}
	.mpc-sc-side-gallery-wrap .mpc-tooltip {
		display: none;
	}
}

/* ========================================================================== *
 * 16. Lists
 * ========================================================================== */
.mpc-sh-list {
	list-style: none;
	padding: 0;
	margin-bottom: 1.5em;
}
.mpc-sh-list li {
	margin-bottom: .5em;
}
.mpc-sh-list .mpc-flip {
	margin-right: .5em;
	margin-bottom: -.15em;
}
.mpc-sh-list li:hover .mpc-flip .fa { top: -1.2em; }
.mpc-sh-list li:hover .mpc-flip .fa.mpc-hover { top: 0; }

/* ========================================================================== *
 * 17. Slider
 * ========================================================================== */
.mpc-sc-fw .mpc-sc-slider {
	width: 1000px;
	margin: 0 auto;
}
.mpc-sc-slider .slick-prev,
.mpc-sc-slider .slick-next {
	opacity: .25;
	filter: alpha(opacity=25);

	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.mpc-sc-slider .slick-prev:hover,
.mpc-sc-slider .slick-next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mpc-sc-slider .slick-prev {
	height: 30px;
	left: -30px;
}
.mpc-sc-slider .slick-next {
	height: 30px;
	right: -30px;
}
.mpc-sc-slider .slick-prev:before,
.mpc-sc-slider .slick-next:before {
	font-size: 30px;
}
.mpc-sc-slider .slick-list {
	overflow: visible;
}
.mpc-sc-slider .slick-slide .mpcth-slide-wrap {
	padding: 20px 40px;

	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.mpc-sc-slider .slick-center .mpcth-slide-wrap {
	padding: 0;
}

@media only screen and (max-width : 1000px) {
	.mpc-sc-fw .mpc-sc-slider {
		width: 100%;
	}
	.mpc-sc-slider .slick-slide .mpcth-slide-wrap {
		padding: 0 5px;
	}
}

/* ========================================================================== *
 * 18. Tooltip
 * ========================================================================== */
.mpc-sc-tooltip-wrap {
	position: relative;
}
.mpc-sc-tooltip-wrap .mpc-sc-tooltip-text {
	border-bottom: 1px dotted #707070;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.5);

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.mpc-sc-tooltip-wrap .mpc-sc-tooltip-message {
	position: absolute;
	left: 0;
	bottom: 100%;
	line-height: 1.25em;
	margin-bottom: 1em !important;
	padding: 0.4em 0.6em;
	border-radius: 2px;
	font-size: 1em;
	white-space: nowrap;
	visibility: hidden;
	z-index: 1000;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.mpc-sc-tooltip-wrap .mpc-sc-tooltip-message:after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 1em;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: 0px solid transparent;
	border-top-color: inherit;
}
.mpc-sc-tooltip-wrap .mpc-sc-tooltip-text:hover + .mpc-sc-tooltip-message {
	visibility: visible;
	margin-bottom: 0.5em !important;
	opacity: 1;
	filter: alpha(opacity=100);
}
.ie .mpc-sc-tooltip-wrap .mpc-sc-tooltip-message {
	display: none;
	visibility: visible;
	margin-bottom: 0.5em !important;
	opacity: 1;
	filter: alpha(opacity=100);
}
.ie .mpc-sc-tooltip-wrap .mpc-sc-tooltip-text:hover + .mpc-sc-tooltip-message {
	display: block;
}

/* ========================================================================== *
 * 19. Deco header
 * ========================================================================== */
.mpcth-post-content .mpc-sc-deco-header {
	position: relative;
	text-align: center;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.mpcth-post-content h5.mpc-sc-deco-header {
	padding-bottom: .7em;
	margin-bottom: .7em;
}
.mpcth-post-content h6.mpc-sc-deco-header {
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.mpc-sc-deco-header:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 0;
	width: 100px;
	margin-left: -50px;
	border-bottom: 1px solid;
	opacity: .25;
	filter: alpha(opacity=25);
}

/* ========================================================================== *
 * 20. Other
 * ========================================================================== */
.mpc-flip {
	position: relative;
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	line-height: 1.1;
	overflow: hidden;
}
.mpc-flip .fa {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.1em;
	height: 1.1em;
	line-height: 1.1;

	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.mpc-flip .fa.mpc-hover { top: 1.2em; }
.mpc-flip:hover .fa { top: -1.2em; }
.mpc-flip:hover .fa.mpc-hover { top: 0; }