body {
  
}


.main-container{
    padding: 5px;
    display:flex;
    
}

.img-container {
    padding: 5px;
}



.carousel-control-next-icon:after {
    content: '>';
    font-size: 55px;
    color: #333534;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 55px;
    color: #333534;
}

.front, .back {
    position: absolute;
   
    backface-visibility: hidden;
    
}

.front {
    -moz-animation: sk-rotate-front 2.0s infinite ease-in-out;
    -webkit-animation: sk-rotate-front 2.0s infinite ease-in-out;
    animation: sk-rotate-front 2.0s infinite ease-in-out;
}

.back {
    
    -moz-animation: sk-rotate-back 2.0s infinite ease-in-out;
    -webkit-animation: sk-rotate-back 2.0s infinite ease-in-out;
    animation: sk-rotate-back 2.0s infinite ease-in-out;
}

#spinner {
    display: none;
}

#ie-spinner {
    display: none;
}

.loading {
    width: 100%;
    height: 36px;
    z-index: 1001;
    display: flex;
   
}


@keyframes sk-rotate-front {
    0% {
        transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
    }
}

@keyframes sk-rotate-back {
    0% {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }

    50% {
        transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
    }

    100% {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
}