﻿.tem06-development-path .wrap{position:relative;}
.tem06-development-path .wrap::before{position:absolute;content:"";width:100%;height:1px;border-bottom:1px solid #e9e9e9;top:134px;left:0;}
.tem06-development-path .item{width:100%;text-align:center;padding:89px 60px 50px;color:#737373;transition:all .36s ease;-o-transition:all .36s ease;-moz-transition:all .36s ease;-ms-transition:all .36s ease;-webkit-transition:all .36s ease;position:relative;}
.tem06-development-path .item:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);}
.tem06-development-path .item::before{position:absolute;content:"";height:20px;width:1px;border-left:1px solid #eee;left:50%;margin-left:-0.5px;top:132px;opacity:0;transition:all .36s ease;-o-transition:all .36s ease;-moz-transition:all .36s ease;-ms-transition:all .36s ease;-webkit-transition:all .36s ease;}
.tem06-development-path .item:hover::before{opacity:1;}
.tem06-development-path .item::after{position:absolute;content:"";border-radius:50%;border:2px solid #fff;background:#A8A8A8;width:7px;height:7px;left:50%;top:130px;margin-left:-4.5px;transition:all .36s ease;-o-transition:all .36s ease;-moz-transition:all .36s ease;-ms-transition:all .36s ease;-webkit-transition:all .36s ease;}
.tem06-development-path .item:hover::after{border-color:#666;background:#fff;width:11px;height:11px;margin-left:-5.5px;top:128px;}
.tem06-development-path .item .title{font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-bottom:16px;font-family:"HELVETICANEUELTPRO-THEX",Arial;transition:all .36s ease;-o-transition:all .36s ease;-moz-transition:all .36s ease;-ms-transition:all .36s ease;-webkit-transition:all .36s ease;}
.tem06-development-path .item:hover .title{color:#000;transform:translateY(-10px);-o-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.tem06-development-path .item .description{font-size:12px;opacity:.8;line-height:24px;max-height:96px;overflow:hidden;margin-top:24px;transition:all .36s ease;-o-transition:all .36s ease;-moz-transition:all .36s ease;-ms-transition:all .36s ease;-webkit-transition:all .36s ease;}
.tem06-development-path .item:hover .description{transform:translateY(12px);}
.tem06-development-path .owl-dots{display:none!important;}
.tem06-development-path .owl-theme .owl-controls .owl-nav [class*="owl-"]{display: block; background:none; position: absolute; top: 30%; color: rgb(153, 153, 153);transition:all .36s ease;-o-transition:all .36s ease;-moz-transition:all .36s ease;-ms-transition:all .36s ease;-webkit-transition:all .36s ease;display:block!important;opacity:0;width: 40px;height: 40px;line-height: 40px;margin: 0;padding: 0;border-radius: 0;font-size:12px;}
.tem06-development-path .owl-nav [class*="owl-prev"]{left: -70px;}
.tem06-development-path .owl-nav [class*="owl-next"]{right:-70px;}
.tem06-development-path .wrap:hover .owl-theme .owl-controls .owl-nav [class*="owl-prev"]{left:-30px;opacity:1;}
.tem06-development-path .wrap:hover .owl-theme .owl-controls .owl-nav [class*="owl-next"]{right:-30px;opacity:1;}
.tem06-development-path .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{background: rgba(0,0,0,.5);color: #fff;}
@media (max-width:768px){
.tem06-development-path .container,
.tem06-development-path.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
.tem06-development-path .owl-carousel,
.tem06-development-path .owl-stage{width: 100%!important;}
.tem06-development-path .wrap::before{opacity:0;}
.tem06-development-path .item{color:inherit!important;padding:15px 0;text-align:left;}
.tem06-development-path .item:hover{box-shadow:none;}
.tem06-development-path .item::after,.tem06-development-path .item:hover::after,.tem06-development-path .item:hover::before{opacity:0;}
.tem06-development-path .item .title{font-size:16px;color:inherit!important;position:relative;padding-right:15px;display:inline-block;padding-bottom:0;}
.tem06-development-path .item:hover .title,.tem06-development-path .item:hover .description{transform:translateY(0);}
.tem06-development-path .item .title::before{content:"";position:absolute;right:0;top:50%;border-top:1px solid #bdbcbc;width:10px;}
.tem06-development-path .item .description{margin-top:0;color:#999!important;font-size:13px;opacity:1;line-height:22px !important;max-height:88px;}
.tem06-development-path .owl-carousel .owl-item{float:none;width:100%!important;}
.tem06-development-path .owl-theme .owl-controls .owl-nav [class*="owl-"]{display:none!important;}
}