@media (max-width:768px){
    .columns .column.main{max-width:100%}
    .owl-carousel .owl-item .product-item .product-item-info{background:none;box-shadow:none}
}

.block.crosssell .owl-stage .owl-item .product-item{width:89%!important}

.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both;height:0}

/* Base styles */
.extend_1,.owl-carousel.products .owl-controls .owl-nav .owl-prev,
.owl-carousel.products .owl-controls .owl-nav .owl-next,
.owl-carousel.products .owl-controls .owl-dot{
    cursor:pointer;
    user-select:none;
    font-size:0
}
.owl-flex .owl-stage {display:flex;}
.owl-flex .owl-item {display:flex;}
.flex-grow {
    flex-grow: 1;
}

.products.products-grid,.custom-slider{position:relative;padding:0 0 20px}
.products.products-grid .banner-image img,.custom-slider .banner-image img{height:auto}
.products.products-grid.remove-padding .owl-stage-outer,.custom-slider.remove-padding .owl-stage-outer{padding:0}
.products-grid .owl-item .product-item .product-item-details .price-box .old-price{margin-left:0}

/* Owl Carousel Products */
.owl-carousel.products{display:none;width:100%;position:relative;z-index:0}
.owl-carousel.products .animated{animation-duration:1000ms;animation-fill-mode:both}
.owl-carousel.products .owl-animated-in{z-index:0}
.owl-carousel.products .owl-animated-out{z-index:1}
.owl-carousel.products .fadeOut{animation-name:fadeOut}
.owl-carousel.products .owl-stage{position:relative}
.owl-carousel.products .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel.products .owl-stage-outer{position:relative;overflow:hidden;padding:20px 0}

.owl-carousel.products .owl-controls .owl-nav .owl-prev,
.owl-carousel.products .owl-controls .owl-nav .owl-next{
    cursor:pointer;
    user-select:none;
    font-size:0
}

.owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-prev,
.owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-next{
    width:40px!important;
    top:0!important;
    background:none!important
}

.owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-prev{left:0!important}
.owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-next{right:0!important}

.owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-prev.owl-prev-bottom.owl-label-show,
.owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-next.owl-next-bottom.owl-label-show{
    width:auto!important
}

.owl-carousel.products.owl-loaded{display:block}
.owl-carousel.products.owl-loading{opacity:0;display:block}
.owl-carousel.products.owl-hidden{opacity:0}
.owl-carousel.products .owl-item{position:relative;min-height:1px;float:left;user-select:none}
.owl-carousel.products .owl-item img{display:block;width:100%;transform-style:preserve-3d}
.owl-carousel.products .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}
.owl-carousel.products .owl-item .product-item{width:100%!important;margin:10px}
.owl-carousel.products .owl-grab{cursor:grab}
.owl-carousel.products.owl-rtl{direction:rtl}
.owl-carousel.products.owl-rtl .owl-item{float:right}

/* Video related styles */
.owl-carousel.products .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel.products .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    transition:scale 100ms ease
}
.owl-carousel.products .owl-video-play-icon:hover{transition:scale(1.3,1.3)}
.owl-carousel.products .owl-video-playing .owl-video-tn,
.owl-carousel.products .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel.products .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity 400ms ease
}
.owl-carousel.products .owl-video-frame{position:relative;z-index:1}
.owl-carousel.products .owl-refresh .owl-item{display:none}
.owl-carousel.products.owl-text-select-on .owl-item{user-select:auto}

/* Banner content styles */
.owl-carousel.products .banner-item .content_slider{
    position:absolute;
    top:25%;
    left:50px;
    width:calc(100% - 120px);
    z-index:1;
    color:#fff
}
.owl-carousel.products .banner-item .content_slider .banner-title{
    width:100%;
    color:#fff;
    font-size:32px;
    text-transform:uppercase;
    text-align:center;
    display:inline-block;
    clear:both
}
.owl-carousel.products .banner-item .content_slider .banner-description{
    width:100%;
    clear:both;
    display:inline-block;
    text-align:center;
    padding:15px 0
}
.owl-carousel.products .banner-item .content_slider .buttons{
    width:100%;
    clear:both;
    display:inline-block;
    text-align:center
}
.owl-carousel.products .banner-item .content_slider .buttons a.action.primary{margin:10px}
.owl-carousel.products .banner-item .content_slider .buttons .custom_content{
    margin:10px 0 0;
    text-align:center
}
.owl-carousel.products .product-item-details{float:left;width:100%}

/* Animations */
@keyframes fadeOut{
    0%{opacity:1}
    100%{opacity:0}
}

.owl-height{transition:height 500ms ease-in-out}

/* Owl Theme */
.owl-theme.owl-carousel .owl-controls .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme.owl-carousel .owl-controls .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    border:1px solid #d6d6d6;
    background:#fff;
    display:block;
    transition:opacity 200ms ease;
    border-radius:30px
}
.owl-theme.owl-carousel .owl-controls .owl-dot:hover span{background:#000}
.owl-theme.owl-carousel .owl-controls .owl-dot.active span{background:#000;border-color:#000}
.owl-theme.owl-carousel .product .price-container .price{padding-right:3px}
.owl-theme .owl-controls{text-align:center}

.owl-theme .owl-controls .owl-nav [class*=owl-]{
    color:#fff;
    font-size:0;
    margin:calc(-40px / 2) 0 0;
    padding:0;
    background:rgba(255,255,255,.5);
    display:inline-block;
    cursor:pointer;
    border-radius:3px;
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    text-indent:100%;
    overflow:hidden
}

[class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-]{background:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev{left:15px}
[class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev{left:-55px;font-size:0}

.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev:before{
    position:absolute;
    top:8px;
    left:6px;
    z-index:1;
    width:26px;
    height:25px;
    content:"";
    background-color:#555;
    text-indent:0;
    transform:rotate(360deg);
    -webkit-mask-image:url(../images/arrow.svg);
    mask-image:url(../images/arrow.svg)
}

.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.owl-prev-bottom{position:relative;left:0!important}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.owl-prev-bottom.owl-label-show{
    position:relative;
    display:inline-block;
    text-indent:unset;
    width:auto;
    line-height:40px;
    color:#555;
    padding-left:25px;
    padding-right:10px
}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.owl-prev-bottom.owl-label-show:before{left:0}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.owl-prev-bottom:hover{color:#000}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{right:15px}
[class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{right:-55px;font-size:0}

.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next:before{
    position:absolute;
    top:8px;
    left:7px;
    z-index:1;
    width:26px;
    height:25px;
    content:"";
    background-color:#555;
    transform:rotate(180deg);
    -webkit-mask-image:url(../images/arrow.svg);
    mask-image:url(../images/arrow.svg)
}

.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.owl-next-bottom{position:relative;right:0!important}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.owl-next-bottom.owl-label-show{
    position:relative!important;
    display:inline-block;
    text-indent:unset;
    width:auto;
    line-height:40px;
    color:#555;
    padding-left:10px;
    padding-right:25px
}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.owl-next-bottom.owl-label-show:before{left:auto;right:0}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.owl-next-bottom:hover{color:#000}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#000;color:#fff}
[class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:transparent;color:#000}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before,
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after{background-color:#fff}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}

/* RTL support */
.owl-theme.owl-rtl .owl-controls .owl-nav .owl-next.owl-next-bottom{right:-40px!important}
.owl-theme.owl-rtl .owl-controls .owl-nav .owl-next.owl-next-bottom.owl-label-show{right:0!important}
.owl-theme.owl-rtl .owl-controls .owl-nav .owl-prev.owl-prev-bottom{right:40px!important}
.owl-theme.owl-rtl .owl-controls .owl-nav .owl-prev.owl-prev-bottom.owl-label-show{right:0!important}

.owl-theme .owl-dots{position:absolute;width:100%;bottom:20px}
[class*=owl-carousel-products-] .owl-theme .owl-dots{position:relative;bottom:-20px}
.owl-theme[class*=owl-carousel-product] .owl-controls .owl-nav [class*=owl-]:hover:before,
.owl-theme[class*=owl-carousel-product] .owl-controls .owl-nav [class*=owl-]:hover:after{background:#000}
.no-js .owl-carousel{display:block}

/* Loader styles */
#pre-div{
    background-color:#fff;
    bottom:0;
    height:100%;
    width:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:10000
}
#pre-div-ajax{position:relative;top:80px}
#pre-div .imageloader-loader{width:100%;height:100%}
#pre-div .imageloader-loader td{vertical-align:middle;text-align:center}
#pre-div .cssload-loader{
    position:relative;
    left:calc(50% - 31px);
    top:calc(50% - 31px);
    width:62px;
    height:62px;
    border-radius:50%;
    perspective:780px
}
#pre-div .cssload-inner{
    position:absolute;
    width:100%;
    height:100%;
    box-sizing:border-box;
    border-radius:50%
}
#pre-div .cssload-inner.cssload-one{
    left:0;
    top:0;
    animation:cssload-rotate-one 1.15s linear infinite;
    border-bottom:3px solid #000
}
#pre-div .cssload-inner.cssload-two{
    right:0;
    top:0;
    animation:cssload-rotate-two 1.15s linear infinite;
    border-right:3px solid #000
}
#pre-div .cssload-inner.cssload-three{
    right:0;
    bottom:0;
    animation:cssload-rotate-three 1.15s linear infinite;
    border-top:3px solid #000
}

/* Product view specific styles */
#pre-div .catalog-product-view .product-items .product-item-actions .actions-secondary{display:inline-block!important}
#pre-div .catalog-product-view .product-items .product-item-actions .action.tocompare{position:absolute!important;right:0!important}
#pre-div .catalog-product-view .product-items .product-item-actions .action.towishlist{position:absolute!important;left:0!important}

/* Animation keyframes */
@keyframes cssload-rotate-one{
    0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}
    100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@keyframes cssload-rotate-two{
    0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}
    100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@keyframes cssload-rotate-three{
    0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}
    100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}

.catalog-product-view.theme-pearl .column.main .block-content.content .block-actions .action.select{font-size:18px}
.catalog-product-view .column.main .block-content.content .block-actions .action.select{margin-left:10px}
.catalog-product-view .column.main .products-grid.products-related .product-item .product-item-info .product-item-details .field.choice.related{
    width:80px;
    margin:0 auto;
    float:none;
    position:static
}

@media (max-width:768px){
    .block-margin.row{margin-right:-15px!important}
}

@media (min-width:640px){
    .owl-carousel .product-item .product-item-actions .actions-primary{display:inline-block}
    .owl-carousel .product-item .product-item-actions .actions-primary + .actions-secondary{
        display:inline-block;
        width:auto
    }
}

/* IE10+ Edge CSS styles */
@supports (-ms-ime-align:auto){
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev::before{
        content:"\e7a4"!important;
        font-size:41px!important;
        line-height:23px!important;
        background:transparent;
        color:black;
        left:5px
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before{content:"\e608"!important}
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{
        overflow:visible!important;
        right:30px!important
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next::before{
        content:"\e7a4"!important;
        font-size:41px!important;
        line-height:23px!important;
        background:transparent;
        color:black;
        left:42px
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before{
        content:"\e617"!important;
        font-family:"luma-icons";
        font-size:22px!important;
        line-height:24px!important
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento::before{
        content:"\e617"!important;
        font-family:"luma-icons";
        font-size:22px!important;
        line-height:24px!important;
        left:45px
    }
    [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento{right:-55px!important}
    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before{
        background:transparent!important;
        color:#fff!important
    }
    [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::before,
    [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::after{color:black!important}
}

/* IE10+ Edge CSS styles for older IE versions */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev::before{
        content:"\e7a4"!important;
        font-size:41px!important;
        line-height:23px!important;
        background:transparent;
        color:black;
        left:5px
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before{content:"\e608"!important}
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{
        overflow:visible!important;
        right:30px!important
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next::before{
        content:"\e7a4"!important;
        font-size:41px!important;
        line-height:23px!important;
        background:transparent;
        color:black;
        left:42px
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before{
        content:"\e617"!important;
        font-family:"luma-icons";
        font-size:22px!important;
        line-height:24px!important
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento::before{
        content:"\e617"!important;
        font-family:"luma-icons";
        font-size:22px!important;
        line-height:24px!important;
        left:45px
    }
    [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento{right:-55px!important}
    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before{
        background:transparent!important;
        color:#fff!important
    }
    [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::before,
    [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::after{color:black!important}
}