﻿.zoom {
    image-rendering: auto;
    transition: transform .2s;
    width: 200px;
    height: 123px;
    margin: 0 auto;
}

    .zoom:hover {
        position: absolute;
        z-index: 1000;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.3);
    }

@media only screen and (max-width: 600px) {

    .zoom:hover {
        -ms-transform: none; /* IE 9 */
        -webkit-transform: none; /* Safari 3-8 */
        transform: none;
    }
}

#expandedImg {
    width: 100%;
    display: inline-block;
}

.gallery-heading {
    visibility: visible;
    animation-delay: 500ms;
    animation-name: fadeInDown;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 800;
    color: black;
}

.sliderHead {
    background-image: none;
    background-color: #e8e8e8;
}

.carouselSign {
    background-color: transparent !important;
}

#carousel1234 {
    padding: 1% 0;
}

.work_info {
    text-align: center;
}

#carousel-inner {
    overflow-x: hidden;
}

.marquee-wrapper {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.marquee-text {
    display: inline-block;
    padding-left: 50%;
    animation: marquee-animation 50s linear infinite;
    color: #0a5994;
    font-family: Cambria;
}

.marquee-wrapper:hover .marquee-text .marquee-MeetingDetain {
    animation-play-state: paused;
}

@keyframes marquee-animation {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

#section {
    overflow: hidden;
}

#mboxId {
    background: #ffd800;
    margin-bottom: 50px;
}
/* Wrapper */
.marquee-wrapper {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

/* Text animation */
.marquee-MeetingDetain {
    display: inline-block;
    padding-left: 100%;
    animation: marquee-scroll 25s linear infinite;
}

/* Animation */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}
/* About section animation + visibility */
.about-section {
    visibility: visible;
    animation-delay: 300ms;
    animation-name: fadeInRight;
}

/* Heading style */
.about-heading {
    font-size: 33px;
    font-weight: bold;
    text-align: center;
}
/* Left animation card */
.card-animate-left {
    visibility: visible;
    animation-delay: 300ms;
    animation-name: fadeInLeft;
}

/* Right animation card */
.card-animate-right {
    visibility: visible;
    animation-delay: 300ms;
    animation-name: fadeInRight;
}
