.ultimeter-container {
display: flex;
width: 100%;
}
.ultimeter-container .ultimeter-confetti {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
display: block;
margin: 0 auto;
user-select: none;
z-index: 999;
}
.ultimeter-container.ultimeter_align_left {
justify-content: start;
}
.ultimeter-container.ultimeter_align_center {
justify-content: center;
}
.ultimeter-container.ultimeter_align_right {
justify-content: end;
}
.ultimeter-container.scalable .ultimeter {
width: 400px;
}
.ultimeter-container.infinite {
display: inline;
}
.ultimeter-container.infinite .ultimeter {
display: flex;
}
.ultimeter-container.infinite .ultimeter .basic {
flex-direction: column;
align-items: center;
}
.ultimeter-container.infinite.ultimeter_align_left .ultimeter {
justify-content: start;
}
.ultimeter-container.infinite.ultimeter_align_center .ultimeter {
justify-content: center;
}
.ultimeter-container.infinite.ultimeter_align_right .ultimeter {
justify-content: end;
}
.ultimeter-container.progressbar .ultimeter-confetti {
top: -150px;
}
.ultimeter-container.progressbar .ultimeter {
width: 100%;
}
.ultimeter-container.radial .progress-value .current-label {
display: flex;
flex-direction: column;
gap: 5px;
}
.ultimeter-container.radial .progress-value .current-label .formatted-current {
font-size: 36px;
}
.ultimeter-container.radial .progress-value .current-label span {
margin: 0;
}
.ultimeter-container.verticalprogress .ultimeter {
min-height: 600px;
display: flex;
}
.ultimeter-container.verticalprogress .ultimeter .outer {
width: 60px;
display: flex;
flex-direction: column;
justify-content: end;
height: 100%;
border-radius: 100px;
z-index: 5;
}
.ultimeter-container.verticalprogress .ultimeter .outer .inner {
width: 60px;
border-radius: 100px;
min-width: 60px;
min-height: 60px;
}
.ultimeter-container.verticalprogress .ultimeter .left {
display: flex;
align-items: end;
margin-right: -30px;
}
.ultimeter-container.verticalprogress .ultimeter .left .ultimeter_meter_amount {
padding-right: 40px;
border-top: 1px solid;
height: 0%;
}
.ultimeter-container.verticalprogress .ultimeter .right {
position: relative;
margin-left: -30px;
}
.ultimeter-container.verticalprogress .ultimeter .right .ultimeter_meter_amount {
padding-left: 40px;
border-top: 1px solid;
}
.ultimeter-container.verticalprogress .ultimeter .right .ultimeter_milestone {
position: absolute;
border-bottom: 1px solid;
white-space: nowrap;
padding-left: 40px;
z-index: 0;
}
.ultimeter-container.verticalprogress.medium .ultimeter {
min-height: 400px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer {
width: 40px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer .inner {
width: 40px;
min-width: 40px;
min-height: 40px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left {
margin-right: -20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left .ultimeter_meter_amount {
padding-right: 30px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right {
margin-left: -20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_milestone {
padding-left: 30px;
}
@media (max-width: 576px) {
.ultimeter-container.verticalprogress.medium .ultimeter {
min-height: 200px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer {
width: 20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer .inner {
width: 20px;
min-width: 20px;
min-height: 20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left {
margin-right: -10px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left .ultimeter_meter_amount {
padding-right: 20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right {
margin-left: -10px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_milestone {
padding-left: 20px;
}
}
.ultimeter-container.verticalprogress.small .ultimeter {
min-height: 200px;
}
.ultimeter-container.verticalprogress.small .ultimeter .outer {
width: 20px;
}
.ultimeter-container.verticalprogress.small .ultimeter .outer .inner {
width: 20px;
min-width: 20px;
min-height: 20px;
}
.ultimeter-container.verticalprogress.small .ultimeter .left {
margin-right: -10px;
}
.ultimeter-container.verticalprogress.small .ultimeter .left .ultimeter_meter_amount {
padding-right: 20px;
}
.ultimeter-container.verticalprogress.small .ultimeter .right {
margin-left: -10px;
}
.ultimeter-container.verticalprogress.small .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress.small .ultimeter .right .ultimeter_milestone {
padding-left: 20px;
}
@media (max-width: 576px) {
.ultimeter-container.verticalprogress .ultimeter {
min-height: 200px;
}
.ultimeter-container.verticalprogress .ultimeter .outer {
width: 20px;
}
.ultimeter-container.verticalprogress .ultimeter .outer .inner {
width: 20px;
min-width: 20px;
min-height: 20px;
}
.ultimeter-container.verticalprogress .ultimeter .left {
margin-right: -10px;
}
.ultimeter-container.verticalprogress .ultimeter .left .ultimeter_meter_amount {
padding-right: 20px;
}
.ultimeter-container.verticalprogress .ultimeter .right {
margin-left: -10px;
}
.ultimeter-container.verticalprogress .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress .ultimeter .right .ultimeter_milestone {
padding-left: 20px;
}
}
.ultimeter-container .ultimeter_thermometer {
display: block;
margin: 0 auto;
position: relative;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube_topper {
height: 25px;
width: 50px;
border-radius: 100px 100px 0px 0px;
background: #eee;
margin: 0 auto;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_meter_progress {
height: 0%;
width: 60%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
z-index: 5;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
vertical-align: top;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube {
height: 400px;
width: 50px;
margin: auto;
position: relative;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 -2px;
background-size: 100% 5%;
height: 380px;
position: absolute;
width: 30%;
left: 70%;
top: 0px;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_meter_goal {
position: absolute;
left: 40px;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 30px;
border-top: 1px solid black;
color: #333;
text-align: right;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 30px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 35px;
font-size: 12px;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_bulb {
height: 100px;
border-radius: 100px;
width: 100px;
background: #eee;
position: relative;
top: -15px;
margin: 0 auto;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 80px;
height: 80px;
border-radius: 100px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube_topper {
height: 20px;
width: 37.5px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube {
height: 300px;
width: 37.5px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 285px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 37.5px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube .ultimeter_milestone {
left: 26px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_bulb {
width: 75px;
height: 75px;
top: -10px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 60px;
height: 60px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube_topper {
height: 15px;
width: 25px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube {
height: 200px;
width: 25px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 200px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 25px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_milestone {
left: 17px;
font-size: 0.75rem;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_meter_progress .ultimeter_meter_amount {
padding-right: 40px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_meter_amount {
font-size: 0.8rem;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_bulb {
width: 50px;
height: 50px;
top: -7px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 40px;
height: 40px;
}
.ultimeter-container .ultimeter_thermometer.responsive {
width: 100%;
min-height: 200px;
height: 400px;
display: flex;
align-items: center;
flex-direction: column;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_tube_topper {
background: #eee;
height: 10%;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_goal {
position: absolute;
top: 0px;
left: 80%;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
padding: 0 5px 0 30px;
color: #333;
text-align: right;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_progress {
height: 0%;
max-height: 380px;
width: 60%;
z-index: 5;
position: absolute;
bottom: 0;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_tube {
height: 80%;
background: #eee;
position: relative;
display: flex;
align-items: end;
justify-content: center;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 4%;
background-size: 100% 5%;
height: 100%;
position: absolute;
width: 30%;
left: 70%;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 60px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 0;
font-size: 12px;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_bulb {
border-radius: 100px;
background: #eee;
position: relative;
top: -4%;
display: flex;
justify-content: center;
align-items: center;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_bulb:after {
content: "";
padding-bottom: 100%;
display: block;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 80%;
height: 80%;
border-radius: 100px;
z-index: 15;
position: absolute;
}
.ultimeter-container.sp-ultimeter .primary-color {
color: #f5d62f;
background-color: #f5d62f;
border-color: #f5d62f;
}
.ultimeter-container.sp-ultimeter .secondary-color {
color: #000000;
background-color: #000000;
border-color: #000000;
}
.ultimeter-container.sp-ultimeter.infinite .primary-color, .ultimeter-container.sp-ultimeter.infinite .secondary-color, .ultimeter-container.sp-ultimeter.custom .primary-color, .ultimeter-container.sp-ultimeter.custom .secondary-color, .ultimeter-container.sp-ultimeter.radial .primary-color, .ultimeter-container.sp-ultimeter.radial .secondary-color {
background: none;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_thermometer_tube {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_thermometer_tube_topper {
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
top: 3px;
position: absolute;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_meter_progress {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_thermometer_bulb_mercury {
background: #f5d62f !important;
background-color: #f5d62f !important;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_meter_amount {
color: #000000;
border-color: #000000;
}
.ultimeter-container.sp-ultimeter.progressbar .ultimeter_progressbar_outer {
box-shadow: none;
}
.ultimeter-container.sp-ultimeter.progressbar .ultimeter_progressbar_outer .ultimeter_progressbar_progress {
box-shadow: none;
} .ultimeter-percentage:after {
content: "%";
}
.ultimeter_meter {
display: flex;
margin-bottom: 20px;
word-break: normal;
position: relative;
}
@media (max-width: 640px) {
.ultimeter_meter {
font-size: 12px;
}
}
.ultimeter_meter_amount {
word-break: normal;
width: max-content;
}
.ultfetti {
position: absolute;
left: 50%;
transform: translate(-50%);
width: 100%;
height: 100%;
z-index: 999;
}
.ultimeter_thermometer_2020 {
display: block;
margin: 0 auto;
position: relative;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube_topper {
height: 25px;
width: 50px;
border-radius: 100px 100px 0px 0px;
background: #eee;
margin: 0 auto;
}
.ultimeter_thermometer_2020 .ultimeter_meter_progress {
height: 0%;
width: 60%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
z-index: 5;
}
.ultimeter_thermometer_2020 .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
vertical-align: top;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube {
height: 400px;
width: 50px;
background: #eee;
margin: auto;
position: relative;
border-radius: 0px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 -2px;
background-size: 100% 5%;
height: 380px;
position: absolute;
width: 30%;
left: 70%;
top: 0px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_meter_goal {
position: absolute;
left: 50px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 30px;
border-top: 1px solid black;
color: #333;
text-align: right;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 30px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 35px;
font-size: 12px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_bulb {
height: 100px;
border-radius: 100px;
width: 100px;
background: #eee;
position: relative;
top: -15px;
margin: 0 auto;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 80px;
height: 80px;
border-radius: 100px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube_topper {
height: 20px;
width: 37.5px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube {
height: 300px;
width: 37.5px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 285px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 37.5px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube .ultimeter_milestone {
left: 26px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_bulb {
width: 75px;
height: 75px;
top: -10px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 60px;
height: 60px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube_topper {
height: 15px;
width: 25px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube {
height: 200px;
width: 25px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 200px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 25px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_milestone {
left: 17px;
font-size: 0.75rem;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_meter_progress .ultimeter_meter_amount {
padding-right: 40px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_meter_amount {
font-size: 0.8rem;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_bulb {
width: 50px;
height: 50px;
top: -7px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 40px;
height: 40px;
}
.ultimeter_basictrack_outer {
width: 70px;
height: 300px;
position: relative;
background: #ddd;
border: 1px solid #aaa;
border-radius: 12px;
box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
margin: 0 auto;
}
.ultimeter_basictrack_inner {
height: 280px;
top: 10px;
width: 20px;
border: 1px solid #aaa;
position: relative;
margin: 0 auto;
background: rgb(255, 255, 255);
background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 10%);
background-position: 0 -1px;
background-size: 100% 5.4%;
}
.ultimeter_basictrack_inner .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 60px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
font-size: 12px;
}
.ultimeter_basictrack_progress {
height: 0%;
width: 100%;
opacity: 0.6;
position: absolute;
bottom: 0;
left: 0;
}
.ultimeter_basictrack_goal {
position: absolute;
top: 0;
}
.ultimeter_basictrack_amount {
display: inline-block;
padding: 0 5px 0 60px;
border-top: 1px solid black;
color: #333;
}
.ultimeter_basictrack_progress .ultimeter_basictrack_amount {
padding: 0 60px 0 5px;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
} .ultimeter_thermometer_scalable {
width: 100%;
min-height: 200px;
height: 400px;
display: flex;
align-items: center;
flex-direction: column;
}
.ultimeter_thermometer_scalable .ultimeter_meter_goal {
position: absolute;
top: 0px;
left: 80%;
}
.ultimeter_thermometer_scalable .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
padding: 0 5px 0 30px;
color: #333;
text-align: right;
border-top: 1px solid;
}
.ultimeter_thermometer_scalable_cap {
width: 10%;
background: #eee;
height: 10%;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
}
.ultimeter_thermometer_scalable .ultimeter_meter_progress {
height: 0%;
max-height: 380px;
width: 60%;
z-index: 5;
position: absolute;
bottom: 0;
}
.ultimeter_thermometer_scalable .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter_thermometer_scalable_tube {
height: 80%;
width: 10%;
background: #eee;
position: relative;
display: flex;
align-items: end;
justify-content: center;
}
.ultimeter_thermometer_scalable_tube .ultimeter_thermometer_scalable_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 4%;
background-size: 100% 5%;
height: 100%;
position: absolute;
width: 30%;
left: 70%;
}
.ultimeter_thermometer_scalable_tube .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 60px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 0;
font-size: 12px;
}
.ultimeter_thermometer_scalable_bulb {
border-radius: 100px;
width: 20%;
background: #eee;
position: relative;
top: -4%;
display: flex;
justify-content: center;
align-items: center;
}
.ultimeter_thermometer_scalable_bulb:after {
content: "";
padding-bottom: 100%;
display: block;
}
.ultimeter_thermometer_scalable_bulb .ultimeter_thermometer_scalable_bulb_mercury {
width: 80%;
height: 80%;
border-radius: 100px;
z-index: 15;
position: absolute;
} .ultimeter_progressbar {
margin-bottom: 80px;
flex-direction: column;
}
.ultimeter_progressbar_outer {
height: 22px;
border-radius: 10px;
box-shadow: 0 -1px 1px #c0bfbc inset;
position: relative;
}
.ultimeter_progressbar_outer .ultimeter_milestone {
position: absolute;
padding: 50px 0px 0px 5px;
border-left: 1px dotted black;
color: #333;
width: 110px;
font-size: 12px;
}
.ultimeter_progressbar_progress {
height: 100%;
color: #fff;
text-align: right;
line-height: 22px;
width: 0;
border-radius: 9px;
box-shadow: 0 2px 2px #333;
position: absolute;
top: 0px;
}
.ultimeter_progressbar_goal .ultimeter_progressbar_amount {
color: #333;
float: right;
line-height: 22px;
}
.ultimeter_progressbar_progress .ultimeter_progressbar_amount {
color: #333;
position: absolute;
top: 30px;
text-align: left;
}
.ultimeter_progressbar_total_amount {
margin-left: 5px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_outer {
box-shadow: none;
height: 64px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_outer .ultimeter_milestone {
padding-top: 65px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress {
height: 5px;
overflow: visible !important;
margin-top: 29.5px;
background-size: calc(100% - 64px) !important;
box-shadow: none;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress img {
height: 64px;
max-height: 64px;
min-width: 64px;
z-index: 999;
margin-top: -29.5px;
display: inline;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress .progressbar-fontawesome {
font-size: 40px;
margin-top: -16px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress .ultimeter_progressbar_amount {
margin-top: 10px;
} .ultimeter-container.radial.sp-ultimeter .ultimeter_radial:after {
border: 40px solid #000;
}
.ultimeter-container.radial.sp-ultimeter .ultimeter_radial .progress-bar {
border-width: 40px;
}
.ultimeter-container.radial.sp-ultimeter .ultimeter_radial .progress-value .current-label {
gap: 10px;
}
.ultimeter-container.radial.sp-ultimeter .ultimeter_radial .progress-value .current-label .calculated {
font-size: 48px;
font-weight: 700;
}
.ultimeter_radial {
width: 300px;
height: 300px;
line-height: 300px;
display: block;
background: none;
margin: 10px auto;
box-shadow: none;
position: relative;
}
.ultimeter_radial:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 20px solid #eee;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
}
.ultimeter_radial > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.ultimeter_radial .progress-left {
left: 0;
}
.ultimeter_radial .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 20px;
border-style: solid;
position: absolute;
top: 0;
border-color: #ffb43e;
box-sizing: border-box;
}
.ultimeter_radial .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 150px;
border-bottom-right-radius: 150px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.ultimeter_radial .progress-right {
right: 0;
}
.ultimeter_radial .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 150px;
border-bottom-left-radius: 150px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.ultimeter_radial .progress-value {
display: flex;
flex-direction: column;
border-radius: 50%;
font-size: 24px;
text-align: center;
line-height: 20px;
align-items: center;
justify-content: center;
height: 100%;
font-weight: 300;
padding: 20px;
}
.ultimeter_radial .progress-value div {
margin-top: 10px;
} .ultimeter_radial[data-percentage="1"] .progress-right .progress-bar {
animation: loading-1 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="1"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="2"] .progress-right .progress-bar {
animation: loading-2 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="2"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="3"] .progress-right .progress-bar {
animation: loading-3 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="3"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="4"] .progress-right .progress-bar {
animation: loading-4 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="4"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="5"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="5"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="6"] .progress-right .progress-bar {
animation: loading-6 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="6"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="7"] .progress-right .progress-bar {
animation: loading-7 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="7"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="8"] .progress-right .progress-bar {
animation: loading-8 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="8"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="9"] .progress-right .progress-bar {
animation: loading-9 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="9"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="10"] .progress-right .progress-bar {
animation: loading-10 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="10"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="11"] .progress-right .progress-bar {
animation: loading-11 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="11"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="12"] .progress-right .progress-bar {
animation: loading-12 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="12"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="13"] .progress-right .progress-bar {
animation: loading-13 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="13"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="14"] .progress-right .progress-bar {
animation: loading-14 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="14"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="15"] .progress-right .progress-bar {
animation: loading-15 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="15"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="16"] .progress-right .progress-bar {
animation: loading-16 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="16"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="17"] .progress-right .progress-bar {
animation: loading-17 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="17"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="18"] .progress-right .progress-bar {
animation: loading-18 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="18"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="19"] .progress-right .progress-bar {
animation: loading-19 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="19"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="20"] .progress-right .progress-bar {
animation: loading-20 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="20"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="21"] .progress-right .progress-bar {
animation: loading-21 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="21"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="22"] .progress-right .progress-bar {
animation: loading-22 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="22"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="23"] .progress-right .progress-bar {
animation: loading-23 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="23"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="24"] .progress-right .progress-bar {
animation: loading-24 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="24"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="25"] .progress-right .progress-bar {
animation: loading-25 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="25"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="26"] .progress-right .progress-bar {
animation: loading-26 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="26"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="27"] .progress-right .progress-bar {
animation: loading-27 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="27"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="28"] .progress-right .progress-bar {
animation: loading-28 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="28"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="29"] .progress-right .progress-bar {
animation: loading-29 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="29"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="30"] .progress-right .progress-bar {
animation: loading-30 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="30"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="31"] .progress-right .progress-bar {
animation: loading-31 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="31"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="32"] .progress-right .progress-bar {
animation: loading-32 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="32"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="33"] .progress-right .progress-bar {
animation: loading-33 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="33"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="34"] .progress-right .progress-bar {
animation: loading-34 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="34"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="35"] .progress-right .progress-bar {
animation: loading-35 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="35"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="36"] .progress-right .progress-bar {
animation: loading-36 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="36"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="37"] .progress-right .progress-bar {
animation: loading-37 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="37"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="38"] .progress-right .progress-bar {
animation: loading-38 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="38"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="39"] .progress-right .progress-bar {
animation: loading-39 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="39"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="40"] .progress-right .progress-bar {
animation: loading-40 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="40"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="41"] .progress-right .progress-bar {
animation: loading-41 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="41"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="42"] .progress-right .progress-bar {
animation: loading-42 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="42"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="43"] .progress-right .progress-bar {
animation: loading-43 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="43"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="44"] .progress-right .progress-bar {
animation: loading-44 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="44"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="45"] .progress-right .progress-bar {
animation: loading-45 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="45"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="46"] .progress-right .progress-bar {
animation: loading-46 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="46"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="47"] .progress-right .progress-bar {
animation: loading-47 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="47"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="48"] .progress-right .progress-bar {
animation: loading-48 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="48"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="49"] .progress-right .progress-bar {
animation: loading-49 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="49"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="50"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="50"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="51"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="51"] .progress-left .progress-bar {
animation: loading-1 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="52"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="52"] .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="53"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="53"] .progress-left .progress-bar {
animation: loading-3 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="54"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="54"] .progress-left .progress-bar {
animation: loading-4 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="55"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="55"] .progress-left .progress-bar {
animation: loading-5 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="56"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="56"] .progress-left .progress-bar {
animation: loading-6 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="57"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="57"] .progress-left .progress-bar {
animation: loading-7 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="58"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="58"] .progress-left .progress-bar {
animation: loading-8 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="59"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="59"] .progress-left .progress-bar {
animation: loading-9 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="60"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="60"] .progress-left .progress-bar {
animation: loading-10 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="61"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="61"] .progress-left .progress-bar {
animation: loading-11 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="62"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="62"] .progress-left .progress-bar {
animation: loading-12 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="63"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="63"] .progress-left .progress-bar {
animation: loading-13 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="64"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="64"] .progress-left .progress-bar {
animation: loading-14 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="65"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="65"] .progress-left .progress-bar {
animation: loading-15 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="66"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="66"] .progress-left .progress-bar {
animation: loading-16 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="67"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="67"] .progress-left .progress-bar {
animation: loading-17 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="68"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="68"] .progress-left .progress-bar {
animation: loading-18 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="69"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="69"] .progress-left .progress-bar {
animation: loading-19 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="70"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="70"] .progress-left .progress-bar {
animation: loading-20 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="71"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="71"] .progress-left .progress-bar {
animation: loading-21 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="72"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="72"] .progress-left .progress-bar {
animation: loading-22 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="73"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="73"] .progress-left .progress-bar {
animation: loading-23 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="74"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="74"] .progress-left .progress-bar {
animation: loading-24 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="75"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="75"] .progress-left .progress-bar {
animation: loading-25 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="76"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="76"] .progress-left .progress-bar {
animation: loading-26 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="77"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="77"] .progress-left .progress-bar {
animation: loading-27 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="78"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="78"] .progress-left .progress-bar {
animation: loading-28 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="79"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="79"] .progress-left .progress-bar {
animation: loading-29 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="80"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="80"] .progress-left .progress-bar {
animation: loading-30 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="81"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="81"] .progress-left .progress-bar {
animation: loading-31 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="82"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="82"] .progress-left .progress-bar {
animation: loading-32 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="83"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="83"] .progress-left .progress-bar {
animation: loading-33 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="84"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="84"] .progress-left .progress-bar {
animation: loading-34 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="85"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="85"] .progress-left .progress-bar {
animation: loading-35 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="86"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="86"] .progress-left .progress-bar {
animation: loading-36 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="87"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="87"] .progress-left .progress-bar {
animation: loading-37 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="88"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="88"] .progress-left .progress-bar {
animation: loading-38 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="89"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="89"] .progress-left .progress-bar {
animation: loading-39 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="90"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="90"] .progress-left .progress-bar {
animation: loading-40 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="91"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="91"] .progress-left .progress-bar {
animation: loading-41 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="92"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="92"] .progress-left .progress-bar {
animation: loading-42 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="93"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="93"] .progress-left .progress-bar {
animation: loading-43 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="94"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="94"] .progress-left .progress-bar {
animation: loading-44 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="95"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="95"] .progress-left .progress-bar {
animation: loading-45 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="96"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="96"] .progress-left .progress-bar {
animation: loading-46 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="97"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="97"] .progress-left .progress-bar {
animation: loading-47 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="98"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="98"] .progress-left .progress-bar {
animation: loading-48 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="99"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="99"] .progress-left .progress-bar {
animation: loading-49 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="100"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="100"] .progress-left .progress-bar {
animation: loading-50 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(3.6deg);
}
}
@keyframes loading-2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(7.2deg);
}
}
@keyframes loading-3 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(10.8deg);
}
}
@keyframes loading-4 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(14.4deg);
}
}
@keyframes loading-5 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(18deg);
}
}
@keyframes loading-6 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(21.6deg);
}
}
@keyframes loading-7 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(25.2deg);
}
}
@keyframes loading-8 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(28.8deg);
}
}
@keyframes loading-9 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(32.4deg);
}
}
@keyframes loading-10 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(36deg);
}
}
@keyframes loading-11 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(39.6deg);
}
}
@keyframes loading-12 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(43.2deg);
}
}
@keyframes loading-13 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(46.8deg);
}
}
@keyframes loading-14 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(50.4deg);
}
}
@keyframes loading-15 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(54deg);
}
}
@keyframes loading-16 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(57.6deg);
}
}
@keyframes loading-17 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(61.2deg);
}
}
@keyframes loading-18 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(64.8deg);
}
}
@keyframes loading-19 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(68.4deg);
}
}
@keyframes loading-20 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(72deg);
}
}
@keyframes loading-21 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(75.6deg);
}
}
@keyframes loading-22 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(79.2deg);
}
}
@keyframes loading-23 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(82.8deg);
}
}
@keyframes loading-24 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(86.4deg);
}
}
@keyframes loading-25 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(90deg);
}
}
@keyframes loading-26 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(93.6deg);
}
}
@keyframes loading-27 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(97.2deg);
}
}
@keyframes loading-28 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(100.8deg);
}
}
@keyframes loading-29 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(104.4deg);
}
}
@keyframes loading-30 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(108deg);
}
}
@keyframes loading-31 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(111.6deg);
}
}
@keyframes loading-32 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(115.2deg);
}
}
@keyframes loading-33 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(118.8deg);
}
}
@keyframes loading-34 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(122.4deg);
}
}
@keyframes loading-35 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(126deg);
}
}
@keyframes loading-36 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(129.6deg);
}
}
@keyframes loading-37 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(133.2deg);
}
}
@keyframes loading-38 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(136.8deg);
}
}
@keyframes loading-39 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(140.4deg);
}
}
@keyframes loading-40 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(144deg);
}
}
@keyframes loading-41 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(147.6deg);
}
}
@keyframes loading-42 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(151.2deg);
}
}
@keyframes loading-43 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(154.8deg);
}
}
@keyframes loading-44 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(158.4deg);
}
}
@keyframes loading-45 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(162deg);
}
}
@keyframes loading-46 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(165.6deg);
}
}
@keyframes loading-47 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(169.2deg);
}
}
@keyframes loading-48 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(172.8deg);
}
}
@keyframes loading-49 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(176.4deg);
}
}
@keyframes loading-50 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(180deg);
}
} .ultimeter-custom {
display: flex;
flex-direction: column;
align-items: center;
}
.ultimeter-custom .loadgo-overlay {
z-index: 1;
}
.ultimeter-counter-custom {
font-weight: bold;
font-size: 20px;
text-align: center;
margin-top: 20px;
} .ultimeter_infinite_basic {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ultimeter_infinite_flip {
font-size: 2rem;
white-space: nowrap;
font-family: arial, sans-serif;
}
.ultimeter_infinite_flip .tick-flip, .ultimeter_infinite_flip .tick-text-inline {
font-size: 2.5em;
}
.ultimeter_infinite_flip .tick-label {
margin-top: 1em;
font-size: 1em;
}
.ultimeter_infinite_flip .tick-char {
width: 1.5em;
}
.ultimeter_infinite_flip .tick-text-inline {
display: inline-block;
text-align: center;
min-width: 1em;
}
.ultimeter_infinite_flip .tick-text-inline + .tick-text-inline {
margin-left: -0.325em;
}
.ultimeter_infinite_flip .tick-group {
margin: 0 0.5em;
text-align: center;
}
.ultimeter_infinite_flip .tick-text-inline {
color: #595d63 !important;
}
.ultimeter_infinite_flip .tick-label {
color: #595d63 !important;
}
.ultimeter_infinite_flip .tick-flip-panel {
color: #fff !important;
}
.ultimeter_infinite_flip .tick-flip-panel-text-wrapper {
line-height: 1.45 !important;
}
.ultimeter_infinite_flip .tick-flip-panel {
background-color: #3c3e3c !important;
}
.ultimeter_infinite_flip .tick-flip {
border-radius: 0.12em !important;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
}.n2-in-fullscreen *{animation-name:initial}.n2-in-fullscreen [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]){opacity:1}ss3-fullpage{display:block}ss3-fullpage[data-based-on=real]{opacity:0}ss3-force-full-width{position:relative;display:block;opacity:0;width:100vw;transform:translateX(-100vw)}.n2-section-smartslider{position:relative;width:100%;outline:0;--widget-offset: 0px}.n2-section-smartslider--hidden{display:none}.n2-ss-align{position:relative;z-index:0;overflow:hidden}.n2-ss-align.n2-ss-align-visible{overflow:visible}.n2-ss-slider{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1;user-select:none;--ss-fs: flex-start;--ss-fe: flex-end;--ss-r: row;--ss-rr: row-reverse}.n2-ss-slider [data-force-pointer],.n2-ss-slider [data-force-pointer] *{cursor:pointer!important}.n2-ss-slider [data-force-pointer=zoom-in],.n2-ss-slider [data-force-pointer=zoom-in] *{cursor:zoom-in!important}.n2-ss-slider .n2-ss-text{user-select:text;cursor:initial}.n2-ss-slider-has-no-slide{height:0!important;opacity:0!important;overflow:hidden!important}.n2-ss-slider,.n2-ss-slider .n2_ss__touch_element{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.n2-ss-slider>*,.n2-ss-slider .n2_ss__touch_element>*{-webkit-tap-highlight-color:initial}.n2-ss-slider .n2-ow,.n2-ss-slider .n2-ow-all *{font-size:inherit;line-height:inherit;letter-spacing:inherit}.n2-ss-slider .n2-ow,.n2-ss-slider .n2-ow:before,.n2-ss-slider .n2-ow:after,.n2-ss-slider .n2-ow-all *,.n2-ss-slider .n2-ow-all :before,.n2-ss-slider .n2-ow-all :after{box-sizing:content-box}.n2-ss-slider .n2-ow:before,.n2-ss-slider .n2-ow:after,.n2-ss-slider .n2-ow-all :not(i):before,.n2-ss-slider .n2-ow-all :not(i):after{display:none}.n2-ss-slider a.n2-ow,.n2-ss-slider .n2-ow-all a{border:0;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}.n2-ss-slider a.n2-ow,.n2-ss-slider a.n2-ow:focus,.n2-ss-slider .n2-ow-all a,.n2-ss-slider .n2-ow-all a:focus{outline:0!important;transition:none 0s;box-shadow:none;text-decoration:none}.n2-ss-slider path{transition:none 0s}.n2-ss-slider .n2-ow-all b,.n2-ss-slider .n2-ow-all i{color:inherit}.n2-ss-slider h1.n2-ow,.n2-ss-slider h2.n2-ow,.n2-ss-slider h3.n2-ow,.n2-ss-slider h4.n2-ow,.n2-ss-slider h5.n2-ow,.n2-ss-slider h6.n2-ow,.n2-ss-slider p.n2-ow,.n2-ss-slider blockquote.n2-ow,.n2-ss-slider .n2-ow-all h1,.n2-ss-slider .n2-ow-all h2,.n2-ss-slider .n2-ow-all h3,.n2-ss-slider .n2-ow-all h4,.n2-ss-slider .n2-ow-all h5,.n2-ss-slider .n2-ow-all h6,.n2-ss-slider .n2-ow-all p,.n2-ss-slider .n2-ow-all blockquote{margin:0;padding-left:0;padding-right:0;height:auto;width:auto;border:0;box-shadow:none;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}.n2-ss-slider iframe{border:0;min-height:0}.n2-ss-slider iframe.n2-ow,.n2-ss-slider .n2-ow-all iframe{margin:0}.n2-ss-slider img.n2-ow,.n2-ss-slider .n2-ow-all img,.n2-ss-slider svg.n2-ow,.n2-ss-slider .n2-ow-all svg{max-width:none;max-height:none;height:auto;box-shadow:none;border-radius:0;background:0 0;background:0 0;padding:0;margin:0;border:0;vertical-align:top}.n2-ss-slider picture.n2-ow,.n2-ss-slider .n2-ow-all picture{display:inline-block}.n2-ss-slider source{display:none}.n2-ss-slider ul.n2-ow,.n2-ss-slider li.n2-ow,.n2-ss-slider img.n2-ow,.n2-ss-slider a.n2-ow,.n2-ss-slider p.n2-ow,.n2-ss-slider ol.n2-ow,.n2-ss-slider textarea.n2-ow,.n2-ss-slider input.n2-ow,.n2-ss-slider button.n2-ow{transition:none 0s}.n2-ss-slider p{background-color:transparent}.n2-ss-slider ol{margin:0}.n2-ss-slider{z-index:3;position:relative;text-align:left;width:100%;min-height:1px}[dir=rtl] .n2-ss-slider{text-align:right}.n2-ss-slider :focus{outline:0}.n2-ss-slider[data-responsive=fullpage]{min-height:calc(var(--target-height, 100vh) - var(--subtract, 0px) - var(--subtract-vertical-offset, 0px) - var(--subtract-vertical-widget, 0px))}.n2-ss-slider.n2-ss-slider--fullscreen[data-responsive=fullpage]{min-height:100vh}.n2-ss-slider.n2-ss-slider--fullscreen .n2-ss-preserve-size--slider{display:none!important}[dir=rtl] .n2-ss-slider .n2-ss-slide-background{text-align:left}.n2-ss-slider.n2notransition *{transition:none 0s!important}.n2-ss-slider .n2-ss-preserve-size{width:100%;visibility:hidden}.n2-ss-slider .n2-ss-preserve-size[data-related-device]{display:none}.n2-ss-slider .n2-ss-preserve-size[data-related-device=desktopPortrait]{display:block}.n2-ss-slider .n2-ss-slider-background-video{position:absolute;left:0;top:0;width:100%;height:100%}.n2-ss-slider .n2-cover{object-fit:cover}.n2-ss-slider .n2-contain{object-fit:contain}.n2-ss-slider .n2-ss-slide{position:relative;overflow:hidden;text-align:center;--ssselfalign: center}.n2-ss-full-page--constrain-ratio .n2-ss-slide{overflow:visible}.n2-ss-slider .n2-ss-slide--focus{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:opacity(0);z-index:-99999}.n2-ss-slider .n2-ss-slide-thumbnail{display:none!important}.n2-ss-full-page--constrain-ratio .n2-ss-layers-container{clip-path:var(--ss-clip-path, inset(0px))}.n2-ss-slider .n2-ss-slide-background,.n2-ss-slider .n2-ss-slide-background *{position:absolute;top:0;left:0;width:100%;height:100%;text-align:left}.n2-ss-feature-post-bg-loader .n2-ss-slide-background{opacity:0}.n2-ss-slider .n2-ss-slide-background{z-index:10}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-color{z-index:1}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-color[data-overlay="1"]{z-index:7}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-video{z-index:3}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-image{z-index:5}.n2-ss-slider .n2-ss-slide-background-image{width:100%;height:100%;box-sizing:content-box;--ss-o-pos-x: 50%;--ss-o-pos-y: 50%}.n2-ss-slider .n2-ss-slide-background-image img{object-position:var(--ss-o-pos-x) var(--ss-o-pos-y)}.n2-ss-slider .n2-ss-slide-background-image img{width:100%!important;height:100%!important;object-fit:cover;color:RGBA(0,0,0,0)}.n2-ss-slider [data-mode=fit] .n2-ss-slide-background-image img{object-fit:contain}.n2-ss-slider [data-mode=center] .n2-ss-slide-background-image img{object-fit:none}.n2-ss-slider [data-mode=stretch] .n2-ss-slide-background-image img{object-fit:fill}.n2-ss-slider [data-mode=blurfit] .n2-ss-slide-background-image+.n2-ss-slide-background-image img{object-fit:contain}.n2-ss-slider .n2-ss-slide-background-video{object-fit:cover}.n2-ss-slider .n2-ss-slide-background-video[data-mode=fit]{object-fit:contain}.n2-ss-slider .n2-ss-layers-container{visibility:hidden;position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:20;opacity:.001;transition:opacity .4s}.n2-ss-slider.n2-ss-loaded .n2-ss-layers-container{opacity:1}.n2-ss-slider [onclick].n2-ss-layers-container{visibility:visible}.n2-ss-slider .n2-ss-layers-container>*{visibility:visible}.n2-ss-slider .n2-ss-layer{z-index:2;--margin-top: 0px;--margin-right: 0px;--margin-bottom: 0px;--margin-left: 0px;width:calc(100% - var(--margin-right) - var(--margin-left));--ssfont-scale: 1;font-size:calc(100%*var(--ssfont-scale))}.n2-ss-slider .n2-ss-layer[data-pm=normal]{margin:var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left)}.n2-ss-slider .n2-ss-layer[data-pm=absolute]{position:absolute;left:0;top:0}.n2-ss-slider .n2-ss-layer[data-pm=absolute] picture{width:100%}.n2-ss-slider .n2-ss-layer[data-pm=default],.n2-ss-slider .n2-ss-layer[data-pm=normal]{position:relative;min-height:1px}.n2-ss-slider .n2-ss-layer-wrapper{width:100%;height:100%}.n2-ss-slider .n2-ss-layer-content .n2-ss-layer-wrapper,.n2-ss-slider .n2-ss-layer-row .n2-ss-layer-wrapper{height:auto;flex-grow:1}.n2-ss-slider .n2-ss-layer.n2-ss-layer--need-height .n2-ss-layer-wrapper{height:100%}.n2-ss-slider .n2-ss-layer[data-sstype=col]>.n2-ss-layer-wrapper,.n2-ss-slider .n2-ss-layer[data-sstype=content]>.n2-ss-layer-wrapper{flex:1 1 auto;min-height:100%;height:auto!important;display:flex;flex-direction:column}.n2-ss-no-bga-fixed *,.n2-ss-slider.n2-ss-mobileLandscape .n2-ss-slider-1,.n2-ss-slider.n2-ss-mobilePortrait .n2-ss-slider-1,.n2-ss-slider.n2-ss-tabletLandscape .n2-ss-slider-1,.n2-ss-slider.n2-ss-tabletPortrait .n2-ss-slider-1,.n2-ss-slider.n2-ss-mobileLandscape .n2-ss-slider-2,.n2-ss-slider.n2-ss-mobilePortrait .n2-ss-slider-2,.n2-ss-slider.n2-ss-tabletLandscape .n2-ss-slider-2,.n2-ss-slider.n2-ss-tabletPortrait .n2-ss-slider-2{background-attachment:scroll!important}.n2-ss-slider .n2-ss-widget{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000px;z-index:1;font-size:16px;transition:opacity .4s ease;opacity:1;box-sizing:initial}.n2-ss-slider .n2-ss-widget[data-position=above],.n2-ss-slider .n2-ss-widget[data-position=below]{margin-left:auto;margin-right:auto}.n2-ss-slider .n2-ss-widget.n2-ss-widget-hidden{opacity:0!important;pointer-events:none}.n2-ss-slider .n2-ss-slider-controls-above,.n2-ss-slider .n2-ss-slider-controls-below{display:flex;flex-flow:column;align-items:center}.n2-ss-slider .n2-ss-slider-controls-side{position:relative;display:flex}.n2-ss-slider .n2-ss-slider-controls-side>*{flex:1 1 auto}.n2-ss-slider .n2-ss-slider-controls-left,.n2-ss-slider .n2-ss-slider-controls-right{flex:0 0 auto;display:flex}.n2-ss-slider .n2-ss-slider-controls-left>*,.n2-ss-slider .n2-ss-slider-controls-right>*{flex:1 1 auto}.n2-ss-slider .n2-ss-slider-controls-left>*{margin-right:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-right>*{margin-left:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-left,.n2-ss-slider .n2-ss-slider-controls-absolute-right{position:absolute;right:100%;top:0;height:100%;display:flex;flex-flow:var(--ss-rr);align-items:center;visibility:hidden}[dir=rtl] .n2-ss-slider .n2-ss-slider-controls-absolute-left{justify-content:flex-start}[dir=rtl] .n2-ss-slider .n2-ss-slider-controls-absolute-right{justify-content:flex-end}.n2-ss-slider .n2-ss-slider-controls-absolute-left>*,.n2-ss-slider .n2-ss-slider-controls-absolute-right>*{visibility:visible}.n2-ss-slider .n2-ss-slider-controls-absolute-right{left:100%;right:auto;flex-flow:row}.n2-ss-slider .n2-ss-slider-wrapper-outside,.n2-ss-slider .n2-ss-slider-wrapper-inside{position:relative;display:grid;grid-template-columns:100%}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{z-index:10;position:absolute;width:100%;height:100%;visibility:hidden;display:flex}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls>*{visibility:visible}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-advanced{display:block;opacity:0;transition:opacity .4s}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-advanced--ready{opacity:1}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-advanced>*{position:absolute!important}.n2-ss-slider .n2-ss-slider-controls-absolute-left-top{align-items:flex-start;flex-flow:var(--ss-r)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-top>*{margin:var(--widget-offset) 0 0 var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-center-top{align-items:center;flex-flow:column}.n2-ss-slider .n2-ss-slider-controls-absolute-center-top>*,.n2-ss-slider .n2-ss-slider-controls-below>*{margin-top:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-top{flex-flow:var(--ss-rr);align-items:flex-start}.n2-ss-slider .n2-ss-slider-controls-absolute-right-top>*{margin:var(--widget-offset) var(--widget-offset) 0 0}.n2-ss-slider .n2-ss-slider-controls-absolute-left-center{align-items:center;flex-flow:var(--ss-r)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-center>*,.n2-ss-slider .n2-ss-slider-controls-absolute-right>*{margin-left:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-center{align-items:center;flex-flow:var(--ss-rr)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-center>*,.n2-ss-slider .n2-ss-slider-controls-absolute-left>*{margin-right:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-bottom{align-items:flex-end;flex-flow:var(--ss-r)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-bottom>*{margin:0 0 var(--widget-offset) var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom{align-items:center;flex-flow:column-reverse}.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom>*,.n2-ss-slider .n2-ss-slider-controls-above>*{margin-bottom:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-bottom{align-items:flex-end;flex-flow:var(--ss-rr)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-bottom>*{margin:0 var(--widget-offset) var(--widget-offset) 0}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-right-top,.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-left-top,.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-left-bottom,.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-right-bottom{z-index:11}.n2-ss-slider .n2-ss-static-slide{justify-self:stretch;align-self:stretch;display:flex;flex-direction:column;position:relative;z-index:25;-webkit-backface-visibility:hidden;text-align:center;--ssselfalign: center;opacity:.001;transition:opacity .4s}.n2-ss-slider.n2-ss-loaded .n2-ss-static-slide{opacity:1}.n2-ss-slider .n2-ss-static-slide div[data-sstype=slide]>.n2-ss-layer,.n2-ss-slider .n2-ss-static-slide div[data-sstype=content][data-hasbackground="1"]>div.n2-ss-section-main-content,.n2-ss-slider .n2-ss-static-slide div[data-sstype=content] .n2-ss-section-main-content>*{visibility:visible}.n2-ss-slider .n2-ss-static-slide,.n2-ss-slider .n2-ss-static-slide div[data-sstype=slide],.n2-ss-slider .n2-ss-static-slide div[data-sstype=content][data-hasbackground="0"],.n2-ss-slider .n2-ss-static-slide div[data-sstype=content][data-hasbackground="0"] div.n2-ss-section-main-content{visibility:hidden}.n2-ss-slider .n2-ss-shape-divider{position:absolute;left:0;width:100%;height:100px;pointer-events:none;z-index:13}.n2-ss-slider .n2-ss-shape-divider-inner{height:100%;transform-origin:center top}.n2-ss-slider .n2-ss-shape-divider-bottom .n2-ss-shape-divider-inner{position:absolute;bottom:0;left:0;width:100%;transform-origin:center bottom}.n2-ss-slider .n2-ss-shape-divider svg{display:block;height:100%;width:100%}.n2-ss-slider .n2-ss-shape-divider-top{top:0}.n2-ss-slider .n2-ss-shape-divider-bottom{bottom:0}.n2-ss-slider .n2-ss-slide .nextend-slide-bg{position:absolute;top:0;left:0;width:100%;max-width:none!important;height:auto;background:rgba(0,0,0,.002)}.n2-ss-slider video.n2-ow{max-width:none}.n2-ss-slider .n2-ss-item-video-container{overflow:hidden;width:100%;height:100%}.n2-ss-slider .n2-ss-item-video-container video{width:100%;height:100%}.n2-ss-slider .n2-ss-item-iframe-wrapper{-webkit-overflow-scrolling:touch;overflow-y:auto;height:100%}.n2-ss-slider .n2i{vertical-align:top}.n2-ss-slider iframe.n2-ow{max-width:none;display:block}.n2-ss-slider .n2-ss-item-iframe{height:100%}.n2-ss-slider .n2-grabbing{cursor:grabbing!important}.n2-ss-slider .n2-grabbing .n2-ss-slide{pointer-events:none}.n2-ss-slider .n2-ss-item-input-form{display:flex;flex-flow:row}.n2-ss-slider .n2-ss-item-input-form .n2-input{flex:1 1 auto}.n2-ss-slider .n2-ss-item-input-form .n2-form-button{margin:0}.n2-ss-slider form.n2-ow{margin:0;border:0;padding:0}.n2-ss-slider .n2-input{height:auto;width:auto;box-sizing:border-box;margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:0 0;line-height:1;font-size:13px;font-family:Arial,serif;box-shadow:none}.n2-ss-slider input.n2-ow:focus{outline:0}.n2-ss-slider input.n2-ow[placeholder]{overflow:hidden;text-overflow:clip}.n2-ss-slider ::-moz-placeholder{text-overflow:clip;color:inherit}.n2-ss-slider input.n2-ow:-moz-placeholder{text-overflow:clip;color:inherit}.n2-ss-slider input.n2-ow::-webkit-input-placeholder,.n2-ss-slider input.n2-ow::placeholder{color:inherit}.n2-ss-slider table.n2-ow{table-layout:auto;margin:0}.n2-ss-slider .n2-ow .n2-ss-thumbnail-type{width:48px;height:48px;margin-left:-24px;margin-top:-24px;position:absolute;left:50%;top:50%}.n2-ss-slider .n2-ss-section-main-content .n2-ss-item{float:none}.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer{display:flex;flex:1 1 auto}.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer>.n2-ss-layer-wrapper{display:flex}.n2-ss-slider .n2-ss-layer-row{box-sizing:border-box;display:flex}.n2-ss-slider .n2-ss-layer-row-inner{position:relative;box-sizing:border-box;display:flex;visibility:hidden;width:100%}.n2-ss-slider .n2-ss-layer-row-inner>*{visibility:visible}.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer .n2-ss-layer-row{height:auto;width:100%}.n2-ss-slider .n2-ss-layer-row>.n2-ss-layer{box-sizing:border-box;width:1px;flex:1 1 auto}.n2-ss-slider .n2-ss-layer-row .n2-ss-item{float:none}.n2-ss-slider .n2-ss-layer[data-sstype=slide]{flex:0 0 auto;position:relative;box-sizing:border-box;width:100%;height:100%;min-height:100%;z-index:2;display:flex;justify-content:center;flex-flow:column}.n2-ss-slider .n2-ss-layer-content .n2-ss-layer--auto:not([data-pm=absolute]){width:auto!important}.n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm=normal]{max-width:calc(100% - var(--margin-right) - var(--margin-left))}.n2-ss-slider .n2-ss-layer[data-sstype=content]{flex:0 0 auto;width:100%;min-height:100%;position:relative;z-index:2;display:flex}.n2-ss-slider .n2-ss-layer-content{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;position:relative;min-height:10px}.n2-ss-slider .n2-ss-section-main-content{flex:1 1 auto;display:flex;justify-content:center;flex-direction:column;min-height:100%;max-width:100%}.n2-ss-slider .n2-ss-layer-with-background{--n2bgimage: none;--n2bggradient: none;background-image:var(--n2bggradient),var(--n2bgimage);background-size:cover,cover;background-repeat:no-repeat,no-repeat;transition:all .3s;transition-property:border-color,background-color,border-radius,box-shadow}.n2-ss-slider .n2-ss-layer[data-sstype=col]{display:flex;flex-flow:column;order:10;flex:0 1 auto}.n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col],.n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-wrapper>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col]{flex:1 1 auto}.n2-ss-slider .n2-ss-layer-col{box-sizing:border-box;position:relative;width:100%;height:auto;flex:1 1 auto}.n2-ss-slider .n2-ss-layer-col>.n2-ss-layer{flex:0 0 auto}.n2-ss-slider .n2-ss-layer:not([data-sstype=col]){align-self:var(--ssselfalign)}.n2-ss-slider .n2-ss-item-image-content{overflow:hidden;line-height:0}.n2-ss-slider .n2-ss-img-wrapper,.n2-ss-slider .n2-ss-img-wrapper img{line-height:0}.n2-ss-slider .n2-ss-item-image-content img{display:inline-block;max-width:100%}.n2-ss-slider .n2-ss-item-image-content a{display:inline-block}.n2-ss-slider .n2-ss-item-image-content picture{width:100%}.n2-ss-slider img.n2-ss-item-image-area{display:block;width:100%!important;height:100%!important}.n2-ss-slider .n2_ss_video_player{position:relative}.n2-ss-slider .n2_ss_video_player .n2_ss_video_player__placeholder{padding-top:56.25%}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio="16:10"] .n2_ss_video_player__placeholder{padding-top:62.5%}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio="4:3"] .n2_ss_video_player__placeholder{padding-top:75%}.n2-ss-slider .n2_ss_video_player iframe,.n2-ss-slider .n2_ss_video_player video,.n2-ss-slider .n2_ss_video_player .n2_ss_video_player__cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.n2-ss-slider .n2_ss_video_player .n2_ss_video_player__cover{z-index:2;transform:translate3d(0,0,0)}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]{min-height:50px;height:100%}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill] .n2_ss_video_player__placeholder,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>.n2_ss_video_player__placeholder,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>.n2_ss_video_player__placeholder{padding-top:0}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill] video{position:static;height:auto}.n2-ss-slider .n2-ss-layer[data-pm=absolute]>.n2-ss-item>.n2_ss_video_player[data-aspect-ratio=fill]>video,.n2-ss-slider .n2-ss-layer[data-pm=absolute]>.n2_ss_video_player[data-aspect-ratio=fill]>video,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>video,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>video{position:static;height:100%}.n2-ss-slider img.n2_ss_video_cover{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;object-fit:cover}.n2-ss-slider img.n2_ss_video_play_btn{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;transform:translate(-50%,-50%)}.n2-ss-slider .n2-ss-animated-heading-wrapper,.n2-ss-slider .n2-ss-animated-heading-wrapper *,.n2-ss-slider .n2-ss-highlighted-heading-wrapper,.n2-ss-slider .n2-ss-highlighted-heading-wrapper *{text-decoration:none!important}.n2_clear{clear:both}[data-force-hidden],[data-force-hidden] *{visibility:hidden!important}.n2-ss-slider .n2-ss-reveal-clip{pointer-events:none;visibility:hidden;position:absolute;left:0;top:0;z-index:1000000;width:100%;height:100%;overflow:hidden}.n2-ss-slider .n2-ss-reveal-clip>*{position:absolute;left:0;top:0;width:100%;height:100%}.n2-ss-slider .n2-widget-html{z-index:10}.n2-ss-slider .n-particles-js-canvas-el{position:absolute;left:0;top:0;width:100%;height:100%;z-index:12}ss-text,ss-word,ss-char{position:relative;display:inline-block}ss-p{display:block}ss3-loader{display:none;place-content:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100000}ss3-loader:after{content:'';display:block;border:9px solid RGBA(0,0,0,.6);border-top:9px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 1px RGBA(0,0,0,.6),0 0 0 1px RGBA(0,0,0,.6);width:40px;height:40px;animation:n2-ss-loader-spin 2s linear infinite}@keyframes n2-ss-loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.n2-ss-slider .n2-input,.n2-ss-slider .n2-ss-item-counter-counting-div{-webkit-transform:translate3d(0,0,0)}