/**

 * --------------------------------------------------------------------------------------------

 * VP Manufacturer Carousel - Joomla! Module for VirtueMart Store

 * --------------------------------------------------------------------------------------------

 * @package    VP Manufacturer Carousel

 * @author     Abhishek Das

 * @copyright  Copyright (C) 2012-2015 VirtuePlanet Services LLP. All rights reserved.

 * @license    GNU General Public License version 2. http://www.gnu.org/licenses/gpl-2.0.html

 * @link       http://www.virtueplanet.com

 * --------------------------------------------------------------------------------------------

*/

@font-face {

	font-family: 'vpicon';

	src:url('../fonts/vpicon.eot?5eptud');

	src:url('../fonts/vpicon.eot?#iefix5eptud') format('embedded-opentype'),

		url('../fonts/vpicon.ttf?5eptud') format('truetype'),

		url('../fonts/vpicon.woff?5eptud') format('woff'),

		url('../fonts/vpicon.svg?5eptud#vpicon') format('svg');

	font-weight: normal;

	font-style: normal;

}

.owl-carousel.side-nav-theme {

	position: relative;

}

.vp-manufacturer-carousel-header-text {

	margin-bottom: 15px;
	font-family: 'akzidenz-grotesk_bq_condensBd' !important;

}

.vp-manufacturer-carousel-footer-text {

	margin-top: 15px;

}

.side-nav-theme .owl-controls .owl-buttons .owl-prev, 

.side-nav-theme .owl-controls .owl-buttons .owl-next {

	display: inline-block;

	position: absolute;

	top: 50%;

	left: -30px;

	font-family: 'vpicon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	text-decoration: inherit;

	line-height: 1;

	vertical-align: middle;

	color: #333;

	font-size: 12px;

	margin: 0;

	margin-top: -16px;

	padding: 10px;

	background-color: #DDD;

	cursor: pointer;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	text-rendering: auto;

	filter: Alpha(Opacity=0);

	opacity: 0;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.side-nav-theme.pagination-active .owl-controls .owl-buttons .owl-prev, 

.side-nav-theme.pagination-active .owl-controls .owl-buttons .owl-next {

	margin-top: -41px;

}

.side-nav-theme .owl-controls .owl-buttons .owl-next {

	left: auto;

	right: -30px;

}

.side-nav-theme:hover .owl-controls .owl-buttons .owl-prev {

	left: 0;

}

.side-nav-theme:hover .owl-controls .owl-buttons .owl-next {

	right: 0;

}

.side-nav-theme:hover .owl-controls .owl-buttons .owl-prev,

.side-nav-theme:hover .owl-controls .owl-buttons .owl-next {

	filter: Alpha(Opacity=80);

	opacity: 0.8;

}

.side-nav-theme .owl-controls .owl-buttons .owl-prev:before {

	content: "\edc2";

}

.side-nav-theme .owl-controls .owl-buttons .owl-next:before {

	content: "\edba";

}

.side-nav-theme .owl-controls .owl-buttons .owl-prev:hover,

.side-nav-theme .owl-controls .owl-buttons .owl-next:hover {

	background-color: #F5F5F5;

	color: #333;

	cursor: default;

}

.side-nav-theme .owl-controls.clickable .owl-buttons .owl-prev:hover,

.side-nav-theme .owl-controls.clickable .owl-buttons .owl-next:hover {

	background: #333;

	color: #FFF;

	text-decoration: none;

	cursor: pointer;

	filter: Alpha(Opacity=100);

	opacity: 1;

}

.manufacturer-carousel-inner > a {

	display: block;

	border-width: 1px;

	border-style: solid;

	border-color: transparent;

	text-align: center;

}

.img-carousel {

	display: block;

	width: 100%;

	height: auto;

	filter: Alpha(Opacity=100);

	opacity: 1;

	-webkit-transition: all 300ms ease-in-out;	

	-moz-transition: all 300ms ease-in-out;	

	-o-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;	

}

.img-carousel:hover {

	filter: Alpha(Opacity=65);

	opacity: 0.65;

}

.side-nav-theme .owl-controls .owl-pagination {

	text-align: center;

	margin-top: 15px;

}

.side-nav-theme .owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.side-nav-theme .owl-controls .owl-page span{

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 7px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background: #869791;

}

.side-nav-theme .owl-controls .owl-page.active span,

.side-nav-theme .owl-controls.clickable .owl-page:hover span{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

}

/* If PaginationNumbers is true */

.side-nav-theme .owl-controls .owl-page span.owl-numbers{

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}

/* preloading images */

.side-nav-theme .owl-item.loading{

	min-height: 50px;

	background-color: transparent;

	background-color: rgba(255, 255, 255, 0);

	background-image: url('../images/AjaxLoader.gif');

	background-repeat: no-repeat;

	background-position: 50% 50%;

}

.side-nav-theme .owl-origin {

	-webkit-perspective: 1200px;

	-webkit-perspective-origin-x : 50%;

	-webkit-perspective-origin-y : 50%;

	-moz-perspective : 1200px;

	-moz-perspective-origin-x : 50%;

	-moz-perspective-origin-y : 50%;

	perspective : 1200px;

}

/* fade */

.side-nav-theme .owl-fade-out {

	z-index: 10;

	-webkit-animation: fadeOut .7s both ease;

	-moz-animation: fadeOut .7s both ease;

	animation: fadeOut .7s both ease;

}

.side-nav-theme .owl-fade-in {

	-webkit-animation: fadeIn .7s both ease;

	-moz-animation: fadeIn .7s both ease;

	animation: fadeIn .7s both ease;

}

/* backSlide */

.side-nav-theme .owl-backSlide-out {

	-webkit-animation: backSlideOut 1s both ease;

	-moz-animation: backSlideOut 1s both ease;

	animation: backSlideOut 1s both ease;

}

.side-nav-theme .owl-backSlide-in {

	-webkit-animation: backSlideIn 1s both ease;

	-moz-animation: backSlideIn 1s both ease;

	animation: backSlideIn 1s both ease;

}

/* goDown */

.side-nav-theme .owl-goDown-out {

	-webkit-animation: scaleToFade .7s ease both;

	-moz-animation: scaleToFade .7s ease both;

	animation: scaleToFade .7s ease both;

}

.side-nav-theme .owl-goDown-in {

	-webkit-animation: goDown .6s ease both;

	-moz-animation: goDown .6s ease both;

	animation: goDown .6s ease both;

}

/* scaleUp */

.side-nav-theme .owl-fadeUp-in {

	-webkit-animation: scaleUpFrom .5s ease both;

	-moz-animation: scaleUpFrom .5s ease both;

	animation: scaleUpFrom .5s ease both;

}

.side-nav-theme .owl-fadeUp-out {

	-webkit-animation: scaleUpTo .5s ease both;

	-moz-animation: scaleUpTo .5s ease both;

	animation: scaleUpTo .5s ease both;

}

/* Keyframes */

/*empty*/

@-webkit-keyframes empty {

  0% {opacity: 1}

}

@-moz-keyframes empty {

  0% {opacity: 1}

}

@keyframes empty {

  0% {opacity: 1}

}

@-webkit-keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@-moz-keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@-webkit-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-moz-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-webkit-keyframes backSlideOut {

  25% { opacity: .5; -webkit-transform: translateZ(-500px); }

  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }

}

@-moz-keyframes backSlideOut {

  25% { opacity: .5; -moz-transform: translateZ(-500px); }

  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }

}

@keyframes backSlideOut {

  25% { opacity: .5; transform: translateZ(-500px); }

  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }

}

@-webkit-keyframes backSlideIn {

  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; -webkit-transform: translateZ(-500px); }

  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }

}

@-moz-keyframes backSlideIn {

  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; -moz-transform: translateZ(-500px); }

  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }

}

@keyframes backSlideIn {

  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; transform: translateZ(-500px); }

  100% { opacity: 1; transform: translateZ(0) translateX(0); }

}

@-webkit-keyframes scaleToFade {

  to { opacity: 0; -webkit-transform: scale(.8); }

}

@-moz-keyframes scaleToFade {

  to { opacity: 0; -moz-transform: scale(.8); }

}

@keyframes scaleToFade {

  to { opacity: 0; transform: scale(.8); }

}

@-webkit-keyframes goDown {

  from { -webkit-transform: translateY(-100%); }

}

@-moz-keyframes goDown {

  from { -moz-transform: translateY(-100%); }

}

@keyframes goDown {

  from { transform: translateY(-100%); }

}



@-webkit-keyframes scaleUpFrom {

  from { opacity: 0; -webkit-transform: scale(1.5); }

}

@-moz-keyframes scaleUpFrom {

  from { opacity: 0; -moz-transform: scale(1.5); }

}

@keyframes scaleUpFrom {

  from { opacity: 0; transform: scale(1.5); }

}



@-webkit-keyframes scaleUpTo {

  to { opacity: 0; -webkit-transform: scale(1.5); }

}

@-moz-keyframes scaleUpTo {

  to { opacity: 0; -moz-transform: scale(1.5); }

}

@keyframes scaleUpTo {

  to { opacity: 0; transform: scale(1.5); }

}