
 .btn {
	 display: inline-block;
	 padding: 13px 20px;
	 color: #fff;
	 text-decoration: none;
	 position: relative;
	 background: transparent;
	 border: 1px solid #e1e1e1;
	 letter-spacing: 0.4em;
	 text-align: center;
	 text-indent: 2px;
	 text-transform: uppercase;
	 transition: color 0.1s linear 0.05s;
}
 .btn::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 0;
	 width: 100%;
	 height: 1px;
	 background: #e1e1e1;
	 z-index: 1;
	 opacity: 0;
	 transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;
}
 .btn::after {
	 transition: border 0.1s linear 0.05s;
}
 .btn .btn-inner {
	 position: relative;
	 z-index: 2;
}
 .btn:hover {
	 color: #373737;
	 transition: color 0.1s linear 0s;
}
 .btn:hover::before {
	 top: 0;
	 height: 100%;
	 opacity: 1;
	 transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;
}
 .btn:hover::after {
	 border-color: #373737;
	 transition: border 0.1s linear 0s;
}
 .slideshow {
	 overflow: hidden;
	 position: relative;
	 width: 100%;
	 height: 100vh;
	 z-index: 1;
}
 .slideshow .slideshow-inner {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .slideshow .slides {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 max-height:672px;
	 height: 100%;
	 z-index: 1;
}
 .slideshow .slide {
	 display: none;
	 overflow: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
	 opacity: 0;
	 transition: opacity 0.3s ease;
}
 .slideshow .slide.is-active {
	 display: block;
}
 .slideshow .slide.is-loaded {
	 opacity: 1;
}
 .slideshow .slide .caption {
	 padding: 0 100px;
}
 .slideshow .slide .image-container {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-position: center;
	 z-index: 1;
	 background-size: cover;
	 image-rendering: optimizeQuality;
}
 .slideshow .slide .image-container::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.5);
}
 .slideshow .slide .image {
	 width: 100%;
	 width: 100%;
	 object-fit: cover;
	 height: 100%;
}
 .slideshow .slide-content {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 max-height:672px;
	 z-index: 2;
	 color: #fff;
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .slideshow .slide .title {
	 margin: 40px auto 0px;
	 max-width: 1000px;
	 text-transform: uppercase;
	 font-size:60px;
	 line-height:60px;
}
 .slideshow .slide .text {
	 margin: 0 auto;
	 max-width: 1000px;
	 font-size: 18px;
	 line-height: 1.4;
}
 .slideshow .slide .btn {
	 margin: 15px 0 0;
	 border-color: #fff;
}
 .slideshow .slide .btn::before {
	 background: #fff;
}
 .slideshow .pagination {
	 position: absolute;
	 bottom: 35px;
	 left: 0;
	 width: 100%;
	 height: 12px;
	 cursor: default;
	 z-index: 2;
	 text-align: center;
}
 .slideshow .pagination .item {
	 display: inline-block;
	 padding: 15px 5px;
	 position: relative;
	 width: 46px;
	 height: 32px;
	 cursor: pointer;
	 text-indent: -999em;
	 z-index: 1;
}
 .slideshow .pagination .item + .page {
	 margin-left: -2px;
}
 .slideshow .pagination .item::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 15px;
	 left: 5px;
	 width: 36px;
	 height: 2px;
	 background: rgba(255, 255, 255, 0.5);
	 transition: background 0.2s ease;
}
 .slideshow .pagination .item::after {
	 width: 0;
	 background: #fff;
	 z-index: 2;
	 transition: width 0.2s ease;
}
 .slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {
	 background-color: #fff;
}
 .slideshow .arrows .arrow {
	 margin: -33px 0 0;
	 padding: 20px;
	 position: absolute;
	 top: 50%;
	 cursor: pointer;
	 z-index: 3;
}
 .slideshow .arrows .prev {
	 left: 30px;
}
 .slideshow .arrows .prev:hover .svg {
	 left: -10px;
}
 .slideshow .arrows .next {
	 right: 30px;
}
 .slideshow .arrows .next:hover .svg {
	 left: 10px;
}
 .slideshow .arrows .svg {
	 position: relative;
	 left: 0;
	 width: 14px;
	 height: 26px;
	 fill: #fff;
	 transition: left 0.2s ease;
}
 