.stype--imagetext {
	font-weight: 300;
}		

.stype--image.alignfull {
	overflow: hidden;
}

.stype--image.alignfull .wrap--tsf-slider {
	margin-left: -20px;
	width: calc( 100vw + 200px );
}

.tsf-slider {
	position: relative;
}		

.tsf-slider .slick-list,
.tsf-slider  .slick-list * {
    outline: none!important;
}

	/* Dots navigation */

.tsf-slider .slick-dotted.slick-slider {
	padding-bottom: 45px;
}

.tsf-slider .slick-dots {
	bottom: -40px;
}

.tsf-slider .slick-dots li,
.tsf-slider .slick-dots li button {
	width: 14px;
	height: 14px;
}

.tsf-slider .slick-dots li:not(.slick-active) {
	width: 6px;
	height: 14px;
}

.tsf-slider .slick-dots li button:before {
	content: normal;
}

.tsf-slider .slick-dots li button {	
	box-shadow: none;
    opacity: 1;
    padding: 0;
}

.tsf-slider .slick-dots li button[aria-label="1 of 1"] { display: none; }

.tsf-slider .slick-dots li:not(.slick-active) button {
	width: 6px;
	height: 6px;
}

.stype--imagetext .tsf-slider {
	padding-bottom: 70px;
	padding-top: 30px;	
}

.stype--imagetext .tsf-slider .slick-dotted.slick-slider {
	padding-bottom: 18px;
	margin-bottom: 0;
}

.stype--imagetext .tsf-slider .slick-dots {
	bottom: 0;
	height: 10px;
}

.stype--imagetext .tsf-slider .slick-dots li {
	vertical-align: top;
}

.stype--imagetext .tsf-slider .slick-dots li,
.stype--imagetext .tsf-slider .slick-dots li button {
	width: 28px;
	height: 10px;
}

.stype--imagetext .tsf-slider .slick-dots li:not(.slick-active),
.stype--imagetext .tsf-slider .slick-dots li:not(.slick-active) button {
	width: 10px;
	height: 10px;
}

	/* EOF Dots navigation */

	/* Arrows navigation */

.tsf-slider .slick-arrow {
    display: block!important;
    font-size: 0!important;
    line-height: 0!important;
    border: none!important;
    border-radius: none!important;
    background: none!important;    	
}

.tsf-slider .slick-prev, 
.tsf-slider .slick-next,
.tsf-slider .slick-prev:before, 
.tsf-slider .slick-next:before {
	width: 24px;
	height: 44px;	
	box-shadow: none;
	border-radius: none;
}

.tsf-slider .slick-prev,
.tsf-slider .slick-next {
	top: calc( 50% - 90px );
	z-index: 5;
}

.tsf-slider .slick-prev { left: 5px; }
.tsf-slider .slick-next { right: 5px; }

.tsf-slider .slick-prev:before, 
.tsf-slider .slick-next:before {
	content: '';
	width: 24px;
	height: 44px;
	background: transparent url(../img/slider-left.png) center center/cover no-repeat;
	display: block;
}

.tsf-slider  .slick-prev.slick-disabled:before, 
.tsf-slider .slick-next.slick-disabled:before {
	opacity: .5!important;
}

.tsf-slider .slick-prev:before {
}

.tsf-slider .slick-next:before {
	background: transparent url(../img/slider-right.png) center center/cover no-repeat;
}

.tsf-slider .slick-disabled {}

	/* EOF Arrows navigation */

.stype--image.alignfull a {
	display: block;
}

.stype--image.alignfull a img {
	width: auto;
}

	/* Same height slides */
/* .stype--testimonial .slick-track{
	display: flex;
    align-items: stretch; 
    justify-content: center;
}

.stype--testimonial .slick-slide {
    height: auto;       
} */
	/* EOF Same height slides */

.stype--testimonial blockquote {
	text-align: left;
}

.stype--testimonial blockquote strong {
	font-weight: 700;
} 

.stype--testimonial blockquote cite {
	text-transform: uppercase;
}

.stype--testimonial blockquote p {
	margin-bottom: 10px;
}		

.stype--testimonial blockquote p:last-of-type {
	margin-bottom: 20px;
}		

/* ================================================================================================
## IMAGE TEXT SLIDER - WIDTHS AND HEIGHTS CONFIGURATION
================================================================================================ */

/**
 * FYKI: base value here is 570px - a specific width should always been defined for this 
 * type of slider. As it includes flexbox, 100% width doesn't work here.
 */
.stype--imagetext .tsf-slider,
.stype--imagetext .slick-slide > .flex-container {
	width: 570px;
	max-width: unset;
}

.stype--imagetext .slick-slide img {
	width: 244px;
	height: auto;
}

.stype--imagetext .slick-slide > .flex-container > .flex-item:first-child {
    -webkit-flex: 0 1 244px;
    -ms-flex: 0 1 244px;
    flex: 0 1 244px;	
}

.stype--imagetext .slick-slide > .flex-container > .flex-item {
    -webkit-flex: 0 1 calc( 100% - 244px );
    -ms-flex: 0 1 calc( 100% - 244px );
    flex: 0 1 calc( 100% - 244px );		
}

.stype--imagetext .slick-slide > .flex-container > .flex-item:last-child:not(:first-child) {
	padding-left: 41px;
	padding-top: 12px;
} 

.stype--imagetext .tsf-slider .slick-dots {	
	margin-left: 285px;
	width: auto;
	margin-bottom: 0!important;
}
