.demo{padding:3em 0;}
		.product-grid{ text-align: center; margin-bottom: 15px;
    margin-top: 10px;}
		.product-grid .product-image{
		    overflow: hidden;
		    position: relative;
		}
		.product-grid .product-image:before{
		    content: "";
		    /* background: rgba(0,0,0,0.02); */
		    position: absolute;
		    top: 0;
		    left: 0;
		    bottom: 0;
		    right: 0;
		    z-index: 1;
		}
		.product-grid .product-image img{
		    width: 100%;
		    height: auto;
		}
		.product-grid img:nth-child(1){
		    opacity: 1;
		    transform: rotateY(0);
		    transition: all 0.5s ease-out 0s;
		}
		.product-grid:hover img:nth-child(1){
		    opacity: 0;
		    transform: rotateY(-90deg);
		}
		.product-grid img:nth-child(2){
		    position: absolute;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    transform: rotateY(-90deg);
		    transition: all 0.5s ease-out 0s;
		}
		.product-grid:hover img:nth-child(2){
		    opacity: 1;
		    transform: rotateY(0deg);
		}
		.product-grid .social{
		    width: 100%;
		    background: #ededed;
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    opacity: 0;
		    z-index: 1;
		    transition: all 0.5s ease 0s;
		}
		.product-grid:hover .social{ opacity: 1; }
		.product-grid:hover{box-shadow: 0 3px 12px 0 rgba(0,0,0,.3);}
		.product-grid .social li{ display: inline-block; }
		.product-grid .social li a{
		    display: block;
		    width: 70px;
		    height: 70px;
		    line-height: 70px;
		    background: #ededed;
		    font-size: 20px;
		    color: #000;
		    transition: all 0.3s ease 0s;
		}
		.product-grid .social li a:hover{
		    background: #fff;
		    color: #d15f21;
		}
		.product-grid .discount{
		    width: 100%;
		    padding: 15px;
		    background: #e4f6ff;;
		    font-size: 18px;
		    font-weight: 700;
		    color: #000;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		}
		.product-grid .product-content{ padding: 15px 0; }
		.product-grid .title{
		    font-size: 14px;
		    
		    color: #000;
		    text-transform: capitalize;
		    margin: 0 0 5px 0;
		}
		.product-grid .price{
		    font-size: 16px;
		    font-weight: 600;
		    color: #000;
		    margin-bottom: 5px;
		}
		.product-grid .price span{
		    display: inline-block;
		    color: #999;
		    text-decoration: line-through;
		    margin-right: 2px;
		}
		.product-grid .rating{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		}
		.product-grid .rating li{
		    display: inline-block;
		    font-size: 10px;
		    color: #ffc000;
		}
		.component-title{
			font-size: 20px;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
		.c-products-details-btn{
			    background-color: #000;
			    color: #fff;
			    font-size: 14px;
			    font-weight: 600;
			    display: inline-block;
			    text-align: center;
			    vertical-align: middle;
			    min-width: 150px;
			    border: 1px solid #000;
			    padding: 12px 20px;
			    position: relative;
			    overflow: hidden;
			    -webkit-transition: all .2s ease-in-out;
			    transition: all .2s ease-in-out;
			    letter-spacing: 1px;
			    line-height: 16px;
			    cursor: pointer;
		}
		.c-products-details-btn:hover{
			background-color: #4a4a4a;
			border-color: #4a4a4a;
			color: #fff;
			text-decoration: none;
		}
		.product-img{background: url(imgs/ansyz-m1qng.jpg)no-repeat;height: 500px;padding: 5%;}
		.product-img>h3{
			margin-top: 75%;
		}
		.product-img>span{
			color: #000;
			    padding: 12px 8px;
			    min-width: 150px;
			    text-align: center;
			    display: inline-block;
			    text-transform: uppercase;
			    background: #fff;
			    font-weight: 600;
		}
		@media only screen and (max-width:990px){
		    .product-grid{ margin-bottom: 30px; }
		}
		
		}
		@media screen and (min-width:768px) and (max-width:1023px) {
			.component-title{text-align: center!important;}
			.c-products-details-btn{margin-left: 38%!important;}
		}
		
		
		
		
		
		
/* ========================================================================= *\
    vmcarousel plugin
\* ========================================================================= */
.vmcarousel-normal li{width: 204px;}
.vmcarousel-normal img{/* width: 204px!important;border-bottom: 1px solid #ccc; */}
.vmcarousel-normal p{text-align: center;}
.vmcarousel-normal h4{text-align: center;color: #000;font-weight: bold;}
.vmcarousel-normal a:hover{text-decoration: none;}


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

.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}

.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; top: 50%; left: -15px; width: 50px; height: 50px; margin-top: -25px; overflow: hidden;
    opacity: 1; border-radius: 50%; transition: opacity 0.3s ease;
    text-align: center;
}
.vmc-arrow-right{left: auto; right: -15px;}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}

.vmc-arrow-left:after, .vmc-arrow-right:after{
    content: ''; display: inline-block;
    font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased;
	 font-size: 50px; line-height: 50px; color: white;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    text-shadow: 2px 2px #000;
}
.vmc-arrow-left:hover:after, .vmc-arrow-right:hover:after{color: white;}
.vmc-arrow-left:after{content: "\e079";}
.vmc-arrow-right:after{content: "\e080";}

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