.tem17-development-path{background-color:#f6f6f6;padding:30px 0}
.tem17-development-path .items{position:relative;overflow:hidden}
.tem17-development-path .yearitem{padding-left:180px;}
.tem17-development-path .gallery-thumbs.swiper-container{width:100%;height:150px;z-index:9;position:absolute;top:0px;overflow:initial}
.tem17-development-path .gallery-top.swiper-container{overflow:initial}
.tem17-development-path .gallery-thumbs .swiper-wrapper{height:100px}
.tem17-development-path .gallery-thumbs .yearbox{height:100px;color:#afaaa9;padding:0 10px;position:relative;border-color:#afaaa9;}
.tem17-development-path .gallery-thumbs .yearbox:before{content:"";width:1px;height:100%;border-left:1px solid;border-color:inherit;position:absolute;top:0;left:0;transition:.4s}
.tem17-development-path .gallery-thumbs .year{color:inherit;font-size:22px;position:absolute;top:0;left:14px;font-family:Helvetica;transition:.6s}
.tem17-development-path .linerbox{padding-top:50px;border-color:inherit}
.tem17-development-path .linerbox .liner{width:1px;border-left:1px solid;border-color:inherit;margin:0 9px}
.tem17-development-path .linerbox .liner:nth-of-type(3){height:36px;margin-top:7px}
.tem17-development-path .linerbox .liner:nth-of-type(2),
.tem17-development-path .linerbox .liner:nth-of-type(4){height:20px;margin-top:15px}
.tem17-development-path .linerbox .liner:nth-of-type(1),
.tem17-development-path .linerbox .liner:nth-of-type(5){margin-bottom:3px}
.tem17-development-path .gallery-thumbs .swiper-slide{width:116px;height:100px;cursor:pointer}
.tem17-development-path .gallery-thumbs .swiper-slide:nth-last-of-type(1) .linerbox{display:none}
.tem17-development-path .gallery-thumbs .yearbox:hover{border-color:var(--main-color);color:var(--main-color)}
.tem17-development-path .gallery-thumbs .yearbox:hover .year{font-weight:bold;color:var(--main-color) !important}
.tem17-development-path .gallery-thumbs .item.active-nav .yearbox{transition:all .4s ease}
.tem17-development-path .gallery-thumbs .item.active-nav .yearbox:before{transform: translateY(25%);height:160%;border-color:var(--main-color)}
.tem17-development-path .gallery-thumbs .item.active-nav .year{transform:translateY(200px);color:var(--main-color) !important;transition:.6s;font-size:26px;left:0}
.tem17-development-path .box{padding-top:150px;padding-left:100px;padding-right:300px;overflow:hidden;}
.tem17-development-path .gallery-top .item.flexBoxStem{flex-wrap:nowrap}
.tem17-development-path .textbox{padding:100px 40px 50px;transform:translateX(0px)}
.tem17-development-path .text{font-size:16px;color:#fff}
.tem17-development-path .swipe-handler{width:100%;height:100px;top:0;position:absolute}
.tem17-development-path .image img{width:100%}
.tem17-development-path .swiper-slide .textbox,
.tem17-development-path .swiper-slide .image{opacity:0}
.tem17-development-path .swiper-slide.swiper-slide-active .textbox,
.tem17-development-path .swiper-slide.swiper-slide-active .image{opacity:1}
.tem17-development-path .gallery-top .btn{width:84px;height:32px;border:1px solid;border-radius:0;border-color:var(--main-color);background-image:none;top:10px;left:auto;padding:0 6px;margin-top:-1px}
.tem17-development-path .gallery-top .btn:before{content:"";width:50px;height:2px;background-color:var(--main-color);position:absolute;top:50%;}
.tem17-development-path .gallery-top .btn.swiper-button-next{right:-213px;text-align:right;}
.tem17-development-path .gallery-top .btn.swiper-button-next:before{right:18px;}
.tem17-development-path .gallery-top .btn.swiper-button-prev{right:-130px;text-align:left;}
.tem17-development-path .gallery-top .btn.swiper-button-prev:before{left:17px;}
.tem17-development-path .gallery-top .btn span{color:var(--main-color);font-size:24px;line-height:32px}
@media (max-width:1200px){
	.tem17-development-path .box{padding-right:100px;padding-left:60px}
	.tem17-development-path .gallery-top .btn.swiper-button-next{right:-100px;}
	.tem17-development-path .gallery-top .btn.swiper-button-prev{right:-100px;top:-21px}
}
@media (max-width:992px){
	.tem17-development-path .gallery-top .flexBoxStem{height:100%;align-items:initial;-webkit-align-items:initial;flex-flow:column}
	.tem17-development-path .item{height:auto}
	.tem17-development-path .flexBoxStem .flexBoxFill{width:100%;flex-basis:initial;flex-grow:0}
	.tem17-development-path .textbox{transform:translateX(0);width:100%;flex-grow:1;padding:85px 15px 50px !important;}
	.tem17-development-path .container{padding-left:15px !important;padding-right:15px !important}
	.tem17-development-path .gallery-thumbs.swiper-container{height:132px}
	.tem17-development-path .box{padding-top:132px}
	.tem17-development-path .gallery-thumbs .item.active-nav .yearbox:before{height:130%}
	.tem17-development-path .gallery-thumbs .item.active-nav .year{transform:translateY(165px);left:-2px}
	.tem17-development-path .textbox{padding:56px 30px}
	.tem17-development-path .yearitem{padding-left:80px;}
	.tem17-development-path .gallery-thumbs.swiper-container{padding-left:60px}
}
@media (max-width:768px){
	.tem17-development-path .gallery-top .btn{display:none}
	.tem17-development-path .box{padding-left:0;padding-right:0}
}