.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
object#svg_main_logo {
    margin: 0px;
}
.animate-general{
	opacity:0;
}
.vc_row[data-vc-full-width] {
    overflow: visible !important;
}
.desktop-hide,.tablet-hide,.mobile-hide{
	display:none;
}
/*-- content hover effects -----------*/
.content_hover_effect{
	position:relative;
	display:block;
	width:100%;
}
.content_hover_grow {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-moz-osx-font-smoothing: grayscale;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration:0.3s;
			transition-duration: 0.3s;
			-webkit-transition-property: transform;
			transition-property: transform;
		}
.content_hover_grow:hover {
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
}
			
.content_hover_push {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.content_hover_push:hover {
	-webkit-animation-name: hvr-push;
	animation-name: hvr-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}		
.content_hover_bounce_in {
	 -webkit-transform: translateZ(0);
	 -moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
    -o-transition-duration:0.5s;
	transition-duration: 0.5s;
}
.content_hover_bounce_in:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.content_hover_float {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration:0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.content_hover_float:hover {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
}
.content_hover_wobble_horizontal {
    -webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.content_hover_wobble_horizontal:hover {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.content_hover_wobble_vertical {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.content_hover_wobble_vertical:hover {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.content_hover_float_shadow {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration:0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.content_hover_float_shadow:before,.content_hover_radial:before{
	content:'';
}
.content_hover_float_shadow:before{
	pointer-events: none;
	position: absolute;			
	top: 100%;
	left: 5%;
	content:'';
	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%);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration:0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}		
.content_hover_float_shadow:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.content_hover_float_shadow:hover:before{
	opacity: 1;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
		
.content_hover_grow_shadow {
	-webkit-transform: translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration:0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform;
}	
.content_hover_grow_shadow:hover {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.content_hover_radial{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	transition-duration:0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
}		
.content_hover_radial:hover:before, .content_hover_radial:focus:before, .content_hover_radial:active:before, .content_hover_radial:hover:after, .content_hover_radial:focus:after, .content_hover_radial:active:after{
	opacity:1;
}

.content_hover_radial:before,.content_hover_radial:after {
	pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
	  -moz-box-sizing:  border-box;
		-webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 10px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration:0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.content_hover_radial:after{
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.content_hover_radial:before{
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}


.content_effect_floating{
	animation-name: content_effect_floating;
	-webkit-animation-name: content_effect_floating;
	
	animation-duration: 2.2s;	
	-webkit-animation-duration: 2.2s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes content_effect_floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(2%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes content_effect_floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(2%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
.content_effect_tossing{
	animation-name: content_effect_tossing;
	-webkit-animation-name: content_effect_tossing;	
	
	animation-duration: 2.2s;	
	-webkit-animation-duration: 2.2s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes content_effect_tossing {
	0% {
		transform: rotate(-1deg);	
	}
	50% {
		transform: rotate(1deg);
	}
	100% {
		transform: rotate(-1deg);	
	}						
}

@-webkit-keyframes content_effect_tossing {
	0% {
		-webkit-transform: rotate(-1deg);	
	}
	50% {
		-webkit-transform: rotate(1deg);
	}
	100% {
		-webkit-transform: rotate(-1deg);	
	}				
}
.content_effect_pulse{
	animation-name: content_effect_pulse;
	-webkit-animation-name: content_effect_pulse;	
	
	animation-duration: 2.2s;	
	-webkit-animation-duration: 2.2s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes content_effect_pulse {
	0% {
		transform: scale(0.97);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.97);
		opacity: 1;	
	}			
}

@-webkit-keyframes content_effect_pulse {
	0% {
		-webkit-transform: scale(0.97);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.97);
		opacity: 0.7;	
	}			
}
/*-- content hover effects -----------*/
.magic-scroll .parallax-scroll,.magic-scroll .scale-scroll ,.magic-scroll .both-scroll {
    -webkit-transition: -webkit-transform 1.3s ease .0s;
    -ms-transition: -ms-transform 1.3s ease .0s;
	-moz-transition: -moz-transform 1.3s ease .0s;
	-o-transition: -o-transform 1.3s ease .0s;
    transition: transform 1.3s ease .0s;
    will-change: transform;
}
/*The Magic Border Box Css---------*/
.mbapt-magic-box-wrapper,.mbapt-magic-box-wrapper .magic_box_parallax{
	position: relative;
    display: block;
    width: 100%;
}
.mbapt-magic-box-wrapper .hover-tilt .mbapt-magic-box{
    will-change: transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.mbapt-magic-box{
    position: relative;
    display: block;
    width: 100%;
	margin: 0;
}
.mbapt-magic-box .magic-box-inner{
    position: relative;
    display: block;
    width: 100%;
	margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.mbapt-magic-box .magic-box-inner-block {
    position: static;
    display: block;
    width: 100%;
    z-index: 2;
}
.mbapt-magic-box .magic-box-inner-block-content {
	position: relative;
    z-index: 2;
}
.mbapt-magic-box .trnasition_hover{
	-webkit-transform: translateZ(0);
	-ms-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-o-transform: translateZ(0);
    transform: translateZ(0);
}
.mbapt-magic-box .trnasition_hover:hover {
    -webkit-transform: translateY(-5px);
	-ms-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.mbapt-magic-box .magic-box-inner.border-box-normal {
	border-width:1px;
	border-color:#252525;
	border-style:solid;
}
.mbapt-magic-box .magic-box-inner.border-box-shadow {
	-webkit-box-shadow: 0px 1px 7px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 7px 0 rgba(0,0,0,0.4);
    box-shadow: 0px 1px 7px 0 rgba(0,0,0,0.4);
}
.mbapt-magic-box .magic-box-inner.border-box-normal:before,.mbapt-magic-box .magic-box-inner.border-box-normal:after,.mbapt-magic-box .magic-box-inner.border-box-normal .magic-box-inner-block:before,.mbapt-magic-box .magic-box-inner.border-box-normal .magic-box-inner-block:after{
   -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    position: absolute;
    z-index: 1;
    transition: .5s ease;
    opacity: 0;
}
.mbapt-magic-box .magic-box-inner.border-box-normal:after{
	top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}
.mbapt-magic-box .magic-box-inner.border-box-normal:hover:after{
	top: 0;
	opacity: 1;
}
.mbapt-magic-box .magic-box-inner.border-box-normal:before {
    top: 0;
    bottom: 0;
    left: 100%;
    right: 0;
}
.mbapt-magic-box .magic-box-inner.border-box-normal:hover:before{
	left: 0;
	opacity: 1;
}
.mbapt-magic-box .magic-box-inner-block:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 100%;
}
.mbapt-magic-box .magic-box-inner.border-box-normal:hover .magic-box-inner-block:before {
    right: 0;
    opacity: 1;
}
.mbapt-magic-box .magic-box-inner-block:after {
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
}
.mbapt-magic-box .magic-box-inner.border-box-normal:hover .magic-box-inner-block:after {
    bottom: 0;
	opacity: 1;
} 
/*The Magic Border Box Css---------*/

/*---------- animated background color ------------*/
.animted-content-inner{
	position:relative;
	display:block;
	width:100%;
	z-index:1;
}
.mbapt-bg-color-animated.left {
 	-webkit-transform: translateX(-100%);
 	-moz-transform: translateX(-100%);
 	-ms-transform: translateX(-100%);
 	-o-transform: translateX(-100%);
 	transform: translateX(-100%);
 	-webkit-transition-delay: 0s;
 	-moz-transition-delay: 0s;
 	-ms-transition-delay: 0s;
 	-o-transition-delay: 0s;
 	transition-delay: 0s;
}
.mbapt-bg-color-animated.right {
 	-webkit-transform: translateX(100%);
 	-moz-transform: translateX(100%);
 	-ms-transform: translateX(100%);
 	-o-transform: translateX(100%);
 	transform: translateX(100%);
 	-webkit-transition-delay: 0s;
 	-moz-transition-delay: 0s;
 	-ms-transition-delay: 0s;
 	-o-transition-delay: 0s;
 	transition-delay: 0s;
}
.mbapt-bg-color-animated.top {
 	-webkit-transform: translateY(-100%);
 	-moz-transform: translateY(-100%);
 	-ms-transform: translateY(-100%);
 	-o-transform: translateY(-100%);
 	transform: translateY(-100%);
 	-webkit-transition-delay: 0s;
 	-moz-transition-delay: 0s;
 	-ms-transition-delay: 0s;
 	-o-transition-delay: 0s;
 	transition-delay: 0s;
}
.mbapt-bg-color-animated.bottom {
 	-webkit-transform: translateY(100%);
 	-moz-transform: translateY(100%);
 	-ms-transform: translateY(100%);
 	-o-transform: translateY(100%);
 	transform: translateY(100%);
 	-webkit-transition-delay: 0s;
 	-moz-transition-delay: 0s;
 	-ms-transition-delay: 0s;
 	-o-transition-delay: 0s;
 	transition-delay: 0s;
}
.mbapt-bg-color-animated {
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	transition: all 0.3s;
 	-webkit-transition-duration: 0.5s;
 	-moz-transition-duration: 0.5s;
 	-ms-transition-duration: 0.5s;
 	-o-transition-duration: 0.5s;
 	transition-duration: 0.5s;
 	width: 100%;
 	height: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
 	background-size: cover !important;
 	background-position: center center !important;
}
.animation-done .mbapt-bg-color-animated{
	    -webkit-transform: translateX(0);
 	-moz-transform: translateX(0);
 	-ms-transform: translateX(0);
 	-o-transform: translateX(0);
 	transform: translateX(0);
 	-webkit-transition-delay: 0.7s;
 	-moz-transition-delay: 0.7s;
 	-ms-transition-delay: 0.7s;
 	-o-transition-delay: 0.7s;
 	transition-delay: 0.7s;
}

.mbapt-bg-color-animated:after{
 	content: '';
 	display: block;
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background: #d3d3d3;
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	-ms-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 	-webkit-transition-delay: 0.6s;
 	-moz-transition-delay: 0.6s;
 	-ms-transition-delay: 0.6s;
 	-o-transition-delay: 0.6s;
 	transition-delay: 0.6s;
}
.mbapt-bg-color-animated.left:after{
	-webkit-transform: translateX(0);
 	-moz-transform: translateX(0);
 	-ms-transform: translateX(0);
 	-o-transform: translateX(0);
 	transform: translateX(0);
}
.mbapt-bg-color-animated.right:after{
	-webkit-transform: translateX(0);
 	-moz-transform: translateX(0);
 	-ms-transform: translateX(0);
 	-o-transform: translateX(0);
 	transform: translateX(0);
}
.mbapt-bg-color-animated.top:after{
	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	-o-transform: translateY(0);
 	transform: translateY(0);
}
.mbapt-bg-color-animated.bottom:after{
	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	-o-transform: translateY(0);
 	transform: translateY(0);
}
.animation-done .mbapt-bg-color-animated.left:after{
	-webkit-transform: translateX(101%);
 	-moz-transform: translateX(101%);
 	-ms-transform: translateX(101%);
 	-o-transform: translateX(101%);
 	transform: translateX(101%);
}
.animation-done .mbapt-bg-color-animated.right:after{
	-webkit-transform: translateX(-101%);
 	-moz-transform: translateX(-101%);
 	-ms-transform: translateX(-101%);
 	-o-transform: translateX(-101%);
 	transform: translateX(-101%);
}
.animation-done .mbapt-bg-color-animated.top:after{
	-webkit-transform: translateY(101%);
 	-moz-transform: translateY(101%);
 	-ms-transform: translateY(101%);
 	-o-transform: translateY(101%);
 	transform: translateY(101%);
}
.animation-done .mbapt-bg-color-animated.bottom:after{
	-webkit-transform: translateY(-101%);
 	-moz-transform: translateY(-101%);
 	-ms-transform: translateY(-101%);
 	-o-transform: translateY(-101%);
 	transform: translateY(-101%);
}
.animation-done .mbapt-bg-color-animated:after{
 	-webkit-animation-fill-mode: both;
 	-moz-animation-fill-mode: both;
 	-o-animation-fill-mode: both;
 	animation-fill-mode: both;
}
.mbapt_animated_bg.animate-general{
	overflow:hidden;
}
.mbapt_animated_bg.animate-general.animation-done {
 	opacity: 1 !important;
}
/*---------- animated background color ------------*/