/**********************************************
partslider-1.4
**********************************************/

/* fundementals */
.partSlider {
	position: relative; /* prev/next button */
}

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

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

.partSlider .slide {
	flex: 0 0 auto;
}

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

/* fade mode */
.partSlider .slideContainer.fadeMode .slide {
	transition-property: opacity;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.partSlider .slideContainer.fadeMode .slide.selected {
	z-index: 10;
	opacity: 1;
}

/* buttons */
.partSlider .sliderButton {
	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: 20;
	display: flex;
	justify-content: center;
	align-items: center;
}
.partSlider .sliderButton svg {
	fill: #fff;
	height: 30px;
  	width: 15px; /* set height and width for IE */
}

.partSlider .sliderButton.prev {
  	left: 0;
}

.partSlider .sliderButton.next {
  	right: 0;
}

.partSlider .sliderButton.disabled {
  	opacity: 0.5;
  	cursor: not-allowed;
}

/* pagination */
.partSlider .slidePagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 20;
	display: flex;
	justify-content: center;
}

.partSlider .slidePaginationBullet {
	margin: 0;
	cursor: pointer;
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	border-bottom: 15px solid rgba(255,255,255,0.5);
}

.partSlider .slidePaginationBullet:nth-child(even) {
	transform: rotateX(180deg);
} 

.partSlider .slidePaginationBullet:hover, .partSlider .slidePaginationBullet.selected {
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	border-bottom: 15px solid rgba(255,255,255,1);
}

/* slide selectors */
.partSlider .slide.visible {

}

.partSlider .slide.selected {

}

.sliderHeader .slider-caption { position: absolute; top: 50%; width: 100%; overflow: hidden; padding:0px 20px 25px 20px; box-sizing: border-box; text-align: left; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.sliderHeader .slider-caption .captionContainer {max-width: 1380px; margin:0px auto; padding-left: 33%; box-sizing: border-box; padding-right: 30px;}
.sliderHeader .slider-caption span { display: block; color: #fff; font-size: 26px; line-height: 1.7em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}
.sliderHeader .slider-caption .text { margin-left: -15px; font-weight: 300; padding-top: 0px;}
.sliderHeader .slider-caption .head { margin-bottom: 20px; text-transform: uppercase; line-height: 1.2em; display: inline;}
.sliderHeader .slider-caption .head:after {content:' '; clear: both; height: 10px; display: block; width: 100%;}
.sliderHeader .slider-caption .head span { padding: 0px 0px; box-shadow: 15px 0 0 #484a4f, -15px 0 0 #484a4f; -moz-box-shadow: 15px 0 0 #484a4f, -15px 0 0 #484a4f; background-color: #484a4f;  display: inline; font-family: 'antipastoregular';letter-spacing: 3px; font-size: 40px; box-decoration-break: clone;}
.sliderHeader .slider-caption .head .typed-cursor { padding:0; box-shadow: none; background: none; margin:0; display: inline-block; vertical-align: 2px; line-height: 100%;}


.sliderHeader a {display: inline-block; background:#ee0068; color: #fff; font-size: 22px; transition: background-color 0.3s; line-height: 22px; text-decoration: none; text-transform: uppercase; font-weight: bold; padding:5px 8px; margin-top: 10px; margin-left: -10px;}
.sliderHeader a:hover {background-color:#82156e;}



/*
@media (max-width:  400px){
	body .sliderHeader .slider-caption .head { line-height: 10px; }
    body .sliderHeader .slider-caption .head span{font-size: 16px; }
    body .sliderHeader .slider-caption .text {font-size: 13px; padding-top: 0;}
    body .sliderHeader .slider-caption .head:after {height: 10px; }
} */