.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
background: none;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.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;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
background: none;
}
.owl-carousel .owl-item {
display: block;
width: 100%;
}
.owl-carousel .owl-nav,
.owl-carousel .owl-dots {
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
user-select: none;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
}
.owl-carousel .owl-prev {
cursor: pointer;
user-select: none;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
}
.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 {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .owl-nav {
margin-top: 2.5rem;
pointer-events: none;
}
.owl-carousel .owl-next {
display: inline-flex;
padding: 5px;
font-size: 20px;
line-height: 1;
cursor: pointer;
pointer-events: auto;
color: #ffffff;
}
.owl-carousel .owl-prev {
display: inline-flex;
padding: 5px;
font-size: 20px;
line-height: 1;
cursor: pointer;
pointer-events: auto;
color: transparent;
}
.owl-carousel .owl-prev::before, .owl-carousel .owl-prev::after,
.owl-carousel .owl-next::before,
.owl-carousel .owl-next::after {
display: block;
font-family: 'Intense Icons';
}
.owl-carousel .owl-next:hover {
color: white;
}
.owl-carousel .owl-prev:hover {
color: transparent;
}
.owl-carousel .owl-next.disabled {
color: #ffffff;
opacity: .3;
cursor: default;
}
.owl-carousel .owl-prev.disabled {
color: transparent;
opacity: .3;
cursor: default;
}
.context-dark .owl-carousel, .context-dark
.owl-carousel .owl-next {
color: rgba(255, 255, 255, 0.7);
}
.context-dark .owl-carousel .owl-prev {
color: white;
}
.context-dark .owl-carousel .owl-prev:hover {
color: transparent;
}
.context-dark .owl-carousel, .context-dark
.owl-carousel .owl-next:hover {
color: #fff;
}
.owl-carousel .owl-prev {
margin-right: 10px;
}
.owl-carousel .owl-prev::before {
content: '\e908';
}
.owl-carousel .owl-next {
margin-left: 10px;
}
.owl-carousel .owl-next::before {
content: '\e909';
}
.owl-carousel .owl-dots {
margin-top: 2.5rem;
font-size: 0;
line-height: 0;
}
.owl-carousel .owl-dot {
position: relative;
display: inline-block;
text-align: center;
width: 24px;
height: 12px;
margin: 0 4px;
zoom: 1;
}
.owl-carousel .owl-dot span {
display: inline-block;
width: 12px;
height: inherit;
border-radius: 8px;
background: #e8e8e9;
transition: all .3s ease;
}
.owl-carousel .owl-dot:hover span {
background: #ffffff;
}
.owl-carousel .owl-dot.active span {
width: inherit;
background: #ffffff;
}
* + .owl-carousel {
margin-top: 2.5rem;
}
.divider + .owl-carousel {
margin-top: 4.6875rem;
}
.owl-style-1 .owl-nav {
position: absolute;
top: 50%;
display: flex;
justify-content: space-between;
left: 0;
right: 0;
margin-top: 0;
transform: translateY(-50%);
}
.owl-style-2 {
position: relative;
text-align: center;
}
.owl-style-2 .owl-nav {
position: absolute;
top: 50%;
display: none;
justify-content: space-between;
left: 0;
right: 0;
margin-top: 0;
transform: translateY(-50%);
}
@media (min-width: 992px) {
.owl-style-2 .owl-nav {
display: flex;
}
}
.owl-style-2 .owl-dots {
position: absolute;
margin-top: 0;
font-size: 0;
line-height: 0;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 1200px) {
.owl-style-2 .owl-dots {
bottom: -70px;
}
}
.owl-style-2 .owl-dot {
position: relative;
display: inline-block;
text-align: center;
width: 16px;
height: 16px;
margin: 0 5px;
zoom: 1;
}
.owl-style-2 .owl-dot span {
position: absolute;
top: 50%;
left: 50%;
margin-left: -5px;
margin-top: -5px;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #e8e8e9;
transition: all .3s ease;
will-change: transform;
}
.owl-style-2 .owl-dot:hover span {
transform: scale(1.6);
background: black;
}
.owl-style-2 .owl-dot.active span {
width: 10px;
transform: scale(1.6);
background: black;
}
.context-dark .owl-style-2 .owl-dots .owl-dot span {
background: #fff;
}
.context-dark .owl-style-2 .owl-dots .owl-dot:hover span {
background: #fff;
}
.context-dark .owl-style-2 .owl-dots .owl-dot.active span {
background: #fff;
}
.owl-style-3 .owl-nav {
position: absolute;
top: 50%;
display: flex;
justify-content: space-between;
left: 0;
right: 0;
margin-top: 0;
transform: translateY(-50%);
color: white;
}
.owl-style-3 .owl-next {
color: white;
font-size: 50px;
}
.owl-style-3 .owl-prev {
color: white;
font-size: 50px;
padding-left: 0;
margin-left: 0;
}
.owl-style-2 .owl-next {
color: black;
}
.owl-style-3 .owl-next:hover {
color: white;
}
.owl-style-3 .owl-prev:hover {
color: white;
}
.owl-style-2 .owl-next:hover {
color: black;
}
@media (min-width: 768px) {
.owl-style-3 .owl-nav {
margin-top: 0;
color: white;
}
}
@media (min-width: 1200px) {
.owl-style-3 .owl-nav {
margin-top: -30px;
color: white;
}
}
@media (min-width: 1600px) {
.owl-style-3 .owl-nav {
padding-left: 120px;
color: white;
}
}
.owl-content-center .owl-stage {
display: flex;
align-items: center;
}