/* HTML5 display-role reset for older browsers */
/* Helpers */
/* apply a natural box layout model to all elements */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*
 * Clearfix: contain floats
 */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	margin:0 auto; 
	color:#444;	
	padding: 0;
}

figure{
	margin: 0px !important;
	overflow: hidden;
}

a{
	color: #000000;
	font-weight: 700;
	line-height: 20px;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	text-decoration: none;
}
a:hover{
	color: #747272;
}

[class*='mgpl-'] blockquote {
	border: none;
	padding: 0;
	margin: 0;
	font-size:90%;
}

[class*='mgpl-'] blockquote{
	quotes: "\201C""\201D""\2018""\2019";
}

[class*='mgpl-'] blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.15em;
	vertical-align: -0.2em;
	position: relative;
	top: 15px;
}
[class*='mgpl-'] blockquote:after{
	color: #ccc;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	vertical-align: -0.4em;
	right: -10px;
	top: 10px;
	position: relative;
	}
[id^='mgplm-'] {
display:none;
}

.accordion-wrap, .tabs, .mgpl-progress, .mgpl-table { padding:0% 2%; }

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Typography CSS -----------------------*/
/*-----------------------------------------------------------------------*/
/* HTML Styles */

 [class*='mgpl-'] p, 
 .mgpl-title-div {
   margin: 0 0 2% 0;
}

[class*='mgpl-'] h1, 
[class*='mgpl-'] h2 {
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 1px 1px 1px rgba(234, 234, 234, 0.5);
}

[class*='mgpl-'] h3, 
[class*='mgpl-'] h4 {
  margin-bottom: 2%;
}

.mgpl-title-div  {
	font-size: 1.375em;
	line-height: 2;
	margin-top: 1.36363637em;
	margin-bottom: 0.45454546em;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 43.75em) {
	.mgpl-title-div   {
		font-size: 1.5em;
		line-height: 2;
	}
}
@media (min-width: 56.25em) {
  .mgpl-title-div  {
    font-size: 1.75em;
    line-height: 2;
  }
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Typography CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-section-']{
	margin: 0;
	display: inline-block;
	width: 100%;
}
[id*='mgpl-magicbg-']{
	margin: 0;
}

[class*='mgpl-block-section-']{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
}

.mgpl-service-grid:hover img,
.mgpl-service-item:hover img,
 [class*='mgpl-block-section-']:hover img{
	transform: scale(1.1);
}

[class*='mgpl-'] .sub-header {
color:gray;
}

.text-padding{
	padding: 1em;
	margin: 0 !important;
}

.table th {
	font-weight: bold;
	font-size:110%;
}
.table-bordered {
    border: none !important;
}
.table-bordered td {
    border: none !important;
    border-bottom: 1px solid #171b1e !important;
}
.table td {
border:0;
border-bottom:0 !important;
}
.table th {
border:0 !important;
}
.table {
border:1px solid #efefef;
border-collapse:collapse;
margin-left:2% !important;
width:96% !important;
}

/* Extend Link */
.mgpl-title-div {
	text-align: center;
	display: block;
	overflow:hidden;
	white-space: nowrap;
	margin: 0 10px;
}

.extend-link{
	-webkit-transition: 2s;
	transition: 2s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.mgpl-title-div:hover .extend-link{
	margin-left: -200px;
}
/* Extend Link */

/* Content Width */
.boxed {
	width: 100%;
	max-width: 1170px;
	margin:auto;
	float: none !important;
	display: block;
}

.boxed-960 { 
	width: 100%;
	max-width: 960px;
	margin:auto;
	float: none !important;
	display: block;
}

.boxed-640 { 
	width: 100%;
	max-width: 640px;
	margin:auto;
	float: none !important;
	display: block;
}

.boxed-480 { 
	width: 100%;
	max-width: 480px;
	margin:auto;
	float: none !important;
	display: block;
}

.row-full {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.view {
    width: 100%;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img {
    display: block;
    position: relative;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.margin-none {margin: 0px auto !important;}
.padding-none {padding: 0px !important;}

.themeszz-posts img {
    opacity: 0.4;
}

.themeszz-posts .view {
    background-color: black;
    height: 200px;
}

.themeszz-posts .view:hover {
    cursor: pointer;
}

.themeszz-posts h2 {
	background-color:transparent;
	position: relative;
	display:block;
	top: 40%;
	transform: translateY(-40%);
}

.themeszz-posts h2 a {
	color:white !important;
}

.themeszz-posts .post-first {
    height: 400px;
}

.themeszz-posts img {
    width: 100%;
    height: 100%;
}

.themeszz-posts .view:hover img,
.promo-image img:hover {
    opacity: 0.7;
    -webkit-transform: scale(1.1, 1.1);
    transition: transform 1s cubic-bezier(.17, .67, .69, 1.33);
}

.themeszz-posts .col-md-6 {
    margin: 0;
    padding: 0;
}

/*-- Calender -*/
.c-grid-title{
	position: relative;
    color: #FFF;
    font-size: 1.2em;
    text-transform: capitalize;
    padding: 30px 25px;
    text-align: center;
}
.clndr-next-button { 
	cursor:pointer;
	position:absolute;
	right:24px;
	top:28px;
	text-indent: -4000px;
	width:30px;
	height:30px;
	background: url(../images/arrow-right.png) no-repeat 0px;
	cursor: pointer;
	-webkit-user-select: none;
}
.clndr-previous-button { 
	position:absolute;
	left: 24px;
	top: 28px;
	text-indent: -4000px;
	width:30px;
	height:30px;
	background: url(../images/arrow-left.png) no-repeat 0px;
	cursor: pointer;
	-webkit-user-select: none;
}

.arrow{
	position: absolute !important;
	cursor: pointer;
	color: #ffffff;
	padding: 6px;
	top: 45% !important;
	font-size:90%;
	z-index: 1;
	border-radius:20px;
	opacity:0.25;
}
.arrow-l{
	left: 10px;
}
.arrow-r{
	right: 10px;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Heading CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-heading-left{
	text-align: left;
	display: inline-block;
	float: none;
}
.mgpl-heading-right{
	float: none;
	text-align: right;
	display: inline-block;
}

.mgpl-heading-center,
.mgpl-cta-default{
	float: none;
	text-align: center;
	margin: 0 auto;
}

[class*='mgpl-heading-'] .title {
font-size:250%;
font-weight:bold;
margin-bottom:1.2%;
}

[class*='mgpl-heading-'] .subtitle{
	display: inline-block;
	width: 66.66%;
	font-size:90%;
	margin-bottom: 30px;
}
[class*='mgpl-heading-'] .header-1{
	display: block;
	height: 5px;
	margin-top: 25px;
	margin-bottom: 20px;
}
[class*='mgpl-heading-'] .header-2{
	display: block;
	margin-top: 25px;
	margin-bottom: 20px;
}
[class*='mgpl-heading-'] .header-1:before{
	height: 1px;
	width: 15%;
	top: 0;
	position: relative;
	clear: both;
	content: "";
	display: block;
	margin: 0 auto;
	padding-top:4px;
}
[class*='mgpl-heading-'] .header-1:after{
	height: 1px;
	width: 10%;
	bottom: -3px;
	position: relative;
	clear: both;
	content: "";
	display: block;
	margin: 0 auto;
	padding-top:2px;
}
.mgpl-heading-right .header-1:before,
.mgpl-heading-right .header-1:after{
	float: right;
}
.mgpl-heading-left .header-1:before,
.mgpl-heading-left .header-1:after{
	float: left;
}
[class*='mgpl-heading-'] .header-2:after {
	clear: both;
	content: "";
	display: block;
	width: 25%;
	margin: 0 auto;
}
[class*='mgpl-heading-'] .header-2 .header-icon{
	display: inline-block;
	background-color: transparent !important;
	border: 5px solid transparent;
	width: 30px;
	height: 30px;
	margin: 0;
	top: -22px;
	position: relative;
}

.mgpl-heading-right .header-2:after{
	margin-right: 0;
}
.mgpl-heading-left .header-2:after{
	margin-left: 0;
}
.mgpl-heading-right .header-2 .header-icon {margin-right: 2%;}
.mgpl-heading-left .header-2 .header-icon {	margin-left: 2%;}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Heading CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Button CSS -----------------------*/
/*-----------------------------------------------------------------------*/
button,
a.mgpl-btn,
[class^="mgpl-btn-"],
.mgpl-section-services-5 .mgpl-service-item .mgpl-btn,
.mgpl-section-services-6 .mgpl-btn {
	line-height:40px;
	border: none;
	display: inline-block;
	padding: 0 20px;
	vertical-align: middle;
	color: #FFF !important;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 5px;
	box-shadow: none;
	text-shadow: none;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}

button:hover,
a.mgpl-btn:hover,
[class^="mgpl-btn-"]:hover,
.mgpl-section-services-5 .mgpl-service-item .mgpl-btn:hover,
.mgpl-section-services-6 .mgpl-btn:hover{
	box-shadow:0 8px 16px 0 rgba(183, 183, 183,0.2),0 6px 20px 0 rgba(195, 195, 195,0.19);
}

.caption-button {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

/* Bounce To Right */
.mgpl-btn-bounce,
.mgpl-btn-radial,
.mgpl-btn-rectangle,
.mgpl-btn-shutter,
.mgpl-btn-underline,
.mgpl-btn-shadow{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
}
.mgpl-btn-bounce:before,
.mgpl-btn-radial:before,
.mgpl-btn-rectangle:before,
.mgpl-btn-shutter:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
/*----- Button 1 --*/
.mgpl-btn-bounce {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.mgpl-btn-bounce:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.mgpl-btn-bounce:hover:before,
.mgpl-btn-bounce:focus:before,
.mgpl-btn-bounce:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*----- Button 2 --*/
.mgpl-btn-radial {
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.mgpl-btn-radial:before {
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.mgpl-btn-radial:hover:before,
.mgpl-btn-radial:focus:before,
.mgpl-btn-radial:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}
/*----- Button 3 --*/
.mgpl-btn-rectangle {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.mgpl-btn-rectangle:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.mgpl-btn-rectangle:hover:before,
.mgpl-btn-rectangle:focus:before,
.mgpl-btn-rectangle:active:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}
/*----- Button 4 --*/
.mgpl-btn-shutter {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.mgpl-btn-shutter:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.mgpl-btn-shutter:hover:before,
.mgpl-btn-shutter:focus:before,
.mgpl-btn-shutter:active:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
/*----- Button 5 --*/
.mgpl-btn-underline {
	overflow: hidden;
}
.mgpl-btn-underline:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.mgpl-btn-underline:hover:before,
.mgpl-btn-underline:focus:before,
.mgpl-btn-underline:active:before {
	left: 0;
	right: 0;
}
/*----- Button 6 --*/
.mgpl-btn-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.mgpl-btn-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.mgpl-btn-shadow:hover,
.mgpl-btn-shadow:focus,
.mgpl-btn-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.mgpl-btn-shadow:hover:before,
.mgpl-btn-shadow:focus:before,
.mgpl-btn-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Content Block CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-section-block-']{
	background-repeat: no-repeat;
	background-position: 0;
	background-size: cover;
	-webkit-background-size: cover;
}

[class*='mgpl-block-section-'] .mgpl-title-link {
	overflow: hidden;
}

[class*='mgpl-block-section-'] .mgpl-round {
	border-radius: 100%;
	width: 275px;
	height: 250px;
	margin: 0 auto;
	margin-bottom: 1.5em;
	overflow: hidden;
}

[class*='mgpl-block-section-'] .mgpl-overlay-text{
	opacity: 0;
	background: rgba(51, 51, 51, 0.7);
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	bottom: 0;
	-webkit-transition: 0.35s all ease;
	transition: 0.35s all ease;
	text-align: center;
}
.mgpl-section-block-12 .mgpl-info-right p,
.mgpl-section-block-14 .mgpl-block-section-14 p,
.mgpl-section-block-15 .mgpl-block-section-15 p,
.mgpl-section-block-16 .mgpl-block-section-16 p,
[class*='mgpl-block-section-'] .mgpl-overlay-text p {
	color: #eee;
}

[class*='mgpl-block-section-']:hover .mgpl-overlay-text {
	opacity: 1;
}

[class*='mgpl-block-section-'] img{
	position: relative;
	display: block;
}

[class*='mgpl-block-section-3'] img{
	min-height: 220px;
}

[class*='mgpl-info-'] figure figcaption,
[class*='mgpl-info-'] figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

[class*='mgpl-info-'] figure figcaption{
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

.mgpl-section-block-4 .mgpl-block-section-4 .mgpl-btn {
	margin: 0;
	line-height: 60px;
	border-radius:0;
}

/* -- block 1 -- */
.mgpl-section-block-1 .mgpl-block-section-1 {
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	border:1px solid black;
}

.mgpl-section-block-1 .mgpl-block-section-1 .mgpl-title-link {
	padding: 15px 0 0;
	margin-bottom: 2em;
}

.mgpl-section-block-1 .mgpl-block-section-1 img{
	transition: all .3s ease-in-out; 
}

.mgpl-section-block-1 .mgpl-block-section-1 img {
margin-bottom:0;
}

.mgpl-section-block-1 .mgpl-block-section-1:hover img {
	transform: scale(1.08);
	border: none;
	width: 75%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* -- block 2 -- */
.mgpl-section-block-2 .mgpl-block-section-2 {
	border: 1px solid #333;
	text-align: center;
}

.mgpl-section-block-2 .mgpl-block-section-2:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-2 .mgpl-info {
	padding-top: 2em;
	border-top: 1px solid #333;
	background-color: rgba(255, 255, 255, 0.9);
}

.mgpl-section-block-2 .mgpl-button-div {
margin-top:10px;
}

/* -- block 3 -- */
.mgpl-section-block-3 .mgpl-block-section-3 {
	text-align: center;
	border: 1px solid #333;
	background-color: rgb(255, 255, 255);
	padding: 10px 0;
}

.mgpl-section-block-3 .mgpl-block-section-3:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-3 .mgpl-button-div {
margin-top:10px;
margin-bottom:15px;
}

/* -- block 4 -- */
.mgpl-section-block-4 .mgpl-block-section-4 {
	background: #FFF;
	border: 1px solid #333;
}

.mgpl-section-block-4 .mgpl-block-section-4 .mgpl-title-link .mgpl-title-div{
	width: 78%;
	text-align: left;
	line-height: 40px;
	margin: 10px;
}

.mgpl-section-block-4 .mgpl-block-section-4:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* -- block 5 -- */
.mgpl-section-block-5 .mgpl-block-section-5 {
	width: 100%;
	overflow: hidden;
}

.mgpl-section-block-5 .mgpl-block-section-5 .mgpl-title-link .mgpl-title-div{
	line-height: 40px;
	margin: 10px;
	float: none !important;
	display: block;
	text-align: center;
}

.mgpl-section-block-5 .mgpl-block-section-5:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-5 .mgpl-block-section-5:hover .mgpl-overlay-text {
	top: 60px;
}

@media only screen and (min-width : 640px) and (max-width : 1024px) {
	.mgpl-section-block-5 .mgpl-block-section-5 .mgpl-title-link .mgpl-title-div,
	.mgpl-section-block-5 .mgpl-block-section-5 .mgpl-btn{
		float: none !important;
		display: block;
		text-align: center;
		width: auto;
	}

	.mgpl-section-block-5 .mgpl-block-section-5 .mgpl-btn{
		width: 75%;
		margin:auto;
	}
	
}

@media only screen and (max-width : 485px) {
	.mgpl-section-block-5 .mgpl-block-section-5 .mgpl-title-link .mgpl-title-div,
	.mgpl-section-block-5 .mgpl-block-section-5 .mgpl-btn{
		float: none !important;
		display: block;
		text-align: center;
	}
	
	.break-500 {
	width:100% !important;
	margin-bottom:20px;
	}
	
}

/* -- block 6 -- */

.mgpl-section-block-6 .mgpl-block-section-6 .mgpl-overlay-text {
	opacity:1;
}

.mgpl-section-block-6 .mgpl-block-section-6:hover .mgpl-overlay-text {
	top: 0 !important;
}

.mgpl-section-block-6 .mgpl-block-section-6:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


/* -- block 7 -- */
.mgpl-section-block-7 .mgpl-block-section-7 .mgpl-overlay-text{
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	text-align: right;
	padding: 15px 20px;
}

.mgpl-section-block-7 .mgpl-block-section-7 .mgpl-overlay-text .mgpl-title-div {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 0;
	display: block;
	text-align: inherit;
}

.mgpl-section-block-7 .mgpl-block-section-7 .mgpl-overlay {
	bottom: 0;
	height: 0;
	opacity: .4;
	right: 0;
	position: absolute;
	text-indent: -9999px;
	border-bottom: 100px solid #000;
	border-left: 100px solid transparent;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.mgpl-section-block-7 .mgpl-block-section-7 .mgpl-corner-text{
	bottom: 15px;
	color: #fff;
	right: 15px;
	font-size: 16px;
	position: absolute;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.mgpl-section-block-7 .mgpl-block-section-7:hover  .mgpl-overlay {
	border-bottom: 830px solid #000;
	border-left: 830px solid transparent;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.mgpl-section-block-7 .mgpl-block-section-7:hover  .mgpl-corner-text{
	opacity: 0;
}

.mgpl-section-block-7 .mgpl-block-section-7:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* -- block 8 -- */
.mgpl-section-block-8 .mgpl-block-section-8{
	display: block;
	height: 100%;
	overflow: hidden;
}

.mgpl-section-block-8 .mgpl-info-left p{
	padding: 25px 25px 8px;
	color: #FFF;
}

.mgpl-section-block-8 .mgpl-info-right {
	background-size: cover;
	background-position: inherit;
	padding: 115px 0 20px 0;
	min-height: 270px;
}

.mgpl-section-block-8 .mgpl-btn {
	position: relative;
	display: block;
	margin-top: 3%;
}

@media only screen and (min-width : 991px) and (max-width : 1024px) {
	.mgpl-section-block-8 .mgpl-info-right{
		min-height: 320px;
		padding-top: 19%;
	}
}

/* -- block 9 -- */
.mgpl-section-block-9 .mgpl-block-section-9 {
	background: #eee;
}
.mgpl-section-block-9 .mgpl-info-right {
	padding: 2%;
}

.mgpl-section-block-9 figure.mgpl-effect {
	background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
	background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}

.mgpl-section-block-9 figure.mgpl-effect h2,
.mgpl-section-block-9 figure.mgpl-effect p {
	padding: 20px;
	margin: 0px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
	color: #FFF;
	text-shadow:0px 2px 2px #000000;
	box-shadow: 5px 5px #888888;
}

.mgpl-section-block-9 figure.mgpl-effect h2 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	line-height: 1.5;
	opacity:0;
}

.mgpl-section-block-9 figure.mgpl-effect p {
	opacity: 0;
	float: right;
	text-align: right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	text-transform: capitalize;
}

.mgpl-section-block-9 figure h2 span {
	display: block;
	font-weight: 800;
}

.mgpl-section-block-9:hover figure.mgpl-effect h2,
.mgpl-section-block-9:hover figure.mgpl-effect p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-color: rgba(0, 0, 0, 0.3);
}

.mgpl-section-block-9:hover figure.mgpl-effect h2,
.mgpl-section-block-9:hover figure.mgpl-effect p {
	opacity: 1;
}

.mgpl-section-block-9:hover figure.mgpl-effect img {
	opacity: 0.6;
}


/* -- block 10 -- */
.mgpl-section-block-10 .mgpl-block-section-10{
	background: #eee;
	display: inline-block;
	position: relative;
	overflow: visible;
	margin-top:50px;
}

.mgpl-section-block-10 .mgpl-block-section-10:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-10 .mgpl-info-left {
	margin: -2em 0 0 60px;
	border: 1em solid #FFF;
	background: #000;
}

.mgpl-section-block-10 figure.mgpl-ming figcaption::before {
	position: absolute;
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: 25px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 50px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

.mgpl-section-block-10 figure.mgpl-ming h2 {
	opacity:0;
	margin: 10% 0 0 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	text-align: center;
	font-weight: 400;
	text-transform: capitalize;
	color: #FFF;
	text-shadow:0px 2px 2px #000000;
}

.mgpl-section-block-10 figure h2 span {
	font-weight: 800;
}

.mgpl-section-block-10 figure.mgpl-ming p {
	padding: 1em 2em;
	opacity: 0;
	margin: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	text-transform: capitalize;
	text-align: center;
}

.mgpl-section-block-10:hover figure.mgpl-ming h2 {
	opacity:1;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	margin: 2% 0 0 0;
	padding:8px;
}

.mgpl-section-block-10:hover figure.mgpl-ming figcaption::before,
.mgpl-section-block-10:hover figure.mgpl-ming p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	padding-left: 3em;
	padding-right: 3em;
	color: #eee;
}

.mgpl-section-block-10:hover figure.mgpl-ming figcaption {
	background-color: rgba(58,52,42,0);
}

.mgpl-section-block-10:hover figure.mgpl-ming img {
	opacity: 0.4;
}

.mgpl-section-block-10 .mgpl-info-right{
	padding: 1.5em 2em;
	position: relative;
}

.mgpl-section-block-10 .mgpl-info-right h4{
	position: absolute;
	top: -15px;
	font-size:200%;
}


.mgpl-section-block-10 .mgpl-info-right h5{
    line-height: 90%;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 3%;
}

/* -- block 11 -- */
.mgpl-section-block-11 .mgpl-block-section-11{
	padding: 0;
	background: #eee;
	display: inline-block;
}

.mgpl-section-block-11 .mgpl-info-left {
	margin-left: -116px;
	color: #FFF;
	-o-text-overflow: clip;
	text-overflow: clip;
	-webkit-transform: rotateX(-1deg) rotateY(3deg) skewX(-30deg);
	transform: rotateX(-1deg) rotateY(3deg) skewX(-30deg);
	position: relative;
	content: '';
	overflow: hidden;
}

.mgpl-section-block-11 .mgpl-info-left figure:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 320px;
	top: 0;
	right: -1px;
	color: #FFF;
}

.mgpl-section-block-11 .mgpl-info-left img {
	-webkit-transform: rotateX(-1deg) rotateY(3deg) skewX(-30deg);
	transform: rotateX(0deg) rotateY(0deg) skewX(30deg);
	z-index: 0;
	position: absolute;
	margin-left: 75px;
	width: 100%;
	height: 400px;
}

.mgpl-section-block-11 .mgpl-info-left figcaption{
	position: relative;
	margin: 8% auto;
	-webkit-transform: rotateX(1deg) rotateY(3deg) skewX(30deg);
	transform: rotateX(1deg) rotateY(3deg) skewX(30deg);
	text-align: center;
	padding: 20px;
	border: 5px solid #FFF;
	background-color: rgba(0, 0, 0, 0.5);
    margin-left: 25%;
    width: 60%;
    z-index: 8;
}

.mgpl-section-block-11 .mgpl-info-left figcaption h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	text-align: center;
	font-weight: 400;
	text-transform: capitalize;
	margin-top: 0;
	color: #FFF;
}

.mgpl-section-block-11 .mgpl-info-right{
	padding: 40px 20px 20px 120px;
}

.mgpl-section-block-11 .mgpl-block-section-11 img   {
	transition: all 0.75s ease-in-out;
}

.mgpl-section-block-11 .mgpl-block-section-11:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-11 .mgpl-info-right h5{
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
}


/* -- block 12-- */
.mgpl-section-block-12 .mgpl-info-left {
	background: #fff;
	padding: 0;
	position: relative;
}

.mgpl-section-block-12 .mgpl-info-left img {
	transform: scale(0.8);
}

.mgpl-section-block-12 .mgpl-info-right {
	position: relative;
	margin-top: -25%;
	text-align: left;
	padding: 2em;
	float: right;
	margin-right:2%;
}

.mgpl-section-block-12 .mgpl-block-section-12:hover img {
	transform: scale(1.1);
	border: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-12 .mgpl-block-section-12:hover .mgpl-info-left  {
	padding: 0;
}

@media only screen and (max-width :768px){
	.mgpl-section-block-12 .mgpl-info-right {
		margin-top: 0 !important;
		width:95.8% !important;
	}
}

/* -- block 13 -- */
.mgpl-section-block-13 .mgpl-block-section-13{
	display: block;
	overflow: hidden;
}

.mgpl-section-block-13 .mgpl-block-section-13:hover img{
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-13 .mgpl-info-right {
	padding: 30px;
}

.mgpl-section-block-13 .mgpl-info-left {
	position:relative;
	height:auto;
	margin-top:4.5%;
}

.mgpl-section-block-13 .mgpl-info-center{
	padding: 0;
}

.mgpl-section-block-13 a h4 {
	border: 5px solid #fff;
	text-align: center;
	padding: 15px;
	color: #fff;
	display: block;
	margin-top:40px;
}

.mgpl-section-block-13 p{
	margin-top: 5px;
	margin-bottom: 15px;
	color: #fff;
}

@media only screen and (max-width : 1024px){
	.mgpl-section-block-13 .mgpl-info-left {
		margin-top:-20px;
	}
	.mgpl-section-block-13 img {
		width:100%;
	}
}

/* -- block 14 -- */
.mgpl-section-block-14 .mgpl-block-section-14,
.mgpl-section-block-15 .mgpl-block-section-15 {
	padding: 5em 0;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
}

.mgpl-section-block-14 .mgpl-block-section-14:before {
	width: 60%;
	height: 560px;
	background: rgba(24, 35, 39, 0.7);
	content: '';
	-webkit-transform: skew(20deg);
	transform: skew(-20deg);
	z-index: 0;
	position: absolute;
	left: -100px;
	margin-top: -85px;
}

.mgpl-section-block-14 .mgpl-info {
	position: relative;
	z-index: 1;
	margin-left: 3%;
	width: 45%;
	top: 0;
}

@media only screen and (max-width : 1024px){
	.mgpl-section-block-14 .mgpl-block-section-14:before {
		left: -75px;
	}
	.mgpl-section-block-14 .mgpl-info {
		width: 50%;
	}
}

@media only screen and (max-width : 768px){
	.mgpl-section-block-14 .mgpl-info{
		width: 65%;
	}
	.mgpl-section-block-14 .mgpl-block-section-14:before {
		width: 75%;
	}
}

@media only screen and (max-width : 640px){
	.mgpl-section-block-14 .mgpl-info {
		width: 90%;
		margin: 0 auto;
	}
	.mgpl-section-block-14 .mgpl-block-section-14:before {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		left: 0px;
		top: 0px;
		margin-top: 0px;
		width: 100%;
	}
}

/* -- block 15 -- */
.mgpl-section-block-15 .mgpl-block-section-15 .mgpl-info {
	padding: 3em;
	color: #FFF;
	margin-left: 2%;
}

.mgpl-section-block-15 .mgpl-block-section-15 .mgpl-info:after {
	width: 100%;
	height: 100%;
	content: '';
	position:absolute;
	top : 0;
	left: 0;
	background: rgba(24, 35, 39, 0.7);
}

.mgpl-section-block-15 p, .mgpl-section-block-15 h4 {
z-index:10;
position:relative;
}

.mgpl-section-block-15 .mgpl-btn{
	z-index: 2;
	position: relative;
}

@media only screen and (max-width : 1024px){
	.mgpl-section-block-15 .mgpl-info {
		margin-left: 0;
	}
}

/*------------------------------------------------*/
/* -- block 16-- */
/*------------------------------------------------*/
.mgpl-section-block-16 .mgpl-block-section-16 {
	display: inline-block;
}

.mgpl-section-block-16 .mgpl-info-left { padding: 0;}

.mgpl-section-block-16 .mgpl-info-right {
	padding: 30px;
	color: #FFF;
}

.mgpl-section-block-16 .mgpl-info-left figure{
	width: 95%;
	background-color: #9E9E9E;
	border-top-right-radius: 300px;
	border: 10px solid white;
	border-left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	top:25px;
}

@media only screen and (max-width : 1024px){
.mgpl-section-block-16 .mgpl-info-left figure{
	display:block;
	width:80%;
	margin:auto;
	margin-left:10% !important;
	border-top-right-radius: 0px;
	border-left: 10px solid white;
	margin-bottom:25px !important;
}
.mgpl-section-block-16 .mgpl-info-left figure img {
	width:100%;
}
}

/*------------------------------------------------*/
/* -- block 17 & 18 -- */
/*------------------------------------------------*/

.mgpl-section-block-16 .mgpl-block-section-16:hover img,
.mgpl-section-block-17 .mgpl-block-section-17:hover img,
.mgpl-section-block-18 .mgpl-block-section-18:hover img {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-block-17 .mgpl-info-right,
.mgpl-section-block-18 .mgpl-info-right {
padding:5%;
padding-top:0px;
}

.mgpl-section-block-17 .mgpl-info-left,
.mgpl-section-block-18 .mgpl-info-left {
padding:0;
margin:0;
}

.mgpl-section-block-17 .mgpl-info-left img,
.mgpl-section-block-18 .mgpl-info-left img {
width:auto;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Content Block CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Services CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-services-section-'] {
	display: inline-block;
	width: 100%;
}
[class*='mgpl-services-'] {
	margin-bottom:10px;
}

[class*='mgpl-services-section-'] .mgpl-service-grid{
	margin-bottom: 15px;
}

[class*='mgpl-services-section-'] .mgpl-btn{
	padding: 8px 0;
	line-height: 20px;
	background: transparent !important;
}

[class*='mgpl-services-section-'] .mgpl-btn:hover {
	box-shadow: none;
	background-color: inherit;
}


.mgpl-section-services-3 .mgpl-service-item .mgpl-info-box p,
.mgpl-section-services-4 .mgpl-service-grid:hover p,
.mgpl-section-services-5 .mgpl-services-section-5 p{color: #eee;}
/* -- Service 1 -- */
.mgpl-section-services-1 .mgpl-services-section-1{
    padding: 1%;
}
.mgpl-section-services-1 .media {
	margin-top: 1em;
	padding-left: 2px;
}

.mgpl-section-services-1 .mgpl-left .media .media-body{
	text-align: right;
	padding-right: 10px;
}

.mgpl-section-services-1 .mgpl-right .media .media-body {
	padding-left: 10px;
}

.mgpl-section-services-1 .media-body {
	width: auto;
	display: block;
}

.mgpl-section-services-1 .media .icon{
	height: 60px;
	width: 60px;
	border-radius: 50%;
	padding: 15px;
	margin-bottom: 13px;
	display: table-cell;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.mgpl-section-services-1 .media .icon:before{
	color: #ccc;
	font-size: 30px;
}

.mgpl-section-services-1 .media:hover .icon:before{
	color: #fff;
	text-decoration: none;
}

.mgpl-section-services-1 .media-body .mgpl-title-div {
	text-align:inherit;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 120%;
}

/* -- Service 2 -- */
.mgpl-section-services-2 .mgpl-service-title{
	display: inline-block;
	width: 100%;
}

.mgpl-section-services-2 .mgpl-service-title .mgpl-title-div a{
	color: #ffffff;
}

.mgpl-section-services-2 .mgpl-service-grid{
	padding: 0 2px;
	margin-bottom: 0;
}

.mgpl-section-services-2 figure.mgpl-bubba {
	background-color: #000000;
}

.mgpl-section-services-2 .mgpl-service-grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width: 100%;
	margin: 0;
}

.mgpl-section-services-2 .mgpl-service-grid figure img {
	position: relative;
	display: block;
	width: auto;
}

.mgpl-section-services-2 .mgpl-service-grid:hover img {
	opacity: 0.3;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mgpl-section-services-2 .mgpl-service-grid figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility : hidden;
	backface-visibility: hidden;
}

.mgpl-section-services-2 figure.mgpl-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.mgpl-section-services-2 figure.mgpl-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.mgpl-section-services-2 figure.mgpl-bubba figcaption::before,
.mgpl-section-services-2 figure.mgpl-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	pointer-events: none;
}

.mgpl-section-services-2 .mgpl-service-grid:hover figcaption::before,
.mgpl-section-services-2 .mgpl-service-grid:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.mgpl-section-services-2 figure.mgpl-bubba p {
	color: #FFF;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	padding: 1em 1em 0;
}

.mgpl-section-services-2 figure.mgpl-bubba a {
	padding-top: 2%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity: 0;
}

.mgpl-section-services-2 .mgpl-service-grid:hover a,
.mgpl-section-services-2 .mgpl-service-grid:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* -- Service 3 -- */
.mgpl-section-services-3 .mgpl-service-grid{
	margin: 0;
	padding: 30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 250px;
}

.mgpl-section-services-3 .mgpl-service-grid:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
}

.mgpl-section-services-3 .mgpl-service-grid:hover {
	background-color: rgba(0, 0, 0, 0.15);
	background-position: right top;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}

.mgpl-section-services-3 .mgpl-service-item {
	background-color: rgba(0, 0, 0, 0.4);
	width: auto;
	height: 225px;
	position: relative;
	z-index: 2;
	padding: 20px;
	-webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.15);
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.27);
	transition: 300ms;
	-webkit-transition: 300ms;
}

.mgpl-section-services-3 .mgpl-service-item:hover {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.1);
}

.mgpl-section-services-3 .mgpl-service-item .mgpl-info-box{
	vertical-align: middle;
	text-align: left;
	height: 100%;
	width: 100%;
}

.mgpl-section-services-3 .mgpl-info-box .mgpl-title-div{margin: 0;text-align: inherit;}
.mgpl-section-services-3 .mgpl-info-box .mgpl-title-div a{color: #FFF;}

/* -- Service 4 -- */
.mgpl-section-services-4 {
max-width:98%; margin-right:1%; margin-left:1%;
}
.mgpl-section-services-4 .mgpl-service-grid{
	text-align: center;
	padding: 12px;
}
.mgpl-section-services-4 .mgpl-service-grid:hover {
	border-radius:10px;
	transition: all 0.5s ease 0s;
	z-index: 7;
}
.mgpl-section-services-4 .mgpl-service-grid a.glyphicon {
	width: 100px;
	height: 100px;
	font-size: 40px;
	line-height: 90px;
	text-align: center;
	text-decoration: none;
	border-radius: 70px;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.mgpl-section-services-4 .mgpl-service-grid:hover a.glyphicon {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

.mgpl-section-services-4 .mgpl-service-grid:hover a {
	color:white;
}

.mgpl-section-services-4 .mgpl-service-grid .mgpl-btn {
	line-height: 20px;
}



/* -- Service 5 -- */
.mgpl-section-services-5 .mgpl-service-item{
	color: #FFF;
}

.mgpl-section-services-5 .mgpl-service-item a {
	color: #efefef;
}

/*
.mgpl-section-services-5 .mgpl-service-item a.icon{
	display: inline-block;
	cursor: pointer;
	font-size: 40px;
	line-height: 74px;
	margin: 26px 0 26px 10px;
	width: 70px;
	height: 70px;
	text-align: center;
	-webkit-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.mgpl-section-services-5 .mgpl-service-item a.icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	top: 0px;
	left: 18px;
	transform: rotate(45deg);
	border: 4px dashed #fff;
	padding: 0;
	z-index: 10;
}

.mgpl-section-services-5 .mgpl-service-item:hover a.icon {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	text-decoration: none;
	-webkit-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.mgpl-section-services-5 .mgpl-service-item a.icon:before {
    padding: 0 37px;
}

.mgpl-section-services-5 .mgpl-service-item:hover a.icon:after {
	-webkit-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
	from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg);}
}
@keyframes spinAround {
	from{transform: rotate(0deg)}
	to{transform: rotate(360deg);}
}
*/

.mgpl-section-services-5 .mgpl-service-item a.icon{
	display: inline-block;
	cursor: pointer;
	font-size: 72px;
	padding: 4%;
	text-align: center;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.mgpl-section-services-5 .mgpl-service-item .mgpl-info-right{
	width: 71.5%;
	float: right;
	padding-right: 10px;
}

.mgpl-section-services-5 .mgpl-service-item .mgpl-info-right .mgpl-title-div{
	margin: 0;
	text-align: inherit;
}

.mgpl-section-services-5 .mgpl-service-item .mgpl-btn{
	display: block;
	line-height: 40px;
	margin-top:5px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

/* -- Service 6 -- */
.mgpl-section-services-6 .mgpl-service-item {
	padding: 0 5px;
}

.mgpl-section-services-6 img {
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.mgpl-section-services-6 .mgpl-btn{
	display: block;
	line-height: 30px;
}

.mgpl-section-services-6 .letter { 
	position:relative; 
	font-size:21px; 
	border-radius:50%; 
	padding:8px 16px; 
	padding-top:12px;
	margin-top:-50px !important; 
	display:inline-block; 
	z-index:1; 
}

.mgpl-section-services-6 .mgpl-info-box{
	background-color: #f7f7f7;
	padding: 0 20px 15px;
	text-align: center;
	min-height: 170px;
	display: inline-block;
	width: 100%;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Services CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Teams CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-section-team-'] [class*='mgpl-teams-section-']{
    display: inline-block;
    width: 100%;
}

[class*='mgpl-section-team-'] .mgpl-team-item {
	position: relative;
	cursor: default;
	text-align: center;
	height: 100%;
}

.mgpl-section-team-3 .mgpl-team-item a h4,
[class*='mgpl-section-team-'] .mgpl-team-grid h5 {
	display: block;
	font-weight: 600;
	padding: 8px;
}

.mgpl-section-team-5 .mgpl-team-img,
.mgpl-section-team-6 .mgpl-team-img {
	display:inline-block;
	overflow: hidden;
	max-height: 330px;
	position: relative;
	min-height: 250px;
	margin-bottom: 20px;
	max-width:100% !important;
}

/* -- Team 1 -- */
.mgpl-section-team-1 .mgpl-team-item{
	background: #f7f6f4;
	padding-top: 20px;
}

.mgpl-section-team-1 .mgpl-team-item .mgpl-team-img{
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin: 20px auto -50px;
    border-radius: 100%;
    border: 3px solid #171b1e;
    background: #beb6b4;
}

.mgpl-section-team-1 .mgpl-team-item .mgpl-info-info{
	background: #e4b131;
	height: 120px;
}

.mgpl-section-team-1 .mgpl-team-item .mgpl-info-info .mgpl-socials-1{
	border-top: 1px solid #fff;
	position: relative;
	bottom: -65px;
}
.mgpl-section-team-1 .mgpl-team-item:hover{
	background: #182327;
}
.mgpl-section-team-1 .mgpl-team-item:hover h5,
.mgpl-section-team-1 .mgpl-team-item:hover h4 {
	color: #FFF;
}
.mgpl-section-team-1 .mgpl-team-item .mgpl-socials-1 [class*='social-'] {
    border-bottom-color: #FFF !important;
}
/*--- Team 2 --*/
.mgpl-section-team-2 .mgpl-team-grid .mgpl-team-info {
	background: transparent;
	padding-top: 75px;
	text-align: center;
	overflow: hidden;
	padding-bottom:16px;
	border:0.5px solid #cccccc;
}

.mgpl-section-team-2 .mgpl-team-grid .mgpl-team-info p {
padding-right:12px;
padding-left:12px;
}

.mgpl-section-team-2 .mgpl-team-grid .mgpl-team-img{
	width: 100px;
	height: 100px;
	margin: 0 auto -60px;
	overflow: hidden;
	position: relative;
	border: 4px solid #e4b131;
	background: #beb6b4;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.mgpl-section-team-2 .mgpl-team-grid:hover .mgpl-team-img{
	border: 4px solid #182327;
	border-radius:50%;
}
/*--- Team 3 --*/
.mgpl-section-team-3 .mgpl-team-item{
	margin: 0 auto;
	min-height: 180px;
	max-height: 380px;
	height: 260px;
}

.mgpl-section-team-3 .mgpl-info-back hr{
	background: gray;
}

.mgpl-section-team-3 .mgpl-team-item > div {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	border-radius: 50%;
	background-position: top;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	background-size: cover;
}

.mgpl-section-team-3 .mgpl-info-back{
	position: absolute;
	background: white !important;
	width: 100%;
	height: inherit;
	padding: 50px 25px;
	opacity: 0.8;
	overflow: hidden;
	border-radius: 50%;
	font-size:16px;
}

.mgpl-section-team-3 .mgpl-team-item .mgpl-team-info{
	box-shadow:
	inset 0 0 0 16px rgba(255,255,255,0.6),
	0 1px 2px rgba(0,0,0,0.1);
	background-color: #c0b8b6;
}

.mgpl-section-team-3 .mgpl-info-back {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;
}

.mgpl-section-team-3 .mgpl-team-item:hover .mgpl-info-back{
	-webkit-transform: scale(1);
	transform: scale(1);
	color: gray;
	opacity: 0.9;
}

.mgpl-section-team-3 .mgpl-team-info a,
.mgpl-section-team-3 .mgpl-team-info h5 {
color:gray;
}

.mgpl-section-team-3 .mgpl-team-info:hover {
	box-shadow:
	inset 0 0 0 1px rgba(255,255,255,0.1),
	0 1px 2px rgba(0,0,0,0.1);
}
.mgpl-section-team-3 [class*='social-'] {
	background-color: transparent !important;
	border-color: #fff !important; 
}
/*--- Team 4 --*/

.mgpl-section-team-4 .slick-list{
	overflow:visible;
}
.mgpl-section-team-4 .mgpl-team-item{
	border: 0.5px solid #cccccc;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	max-width:400px;
	margin:auto;
}

.mgpl-section-team-4 .mgpl-team-img{
	position: relative;
	top: 10px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	max-width: 90%;
	margin: 0 auto;
	background: #bcb4b2;
	max-height:300px;
	overflow:hidden;
}

.mgpl-section-team-4 .mgpl-team-item h4 {
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	position: relative;
	margin-top:15px;
	padding:10px;
	display: block;
	width: 100%;
}

.mgpl-section-team-4 .mgpl-team-item .mgpl-team-info {
	display:none;
	padding: 1.5%;
	opacity: 0;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	position: relative;
	bottom: 0;
}

.mgpl-section-team-4 .mgpl-team-item h5 {
	border-top: 1px solid #56b9e0;
	border-bottom: 2px solid #56b9e0;
	color: #555;
}

.mgpl-section-team-4 .mgpl-team-item:hover {
	border-color: #56b9e0;
	border-radius:15px;
}

.mgpl-section-team-4 .mgpl-team-item:hover .mgpl-team-img {
	top: -10px;
	max-width:250px;
	max-height:200px;
	border-radius:50%;
}

.mgpl-section-team-4 .mgpl-team-item:hover h4 {bottom: 15px;}
.mgpl-section-team-4 .mgpl-team-item:hover .mgpl-team-info{
	display:block;
	bottom: 10px;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


/*--- Team 5 --*/
.mgpl-section-team-5 .mgpl-team-item .mgpl-team-info{
	position: absolute;
	top: -100%;
	left: 0;
	background: rgba(0, 0, 0, 0.59);
	width: 100%;
	height: 100%;
	padding: 1.2em;
	-webkit-transition: .5s all;
	transition: .5s all;
}
.mgpl-section-team-5 .mgpl-team-item h4{
	margin-top: -15px;
}
.mgpl-section-team-5 .mgpl-team-item h5{
	margin-top: 10px;
}
.mgpl-section-team-5 .mgpl-team-item .mgpl-team-info p{
	color: #FFF !important;
	margin-bottom: 1em;
	font-size:16px;
}
.mgpl-section-team-5 .mgpl-team-item:hover .mgpl-team-info {
	top: 0;
}

.mgpl-section-team-5 .mgpl-socials-4 [class*='social-'] {
    border: 2px solid white !important;
}
/*--- Team 6 --*/
.mgpl-section-team-6 .mgpl-team-item {
margin-bottom:20px;
}

.mgpl-section-team-6 .mgpl-team-img {
	border: 5px solid #fff;
	box-shadow: 0px 0px 5px #aaa;
}

.mgpl-section-team-6 .mgpl-team-img .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.mgpl-section-team-6 .mgpl-team-img img {
	opacity:0.9;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.mgpl-section-team-6 .mgpl-team-img .mask {
	cursor:pointer;
	opacity: 0.8;
	visibility: visible;
	border: 520px solid rgba(0,0,0,0.7);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}

.mgpl-section-team-6 .mgpl-team-item:hover .mgpl-team-img .mask {
	border:0px double rgba(0,0,0,0.7);
	opacity:0;
	visibility:hidden;
}

.mgpl-section-team-6 .mgpl-team-item:hover .mgpl-team-img img {
	opacity:1;
}

.mgpl-section-team-6 h5 {
	margin-top: 0;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Teams CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Testimonials CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-section-testi-'] {
	max-width:96%;
	display:block;
	margin:auto;
}
[class*='mgpl-section-testi-'] .local{
	display: block;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
	font-weight: bold;
}
[class*='mgpl-section-testi-'] h4 {
	display: inline-block;
}
/*--- Testimonial 1 --*/
.mgpl-section-testi-1 .mgpl-testi-grid {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}
.mgpl-section-testi-1 .mgpl-testi-img{
	width: 100px;
	margin: 0 auto 15px;
	overflow: hidden;
	border-radius: 50%;
}

/*--- Testimonial 2 --*/
.mgpl-section-testi-2 .mgpl-testi-grid{
	padding: 2%;
	display: inline-block;
}

.mgpl-section-testi-2 .mgpl-testi-left{
	padding: 0;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.8);
}

.mgpl-section-testi-2 .mgpl-testi-left .mgpl-testi-img{
	width: 100px;
	margin: 8px auto 4px;
	overflow: hidden;
	border: 5px solid rgba(255,255,255,0.8);
}

.mgpl-section-testi-2 .mgpl-testi-left h4{
	text-transform: uppercase;
	color: rgba(255,255,255,0.8);
	font-weight: 600;
	font-size: 16px;
	margin: 4% 0 8px;
	line-height: 10px;
}

.mgpl-section-testi-2 .mgpl-testi-left h4 a {
color:white;
}

.mgpl-section-testi-2 .local{
	color: rgba(255,255,255,0.8);
	font-size: 12px;
}

.mgpl-section-testi-2 .mgpl-testi-right{
	padding-top: 10px;
	font-size: 90%;
	color: rgba(255,255,255,0.8);
}

.mgpl-section-testi-2 .slick-current .mgpl-testi-grid {
	padding: 3% 0%;
	background: transparent !important;
}

.mgpl-section-testi-2 .slick-current .mgpl-testi-left h4,
.mgpl-section-testi-2 .slick-current .mgpl-testi-left h4 a,
.mgpl-section-testi-2 .slick-current .mgpl-testi-right,
.mgpl-section-testi-2 .slick-current .mgpl-testi-left,
.mgpl-section-testi-2 .slick-current .mgpl-testi-left .mgpl-testi-img{
	color: #000000;
}

.mgpl-section-testi-2 .slick-current .mgpl-testi-left .local {
color: gray;
}

@media (max-width: 768px) {
	.mgpl-section-testi-2 .mgpl-testi-left {
		border-bottom: 1px solid rgba(255,255,255,0.8);
		border-right: none;
	}
}

/*--- Testimonial 3 --*/
.mgpl-section-testi-3 .mgpl-testi-grid{
	float: none;
	width: 95%;
	margin: 0 auto;
	display: inline-block;
}
.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-left{
	min-height: 136px;
	text-align: right;
	position: relative;
}

.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-left h4 {
	font-weight: 600;
	color: #171b1e;
	margin-right: 4%;
}


.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-left blockquote{
	line-height: 20px;
	margin-right: 4%;
}

.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-left blockquote:before {
	left: 0;
	top: 20px;
	line-height: 0;
}

.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-left blockquote:after {
	top: 14px;
	right: 0;
}

.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-right{
	padding-left: 4%;
}

.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-right img {
	width: 110px;
}

@media(max-width:800px){
	.mgpl-section-testi-3 .mgpl-testi-right{
		margin-top: 3%;
		text-align: center;
		padding-left: 0;
	}
	.mgpl-section-testi-3 .mgpl-testi-right img{
		display: inline-block;
	}
}
@media(max-width:768px){
	.mgpl-section-testi-3 .mgpl-testi-left h4{
		margin-left: 57%;
	}
}

@media(max-width:480px){	
	.mgpl-section-testi-3 .mgpl-testi-left {
		border-right: none !important;
	}
	.mgpl-section-testi-3 .mgpl-testi-left {
		border-bottom: 5px solid !important;
	}
}
@media (max-width:375px){	
	.mgpl-section-testi-3 .mgpl-testi-left h4{
		margin-left: 52%;
	}
	.mgpl-section-testi-3 .mgpl-testi-right img{
		display: inline !important;
		width: 30%;
	}
}
@media(max-width:320px){
	.mgpl-section-testi-3 .mgpl-testi-left h4{
		margin-left: 47%;
	}
}
/*--- Testimonial 4 --*/
.mgpl-section-testi-4 .mgpl-testi-grid{
	border: 1px solid #e8e8e8;
	padding: 30px;
	padding-bottom:10px;
}
.mgpl-section-testi-4 .mgpl-testi-img{
	padding: 0;
	border-radius: 100%;
	overflow: hidden;
	width: 75px;
	float: left;
	border: 2px solid #fff;
}
.mgpl-section-testi-4 .mgpl-testi-info{
	padding-top: 12px;
	padding-left: 12px;
	float: left;
}
.mgpl-section-testi-4 .mgpl-testi-grid blockquote:before{
	line-height: 0;
	font-size: 120px;
	top: 35px;
	left: -20px;
	letter-spacing: -40px;
}
.mgpl-section-testi-4 .mgpl-testi-grid blockquote:before,
.mgpl-section-testi-4 .mgpl-testi-grid blockquote:after{
	color: #555;
}

.mgpl-section-testi-4 .mgpl-bg-grid{
	display: inline-block;
	margin-top:15px;
	width: 100%;
	padding: 10px;
	color: #FFF;
}

.mgpl-section-testi-4 .mgpl-bg-grid h4 {
margin-top:-6px;
}

.mgpl-section-testi-4 .local {
color:#efefef !important;
}

.mgpl-section-testi-4 a {
color:#e0e0e0 !important;
}

/*--- Testimonial 5 --*/
.mgpl-section-testi-5 .mgpl-testi-grid {
	display: block;
	height: 100%;
	overflow: hidden;
}

.mgpl-section-testi-5 .mgpl-testi-img{
	margin:0;
	padding:0;
	width:250px;
	overflow: hidden;
}

.mgpl-section-testi-5 .mgpl-testi-right{
	margin:0;
	height: 100%;
	padding: 45px 70px;
}

.mgpl-section-testi-5 .mgpl-testi-grid blockquote:before {
	line-height: 0;
	font-size: 120px;
	top: 35px;
	left: -20px;
	letter-spacing: -40px;
}

.mgpl-section-testi-5 .mgpl-testi-grid blockquote:after {
	top: 15px;
}

.mgpl-section-testi-5 .mgpl-testi-right blockquote{
	color: #FFF;
	text-align: justify;
	font-weight: 500;
	margin-bottom: 15px;
}

.mgpl-section-testi-5 .mgpl-testi-grid a h4,
.mgpl-section-testi-5 .mgpl-testi-grid .local{
	color: #FFF;
	margin-top: 5px;
	text-align: right;
	width: max-content;
}

@media (max-width: 1024px) {

	.mgpl-section-testi-5 .mgpl-testi-right{
		margin:0;
		height: 100%;
		padding: 4% 8%;
	}

	.mgpl-section-testi-5 .col-md-9 {
		width:66.7% !important;
		float:left;
	}
}

@media (max-width: 767px) {

	.mgpl-section-testi-5 .mgpl-testi-right{
		margin:0;
		height: 100%;
		padding: 25px 50px;
	}
	
	.mgpl-section-testi-5 .mgpl-testi-img{
		width: 75px;
		height: 75px;
		float: left;
	}
	
	.mgpl-section-testi-5 .col-md-9 {
		width:100% !important;
		float:left;
	}
}

/*--- Testimonial 6 --*/

.mgpl-section-testi-6 .mgpl-testi-img {
	float:left;
	margin-right:15px;
	border-radius: 100px;
	width: 200px;
	overflow: hidden;
	margin: 0 10px;
}
.mgpl-section-testi-6 .mgpl-testi-info {
	width: 78%;
	float:left;
	margin-left: 15px;
	padding-top: 20px;
}

.mgpl-section-testi-6 .mgpl-testi-info .local{
	margin-left: 10px;
	display: inline-block;
	margin-top:-16px;
}

@media (max-width: 768px) {
.mgpl-section-testi-6 .mgpl-testi-info {
	float:none;
	margin: 0 auto;
	text-align: center;
}
.mgpl-section-testi-6 .mgpl-testi-img {
	float:none;
	margin: 0 auto;
	text-align: center;
}
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Testimonials CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Gallery CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-gallery-right,
.mgpl-gallery-left{
	padding: 0 !important;
}
.mgpl-gallery-img {
	border: 4px solid transparent;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	padding:0px;
}
.mgpl-gallery .post-first {
	margin: 0;
}
.mgpl-gallery .mgpl-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.mgpl-gallery-right .mgpl-gallery-img {
	width: 48.5%;
	margin: 0 5px 5px;
	padding: 0;
}
.mgpl-gallery .mgpl-mask span {
	display: none;
}
.mgpl-gallery .mgpl-mask:hover span {
	position: relative;
	display: block;
	top: 50%;
	font-size: 30px;
	transform: translateY(-50%);
	cursor: pointer;
}
.mgpl-gallery .mgpl-gallery-img:hover img{
	opacity: 0.7;
	-webkit-transform: scale(1.1, 1.1);
	transition: transform 1s cubic-bezier(.17, .67, .69, 1.33);
}
.gallery-box .gallery {
color:white !important;
}
.mgpl-section-gallery .col-md-6, .mgpl-section-gallery .col-sm-6 {
padding:0px;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Gallery CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Post CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-section-blog .mgpl-post-img{
	overflow: hidden;
	max-height: 230px;
}
.mgpl-section-blog .mgpl-post-img img{
	width: 100%;
	position: relative;
	transition: all 0.75s ease-in-out;
	border: 5px solid white;
	border-radius: 0px 20px 0px 0px;
}
.mgpl-section-blog .mgpl-blog-item:hover img {
	transform: scale(1.25);
}
.mgpl-section-blog .mgpl-blog-item .mgpl-read{
	float: right;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 500;
	color: #FFF !important;
}
.mgpl-post-info{
	display: inline-block;
	padding: 15px 15px 10px 15px;
	min-height: 185px;
	background: #FFF;
}
.mgpl-post-info h4{
	margin: 0em auto 0.5em auto;
}
.mgpl-post-footer{
	display: block;
	height: 40px;
}
.mgpl-post-footer li {
font-size:80%;
}
.mgpl-section-blog .mgpl-blog-item a.mgpl-read:hover,
.mgpl-section-blog .mgpl-blog-item a.mgpl-read:focus {
	text-decoration: none;
}
.mgpl-section-blog .mgpl-blog-item ul{
	list-style: none;
	margin: 10px 15px;
	display: inline-block;
	padding: 0;
	color: #FFF;
}
.mgpl-section-blog .mgpl-blog-item ul li{
	float: left;
	margin-right: 15px;
	margin: 0;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Post CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Call To Action CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-cta-grid {
	margin: 0 auto;
	float: none !important;
	display: block;
}

[class*='mgpl-section-cta-'] a.mgpl-btn { font-size:125%; }

.mgpl-cta-grid h4 {
margin-bottom:0px;
margin-top:8px;
}

.mgpl-cta-link{
	text-align: right;
}
[class*='mgpl-section-cta-'].boxed {
display: inline-block; 
max-width: 100% !important;
}
.mgpl-section-cta-1 .mgpl-cta-text{
	text-align: center;
}

.mgpl-cta-text{
	opacity: 0.80;
	display: block;
	font-style: italic;
}

.mgpl-section-cta-2 .mgpl-cta-img,
.mgpl-section-cta-3 .mgpl-cta-info{
	text-align: right;
}

.mgpl-section-cta-3 .mgpl-cta-img{
	text-align: left;
}

.mgpl-section-cta-5 .mgpl-cta-img{
	width: 35px;
	float: left;
	margin-right: 10px;
}

.mgpl-section-cta-6 .mgpl-cta-img{
	display: inline-block;
	float: left;
	width: 10%;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic CTA CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Form CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.form-group {
	margin-bottom: 25px;
}
.mgpl-form-title{
	padding: 10px 20px;
	font-size: 20px;
	text-align: left;
	margin-bottom: 15px;
	color: #fff !important;
}
.mgpl-form-subtext{
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.2;
}
.form-group label{
	font-size: 14px;
	line-height: 1.5;
	font-weight: 100;
	display: none;
}
.form-control{
	padding: 8px;
	display: block;
	width: 100%;
	box-shadow: none;
	height: auto;
	line-height: 2;
	padding-right: 26px;
	font-size: 14px;
	margin: 0;
}
.form-control:focus {
	outline: 0;
	box-shadow: none;
}
.form-group .icon {
	position: relative;
	float: right;
	margin-right: 9px;
	margin-top: -31px;
	z-index: 2;
	font-size: 14px;
	line-height: 2;
}
.form-group .ico-textarea {
	margin-top: -112px;
}
/* Compact Form */
#header-imagery-block .headerform .compact-form { 
	width:100%; max-width:100%;
}
#header-imagery-block .caption-html .compact { 
	max-width:250px; 
}
#header-imagery-block .caption-html .compact .form-group {
	margin-bottom: 10px;
}
#header-imagery-block .message-field { 
	display:none; 
}
#header-imagery-block .compact-form .form-group { 
	width:100%; 
	padding:0px; 
	margin-bottom:8px;
}
#header-imagery-block .headerform .form-group { 
	width:48%; 
	margin-right:1.5%; 
	max-width:100%; 
}
#header-imagery-block .compact-form input { 
	margin-top:0px;
}
#header-imagery-block .compact-form .mgpl-btn { 
	width:100%; 
}
#header-imagery-block .quote-form {
    min-width: 240px;
}
.quote-form {
	max-width:500px;
	margin:auto;
}
.themeszz-form button {
	font-size: 125%;
	float:right;
	margin-bottom:10px;
	min-width: auto;
	border-radius: 0;
}
.form-title {
    text-align: left;
    border-bottom: 1px solid #333333;
    padding: 5px;
    margin-bottom: 15px;
    font-size: 125%;
}
.headerform {
    display: none;
    color: white;
    padding: 10px;
	width: 100%;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Form CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Carousel CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-carousel .slick-list{
	border-right: 1px solid #182327;
}
.mgpl-carousel .mgpl-img-item {
	padding: 0 20px;
	border-left: 1px solid #182327;
}
.mgpl-carousel .mgpl-img-item img {
	position: relative;
	margin: 0 auto;
	width: auto;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Carousel CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Accordion CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.panel {
	-ms-box-shadow: none !important;
	box-shadow: none !important;
}
.panel-group .panel {
	background: transparent;
	margin-top: 2px;
	border: 0;
	border-radius: 0 !important;
}
.panel-group .panel-heading {
	position: relative;
	background-color: #333333 !important;
	border: 0 !important;
	border-radius: 15px;
	margin-bottom: 6px;
	padding: 0;
}
.panel-group .panel-heading h4 {
	margin-top: 0;
	padding-top: 0;
	font-size: 20px;
	font-weight: bold;
}
.panel-group .panel-heading a {
	font-weight: 500;
	display: block;
	padding: 12px 15px;
	color:white !important;
}

.panel-group .panel-heading a i {
	margin-right: 5px;
	color:white;
}
.panel-group .panel-heading a:after {
	font-family: "Glyphicons Halflings";
	content: '\2212';
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 45%;
	margin-top: -8px;
}
.panel-group .panel-heading a.collapsed:after {
	content: '\002b';
}
.panel-group .panel-body {margin-bottom: 6px;margin-top: -12px;padding: 25px 25px;border-top: none !important;}
.panel-group .panel-body p {
    font-style: italic;
    text-align: left;
    margin: 0;
    color: #777;
    padding-left: 15px;
    border-left: 8px solid rgba(63,148,148, 0.1);
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Accordion CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Background CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[id*='mgpl-magicbg-']{
	padding: 2% 0;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
[id*='mgpl-magicbg-']:before{
	content: '';
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
}
.mgpl-margin-none {
	padding: 0;
}
.mgpl-margin-small {
	padding-top: 20px;
	padding-bottom: 20px;
}
.mgpl-margin-normal {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mgpl-margin-large {
	padding-top: 60px;
	padding-bottom: 60px;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Background CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Tabs CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.tabs .nav-tabs{
	list-style:none outside none;
	margin:0;
	overflow:hidden;
	padding:0;
	display: block;
	position:relative;
}
.tabs .nav-tabs li{
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	display:inline-block;
	float:left;
}
.tabs .nav-tabs li a {
	display:block;
	margin:0;
	padding:10px;
	text-decoration:none;
	color:#929292;
	font-weight:700;
	font-size: 21px;
	background-color:#333333;
	color:white;
	-webkit-transform:translateZ(0px);
	-webkit-transition:all .2s ease 0s;
	border-radius: 0;
}
.tabs .nav-tabs li.active a,
.nav-tabs > li.active > a, 
.tabs .nav-tabs li a:hover,
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
	border-color: #ffffff;
	color: #fff !important;
}
.tabs.horizontal .nav-tabs{
}
.tabs.horizontal .nav-tabs li{
	margin-right: 1px;
}
.tabs.horizontal .nav-tabs li:last-child{
	margin-right:0;
}
.tabs.horizontal .nav-tabs li:nth-child(n) a{
	border-right-width:0;
}
.tabs.horizontal .nav-tabs li:last-child a{
	border-right-width:1px;
}
.tabs .tab-content{
	overflow:hidden;
	width:100%;
	background-color:transparent;
	text-align:left;
	padding: 30px;
	background-color: #f7f7f7;
}
.tabs.vertical .nav-tabs{
	float:left;
	width:24.02957486136784%;
	border-bottom: none;
}
.tabs.vertical .nav-tabs li{
	display:block;width:100%;
}
.tabs.vertical .nav-tabs li a{
	text-align:left;
	height:auto;
	line-height:normal;
	padding:9px 17px;
	margin-bottom: 1px;
}
.tabs.vertical .nav-tabs li:nth-child(n) a{
	border-bottom-width:0;
}
.tabs.vertical .nav-tabs li:last-child a{
	border-bottom-width:1px;
}
.tabs.vertical .tab-content{
	width: 75.97%;
	float:left;
}
.tabs.vertical .tab-pane{
	padding:0;
}
.tab-content > .tab-pane p {
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #515050;
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	border-left: 8px solid rgba(63,148,148, 0.1);
}

@media screen and (max-width: 768px) {
.tabs .nav-tabs li, .tabs.vertical .nav-tabs {
float:none;
width:100%;
text-align:center;
}
.tabs.vertical .tab-content{
	width: 100%;
	float:none;
}
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Tabs CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Price Table CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-section-price{
    display: inline-block;
    width: 100%;
}
[class*='mgpl-prices-'] li::before{
	font-family: "Glyphicons Halflings";
	content: "\e013";
	font-size: 12px;
	margin-right: 15px;
}
[class*='mgpl-prices-'] .panel {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	border: 0;
	font-size: 14px;
}
[class*='mgpl-prices-'] h4 {
color:white;
}
[class*='mgpl-prices-'] .panel-heading h3{
	display: inline-block;
	margin: 0.5em auto 0.5em auto;
}
[class*='mgpl-prices-'] .lead {
font-size:36px !important;
}
[class*='mgpl-prices-'] .list-group {
	list-style: none;
	margin-top: 10px;
	margin-left: 0px;
}
[class*='mgpl-prices-'] .list-group-item {
	border: none;
	padding: 8px 15px;
	margin: 0;
}
.mgpl-prices-1 .panel,
.mgpl-prices-3 .panel,
.mgpl-prices-4 .panel,
.mgpl-prices-5 .panel {
	-webkit-box-shadow: -1px -1px 2px 2px rgba(224,224,224,0.4) !important;
	-moz-box-shadow: -1px -1px 2px 2px rgba(224,224,224,0.4) !important;
	box-shadow: -1px -1px 2px 2px rgba(224,224,224,0.4) !important;
}

/* -- prices 1 -- */
.mgpl-prices-1 .lead {
	margin: 0;
	font-size: 20px;
	line-height: 50px;
	font-weight: 900;
	color: #fff;
}
.mgpl-prices-1 .panel-footer {
	padding: 25px 15px;
	background-color: #ffffff;
}
.mgpl-prices-1 .panel-heading {
	padding: 16px 0px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	border: 0;
}
.mgpl-prices-1 .panel-body {
	color: #ffffff;
	margin: 0px;
}
.mgpl-prices-1 .list-group {
 margin-left:10px;
}
.mgpl-prices-1 .list-group-item {
	list-style-type: none;
	font-size: 14px;
	color: #7b8084;
	padding: 12px;
	text-align: left;
	border-bottom: 0.5px solid #cccccc !important;
}
.mgpl-prices-1 .list-group-item::before {
	color: #9E9E9E;
}

/* -- prices 2 -- */
.mgpl-prices-2 .panel{
	box-sizing: border-box;
	border-radius: 7px;
	padding: 24px;
	text-align: center;
	-webkit-transition: margin-top 0.5s linear;
	transition: margin-top 0.5s linear;
}
.mgpl-prices-2 .panel h4 {
color:#222222;
}
.mgpl-prices-2 .panel-heading {
	color: #333;
	background-color: transparent !important;
	border: none;
	padding: 0 0 1em;
}
.mgpl-prices-2 .panel-body{
	padding: 0;
}
.mgpl-prices-2 .lead {
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: bold;
}
.mgpl-prices-2 .lead::after {
	content: '';
	height: 1px;
	width: 100%;
	position: relative;
	top: 27px;
	display: block;
}
.mgpl-prices-2 .panel-body::after {
	content: " All Inclusive Pricing ";
	font-weight: 500;
	padding: 2px 15px;
	color: #ffffff;
	border: 1px solid #e4e4e4;
	border-radius: 15px;
	position: relative;
	bottom: 0;
	font-size: 12px;
	display: inline;
}
.mgpl-prices-2 .panel > .list-group .list-group-item,
.mgpl-prices-2 .panel > .panel-collapse > .list-group .list-group-item {
	text-align: left;
	padding-left:4px;
}
.mgpl-prices-2 .list-group-item::before {
	color: #000000;
}
.mgpl-prices-2 .mgpl-price-box-featured .panel{
	border-color: #F44336;
}
.mgpl-prices-2 .mgpl-price-box-featured .panel::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 64px 64px 0 0;
	border-color: #F44336 transparent transparent transparent;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: 1;
}
.mgpl-prices-2 .mgpl-price-box-featured .panel::after {
	font-family: "Glyphicons Halflings";
	content: "\e013";
	color: white;
	position: absolute;
	left: 9px;
	top: 6px;
	text-shadow: 0 0 2px #F44336;
	font-size: 1.4rem;
	z-index: 2;
}
.mgpl-prices-2 .panel:hover{
	margin-top: -30px;
	-webkit-transition: margin-top 0.3s linear;
	transition: margin-top 0.3s linear;
}

.mgpl-prices-2 .panel-footer {
	display:none;
}
/* -- prices 3 -- */
.mgpl-prices-3 .panel{
	padding: 0;
	background-color: #fff;
	position: relative;
	transition: all .7s ease-in-out;
	-webkit-transition: all .7s ease-in-out;
}
.mgpl-prices-3 .lead {
	color: #fff;
	width: 120px;
	text-align: center;
	line-height: 2em;
	border-radius: 100px;
	margin: auto;
	font-weight: bold;
	display:inline-block;
	text-align:center;
}
.mgpl-prices-3 .panel-footer {
	padding: 25px 15px;
}
.mgpl-prices-3 .panel-heading {
	text-align: center;
	color: #FFF;
	padding: 1.2em 0em 4em;
}
.mgpl-prices-3 .panel-body {
	margin-top:-50px;
}
.mgpl-prices-3 .panel-footer {
	background: transparent;
	padding: 0;
	border: none;
	margin-bottom: 30px;
}
.mgpl-prices-3 .list-group{padding: 0em 2em 2em; text-align:left; }
.mgpl-prices-3 .list-group-item::before {
	color: #9E9E9E;
}
.mgpl-prices-3 .panel:hover .panel-heading{
	transition: all 0.5s ease-in-out;
}
.mgpl-prices-3 .panel:hover .lead{
	transition: all 0.5s ease-in-out;
}
.mgpl-prices-3 .panel:hover .panel-heading h3{
	color: #FFF;
	transition: all 0.5s ease-in-out;
}
.mgpl-prices-3 .panel:hover .panel-footer .btn-default,
.mgpl-prices-3 .panel:hover:focus .panel-footer .btn-default,
.mgpl-prices-3 .panel:hover:active .panel-footer .btn-default,
.mgpl-prices-3 .panel:hover:hover .panel-footer .open > .dropdown-toggle.btn-default {
	transition: all 0.5s ease-in-out;
	color: #fff;
}
/* -- prices 4 -- */
.mgpl-prices-4 .panel .panel-heading {
	border: none;
	color: #fff;
	border-radius: 0;
}
.mgpl-prices-4 .panel .panel-body p{
	padding: 0.5em 0;
	text-align:center;
	background:#fff;
	font-weight: 600;
	font-size: 2em;
	margin:0;
}
.mgpl-prices-4 .list-group{padding: 0;margin-top: 0;}
.mgpl-prices-4 .list-group-item{
	border-bottom: 0.5px dotted #ffffff;
	color: #ffffff;
	border-left: none;
	border-right: none;
	text-align:left;
	padding-left:30px;
}
.mgpl-prices-4 .list-group-item:last-child{
	display: block;
	border-bottom: none;
}
.mgpl-prices-4 .list-group:after{bottom: 19%;left: 46%;}
.mgpl-prices-4 .panel .panel-footer{
	padding:2.5em 0 2em;
	text-align:center;
	background:#fff;
	border: none;
}

/* -- prices 5 -- */
.mgpl-prices-5 .panel .panel-heading {color: #FFF;}
.mgpl-prices-5 .panel .panel-body p{
	text-align:center;
	background:#fff;
	font-weight: 600;
	font-size: 1.5em;
	margin:0;
	color: #777;
}
.mgpl-prices-5 .list-group-item{
	padding-left: 30px;
	text-align:left;
	border-left: none;
	border-right: none;
}
.mgpl-prices-5 .panel .panel-footer{
	padding: 1em 1.5em;
	text-align:center;
	background:#fff;
	border: none;
}

/* -- prices 6 -- */
.mgpl-prices-6 .panel{
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
}
.mgpl-prices-6 .panel .panel-heading {
	border: none;
	border-radius: 0;
	padding: 1em 0 0;
	color: #FFF;
	display: inline-block;
	width: 100%;
}
.mgpl-prices-6 .panel .panel-body{
	color: #FFF;
}
.mgpl-prices-6 .panel .panel-body p{
	text-align:center;
	font-weight: 600;
	font-size: 2.5em;
	margin:0;
	color: #FFF;
}
.mgpl-prices-6 .list-group-item{
	padding-left: 30px;
	text-align:left;
	}
.mgpl-prices-6 .panel .panel-footer{
	padding: 1em 1.5em;
	text-align:center;
	border: none;
}
.mgpl-prices-6 .panel ul{
	background: #fbf9f9;
	margin: 0;
	padding: 1.5em 0;
}
.mgpl-prices-6 .panel ul li{
	transition:all .7s ease-in-out;
	-webkit-transition:all .7s ease-in-out;
	background: transparent;
}
.mgpl-prices-6 .panel .mgpl-btn{
	border: 2px solid #ffffff;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	border-radius: 50em;
	text-transform: uppercase;
}
.mgpl-prices-6 .panel:hover .panel-body,
.mgpl-prices-6 .panel:hover .panel-footer{
	border-top: 1px solid #fff;
}

.mgpl-prices-6 .panel:hover,
.mgpl-prices-6 .panel ul li:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	z-index: 1;
}

/* -- prices 7 -- */
.mgpl-prices-7 .panel  { background-color:transparent; color: white; border:0; }

.mgpl-prices-7 .mgpl-price-box {
border-right:1px solid white;
}

.mgpl-prices-7 h4, .mgpl-prices-7 p, .mgpl-prices-7 .panel  { color: black !important; }
.mgpl-prices-7 .mgpl-price-box  { border-right:1px solid black; }

.mgpl-prices-7 .mgpl-price-box:last-child {
border-right:0;
}

.mgpl-prices-7 .panel .panel-heading, .mgpl-prices-7 .panel .panel-footer {
background-color:transparent;
border:0;
}
.mgpl-prices-7 .panel .panel-body p { text-align:center;font-weight: 600;font-size: 1.5em;margin:0; }
.mgpl-prices-7 .list-group-item{
	padding-left: 20px;
	text-align:left;
	background-color:transparent; 
}
.mgpl-prices-7 .panel .panel-footer{
	padding: 1em 1.5em;
	text-align:center;
	border: none;
}
/* -- prices 7 -- */

/* Featured Pricing */
.mgpl-prices-1 .mgpl-price-box-featured,
.mgpl-prices-1 .mgpl-price-box-featured .panel-footer,
.mgpl-prices-1 .mgpl-price-box-featured .list-group,
.mgpl-prices-1 .mgpl-price-box-featured .list-group-item,
.mgpl-prices-1 .mgpl-price-box-featured .list-group-item::before,
.mgpl-prices-2 .mgpl-price-box-featured,
.mgpl-prices-2 .mgpl-price-box-featured h4,
.mgpl-prices-2 .mgpl-price-box-featured .panel-footer,
.mgpl-prices-2 .mgpl-price-box-featured .list-group,
.mgpl-prices-2 .mgpl-price-box-featured .list-group-item::before,
.mgpl-prices-2 .mgpl-price-box-featured .list-group-item,
.mgpl-prices-3 .mgpl-price-box-featured,
.mgpl-prices-3 .mgpl-price-box-featured .panel-footer,
.mgpl-prices-3 .mgpl-price-box-featured .list-group,
.mgpl-prices-3 .mgpl-price-box-featured .list-group-item::before,
.mgpl-prices-3 .mgpl-price-box-featured .list-group-item,
.mgpl-prices-4 .mgpl-price-box-featured,
.mgpl-prices-4 .mgpl-price-box-featured p,
.mgpl-prices-4 .mgpl-price-box-featured .panel-footer,
.mgpl-prices-4 .mgpl-price-box-featured .list-group,
.mgpl-prices-4 .mgpl-price-box-featured .list-group-item,
.mgpl-prices-5 .mgpl-price-box-featured,
.mgpl-prices-5 .mgpl-price-box-featured p,
.mgpl-prices-5 .mgpl-price-box-featured .panel-footer,
.mgpl-prices-5 .mgpl-price-box-featured .list-group,
.mgpl-prices-5 .mgpl-price-box-featured .list-group-item,
.mgpl-prices-6 .mgpl-price-box-featured,
.mgpl-prices-6 .mgpl-price-box-featured .list-group,
.mgpl-prices-6 .mgpl-price-box-featured .list-group-item {
	background-color: #9E9E9E !important;
	color:#ffffff !important;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Price Table CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Progress Bar CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-progress {
	position: relative;
	margin-bottom: 20px;
}
.mgpl-progress .name{
	font-weight: 400;
}
.mgpl-progress .progress-animate {
	height: 10px;
	width: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.mgpl-progress .progress-bar {
	background: #f3f3f3;
	width: 100%;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.mgpl-progress .progress-bar {
	background-color:lightgray;
	width:100%;
	height: 25px;
	margin-bottom:10px;
}
.mgpl-progress .barline {
	height: 25px;
	color:white;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	padding-top: 3px;
	width:0%;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Progress Bar CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Pie Chart CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgpl-pie-chart {
	margin-top:20px;
}
.mgpl-pie-chart .pie-title {
	display: block;
	position: relative;
	text-align: center;
}
.mgpl-pie-chart .pie-value {
	display: block;
	position: absolute;
	font-size: 30px;
	height: 40px;
	bottom: 50px;
	left: 0;
	right: 0;
	line-height: 40px;
	text-align: center;
}
.mgpl-pie-chart .pie-text{
	text-align: center;
	margin: 20px 0 0;
}
.mgpl-pie-chart .pie-text h4{
	font-weight: bold;
	margin-bottom: 15px;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Pie Chart CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Counter CSS -----------------------*/
/*-----------------------------------------------------------------------*/
.mgple-counter {
	background-color: transparent;
	text-align: center;
	padding: 20px 0;
	border-radius: 5px;
}
.mgple-counter .glyphicon{
	font-size: 40px;
	line-height: 50px;
	color: #9E9E9E;
	display: block;
	margin-bottom: 12px;
}

.mgple-counter .count-title {
	font-size: 48px !important;
	line-height: 48px !important;
	color: #000000;
	overflow: hidden;
	display: block;
	margin: 0 !important;
}
.mgple-counter .count-text {
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 0px !important;
	text-align: center;
	font-weight: bold !important;
}
.mgple-counter h6 {
	margin-top: 15px;
}
#js-counter {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    margin: 5px;
    text-align: center;
}

.chart {
    display: inline-block;
    width: 95px;
    height: 95px;
    margin: 0 10px;
    vertical-align: top;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 22px;
}
.chart span {
    display: block;
    font-size: 2em;
    font-weight: normal;
}
.chart canvas {
    position: absolute;
    left: 0;
    top: 0;
}

/*-----------------------------------------------------------------------*/
/*---------------- End Magic Counter CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Promo CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-promo-']{
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
}
.mgpl-section-promobox{
	display: inline-block;
}
[class*='mgpl-promo-'] h4,
[class*='mgpl-promo-'] p,
[class*='mgpl-promo-'] a.mgpl-btn,
[class*='mgpl-promo-']:hover img{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
[class*='mgpl-promo-'] p{
	padding: 10px;
	margin: 0;
}
[class*='mgpl-promo-']:hover h4,
[class*='mgpl-promo-']:hover p,
[class*='mgpl-promo-']:hover a.mgpl-btn,
[class*='mgpl-promo-']:hover .mgpl-mask{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity =100)";
	filter: alpha(opacity=100);
	opacity: 1;
	color: #FFF;
}
[class*='mgpl-promo-'] img{
	width: 100%;
	height: auto;
	opacity: 1;
}
[class*='mgpl-promo-'] .mgpl-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgb(148, 148, 148, 0.75);
	color: #FFF;
	vertical-align:middle;
}
[class*='mgpl-promo-']:hover img {
opacity: 1 !important;
}
.mgpl-promo-2 h4,
.mgpl-promo-4 h4,
.mgpl-promo-5 h4 {
	-webkit-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	padding: 10px;
	display: block;
}
.mgpl-promo-4 p,
.mgpl-promo-5 p {
	-webkit-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out 0.2s;
	transition: all 0.2s ease-in-out 0.2s;
}
/* -- Promo Box 1 -- */
.mgpl-promo-1 img {
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}
.mgpl-promo-1 .mgpl-mask {
	-webkit-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.mgpl-promo-1 h4 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: 20px 20px 0 20px;
	padding-bottom: 16px;
}
.mgpl-promo-1 h4,
.mgpl-promo-1 p {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.mgpl-promo-1:hover .mgpl-mask {
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.mgpl-promo-1:hover img {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.mgpl-promo-1:hover h4,
.mgpl-promo-1:hover p{
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
/* -- Promo Box 2 -- */
.mgpl-promo-2 img {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.mgpl-promo-2 .mgpl-mask {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.mgpl-promo-2 h4 {
	-webkit-transform: translateY(-100px);
	transform: translateY(-100px);
}
.mgpl-promo-2 p {
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.mgpl-promo-2 h4,
.mgpl-promo-2 a.mgpl-btn {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mgpl-promo-2:hover img {
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.mgpl-promo-2:hover h4,
.mgpl-promo-2:hover p,
.mgpl-promo-2:hover a.mgpl-btn {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.mgpl-promo-2:hover p {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.mgpl-promo-2:hover a.mgpl-btn{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
/* -- Promo Box 3 -- */
.mgpl-promo-3 img {
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s;
}
.mgpl-promo-3 .mgpl-mask {
	-webkit-transition: all 0.3s ease-in 0.4s;
	transition: all 0.3s ease-in 0.4s;
}
.mgpl-promo-3 h4 {
	border-bottom: 1px solid rgba(216, 216, 216, 0.3);
	background: transparent;
	margin: 20px 20px 0px 20px;
	padding-bottom: 20px;
}
.mgpl-promo-3 h4,
.mgpl-promo-3 p {
	-webkit-transform: scale(10);
	transform: scale(10);
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	transition: all 0.3s ease-in-out 0.2s;
}
.mgpl-promo-3:hover .mgpl-mask,
.mgpl-promo-3:hover img {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.mgpl-promo-3:hover h4,
.mgpl-promo-3:hover p{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.mgpl-promo-3:hover h4 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.mgpl-promo-3:hover p {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
/* -- Promo Box 4 -- */
.mgpl-promo-4 img {
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mgpl-promo-4 .mgpl-mask {
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mgpl-promo-4:hover img {
	-webkit-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
}
.mgpl-promo-4:hover .mgpl-mask {
	-webkit-transform: translateY(0px) rotate(0deg);
	transform: translateY(0px) rotate(0deg);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.mgpl-promo-4:hover h4 {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.mgpl-promo-4:hover p {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
/* -- Promo Box 5 -- */
.mgpl-promo-5 .mgpl-mask {
	top: -200px;
	-webkit-transition: all 0.3s ease-out 0.5s;
	transition: all 0.3s ease-out 0.5s;
}

.mgpl-promo-5:hover .mgpl-mask {
	top: 0px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-animation: bounceY 0.9s linear;
	animation: bounceY 0.9s linear;
}
.mgpl-promo-5:hover h4 {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.mgpl-promo-5:hover p {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
@keyframes bounceY {
	0% { transform: translateY(-205px);}
	40% { transform: translateY(-100px);}
	65% { transform: translateY(-52px);}
	82% { transform: translateY(-25px);}
	92% { transform: translateY(-12px);}
	55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
	0% { -webkit-transform: translateY(-205px);}
	40% { -webkit-transform: translateY(-100px);}
	65% { -webkit-transform: translateY(-52px);}
	82% { -webkit-transform: translateY(-25px);}
	92% { -webkit-transform: translateY(-12px);}
	55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}
/* -- Promo Box 6 -- */
.mgpl-promo-6 img {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.mgpl-promo-6 .mgpl-mask {
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.mgpl-promo-6 h4 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	margin: 20px 20px 0px 20px;
	padding-bottom: 20px;
}
.mgpl-promo-6 p {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.mgpl-promo-6:hover img {
	-webkit-transform: scale(10);
	transform: scale(10);
}
.mgpl-promo-6:hover h4,
.mgpl-promo-6 :hover p{
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Promo CSS -----------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*---------------- Start Magic Social CSS -----------------------*/
/*-----------------------------------------------------------------------*/
[class*='mgpl-socials-']{
	padding: 0;
	width: auto;
	margin: 1% auto !important;
	display: block;
}
[class*='mgpl-socials-'] span {
	margin: 5px;
	display: inline-block;
}
[class*='mgpl-socials-'] [class*='social-']{
	display: block;
	position: relative;
}
[class*='mgpl-socials-'] img {
	max-width:32px;
	max-height:32px;
}
/*--- Social 1 --*/
.mgpl-socials-1 [class*='social-'] {
	background-color: transparent !important;
	border-bottom: 2px solid transparent;
}
.mgpl-socials-1 [class*='social-']:hover {
	top: -2px;
	border-radius: 50%;
}
/*--- Social 2 --*/
.mgpl-socials-2 [class*='social-']{
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
}
.mgpl-socials-2 [class*='social-']:hover{
	border-radius:50%;
	-webkit-border-radius:50%;
}

/*--- Social 3 --*/
.mgpl-socials-3 span {
    margin: 5px 10px;
}
.mgpl-socials-3 [class*='social-'] img{
	filter: brightness(10) contrast(10) grayscale(1) saturate(10) sepia(1);
}
.mgpl-socials-3 [class*='social-'],
.mgpl-socials-3 [class*='social-']:before,
.mgpl-socials-3 [class*='social-']:after {
	height: 32px;
	width: 32px;
	box-sizing: border-box;
}
.mgpl-socials-3 [class*='social-']:before,
.mgpl-socials-3 [class*='social-']:after {
	-webkit-transition: 0.8s;
	transition: 0.8s;
	position: absolute;
	content: "";
	z-index: 0;
	left: 0px;
	top: 0;
}
.mgpl-socials-3 [class*='social-']:before {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.mgpl-socials-3 [class*='social-']:after {
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.mgpl-socials-3 [class*='social-'] img{
	position: relative;
	z-index: 1;
}
.mgpl-socials-3 [class*='social-']:hover,
.mgpl-socials-3 [class*='social-']:hover:before,
.mgpl-socials-3 [class*='social-']:hover:after {
	background: transparent !important;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
.mgpl-socials-3 [class*='social-']:hover{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.mgpl-socials-3 [class*='social-']:hover img {
	filter: none;
}
.mgpl-socials-3 .social-facebook:before,
.mgpl-socials-3 .social-facebook:after,
[class*='mgpl-socials-'] .social-facebook{
	background-color: #3b5998;
	border-color: #3b5998 !important;
}
.mgpl-socials-3 .social-googleplus:before,
.mgpl-socials-3 .social-googleplus:after,
[class*='mgpl-socials-'] .social-googleplus {
	background-color: #d65342;
	border-color: #d65342 !important;
}
.mgpl-socials-3 .social-instagram:before,
.mgpl-socials-3 .social-instagram:after,
[class*='mgpl-socials-'] .social-instagram {
	background-color: #4f2319;
	border-color: #4f2319 !important;
}
.mgpl-socials-3 .social-linkedin:before,
.mgpl-socials-3 .social-linkedin:after,
[class*='mgpl-socials-'] .social-linkedin {
	background-color: #0077b5;
	border-color: #0077b5 !important;
}
.mgpl-socials-3 .social-pinterest:before,
.mgpl-socials-3 .social-pinterest:after,
[class*='mgpl-socials-'] .social-pinterest{
	background-color: #bc3033;
	border-color: #bc3033 !important;
}
.mgpl-socials-3 .social-rss-feed:before,
.mgpl-socials-3 .social-rss-feed:after,
[class*='mgpl-socials-'] .social-rss-feed{
	background-color: #ff6600;
	border-color: #ff6600 !important;
}
.mgpl-socials-3 .social-skype:before,
.mgpl-socials-3 .social-skype:after,
[class*='mgpl-socials-'] .social-skype{
	background-color: #00aff0;
	border-color: #00aff0 !important;
}
.mgpl-socials-3 .social-twitter:before,
.mgpl-socials-3 .social-twitter:after,
[class*='mgpl-socials-'] .social-twitter{
	background-color: #0084b4;
	border-color: #0084b4 !important;
}
.mgpl-socials-3 .social-yelp:before,
.mgpl-socials-3 .social-yelp:after,
[class*='mgpl-socials-'] .social-yelp{
	background-color: #c41200;
	border-color: #c41200 !important;
}
.mgpl-socials-3 .social-youtube:before,
.mgpl-socials-3 .social-youtube:after,
[class*='mgpl-socials-'] .social-youtube {
	background-color: #e52d27;
	border-color: #e52d27 !important;
}
.mgpl-socials-3 .social-email:before,
.mgpl-socials-3 .social-email:after,
[class*='mgpl-socials-'] .social-email {
	background-color: #333;
	border-color: #333 !important;
}
/*--- Social 4 --*/
.mgpl-socials-4 [class*='social-']{
	border-radius: 100%;
}
.mgpl-socials-4 [class*='social-']{
	background-color: transparent !important;
	border: 2px solid transparent;
}
.mgpl-socials-4 [class*='social-']:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
/*--- Social 5 --*/
.mgpl-socials-5 [class*='social-']{
	background: rgb(255, 255, 255) !important;
	border: 1px solid #fff !important;
}
.mgpl-socials-5 [class*='social-']:hover{
	-webkit-filter: grayscale(0.99);
	filter: grayscale(0.99);
}
.mgpl-socials-5 a img{
    float: left;
    width: auto;
}
.mgpl-socials-5 a span[class*='icon-']{
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    padding: 0 12px;
    margin: 0;
    background: inherit;
    color: white;
    text-transform: capitalize;
}
.mgpl-socials-5 a span.icon-facebook{
	background: #3b5998 !important;
}
.mgpl-socials-5 a span.icon-googleplus{
	background: #d65342 !important;
}
.mgpl-socials-5 a span.icon-instagram{
	background: #4f2319 !important;
}
.mgpl-socials-5 a span.icon-linkedin{
	background: #0077b5 !important;
}
.mgpl-socials-5 a span.icon-pinterest{
	background: #bc3033 !important;
}
.mgpl-socials-5 a span.icon-rss-feed{
	background: #ff6600 !important;
}
.mgpl-socials-5 a span.icon-skype{
	background: #00aff0 !important;
}
.mgpl-socials-5 a span.icon-twitter{
	background: #0084b4 !important;
}
.mgpl-socials-5 a span.icon-yelp{
	background: #c41200 !important;
}
.mgpl-socials-5 a span.icon-youtube{
	background: #e52d27 !important;
}
.mgpl-socials-5 a span.icon-email{
	background: #333 !important;
}
/*--- Social 6 --*/
.mgpl-socials-6 [class*='social-']{
	background: transparent !important;
}
.mgpl-socials-6 [class*='social-']:hover{
	-webkit-filter: grayscale(0.99);
	filter: grayscale(0.99);
}

.socials-team [class*='social-'] {
background-color:black !important;
border:0px !important;
}
/*-----------------------------------------------------------------------*/
/*---------------- End Magic Social CSS -----------------------*/
/*-----------------------------------------------------------------------*/



/*-----------------------------------------------------------------------*/
/*---------------- Remodal -----------------------*/
/*-----------------------------------------------------------------------*/

/* Modal & Booking Form */
.modal-left,
.modal-right {
    float: left;
    width: 47%;
    margin-right: 1%;
}
.modal-right input, .modal-right select[name=tz_service] {
    padding: 5px;
    border: 1px solid #171b1e;
    font-size: 14px;
    color: #444444;
    width: 90%;
    margin: auto;
    margin-bottom: 5px;
}
.modal-right button {
    color: white;
    font-size: 18px;
    width: 90%;
    margin: auto;
    margin-bottom: 15px;
}

.modal-title {padding-bottom: 15px;border-bottom: 1px solid #000000;font-weight: bold;}

.remodal {background-color: white;}
.remodal .booking {
	float:none;
}
.remodal button:hover {
text-decoration:none;
}

.red {
    background-color: red !important;
    color: white !important;
    border: 1px solid red !important;
}

@media screen and (max-width: 480px) {
.modal-left, .modal-right {
	float:none;
	width:100%;
	margin-bottom:15px;
}
}

.show-status {
	clear:both;
	width:90%;
	margin:auto;
	text-align:center;
    display:none;
    background-color:#777777;
    padding:5px;
    color:white;
}

/* Calendar */
#mgpl-calendar {
	display:none;
	position:absolute;
	margin-top:-200px;
	margin-left:15px;
	z-index:999;
}
.gray {
	color:#cccccc;
}
.dpicker {
    background-color: #f7f7f7;
    padding:8px;
    border:2px solid #efefef;
    font-family:Verdana;
    font-size:13px;
}
.dpicker td {
	padding:7px;
	text-align:center;
	border-right:0.5px solid #efefef;
	border-top:0px;
	border-left: 0px;
	border-bottom:0.5px solid #efefef;
}
.dpicker td:not(:empty):hover {
    cursor:pointer;
    background-color: #7e8c8d; 
    color:white;
 }
.dhead, .closes {
    background-color: #777777; 
    color:white;
    border-collapse: collapse;
 }

.gray:hover {
	cursor:default !important;
	background-color:transparent !important;
	color:#7e8c8d !important;
}

.dmonth {
    font-size:16px;
    background-color: #777777; 
    color:white;
}

.dmonth a, .closes a {
    color: #FFF !important;
    text-decoration:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.current {
    background-color:orange;
    color: white;
    font-weight: bold;
}

/*
.subscribe-form {
	text-align:center;
}
.subscribe-form input {
	clear:both;
	float:none;
    padding: 5px;
    border: 1px solid #777777;
    font-size: 14px;
    color: #cccccc;
    width:250px;
    max-width:90%;
    margin-bottom:15px;
}
.subscribe-form button {
	clear:both;
	float:none;
	width:150px;
	max-width:90%;
}
*/

/* Revised Design */

.form-control {
height:auto !important;
}

.normal-form input.form-control,
.normal-form select.form-control,
.normal-form textarea.form-control
 {
    padding: 10px;
    font-size: 100%;
}

.normal-form .form-group .icon {
margin-right: 12px;
margin-top: -40px;
font-size: 16px;
}

.normal-form .form-group .glyphicon-send {
margin-top: -155px;
}

.subscribe-form .form-group input {
font-size:110%;
padding:12px;
}

.subscribe-form .form-group {
float:left;
width:33%;
}

.subscribe-form .msgstatus {
float:none;
width:100%;
text-align:center;
}

.subscribe-form .form-group button {
width:100%;
font-size:105%;
}


.subscribe-form .form-group .icon {
margin-right: 12px;
margin-top: -47px;
font-size: 18px;
}

@media screen and (max-width: 767px) {
.subscribe-form .form-group {
float:none;
width:100%;
max-width:480px;
margin:auto;
margin-bottom:12px;
}

}

button:hover {
text-decoration:none;
}

div:focus {outline:0;}

/* Time Picker Fields */
.time-picker {
    display:none;
    position: absolute;
    padding:10px;
    background-color:white;
    height: 60px;
    border:4px solid #777777;
    margin-left: 15px;
    width: 267px;
}
.time-picker select {
	font-size:16px;
	padding: 4px;
	margin-right: 4px;
	width: 60px;
	float: left;
	border-radius:20px;
	border:0.5px solid #cccccc;
}
.timepicker-close {
	float:right;
	margin-left:10px;
	cursor:pointer;
}

.red {
    background-color: red;
    color: white;
    border: 1px solid red;
}

/*-----------------------------------------------------------------------*/
/*---------------- Remodal -----------------------*/
/*-----------------------------------------------------------------------*/

/* Spacing & Tweaks */
.nospace {
padding:0 !important; margin:0 !important;
}
.nospace img {
padding:0 !important; margin:0 !important;
width:100% !important;
}

.bigger-50 .title { font-size:325%; }
.bigger-50 .subtitle { font-size:115%; padding-bottom:15px; }

.custom-box {
padding:20px;
border-radius:20px;
background-color:white;
opacity:0.95;
}

.caption-title br {
            display: block;
            content: "";
            margin-top: -2%;
}
.caption-text br {
            display: block;
            content: "";
            margin-top: -1%;
 }
 
 .white-link {
 color:#efefef !important;
 }
 .slick-dots {
 margin-bottom:10px;
 }
 
 .apply-border {
border:1px solid white !important;
}
 
.sidetext { text-align:center; padding: 40px; }
.sidebg { min-height:300px; }


.relative {
position:relative;
padding:10px;
}

.img-inline-block {
display:inline-block !important;
}

/* Spacing & Tweaks */

/*--------------------------------------------------------------------------------*/
/*----------------------------- Responsive Design -----------------------------*/
/*--------------------------------------------------------------------------------*/
@media only screen and (max-width : 1024px){
	[class*='col-sm-6'] { margin-bottom:15px; }
	[class*='mgpl-block-section-']{
		display: inline-block;
		min-height: 100%;
		max-height: 100%;
		height: 100%;
	}
	.mgpl-section-team-3 .mgpl-team-item {
		height: 250px;
		width: 250px;
		margin: 0 auto;
	}
	.mgpl-section-services-1 .mgpl-image,
	.mgpl-section-services-1 .mgpl-image img{
		height: 300px;
		width: 300px;
	}
	.mgpl-section-services-1 .mgpl-image{
		margin: 15% 0;
	}
	.mgpl-section-block-9 img {
		width:100%;
	}
	.mgpl-section-block-10 .mgpl-block-section-10 {
		margin-top:0px;
	}
	.mgpl-section-block-10 .mgpl-info-left{
		margin: 0px !important;
	}
	.mgpl-section-block-10 figure.mgpl-ming h2 {
		margin: 15% 0 0 0;
	}
	.mgpl-section-block-10 .mgpl-info-right h4{
		position: relative;
		top: 0px;
		font-size:200%;
		margin:0;
		margin-top:5px !important;
	}
	.mgpl-section-block-9 img,
	.mgpl-section-block-9 .mgpl-info-left,
	.mgpl-section-block-9 figure.mgpl-effect{
		min-height: 360px;
	}
	.mgpl-section-block-10 .mgpl-info-right h4{
		margin-top: 40px;
	}
	.mgpl-section-block-10 .mgpl-info-left {
		margin: 10% auto 0;
	}
	.mgpl-section-block-10 .mgpl-info-right h3 {
		top: 0px;
		position: relative;
	}
	.mgpl-section-block-10 .mgpl-info-right h4 {
		margin-top: 35px;
	}
	.mgpl-section-block-12 .mgpl-info-right{
		margin-top: -28%;
	}
	.mgpl-section-block-11 .mgpl-info-right {
		padding: 20px 20px 20px 40px;
		width: 95%;
	}
	.mgpl-section-testi-6 .mgpl-testi-info {
   	 width: 76%;
    }
    
	[class*='mgpl-heading-'] .title {
	margin-bottom:2.5%;
	}
}
@media only screen and (max-width : 991px){
	.mgpl-section-block-11 .mgpl-info-left figcaption {
		margin-left: 146px;
	}
	.mgpl-block-section-1 .mgpl-title-link .mgpl-title-div {
		width: 76%;
	}
	
	.mgpl-section-testi-6 .mgpl-testi-info {
		width: 70%;
	}
}
@media screen and (max-width: 767px) {

	[class*='col-md-'] { margin-bottom:15px; }
	[class*='mgpl-section-cta-'] [class*='col-md-'] { margin-bottom:0px; }
	.bigger-50 .title { font-size:250%; }
	.bigger-50 .subtitle { font-size:100%; padding-bottom:0px; }
	
	[class*='mgpl-heading-'] .header-1{
		margin-top:0px;
	}
	
	[class*='mgpl-heading-'] .subtitle{
	width: 90%;
	}
	.mgpl-section-services-1 .mgpl-left .media > .pull-right{
		float: left !important;
		padding-left: 0 !important;
	}
	.mgpl-section-services-1 .mgpl-left .media .media-body{
		text-align: left;
		padding-left: 10px;
		padding-right: 0;
	}
	.mgpl-section-block-5 img,
	.mgpl-section-block-6 img,
	.mgpl-section-block-7 img {
		width:100%;
	}
	
	.mgpl-section-block-10 .mgpl-info-left {
		margin: 0 auto;
	}
	.mgpl-section-block-11 .mgpl-info-left figcaption,
	.mgpl-section-block-11 .mgpl-info-left,
	.mgpl-section-block-11 .mgpl-info-left img {
		transform: none;
		float: none;
		margin: 0 auto;
		position: relative;
	}
	.mgpl-section-block-11 .mgpl-info-left figcaption{
		position: absolute;
		margin: -35% auto 0 14%;
	}
	.mgpl-section-block-11 .mgpl-info-left:after{
		display: none;
	}
	.mgpl-section-block-11 .mgpl-info-right {
		padding: 20px;
		width: 100%;
	}
	.mgpl-section-block-11 img {
	width:100%;
	}
	.mgpl-block-section-5, 
	.mgpl-block-section-6, 
	.mgpl-block-section-7,
	.mgpl-section-block-8, 
	.mgpl-section-block-13 {
		min-height: 100%;
		max-height: 100%;
		height: 100%;
	}
	.mgpl-block-section-1 .mgpl-title-link .mgpl-title-div {
		width: 76%;
		text-align: left;
	}
	.mgpl-block-section-5 .mgpl-title-link .mgpl-title-div {
		width: 100% !important;
	}
	.mgpl-section-testi-6 .mgpl-slider-6 .mgpl-testi-grid .mgpl-testi-img,
	.mgpl-section-testi-6 .mgpl-slider-6 .mgpl-testi-grid .mgpl-testi-info { 
		text-align:center;
		float:none;
		margin: 0 auto;
	}
	.mgpl-section-testi-6 .mgpl-slider-6 .mgpl-testi-grid .mgpl-testi-info { 
		width:90%;
	}
	.mgpl-cta-link {
		float:none !important;
		display:inline-block;
		text-align:center;
	}
	.mgpl-section-cta-6 .mgpl-cta-img {
		width: 12%;
	}
	
	.mgpl-cta-title,
	.mgpl-cta-text,
	.mgpl-cta-info {
	text-align: center !important;
	margin-bottom:12px;
	}
}
@media screen and (max-width: 600px) {
	.mgpl-section-block-11 .mgpl-info-left figcaption {
		margin: -40% auto 0 14%;
	}
	.mgpl-section-cta-6 .mgpl-cta-img {
		width: 20%;
	}
}
@media screen and (max-width: 480px) {
	.mgpl-section-block-11 .mgpl-info-left figcaption {
		margin: -58% auto 0 14%;
	}
}	

@media only screen and (min-width: 1024px) {
  .grid-cols-3:nth-child(3n+1), .grid-cols-4:nth-child(4n+1) {
    clear: left;
  }
 }
  
@media only screen and (max-width: 1023px) {
  .grid-cols-3:nth-child(2n+1), .grid-cols-4:nth-child(2n+1) {
    clear: left;
  }
 }
  
  @media only screen and (max-width: 600px) {
  .grid-cols-3:nth-child(1n+1), .grid-cols-4:nth-child(1n+1) {
    clear: left;
  }
 }
 
.before-footer {
height:1px;
}

.ptag {
clear:both !important;
height:15px;
width:1px;
}

.blank-link:hover {
cursor:default;
}

.inline-center {
display:block;
text-align:center;
}

.addborder
{
box-shadow: 0px 0px 0px 5px #d0c9c9ab;
}

.addshadow
{
box-shadow: 0px 0px 4px 2px #ababab;
}

.menushadow {
box-shadow: inset 15px 20px 20px 5px #435a24;
}


@media screen and (max-width: 768px) {
.mgpl-width-480 {
float:none !important;
max-width:480px;
margin:auto;
margin-bottom:40px;
}

}

/* Extras */

[class*='mgpl-heading-'] .title {
    font-size: 350%;
    text-shadow: 8px 6px #cfd4d88f;
}


.mgpl-section-services-1 .media .icon {
	border: 0px !important;
    height:auto;
    width:auto;
    padding: 4px;
    margin-bottom:0px;
}
.mgpl-section-services-1 .media .icon:before {
    color: #595f7e;
    font-size: 60px;
}
.mgpl-section-services-1 .media:hover .icon {
    background-color: transparent !important;
    transform: scale(1.1);
}
.mgpl-section-services-1 .media:hover .icon:before {
    color:black;
}

.mgpl-section-services-4 .mgpl-service-grid a.glyphicon {
    background-color: transparent !important;
    border: none !important;
    color: #595f7e !important;
}
.mgpl-section-services-4 .mgpl-service-grid a.glyphicon {
    height:auto;
    width:auto;
    font-size: 72px;
    line-height:auto;
}
.mgpl-section-services-4 .mgpl-service-grid:hover a.glyphicon {
    border: 0;
    background-color: transparent;
    color: white !important;
}

.mgpl-section-services-5 .mgpl-service-item {
    padding: 4%;
    border-radius: 20px;
    box-shadow: 4px 5px #afafaf87;
}

.mgpl-section-services-5 .mgpl-service-item .mgpl-btn {
	border-radius: 10px;
}

.mgpl-section-services-5 .mgpl-service-grid:hover a.glyphicon {
    transform: scale(1.1);
    color:orange !important;
}

.mgpl-section-services-6 .letter {
    font-size: 30px;
}

.mgpl-section-services-6 .mgpl-btn {
	border-radius: 0px;
}

.mgpl-section-testi-1 .mgpl-testi-img {
    border: 0px !important;
    box-shadow: 3px 6px 0 0px #bbb0b08c;
}

.mgpl-section-testi-1 .mgpl-testi-img {
    max-height:100px;
}

.mgpl-section-testi-2 .mgpl-testi-left .mgpl-testi-img {
    border: 0px !important;
    border-radius:50%;
    box-shadow: 3px 6px 0 0px #bbb0b08c;
	max-height:100px;
}

.mgpl-section-testi-2 .mgpl-testi-grid {
	background-color: #114488bf!important;
    border-radius:20px;
    box-shadow: 4px 6px #98aac178;
}

.mgpl-section-testi-2 .mgpl-testi-left {
	border-right: 1px dashed #bbb0b08c;
}

.mgpl-section-testi-3 .mgpl-testi-grid .mgpl-testi-right img {
    border: 0px !important;
    border-radius:50%;
    box-shadow: 3px 6px 0 0px #bbb0b08c;
	max-height:110px;
}

.mgpl-section-testi-4 .mgpl-testi-grid {
	border: 4px solid #b0bbc3;
    border-radius:20px;
    box-shadow: 5px 4px 0px 0px #b0bbc369;
}

.mgpl-section-testi-4 .mgpl-bg-grid {
    background: #d2dae080 !important;
    padding:12px;
}

.mgpl-section-testi-4 .mgpl-bg-grid h4 a {
	color:black !important;
}
.mgpl-section-testi-4 .mgpl-bg-grid h4 .local {
	color:gray !important;
}
	
.mgpl-section-testi-4 .mgpl-testi-img {
    border: 0px !important;
    box-shadow: 3px 6px 0 0px #bbb0b08c;
    max-height:75px;
}

.mgpl-section-testi-5 .mgpl-testi-img {
	max-height:250px;
}

.mgpl-section-testi-5 .mgpl-testi-grid {
    background: #8f92a0 !important;
    border-radius: 20px;
    box-shadow: 5px 9px 0 0px #c7c7c7;
}

.mgpl-section-testi-6 .mgpl-testi-img {
    border: 0px !important;
    box-shadow: 3px 6px 0 0px #bbb0b08c;
    max-height:200px;
}

.mgpl-section-team-1 .mgpl-team-item .mgpl-team-img {
    border: 0px !important;
	box-shadow: 2px 3px #c5c0c0bf;
	border-radius:50%;
	margin:10px auto -50px;
}

.mgpl-section-team-2 .mgpl-team-grid .mgpl-team-img {
	width:150px;
	height:150px;
	margin:0 auto -100px;
    border: 0px !important;
	box-shadow: 2px 3px #c5c0c0bf;
	border-radius:50%;
}

.mgpl-section-team-2 .mgpl-team-grid .mgpl-team-info {
	padding-top:120px;
}

.mgpl-team-item, .mgpl-testi-grid {
	margin-bottom:25px !important;
}

.mgpl-section-block-10 .mgpl-info-left {
    border: 1em solid #e8e4e4;
    box-shadow: 6px 6px #d8d8d8c7;
}

.mgpl-section-block-10 .mgpl-info-right h4 {
    top: -30px;
    font-size: 200%;
    background-color: #eeeeee;
    padding: 12px;
    border-radius: 20px;
    box-shadow: 2px 2px #b1b1b1;
}

.c-grid {
    border-radius: 20px;
    overflow: hidden;
}

.c-week-day {
    background: #c2d7e8 !important;
}

.c-day {
    background-color: white;
}

.c-event-grid {
    border-radius: 15px;
    overflow: hidden;
}

.c-event-title {
    font-size: 1.6em;
}

.c-event-item {
    padding: 0px 16px !important;
}

.c-event-item hr {
    background-color: #2d3e50;
    border: 0.5px dashed white;
}

.no-padding {
padding:0 !important;
}

/* Demo Specific */

.mgpl-pie-chart .pie-value {
font-size:40px;
font-weight:bold;
color:#3a648e;
text-shadow: none;
}

.mgple-counter .glyphicon {
    font-size: 90px;
    line-height: 110px;
    color: #9E9E9E;
    opacity: 0.25;
    
    color: #b4bdc5;
    opacity: 1;
}

.mgple-counter .count-title {
    font-size: 60px !important;
    line-height: auto;
    color:#39556d;
    text-shadow: 2px 4px #e7e7e7;
}

.mgpl-pie-chart h6, .mgple-counter h6 {
font-weight: normal !important;
font-size:100% !important;
}

.panel {
border-radius:20px !important;
}

[class*='mgpl-prices-'] .panel-heading {
padding:24px !important;
}

[class*='mgpl-prices-'] .panel-heading h4 {
font-size:250% !important;
font-weight:normal !important;
}

[class*='mgpl-prices-'] .lead {
    font-size: 42px !important;
}

.mgpl-prices-1 .list-group {
    margin-right: 10px;
}

.mgpl-prices-2 .panel-heading {
	padding-top:4px !important;
	padding-bottom:10px !important;
}


.mgpl-prices-3 .lead {
	border-radius: 50%;
	width:150px;
    box-shadow: 8px 4px black;
}

.mgpl-prices-3 .panel-heading {
	padding-bottom:55px !important;
}

.mgpl-prices-4 .panel .panel-body p {
	padding:0;
}

.mgpl-prices-4 .list-group-item, .mgpl-prices-5 .list-group-item  {
	margin-right:10px;
	margin-left:10px;
}

.mgpl-cta-title, .mgpl-cta-text {
margin-bottom:12px !important;
}

.form-control {
    font-size: 15px !important;
    border: 1px solid #f5f5f5 !important;
    border-radius: 8px !important;
    box-shadow: 2px 3px 1px rgba(0, 0, 0, 0.12) !important;
    padding:10px !important;
    }

.form-group .icon {
margin-right: 12px;
margin-top:-35px;
}

.mgpl-post-img {
overflow:hidden;
}

.mgpl-section-blog .mgpl-blog-item ul {
margin:6px 15px;
}

.filtr-item img {
transform: none !important;
margin: 5px;
margin-bottom: 0px;
}


.simplefilter li, .multifilter li, .sortandshuffle li {
padding: 0.5% 1.5% !important;
border-radius: 12px !important;
}

.tabs.horizontal .nav-tabs li {
min-width: 16%;
text-align: center;
border: 1px solid #ffffff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border:0 !important;
}

.c-week-day {
border-left:none !important;
}

.c-day, .c-week-day, .c-day-previous-month, .c-day-next-month{
border-top: 0.5px solid #d3d5d8 !important;
border-left: 0.5px solid #d3d5d8 !important;
}

.c-event a {
color:white !important;
}

.c-event-item {
padding:24px !important;
padding-bottom:12px !important;
}

.compact-event-title {
font-size:170%;
margin-bottom:10px;
}

.post-event-title {
font-size: 250%;
}

.post-event-date {
font-size: 100%;
font-weight: normal !important;
border-top: 1px solid;
padding: 12px;
border-bottom: 1px solid;
}

.mgpl-section-team-2 .mgpl-team-grid .mgpl-team-info p {
padding:12px;
padding-top:0px;
}

.mgpl-section-team-2 .mgpl-team-grid:hover .mgpl-team-img {
transform: scale(0.9);
}

.c-event-grid {
margin-left: 1% !important;
width: 48% !important;
}

@media screen and (max-width: 999px) {
.c-event-grid {
width: 100% !important;
margin:auto !important;
margin-top:30px !important;
}

.team-member-title {
margin-bottom:5px;
}

.team-member-title, .designation, .socials {
text-align:center;
}

}

.mgpl-block-section-1 a.mgpl-btn,
.mgpl-block-section-2 a.mgpl-btn {
width: 100%;
padding: 4px;
border-radius: 0;
}

.mgpl-section-block-4 .mgpl-block-section-4 .mgpl-title-link {
border-bottom: 0 !important;
}

[class*='mgpl-section-cta-'] .mgpl-btn {
line-height: normal;
padding: 10px 32px;
}

.mgpl-cta-grid h4 {
margin-top: 16px;
}

.caption-button {
padding: 2.5% 6% !important;
margin-top:1.25% !important;
}

.contact-details i {
border:none !important;
margin: -30px auto -5px auto !important;
}

.simplefilter li {
min-width:120px;
}

.mgple-counter .count-title {
    color: #444444 !important;
    text-shadow: none !important;
}

.mgpl-pie-chart .pie-value {
    color: #444444;
    text-shadow: none !important;
}

.mgpl-section-block-2 .mgpl-block-section-2,
.mgpl-section-block-4 .mgpl-block-section-4 {
    border-bottom: 2px solid #000000 !important;
}

@media screen and (max-width: 999px) {
.mgpl-section-block-9, .mgpl-section-block-10,
.mgpl-section-block-11, .mgpl-section-block-13,
.mgpl-section-block-16 {
display:block;
width:95%;
max-width:768px;
margin:auto !important;
}

.mgpl-section-block-9 .mgpl-effect img {
width:100%;
}

.mgpl-section-block-9 .mgpl-info-right {
padding:5%;
}

.mgpl-section-block-10 .mgpl-info-right h4 {
top:0px;
}

.mgpl-section-block-10  .mgpl-ming img {
width:100%;
}

.mgpl-section-block-16 .mgpl-info-left figure {
margin-left:4% !important;
width:92% !important;
}

}