﻿* {
	box-sizing: border-box;
}



/*Hide the images by default*/
.mySlides {
	display: none;
}

/* Left and Right click arrow icons */
.arrow-left {
	width: 36px;
	height: 55px;
	margin-top: 40px;
	background-image: url('../images/icon-arrowleft.png');
	display: inline-block;
}

.arrow-right {
	width: 35px;
	height: 55px;
	margin-top: 40px;
	background-image: url('../images/icon-arrowright.png');
	display: inline-block;
	
}


.arrow-left.active,
.arrow-left:hover {
	/*background-image: url('../images/arrow-icon-left-click_on_02.png');*/
	cursor: pointer;
}

.arrow-right.active,
.arrow-right:hover {
	/*background-image: url('../images/arrow-icon-right-click_on_02.png');*/
	cursor: pointer;
}


/* Carousel container */
.dot {
	cursor: pointer;
	width: 130px;
	height: 146px;
	display: inline-block;
	transition: background-color 0.6s ease;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0px 0px;
}




/*Fading animation*/
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes upVideo {
	0% {
		opacity: 0;
		bottom: -20px;
	}

	100% {
		opacity: 1;
		bottom: 0px;
	}
}


.carouselbannercontainer {
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    overflow: hidden;
}

.carouselbanner {
    margin: 0px;
    border: 0px solid blue;
    height: 307px;
    position: relative;
    width: 20900px; /* This needs to be number of slides x 1100px*/
    display: flex;
    flex-wrap: nowrap;
}


.carouselbanneritem {
    width: 1100px;
    text-align: center;
    border: 0px solid green;
}






.carouselContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px;
    margin: 80px auto 0px auto;
    text-align: center;
    max-width: 865px;
    border: 0px solid blue;
}


.headshotscontainer {
    justify-content: center;
    margin: auto;
    overflow: hidden;
    border: 0px solid red;
    max-width: 750px;
        -webkit-mask-image: -webkit-gradient( 
            linear, left top, right top, 
            color-stop(0.00, rgba(0,0,0,.4)), 
            color-stop(0.37, rgba(0,0,0,.4)), 
            color-stop(0.42, rgba(0,0,0,1)), 
            color-stop(0.58, rgba(0,0,0,1)), 
            color-stop(0.63, rgba(0,0,0,.4)), 
            color-stop(1.00, rgba(0,0,0,.4))
        );
    /*-webkit-mask-image: radial-gradient(ellipse 12% 100% at 50% 50%, black 30%, rgba(0, 0, 0, 0.3));*/
    /* radial-gradient(ellipse [length]% [width]% at [x-axis]% [y-axis]%, black [hardness]%, rgba(0, 0, 0, 0.2))  */
}


.blackandwhite {
    border: 1px solid red;
    width: 750px;
    position: absolute;
    height: 150px;
    z-index: 1;
    -webkit-filter: grayscale(1);
}

.headshotscontent {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}


.formulas {
    position: relative;
    left: 150px;
    animation: 10s story-content-wrapper infinite;
    border: 0px solid red;
    /*-- POSITION LEFT SHIFTS EACH BOX OVER, SO THE ACTIVE BOX IS IN THE MIDDLE --*/
    /*-- BECAUSE OF RELATIVE POSITIONING, PUTTING A WIDTH ON THIS DOES NOTHING --*/
}


.formula-item {
    text-align: center;
    margin: 0px;
    width: 150px;
    border: 0px solid red;
    /*-- BECAUSE OF RELATIVE POSITIONING ABOVE, USE THIS CLASS TO DEFINE WIDTH OF 150px --*/
}





.no-style {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	
}


.feature-products-carousel-block {
	margin-top: -80px;
    z-index: 2;
}


@media all and (max-width:800px) {

    .feature-products-carousel-block {
        margin-top: -200px;
    }

}







    /* ============== MOVE SLIDES ============== */
    /* --- WIDTH OF CONTAINER IS 750PX --- */
    /* --- SINCE THERE ARE 5 BOXS IN EACH CONTAINER --- */
    /* --- EACH CLICK ANIMATES BY 150PX --- */
    /* --- ((N-1) * 150) --- */


    .animatemove1 {
        margin-left: 0px;
        animation-duration: 0.5s;
        animation-name: moveslide1;
        animation-timing-function: ease-out;
    }
    .animatemove1b {
        margin-left: 0px;
        animation-duration: 0.5s;
        animation-name: moveslide1b;
        animation-timing-function: ease-out;
    }
    
    .animatemove2 {
        margin-left: -150px;
        animation-duration: 0.5s;
        animation-name: moveslide2;
        animation-timing-function: ease-out;
    }
    .animatemove2b {
        margin-left: -150px;
        animation-duration: 0.5s;
        animation-name: moveslide2b;
        animation-timing-function: ease-out;
    }
    
    .animatemove3 {
        margin-left: -300px;
        animation-duration: 0.5s;
        animation-name: moveslide3;
        animation-timing-function: ease-out;
    }
    .animatemove3b {
        margin-left: -300px;
        animation-duration: 0.5s;
        animation-name: moveslide3b;
        animation-timing-function: ease-out;
    }

    .animatemove4 {
        margin-left: -450px;
        animation-duration: 0.5s;
        animation-name: moveslide4;
        animation-timing-function: ease-out;
    }
    .animatemove4b {
        margin-left: -450px;
        animation-duration: 0.5s;
        animation-name: moveslide4b;
        animation-timing-function: ease-out;
    }
    
    .animatemove5 {
        margin-left: -600px;
        animation-duration: 0.5s;
        animation-name: moveslide5;
        animation-timing-function: ease-out;
    }
    .animatemove5b {
        margin-left: -600px;
        animation-duration: 0.5s;
        animation-name: moveslide5b;
        animation-timing-function: ease-out;
    }

    .animatemove6 {
        margin-left: -750px;
        animation-duration: 0.5s;
        animation-name: moveslide6;
        animation-timing-function: ease-out;
    }
    .animatemove6b {
        margin-left: -750px;
        animation-duration: 0.5s;
        animation-name: moveslide6b;
        animation-timing-function: ease-out;
    }

    .animatemove7 {
        margin-left: -900px;
        animation-duration: 0.5s;
        animation-name: moveslide7;
        animation-timing-function: ease-out;
    }
    .animatemove7b {
        margin-left: -900px;
        animation-duration: 0.5s;
        animation-name: moveslide7b;
        animation-timing-function: ease-out;
    }

    .animatemove8 {
        margin-left: -1050px;
        animation-duration: 0.5s;
        animation-name: moveslide8;
        animation-timing-function: ease-out;
    }
    .animatemove8b {
        margin-left: -1050px;
        animation-duration: 0.5s;
        animation-name: moveslide8b;
        animation-timing-function: ease-out;
    }

    .animatemove9 {
        margin-left: -1200px;
        animation-duration: 0.5s;
        animation-name: moveslide9;
        animation-timing-function: ease-out;
    }
    .animatemove9b {
        margin-left: -1200px;
        animation-duration: 0.5s;
        animation-name: moveslide9b;
        animation-timing-function: ease-out;
    }

    .animatemove10 {
        margin-left: -1350px;
        animation-duration: 0.5s;
        animation-name: moveslide10;
        animation-timing-function: ease-out;
    }
    .animatemove10b {
        margin-left: -1350px;
        animation-duration: 0.5s;
        animation-name: moveslide10b;
        animation-timing-function: ease-out;
    }

    .animatemove11 {
        margin-left: -1500px;
        animation-duration: 0.5s;
        animation-name: moveslide11;
        animation-timing-function: ease-out;
    }
    .animatemove11b {
    margin-left: -1500px;
    animation-duration: 0.5s;
    animation-name: moveslide11b;
    animation-timing-function: ease-out;
}

    .animatemove12 {
    margin-left: -1650px;
    animation-duration: 0.5s;
    animation-name: moveslide12;
    animation-timing-function: ease-out;
}
    .animatemove12b {
    margin-left: -1650px;
    animation-duration: 0.5s;
    animation-name: moveslide12b;
    animation-timing-function: ease-out;
}

    .animatemove13 {
        margin-left: -1800px;
        animation-duration: 0.5s;
        animation-name: moveslide13;
        animation-timing-function: ease-out;
    }
    .animatemove13b {
    margin-left: -1800px;
    animation-duration: 0.5s;
    animation-name: moveslide13b;
    animation-timing-function: ease-out;
}

    .animatemove14 {
    margin-left: -1950px;
    animation-duration: 0.5s;
    animation-name: moveslide14;
    animation-timing-function: ease-out;
}
    .animatemove14b {
    margin-left: -1950px;
    animation-duration: 0.5s;
    animation-name: moveslide14b;
    animation-timing-function: ease-out;
}

    .animatemove15 {
        margin-left: -2100px;
        animation-duration: 0.5s;
        animation-name: moveslide15;
        animation-timing-function: ease-out;
    }
    .animatemove15b {
    margin-left: -2100px;
    animation-duration: 0.5s;
    animation-name: moveslide15b;
    animation-timing-function: ease-out;
}

    .animatemove16 {
        margin-left: -2250px;
        animation-duration: 0.5s;
        animation-name: moveslide16;
        animation-timing-function: ease-out;
    }
    .animatemove16b {
    margin-left: -2250px;
    animation-duration: 0.5s;
    animation-name: moveslide16b;
    animation-timing-function: ease-out;
}

    .animatemove17 {
        margin-left: -2400px;
        animation-duration: 0.5s;
        animation-name: moveslide17;
        animation-timing-function: ease-out;
    }
    .animatemove17b {
    margin-left: -2400px;
    animation-duration: 0.5s;
    animation-name: moveslide17b;
    animation-timing-function: ease-out;
}

    .animatemove18 {
        margin-left: -2550px;
        animation-duration: 0.5s;
        animation-name: moveslide18;
        animation-timing-function: ease-out;
    }
    .animatemove18b {
        margin-left: -2550px;
        animation-duration: 0.5s;
        animation-name: moveslide18b;
        animation-timing-function: ease-out;
}

    .animatemove19 {
    margin-left: -2700px;
    animation-duration: 0.5s;
    animation-name: moveslide19;
    animation-timing-function: ease-out;
}
    .animatemove19b {
    margin-left: -2700px;
    animation-duration: 0.5s;
    animation-name: moveslide19b;
    animation-timing-function: ease-out;
}

/* ============== MOVE SLIDES ============== */



/* ============== MOVE SLIDES ANIMATION ============== */
/* ============== ((N-2) * 150) ============== */
/* ============== ((N-1) * 150) ============== */
/* ============== (N * 150) ============== */
/* ============== ((N-1) * 150) ============== */

    @keyframes moveslide1 {
        from {margin-left: 150px;}
        to {margin-left: 0px;}
    }
    @keyframes moveslide1b {
        from {margin-left: -150px;}
        to {margin-left: 0px;}
    }
    
    @keyframes moveslide2 {
        from {margin-left: 0px;} /* Start at 0px left */ /* Right clicks arrow slider */
        to {margin-left: -150px;} /* End at -150px left */ /* Right clicks arrow slider */
    }
    @keyframes moveslide2b {
        from {margin-left: -300px;} /* Start at -300px left */ /* Left clicks arrow slider */
        to { margin-left: -150px;} /* End at -150px left */ /* Left clicks arrow slider */
    }

    @keyframes moveslide3 {
        from {margin-left: -150px;}
        to {margin-left: -300px;}
    }
    @keyframes moveslide3b {
        from {margin-left: -450px;}
        to {margin-left: -300px;}
    }

    @keyframes moveslide4 {
        from {margin-left: -300px;}
        to {margin-left: -450px;}
    }
    @keyframes moveslide4b {
        from {margin-left: -600px;}
        to {margin-left: -450px;}
    }

    @keyframes moveslide5 {
        from {margin-left: -450px;}
        to {margin-left: -600px;}
    }
    @keyframes moveslide5b {
        from {margin-left: -750px;}
        to {margin-left: -600px}
    }

    @keyframes moveslide6 {
        from {margin-left: -600px;}
        to {margin-left: -750px;}
    }
    @keyframes moveslide6b {
        from {margin-left: -900px;}
        to {margin-left: -750px;}
    }

    @keyframes moveslide7 {
        from {margin-left: -750px;}
        to {margin-left: -900px;}
    }
    @keyframes moveslide7b {
        from {margin-left: -1050px;}
        to {margin-left: -900px;}
    }

    @keyframes moveslide8 {
        from {margin-left: -900px;}
        to {margin-left: -1050px;}
    }
    @keyframes moveslide8b {
        from {margin-left: -1200px;}
        to {margin-left: -1050px;}
    }

    @keyframes moveslide9 {
        from {margin-left: -1050px;}
        to {margin-left: -1200px;}
    }
    @keyframes moveslide9b {
        from {margin-left: -1350px;}
        to {margin-left: -1200px;}
    }

    @keyframes moveslide10 {
        from {margin-left: -1200px;}
        to {margin-left: -1350px;}
    }
    @keyframes moveslide10b {
        from {margin-left: -1500px;}
        to {margin-left: -1350px;}
    }

    @keyframes moveslide11 {
        from {margin-left: -1350px;}
        to {margin-left: -1500px;}
    }
    @keyframes moveslide11b {
        from {margin-left: -1650px;}
        to {margin-left: -1500px;}
    }
    
    @keyframes moveslide12 {
        from {margin-left: -1500px;}
        to {margin-left: -1650px;} 
    }
    @keyframes moveslide12b {
        from {margin-left: -1800px;} 
        to { margin-left: -1650px;} 
    }

    @keyframes moveslide13 {
        from {margin-left: -1650px;}
        to {margin-left: -1800px;}
    }
    @keyframes moveslide13b {
        from {margin-left: -1950px;}
        to {margin-left: -1800px;}
    }

    @keyframes moveslide14 {
        from {margin-left: -1800px;}
        to {margin-left: -1950px;}
    }
    @keyframes moveslide14b {
        from {margin-left: -2100px;}
        to {margin-left: -1950px;}
    }

    @keyframes moveslide15 {
        from {margin-left: -1950px;}
        to {margin-left: -2100px;}
    }
    @keyframes moveslide15b {
        from {margin-left: -2250px;}
        to {margin-left: -2100px}
    }

    @keyframes moveslide16 {
        from {margin-left: -2100px;}
        to {margin-left: -2250px;}
    }
    @keyframes moveslide16b {
        from {margin-left: -2400px;}
        to {margin-left: -2250px;}
    }

    @keyframes moveslide17 {
        from {margin-left: -2250px;}
        to {margin-left: -2400px;}
    }
    @keyframes moveslide17b {
        from {margin-left: -2550px;}
        to {margin-left: -2400px;}
    }

    @keyframes moveslide18 {
        from {margin-left: -2400px;}
        to {margin-left: -2550px;}
    }
    @keyframes moveslide18b {
        from {margin-left: -2700px;}
        to {margin-left: -2550px;}
    }

    @keyframes moveslide19 {
        from {margin-left: -2550px;}
        to {margin-left: -2700px;}
    }
    @keyframes moveslide19b {
        from {margin-left: -2850px;}
        to {margin-left: -2700px;}
    }












/* ============== MOVE SLIDES ANIMATION ============== */














/* ============== MOVE BANNER ============== */
/* --- WIDTH OF CONTAINER IS 1100PX --- */
/* --- ((N-1) * 1100) --- */

.animatebanner1 {
    margin-left: 0px;
    animation-duration: 0.5s;
    animation-name: movebanner1;
    animation-timing-function: ease-out;
}
.animatebanner1b {
    margin-left: 0px;
    animation-duration: 0.5s;
    animation-name: movebanner1b;
    animation-timing-function: ease-out;
}

.animatebanner2 {
    margin-left: -1100px;
    animation-duration: 0.5s;
    animation-name: movebanner2;
    animation-timing-function: ease-out;
}
.animatebanner2b {
    margin-left: -1100px;
    animation-duration: 0.5s;
    animation-name: movebanner2b;
    animation-timing-function: ease-out;
}

.animatebanner3 {
    margin-left: -2200px;
    animation-duration: 0.5s;
    animation-name: movebanner3;
    animation-timing-function: ease-out;
}
.animatebanner3b {
    margin-left: -2200px;
    animation-duration: 0.5s;
    animation-name: movebanner3b;
    animation-timing-function: ease-out;
}

.animatebanner4 {
    margin-left: -3300px;
    animation-duration: 0.5s;
    animation-name: movebanner4;
    animation-timing-function: ease-out;
}
.animatebanner4b {
    margin-left: -3300px;
    animation-duration: 0.5s;
    animation-name: movebanner4b;
    animation-timing-function: ease-out;
}

.animatebanner5 {
    margin-left: -4400px;
    animation-duration: 0.5s;
    animation-name: movebanner5;
    animation-timing-function: ease-out;
}
.animatebanner5b {
    margin-left: -4400px;
    animation-duration: 0.5s;
    animation-name: movebanner5b;
    animation-timing-function: ease-out;
}

.animatebanner6 {
    margin-left: -5500px;
    animation-duration: 0.5s;
    animation-name: movebanner6;
    animation-timing-function: ease-out;
}
.animatebanner6b {
    margin-left: -5500px;
    animation-duration: 0.5s;
    animation-name: movebanner6b;
    animation-timing-function: ease-out;
}

.animatebanner7 {
    margin-left: -6600px;
    animation-duration: 0.5s;
    animation-name: movebanner7;
    animation-timing-function: ease-out;
}
.animatebanner7b {
    margin-left: -6600px;
    animation-duration: 0.5s;
    animation-name: movebanner7b;
    animation-timing-function: ease-out;
}

.animatebanner8 {
    margin-left: -7700px;
    animation-duration: 0.5s;
    animation-name: movebanner8;
    animation-timing-function: ease-out;
}
.animatebanner8b {
    margin-left: -7700px;
    animation-duration: 0.5s;
    animation-name: movebanner8b;
    animation-timing-function: ease-out;
}

.animatebanner9 {
    margin-left: -8800px;
    animation-duration: 0.5s;
    animation-name: movebanner9;
    animation-timing-function: ease-out;
}
.animatebanner9b {
    margin-left: -8800px;
    animation-duration: 0.5s;
    animation-name: movebanner9b;
    animation-timing-function: ease-out;
}

.animatebanner10 {
    margin-left: -9900px;
    animation-duration: 0.5s;
    animation-name: movebanner10;
    animation-timing-function: ease-out;
}
.animatebanner10b {
    margin-left: -9900px;
    animation-duration: 0.5s;
    animation-name: movebanner10b;
    animation-timing-function: ease-out;
}

.animatebanner11 {
    margin-left: -11000px;
    animation-duration: 0.5s;
    animation-name: movebanner11;
    animation-timing-function: ease-out;
}
.animatebanner11b {
    margin-left: -11000px;
    animation-duration: 0.5s;
    animation-name: movebanner11b;
    animation-timing-function: ease-out;
}

.animatebanner12 {
    margin-left: -12100px;
    animation-duration: 0.5s;
    animation-name: movebanner12;
    animation-timing-function: ease-out;
}
.animatebanner12b {
    margin-left: -12100px;
    animation-duration: 0.5s;
    animation-name: movebanner12b;
    animation-timing-function: ease-out;
}

.animatebanner13 {
    margin-left: -13200px;
    animation-duration: 0.5s;
    animation-name: movebanner13;
    animation-timing-function: ease-out;
}
.animatebanner13b {
    margin-left: -13200px;
    animation-duration: 0.5s;
    animation-name: movebanner13b;
    animation-timing-function: ease-out;
}

.animatebanner14 {
    margin-left: -14300px;
    animation-duration: 0.5s;
    animation-name: movebanner14;
    animation-timing-function: ease-out;
}
.animatebanner14b {
    margin-left: -14300px;
    animation-duration: 0.5s;
    animation-name: movebanner14b;
    animation-timing-function: ease-out;
}

.animatebanner15 {
    margin-left: -15400px;
    animation-duration: 0.5s;
    animation-name: movebanner15;
    animation-timing-function: ease-out;
}
.animatebanner15b {
    margin-left: -15400px;
    animation-duration: 0.5s;
    animation-name: movebanner15b;
    animation-timing-function: ease-out;
}

.animatebanner16 {
    margin-left: -16500px;
    animation-duration: 0.5s;
    animation-name: movebanner16;
    animation-timing-function: ease-out;
}
.animatebanner16b {
    margin-left: -16500px;
    animation-duration: 0.5s;
    animation-name: movebanner16b;
    animation-timing-function: ease-out;
}

.animatebanner17 {
    margin-left: -17600px;
    animation-duration: 0.5s;
    animation-name: movebanner17;
    animation-timing-function: ease-out;
}
.animatebanner17b {
    margin-left: -17600px;
    animation-duration: 0.5s;
    animation-name: movebanner17b;
    animation-timing-function: ease-out;
}

.animatebanner18 {
    margin-left: -18700px;
    animation-duration: 0.5s;
    animation-name: movebanner18;
    animation-timing-function: ease-out;
}
.animatebanner18b {
    margin-left: -18700px;
    animation-duration: 0.5s;
    animation-name: movebanner18b;
    animation-timing-function: ease-out;
}

.animatebanner19 {
    margin-left: -19800px;
    animation-duration: 0.5s;
    animation-name: movebanner19;
    animation-timing-function: ease-out;
}
.animatebanner19b {
    margin-left: -19800px;
    animation-duration: 0.5s;
    animation-name: movebanner19b;
    animation-timing-function: ease-out;
}



/* ============== MOVE BANNER ============== */





/* ============== MOVE SLIDES ANIMATION ============== */
/* ============== ((N-2) * 1100)) ============== */
/* ============== ((N-1) * 1100)) ============== */
/* ============== (N * 1100) ============== */
/* ============== ((N-1) * 1100)) ============== */


    @keyframes movebanner1 {
        from {margin-left: 1100px;}
        to {margin-left: 0px;}
    }
    @keyframes movebanner1b {
        from {margin-left: -1100px;}
        to {margin-left: 0px;}
    }

    @keyframes movebanner2 {
        from {margin-left: 0px;} /* Start at 0px left */ /* Right clicks arrow slider */
        to {margin-left: -1100px;} /* End at -150px left */ /* Right clicks arrow slider */
    }
    @keyframes movebanner2b {
        from {margin-left: -2200px;} /* Start at -300px left */ /* Left clicks arrow slider */
        to { margin-left: -1100px;} /* End at -150px left */ /* Left clicks arrow slider */
    }

    @keyframes movebanner3 {
        from {margin-left: -1100px;}
        to {margin-left: -2200px;}
    }
    @keyframes movebanner3b {
        from {margin-left: -3300px;}
        to {margin-left: -2200px;}
    }

    @keyframes movebanner4 {
        from {margin-left: -2200px;}
        to {margin-left: -3300px;}
    }
    @keyframes movebanner4b {
        from {margin-left: -4400px;}
        to {margin-left: -3300px;}
    }

    @keyframes movebanner5 {
        from {margin-left: -3300px;}
        to {margin-left: -4400px;}
    }
    @keyframes movebanner5b {
        from {margin-left: -5500px;}
        to {margin-left: -4400px}
    }

    @keyframes movebanner6 {
        from {margin-left: -4400px;}
        to {margin-left: -5500px;}
    }
    @keyframes movebanner6b {
        from {margin-left: -6600px;}
        to {margin-left: -5500px;}
    }

    @keyframes movebanner7 {
        from {margin-left: -5500px;}
        to {margin-left: -6600px;}
    }
    @keyframes movebanner7b {
        from {margin-left: -7700px;}
        to {margin-left: -6600px;}
    }

    @keyframes movebanner8 {
        from {margin-left: -6600px;}
        to {margin-left: -7700px;}
    }
    @keyframes movebanner8b {
        from {margin-left: -8800px;}
        to {margin-left: -7700px;}
    }

    @keyframes movebanner9 {
        from {margin-left: -7700px;}
        to {margin-left: -8800px;}
    }
    @keyframes movebanner9b {
        from {margin-left: -9900px;}
        to {margin-left: -8800px;}
    }

    @keyframes movebanner10 {
        from {margin-left: -8800px;}
        to {margin-left: -9900px;}
    }
    @keyframes movebanner10b {
        from {margin-left: -11000px;}
        to {margin-left: -9900px;}
    }

    @keyframes movebanner11 {
        from {margin-left: -9900px;}
        to {margin-left: -11000px;}
    }
    @keyframes movebanner11b {
        from {margin-left: -12100px;}
        to {margin-left: -11000px;}
    }

    @keyframes movebanner12 {
        from {margin-left: -11000px;}
        to {margin-left: -12100px;}
    }
    @keyframes movebanner12b {
        from {margin-left: -13200px;}
        to { margin-left: -12100px;}
    }

    @keyframes movebanner13 {
        from {margin-left: -12100px;}
        to {margin-left: -13200px;}
    }
    @keyframes movebanner13b {
        from {margin-left: -14300px;}
        to {margin-left: -13200px;}
    }

    @keyframes movebanner14 {
        from {margin-left: -13200px;}
        to {margin-left: -14300px;}
    }
    @keyframes movebanner14b {
        from {margin-left: -15400px;}
        to {margin-left: -14300px;}
    }

    @keyframes movebanner15 {
        from {margin-left: -14300px;}
        to {margin-left: -15400px;}
    }
    @keyframes movebanner15b {
        from {margin-left: -16500px;}
        to {margin-left: -15400px}
    }

    @keyframes movebanner16 {
        from {margin-left: -15400px;}
        to {margin-left: -16500px;}
    }
    @keyframes movebanner16b {
        from {margin-left: -17600px;}
        to {margin-left: -16500px;}
    }

    @keyframes movebanner17 {
        from {margin-left: -16500px;}
        to {margin-left: -17600px;}
    }
    @keyframes movebanner17b {
        from {margin-left: -18700px;}
        to {margin-left: -17600px;}
    }

    @keyframes movebanner18 {
        from {margin-left: -17600px;}
        to {margin-left: -18700px;}
    }
    @keyframes movebanner18b {
        from {margin-left: -19800px;}
        to {margin-left: -18700px;}
    }

    @keyframes movebanner19 {
        from {margin-left: -18700px;}
        to {margin-left: -19800px;}
    }
    @keyframes movebanner19b {
        from {margin-left: -1100px;}
        to {margin-left: 0px;}
    }







/* ============== MOVE SLIDES ANIMATION ============== */









@media all and (max-width:1100px) {

    .formulas {
        left: 0px;
    }

        .formulas img {
            width: 80px;
            height: 80px;
        }

        .formula-item {
            width: 100px;
        }


    .arrow-left {
        width: 25px;
        margin-top: 40px;
        background-image: url('../images/arrow-icon-left-click_on_02.png');
        background-repeat: no-repeat;
        display: inline-block;
    }

    .arrow-right {
        width: 25px;
        margin-top: 40px;
        background-image: url('../images/arrow-icon-right-click_on_02.png');
        background-repeat: no-repeat;
        display: inline-block;
    }




    .sliderImageNav {
        width: 90%;
        top: 0;
        bottom: 0;
    }

    .carouselContainer {
        overflow-x: auto;
        margin-top: 170px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0px;
        text-align: center;
        max-width: 350px;
        justify-content: center;
        border: 0px solid red;
    }

    .formula-item {
        position: relative;
    }

    .arrow-left {
        position: relative;
    }

    .arrow-right {
        position: relative;
        right: auto;
    }

    .headshotscontainer {
        justify-content: center;
        margin: auto;
        overflow: hidden;
    }

    .headshotscontent {
    }


    .carouselbannercontainer {
        margin: auto;
        border: 0px solid red;
        overflow: hidden;
        max-width: 400px;
	width: 100%;
        height: 180px;
    }

    .carouselbanneritem {
	width: 100%; 
        max-width: 400px;
        text-align:center;
	overflow: hidden;
        border: 0px solid purple;
    }
    .carouselbanneritem img {
	width: 100%;        
	max-width: 350px;
        margin: auto;
	border: 0px solid green;
     }











    .headshotscontainer {
        /*-webkit-mask-image: none;*/
    }

        /*--- FOR MOBILE, MOVE EACH OVER BY 100px ---*/
        /* -- ((N - 1) * 100) --*/


        .animatemove1 {
            margin-left: 0px;
            animation-duration: 0.5s;
            animation-name: moveslide1;
            animation-timing-function: ease-out;
        }
        .animatemove1b {
            margin-left: 0px;
            animation-duration: 0.5s;
            animation-name: moveslide1b;
            animation-timing-function: ease-out;
        }

        .animatemove2 {
            margin-left: -100px;
            animation-duration: 0.5s;
            animation-name: moveslide2;
            animation-timing-function: ease-out;
        }
        .animatemove2b {
            margin-left: -100px;
            animation-duration: 0.5s;
            animation-name: moveslide2b;
            animation-timing-function: ease-out;
        }

        .animatemove3 {
            margin-left: -200px;
            animation-duration: 0.5s;
            animation-name: moveslide3;
            animation-timing-function: ease-out;
        }
        .animatemove3b {
            margin-left: -200px;
            animation-duration: 0.5s;
            animation-name: moveslide3b;
            animation-timing-function: ease-out;
        }

        .animatemove4 {
            margin-left: -300px;
            animation-duration: 0.5s;
            animation-name: moveslide4;
            animation-timing-function: ease-out;
        }
        .animatemove4b {
            margin-left: -300px;
            animation-duration: 0.5s;
            animation-name: moveslide4b;
            animation-timing-function: ease-out;
        }

        .animatemove5 {
            margin-left: -400px;
            animation-duration: 0.5s;
            animation-name: moveslide5;
            animation-timing-function: ease-out;
        }
        .animatemove5b {
            margin-left: -400px;
            animation-duration: 0.5s;
            animation-name: moveslide5b;
            animation-timing-function: ease-out;
        }

        .animatemove6 {
            margin-left: -500px;
            animation-duration: 0.5s;
            animation-name: moveslide6;
            animation-timing-function: ease-out;
        }
        .animatemove6b {
            margin-left: -500px;
            animation-duration: 0.5s;
            animation-name: moveslide6b;
            animation-timing-function: ease-out;
        }

        .animatemove7 {
            margin-left: -600px;
            animation-duration: 0.5s;
            animation-name: moveslide7;
            animation-timing-function: ease-out;
        }
        .animatemove7b {
            margin-left: -600px;
            animation-duration: 0.5s;
            animation-name: moveslide7b;
            animation-timing-function: ease-out;
        }

        .animatemove8 {
            margin-left: -700px;
            animation-duration: 0.5s;
            animation-name: moveslide8;
            animation-timing-function: ease-out;
        }
        .animatemove8b {
            margin-left: -700px;
            animation-duration: 0.5s;
            animation-name: moveslide8b;
            animation-timing-function: ease-out;
        }

        .animatemove9 {
            margin-left: -800px;
            animation-duration: 0.5s;
            animation-name: moveslide9;
            animation-timing-function: ease-out;
        }
        .animatemove9b {
            margin-left: -800px;
            animation-duration: 0.5s;
            animation-name: moveslide9b;
            animation-timing-function: ease-out;
        }

        .animatemove10 {
            margin-left: -900px;
            animation-duration: 0.5s;
            animation-name: moveslide10;
            animation-timing-function: ease-out;
        }
        .animatemove10b {
            margin-left: -900px;
            animation-duration: 0.5s;
            animation-name: moveslide10b;
            animation-timing-function: ease-out;
        }

        .animatemove11 {
            margin-left: -1000px;
            animation-duration: 0.5s;
            animation-name: moveslide11;
            animation-timing-function: ease-out;
        }
        .animatemove11b {
            margin-left: -1000px;
            animation-duration: 0.5s;
            animation-name: moveslide11b;
            animation-timing-function: ease-out;
        }

        .animatemove12 {
            margin-left: -1100px;
            animation-duration: 0.5s;
            animation-name: moveslide12;
            animation-timing-function: ease-out;
        }
        .animatemove12b {
            margin-left: -1100px;
            animation-duration: 0.5s;
            animation-name: moveslide12b;
            animation-timing-function: ease-out;
        }

        .animatemove13 {
            margin-left: -1200px;
            animation-duration: 0.5s;
            animation-name: moveslide13;
            animation-timing-function: ease-out;
        }
        .animatemove13b {
            margin-left: -1200px;
            animation-duration: 0.5s;
            animation-name: moveslide13b;
            animation-timing-function: ease-out;
        }

        .animatemove14 {
            margin-left: -1300px;
            animation-duration: 0.5s;
            animation-name: moveslide14;
            animation-timing-function: ease-out;
        }
        .animatemove14b {
            margin-left: -1300px;
            animation-duration: 0.5s;
            animation-name: moveslide14b;
            animation-timing-function: ease-out;
        }

        .animatemove15 {
            margin-left: -1400px;
            animation-duration: 0.5s;
            animation-name: moveslide15;
            animation-timing-function: ease-out;
        }
        .animatemove15b {
            margin-left: -1400px;
            animation-duration: 0.5s;
            animation-name: moveslide15b;
            animation-timing-function: ease-out;
        }

        .animatemove16 {
            margin-left: -1500px;
            animation-duration: 0.5s;
            animation-name: moveslide16;
            animation-timing-function: ease-out;
        }
        .animatemove16b {
            margin-left: -1500px;
            animation-duration: 0.5s;
            animation-name: moveslide16b;
            animation-timing-function: ease-out;
        }

        .animatemove17 {
            margin-left: -1600px;
            animation-duration: 0.5s;
            animation-name: moveslide17;
            animation-timing-function: ease-out;
        }
        .animatemove17b {
            margin-left: -1600px;
            animation-duration: 0.5s;
            animation-name: moveslide17b;
            animation-timing-function: ease-out;
        }

        .animatemove18 {
            margin-left: -1700px;
            animation-duration: 0.5s;
            animation-name: moveslide18;
            animation-timing-function: ease-out;
        }
        .animatemove18b {
            margin-left: -1700px;
            animation-duration: 0.5s;
            animation-name: moveslide18b;
            animation-timing-function: ease-out;
        }

        .animatemove19 {
            margin-left: -1800px;
            animation-duration: 0.5s;
            animation-name: moveslide19;
            animation-timing-function: ease-out;
        }
        .animatemove19b {
            margin-left: -1800px;
            animation-duration: 0.5s;
            animation-name: moveslide19b;
            animation-timing-function: ease-out;
        }






    /*--- FOR MOBILE, MOVE EACH OVER BY 100px ---*/
    /* -- ((N - 2) * 100) --*/
    /* -- ((N - 1) * 100) --*/
    /* -- (N * 100) --*/
    /* -- ((N - 1) * 100) --*/


        @keyframes moveslide1 {
            from {margin-left: 100px;}
            to {margin-left: 0px;}
        }
        @keyframes moveslide1b {
            from {margin-left: -100px;}
            to {margin-left: 0px;}
        }

        @keyframes moveslide2 {
            from {margin-left: 0px;}
            to {margin-left: -100px;}
        }
        @keyframes moveslide2b {
            from {margin-left: -200px;}
            to {margin-left: -100px;}
        }

        @keyframes moveslide3 {
            from {margin-left: -100px;}
            to {margin-left: -200px;}
        }
        @keyframes moveslide3b {
            from {margin-left: -300px;}
            to {margin-left: -200px;}
        }

        @keyframes moveslide4 {
            from {margin-left: -200px;}
            to {margin-left: -300px;}
        }
        @keyframes moveslide4b {
            from {margin-left: -400px;}
            to {margin-left: -300px;}
        }

        @keyframes moveslide5 {
            from {margin-left: -300px;}
            to {margin-left: -400px;}
        }
        @keyframes moveslide5b {
            from {margin-left: -500px;}
            to {margin-left: -400px;}
        }

        @keyframes moveslide6 {
            from {margin-left: -400px;}
            to {margin-left: -500px;}
        }
        @keyframes moveslide6b {
            from {margin-left: -600px;}
            to {margin-left: -500px;}
        }

        @keyframes moveslide7 {
            from {margin-left: -500px;}
            to {margin-left: -600px;}
        }
        @keyframes moveslide7b {
            from {margin-left: -700px;}
            to {margin-left: -600px;}
        }

        @keyframes moveslide8 {
            from {margin-left: -600px;}
            to {margin-left: -700px;}
        }
        @keyframes moveslide8b {
            from {margin-left: -800px;}
            to {margin-left: -700px;}
        }

        @keyframes moveslide9 {
            from {margin-left: -700px;}
            to {margin-left: -800px;}
        }
        @keyframes moveslide9b {
            from {margin-left: -900px;}
            to {margin-left: -800px;}
        }

        @keyframes moveslide10 {
            from {margin-left: -800px;}
            to {margin-left: -900px;}
        }
        @keyframes moveslide10b {
            from {margin-left: -1000px;}
            to {margin-left: -900px;}
        }

        @keyframes moveslide11 {
            from {margin-left: -900px;}
            to {margin-left: -1000px;}
        }
        @keyframes moveslide11b {
            from {margin-left: -1100px;}
            to {margin-left: -1000px;}
        }

        @keyframes moveslide12 {
            from {margin-left: -1000px;}
            to {margin-left: -1100px;}
        }
        @keyframes moveslide12b {
            from {margin-left: -1200px;}
            to {margin-left: -1100px;}
        }

        @keyframes moveslide13 {
            from {margin-left: -1100px;}
            to {margin-left: -1200px;}
        }
        @keyframes moveslide13b {
            from {margin-left: -1300px;}
            to {margin-left: -1200px;}
        }

        @keyframes moveslide14 {
            from {margin-left: -1200px;}
            to {margin-left: -1300px;}
        }
        @keyframes moveslide14b {
            from {margin-left: -1400px;}
            to {margin-left: -1300px;}
        }

        @keyframes moveslide15 {
            from {margin-left: -1300px;}
            to {margin-left: -1400px;}
        }
        @keyframes moveslide15b {
            from {margin-left: -1500px;}
            to {margin-left: -1400px;}
        }

        @keyframes moveslide16 {
            from {margin-left: -1400px;}
            to {margin-left: -1500px;}
        }
        @keyframes moveslide16b {
            from {margin-left: -1600px;}
            to {margin-left: -1500px;}
        }

        @keyframes moveslide17 {
            from {margin-left: -1500px;}
            to {margin-left: -1600px;}
        }
        @keyframes moveslide17b {
            from {margin-left: -1700px;}
            to {margin-left: -1600px;}
        }

        @keyframes moveslide18 {
            from {margin-left: -1600px;}
            to {margin-left: -1700px;}
        }
        @keyframes moveslide18b {
            from {margin-left: -1800px;}
            to {margin-left: -1700px;}
        }

        @keyframes moveslide19 {
            from {margin-left: -1700px;}
            to {margin-left: -1800px;}
        }
        @keyframes moveslide19b {
            from {margin-left: -1900px;}
            to {margin-left: -1800px;}
        }






/* ============== MOVE BANNER ============== */
/* --- WIDTH OF CONTAINER IS 400px --- */
/* --- ((N-1) * 350) --- */

.animatebanner1 {
    margin-left: 0px;
    animation-duration: 0.5s;
    animation-name: movebanner1;
    animation-timing-function: ease-out;
}
.animatebanner1b {
    margin-left: 0px;
    animation-duration: 0.5s;
    animation-name: movebanner1b;
    animation-timing-function: ease-out;
}

.animatebanner2 {
    margin-left: -400px;
    animation-duration: 0.5s;
    animation-name: movebanner2;
    animation-timing-function: ease-out;
}
.animatebanner2b {
    margin-left: -400px;
    animation-duration: 0.5s;
    animation-name: movebanner2b;
    animation-timing-function: ease-out;
}

.animatebanner3 {
    margin-left: -800px;
    animation-duration: 0.5s;
    animation-name: movebanner3;
    animation-timing-function: ease-out;
}
.animatebanner3b {
    margin-left: -800px;
    animation-duration: 0.5s;
    animation-name: movebanner3b;
    animation-timing-function: ease-out;
}

.animatebanner4 {
    margin-left: -1200px;
    animation-duration: 0.5s;
    animation-name: movebanner4;
    animation-timing-function: ease-out;
}
.animatebanner4b {
    margin-left: -1200px;
    animation-duration: 0.5s;
    animation-name: movebanner4b;
    animation-timing-function: ease-out;
}

.animatebanner5 {
    margin-left: -1600px;
    animation-duration: 0.5s;
    animation-name: movebanner5;
    animation-timing-function: ease-out;
}
.animatebanner5b {
    margin-left: -1600px;
    animation-duration: 0.5s;
    animation-name: movebanner5b;
    animation-timing-function: ease-out;
}

.animatebanner6 {
    margin-left: -2000px;
    animation-duration: 0.5s;
    animation-name: movebanner6;
    animation-timing-function: ease-out;
}
.animatebanner6b {
    margin-left: -2000px;
    animation-duration: 0.5s;
    animation-name: movebanner6b;
    animation-timing-function: ease-out;
}

.animatebanner7 {
    margin-left: -2400px;
    animation-duration: 0.5s;
    animation-name: movebanner7;
    animation-timing-function: ease-out;
}
.animatebanner7b {
    margin-left: -2400px;
    animation-duration: 0.5s;
    animation-name: movebanner7b;
    animation-timing-function: ease-out;
}

.animatebanner8 {
    margin-left: -2800px;
    animation-duration: 0.5s;
    animation-name: movebanner8;
    animation-timing-function: ease-out;
}
.animatebanner8b {
    margin-left: -2800px;
    animation-duration: 0.5s;
    animation-name: movebanner8b;
    animation-timing-function: ease-out;
}

.animatebanner9 {
    margin-left: -3200px;
    animation-duration: 0.5s;
    animation-name: movebanner9;
    animation-timing-function: ease-out;
}
.animatebanner9b {
    margin-left: -3200px;
    animation-duration: 0.5s;
    animation-name: movebanner9b;
    animation-timing-function: ease-out;
}

.animatebanner10 {
    margin-left: -3600px;
    animation-duration: 0.5s;
    animation-name: movebanner10;
    animation-timing-function: ease-out;
}
.animatebanner10b {
    margin-left: -3600px;
    animation-duration: 0.5s;
    animation-name: movebanner10b;
    animation-timing-function: ease-out;
}

.animatebanner11 {
    margin-left: -4000px;
    animation-duration: 0.5s;
    animation-name: movebanner11;
    animation-timing-function: ease-out;
}
.animatebanner11b {
    margin-left: -4000px;
    animation-duration: 0.5s;
    animation-name: movebanner11b;
    animation-timing-function: ease-out;
}

.animatebanner12 {
    margin-left: -4400px;
    animation-duration: 0.5s;
    animation-name: movebanner12;
    animation-timing-function: ease-out;
}
.animatebanner12b {
    margin-left: -4400px;
    animation-duration: 0.5s;
    animation-name: movebanner12b;
    animation-timing-function: ease-out;
}

.animatebanner13 {
    margin-left: -4800px;
    animation-duration: 0.5s;
    animation-name: movebanner13;
    animation-timing-function: ease-out;
}
.animatebanner13b {
    margin-left: -4800px;
    animation-duration: 0.5s;
    animation-name: movebanner13b;
    animation-timing-function: ease-out;
}

.animatebanner14 {
    margin-left: -5200px;
    animation-duration: 0.5s;
    animation-name: movebanner14;
    animation-timing-function: ease-out;
}
.animatebanner14b {
    margin-left: -5200px;
    animation-duration: 0.5s;
    animation-name: movebanner14b;
    animation-timing-function: ease-out;
}

.animatebanner15 {
    margin-left: -5600px;
    animation-duration: 0.5s;
    animation-name: movebanner15;
    animation-timing-function: ease-out;
}
.animatebanner15b {
    margin-left: -5600px;
    animation-duration: 0.5s;
    animation-name: movebanner15b;
    animation-timing-function: ease-out;
}

.animatebanner16 {
    margin-left: -6000px;
    animation-duration: 0.5s;
    animation-name: movebanner16;
    animation-timing-function: ease-out;
}
.animatebanner16b {
    margin-left: -6000px;
    animation-duration: 0.5s;
    animation-name: movebanner16b;
    animation-timing-function: ease-out;
}

.animatebanner17 {
    margin-left: -6400px;
    animation-duration: 0.5s;
    animation-name: movebanner17;
    animation-timing-function: ease-out;
}
.animatebanner17b {
    margin-left: -6400px;
    animation-duration: 0.5s;
    animation-name: movebanner17b;
    animation-timing-function: ease-out;
}

.animatebanner18 {
    margin-left: -6800px;
    animation-duration: 0.5s;
    animation-name: movebanner18;
    animation-timing-function: ease-out;
}
.animatebanner18b {
    margin-left: -6800px;
    animation-duration: 0.5s;
    animation-name: movebanner18b;
    animation-timing-function: ease-out;
}

.animatebanner19 {
    margin-left: -7200px;
    animation-duration: 0.5s;
    animation-name: movebanner19;
    animation-timing-function: ease-out;
}
.animatebanner19b {
    margin-left: -7200px;
    animation-duration: 0.5s;
    animation-name: movebanner19b;
    animation-timing-function: ease-out;
}



/* ============== MOVE SLIDES ANIMATION ============== */
    /* ============== ((N-2) * 400)) ============== */
    /* ============== ((N-1) * 400)) ============== */
    /* ============== (N * 400) ============== */
    /* ============== ((N-1) * 400)) ============== */


    @keyframes movebanner1 {
        from {margin-left: 350px;}
        to {margin-left: 0px;}
    }
    @keyframes movebanner1b {
        from {margin-left: -350px;}
        to {margin-left: 0px;}
    }

    @keyframes movebanner2 {
        from {margin-left: 0px;} 
        to {margin-left: -400px;} 
    }
    @keyframes movebanner2b {
        from {margin-left: -800px;} 
        to { margin-left: -400px;}
    }

    @keyframes movebanner3 {
        from {margin-left: -400px;}
        to {margin-left: -800px;}
    }
    @keyframes movebanner3b {
        from {margin-left: -1200px;}
        to {margin-left: -800px;}
    }

    @keyframes movebanner4 {
        from {margin-left: -800px;}
        to {margin-left: -1200px;}
    }
    @keyframes movebanner4b {
        from {margin-left: -1600px;}
        to {margin-left: -1200px;}
    }

    @keyframes movebanner5 {
        from {margin-left: -1200px;}
        to {margin-left: -1600px;}
    }
    @keyframes movebanner5b {
        from {margin-left: -2000px;}
        to {margin-left: -1600px}
    }

    @keyframes movebanner6 {
        from {margin-left: -1600px;}
        to {margin-left: -2000px;}
    }
    @keyframes movebanner6b {
        from {margin-left: -2400px;}
        to {margin-left: -2000px;}
    }

    @keyframes movebanner7 {
        from {margin-left: -2000px;}
        to {margin-left: -2400px;}
    }
    @keyframes movebanner7b {
        from {margin-left: -2800px;}
        to {margin-left: -2400px;}
    }

    @keyframes movebanner8 {
        from {margin-left: -2400px;}
        to {margin-left: -2800px;}
    }
    @keyframes movebanner8b {
        from {margin-left: -3200px;}
        to {margin-left: -2800px;}
    }

    @keyframes movebanner9 {
        from {margin-left: -2800px;}
        to {margin-left: -3200px;}
    }
    @keyframes movebanner9b {
        from {margin-left: -3600px;}
        to {margin-left: -2800px;}
    }

    @keyframes movebanner10 {
        from {margin-left: -3200px;}
        to {margin-left: -3600px;}
    }
    @keyframes movebanner10b {
        from {margin-left: -4000px;}
        to {margin-left: -3600px;}
    }

    @keyframes movebanner11 {
        from {margin-left: -3600px;}
        to {margin-left: -4000px;}
    }
    @keyframes movebanner11b {
        from {margin-left: -4400px;}
        to {margin-left: -4000px;}
    }

    @keyframes movebanner12 {
        from {margin-left: -4000px;}
        to {margin-left: -4400px;}
    }
    @keyframes movebanner12b {
        from {margin-left: -4800px;}
        to { margin-left: -4400px;}
    }

    @keyframes movebanner13 {
        from {margin-left: -4400px;}
        to {margin-left: -4800px;}
    }
    @keyframes movebanner13b {
        from {margin-left: -5200px;}
        to {margin-left: -4800px;}
    }

    @keyframes movebanner14 {
        from {margin-left: -4800px;}
        to {margin-left: -5200px;}
    }
    @keyframes movebanner14b {
        from {margin-left: -5600px;}
        to {margin-left: -5200px;}
    }

    @keyframes movebanner15 {
        from {margin-left: -5200px;}
        to {margin-left: -5600px;}
    }
    @keyframes movebanner15b {
        from {margin-left: -6000px;}
        to {margin-left: -5600px}
    }

    @keyframes movebanner16 {
        from {margin-left: -5600px;}
        to {margin-left: -6000px;}
    }
    @keyframes movebanner16b {
        from {margin-left: -6400px;}
        to {margin-left: -6000px;}
    }

    @keyframes movebanner17 {
        from {margin-left: -6000px;}
        to {margin-left: -6400px;}
    }
    @keyframes movebanner17b {
        from {margin-left: -6800px;}
        to {margin-left: -6400px;}
    }

    @keyframes movebanner18 {
        from {margin-left: -6400px;}
        to {margin-left: -6800px;}
    }
    @keyframes movebanner18b {
        from {margin-left: -7200px;}
        to {margin-left: -6800px;}
    }

    @keyframes movebanner19 {
        from {margin-left: -6800px;}
        to {margin-left: -7200px;}
    }
    @keyframes movebanner19b {
        from {margin-left: -400px;}
        to {margin-left: 0px;}
    }


    }















