/* 
 * 	v1.0.0 
 * 	Core Owl Carousel CSS File
 */

/* clearfix */
.owl-carousel:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh !important;
}
.owl-carousel .owl-wrapper{
    position: absolute;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-perspective: 1000;
    height: 100vh;
}
.owl-carousel .owl-item{
    float: left;
    height: 100vh;
    
}
.owl-carousel .owl-item .item {
    height: 100vh;
}
.owl-carousel .owl-item .item img {
    height: 100vh;
}
.owl-controlls .owl-page,
.owl-controlls .owl-buttons{
    cursor: pointer;
}
.owl-controlls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}


/* Ronald Custom */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (min-width: 320px)  {
	 .owl-carousel{
        display: none;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 190px !important;
    }
    .owl-carousel .owl-wrapper{
        position: absolute;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-perspective: 1000;
        height: 190px !important;
    }
    .owl-carousel .owl-item{
        float: left;
        height: 190px !important;
        
    }
    .owl-carousel .owl-item .item {
        height: 190px !important;
    }
    .owl-carousel .owl-item .item img {
        height: 190px !important;
    }
}
/* ronald */
/* smartphones, Android phones, landscape iPhone */
@media (min-width: 480px)  { 
    .owl-carousel{
        display: none;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 190px !important;
    }
    .owl-carousel .owl-wrapper{
        position: absolute;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-perspective: 1000;
        height: 190px !important;
    }
    .owl-carousel .owl-item{
        float: left;
        height: 190px !important;
    }
    .owl-carousel .owl-item .item {
        height: 190px !important;
    }
    .owl-carousel .owl-item .item img {
        height: 190px !important;
    }
}

/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (min-width: 600px)  {
    .owl-carousel{
        display: none;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 340px !important;
    }
    .owl-carousel .owl-wrapper{
        position: absolute;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-perspective: 1000;
        height: 340px !important;
    }
    .owl-carousel .owl-item{
        float: left;
        height: 340px !important;
        
    }
    .owl-carousel .owl-item .item {
        height: 340px !important;
    }
    .owl-carousel .owl-item .item img {
        height: 340px !important;
    }
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:801px)  { 
        .owl-carousel{
        display: none;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100vh !important;
    }
    .owl-carousel .owl-wrapper{
        position: absolute;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-perspective: 1000;
        height: 100vh !important;
    }
    .owl-carousel .owl-item{
        float: left;
        height: 100vh !important;
    }
    .owl-carousel .owl-item .item {
        height: 100vh !important;
    }
    .owl-carousel .owl-item .item img {
        height: 100vh !important;
    }
}

@media only screen and (min-width: 1000px) {
        .owl-carousel{
        display: none;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100vh !important;
    }
    .owl-carousel .owl-wrapper{
        position: absolute;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-perspective: 1000;
        height: 100vh;
    }
    .owl-carousel .owl-item{
        float: left;
        height: 100vh;
        
    }
    .owl-carousel .owl-item .item {
        height: 100vh;
    }
    .owl-carousel .owl-item .item img {
        height: 100vh;
    }
}

@media only screen and (min-width: 1500px) {
    .owl-carousel{
        display: none;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100vh !important;
    }
    .owl-carousel .owl-wrapper{
        position: absolute;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-perspective: 1000;
        height: 100vh;
    }
    .owl-carousel .owl-item{
        float: left;
        height: 100vh;
        
    }
    .owl-carousel .owl-item .item {
        height: 100vh;
    }
    .owl-carousel .owl-item .item img {
        height: 100vh;
    }
}