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

.vmcarousel > li h3{ text-align:center; font-size:130%; color:#333; font-weight:bold; clear:both;}
.vmcarousel > li h4{ text-align:center; font-size:90%; line-height:2;}

.vmc-centered{ padding:60px 0 100px 0; }
.vmc-centered img { transition: all 0.3s ease; width:400px;}
.vmc-centered .vmc_active img { transform: scale(1.6); }
.vmc-centered  h3{ padding-top:100px;}


.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display:block;}
.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; 
	bottom:-10px; 
	left:45%; 
	width: 50px; 
	height: 50px; 
	overflow: hidden;
    opacity:1; 
	transition: opacity 0.3s ease;
    text-align: center;
	 z-index:100;
}
.vmc-arrow-left{right:auto; left:45%; background:url(../images/arrow8.png) center center no-repeat}
.vmc-arrow-right{left:auto; right:45%; background:url(../images/arrow.png) center center no-repeat}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}

.vmc-arrow-left:after, .vmc-arrow-right:after{
	display: inline-block; 
	line-height: 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;}



.more01{ position:absolute; bottom:102px; left:0; width:100%; z-index:10; font-size:100%; text-align:center; color:#d31824; display:block; font-weight:bold;}
.more01 a{ color:#d31824}



@media (min-width: 768px) and (max-width:1024px) {
.vmc-centered{ padding:60px 0; }
.vmc-centered img { transition: all 0.3s ease; width:300px;}
.vmc-arrow-left{right:auto; left:42%;}
.vmc-arrow-right{left:auto; right:42%;}	
.more01{ position:absolute; bottom:105px;}
}

@media (max-width: 767px) {
.vmc-centered{ padding:20px 0 40px 0; }
.vmc-centered img { transition: all 0.3s ease; width:90px;}	
.vmc-arrow-left{right:auto; left:30%;}
.vmc-arrow-right{left:auto; right:30%;}
.more01{ position:absolute; bottom:65px;}
.vmc-centered  h3{ padding-top:40px;}
.vmcarousel > li h3{ text-align:center; font-size:90%; color:#333; font-weight:bold; clear:both;}
.vmcarousel > li h4{ text-align:center; font-size:70%; line-height:2;}
}