/* Thanks to bootstrap, looking at their carousel css code helped me a lot,  */
.container2 {
    width: 100%;
    padding: 0px 30px;
}

.slides {
    display: flex;
    overflow: hidden;
    height: 550px;
}

 
.active {
    display: block;
}

.next-slide {
    translate: 100%;
    display: block;
}

.prev-slide {
    translate: -100%;
    display: block;
}

    .next-slide.sliding,
    .prev-slide.sliding {
        translate: 0;
    }

.slide > img {
    width: 100%;
    display: block;
}
body {
    overflow: scroll;
    overflow-x: hidden;
}
.iroc_q_fullp .full_page_height {
    overflow-x: hidden;
    overflow-y: hidden;
}
.float-left { float:left;
}
.float-right {
    float:right;
}

 
.pt-15 { padding-top:0px; padding-bottom:0px;
             
}
label {
    margin-top: 15px;
    
}

.width100 { width:100%;
}


.carousel {
    background: #F5F5F5;
}

.carousel-item .img-fluid {
    width: 80%;
    height: 80%;
}

 
.carousel-control-prev {
    color: #036;
    margin-left: -.5rem;
    z-index: 10;
}

.carousel-control-next {
    color: #036;
    margin-right: -.5rem;
    z-index: 10;
}

.carousel-controls a:hover {
    color: 004289;
    z-index: 10;
}

.carousel-control-prev:hover {
    color: red;
}

.carousel-control-next:hover {
    color: red;
}


.iroc_q_innersidepanel {
    height: 550px;
}