.owl-carousel .animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.owl-height{
    -webkit-transition:height .5s ease-in-out;
    -moz-transition:height .5s ease-in-out;
    -ms-transition:height .5s ease-in-out;
    -o-transition:height .5s ease-in-out;
    transition:height .5s ease-in-out
}
.owl-carousel{
    width:100%;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    display:flex
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translateZ(0);
    display:flex
}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{
    cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel .owl-refresh .owl-item{
    display:none
}
.owl-carousel .owl-item{
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    height:100%;
    margin-left:4px;
}
.owl-carousel .owl-item .item{
    height:100%
}
.owl-carousel .owl-item img{
    display:inline-block;
    max-width:100%;
    width:auto;
    height:auto;
    -webkit-transform-style:preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item{
    -webkit-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto
}
.owl-carousel .owl-grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.no-js .owl-carousel{
    display:block
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    -webkit-transition:opacity .4s ease;
    -moz-transition:opacity .4s ease;
    -ms-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease
}
.owl-carousel .owl-item img{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .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;
    -webkit-backface-visibility:hidden;
    -webkit-transition:scale .1s ease;
    -moz-transition:scale .1s ease;
    -ms-transition:scale .1s ease;
    -o-transition:scale .1s ease;
    transition:scale .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    -webkit-transition:scale(1.3,1.3);
    -moz-transition:scale(1.3,1.3);
    -ms-transition:scale(1.3,1.3);
    -o-transition:scale(1.3,1.3);
    transition:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:50%;
    background-repeat:no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    -webkit-transition:opacity .4s ease;
    -moz-transition:opacity .4s ease;
    -ms-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1
}
.owl-theme .owl-controls{
    text-align:center;
    -webkit-tap-highlight-color:transparent;
    line-height:1.2em;
}
.owl-controls .owl-nav [class*=owl-]{
    position:absolute;
    top:50%;
    color:#82ab28;
    margin-top: -17px;
    font-size:36px;
    width: 40px;
    line-height: 1em;
    background:#e8f2cf;
}
.owl-controls .owl-nav [class*=owl-]:hover{
    color:#fff;
    background:#82ab28;
}
.owl-controls .owl-nav [class*=owl-]:before{
    font-family:icomoon;
}
.owl-carousel:hover .owl-controls .owl-nav{
    opacity:1;
}
.owl-prev:before{
    content:"\e9b0";
}
.owl-next:before{
    content:"\e9b3";
}
.owl-controls .owl-nav .owl-prev{
    left:-10px
}
.owl-controls .owl-nav .owl-next{
    right:-10px
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    *display:inline
}
.owl-theme .owl-dots{
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    text-align: center;
}
@media(min-width: 992px) {
    .owl-controls .owl-nav{
        opacity:0;
    }
    .recommendation-list{
        margin-bottom: 60px;
    }
}
@media(max-width: 992px) {
    .owl-theme .owl-dots .owl-dot{
        display: none;
    }
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#a3b979;
    width: 14px;
}
.owl-theme .owl-dots .owl-dot span{
    width:18px;
    height:10px;
    margin:5px 7px;
    background:#fff;
    border:1px solid #aaa;
    display:block;
    -webkit-backface-visibility:visible;
    transition: all ease .4s;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
.owl-carousel{
    touch-action:manipulation
}
.recom-item{
    border:1px solid #ddd;
    text-align:center;
    position:relative;
    padding-bottom:62px;
    box-shadow:0 0 10px #dadcdf;
    transition:all .4s ease;
    height:100%;
    background:#fff;
    border-radius:20px;
    overflow:hidden
}
.recom-item:before{
    display:inline-block;
    padding:3px 10px;
    line-height:1.2em;
    font-size:.9em;
    border-radius:5px;
    position:absolute;
    top:20px;
    left:20px;
    color:#fff;
}
.recom-item.new-product:before{
    content:'New';
    background:#f6bad1;
    color:#f94388;
    background:#f5f5f5;
    font-weight:bold;
}
.recom-item.hot-product:before{
    content:'Hot';
    color:#f0673c;
    background:#fcefeb;
    font-weight:bold;
}
.recommended-pro .recom-three{
    background:#e89c42;
}
.recom-item:hover{
    box-shadow:none
}
.recom-one{
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:5px
}
.recom-one p{
    margin-bottom:3px;
    color:#3b3c3e;
    font-size:.94em;
    line-height:1.6em
}
.recom-one p:last-child{
    margin-bottom:12px
}
.recommendation-list .small-title{
    display:table;
    width:100%;
    transition:all .5s ease;
    color:#222;
    font-size:1.5rem;
    padding:5px 0;
    margin-bottom:5px;
}
.description-box .recommendation-list .small-title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.42rem;
    line-height:1.5em;
    width:100%;
}
.description-box .recommendation-list .small-title>span{
    display:inline;
    max-width:100%;
}
.description-box .recom-one p{
    font-size:.9em;
}
.recommendation-list .small-title>span{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    max-width:288px;
    word-wrap:break-word;
    padding:0 5px
}
.recommendation-list a:hover .small-title{
    color:#366caf;
}
.recom-img{
    height:170px;
    display:table;
    width:100%;
    margin-bottom:10px;
    border-bottom:1px solid #f2f2f2
}
.recom-img span{
    display:table-cell;
    vertical-align:middle;
    height:170px;
    width:100%;
    padding:5px 15px 0;
}
.recom-img img{
    max-width:98%;
    max-height:98%
}
.recom-two{
    left:0;
    background:#e6e9de;
    color:#82ab28
}
.recom-three{
    right:0;
    background:#e8a758;
    color:#fff
}
.recom-two:focus,.recom-two:hover{
    color:#82ab28;
    width: 55%;
    z-index:1
}
.recom-three:focus,.recom-three:hover{
    color:#fff;
    width: 55%;
    z-index:1
}
.recom-three,.recom-two{
    display:inline-block;
    position:absolute;
    width:50%;
    font-size:.95em;
    line-height:1.45em;
    bottom:0;
    height: 54px;
    transition:all .3s ease;
    border:0;
    align-content: center;
}
.recom-two.recom-inquiry,.recom-item a.recom-two:last-child{
    width:100%
}
.recom-three span,.recom-two span{
    display:block;
    font-size:22px;
    align-content: center;
}
