﻿.progress-bar-widget{padding-top:2em}.progress-bar-widget .wrap-left{float:left;position:relative}.progress-bar-widget .content-left{float:left;position:relative}.progress-bar-widget .wrap-right{float:right;position:relative}.progress-bar-widget .content-right{float:right;position:relative}.progress-bar-widget .wrap{float:none;position:relative}.progress-bar-widget .content{float:none;position:relative}.progress-bar-widget h3{margin-top:10px;font-weight:800;margin-bottom:20px}.progress-bar-widget h4{font-weight:bold;margin-bottom:20px;font-size:20px}.progress-bar-widget p{font-size:1.2em;line-height:1.3}@media(max-width:420px){.progress-bar-widget p{font-size:.9em}}.progress-bar-widget .progress-bg{margin:0 auto;width:100%;height:55px;border-radius:5px;background-color:#eee;text-align:center}.progress-bar-widget .goal-progress-bar{height:55px;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;float:left;width:0;box-shadow:0 5px 5px rgba(0,0,0,.1);background-color:#288fff;position:relative}.progress-bar-widget .goal-progress-bar::before{content:'';width:0;height:0;border-style:solid;border-width:8px 4px 0 4px;border-color:#288fff transparent transparent transparent;position:absolute;right:-4px;top:-15px}.progress-bar-widget .goal-progress-info{color:#288fff;margin-top:30px;font-weight:bold;text-align:center}.progress-bar-widget .goal-progress-info .progress-info-wrapper{display:block;text-align:center}.progress-bar-widget .goal-progress-info .progress-value{font-size:2em;color:#288fff}@media(max-width:420px){.progress-bar-widget .goal-progress-info .progress-value{font-size:1.4em}}.progress-bar-widget .goal-progress-info .progress-label-right{text-align:right}.progress-bar-widget .progress-bg h3.goal,.progress-bar-widget .progress-bg h3.progress{font-size:1.5em;font-weight:600;line-height:55px;margin:0;padding:0;text-align:center;display:inline}.progress-bar-widget .progress-bg h3.progress-text{color:#fff;margin:14px 25px 0 50px;padding:0 25px 0 0}.progress-bar-widget .progress-bg h3.goal{color:#b2b2b2;text-align:center}.progress-bar-widget .progress-bg h3.progress-text{-webkit-animation:fadein 4s;-moz-animation:fadein 4s;-ms-animation:fadein 4s;-o-animation:fadein 4s;animation:fadein 4s;font-size:18px}@keyframes fadein{from{opacity:0}to{opacity:1}}.progress-bar-widget .progress-bg h3.goal{float:right;display:inline;padding:0 25px 0 0;text-align:center}.progress-bar-widget .progress-bg div{transition:all 2s ease}