/* display none until init */
.product-carousel {
    display: none;
    opacity: 1 !important;
    position: relative;
    width: 100%;
}

#column-left .product-carousel, #column-right .product-carousel {
    display: block;
}

#column-left .customNavigation, #column-right .customNavigation {
    display: none;
}

#column-left .banners-slider-carousel .customNavigation,
#column-right .banners-slider-carousel .customNavigation {
    display: block;
}

.product-carousel .slider-wrapper {
    display: none;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
}

.product-carousel .slider-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.product-carousel .slider-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out;
}

.product-carousel .slider-item {
    float: left;
}

.slider-controls .slider-page,
.slider-controls .slider-buttons div {
    cursor: pointer;
}

.slider-controls {
    user-select: none;
}

/* mouse grab icon */


/* fix */
.customNavigation {
    text-align: center;
    width: 100%;

    position: absolute;
    top: 0;
    right: 0;
}

.customNavigation a {
    user-select: none;
    display: block;
    float: right;
    position: absolute;
    top: -38px;
    height: 40px;
    width: 22px;
}

#products-related .customNavigation a,
#products-latest_viewed .customNavigation a {
    top: -55px;
    height: 28px;
}

.customNavigation a.prev {
    right: 35px;
    color: #FFFFFF;
    cursor: pointer;
}

.product-image .customNavigation a.prev {
    left: 0;
    color: #000000;
    width: 20px;
}

.product-image .customNavigation a.next {
    right: 0;
    color: #000000;
    width: 20px;
}

.product-image .customNavigation a {
    top: 40px;
}

.customNavigation a.prev:hover {
    text-decoration: none;
}

.customNavigation a.next {
    right: 10px;
    color: #FFFFFF;
    cursor: pointer;
}

.customNavigation a.next:hover {
    text-decoration: none;
}

.banners-slider-carousel .product-carousel {
    width: auto;
    margin: 0 15px;
}

.banners-slider-carousel .customNavigation a.prev {
    left: 0;
    top: 20px;
    z-index: 1;
    cursor: pointer;
    width: 20px;
    color: #000000;
}

.banners-slider-carousel .customNavigation a.prev:hover {
    text-decoration: none;
    z-index: 999;
}

.banners-slider-carousel .customNavigation a.next {
    right: 0;
    top: 20px;
    cursor: pointer;
    z-index: 1;
    color: #000000;
}

.banners-slider-carousel .customNavigation a.next:hover {
    text-decoration: none;
    z-index: 999;
}


.product-info .product-image .customNavigation {
    text-align: center;
    width: 100%;
    z-index: 9;
}

.product-info .product-image .customNavigation a {
    user-select: none;
    display: block;
    float: right;
    height: 20px;
    position: absolute;
    top: -34px;
    width: 16px;
}

.product-info .product-image .customNavigation span {
    width: 16px;
    height: 24px;
}

.product-info .product-image .customNavigation span.prev {
    left: 0;
    top: 35px;
    position: absolute;
    cursor: pointer;
    background: url("../../image/megnor/sprite.png") no-repeat scroll -12px -29px transparent;
}

.product-info .product-image .customNavigation span.prev:hover {
    text-decoration: none;
    background-position: -12px -1px;
}

.product-info .product-image .customNavigation span.next {
    right: 0;
    top: 35px;
    position: absolute;
    cursor: pointer;
    background: url("../../image/megnor/sprite.png") no-repeat scroll -43px -30px transparent;
}

.product-info .product-image .customNavigation span.next:hover {
    text-decoration: none;
    background-position: -43px -2px;
}


.col-lg-6.product-left, .col-lg-6.product-right {
    position: relative;
}

.product-carousel .fa:before {
    content: none;
}