.animate_up {
    -webkit-animation: animate_up 2s forwards;
    -moz-animation: animate_up 2s forwards;
    -ms-animation: animate_up 2s forwards;
    -o-animation: animate_up 2s forwards;
    animation: animate_up 2s forwards;
    animation-delay: 0s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    position: relative;
    bottom: -1500px;
}

@keyframes animate_up {
    from {
        bottom: -1500px;
    }

    to {
        bottom: 0px;
    }
}

.animate_zoom_in_out {
    -webkit-animation: scale 5s linear infinite;
    -moz-animation: scale 5s linear infinite;
    -ms-animation: scale 5s linear infinite;
    -o-animation: scale 5s linear infinite;
    animation: scale 5s linear infinite;
}

@keyframes scale {
    50% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }
}


.animate_down {
    -webkit-animation: animate_down 2s forwards;
    -moz-animation: animate_down 2s forwards;
    -ms-animation: animate_down 2s forwards;
    -o-animation: animate_down 2s forwards;
    animation: animate_down 2s forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    position: relative;
    top: -1500%;
}

@-webkit-keyframes animate_down {
    from {
        top: -1500%;
    }

    to {
        top: 0px;
    }
}

@-moz-keyframes animate_down {
    from {
        top: -1500%;
    }

    to {
        top: 0px;
    }
}

@-o-keyframes animate_down {
    from {
        top: -1500%;
    }

    to {
        top: 0px;
    }
}

@keyframes animate_down {
    from {
        top: -1500%;
    }

    to {
        top: 0px;
    }
}
/******NEW ANIMATIONS START HERE*****/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 2s;
}
/*****LIGHT SPEEN IN ANIMATION START HERE*****/
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

/*****FADE-IN TOP LEFT ANIMATION START HERE*****/
.animate_fade_in_left {
    -webkit-animation: animate_fade_in_left 2s forwards;
    -moz-animation: animate_fade_in_left 2s forwards;
    -ms-animation: animate_fade_in_left 2s forwards;
    -o-animation: animate_fade_in_left 2s forwards;
    animation: animate_fade_in_left 2s forwards;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    position: relative;
    left: -500%;
    bottom: -500%;
}

@keyframes animate_fade_in_left {
    from {
        left: -500%;
        bottom: -500%;
    }

    to {
        left: 0px;
        bottom: 0px;
    }
}
/*****FADE-IN BOTTOM RIGHT ANIMATION START HERE*****/
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/*****flip-in-X animation start here*****/
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

/*****ROTATE-IN-DOWN LEFT ANIMATION START HERE*****/
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

/*****ROLL-IN ANIMATION START HERE*****/
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

/*****FADE-IN-LEFT ANIMATION START HERE*****/
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/******NEW ANIMATIONS END HERE*****/
/*****ANIMATION RIGHT START HERE*****/
.animate_right {
    -webkit-animation: animate_right 2s forwards;
    -moz-animation: animate_right 2s forwards;
    -ms-animation: animate_right 2s forwards;
    -o-animation: animate_right 2s forwards;
    animation: animate_right 2s forwards;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    position: relative;
    right: -500%;
}

@keyframes animate_right {
    from {
        right: -500%;
    }

    to {
        right: 0px;
    }
}

.bnr2Img5 {
    /*float: left;*/
    /*width: 100%;*/
}

    .bnr2Img5 img {
        /*float: left;
    width: 86%;
    margin: -28px 0 0 -10%;*/
        -webkit-animation: bnr2Img5 2s forwards;
        -moz-animation: bnr2Img5 2s forwards;
        -ms-animation: bnr2Img5 2s forwards;
        -o-animation: bnr2Img5 2s forwards;
        animation: bnr2Img5 2s forwards;
        position: relative;
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        -ms-animation-delay: .5s;
        -o-animation-delay: .5s;
        animation-delay: .5s;
        top: -1500px;
    }

@keyframes bnr2Img5 {
    from {
        top: -1500px;
    }

    to {
        top: 0px;
    }
}
/******* Start Banner Animation *******/

.banner .carousel,
.Image-banner .carousel {
    position: unset !important;
}

.container-fluid {
    padding: 0;
}

.banner {
    display: block;
    height: 720px;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.image_slider {
    width: 100%;
    float: left;
}

.cst_container {
    max-width: 100%;
    width: 100%;
    margin: auto;
    padding: 0 8%;
}

/*****SKITTER SLIDER START HERE*****/
.skitter {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

.container_skitter {
    width: 100% !important;
    height: 100% !important;
}

.skitter .info_slide_dots {
    z-index: 1 !important;
}
/*****SKITTER SLIDER END HERE*****/
/*****BANNER-1 START HERE*****/
.banner1_lft,
.banner1_ryt {
    width: 100%;
    float: left;
}

.banner1_lft {
    text-align: center;
}

    .banner1_lft h2.rainbow {
        font-size: 5rem;
        text-transform: uppercase;
        background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #2b4b98), color-stop(0.15, #F64C72), color-stop(0.3, #00a0e3), color-stop(0.45, #5022dd), color-stop(0.6, #7ddfe0),color-stop(0.75, #7ddfe0), color-stop(0.9, #ac6dee), color-stop(1, #2b4b98) );
        background-image: gradient( linear, left top, right top, color-stop(0, #2b4b98), color-stop(0.15, #F64C72), color-stop(0.3, #00a0e3), color-stop(0.45, #5022dd), color-stop(0.6, #7ddfe0),color-stop(0.75, #7ddfe0), color-stop(0.9, #ac6dee), color-stop(1, #2b4b98) );
        color: #3d5a9b;
        -webkit-background-clip: text;
        background-clip: text;
        animation: animatedBackground 5s linear infinite;
        -moz-animation: animatedBackground 5s linear infinite;
        -webkit-animation: animatedBackground 5s linear infinite;
        -ms-animation: animatedBackground 5s linear infinite;
        -o-animation: animatedBackground 5s linear infinite;
        /*font-family: times new roman;*/
        font-family: Calibri;
        font-weight: bold;
        margin: 11% 0 0 0;
    }

@keyframes animatedBackground {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 500px;
    }
}

@-moz-keyframes animatedBackground {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 500px;
    }
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 500px;
    }
}

@-ms-keyframes animatedBackground {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 500px;
    }
}

@-o-keyframes animatedBackground {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 500px;
    }
}

.banner1_lft p {
    color: #625d5d;
    font-size: 22px;
    font-weight: bold;
    font-family: calibri;
    margin: 1% 0 0 12%;
    text-align: left;
    line-height: 39px;
}

.banner1_lft a {
}
.banner1_ryt{
    text-align:center;
}
.banner1_ryt img {
    width: 67%;
    float: right;
}

/********/
.slider {
    width: 100%;
    float: left;
    height: 596px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.banner1,
.banner1_lft,
.banner_ryt{
    width: 100%;
    float: left;
}