.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;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}[class*=et_pb_section_dap_]{width:100%}#et-boc .area-outer-wrap{max-height:100vh;max-width:100vw;pointer-events:none;position:fixed;z-index:100}#et-boc .area-outer-wrap.entry-content{padding:0}#et-boc .area-outer-wrap[data-da-type=popup]{min-width:320px;padding:10px}@media screen and (min-width:981px){#et-boc .area-outer-wrap[data-da-type=popup]{width:90%}}@media screen and (max-width:980px){#et-boc .area-outer-wrap[data-da-type=popup]{width:100%}}@media (min-width:981px){#et-boc .area-outer-wrap .et_pb_row.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_row_inner.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_section.et_pb_equal_columns>.et_pb_row{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}#et-boc .area-outer-wrap[data-da-type=inline]{bottom:unset;height:unset;left:unset;max-height:unset;max-width:unset;position:relative;right:unset;top:unset;-webkit-transform:unset;transform:unset;width:unset}#et-boc .area-outer-wrap>[data-da-area]{-ms-scroll-chaining:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:block!important;-ms-flex-direction:column;flex-direction:column;height:100%;margin:auto;overscroll-behavior:contain;pointer-events:all;position:relative}#et-boc .area-outer-wrap>[data-da-area]>.et_pb_section{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}#et-boc .area-outer-wrap>[data-da-area] .clearfix:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row_inner:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_slides:after{content:""}#et-boc .area-outer-wrap>[data-da-area] .et_pb_contact_select{-moz-appearance:textfield}#et-boc .area-outer-wrap.full-height[data-da-overflow=full_height]>[data-da-area],#et-boc .area-outer-wrap[data-da-overflow=clip]>[data-da-area]{overflow:auto}#et-boc .area-outer-wrap[data-da-overflow=show]>[data-da-area]{overflow:visible}#et-boc .area-outer-wrap[data-da-type=flyin].full-height,#et-boc .area-outer-wrap[data-da-type=popup].full-height{bottom:0!important;height:auto!important;margin-top:0!important;top:0!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height [data-da-area],#et-boc .area-outer-wrap[data-da-type=popup].full-height [data-da-area]{max-height:100%}#et-boc .area-outer-wrap[data-da-type=flyin].full-height[data-da-size=auto] .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height[data-da-size=auto] .da-close-wrap{height:calc(100% - 20px)!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height:not([data-da-size=auto]) .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height:not([data-da-size=auto]) .da-close-wrap{height:100%!important}#et-boc .area-outer-wrap[data-da-size=full_screen],#et-boc .area-outer-wrap[data-da-size=full_width]{max-width:100vw;min-width:100vw;padding-left:0;padding-right:0;width:100vw}#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=top],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=top]{padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_screen] .et_pb_section,#et-boc .area-outer-wrap[data-da-size=full_width] .et_pb_section{max-width:none;min-width:100%;width:100%}#et-boc .area-outer-wrap[data-da-size=full_height],#et-boc .area-outer-wrap[data-da-size=full_screen]{height:100vh;max-height:100vh;min-height:100vh;padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=right],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=right]{padding-left:0;padding-right:0}#et-boc .area-outer-wrap .da-close-wrap{display:block;left:50%;overflow:visible;pointer-events:none;position:absolute;text-align:right;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .6s .3s;-o-transition:opacity .6s .3s;transition:opacity .6s .3s;z-index:100}#et-boc .area-outer-wrap .da-close{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:20px;font-weight:700;height:30px;line-height:30px;opacity:.7;pointer-events:all;position:absolute;right:0;text-align:center;text-decoration:none;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:30px}#et-boc .area-outer-wrap .da-close:focus,#et-boc .area-outer-wrap .da-close:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#et-boc .area-outer-wrap[data-da-close-btn=no] .da-close-wrap{display:none!important}#et-boc .area-outer-wrap[data-da-close-btn=yes] .da-close-wrap{display:block}#et-boc .area-outer-wrap[data-da-color=light] .da-close{background:#fff2;-webkit-box-shadow:0 0 3px 1px #00000008;box-shadow:0 0 3px 1px #00000008;color:#333}#et-boc .area-outer-wrap[data-da-color=light] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=light] .da-close:hover{background:#fff;-webkit-box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;color:#000}#et-boc .area-outer-wrap[data-da-color=dark] .da-close{background:#0002;-webkit-box-shadow:0 0 0 1px #ffffff08;box-shadow:0 0 0 1px #ffffff08;color:#eee;text-shadow:0 0 1px #000,0 0 3px #000a}#et-boc .area-outer-wrap[data-da-color=dark] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=dark] .da-close:hover{background:#2b2b2b;-webkit-box-shadow:0 0 1px 1px #fff3;box-shadow:0 0 1px 1px #fff3;color:#fff}#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:focus,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:hover{background:transparent;-webkit-box-shadow:none;box-shadow:none}#et-boc .area-outer-wrap[data-da-loader=yes] [data-da-area]{background-image:url(//freie-schule-wendland.de/wp-content/plugins/popups-for-divi/images/spin.gif),-o-radial-gradient(center,circle,#fff 65%,#fff0 66%)!important;background-image:url(//freie-schule-wendland.de/wp-content/plugins/popups-for-divi/images/spin.gif),radial-gradient(circle at center,#fff 65%,#fff0 66%)!important;background-position:50%;background-repeat:no-repeat;background-size:32px 32px,48px 48px!important}#et-boc .area-outer-wrap[data-da-shadow=yes] [data-da-area]{-webkit-box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2);box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2)}#et-boc .area-outer-wrap[data-da-shadow=no] [data-da-area]{-webkit-box-shadow:none;box-shadow:none}.area-outer-wrap [data-da-area]{display:block;pointer-events:all}.da-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.55);bottom:0;left:0;position:fixed;right:0;top:0;transition:-webkit-backdrop-filter 1s 1s,backdrop-filter 1s 1s;z-index:99}.da-overlay-visible{overflow:hidden}.da-overlay-visible .da-overlay{backdrop-filter:saturate(180%) blur(5px);-webkit-backdrop-filter:saturate(180%) blur(5px)}[data-area-hook]{display:none!important;visibility:hidden!important}.da-flyin-visible .mfp-bg,.da-hover-visible .mfp-bg,.da-popup-visible .mfp-bg{z-index:20000000}.da-flyin-visible .mfp-wrap,.da-hover-visible .mfp-wrap,.da-popup-visible .mfp-wrap{z-index:20000001}