/**
 * @package    VirtuePlanet Framework
 * @copyright  Copyright (C) 2012-2025 VirtuePlanet Services LLP. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 * @author     Abhishek Das <info@virtueplanet.com>
 * @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;
}
.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,
.side-nav-theme .owl-nav .owl-prev, 
.side-nav-theme .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -30px;
    font-family: 'vpicon';
    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 .owl-nav .owl-prev.disabled, 
.side-nav-theme .owl-nav .owl-next.disabled {
    cursor: default !important;
    cursor: not-allowed !important;
}
.side-nav-theme.pagination-active .owl-controls .owl-buttons .owl-prev, 
.side-nav-theme.pagination-active .owl-controls .owl-buttons .owl-next,
.side-nav-theme.pagination-active .owl-nav .owl-prev, 
.side-nav-theme.pagination-active .owl-nav .owl-next {
    margin-top: -41px;
}
.side-nav-theme .owl-controls .owl-buttons .owl-next,
.side-nav-theme .owl-nav .owl-next {
    left: auto;
    right: -30px;
}
.side-nav-theme:hover .owl-controls .owl-buttons .owl-prev,
.side-nav-theme:hover .owl-nav .owl-prev {
    left: 0;
}
.side-nav-theme:hover .owl-controls .owl-buttons .owl-next,
.side-nav-theme:hover .owl-nav .owl-next {
    right: 0;
}
.side-nav-theme:hover .owl-controls .owl-buttons .owl-prev,
.side-nav-theme:hover .owl-controls .owl-buttons .owl-next,
.side-nav-theme:hover .owl-nav .owl-prev,
.side-nav-theme:hover .owl-nav .owl-next {
    filter: Alpha(Opacity=80);
    opacity: 0.8;
}
.side-nav-theme .owl-controls .owl-buttons .owl-prev:before,
.side-nav-theme .owl-nav .owl-prev:before {
    content: "\edc2";
}
.side-nav-theme .owl-controls .owl-buttons .owl-next:before,
.side-nav-theme .owl-nav .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,
.side-nav-theme .owl-nav .owl-prev:hover,
.side-nav-theme .owl-nav .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,
.side-nav-theme .owl-nav .owl-prev:hover,
.side-nav-theme .owl-nav .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,
.side-nav-theme .owl-dots {
    text-align: center;
    margin-top: 15px;
}
.side-nav-theme .owl-controls .owl-page,
.side-nav-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.side-nav-theme .owl-controls .owl-page span,
.side-nav-theme .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    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,
.side-nav-theme .owl-dots .owl-dot.active span,
.side-nav-theme .owl-dots .owl-dot: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); }
}