@charset "utf-8";
/* Menu Board - 1 */

/* Section 1 */
.mb-1 h3.fadeInUp-1 {
	animation-name: mb-1-h3-fadeInUp-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 1.25s;
}

@keyframes mb-1-h3-fadeInUp-1 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-1 h5.fadeInUp-1 {
	animation-name: mb-1-h5-fadeInUp-1;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 1.5s;
	transition-timing-function: ease-out;
}

@keyframes mb-1-h5-fadeInUp-1 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-1 h6.fadeInLeft-1 {
	animation-name: mb-1-h6-fadeInLeft-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 1.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-1-h6-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.line-green.wipe-1 {
	animation-name: line-green-wipe-1 ;
	animation-duration: 0.75s;
	animation-fill-mode: both;
	animation-delay: 2s;
	transition-timing-function: ease-out;
}
@keyframes line-green-wipe-1 {
	0% {	
		opacity: 0;
		transform-origin: top left;
		transform: scale(0.0, 1);
	}
	100% {
		opacity: 1;
		transform-origin: top left;
		transform: scale(1, 1);
	}
}  

.mb-1 .price-6.fadeInUp-1 {
	animation-name: mb-1-price-6-fadeInUp-1;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 2.0s;
	transition-timing-function: ease-out;
}
@keyframes mb-1-price-6-fadeInUp-1 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
}





/* Section 2 */
.mb-1 h3.fadeInUp-2 {
	animation-name: mb-1-h3-fadeInUp-2;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 3s;
}

@keyframes mb-1-h3-fadeInUp-2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-1 h5.fadeInUp-2 {
	animation-name: mb-1-h5-fadeInUp-2;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 3s;
	transition-timing-function: ease-out;
}

@keyframes mb-1-h5-fadeInUp-2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-1 h6.fadeInLeft-2 {
	animation-name: mb-1-h6-fadeInLeft-2;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 3s;
	transition-timing-function: ease-out;
}
@keyframes mb-1-h6-fadeInLeft-2 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.line-green.wipe-2 {
	animation-name: line-green-wipe-2 ;
	animation-duration: 0.75s;
	animation-fill-mode: both;
	animation-delay: 3.55s;
	transition-timing-function: ease-out;
}
@keyframes line-green-wipe-2 {
	0% {	
		opacity: 0;
		transform-origin: top left;
		transform: scale(0.0, 1);
	}
	100% {
		opacity: 1;
		transform-origin: top left;
		transform: scale(1, 1);
	}
}

.mb-1 .price-6.fadeInUp-2 {
	animation-name: mb-1-price-6-fadeInUp-2;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 3.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-1-price-6-fadeInUp-2 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 
  


/* Section 3 */
.mb-1 h3.fadeInUp-3 {
	animation-name: mb-1-h3-fadeInUp-3;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 4.5s;
}

@keyframes mb-1-h3-fadeInUp-3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-1 h5.fadeInUp-3 {
	animation-name: mb-1-h5-fadeInUp-3;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 4.5s;
	transition-timing-function: ease-out;
}

@keyframes mb-1-h5-fadeInUp-3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-1 h6.fadeInLeft-3 {
	animation-name: mb-1-h6-fadeInLeft-3;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 4.75s;
	transition-timing-function: ease-out;
}
@keyframes mb-1-h6-fadeInLeft-3 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 
.mb-1 .price-6.fadeInUp-3 {
	animation-name: mb-1-price-6-fadeInUp-3;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 5.1s;
	transition-timing-function: ease-out;
}
@keyframes mb-1-price-6-fadeInUp-3 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 



/* Menu Board - 2 */

/* Section 1 */
.mb-2 .board-2.fadeInLeft-1 {
	animation-name: mb-2-board-2-fadeInLeft-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 1.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-2-board-2-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.mb-2 .line-green.wipe-1 {
	animation-name: mb-2-line-green-wipe-1 ;
	animation-duration: 0.75s;
	animation-fill-mode: both;
	animation-delay: 1.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-2-line-green-wipe-1 {
	0% {	
		opacity: 0;
		transform-origin: top left;
		transform: scale(0.0, 1);
	}
	100% {
		opacity: 1;
		transform-origin: top left;
		transform: scale(1, 1);
	}
} 

.mb-2 h6.fadeInLeft-1 {
	animation-name: mb-2-h6-fadeInLeft-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 2s;
	transition-timing-function: ease-out;
}
@keyframes mb-2-h6-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-2 .price-16.fadeInUp-1 {
	animation-name: mb-2-price-16-fadeInUp-1;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 2.0s;
	transition-timing-function: ease-out;
}
@keyframes mb-2-price-16-fadeInUp-1 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
}

/* Full CS Green Wipe */
.cs-green.wipe {
	animation-name: cs-green-wipe ;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 11.5s;
	transition-timing-function: ease-out;
}

/* Menu-board 2 Green Wipe */
.mb-2 .cs-green.wipe {
	animation-name: cs-green-wipe ;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 10.5s;
	transition-timing-function: ease-out;
}
@keyframes cs-green-wipe {
	0% {	
		transform: translateX(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}



/* Menu Board - 3 */

/* Section 1 */

.mb-3 h3.fadeInUp-1 {
	animation-name: mb-3-h3-fadeInUp-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 1.25s;
}

@keyframes mb-3-h3-fadeInUp-1 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 h5.fadeInUp-1 {
	animation-name: mb-3-h5-fadeInUp-1;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 1.5s;
	transition-timing-function: ease-out;
}

@keyframes mb-3-h5-fadeInUp-1 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 h6.fadeInLeft-1 {
	animation-name: mb-3-h6-fadeInLeft-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 1.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-h6-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.mb-3 .line-green.wipe-1 {
	animation-name: mb-3-line-green-wipe-1 ;
	animation-duration: 0.75s;
	animation-fill-mode: both;
	animation-delay: 2s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-line-green-wipe-1 {
	0% {	
		opacity: 0;
		transform-origin: top left;
		transform: scale(0.0, 1);
	}
	100% {
		opacity: 1;
		transform-origin: top left;
		transform: scale(1, 1);
	}
}  

.mb-3 .price-6.fadeInUp-1 {
	animation-name: mb-3-price-6-fadeInUp-1;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 2.0s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-price-6-fadeInUp-1 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
}

/* Section 2 */
.mb-3 h3.fadeInUp-2 {
	animation-name: mb-3-h3-fadeInUp-2;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 3s;
}

@keyframes mb-3-h3-fadeInUp-2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 h5.fadeInUp-2 {
	animation-name: mb-3-h5-fadeInUp-2;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 3s;
	transition-timing-function: ease-out;
}

@keyframes mb-3-h5-fadeInUp-2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 h6.fadeInLeft-2 {
	animation-name: mb-3-h6-fadeInLeft-2;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 3s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-h6-fadeInLeft-2 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.line-green.wipe-2 {
	animation-name: line-green-wipe-2 ;
	animation-duration: 0.75s;
	animation-fill-mode: both;
	animation-delay: 3.55s;
	transition-timing-function: ease-out;
}
@keyframes line-green-wipe-2 {
	0% {	
		opacity: 0;
		transform-origin: top left;
		transform: scale(0.0, 1);
	}
	100% {
		opacity: 1;
		transform-origin: top left;
		transform: scale(1, 1);
	}
}

.mb-3 .price-6.fadeInUp-2 {
	animation-name: mb-3-price-6-fadeInUp-2;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 3.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-price-6-fadeInUp-2 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 
  


/* Section 3 */
.mb-3 h3.fadeInUp-3 {
	animation-name: mb-3-h3-fadeInUp-3;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 4.5s;
}

@keyframes mb-3-h3-fadeInUp-3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 h5.fadeInUp-3 {
	animation-name: mb-3-h5-fadeInUp-3;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 4.5s;
	transition-timing-function: ease-out;
}

@keyframes mb-3-h5-fadeInUp-3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 h6.fadeInLeft-3 {
	animation-name: mb-3-h6-fadeInLeft-3;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 4.75s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-h6-fadeInLeft-3 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-3 .price-6.fadeInUp-3 {
	animation-name: mb-3-price-6-fadeInUp-3;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 5.1s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-price-6-fadeInUp-3 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 

.mb-3 .cs-green.wipe {
	animation-name: mb-3-cs-green-wipe ;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 10.5s;
	transition-timing-function: ease-out;
}
@keyframes mb-3-cs-green-wipe {
	0% {	
		transform: translateX(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}


/* Menu Board - 4 */

/* Section 1 */

.mb-4 h6.fadeInLeft-1 {
	animation-name: mb-4-h6-fadeInLeft-1;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 1.0s;
	transition-timing-function: ease-out;
}
@keyframes mb-4-h6-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 
.mb-4 .price-4.fadeInUp-1 {
	animation-name: mb-4-price-4-fadeInUp-1;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 1.20s;
	transition-timing-function: ease-out;
}
@keyframes mb-4-price-4-fadeInUp-1 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 	


/* Menu Board - 5 */

/* Section 1 */

.mb-5 h6.fadeInLeft-1 {
	animation-name: mb-5-h6-fadeInLeft-1;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 1.0s;
	transition-timing-function: ease-out;
}
@keyframes mb-5-h6-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-5 .price-5.fadeInUp-1 {
	animation-name: mb-5-price-5-fadeInUp-1;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 1.20s;
	transition-timing-function: ease-out;
}
@keyframes mb-5-price-5-fadeInUp-1 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 	


/* Menu Board - 6 */

/* Section 1 */

.mb-6 h3.fadeInUp-1 {
	animation-name: section-1-h3-fadeInUp-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 1.25s;
}

@keyframes section-1-h3-fadeInUp-1 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h5.fadeInUp-1 {
	animation-name: section-1-h5-fadeInUp-1;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 1.5s;
	transition-timing-function: ease-out;
}

@keyframes section-1-h5-fadeInUp-1 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h6.fadeInLeft-1 {
	animation-name: section-1-h6-fadeInLeft-1;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 1.5s;
	transition-timing-function: ease-out;
}
@keyframes section-1-h6-fadeInLeft-1 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 .price-6.fadeInUp-1 {
	animation-name: section-1-price-6-fadeInUp-1;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 2.0s;
	transition-timing-function: ease-out;
}
@keyframes section-1-price-6-fadeInUp-1 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
}


/* Section 2 */
.mb-6 h3.fadeInUp-2 {
	animation-name: section-2-h3-fadeInUp-2;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 2.5s;
}

@keyframes section-2-h3-fadeInUp-2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h5.fadeInUp-2 {
	animation-name: section-2-h5-fadeInUp-2;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 2.5s;
	transition-timing-function: ease-out;
}

@keyframes section-2-h5-fadeInUp-2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h6.fadeInLeft-2 {
	animation-name: section-2-h6-fadeInLeft-2;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 2.5s;
	transition-timing-function: ease-out;
}
@keyframes section-2-h6-fadeInLeft-2 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 .price-6.fadeInUp-2 {
	animation-name: section-2-price-6-fadeInUp-2;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 3.0s;
	transition-timing-function: ease-out;
}
@keyframes section-2-price-6-fadeInUp-2 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 
  


/* Section 3 */
.mb-6 h3.fadeInUp-3 {
	animation-name: section-3-h3-fadeInUp-3;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 3.25s;
}

@keyframes section-3-h3-fadeInUp-3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h5.fadeInUp-3 {
	animation-name: section-3-h5-fadeInUp-3;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 3.25s;
	transition-timing-function: ease-out;
}

@keyframes section-3-h5-fadeInUp-3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h6.fadeInLeft-3 {
	animation-name: section-3-h6-fadeInLeft-3;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 3.75s;
	transition-timing-function: ease-out;
}
@keyframes section-3-h6-fadeInLeft-3 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 
.mb-6 .price-6.fadeInUp-3 {
	animation-name: section-3-price-6-fadeInUp-3;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 4.25s;
	transition-timing-function: ease-out;
}
@keyframes section-3-price-6-fadeInUp-3 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 



/* Section 4 */

.mb-6 h3.fadeInUp-4 {
	animation-name: section-4-h3-fadeInUp-4;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 5.25s;
}

@keyframes section-4-h3-fadeInUp-4 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h3.fadeInUp-4 {
	animation-name: section-4-h3-fadeInUp-4;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 5.25s;
}

@keyframes section-4-h3-fadeInUp-4 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h5.fadeInUp-4 {
	animation-name: section-4-h5-fadeInUp-4;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 5.25s;
	transition-timing-function: ease-out;
}

@keyframes section-4-h5-fadeInUp-4 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h6.fadeInLeft-4 {
	animation-name: section-4-h6-fadeInLeft-4;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 5.5s;
	transition-timing-function: ease-out;
}
@keyframes section-4-h6-fadeInLeft-4 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 .price-6.fadeInUp-4 {
	animation-name: section-4-price-6-fadeInUp-4;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 6.0s;
	transition-timing-function: ease-out;
}
@keyframes section-4-price-6-fadeInUp-4 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
}


/* Section 5 */
.mb-6 h3.fadeInUp-5 {
	animation-name: section-5-h3-fadeInUp-5;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 6.25s;
}

@keyframes section-5-h3-fadeInUp-5 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h5.fadeInUp-5 {
	animation-name: section-5-h5-fadeInUp-5;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 6.25s;
	transition-timing-function: ease-out;
}

@keyframes section-5-h5-fadeInUp-5 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h6.fadeInLeft-5 {
	animation-name: section-5-h6-fadeInLeft-5;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 6.25s;
	transition-timing-function: ease-out;
}
@keyframes section-5-h6-fadeInLeft-5 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 .price-6.fadeInUp-5 {
	animation-name: section-5-price-6-fadeInUp-5;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 6.5s;
	transition-timing-function: ease-out;
}
@keyframes section-5-price-6-fadeInUp-5 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 
  


/* Section 6 */
.mb-6 h3.fadeInUp-6 {
	animation-name: section-6-h3-fadeInUp-6;
	animation-duration: 0.5s;
	animation-fill-mode: both;
    animation-delay: 6.75s;
}

@keyframes section-6-h3-fadeInUp-6 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h5.fadeInUp-6 {
	animation-name: section-6-h5-fadeInUp-6;
	animation-duration: 0.45s;
	animation-fill-mode: both;
    animation-delay: 6.75s;
	transition-timing-function: ease-out;
}

@keyframes section-6-h5-fadeInUp-6 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 

.mb-6 h6.fadeInLeft-6 {
	animation-name: section-6-h6-fadeInLeft-6;
	animation-duration: 0.55s;
	animation-fill-mode: both;
	animation-delay: 7.00s;
	transition-timing-function: ease-out;
}
@keyframes section-6-h6-fadeInLeft-6 {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
} 
.mb-6 .price-6.fadeInUp-6 {
	animation-name: section-6-price-6-fadeInUp-6;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 7.25s;
	transition-timing-function: ease-out;
}
@keyframes section-6-price-6-fadeInUp-6 {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 



/* Section 7 */


.mb-6 .section-7 .fadeInLeft {
	animation-name: section-7-fadeInLeft;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 8.25s;
	transition-timing-function: ease-out;
}
.mb-6 .section-7 .fadeInLeft-2 {
	animation-name: section-7-fadeInLeft;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 8.25s;
	transition-timing-function: ease-out;
}
@keyframes section-7-fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.mb-6 .section-7 .price-6.fadeInUp {
	animation-name: section-7-price-fadeInUp;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 9.0s;
	transition-timing-function: ease-out;
}
@keyframes section-7-price-fadeInUp {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 



/* Section 8 */

.mb-6 .section-8 .fadeInLeft {
	animation-name: section-8-fadeInLeft;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 10.25s;
	transition-timing-function: ease-out;
}
.mb-6 .section-8 .fadeInLeft-2 {
	animation-name: section-8-fadeInLeft;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 10.50s;
	transition-timing-function: ease-out;
}
@keyframes section-8-fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-15%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.mb-6 .section-8 .price-6.fadeInUp {
	animation-name: section-8-price-fadeInUp;
	animation-duration: 1.0s;
	animation-fill-mode: both;
	animation-delay: 10.95s;
	transition-timing-function: ease-out;
}
@keyframes section-8-price-fadeInUp {
	0% {	
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(0.0, 0.0);
	}
	50% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1.03, 1.03);
	}
	100% {
		opacity: 1;
		transform-origin: bottom left;
		transform: scale(1, 1);
	}
} 



/* mb-6 Full CS Green Wipe */
.mb-6 .cs-green.wipe {
	animation-name: mb-6-cs-green-wipe;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-delay: 19.25s;
	transition-timing-function: ease-out;
}
@keyframes mb-6-cs-green-wipe {
	0% {	
		transform: translateX(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}



  



 