/* ========================================================================
   Component: sliderext
 ========================================================================== */
/*
 * RTL Compatibility
 */
[data-uk-sliderext] {
  direction: ltr;
}
html[dir="rtl"] .uk-sliderext > * {
  direction: rtl;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper {
	width: 100%;
	height: 75px;
	margin-bottom: 30px;
	position: relative;
}
[data-uk-sliderext] .uk-sliderext-nav-container {
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	height: 75px;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-previous, [data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-next {
	display: none;
    position: absolute;
    width: 40px;
    height: 75px;
    background: #fff;
    z-index: 10;
    top: 0;
    color: #e6e6e6;
    font-size: 36px;
    text-align: center;
    line-height: 70px;
    cursor: pointer;
}
[data-uk-sliderext].uk-slidenav-position .uk-slidenav {
    display: block;
    background: #fff;
    color: #444444;
    font-size: 40px;
    width: 35px;
}
[data-uk-sliderext].uk-slidenav-position .uk-slidenav.uk-slidenav-previous {
    left: -35px;
}
[data-uk-sliderext].uk-slidenav-position .uk-slidenav.uk-slidenav-next {
    right: -35px;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-previous {
	left: 0;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-previous:hover ,[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-next:hover {
	color: #444444;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-previous:after {
    content: "\f104";
    font-family: FontAwesome;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-next {
	right: 0;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper .uk-sliderext-nav-next:after {
    content: "\f105";
    font-family: FontAwesome;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper.uk-left-nav .uk-sliderext-nav-container {
	left: 40px;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper.uk-left-nav .uk-sliderext-nav-previous {
	display: block;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper.uk-right-nav .uk-sliderext-nav-container {
	right: 40px;
}
[data-uk-sliderext] .uk-sliderext-nav-wrapper.uk-right-nav .uk-sliderext-nav-next {
	display: block;
}
[data-uk-sliderext] .uk-subnav li {
	margin: 0;
	padding: 0;
}
[data-uk-sliderext] .uk-subnav li a {
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
    line-height: 16px;
    color: #8e8e8e;
	padding: 29px 20px;
	font-family: 'bmwTypeWebBoldAll';
}
[data-uk-sliderext] .uk-subnav li.uk-active a, [data-uk-sliderext] .uk-subnav li:hover a {
	border-bottom: 5px solid #1c69d4;
    color: #444444;
	padding-bottom: 24px;
}

/*
 * 1. Create position context
 * 2. Create stacking context to prevent z-index issues with other components
 * 3. Deactivate browser history navigation in IE11
 */
.uk-sliderext {
  /* 1 */
  position: relative;
  /* 2 */
  z-index: 0;
  /* 3 */
  touch-action: pan-y;
}
/*
 * 1. Reset list style without interfering with grid
 */
.uk-sliderext:not(.uk-grid) {
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Sub-object item
 * 1. Position items above each other
 */
.uk-sliderext > * {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
}
/*
 * Clip child elements
 */
.uk-sliderext-container {
  overflow: hidden;
}
/*
 * Dragged
 */
.uk-sliderext:not(.uk-drag) {
  -webkit-transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
}
/*
 * 1. Makes text unselectable
 */
.uk-sliderext.uk-drag {
  cursor: col-resize;
  /* 1 */
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
 * 1. Prevents images and links from being dragged (default browser behavior)
 * 2. Disables the default callout shown when you touch and hold a touch target
 * Currently only works in Webkit
 */
.uk-sliderext a,
.uk-sliderext img {
  /* 1 */
  -webkit-user-drag: none;
  user-drag: none;
  /* 2 */
  -webkit-touch-callout: none;
}
/*
 * 1. Prevents images and links from being dragged in Firefox
 */
.uk-sliderext img {
  pointer-events: none;
}
/* Modifier: `uk-sliderext-fullscreen`
 ========================================================================== */
.uk-sliderext-fullscreen,
.uk-sliderext-fullscreen > li {
  height: 100vh;
}
