/*
    kickin-owl slider css
 */

#ko-single {
    height: auto;
    /*width: 1000px;*/
    /*margin: 10px auto;*/
    /*padding: 100px 0;*/
}

#ko-single.owl-carousel .owl-stage {
    display: flex;
}

#ko-single.owl-carousel .owl-item .photo-container{
    background: #e6ebf2;
    height: 450px;
    position:relative;
    width:100%;
}

#ko-single.owl-carousel .owl-item img {
    width: auto;
    max-height: 450px;
    max-width:100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0;
    right: 0;
}

#ko-single .item .caption {
    padding: 33px 30px 0px 10px;
}
#ko-single .item .caption p:before{
    content: '';
    display: block;
    width:14px;
    height:23px;
    background: url(/wp-content/uploads/2017/01/captionup.png) no-repeat left top;
    background-size: 14px auto;
}
/*.owl-slider .owl-carousel .owl-item  {
  -webkit-animation-duration : 0s !important;
  animation-duration : 0s !important;
}*/

#ko-single .owl-nav{
    position: absolute;
    top:33%;
    width: 95%;
    margin:0 auto;
    left: 0;
    right: 0;
}
#ko-single .owl-nav button.owl-prev, #ko-single .owl-nav button.owl-next,
#ko-single .owl-nav button.owl-prev:hover, #ko-single .owl-nav button.owl-next:hover{
    border:0;
    background: url(/wp-content/uploads/2017/02/slidearrowleft.v2.png) no-repeat center center;
    background-size: 47px 82px;
    width:47px;
    height: 82px;
    float: left;    
    display: none;
}
#ko-single .owl-nav button.owl-next, #ko-single .owl-nav button.owl-next:hover{    
    background:url(/wp-content/uploads/2017/02/slide-arrow-right.png) no-repeat center center;
    background-size: 47px 82px;
    float: right;
}
#ko-single .owl-dots{
    position: absolute;
    top: 404px;
    width: 100%;
    text-align: center;
}
#ko-single .owl-dots:focus{
    outline:0;
}
#ko-single .owl-dot span{    
    background:rgba(255,255,255,.75);
    width: 21px;
    height: 21px;
    border: 0;
    border-radius: 0;
    margin:0 9px;
}
#ko-single .owl-dot.active span{
    background: rgba(0,0,255,.75);    
}


#ko-single .owl-nav button span{
    display: block;
    text-indent:-9999px;
}


/*todo: media querries*/
@media only screen and (min-width : 768px) { 

    #ko-single .owl-nav button.owl-prev, #ko-single .owl-nav button.owl-next,
    #ko-single .owl-nav button.owl-prev:hover, #ko-single .owl-nav button.owl-next:hover{
        display: block;
    }

    #ko-single.owl-carousel .owl-item .photo-container{
        height: 600px;
    }
    #ko-single.owl-carousel .owl-item img {
        max-height: 600px;
    }

    #ko-single .item .caption {
        width:45%;
        float: right;
    }
    #ko-single .owl-dots{
        top: 554px;
    }
}