/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.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:translate3d(0,0,0);z-index:7;}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;outline:none !important; -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;-webkit-appearance:none;}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeIn{animation-name:fadeIn}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{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;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform: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:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


#Clientlogos.owl-carousel .owl-stage {
    padding: 6px 0 !important;
}
/*#Clientlogos.owl-carousel .owl-item:nth-child(5n) li a:before {
    content: '+';
    font-size: 18px;
    color: #b8b8b8;
    position: absolute;
    right: -4px;
    top: -10px
}
#Clientlogos.owl-carousel .owl-item:nth-child(5n) li a:nth-child(2):after {
    content: '+';
    font-size: 18px;
    color: #b8b8b8;
    position: absolute;
    right: -4px;
    bottom: -10px
}*/
#otherprodlist.owl-carousel .owl-nav {
    position: absolute;
    margin: 0;
    width: 100%;
    top:50%;
    margin-top:-15px;
    height:30px;
    /*display:block !important;*/
}
    #otherprodlist.owl-carousel .owl-nav button.owl-next {
        background: url(../images/next.svg) no-repeat center center;
        background-size: 100%;
        width: 30px;
        height: 30px;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
        margin-right: -2vw;
        float: right;
        margin-top: 0;
    }
    #otherprodlist.owl-carousel .owl-nav button.owl-prev {
        background: url(../images/prev.svg) no-repeat center center;
        background-size: 100%;
        width: 30px;
        height: 30px;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
        margin-left: -2vw;
        float: left;
        margin-top: 0;
    }
    #otherprodlist.owl-carousel .owl-nav button.owl-next:hover {
        background: url(../images/next.svg) no-repeat center center;
        background-size: 100%;
        -moz-transition: all 500ms;
        -webkit-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
        transform: scale(1.3);
    }

    #otherprodlist.owl-carousel .owl-nav button.owl-prev:hover {
        background: url(../images/prev.svg) no-repeat center center;
        background-size: 100%;
        -moz-transition: all 500ms;
        -webkit-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
        transform: scale(1.3);
    }

#otherprodlist.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
#otherprodlist.owl-carousel .owl-nav button span{display:none}

#homebanner.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    z-index: 9;
    left: 8%;
    bottom: 2vw;
    height: 32px;
    animation: fade-up 1.5s linear forwards;
}

#homebanner.owl-theme .owl-dots .owl-dot span {
    width: 150px;
    height: 24px;
    text-align: left;
    background: transparent;
    border: none;
    font-family: 'Lato';
    border-radius: 0;
    border-bottom: 2px solid #fff;
    opacity: 0.3;
    transition: all 0.3s;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
#homebanner.owl-theme .owl-dots .owl-dot span:hover {
    opacity: 1;
    transition: all 0.3s;
}
#homebanner.owl-theme .owl-dots .owl-dot:first-child span:before {
    content: '1. DB Distribution Box';
}

#homebanner.owl-theme .owl-dots .owl-dot:nth-child(2) span:before {
    content: '2. KBH Holder';
}
#homebanner.owl-theme .owl-dots .owl-dot:nth-child(3) span:before {
    content: '3. Proboxx';
}

#homebanner.owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

#brand_pro.owl-theme .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    height: 50px;
    width: 100%;
}

    #brand_pro.owl-theme .owl-nav .owl-next, #brand_pro.owl-theme .owl-nav .owl-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        right: -7%;
        text-align: center;
        border-radius: 50%;
        background: url(../images/arrow.png) no-repeat center;
        transform: rotate(0deg);
        -moz-transition: all 300ms;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
    }
    #brand_pro.owl-theme .owl-nav .owl-next span, #brand_pro.owl-theme .owl-nav .owl-prev span{
        display:none;
    }
        #brand_pro.owl-theme .owl-nav .owl-prev {
        left: -7%;
        right: auto;
        background: url(../images/arrow.png) no-repeat center;
        transform: rotate(-180deg);
    }
#Clientlogos.owl-theme .owl-nav.disabled + .owl-dots {
    bottom: 20px;
    height: 10px;
    margin-top: 30px;
}

#Clientlogos.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #bbb;
    transition: all 0.3s;
    cursor: pointer;
    margin-top: 2px;
}

#Clientlogos.owl-theme .owl-dots .owl-dot.active span {
    width: 40px;
    height: 10px;
    background: #164194;
}

@media screen and (min-width: 1600px) {
    #otherprodlist.owl-carousel .owl-nav {
        margin-top: -0.75vw;
        height: 1.50vw;
        /*display:block !important;*/
    }
    #homebanner.owl-theme .owl-nav.disabled + .owl-dots {
        height: 2vw;
        animation: fade-up 1.5s linear forwards;
    }

    #homebanner.owl-theme .owl-dots .owl-dot span {
        width: 9.375vw;
        height: 1.500vw;
        border-bottom: 0.125vw solid #fff;
        font-size: 0.875vw;
        line-height: 1.125vw;
    }
    #Clientlogos.owl-carousel .owl-stage {
        padding: 0.375vw 0 !important;
    }
    #Clientlogos.owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 1.250vw;
        height: 0.625vw;
        margin-top: 1.875vw;
    }

    #Clientlogos.owl-theme .owl-dots .owl-dot span {
        width: 0.625vw;
        height: 0.625vw;
        background: #bbb;
        transition: all 0.3s;
        cursor: pointer;
        margin-top: 0.125vw;
    }

    #Clientlogos.owl-theme .owl-dots .owl-dot.active span {
        width: 2.500vw;
        height: 0.625vw;
        background: #164194;
    }
    #otherprodlist.owl-carousel .owl-nav button.owl-next , #otherprodlist.owl-carousel .owl-nav button.owl-prev {
        
        width: 1.50vw;
        height: 1.50vw;
    }
}

@media screen and (max-width:1279px) {
    
    #otherprodlist.owl-carousel .owl-nav button.owl-next {
        margin-right:-3vw;
    }
    #otherprodlist.owl-carousel .owl-nav button.owl-prev {
        margin-left: -3vw;
    }
    #homebanner.owl-theme .owl-nav.disabled + .owl-dots {
        position: absolute;
        left: 4%;
        bottom: 2vw;
        height: 32px;
    }
}
@media screen and (max-width:1024px) {
   
}

    @media (max-width: 960px) {
        #homebanner.owl-theme .owl-dots .owl-dot span {
            width: 125px;
            height: 24px;
            font-size: 12px;
            line-height: 18px;
        }
        #homenews.owl-theme .owl-nav.disabled + .owl-dots {
            bottom: 20px;
            height: 10px;
            margin-top: 30px;
        }

        #homenews.owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            background: #bbb;
            transition: all 0.3s;
            cursor: pointer;
            margin-top: 2px;
        }

        #homenews.owl-theme .owl-dots .owl-dot.active span {
            width: 40px;
            height: 10px;
            background: #164194;
        }
        #otherprodlist.owl-carousel .owl-nav button.owl-next {
            margin-right: -40px;
        }

        #otherprodlist.owl-carousel .owl-nav button.owl-prev {
            margin-left: -40px;
        }
    }

    @media (max-width: 900px) {
       
    }


    @media only screen and (max-width: 767px) {
        /*#otherprodlist.owl-carousel .owl-nav button.owl-prev, #otherprodlist.owl-carousel .owl-nav button.owl-next {
            width: 2.5vw;
            height: 4.626vw;
        }*/
        #otherprodlist.owl-carousel .owl-nav button.owl-next {
            width:22px;
            height:22px;
            margin-right: -20px;
        }

        #otherprodlist.owl-carousel .owl-nav button.owl-prev {
            width: 22px;
            height: 22px;
            margin-left: -20px;
        }

        #homebanner.owl-theme .owl-nav.disabled + .owl-dots {
            bottom: 20px;
            height: 32px;
            left:2%;
        }
        #homebanner.owl-theme .owl-dots .owl-dot span {
            width: 120px;
            height: 24px;
            font-size: 12px;
            line-height: 18px;
        }
        #Clientlogos.owl-theme .owl-nav.disabled + .owl-dots {
            bottom: 20px;
            height: 10px;
            margin-top:30px;
        }

        #Clientlogos.owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            background: #bbb;
            transition: all 0.3s;
            cursor: pointer;
            margin-top: 2px;
        }

        #Clientlogos.owl-theme .owl-dots .owl-dot.active span {
            width: 40px;
            height: 10px;
            background: #164194;
        }
    }

    @media only screen and (max-width: 400px) {
            #homebanner.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span {
                width: 90px;
            }
            #homebanner.owl-theme .owl-nav.disabled + .owl-dots .owl-dot:first-child span {
                width: 130px;
            }
    }