/* ========================================================================= *\
    vmcarousel plugin
\* ========================================================================= */

.vmc-container{position: relative;}
.vmc-viewport{overflow: hidden;}

.vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left;}
.vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;}

.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}
.vmc-arrow-left {
    background: url(/MHContent/images/section_left.webp) no-repeat 8px #CCC;
}

.vmc-arrow-right {
    background: url(/MHContent/images/section_right.webp) no-repeat 8px #CCC;
}
.vmc-arrow-left, .vmc-arrow-right {
    position: absolute;
    top: 50%;
    left: -45px;
    width: 40px;
    height: 80px;
    margin-top: -25px;
    overflow: hidden;
    text-align: center;
    opacity: 0.4
}
.vmc-arrow-right{left: auto; right: -45px;}
.vmc-arrow-left:hover {
    background: url(/MHContent/images/section_left.webp) no-repeat 8px #1A86CD;
}
.vmc-arrow-right:hover {
    background: url(/MHContent/images/section_right.webp) no-repeat 8px #1A86CD;
}
    
    .vmc-container img[src$=".svg"] {
        width: 100% !important;
        height: auto !important;
        max-height: 100%;
    }

.notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}