/**********************************************
partslider-0
**********************************************/

.partSlider {
	position: relative; /* prev/next button */
	z-index:1;
}

.slideContainerViewport {
    overflow: hidden; position: relative; /* if you append buttons */
}

.slideContainer {
	width: 100%;
	height: auto; /* you can use padding-bottom when fade is active */
  	display: flex;
  	transition-property: transform;
  	/*visibility: hidden; /* hide when js is not loaded */
	position: relative; /* needed when fade is true */
}

.slide {
  	flex:0 0 auto;
}

.slide img {width: 100%; height: 100%; object-fit: cover;}

.slide.visible 				{}

.slideContainer.fadeMode .slide				{transition-property: opacity; opacity: 0; position: absolute; left: 0; top:0;}
.slideContainer.fadeMode .slide.selected 	{z-index:1; opacity: 1;}

/* pagination */
.slidePagination {
	position: absolute;
	top:20px;
	right:20px;
	z-index: 4;
	display:flex;
  	justify-content:center;
}

.slidePaginationBullet {
	width:40px;
  	height:8px;
  	background-color:#fff;
  	margin-left: 10px;
	cursor:pointer;
  	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.slidePaginationBullet.selected  {
  background-color: #751c71;
}

/* buttons */
.sliderButton 						{display: none; border-radius:0; outline:none; cursor:pointer; padding:25px; border:0; -webkit-appearance: none; background-color: transparent; position:absolute; top: 50%; transform: translateY(-50%); z-index: 2; } /* display:flex; justify-content:center; align-items:center; */
.sliderButton svg                   {fill: #fff; height:30px; width:15px; /* set height and width for IE */}

.sliderButton.prev 					{left:0;}
.sliderButton.next 					{right:0;}
.sliderButton.disabled 				{opacity: 0.5; cursor: not-allowed;}

/* custom code */				
.homeHeader .slideContainer   	{height:590px; max-width: calc(50% + 30px); margin-left: auto;}
.homeHeader .imagePlaceholder  {padding-bottom:590px!important;}
.homeHeader .slideContainer img 	{object-position: right center;}