?
áEÓê¤ÎïLwebshll2019
/*Brex 5*/
#berex-5 .tparrows,
.bullet-none .tp-bullet{
display: none;
}
.berex-5 .tp-bullet.selected, .tp-bullet:hover {
background:transparent;
}
.berex-5 .tp-bullet {
width: auto;
height: auto;
position: relative;
background:transparent;
cursor: pointer;
transition: 3s height;
margin-bottom: -34px;
}
.berex-5 .tp-bullet {
color: #ffffff;
}
.berex-5 .tp-bullet-number{
position: relative;
text-align: center;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.berex-5 .tp-bullet.selected:nth-child(4){
padding-bottom: 4px;
border-bottom: 2px solid;
}
.berex-5 .tp-bullet .tp-bullet-line{
transform: scaleY(0);
visibility: hidden;
opacity: 0;
}
.berex-5 .tp-bullet.selected .tp-bullet-line {
height: 50px;
width: 2px;
display:inline-block;
transform: scaleY(1);
-webkit-transition: transform 1.5s;
-moz-transition: transform 1.5s;
-ms-transition: transform 1.5s;
-o-transition: transform 1.5s;
transition: transform 1.5s;
visibility: visible;
opacity: 1;
}
.berex-5 .tp-bullet.selected .tp-bullet-line {
background: #ffffff;
}
.berex-5 {
top: 43% !important;
}
.berex-5 .tp-bullet .tp-count{
font-size: 15px;
position: relative;
bottom: 5px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.berex-5 .tp-count:before{
content: '';
height: 3px;
width: 15px;
transform: scaleX(0);
display: block;
position: absolute;
top: 50%;
right: -22px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.berex-5 .tp-count:before{
background: #c29e75;
}
.berex-5 .tp-bullet.selected .tp-count:before{
transform: scaleX(1);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}