/**
* jQuery asPieProgress v0.4.7
* https://github.com/amazingSurge/jquery-asPieProgress
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.pie_progress {
  position: relative;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0% 4%;
    stroke-linecap: round;
}

.pie_progress__svg {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  vertical-align: middle;
}
.pie_progress__svg svg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block; 
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.pie_progress__content, .pie_progress__number, .pie_progress__label, .pie_progress__icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pie_progress__number {
  font-size: 2.5vw;
    color: #ffffff;
    font-family: 'ClanOffcPro-Ultra';
}
.pie_progress__number span {
  font-size: 1.8vw;
}

.pie_progress__label {
  margin-top: 32px;
  font-size: 12px;
}
.progress-bar {
    width: 60%;
    background-color: #ffffff;
    border-radius: 6px;
    height: 10px;
    margin: 10px 10px 10px 0px;
    float: left;
}
.progress-bar-graybg {
    background-color: #eeeeee;
}
.progress {
    width: 0;
    border-radius: 6px;
    height: 10px;
    text-align: right;
    position: relative;
}

@media (max-width: 1500px) {
.pie_progress {
    padding: 0% 2%;
}
 
   
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.pie_progress__number {
    font-size: 3.5vw;
}    
.pie_progress__number span {
    font-size: 2.5vw;
}    
}
@media (max-width: 1024px) {


}
@media screen and (max-width:900px) {
 
}


@media (max-width: 480px) {
.progress-bar {
    width: 240px;
}  
}