@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/images/vendor/owl.carousel/dist/owl.video.play.png?7f01b07148f205f6e8258e92bbf652d9) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/* Erases the tiny MCE notifications */
.tox-notification {
  display: none !important;
}

body {
  background-color: #f8fafc;
}

/* ------------------ */
/* Sections           */
/* ------------------ */
#app {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 10rem;
  /* Footer height */
}

#main-wrap {
  margin-top: 200px;
}

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.nav-link.active {
  border-bottom: 1px solid #333333;
}

.small-nav-link {
  font-size: 1em;
}

main {
  display: block;
  margin-bottom: 8em;
  margin-top: 2em;
  min-height: 450px;
}

.main-with-hex-background {
  background-image: url("/img/backgrounds/form-background.png");
  background-position: top center;
  background-repeat: no-repeat;
}

/* Bottom Nav */
.tab-nav {
  /* ackground-color: #2CBBDD; */
  background-color: #00abdd;
}

.tab-nav-bg-active {
  background-color: #61c0dd;
}

.tab-nav-item.active {
  color: #FFFFFF !important;
}

.tab-nav-item {
  color: #ffffff !important;
}

.tab-nav-icon {
  font-size: 1.5em;
}

.tab-nav-item-text {
  font-size: 0.8em;
}

footer {
  background-color: #A6C836;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 12rem;
  /* Footer height */
}

/* ------------------ */
/* Typography         */
/* ------------------ */
h1, h2 {
  font-family: "Amatic SC", cursive;
}

h3, h4, h5, body {
  font-family: "Titillium Web", sans-serif;
}

body {
  font-size: 1em;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #FCF086;
}

#docs h1,
#docs h2,
#docs h3,
#docs h4,
#docs h5,
#docs body {
  font-family: "Arial";
  margin-top: 0.5em;
}

#docs h3 {
  font-size: 1.4em;
}

#docs h4 {
  font-size: 1.2em;
}

/* ------------------ */
/* Tables             */
/* ------------------ */
.source-questionnaire-section {
  background-color: #f7e5ff;
}

.source-questionnaire-question {
  background-color: #e5f6ff;
}

.source-questionnaire-answer {
  background-color: #fffed6;
}

.client-questionnaire-section {
  background-color: #f7e5ff;
}

.client-questionnaire-question {
  background-color: #e5f6ff;
}

.client-questionnaire-answer {
  background-color: #fffed6;
}

/* ------------------ */
/* Form               */
/* ------------------ */
h1.form-title::before {
  position: absolute;
  left: -10px;
  top: -35px;
  background-image: url("/img/icons/bee.png");
  background-size: 50px 50px;
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
}

/* Toast messages */
.toast-header {
  background-color: #b7ffbc;
}

.toast-body {
  background-color: #e2ffe1;
}

.toast-header.warning {
  background-color: #fff694;
}

.toast-body.warning {
  background-color: #fff5bf;
}

.toast-header.error {
  background-color: #ffaa9b;
}

.toast-body.error {
  background-color: #ffd2c1;
}

.alert-fixed {
  position: fixed;
  left: 50%;
  margin-left: -175px;
  top: 30%;
  width: 100%;
  z-index: 999999;
  border-radius: 0px;
}

/* ------------------ */
/* Hex Grid           */
/* ------------------ */
#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  list-style-type: none;
}

.hex {
  position: relative;
  visibility: hidden;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
}

.hex::after {
  content: "";
  display: block;
  padding-bottom: 86.602%;
  /* =  100 / tan(60) * 1.5 */
}

.hexIn {
  position: absolute;
  width: 96%;
  padding-bottom: 110.851%;
  /* =  width / sin(60) */
  margin: 0 2%;
  overflow: hidden;
  visibility: hidden;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
  transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
}

.hexIn * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
}

.hexLink {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
}

/* Hex content */
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
  transform: rotate3d(0, 0, 0, 0deg);
}

.hex h1, .hex p {
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
  background-color: #2CBBDD;
  font-weight: 300;
  transition: transform 0.2s ease-out, opacity 0.3s ease-out;
}

.hex h1 {
  color: #FFF;
  bottom: 50%;
  padding-top: 50%;
  font-size: 1.5em;
  z-index: 1;
  transform: translate3d(0, -100%, 0);
}

.hex h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 10%;
  text-align: center;
  border-bottom: 1px solid #fff;
}

.hex p {
  color: #FFF;
  top: 50%;
  padding-bottom: 50%;
  transform: translate3d(0, 100%, 0);
}

/* Hover effect */
.hexLink:hover h1, .hexLink:focus h1,
.hexLink:hover p, .hexLink:focus p {
  transform: translate3d(0, 0, 0);
}

/* Hexagon sizing and even row identation */
@media (min-width: 1201px) {
  /* <- 5-4  hexagons per row */
  #hexGrid {
    padding-bottom: 4.4%;
  }

  .hex {
    width: 20%;
    /* = 100 / 5 */
  }

  .hex:nth-child(9n+6) {
    /* first hexagon of even rows */
    margin-left: 10%;
    /* = width of .hex / 2  to indent even rows */
  }
}
@media (max-width: 1200px) and (min-width: 901px) {
  /* <- 4-3  hexagons per row */
  #hexGrid {
    padding-bottom: 5.5%;
  }

  .hex {
    width: 25%;
    /* = 100 / 4 */
  }

  .hex:nth-child(7n+5) {
    /* first hexagon of even rows */
    margin-left: 12.5%;
    /* = width of .hex / 2  to indent even rows */
  }
}
@media (max-width: 900px) and (min-width: 601px) {
  /* <- 3-2  hexagons per row */
  #hexGrid {
    padding-bottom: 7.4%;
  }

  .hex {
    width: 33.333%;
    /* = 100 / 3 */
  }

  .hex:nth-child(5n+4) {
    /* first hexagon of even rows */
    margin-left: 16.666%;
    /* = width of .hex / 2  to indent even rows */
  }
}
@media (max-width: 600px) {
  /* <- 2-1  hexagons per row */
  #hexGrid {
    padding-bottom: 11.2%;
  }

  .hex {
    width: 50%;
    /* = 100 / 3 */
  }

  .hex:nth-child(3n+3) {
    /* first hexagon of even rows */
    margin-left: 25%;
    /* = width of .hex / 2  to indent even rows */
  }
}
@media (max-width: 400px) {
  #hexGrid {
    font-size: 13px;
  }
}
/* ------------------ */
/* Icons          */
/* ------------------ */
.icon-priorities, .icon-activities {
  height: 85px;
}

.institution-logo {
  width: 100px;
}

.client-logo {
  width: 100px;
}

/* ------------------ */
/* HTML anchors       */
/* ------------------ */
a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

/* ------------------ */
/* MaterialUI Elements*/
/* ------------------ */
.MuiWideInputGroup {
  width: 105%;
}

.MuiFormGroup-root {
  padding: 20px 20px 0px 25px;
}

/* Radio */
/*-------*/
/* Radio Button box */
.MuiFormControlLabel-root {
  border: 1px solid #dddddd;
  border-left: 8px solid #dddddd;
  border-radius: 5px;
  width: 100%;
}

.MuiRadioSelected {
  border: 1px solid #9be196;
  border-left: 8px solid #9be196;
}

.MuiFormControlLabel-label {
  width: 100%;
}

.MuiRadio-colorSecondary.Mui-checked {
  color: green !important;
}

/* Radio button icon */
.MuiIconButton-label {
  display: none !important;
}

/* Text inside Radio Boxes*/
.MuiFormControlLabel-label {
  padding: 0.5em;
}

/* Continue button */
.MuiButton-root {
  /* color: rgb(58, 102, 55) !important; */
}

/* Slider */
/*---------*/
.MuiSlider-root {
  margin-top: 1em;
  padding: 0 !important;
}

/* Slider */
/*---------*/
.mealIconsInChooser {
  width: 90%;
}

.mealChevronInChooser {
  font-size: 2em;
  color: #BBBBBB;
}

.compIcon {
  width: 100%;
  max-width: 50px;
}

.mealOmniColor {
  color: #c0352d !important;
}

.mealOmniColor.active {
  border-bottom: 1px #c0352d solid !important;
}

.mealOmniBgColor {
  background-color: #c0352d !important;
}

.mealOmni .MuiSlider-thumb {
  color: #c0352d !important;
}

.mealOmni .MuiSlider-track {
  color: #c0352d !important;
}

.mealOmni .MuiSlider-rail {
  color: #c05d5e !important;
}

.mealSansVrColor {
  color: #e88a05 !important;
}

.mealSansVrColor.active {
  border-bottom: 1px #e88a05 solid !important;
}

.mealSansVrBgColor {
  background-color: #e88a05 !important;
}

.mealSansVr .MuiSlider-thumb {
  color: #e88a05 !important;
}

.mealSansVr .MuiSlider-track {
  color: #e88a05 !important;
}

.mealSansVr .MuiSlider-rail {
  color: #e8ae63 !important;
}

.mealVgColor {
  color: #2dbadd !important;
}

.mealVgBgColor {
  background-color: #2dbadd !important;
}

.mealVg .MuiSlider-thumb {
  color: #2dbadd !important;
}

.mealVg .MuiSlider-track {
  color: #2dbadd !important;
}

.mealVg .MuiSlider-rail {
  color: #a8d3dd !important;
}

.mealVlColor {
  color: #68b33a !important;
}

.mealVlBgColor {
  background-color: #68b33a !important;
}

.mealVl .MuiSlider-thumb {
  color: #68b33a !important;
}

.mealVl .MuiSlider-track {
  color: #68b33a !important;
}

.mealVl .MuiSlider-rail {
  color: #8db37b !important;
}

.wasteNeverColor {
  color: #bf00ff;
}

.wasteRarelyColor {
  color: #9b00cc;
}

.wasteOccasionallyColor {
  color: #7000cc;
}

.wasteOftenColor {
  color: #31005b;
}

.wasteUnknownColor {
  color: gray;
}

.meals-sort-title {
  font-size: 1.2em;
}

.meals-sort-indicator {
  font-size: 1.4em;
}

.meals-sort-indicator-total {
  font-size: 1.8em;
}

.meals-sort-indicator-total-small {
  font-size: 0.5em !important;
}

/* ------------------ */
/* Follow Up Cards    */
/* ------------------ */
.followUpWeekHeader {
  font-size: 1.5em;
  display: block;
  margin-top: 15px;
}

.followUpWeekHeader.disabled {
  color: #969696;
}

.followUpDate.disabled {
  color: #969696;
}

/* ------------------ */
/* Quesntion Cards    */
/* ------------------ */
.question-mark {
  font-size: 1.8em;
}

.card-question {
  font-family: "Nunito", sans-serif;
  font-size: 1.6em;
  margin-bottom: 0;
  font-weight: normal;
}

.card-question-details {
  font-family: "Nunito", sans-serif;
  font-size: 1.2em;
  margin-bottom: 0;
}

.card-question-helper-text {
  margin-bottom: 0;
}

.card-footer-title {
  font-family: "Nunito", sans-serif;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}

.card-footer-details {
  font-size: 0.85em;
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  font-weight: normal;
}

.card-bottom-nav-back-active {
  border: 1px solid #eeeeee;
  color: #b3b3b3;
  background-color: #eeeeee;
  font-size: 1em;
}

.card-bottom-nav-back-disabled {
  color: #696969;
  background-color: transparent;
  font-size: 1em;
}

.card-bottom-nav-forward-active {
  border: 1px solid #9be196;
  color: #0a6c00 !important;
  background-color: #9be196;
  font-size: 1em;
}

.card-bottom-nav-forward-disabled {
  color: #074900;
  background-color: transparent;
  font-size: 1em;
}

/* ------------------ */
/* Nx Cards           */
/* ------------------ */
.statsN0Title,
.statsN1Title,
.statsN2Title {
  font-weight: bold;
  border: 1px solid #333333;
  padding: 5px;
  margin-top: 5px;
}

.statsN0Title {
  font-size: 14px;
}

.statsN1Title {
  font-size: 14px;
}

.statsN2Title {
  font-size: 14px;
}

.error {
  font-weight: bold;
  color: whitesmoke;
  background: darkred;
}

.ratioIndicator {
  position: absolute;
  top: 0px;
  right: 5px;
  text-align: right;
  font-size: 1.2em;
}

.impactFlagIndicator {
  position: absolute;
  top: 0px;
  left: 20px;
  text-align: left;
  font-size: 1.2em;
  display: block;
}

.trustFlagIndicator {
  position: absolute;
  top: 0px;
  left: 40px;
  text-align: left;
  font-size: 1.2em;
  display: block;
}

.flagIndicator {
  font-size: 1.5em;
  position: absolute;
  left: 5px;
  margin-top: 8px;
}

/************************/
.cprogress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.cprogress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.cprogress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.cprogress .cprogress-left {
  left: 0;
}
.cprogress .cprogress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #ffb43e;
}
.cprogress .cprogress-left .cprogress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  transform-origin: center left;
}
.cprogress .cprogress-right {
  right: 0;
}
.cprogress .cprogress-right .cprogress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  transform-origin: center right;
}
.cprogress .cprogress-value {
  display: flex;
  border-radius: 50%;
  font-size: 36px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}
.cprogress .cprogress-value div {
  margin-top: 10px;
}
.cprogress .cprogress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the necessary css animation names
Due to the split circle of progress-left and progress right, we must use the animations on each side.
*/
.cprogress[data-percentage="1"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-1 1.5s linear forwards;
          animation: loading-1 1.5s linear forwards;
}
.cprogress[data-percentage="1"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="2"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-2 1.5s linear forwards;
          animation: loading-2 1.5s linear forwards;
}
.cprogress[data-percentage="2"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="3"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-3 1.5s linear forwards;
          animation: loading-3 1.5s linear forwards;
}
.cprogress[data-percentage="3"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="4"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-4 1.5s linear forwards;
          animation: loading-4 1.5s linear forwards;
}
.cprogress[data-percentage="4"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="5"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-5 1.5s linear forwards;
          animation: loading-5 1.5s linear forwards;
}
.cprogress[data-percentage="5"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="6"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-6 1.5s linear forwards;
          animation: loading-6 1.5s linear forwards;
}
.cprogress[data-percentage="6"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="7"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-7 1.5s linear forwards;
          animation: loading-7 1.5s linear forwards;
}
.cprogress[data-percentage="7"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="8"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-8 1.5s linear forwards;
          animation: loading-8 1.5s linear forwards;
}
.cprogress[data-percentage="8"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="9"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-9 1.5s linear forwards;
          animation: loading-9 1.5s linear forwards;
}
.cprogress[data-percentage="9"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="10"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-10 1.5s linear forwards;
          animation: loading-10 1.5s linear forwards;
}
.cprogress[data-percentage="10"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="11"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-11 1.5s linear forwards;
          animation: loading-11 1.5s linear forwards;
}
.cprogress[data-percentage="11"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="12"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-12 1.5s linear forwards;
          animation: loading-12 1.5s linear forwards;
}
.cprogress[data-percentage="12"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="13"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-13 1.5s linear forwards;
          animation: loading-13 1.5s linear forwards;
}
.cprogress[data-percentage="13"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="14"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-14 1.5s linear forwards;
          animation: loading-14 1.5s linear forwards;
}
.cprogress[data-percentage="14"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="15"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-15 1.5s linear forwards;
          animation: loading-15 1.5s linear forwards;
}
.cprogress[data-percentage="15"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="16"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-16 1.5s linear forwards;
          animation: loading-16 1.5s linear forwards;
}
.cprogress[data-percentage="16"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="17"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-17 1.5s linear forwards;
          animation: loading-17 1.5s linear forwards;
}
.cprogress[data-percentage="17"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="18"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-18 1.5s linear forwards;
          animation: loading-18 1.5s linear forwards;
}
.cprogress[data-percentage="18"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="19"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-19 1.5s linear forwards;
          animation: loading-19 1.5s linear forwards;
}
.cprogress[data-percentage="19"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="20"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-20 1.5s linear forwards;
          animation: loading-20 1.5s linear forwards;
}
.cprogress[data-percentage="20"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="21"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-21 1.5s linear forwards;
          animation: loading-21 1.5s linear forwards;
}
.cprogress[data-percentage="21"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="22"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-22 1.5s linear forwards;
          animation: loading-22 1.5s linear forwards;
}
.cprogress[data-percentage="22"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="23"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-23 1.5s linear forwards;
          animation: loading-23 1.5s linear forwards;
}
.cprogress[data-percentage="23"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="24"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-24 1.5s linear forwards;
          animation: loading-24 1.5s linear forwards;
}
.cprogress[data-percentage="24"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="25"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-25 1.5s linear forwards;
          animation: loading-25 1.5s linear forwards;
}
.cprogress[data-percentage="25"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="26"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-26 1.5s linear forwards;
          animation: loading-26 1.5s linear forwards;
}
.cprogress[data-percentage="26"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="27"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-27 1.5s linear forwards;
          animation: loading-27 1.5s linear forwards;
}
.cprogress[data-percentage="27"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="28"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-28 1.5s linear forwards;
          animation: loading-28 1.5s linear forwards;
}
.cprogress[data-percentage="28"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="29"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-29 1.5s linear forwards;
          animation: loading-29 1.5s linear forwards;
}
.cprogress[data-percentage="29"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="30"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-30 1.5s linear forwards;
          animation: loading-30 1.5s linear forwards;
}
.cprogress[data-percentage="30"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="31"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-31 1.5s linear forwards;
          animation: loading-31 1.5s linear forwards;
}
.cprogress[data-percentage="31"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="32"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-32 1.5s linear forwards;
          animation: loading-32 1.5s linear forwards;
}
.cprogress[data-percentage="32"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="33"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-33 1.5s linear forwards;
          animation: loading-33 1.5s linear forwards;
}
.cprogress[data-percentage="33"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="34"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-34 1.5s linear forwards;
          animation: loading-34 1.5s linear forwards;
}
.cprogress[data-percentage="34"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="35"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-35 1.5s linear forwards;
          animation: loading-35 1.5s linear forwards;
}
.cprogress[data-percentage="35"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="36"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-36 1.5s linear forwards;
          animation: loading-36 1.5s linear forwards;
}
.cprogress[data-percentage="36"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="37"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-37 1.5s linear forwards;
          animation: loading-37 1.5s linear forwards;
}
.cprogress[data-percentage="37"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="38"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-38 1.5s linear forwards;
          animation: loading-38 1.5s linear forwards;
}
.cprogress[data-percentage="38"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="39"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-39 1.5s linear forwards;
          animation: loading-39 1.5s linear forwards;
}
.cprogress[data-percentage="39"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="40"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-40 1.5s linear forwards;
          animation: loading-40 1.5s linear forwards;
}
.cprogress[data-percentage="40"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="41"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-41 1.5s linear forwards;
          animation: loading-41 1.5s linear forwards;
}
.cprogress[data-percentage="41"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="42"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-42 1.5s linear forwards;
          animation: loading-42 1.5s linear forwards;
}
.cprogress[data-percentage="42"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="43"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-43 1.5s linear forwards;
          animation: loading-43 1.5s linear forwards;
}
.cprogress[data-percentage="43"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="44"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-44 1.5s linear forwards;
          animation: loading-44 1.5s linear forwards;
}
.cprogress[data-percentage="44"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="45"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-45 1.5s linear forwards;
          animation: loading-45 1.5s linear forwards;
}
.cprogress[data-percentage="45"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="46"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-46 1.5s linear forwards;
          animation: loading-46 1.5s linear forwards;
}
.cprogress[data-percentage="46"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="47"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-47 1.5s linear forwards;
          animation: loading-47 1.5s linear forwards;
}
.cprogress[data-percentage="47"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="48"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-48 1.5s linear forwards;
          animation: loading-48 1.5s linear forwards;
}
.cprogress[data-percentage="48"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="49"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-49 1.5s linear forwards;
          animation: loading-49 1.5s linear forwards;
}
.cprogress[data-percentage="49"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="50"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="50"] .cprogress-left .cprogress-bar {
  -webkit-animation: 0;
          animation: 0;
}

.cprogress[data-percentage="51"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="51"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-1 1.5s linear forwards 1.5s;
          animation: loading-1 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="52"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="52"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-2 1.5s linear forwards 1.5s;
          animation: loading-2 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="53"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="53"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-3 1.5s linear forwards 1.5s;
          animation: loading-3 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="54"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="54"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-4 1.5s linear forwards 1.5s;
          animation: loading-4 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="55"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="55"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-5 1.5s linear forwards 1.5s;
          animation: loading-5 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="56"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="56"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-6 1.5s linear forwards 1.5s;
          animation: loading-6 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="57"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="57"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-7 1.5s linear forwards 1.5s;
          animation: loading-7 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="58"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="58"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-8 1.5s linear forwards 1.5s;
          animation: loading-8 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="59"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="59"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-9 1.5s linear forwards 1.5s;
          animation: loading-9 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="60"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="60"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-10 1.5s linear forwards 1.5s;
          animation: loading-10 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="61"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="61"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-11 1.5s linear forwards 1.5s;
          animation: loading-11 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="62"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="62"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-12 1.5s linear forwards 1.5s;
          animation: loading-12 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="63"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="63"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-13 1.5s linear forwards 1.5s;
          animation: loading-13 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="64"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="64"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-14 1.5s linear forwards 1.5s;
          animation: loading-14 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="65"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="65"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-15 1.5s linear forwards 1.5s;
          animation: loading-15 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="66"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="66"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-16 1.5s linear forwards 1.5s;
          animation: loading-16 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="67"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="67"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-17 1.5s linear forwards 1.5s;
          animation: loading-17 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="68"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="68"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-18 1.5s linear forwards 1.5s;
          animation: loading-18 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="69"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="69"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-19 1.5s linear forwards 1.5s;
          animation: loading-19 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="70"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="70"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-20 1.5s linear forwards 1.5s;
          animation: loading-20 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="71"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="71"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-21 1.5s linear forwards 1.5s;
          animation: loading-21 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="72"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="72"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-22 1.5s linear forwards 1.5s;
          animation: loading-22 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="73"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="73"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-23 1.5s linear forwards 1.5s;
          animation: loading-23 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="74"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="74"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-24 1.5s linear forwards 1.5s;
          animation: loading-24 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="75"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="75"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-25 1.5s linear forwards 1.5s;
          animation: loading-25 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="76"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="76"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-26 1.5s linear forwards 1.5s;
          animation: loading-26 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="77"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="77"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-27 1.5s linear forwards 1.5s;
          animation: loading-27 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="78"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="78"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-28 1.5s linear forwards 1.5s;
          animation: loading-28 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="79"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="79"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-29 1.5s linear forwards 1.5s;
          animation: loading-29 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="80"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="80"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-30 1.5s linear forwards 1.5s;
          animation: loading-30 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="81"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="81"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-31 1.5s linear forwards 1.5s;
          animation: loading-31 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="82"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="82"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-32 1.5s linear forwards 1.5s;
          animation: loading-32 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="83"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="83"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-33 1.5s linear forwards 1.5s;
          animation: loading-33 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="84"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="84"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-34 1.5s linear forwards 1.5s;
          animation: loading-34 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="85"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="85"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-35 1.5s linear forwards 1.5s;
          animation: loading-35 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="86"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="86"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-36 1.5s linear forwards 1.5s;
          animation: loading-36 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="87"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="87"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-37 1.5s linear forwards 1.5s;
          animation: loading-37 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="88"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="88"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-38 1.5s linear forwards 1.5s;
          animation: loading-38 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="89"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="89"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-39 1.5s linear forwards 1.5s;
          animation: loading-39 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="90"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="90"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-40 1.5s linear forwards 1.5s;
          animation: loading-40 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="91"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="91"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-41 1.5s linear forwards 1.5s;
          animation: loading-41 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="92"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="92"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-42 1.5s linear forwards 1.5s;
          animation: loading-42 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="93"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="93"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-43 1.5s linear forwards 1.5s;
          animation: loading-43 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="94"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="94"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-44 1.5s linear forwards 1.5s;
          animation: loading-44 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="95"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="95"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-45 1.5s linear forwards 1.5s;
          animation: loading-45 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="96"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="96"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-46 1.5s linear forwards 1.5s;
          animation: loading-46 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="97"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="97"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-47 1.5s linear forwards 1.5s;
          animation: loading-47 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="98"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="98"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-48 1.5s linear forwards 1.5s;
          animation: loading-48 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="99"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="99"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-49 1.5s linear forwards 1.5s;
          animation: loading-49 1.5s linear forwards 1.5s;
}

.cprogress[data-percentage="100"] .cprogress-right .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards;
          animation: loading-50 1.5s linear forwards;
}
.cprogress[data-percentage="100"] .cprogress-left .cprogress-bar {
  -webkit-animation: loading-50 1.5s linear forwards 1.5s;
          animation: loading-50 1.5s linear forwards 1.5s;
}

@-webkit-keyframes loading-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}

@keyframes loading-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}
@-webkit-keyframes loading-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@keyframes loading-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@-webkit-keyframes loading-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@keyframes loading-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@-webkit-keyframes loading-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@keyframes loading-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@-webkit-keyframes loading-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@keyframes loading-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@-webkit-keyframes loading-6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@keyframes loading-6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@-webkit-keyframes loading-7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@keyframes loading-7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@-webkit-keyframes loading-8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@keyframes loading-8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@-webkit-keyframes loading-9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@keyframes loading-9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@-webkit-keyframes loading-10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@keyframes loading-10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@-webkit-keyframes loading-11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@keyframes loading-11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@-webkit-keyframes loading-12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@keyframes loading-12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@-webkit-keyframes loading-13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@keyframes loading-13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@-webkit-keyframes loading-14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@keyframes loading-14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@-webkit-keyframes loading-15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@keyframes loading-15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@-webkit-keyframes loading-16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@keyframes loading-16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@-webkit-keyframes loading-17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@keyframes loading-17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@-webkit-keyframes loading-18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@keyframes loading-18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@-webkit-keyframes loading-19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@keyframes loading-19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@-webkit-keyframes loading-20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@keyframes loading-20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@-webkit-keyframes loading-21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@keyframes loading-21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@-webkit-keyframes loading-22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@keyframes loading-22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@-webkit-keyframes loading-23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@keyframes loading-23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@-webkit-keyframes loading-24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@keyframes loading-24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@-webkit-keyframes loading-25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loading-25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes loading-26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@keyframes loading-26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@-webkit-keyframes loading-27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@keyframes loading-27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@-webkit-keyframes loading-28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@keyframes loading-28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@-webkit-keyframes loading-29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@keyframes loading-29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@-webkit-keyframes loading-30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@keyframes loading-30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@-webkit-keyframes loading-31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@keyframes loading-31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@-webkit-keyframes loading-32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@keyframes loading-32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@-webkit-keyframes loading-33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@keyframes loading-33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@-webkit-keyframes loading-34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@keyframes loading-34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@-webkit-keyframes loading-35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@keyframes loading-35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@-webkit-keyframes loading-36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@keyframes loading-36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@-webkit-keyframes loading-37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@keyframes loading-37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@-webkit-keyframes loading-38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@keyframes loading-38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@-webkit-keyframes loading-39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@keyframes loading-39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@-webkit-keyframes loading-40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes loading-40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@-webkit-keyframes loading-41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@keyframes loading-41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@-webkit-keyframes loading-42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@keyframes loading-42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@-webkit-keyframes loading-43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@keyframes loading-43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@-webkit-keyframes loading-44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@keyframes loading-44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@-webkit-keyframes loading-45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@keyframes loading-45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@-webkit-keyframes loading-46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@keyframes loading-46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@-webkit-keyframes loading-47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@keyframes loading-47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@-webkit-keyframes loading-48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@keyframes loading-48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@-webkit-keyframes loading-49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@keyframes loading-49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@-webkit-keyframes loading-50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes loading-50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.cprogress {
  margin-bottom: 1em;
}