/*-- tem42-pro --*/ .tem42-pro{padding:10px 5px;} .tem42-pro_gds .col-md-12{padding:10px 15px 60px;} .tem42-pro_gds ul{counter-reset:li;border-color:rgba(0, 0, 0, 0.15);} .tem42-pro_gds ul li{position:relative;border-right:1px solid #ededed;padding:100px 15px 10px;border-color:inherit;} .tem42-pro_gds ul li::before{position:absolute;content:counter(li,decimal-leading-zero);font-size:60px;opacity:.23;counter-increment:li;top:0;left:40%;z-index:2;font-family:"HELVETICANEUELTPRO-THEX",Arial;transition:all 0.35s ease-in-out 0s;font-weight:700;} .tem42-pro_gds ul li::after{content:"";position:absolute;width:30px;border-top-width:1px;border-top-style:solid;border-top-color:inherit;height:1px;left:50%;top:90px;margin-left:-15px;transition:all 0.6s ease-out 0s;} .tem42-pro-info{width:100%;text-align:center;z-index:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;height:100%;} .tem42-pro-info a{color:#333;} .tem42-pro-info h3, .tem42-pro-info .h3{margin:0;font-size:18px;height:30px;line-height:30px !important;overflow:hidden;text-overflow:ellipsis;position:relative;white-space:nowrap;} .tem42-pro-info h3:hover, .tem42-pro-info .h3:hover{color:#444;} .tem42-pro_gds ul li .tem42-pro-info .pro-text{font-size:14px;overflow:hidden;height:50px;line-height:25px !important;overflow:hidden;opacity:.77;transition:all 0.4s ease-out 0s;} .tem42-pro_gds ul li .images{position:relative;padding-top:80%;margin:30px 0 0;} .tem42-pro_gds ul li .images img{width:100%;height:100%;position:absolute;top:0;left:0;display:block;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .tem42-pro_gds ul li:hover .tem42-pro-info{transform:translateY(-5px);} .tem42-pro_gds ul li:hover .images img{opacity:1;transform:translateY(-5px);} .tem42-pro_gds ul li:hover::before{transform:translateY(-10px);} .tem42-pro_gds ul li:hover::after{transform:translateY(-10px);} .tem42-pro .pro_price{height:25px;color:#666;padding:3px 0px;background:none;text-transform:uppercase;font-family:arial;} .tem42-pro .mod_price i{margin-right:3px;font-family:arial;font-weight:300;font-style:normal;font-size:12px;} .tem42-pro .price_new{font-size:18px;font-weight:700;margin-right:8px;} .tem42-pro .price_origin{opacity:.53;font-size:12px;} .tem42-pro .price_origin del{font-weight:300;} @media (max-width:768px){ .tem42-pro_gds ul li::before{left:45%;} .tem42-pro_gds ul li::after{top:75px;} .tem42-pro_gds ul li{padding:80px 10px 10px;} .tem42-pro_gds ul li .images{margin:15px 0 0;} .tem42-pro_gds ul li .tem42-pro-info .border{padding:0;} .tem42-pro_gds ul li .tem42-pro-info .pro-text{max-height:50px;height:auto;} .tem42-pro .container{padding-left: 2%!important;padding-right: 2%!important} .tem42-pro.full-screen-spacing .container{padding-left: 0!important;padding-right: 0!important} } @media (max-width:480px){ .tem42-pro_gds ul li::before{font-size:40px;} .tem42-pro_gds ul li{padding:65px 10px 10px;} .tem42-pro_gds ul li::after{top:55px;} } @media (max-width:320px){ .tem42-pro_gds ul li::before{left:41%;} .tem42-pro-info h3, .tem42-pro-info .h3{font-size:16px;} .tem42-pro_gds ul li .tem42-pro-info .pro-text{font-size:13px;} }