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

.vmc-container{position: relative;}
.vmc-viewport{ height:260px; padding-top:50px; overflow: hidden;}

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



.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; top: 50%; margin-top:-60px; left: 0; width: 61px; height: 101px; overflow: hidden;
    opacity: 0;  transition: opacity 0.3s ease;
    text-align: center; background:url(../images/case_prev.png) no-repeat scroll 0 0;
}
.vmc-arrow-right{left: auto; right:0; background:url(../images/case_next.png) no-repeat scroll 0 0;}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}



.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;}

.vmc-viewport ul{ height:270px; text-align:center;}
.vmc-viewport ul li{ position:relative;}
.vmc_active p{ margin:0 auto; position:absolute !important; bottom:-100px !important; transition:all 0.4s;}
.vmc-centered{ padding: 20px 0; }
.vmc-centered img { transition: all 0.3s ease; }
.vmc-centered .vmc_active img { transform: scale(1.4); }