/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains Owl Carousel CSS.
*/

/***************************
        Owl Carousel
***************************/
.owl-carousel .portfolio-item {  background-size: cover; }
.owl-carousel .portfolio-item .button { white-space: nowrap; }
.owl-carousel .owl-item img { width: auto; max-height: 400px; width: auto !important; margin: 0 auto; }
.owl-carousel .owl-nav {  cursor: pointer; z-index: 999; width: 100%; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{ display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;}
.owl-carousel .owl-nav .owl-prev { left:30px;  display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);   }
.owl-carousel .owl-nav .owl-next { right:30px; display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);  }
.owl-carousel .owl-nav i{ font-size: 20px; width:50px; height:50px; line-height:50px; display: inline-block; color:#fff; border-radius: 0px; background:#bbd03a!important; border:0px solid #bbd03a; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.owl-carousel .owl-nav i:hover{background:#bbd03a; color:#fff;}
.bottom-nav .owl-nav { bottom: 0; top: inherit; }
.bottom-nav .owl-nav .owl-next { right: 46%; bottom: -20px; top: inherit; transform: inherit; }
.bottom-nav .owl-nav .owl-prev { left: 46%; bottom: -20px; top: inherit; transform: inherit; }
 .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { margin: 0 !important; }

/* Dots */ 
.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; }
.owl-carousel .owl-dots { display: inline-block;  /*position: absolute; bottom: -35px; */ margin-top: 0px; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 12px; min-height: 12px; margin-top: 5px; border-radius: 0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#84ba3f; min-height: 17px; margin-top: 0; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; }
.bottom-center-dots .owl-dots { bottom: 30px !important; position: absolute;  }
.bottom-center-dots .owl-dots .owl-dot span  { background: #ffffff; }
.bottom-right-dots .owl-dots { bottom: 30px !important; position: absolute; right: 30px; width: auto; }
.bottom-right-dots .owl-dots .owl-dot span  { background: #ffffff; }