@charset "UTF-8";

/**
 * A mixin which helps you to add depth to elements according to the Google Material Design spec:
 * http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality
 *
 * Please note that the values given in the specification cannot be used as is. To create the same visual experience
 * the blur parameter has to be doubled.
 */

/*
 * Variables§
 */

html {
  font-size: 75%;
  min-height: 100%;
}

body {
  position: relative;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  min-height: 100vh;
  background: #59069f;
  background: -webkit-gradient(linear, left top, left bottom, from(#59069f), color-stop(50%, #941ff7));
  background: linear-gradient(to bottom, #59069f, #941ff7 50%);
  background: -ms-linear-gradient(to bottom, #59069f, #941ff7 50%);
  padding-top: 70px;
  padding-bottom: 200px;
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: 160px;
  }
}

@media screen and (max-width: 575px) {
  body {
    padding-bottom: 280px;
  }
}

body.start-welcome {
  padding: 0;
  background: #1a022e;
}

p {
  font-size: 14px;
  font-weight: 300;
}

p.detail {
  position: relative;
  display: block;
  width: 100%;
}

p.detail span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  height: 100%;
  padding-left: 300px;
}

@media screen and (max-width: 767px) {
  p.detail span {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding: 0;
  }
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a.disabled-fixed {
  pointer-events: none;
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.bg-purple {
  background-color: #59069f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#59069f), to(#6a07bc));
  background-image: linear-gradient(to bottom, #59069f, #6a07bc);
  background-image: -ms-linear-gradient(to bottom, #59069f, #6a07bc);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$purple, endColorstr=$purple-dark, GradientType=0 );
}

.btn {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: .8px;
}

.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn.btn-clear {
  color: #333;
  font-weight: 400;
  background-color: #eee;
  border-color: #ccc;
}

.btn.btn-clear:hover {
  background-color: #ddd;
  border-color: #595959;
}

.btn.btn-green {
  color: #fff;
  background-color: #82c00d;
  border-color: #82c00d;
}

.btn.btn-green:hover {
  background-color: #92d80f;
  border-color: #92d80f;
}

.btn.btn-purple,
.btn.btn-collapse[aria-expanded=false] {
  color: #fff;
  background-color: #59069f;
  border-color: #59069f;
}

.btn.btn-purple:hover,
.btn.btn-collapse[aria-expanded=false]:hover {
  background-color: #4b0586;
  border-color: #4b0586;
}

.btn.btn-white {
  color: #59069f;
  background-color: #fff;
  border-color: #fff;
}

.btn.btn-white:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.btn.btn-red,
.btn.btn-collapse[aria-expanded=true] {
  color: #fff;
  background-color: #d8290e;
  border-color: #d8290e;
}

.btn.btn-red:hover,
.btn.btn-collapse[aria-expanded=true]:hover {
  background-color: #c0240c;
  border-color: #c0240c;
}

.c-gold {
  color: #e8d537;
}

.check-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.check-group .item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: -1px;
}

.check-group .item:first-child {
  margin-left: 0;
}

.check-group .item:first-child label {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.check-group .item:last-child label {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.check-group .item label {
  color: #495057;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #fafafa;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  min-width: 38px;
  padding: 0.375rem 0.75rem;
  text-align: center;
}

.check-group .item input[type="checkbox"] {
  display: none;
}

.check-group .item input:disabled + label {
  background-color: #ccc;
}

.check-group .item input:checked + label {
  color: #fff;
  background-color: #86b712;
  border-color: #86b712;
  border-left-color: #baec43;
}

.check-group .item input:checked + label:first-child {
  border-left-color: #86b712;
}

.check-group .item input:checked:disabled + label {
  color: #ccc;
}

.dropdown-item.active {
  background-color: #f7f7f7;
}

.dropdown-item:hover .lang-link::after {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.dropdown-item .lang-link::after {
  -webkit-filter: grayscale(80%);
          filter: grayscale(80%);
}

.dropdown-item i {
  width: 18px;
}

form legend {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

form label {
  color: #333;
}

form req::after {
  content: '*';
  color: #dd0000;
}

form .check-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

form .check-group .item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: 0;
}

form .check-group .item:first-child {
  margin-left: 0;
}

form .check-group .item:first-child label {
  border-radius: 0.25rem 0 0 0.25rem;
}

form .check-group .item:last-child label {
  border-radius: 0 0.25rem 0.25rem 0;
}

form .check-group .item input[type="checkbox"],
form .check-group .item input[type="radio"] {
  display: none;
}

form .check-group .item label {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  margin: 0;
  padding: .5rem .7rem;
  cursor: pointer;
}

form .check-group .item label:not(:first-child) {
  border-left-color: #ddd;
}

form .check-group .item input:checked + label {
  color: #fff;
  font-weight: 400;
  background-color: #92d80f;
  border: 1px solid #92d80f;
}

form .check-group .item input:checked + label:not(:first-child) {
  border-left-color: #8cce0e;
}

form .check-group .item + .item {
  margin-left: -1px;
}

form.inverted label,
form.inverted .form-text {
  color: #fff;
  font-weight: 400;
}

form#filter-form {
  height: calc(100vh - 115px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

form#filter-form .form-row {
  margin-bottom: 1.25rem;
}

form.trash-form {
  display: none;
}

.img-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: .5rem;
}

.img-avatar.small {
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 991px) {
  .info-step {
    font-size: 16px;
  }
}

.irs {
  height: 44px;
}

.irs .irs-line {
  top: 30px;
  height: 8px;
}

.irs .irs-bar {
  top: 30px;
  height: 8px;
  background: #92d80f;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #92d80f), color-stop(100%, #86b712));
  background: -webkit-gradient(linear, left top, left bottom, from(#92d80f), to(#86b712));
  background: linear-gradient(to bottom, #92d80f 0%, #86b712 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b712', endColorstr='#92d80f', GradientType=0 );
  border-color: #86b712;
}

.irs .irs-slider {
  width: 18px;
  height: 18px;
}

.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
  font-size: 13px;
  background-color: #86b712;
  border-radius: 2px;
  padding: 2px 6px;
}

.lang-link {
  position: relative;
  width: 28px;
  height: 22px;
  margin-right: 4px;
}

.lang-link::after {
  content: '';
  display: block;
  position: absolute;
  width: 28px;
  height: 22px;
  top: 0;
  left: 0;
}

.lang-link.lang-de::after {
  background: url("/img/langs.png") -136px 0 no-repeat;
}

.lang-link.lang-en::after {
  background: url("/img/langs.png") -34px 0 no-repeat;
}

.lang-link.lang-es::after {
  background: url("/img/langs.png") -102px 0 no-repeat;
}

.lang-link.lang-fr::after {
  background: url("/img/langs.png") -204px 0 no-repeat;
}

.lang-link.lang-it::after {
  background: url("/img/langs.png") -170px 0 no-repeat;
}

.lang-link.lang-pl::after {
  background: url("/img/langs.png") 0 0 no-repeat;
}

.lang-link.lang-ru::after {
  background: url("/img/langs.png") -68px 0 no-repeat;
}

.ms-parent {
  height: 29px;
}

.ms-parent button {
  border-radius: 0.25rem;
  height: 29px;
}

.ms-parent button .placeholder {
  color: #666;
}

.ms-parent .ms-drop ul > li label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.ms-parent .ms-drop ul > li label input[type="checkbox"]:checked + span {
  color: #86b712;
}

.ms-parent .ms-drop ul > li label input[type="checkbox"]:checked + span::before {
  color: #86b712;
}

.navbar-dark .navbar-nav .nav-link.user-icon,
.navbar-dark .navbar-nav .nav-link.lang-icon {
  position: relative;
  color: transparent;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  width: 40px;
  height: 40px;
  margin-left: 1rem;
}

@media screen and (max-width: 991px) {
  .navbar-dark .navbar-nav .nav-link.user-icon,
  .navbar-dark .navbar-nav .nav-link.lang-icon {
    width: calc(50vw - 1.5rem);
    margin-left: 0;
  }
}

.navbar-dark .navbar-nav .nav-link.user-icon:hover,
.navbar-dark .navbar-nav .nav-link.lang-icon:hover {
  background: #480582;
}

.navbar-dark .navbar-nav .nav-link.user-icon::after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 24px;
  top: 5px;
  left: 9px;
  background: url("/img/user.png") -5px 0 no-repeat;
}

@media screen and (max-width: 991px) {
  .navbar-dark .navbar-nav .nav-link.user-icon::after {
    left: calc(50% - 10px);
  }
}

.navbar-dark .navbar-nav .nav-link.lang-icon {
  width: 50px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .navbar-dark .navbar-nav .nav-link.lang-icon {
    width: calc(50vw - 1.5rem);
    margin-left: 0;
  }
}

.navbar-dark .navbar-nav .nav-link.lang-icon::after {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 21px;
  top: 9px;
  left: 10px;
}

@media screen and (max-width: 991px) {
  .navbar-dark .navbar-nav .nav-link.lang-icon::after {
    left: calc(50% - 12px);
  }
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-de::after {
  background: url("/img/langs.png") -134px 0 no-repeat;
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-en::after {
  background: url("/img/langs.png") -32px 0 no-repeat;
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-es::after {
  background: url("/img/langs.png") -100px 0 no-repeat;
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-fr::after {
  background: url("/img/langs.png") -202px 0 no-repeat;
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-it::after {
  background: url("/img/langs.png") -168px 0 no-repeat;
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-pl::after {
  background: url("/img/langs.png") 0 0 no-repeat;
}

.navbar-dark .navbar-nav .nav-link.lang-icon.lang-icon-ru::after {
  background: url("/img/langs.png") -66px 0 no-repeat;
}

ol {
  -webkit-margin-before: 0;
  -webkit-margin-after: 1rem;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 15px;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}

.steps .steps-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #e9ecef;
  max-width: 100%;
  height: auto;
}

.steps .steps-item::after {
  content: '';
  position: absolute;
  top: 0;
  right: -8px;
  border-style: solid;
  border-width: 19px 0 18px 8px;
  border-color: transparent transparent transparent #e9ecef;
  width: 0;
  height: 0;
  z-index: 15;
}

@media screen and (max-width: 767px) {
  .steps .steps-item::after {
    right: -7px;
  }
}

.steps .steps-item:nth-child(even) {
  background-color: #d7dde2;
}

.steps .steps-item:nth-child(even)::after {
  border-color: transparent transparent transparent #d7dde2;
}

.steps .steps-item > a,
.steps .steps-item > span {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  padding: 12px 16px 12px 20px;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .steps .steps-item > a,
  .steps .steps-item > span {
    font-size: 12px;
    line-height: 12px;
  }
}

.steps .steps-item > span {
  color: #888;
}

.steps .steps-item > a {
  color: #333;
  text-decoration: none;
  z-index: 10;
}

.steps .steps-item.current {
  background-color: #86b712;
}

.steps .steps-item.current::after {
  border-color: transparent transparent transparent #86b712;
}

.steps .steps-item.current > a {
  color: #fff;
  font-weight: 300;
}

.steps .steps-item:hover a {
  background-color: rgba(0, 0, 0, 0.04);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, transparent));
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.04)), to(transparent));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.steps .steps-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.steps .steps-item:first-child > a {
  padding-left: 16px;
}

.steps .steps-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.steps .steps-item:last-child::after {
  border-width: 0;
  border-color: none;
}

#topMenu .nav-item {
  margin-right: 14px;
}

@media screen and (max-width: 991px) {
  #topMenu .nav-item {
    margin-right: 0;
  }
}

#topMenu .nav-item.active .nav-link {
  background: #75a010;
  border: 1px solid #75a010;
}

#topMenu .nav-item.active .nav-link:hover {
  background: #7ca911;
}

#topMenu .nav-item .nav-link {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  height: 40px;
  padding: 9px 15px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
}

#topMenu .nav-item .nav-link:hover {
  background: #480582;
}

#user-menu.active .nav-link {
  background: #75a010;
  border: 1px solid #75a010;
}

#user-menu.active .nav-link:hover {
  background: #7ca911;
}

#topNavbar {
  padding: 0.5rem 3rem;
}

@media screen and (max-width: 767px) {
  #topNavbar {
    padding: 0.5rem 1.5rem;
  }
}

#topNavbar .navbar-toggler {
  border: none;
}

#topNavbar .navbar-toggler:focus,
#topNavbar .navbar-toggler.active {
  border: none;
  outline: 0;
}

#topNavbar .navbar-toggler i {
  font-size: 28px;
}

section {
  width: 100%;
  height: auto;
  margin: 2rem 0;
  padding: 0 3rem;
}

@media screen and (max-width: 767px) {
  section {
    padding: 0 1.5rem;
  }
}

section.auth h2 {
  color: #86b712;
  font-size: 1.85rem;
  font-weight: 300;
  margin: 1rem 0;
}

section.auth .white-box {
  min-height: 70vh;
}

section.auth .white-box .row {
  height: 100%;
}

section.lady-welcome {
  min-height: 100vh;
  margin: 0;
}

section.lady-welcome .has-background {
  position: relative;
  min-height: 100vh;
}

section.lady-welcome .has-background::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/img/lady.png");
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  section.lady-welcome .has-background::after {
    background-position: right -15% top 50%;
    opacity: 0.55;
  }
}

@media screen and (max-width: 767px) {
  section.lady-welcome .has-background::after {
    background-position: right -15% top 20%;
  }
}

@media screen and (max-width: 575px) {
  section.lady-welcome .has-background::after {
    background-position: right 90% top 12%;
  }
}

section.lady-welcome .row {
  height: 100vh;
}

section.lady-welcome .img-logo {
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
  width: 385px;
}

@media screen and (max-width: 767px) {
  section.lady-welcome .img-logo {
    width: 240px;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  section.lady-welcome .img-logo {
    width: 320px;
  }
}

section.lady-welcome .btn {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding: 10px 30px;
}

@media screen and (max-width: 767px) {
  section.lady-welcome .btn {
    font-size: 12px;
    padding: 5px 12px;
  }
}

@media screen and (max-width: 575px) {
  section.lady-welcome .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
}

section.lady-welcome .warning {
  color: #aaa;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 30px;
}

@media screen and (max-width: 991px) {
  section.lady-welcome .warning {
    font-size: 13px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  section.lady-welcome .warning {
    font-size: 11px;
  }
}

section.slide-info {
  height: 60vh;
}

@media screen and (max-width: 767px) {
  section.slide-info {
    height: auto;
  }
}

section.slide-info > div,
section.slide-info div.row,
section.slide-info > div > div > div {
  height: 100%;
}

section.slide-search #filter-open {
  color: #fff;
  cursor: pointer;
}

section.slide-search .search-stats {
  position: relative;
  color: #333;
  font-size: 2rem;
  bottom: -5px;
  margin-right: 10px;
}

section.slide-search .search-stats span {
  position: absolute;
  display: block;
  top: -7px;
  right: 0;
  font-size: 50%;
}

@media screen and (max-width: 575px) {
  section.slide-listing,
  section.slide-correct {
    padding-bottom: 40px;
  }
}

section.slide-listing .container-fluid,
section.slide-correct .container-fluid {
  padding: 0;
}

section .white-box {
  color: #666;
  background: #fff;
  border-radius: 2px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

section .tag {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: .064rem;
  border-radius: 2px;
  padding: 7px 9px;
  margin-right: 6px;
  margin-bottom: 8px;
}

section .tag:last-child {
  margin-right: 0;
}

section .tag.tag-clear {
  color: #333;
  background-color: #eee;
}

section .tag.tag-green {
  color: #fff;
  background-color: #86b712;
}

section .tag.tag-purple {
  color: #fff;
  background-color: #59069f;
}

section .stars-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

section .stars-group label {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 40px;
  margin-bottom: 0;
  cursor: pointer;
}

section .stars-group label input[type="radio"] {
  display: none;
}

section .stars-group label i {
  color: #666;
  font-size: 20px;
  margin: 0;
  padding: 10px 5px;
}

section .stars-group label i.checked {
  color: #59069f;
}

section .stars-group label input:checked + i {
  color: #59069f;
}

.brand-logo {
  height: 50px;
  width: auto;
}

@media screen and (max-width: 991px) {
  .display-4 {
    font-size: 2.25rem;
  }
}

.form-control-plaintext {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #f7f7f7;
  border-radius: 2px;
  width: 100%;
  padding-left: 0.75rem;
}

.hidden-checkbox {
  padding: 0;
}

.hidden-checkbox label {
  top: 0;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.375rem 0.75rem;
  background-color: #ededed;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 29px;
}

.hidden-checkbox input[type="checkbox"],
.hidden-checkbox input[type="radio"] {
  display: none;
}

.hidden-checkbox input:disabled + label {
  background-color: #ccc;
}

.hidden-checkbox input:checked + label {
  color: #fff;
  background-color: #86b712;
  border-color: #86b712;
}

.hidden-checkbox input:checked:disabled + label {
  color: #ccc;
}

.nav-link i {
  width: 20px;
}

@media screen and (max-width: 767px) {
  .navbar-collapse {
    max-height: calc(100vh - 65px);
    overflow-y: auto;
  }
}

.pagination {
  margin: 0 auto;
}

.pagination .page-item.active .page-link {
  background-color: #6a07bc;
  border-color: #6a07bc;
}

.pagination .page-link {
  color: #6a07bc;
}

.copyright {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.pointer {
  cursor: pointer;
}

.text-dark {
  color: #333;
}

.text-green {
  color: #86b712;
}

.text-purple {
  color: #59069f;
}

.text-300 {
  font-weight: 300 !important;
}

.text-400 {
  font-weight: 400 !important;
}

.text-600 {
  font-weight: 600 !important;
}

aside.filter-wrapper {
  position: fixed;
  display: block;
  top: 70px;
  left: -400px;
  bottom: 0;
  color: #ccc;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background-color: rgba(89, 6, 159, 0.9);
  width: 400px;
  padding: .25rem 0;
  z-index: 200;
  -webkit-transition: left 300ms ease-in-out;
  transition: left 300ms ease-in-out;
}

aside.filter-wrapper.open {
  left: 0;
}

@media screen and (max-width: 575px) {
  aside.filter-wrapper {
    width: 100%;
  }
}

aside.filter-wrapper #filter-close {
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

aside.filter-wrapper .range-label {
  height: 44px;
  padding-top: 22px;
  margin: 0;
}

@media screen and (min-width: 992px) {
  .addon .offer-box {
    margin-bottom: 0 !important;
  }
}

.addon .offer {
  overflow: hidden !important;
  border: 4px solid #e8d537 !important;
}

.addon .offer:hover {
  border-color: #C5B12F !important;
}

.addon .offer:hover > span {
  background-color: #C5B12F !important;
}

.addon .offer-header {
  padding-right: 3rem !important;
  border-bottom: 4px solid #e8d537 !important;
}

.addon .verified {
  visibility: hidden !important;
}

.addon .favorite {
  visibility: hidden !important;
}

.addon .corner-ribbon {
  position: absolute;
  top: 5px;
  right: -38px;
  width: 120px;
  color: #fff;
  font-size: 0.7rem;
  line-height: 2.2rem;
  background: #e8d537;
  text-align: center;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  z-index: 10;
  opacity: 1;
}

.addon .corner-ribbon:hover .addon .corner-ribbon:focus {
  background: #C5B12F;
}

.slide-addon {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 575px) {
  .slide-addon {
    padding-bottom: 0 !important;
  }
}

section .row-correct {
  margin-left: -8px;
  margin-right: -8px;
}

section .row-correct .left-column,
section .row-correct .right-column {
  padding-left: 8px;
  padding-right: 8px;
}

section .row-correct .left-column .col-wrapper,
section .row-correct .right-column .col-wrapper {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}

section .row-correct .left-column .col-wrapper:last-child,
section .row-correct .right-column .col-wrapper:last-child {
  margin-bottom: 0;
}

section .row-offers {
  margin-left: -6px;
  margin-right: -6px;
}

section .row-offers .job-offer-wrapper {
  border: none;
  border-radius: 0;
  margin-bottom: 60px;
}

section .row-offers .job-offer-wrapper .card-header {
  background-color: #75a010;
  color: white;
  border-radius: 0;
}

section .row-offers .job-offer-wrapper .card-body {
  max-height: 250px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0s;
  transition: all 0s;
}

section .row-offers .job-offer-wrapper .card-body.open {
  max-height: 2000px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

section .row-offers .job-offer-wrapper .card-body p:not(.card-text) {
  text-align: center;
}

section .row-offers .job-offer-wrapper .card-body a {
  color: #59069f;
}

section .row-offers .job-offer-wrapper .card-body a:hover {
  color: #6a07bc;
}

section .row-offers .job-offer-wrapper .card-body .card-text .map {
  max-width: 200px;
  width: 100%;
  display: inline-block;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  section .row-offers .job-offer-wrapper .card-body .card-text .map {
    max-width: 100%;
    float: none;
  }
}

section .row-offers .job-offer-wrapper .long-offer-button {
  border-top: 2px dashed #fff;
  display: none;
  background: #86b712;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: -36px;
  right: 0;
  padding: 5px 0;
}

section .row-offers .job-offer-wrapper .long-offer-button.open {
  display: block;
}

section .row-offers .offer-box {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 20px;
}

section .row-offers .offer-box .offer {
  position: relative;
  color: #666;
  background: #fff;
  border: 4px solid #fff;
  border-radius: 2px;
}

section .row-offers .offer-box .offer:hover {
  border-color: #86b712;
}

section .row-offers .offer-box .offer:hover .offer-more {
  opacity: 1;
}

section .row-offers .offer-box .offer .offer-header {
  position: relative;
  height: 90px;
  padding: 1rem 0.5rem;
  border-bottom: 4px solid #86b712;
  z-index: 5;
}

section .row-offers .offer-box .offer .offer-header .title {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
}

@media screen and (max-width: 575px) {
  section .row-offers .offer-box .offer .offer-header .title {
    font-size: 15px;
  }
}

section .row-offers .offer-box .offer .offer-header .subtitle {
  color: #666;
  font-size: 10px;
  font-weight: 700;
}

section .row-offers .offer-box .offer .offer-body {
  position: relative;
  display: block;
}

section .row-offers .offer-box .offer .offer-body img {
  width: 100%;
}

section .row-offers .offer-box .offer .offer-body .verified {
  position: absolute;
  top: -16px;
  right: 8px;
  width: 42px;
  height: 48px;
  z-index: 10;
}

section .row-offers .offer-box .offer .offer-body .verified::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background: url("/img/sign.png") 0px -50px no-repeat;
  width: 42px;
  height: 48px;
}

section .row-offers .offer-box .offer .offer-body .favorite {
  cursor: pointer;
  position: absolute;
  top: -16px;
  right: 8px;
  width: 42px;
  height: 48px;
  z-index: 10;
}

section .row-offers .offer-box .offer .offer-body .favorite::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/img/sign.png") -42px 0px no-repeat;
  width: 42px;
  height: 48px;
}

section .row-offers .offer-box .offer .offer-body .favorite.add-to-favorite::after,
section .row-offers .offer-box .offer .offer-body .favorite.remove-from-favorite:hover::after {
  background: url("/img/sign.png") -42px 0px no-repeat;
}

section .row-offers .offer-box .offer .offer-body .favorite.remove-from-favorite::after,
section .row-offers .offer-box .offer .offer-body .favorite.add-to-favorite:hover::after {
  background: url("/img/sign.png") -42px -50px no-repeat;
}

section .row-offers .offer-box .offer .offer-body .verified + .favorite {
  right: 56px;
}

section .row-offers .offer-box .offer .offer-body .has-video {
  position: absolute;
  top: -10px;
  left: -8px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  background-color: #430578;
  padding: 8px 10px 8px 15px;
  z-index: 10;
}

section .row-offers .offer-box .offer .offer-body .has-video:after {
  content: '';
  position: absolute;
  top: 0;
  right: -5px;
  border-style: solid;
  border-width: 17px 5px 16px 0;
  border-color: #430578 transparent #430578 #430578;
  width: 0;
  height: 0;
}

section .row-offers .offer-box .offer .offer-more {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  padding: 130px .5rem .5rem;
  opacity: 0;
  text-align: center;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  z-index: 4;
}

section .row-offers .offer-box .offer .offer-more .phone {
  font-family: "Roboto", sans-serif;
  font-size: 1.85rem;
  font-weight: 300;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

@media screen and (max-width: 575px) {
  section .row-offers .offer-box .offer .offer-more .phone {
    font-size: 1.65rem;
  }
}

section .row-offers .offer-box .offer .offer-more .phone a {
  color: #7fae11;
  text-decoration: none;
}

section .row-offers .offer-box .offer .offer-more .phone a:hover {
  color: #59069f;
  text-decoration: none;
}

section .row-offers .offer-box .offer .offer-more .details {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: .5rem;
}

section .row-offers .offer-box .offer .offer-more .price {
  color: #333;
  font-size: 1.5rem;
}

@media screen and (max-width: 575px) {
  section .row-offers .offer-box .offer .offer-more .price {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 575px) {
  section .left-column {
    margin-bottom: 20px;
  }
}

section .left-column .offer .visible-face {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  background-color: #86b712;
  border-radius: 2px 2px 0 0;
  margin: -18px -15px 10px -15px;
  padding: 7px 15px;
}

section .left-column .offer .offer-header {
  position: relative;
  border-bottom: 2px solid #86b712;
  padding-bottom: 12px;
  margin-bottom: 24px;
  z-index: 5;
}

section .left-column .offer .offer-header .card-title {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}

section .left-column .offer .offer-header .card-subtitle {
  color: #666;
  font-size: 1.1rem;
  font-weight: 400;
}

section .left-column .offer .offer-header .verified {
  position: absolute;
  right: -8px;
  bottom: -26px;
  width: 42px;
  height: 48px;
  z-index: 10;
}

section .left-column .offer .offer-header .verified::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background: url("/img/sign.png") 0px -50px no-repeat;
  width: 42px;
  height: 48px;
}

section .left-column .offer .offer-header .favorite {
  cursor: pointer;
  position: absolute;
  right: -8px;
  bottom: -26px;
  width: 42px;
  height: 48px;
  z-index: 10;
}

section .left-column .offer .offer-header .favorite::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/img/sign.png") -42px 0px no-repeat;
  width: 42px;
  height: 48px;
}

section .left-column .offer .offer-header .favorite.add-to-favorite::after,
section .left-column .offer .offer-header .favorite.remove-from-favorite:hover::after {
  background: url("/img/sign.png") -42px 0px no-repeat;
}

section .left-column .offer .offer-header .favorite.remove-from-favorite::after,
section .left-column .offer .offer-header .favorite.add-to-favorite:hover::after {
  background: url("/img/sign.png") -42px -50px no-repeat;
}

section .left-column .offer .offer-header .verified + .favorite {
  right: 38px;
}

section .left-column .offer .offer-body,
section .left-column .offer .offer-prices,
section .left-column .offer .offer-days {
  margin-bottom: 20px;
}

section .left-column .offer .offer-body p,
section .left-column .offer .offer-prices p,
section .left-column .offer .offer-days p {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1.15rem;
  font-weight: 300;
  margin-bottom: .25rem;
  text-align: left;
}

section .left-column .offer .offer-body p strong,
section .left-column .offer .offer-prices p strong,
section .left-column .offer .offer-days p strong {
  display: inline-block;
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  width: 80px;
}

section .left-column .offer .offer-body p.address,
section .left-column .offer .offer-prices p.address,
section .left-column .offer .offer-days p.address {
  position: relative;
  padding-left: 80px;
}

section .left-column .offer .offer-body p.address strong,
section .left-column .offer .offer-prices p.address strong,
section .left-column .offer .offer-days p.address strong {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

section .left-column .offer .offer-phone {
  background-color: #86b712;
  padding: 15px 15px;
  margin: 0 -15px 20px -15px;
  text-align: center;
}

section .left-column .offer .offer-phone a {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 2.6rem;
  letter-spacing: 2px;
}

section .left-column .offer .offer-phone p {
  color: #eee;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0;
}

section .left-column .offer .offer-prices p {
  font-size: 1.35rem;
}

section .left-column .offer .offer-prices p.hour {
  font-size: 1.7rem;
}

section .left-column .offer .offer-prices p.hour strong {
  font-size: 1.7rem;
}

section .left-column .offer .offer-prices p strong {
  font-size: 1.35rem;
  width: 100px;
}

section .left-column .offer .offer-days p strong {
  width: 100px;
}

section .left-column .offer .offer-days p.now {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 15px;
}

section .left-column .offer .offer-days p.now span {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #86b712;
  border-radius: 2px;
  text-align: center;
  margin-right: .5rem;
}

section .left-column .offer .offer-days p.now span i {
  color: #fff;
}

section .left-column .offer .offer-report a {
  color: #666;
  font-size: 1rem;
}

section .right-column .offer .offer-content nav {
  position: relative;
}

section .right-column .offer .offer-content nav a {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  width: calc(50% + 15px);
  margin: -18px 0 0;
  padding: 6px 15px 6px;
  text-align: center;
}

section .right-column .offer .offer-content nav a.imgs {
  margin-left: -15px;
}

section .right-column .offer .offer-content nav a.vids {
  margin-right: -15px;
}

section .right-column .offer .offer-content nav a.active {
  color: #fff;
  background-color: #86b712;
  border: 1px solid #86b712;
}

section .right-column .offer .offer-content nav a.active.imgs {
  border-radius: 2px 0 0 0;
}

section .right-column .offer .offer-content nav a.active.vids {
  border-radius: 0 2px 0 0;
}

section .right-column .offer .offer-content .tab-content {
  padding: 20px 5px;
}

section .right-column .offer .offer-content .tab-content .images,
section .right-column .offer .offer-content .tab-content .videos {
  cursor: pointer;
  height: 250px;
}

@media screen and (max-width: 991px) {
  section .right-column .offer .offer-content .tab-content .images,
  section .right-column .offer .offer-content .tab-content .videos {
    height: 150px;
  }
}

@media screen and (max-width: 767px) {
  section .right-column .offer .offer-content .tab-content .images,
  section .right-column .offer .offer-content .tab-content .videos {
    height: 220px;
  }
}

section .right-column .offer .offer-content .tab-content .images .item,
section .right-column .offer .offer-content .tab-content .videos .item {
  height: 250px;
  max-height: 250px;
}

@media screen and (max-width: 991px) {
  section .right-column .offer .offer-content .tab-content .images .item,
  section .right-column .offer .offer-content .tab-content .videos .item {
    height: 150px;
  }
}

@media screen and (max-width: 767px) {
  section .right-column .offer .offer-content .tab-content .images .item,
  section .right-column .offer .offer-content .tab-content .videos .item {
    height: 220px;
  }
}

section .right-column .offer .offer-content .tab-content .images .item img,
section .right-column .offer .offer-content .tab-content .videos .item img {
  max-height: 250px;
  margin: 0 5px;
}

@media screen and (max-width: 991px) {
  section .right-column .offer .offer-content .tab-content .images .item img,
  section .right-column .offer .offer-content .tab-content .videos .item img {
    max-height: 150px;
  }
}

@media screen and (max-width: 767px) {
  section .right-column .offer .offer-content .tab-content .images .item img,
  section .right-column .offer .offer-content .tab-content .videos .item img {
    max-height: 220px;
  }
}

section .right-column .offer .offer-content .tab-content .images .item video,
section .right-column .offer .offer-content .tab-content .videos .item video {
  background-color: #fafafa;
  max-height: 250px;
  margin: 0 5px;
}

@media screen and (max-width: 991px) {
  section .right-column .offer .offer-content .tab-content .images .item video,
  section .right-column .offer .offer-content .tab-content .videos .item video {
    max-height: 150px;
  }
}

@media screen and (max-width: 767px) {
  section .right-column .offer .offer-content .tab-content .images .item video,
  section .right-column .offer .offer-content .tab-content .videos .item video {
    max-height: 220px;
  }
}

section .right-column .offer .offer-desc p,
section .right-column .offer .offer-details p {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: left;
}

section .right-column .offer .offer-desc p strong,
section .right-column .offer .offer-details p strong {
  display: block;
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 1.65rem;
  font-weight: 300;
  width: 100%;
  margin-bottom: 1rem;
}

section .right-column .offer .offer-desc .offer-map,
section .right-column .offer .offer-details .offer-map {
  min-height: 200px;
}

section .right-column .review {
  margin-bottom: 2rem;
}

section .right-column .review:last-child {
  margin-bottom: 0;
}

section .right-column .review .reviewer {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
}

section .right-column .review .reviewer span {
  font-size: 1rem;
}

section .right-column .review .review-body {
  position: relative;
  color: #666;
  font-size: 1.2rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-right: 15px;
  padding: .5rem 1rem 1rem;
}

section .right-column .review .review-body::before {
  content: '';
  position: absolute;
  top: 15px;
  left: -5px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

section .right-column .review .review-body .review-rate {
  font-family: "Roboto", sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}

section .right-column .review .review-body .review-rate .name {
  display: inline-block;
  color: #86b712;
  font-weight: 400;
  margin-right: 6px;
}

section .right-column .review .review-body .review-rate i {
  color: #59069f;
}

section .right-column .review .review-body .edit-toggle,
section .right-column .review .review-body .delete-toggle {
  position: absolute;
  top: -1px;
  width: 22px;
  height: 22px;
  text-align: center;
  cursor: pointer;
}

section .right-column .review .review-body .edit-toggle i,
section .right-column .review .review-body .delete-toggle i {
  color: #fff;
  font-size: 1rem;
}

section .right-column .review .review-body .edit-toggle {
  right: 21px;
  background-color: #86b712;
  border-radius: 0 0 0 4px;
}

section .right-column .review .review-body .delete-toggle {
  right: -1px;
  background-color: #b72512;
  border-radius: 0 2px 0 0;
}

.offers-map-wrapper {
  height: 65vh;
}

.offers-map-wrapper #offers-map {
  height: 100%;
}

.offers-map-wrapper .offer-modal-row {
  width: 100%;
  display: block;
}

.offers-map-wrapper .offer-modal-row > div {
  display: inline-block;
  vertical-align: top;
}

.offers-map-wrapper .offer-modal-row img {
  display: inline-block;
  width: auto;
  max-width: 100px;
  height: auto;
  vertical-align: top;
  margin: 0;
  margin-right: 10px;
  padding: 0;
}

.offers-map-wrapper .offer-modal-row p {
  color: #666;
  font-family: "Roboto", sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  margin-bottom: 5px;
}

.offers-map-wrapper .offer-modal-row p strong {
  display: inline-block;
  color: #333;
  width: 60px;
}

.offers-map-wrapper .offer-modal-row a {
  display: block;
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 8px;
}

.offers-map-wrapper .offer-modal-row a.title {
  font-size: 1.55rem;
}

.offers-map-wrapper .offer-modal-row a:hover {
  color: #75a010;
}

footer {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 13px;
  color: #999;
  background-color: #282828;
  padding: 2rem 3rem;
  z-index: 5 !important;
}

@media screen and (min-width: 767px) {
  footer {
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  footer {
    padding: 2rem 1.5rem;
  }
}

footer .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

footer .nav .nav-link {
  color: #999;
}

footer .nav .nav-link:hover {
  color: #d9d9d9;
}

footer .copyright {
  color: #666666;
}

.slick-prev,
.slick-next {
  z-index: 1000;
}

.slick-prev::before,
.slick-next::before {
  color: #86b712;
  font-size: 40px;
}

@media screen and (max-width: 991px) {
  .slick-prev::before,
  .slick-next::before {
    font-size: 20px;
  }
}

.slick-next {
  right: 0px;
}

@media screen and (max-width: 991px) {
  .slick-next {
    right: -20px;
  }
}

.slick-prev {
  left: -20px;
}

.left-column .dashboard .user-header,
.left-column .dashboard .user-data,
.left-column .dashboard .user-menu {
  margin-bottom: 20px;
}

.left-column .dashboard p {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1.15rem;
  font-weight: 300;
  margin-bottom: .25rem;
  text-align: left;
}

.left-column .dashboard p strong {
  display: inline-block;
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  width: 80px;
}

.left-column .dashboard .user-header {
  color: #fff;
  background-color: #86b712;
  border-radius: 3px 3px 0 0;
  margin: -18px -15px 15px;
  padding: 15px;
}

.left-column .dashboard .user-header img {
  border: 2px solid #fff;
}

.left-column .dashboard .user-header div {
  margin-top: 0.5rem;
}

.left-column .dashboard .user-header p {
  color: #fff;
}

.left-column .dashboard .user-header p strong {
  color: #fff;
  font-weight: 300;
  width: 50px;
}

.left-column .dashboard .dashboard-menu nav {
  padding: 0;
}

.left-column .dashboard .dashboard-menu nav .navbar-toggler {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}

.left-column .dashboard .dashboard-menu nav .navbar-toggler:focus,
.left-column .dashboard .dashboard-menu nav .navbar-toggler:active {
  outline: 0;
}

.left-column .dashboard .dashboard-menu nav ul {
  width: 100%;
}

.left-column .dashboard .dashboard-menu nav ul .nav-link {
  color: #777;
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
}

.left-column .dashboard .dashboard-menu nav ul .nav-link i {
  color: #59069f;
}

.left-column .dashboard .dashboard-menu nav ul .nav-link.active {
  color: #75a010;
  background: #f7f7f7;
}

.left-column .dashboard .dashboard-menu nav ul .nav-link.active:hover {
  color: #75a010;
  background: #eaeaea;
}

.left-column .dashboard .dashboard-menu nav ul .nav-link.active i {
  color: #75a010;
}

.left-column .dashboard .dashboard-menu nav ul .nav-link:hover {
  color: #59069f;
  background: #eaeaea;
}

.right-column .dashboard-header {
  color: #fff;
  background: #86b712;
  border-radius: 2px;
  padding: 15px;
}

.right-column .dashboard-header h2 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0;
}

.right-column .dashboard-header h2 i {
  width: 20px;
}

.right-column .dashboard.dashboard-with-tabs {
  position: relative;
  margin-top: 50px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 10;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs {
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  border: 0;
  z-index: 5;
}

@media screen and (max-width: 991px) {
  .right-column .dashboard.dashboard-with-tabs .dashboard-tabs {
    top: -33px;
  }
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item {
  border: 0;
  margin-bottom: 0;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  background-color: rgba(255, 255, 255, 0.25);
  border: 0;
  padding: 10px 14px 8px;
  margin-right: 2px;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link.nav-link-danger {
  color: #fff;
  background-color: #ce2a14;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link.nav-link-danger:hover {
  background-color: #b72512;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link.nav-link-danger.active,
.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link.nav-link-danger.active:hover {
  color: #b72512;
  background-color: #fff;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link:hover {
  background-color: #86b712;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link.active {
  color: #333;
  font-weight: 400;
  background-color: #fff;
}

.right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link.active:hover {
  color: #86b712;
}

@media screen and (max-width: 991px) {
  .right-column .dashboard.dashboard-with-tabs .dashboard-tabs li.nav-item .nav-link i {
    width: auto;
  }
}

.right-column .dashboard .dashboard-content-header .card {
  background: #f7f7f7;
  border-color: #ddd;
  border-top: 2px solid #86b712;
  border-radius: 0;
}

.right-column .dashboard .dashboard-content {
  min-height: 350px;
}

.right-column .dashboard .dashboard-content .col-divided {
  position: relative;
}

.right-column .dashboard .dashboard-content .col-divided::after {
  content: '';
  position: absolute;
  display: block;
  top: 15%;
  right: 0;
  background-color: #ddd;
  width: 1px;
  height: 70%;
}

.right-column .dashboard .dashboard-content .col-divided:last-child::after {
  display: none;
}

.right-column .dashboard .dashboard-content form label.upload-label {
  display: inline-block;
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  width: 60px;
}

.right-column .dashboard .dashboard-content form legend {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.right-column .dashboard .dashboard-content form fieldset {
  border-top: 2px solid #86b712;
  padding-top: 15px;
  padding-bottom: 20px;
}

.right-column .dashboard .dashboard-content form fieldset.no-border {
  border-top: 0;
  padding-top: 0;
}

.right-column .dashboard .dashboard-content form #map {
  min-height: 200px;
}

.right-column .dashboard .dashboard-content .image-box {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px;
}

.right-column .dashboard .dashboard-content .image-box:last-child {
  margin-bottom: 0;
}

.right-column .dashboard .dashboard-content .image-box .card {
  position: relative;
  border: 2px solid #ededed;
  border-radius: 4px;
  overflow: hidden;
}

.right-column .dashboard .dashboard-content .image-box .card .card-img-top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.right-column .dashboard .dashboard-content .image-box:hover .card {
  border-color: #86b712;
}

.right-column .dashboard .dashboard-content .image-box p {
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.right-column .dashboard .dashboard-content .image-box p span {
  display: block;
  color: #333;
  font-weight: 600;
  margin-top: 4px;
}

.right-column .dashboard .dashboard-content .image-box .corner-ribbon {
  position: absolute;
  top: 5px;
  left: -38px;
  width: 120px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.2rem;
  background: #86b712;
  text-align: center;
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
}

.right-column .dashboard .dashboard-content .section-header {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  border-bottom: 2px solid #86b712;
  padding-bottom: .5rem;
  margin-bottom: 20px;
}

.right-column .dashboard .dashboard-content table {
  border-top: 2px solid #86b712;
}

.right-column .dashboard .dashboard-content table thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  .right-column .dashboard .dashboard-content table thead {
    display: none;
  }
}

.right-column .dashboard .dashboard-content table thead th {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: center;
}

.right-column .dashboard .dashboard-content table thead th i {
  color: #59069f;
  width: 18px;
}

.right-column .dashboard .dashboard-content table thead th.left {
  text-align: left;
}

.right-column .dashboard .dashboard-content .sub-table {
  margin-top: 1rem;
}

.right-column .dashboard .dashboard-content .sub-table > table > thead {
  display: table-header-group;
}

.right-column .dashboard .dashboard-content p {
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}

.right-column .dashboard .dashboard-content p.bold {
  color: #333;
  font-weight: 600;
}

.right-column .dashboard .dashboard-content .activation-box .card-body {
  height: 120px;
  padding: 0;
}

.right-column .dashboard .dashboard-content .activation-box .card-body label {
  position: relative;
  display: block;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  border: 2px solid transparent;
  width: 100%;
  height: 100%;
  padding: 15px;
  padding-left: 72px;
  overflow: hidden;
}

.right-column .dashboard .dashboard-content .activation-box .card-body label i {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #59069f;
  font-size: 52px;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
}

.right-column .dashboard .dashboard-content .activation-box .card-body label p {
  color: #86b712;
  font-size: 36px;
  font-weight: 300;
}

.right-column .dashboard .dashboard-content .activation-box .card-body input {
  display: none;
}

.right-column .dashboard .dashboard-content .activation-box .card-body input:checked + label {
  border-color: #86b712;
}

.right-column .dashboard .dashboard-content .activation-box .card-footer {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  border: 0;
}

.right-column .dashboard .dashboard-content .activation-box .card-footer span {
  font-size: 1.2rem;
}

.right-column .dashboard .dashboard-content .activation-box.disabled {
  border-color: #b72512;
}

.right-column .dashboard .dashboard-content .activation-box.disabled .card-body label,
.right-column .dashboard .dashboard-content .activation-box.disabled .card-body label i,
.right-column .dashboard .dashboard-content .activation-box.disabled .card-body label p {
  color: #b72512;
}

.right-column .dashboard .dashboard-content .model {
  position: relative;
}

.right-column .dashboard .dashboard-content .model .row {
  margin-left: 0;
  margin-right: 0;
}

.right-column .dashboard .dashboard-content .model .row > div {
  padding-left: 0;
  padding-right: 0;
}

.right-column .dashboard .dashboard-content .model .section-title {
  display: block;
  color: #75a010;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.right-column .dashboard .dashboard-content .model .model-title {
  padding-left: 0;
  padding-right: 3rem;
}

.right-column .dashboard .dashboard-content .model .model-title a {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.right-column .dashboard .dashboard-content .model .model-body,
.right-column .dashboard .dashboard-content .model .model-more,
.right-column .dashboard .dashboard-content .model .model-stats,
.right-column .dashboard .dashboard-content .model .model-dates {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}

.right-column .dashboard .dashboard-content .model .model-body:last-child,
.right-column .dashboard .dashboard-content .model .model-more:last-child,
.right-column .dashboard .dashboard-content .model .model-stats:last-child,
.right-column .dashboard .dashboard-content .model .model-dates:last-child {
  border-bottom: 0;
}

.right-column .dashboard .dashboard-content .model .model-body p,
.right-column .dashboard .dashboard-content .model .model-more p,
.right-column .dashboard .dashboard-content .model .model-stats p,
.right-column .dashboard .dashboard-content .model .model-dates p {
  display: inline-block;
  margin: 0 8px 5px 0;
}

.right-column .dashboard .dashboard-content .model .model-body p i,
.right-column .dashboard .dashboard-content .model .model-more p i,
.right-column .dashboard .dashboard-content .model .model-stats p i,
.right-column .dashboard .dashboard-content .model .model-dates p i {
  color: #59069f;
  width: 20px;
  text-align: center;
}

.right-column .dashboard .dashboard-content .model .model-more .tag {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  padding: 4px 8px;
  margin-bottom: 5px;
}

.right-column .dashboard .dashboard-content .model .model-actions {
  position: absolute;
  display: block;
  top: 0.75rem;
  right: 0.75rem;
}

.right-column .dashboard .dashboard-content .model .model-actions.favorite {
  cursor: pointer;
  position: absolute;
  width: 42px;
  height: 48px;
  z-index: 10;
}

.right-column .dashboard .dashboard-content .model .model-actions.favorite::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/img/sign.png") -42px 0px no-repeat;
  width: 42px;
  height: 48px;
}

.right-column .dashboard .dashboard-content .model .model-actions.favorite.add-to-favorite::after,
.right-column .dashboard .dashboard-content .model .model-actions.favorite.remove-from-favorite:hover::after {
  background: url("/img/sign.png") -42px 0px no-repeat;
}

.right-column .dashboard .dashboard-content .model .model-actions.favorite.remove-from-favorite::after,
.right-column .dashboard .dashboard-content .model .model-actions.favorite.add-to-favorite:hover::after {
  background: url("/img/sign.png") -42px -50px no-repeat;
}

.right-column .dashboard .dashboard-content .wallet-title {
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 64px;
}

.right-column .dashboard .dashboard-content .wallet-title span {
  display: block;
  color: #333;
  font-size: 24px;
  line-height: 24px;
}

.right-column .dashboard .dashboard-content .thread-wrapper {
  border-top: 2px solid #86b712;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.right-column .dashboard .dashboard-content .thread-wrapper .new-mess-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.right-column .dashboard .dashboard-content .thread-wrapper .new-mess-wrapper textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  overflow-y: scroll;
  resize: none;
  font-size: 14px;
}

.right-column .dashboard .dashboard-content .thread-wrapper .new-mess-wrapper textarea:active,
.right-column .dashboard .dashboard-content .thread-wrapper .new-mess-wrapper textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  overflow-y: scroll;
  resize: none;
  font-size: 14px;
}

.right-column .dashboard .dashboard-content .thread-wrapper .new-mess-wrapper button {
  width: 100%;
  font-size: 13px;
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper {
  max-height: 450px;
  margin-right: -37px;
  padding: 5px 20px 5px 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

@media (max-width: 991px) {
  .right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper {
    max-height: 396px;
  }
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess {
  background-color: #f1f0f0;
  border-radius: 1.3em;
  border-bottom-left-radius: 0;
  margin-left: 15px;
  max-width: 85%;
  padding: 6px 12px;
  color: #000;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 14px;
}

@media (min-width: 992px) {
  .right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess {
    max-width: 70%;
  }
}

@media (min-width: 1200px) {
  .right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess {
    max-width: 55%;
  }
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess .mess-mid {
  border-top-left-radius: 0;
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess .mess-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 1.3em;
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess-info {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess-author {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 1.3em;
  margin-left: 0;
  margin-right: 32px;
  background-color: #59069f;
  color: #fff;
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess-author .mess-mid {
  border-top-left-radius: 1.3em;
  border-top-right-radius: 0;
}

.right-column .dashboard .dashboard-content .thread-wrapper .messages-wrapper .mess-author .mess-end {
  border-top-left-radius: 1.3em;
  border-bottom-right-radius: 1.3em;
  border-top-right-radius: 0;
}

.right-column .dashboard .dashboard-content .nav-wrapper-toggle {
  display: none;
}

@media (max-width: 991px) {
  .right-column .dashboard .dashboard-content .nav-wrapper-toggle {
    position: fixed;
    z-index: 1000;
    top: calc(50% - 12.5vh);
    left: 0;
    width: 15px;
    height: 25vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    will-change: transform;
    -webkit-box-shadow: 6px -5px 20px -6px rgba(0, 0, 0, 0.75);
            box-shadow: 6px -5px 20px -6px rgba(0, 0, 0, 0.75);
  }

  .right-column .dashboard .dashboard-content .nav-wrapper-toggle:hover {
    -webkit-transform: translateX(65vw);
            transform: translateX(65vw);
  }

  .right-column .dashboard .dashboard-content .nav-wrapper-toggle:hover + .threads-nav-wrapper {
    -webkit-transform: translateX(-35vw);
            transform: translateX(-35vw);
  }
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper {
  height: 521px;
  overflow: hidden;
  border-right: 2px solid #86b712;
}

@media (max-width: 991px) {
  .right-column .dashboard .dashboard-content .threads-nav-wrapper {
    padding-left: 35vw;
    position: fixed;
    z-index: 999;
    top: 69.5px;
    height: 100%;
    padding-top: 15px;
    left: 0;
    background-color: #fff;
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
    -webkit-box-shadow: 6px -5px 20px -6px rgba(0, 0, 0, 0.75);
            box-shadow: 6px -5px 20px -6px rgba(0, 0, 0, 0.75);
    -webkit-transition: all .2s;
    transition: all .2s;
    will-change: transform;
  }
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav {
  height: 450px;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-right: -52px;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a {
  color: #333;
  position: relative;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a.nav-link {
  padding-left: calc(.5rem + 5px) !important;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 5px;
  background: #86b712;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a:nth-of-type(odd) {
  background-color: #fafafa;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a:hover:before {
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a:focus:before,
.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a.active:before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a .thread-title {
  font-size: 15px;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a .thread-title .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #86b712;
  border-radius: 50%;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a .thread-date {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .threads-nav a .thread-last-message small {
  color: #999999;
  font-size: 13px;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .search-input-group {
  margin: 5px auto 15px auto;
  width: calc(100% - 45px);
}

@media (max-width: 991px) {
  .right-column .dashboard .dashboard-content .threads-nav-wrapper .search-input-group {
    display: none;
  }
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .search-input-group .input-group-text {
  background-color: #f6f7f9;
  border: none;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .search-input-group #thread-search {
  background-color: #f6f7f9;
  border: none;
}

.right-column .dashboard .dashboard-content .threads-nav-wrapper .search-input-group #thread-search:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cropper-wrapper img {
  max-width: 100%;
}

.cropper-wrapper.cropper-circle .cropper-view-box {
  border-radius: 50%;
}

.days-group > .input-group > select:first-of-type {
  margin-left: -4px;
}

.day-label {
  width: 100px;
}

.row-section {
  margin-left: -12px;
  margin-right: -12px;
  padding: 15px 0;
  border-bottom: 1px solid #e9ecef;
}

.row-section:first-child {
  padding-top: 0;
}

.row-section:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

.switch {
  position: relative;
  display: inline-block;
  font-size: 12px;
  margin-right: 20px;
  padding: 5px 0 5px 50px;
}

.switch:last-child {
  margin-right: 0;
}

.switch .label {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 44px;
  height: 24px;
  margin-right: 4px;
  margin-bottom: 0;
}

.switch .label input {
  display: none;
}

.switch .label input:checked + .switcher {
  background-color: #86b712;
}

.switch .label input:focus + .switcher {
  -webkit-box-shadow: 0 0 1px #86b712;
          box-shadow: 0 0 1px #86b712;
}

.switch .label input:checked + .switcher:before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.switch .label input:disabled + .switcher:before {
  background-color: #b72512;
}

.switch .label .switcher {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #59069f;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .label .switcher:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  top: 3px;
  left: 3px;
  bottom: 3px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch.switch-sm {
  font-size: 10px;
  margin-right: 20px;
  padding: 3px 0 6px 42px;
}

.switch.switch-sm .label {
  width: 36px;
  height: 20px;
}

.switch.switch-sm input:checked + .switcher:before {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}

.switch.switch-sm .switcher:before {
  height: 14px;
  width: 14px;
  top: 3px;
  left: 3px;
  bottom: 3px;
}

.card-box .card {
  position: relative;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 2px;
  border: 1px solid #ddd;
  min-height: 200px;
  height: auto;
  padding: 16px 25px;
  overflow: hidden;
  -webkit-box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
}

.card-box .card .card-body {
  position: relative;
}

.card-box .card .card-body .card-body-icon {
  position: absolute;
  z-index: 0;
  top: -20px;
  right: -10px;
  color: #6a07bc;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.card-box .card .mr-5 {
  color: #86b712;
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 400;
  margin-right: 3rem;
}

.card-box .card .mr-5 span {
  color: #59069f;
  font-size: 22px;
  font-weight: 400;
}

.card-box .card .card-footer {
  color: #6a07bc;
  background-color: transparent;
  border-top: 2px solid #59069f;
  padding: 1.2rem 1.25rem 0.25rem;
}

#uploader-mask {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

#uploader-mask.open {
  z-index: 100;
  opacity: 1;
}

#uploader-mask .radial-progress {
  margin: 50px;
  width: 120px;
  height: 120px;
  background-color: transparent;
  border-radius: 50%;
}

#uploader-mask .radial-progress[data-step="one"] .circle .fill {
  background-color: #d8290e;
}

#uploader-mask .radial-progress[data-step="two"] .circle .fill {
  background-color: #64d4fa;
}

#uploader-mask .radial-progress[data-step="three"] .circle .fill {
  background-color: #86b712;
}

#uploader-mask .radial-progress[data-step="four"] .circle .fill {
  background-color: #92d80f;
}

#uploader-mask .radial-progress .circle .mask,
#uploader-mask .radial-progress .circle .fill,
#uploader-mask .radial-progress .circle .shadow {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
}

#uploader-mask .radial-progress .circle .mask,
#uploader-mask .radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s, background-color 1s;
  -webkit-transition: background-color 1s, -webkit-transform 1s;
  transition: background-color 1s, -webkit-transform 1s;
  transition: transform 1s, background-color 1s;
  transition: transform 1s, background-color 1s, -webkit-transform 1s;
  border-radius: 50%;
}

#uploader-mask .radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}

#uploader-mask .radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
}

#uploader-mask .radial-progress .inset {
  width: 90px;
  height: 90px;
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  background-color: #282828;
  border-radius: 50%;
  -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
}

#uploader-mask .radial-progress .inset .percentage {
  height: 28px;
  width: 60px;
  overflow: hidden;
  position: absolute;
  top: 31px;
  left: 15px;
  line-height: 1;
}

#uploader-mask .radial-progress .inset .percentage .numbers {
  margin-top: -28px;
  -webkit-transition: width 1s;
  transition: width 1s;
}

#uploader-mask .radial-progress .inset .percentage .numbers span {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-weight: 800;
  font-size: 28px;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fbfbfb;
}

#uploader-mask .radial-progress .inset .percentage .numbers span:after {
  content: "%";
  font-size: 14px;
}

#uploader-mask .radial-progress[data-progress="0"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="0"] .circle .fill {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

#uploader-mask .radial-progress[data-progress="0"] .circle .fill.fix {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

#uploader-mask .radial-progress[data-progress="0"] .inset .percentage .numbers {
  width: 60px;
}

#uploader-mask .radial-progress[data-progress="1"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="1"] .circle .fill {
  -webkit-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}

#uploader-mask .radial-progress[data-progress="1"] .circle .fill.fix {
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

#uploader-mask .radial-progress[data-progress="1"] .inset .percentage .numbers {
  width: 120px;
}

#uploader-mask .radial-progress[data-progress="2"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="2"] .circle .fill {
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

#uploader-mask .radial-progress[data-progress="2"] .circle .fill.fix {
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

#uploader-mask .radial-progress[data-progress="2"] .inset .percentage .numbers {
  width: 180px;
}

#uploader-mask .radial-progress[data-progress="3"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="3"] .circle .fill {
  -webkit-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}

#uploader-mask .radial-progress[data-progress="3"] .circle .fill.fix {
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

#uploader-mask .radial-progress[data-progress="3"] .inset .percentage .numbers {
  width: 240px;
}

#uploader-mask .radial-progress[data-progress="4"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="4"] .circle .fill {
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

#uploader-mask .radial-progress[data-progress="4"] .circle .fill.fix {
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

#uploader-mask .radial-progress[data-progress="4"] .inset .percentage .numbers {
  width: 300px;
}

#uploader-mask .radial-progress[data-progress="5"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="5"] .circle .fill {
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}

#uploader-mask .radial-progress[data-progress="5"] .circle .fill.fix {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

#uploader-mask .radial-progress[data-progress="5"] .inset .percentage .numbers {
  width: 360px;
}

#uploader-mask .radial-progress[data-progress="6"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="6"] .circle .fill {
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

#uploader-mask .radial-progress[data-progress="6"] .circle .fill.fix {
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

#uploader-mask .radial-progress[data-progress="6"] .inset .percentage .numbers {
  width: 420px;
}

#uploader-mask .radial-progress[data-progress="7"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="7"] .circle .fill {
  -webkit-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}

#uploader-mask .radial-progress[data-progress="7"] .circle .fill.fix {
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

#uploader-mask .radial-progress[data-progress="7"] .inset .percentage .numbers {
  width: 480px;
}

#uploader-mask .radial-progress[data-progress="8"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="8"] .circle .fill {
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

#uploader-mask .radial-progress[data-progress="8"] .circle .fill.fix {
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

#uploader-mask .radial-progress[data-progress="8"] .inset .percentage .numbers {
  width: 540px;
}

#uploader-mask .radial-progress[data-progress="9"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="9"] .circle .fill {
  -webkit-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}

#uploader-mask .radial-progress[data-progress="9"] .circle .fill.fix {
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

#uploader-mask .radial-progress[data-progress="9"] .inset .percentage .numbers {
  width: 600px;
}

#uploader-mask .radial-progress[data-progress="10"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="10"] .circle .fill {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

#uploader-mask .radial-progress[data-progress="10"] .circle .fill.fix {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

#uploader-mask .radial-progress[data-progress="10"] .inset .percentage .numbers {
  width: 660px;
}

#uploader-mask .radial-progress[data-progress="11"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="11"] .circle .fill {
  -webkit-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}

#uploader-mask .radial-progress[data-progress="11"] .circle .fill.fix {
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

#uploader-mask .radial-progress[data-progress="11"] .inset .percentage .numbers {
  width: 720px;
}

#uploader-mask .radial-progress[data-progress="12"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="12"] .circle .fill {
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

#uploader-mask .radial-progress[data-progress="12"] .circle .fill.fix {
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

#uploader-mask .radial-progress[data-progress="12"] .inset .percentage .numbers {
  width: 780px;
}

#uploader-mask .radial-progress[data-progress="13"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="13"] .circle .fill {
  -webkit-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}

#uploader-mask .radial-progress[data-progress="13"] .circle .fill.fix {
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

#uploader-mask .radial-progress[data-progress="13"] .inset .percentage .numbers {
  width: 840px;
}

#uploader-mask .radial-progress[data-progress="14"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="14"] .circle .fill {
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

#uploader-mask .radial-progress[data-progress="14"] .circle .fill.fix {
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

#uploader-mask .radial-progress[data-progress="14"] .inset .percentage .numbers {
  width: 900px;
}

#uploader-mask .radial-progress[data-progress="15"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="15"] .circle .fill {
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}

#uploader-mask .radial-progress[data-progress="15"] .circle .fill.fix {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

#uploader-mask .radial-progress[data-progress="15"] .inset .percentage .numbers {
  width: 960px;
}

#uploader-mask .radial-progress[data-progress="16"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="16"] .circle .fill {
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

#uploader-mask .radial-progress[data-progress="16"] .circle .fill.fix {
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

#uploader-mask .radial-progress[data-progress="16"] .inset .percentage .numbers {
  width: 1020px;
}

#uploader-mask .radial-progress[data-progress="17"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="17"] .circle .fill {
  -webkit-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}

#uploader-mask .radial-progress[data-progress="17"] .circle .fill.fix {
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

#uploader-mask .radial-progress[data-progress="17"] .inset .percentage .numbers {
  width: 1080px;
}

#uploader-mask .radial-progress[data-progress="18"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="18"] .circle .fill {
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

#uploader-mask .radial-progress[data-progress="18"] .circle .fill.fix {
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

#uploader-mask .radial-progress[data-progress="18"] .inset .percentage .numbers {
  width: 1140px;
}

#uploader-mask .radial-progress[data-progress="19"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="19"] .circle .fill {
  -webkit-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}

#uploader-mask .radial-progress[data-progress="19"] .circle .fill.fix {
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

#uploader-mask .radial-progress[data-progress="19"] .inset .percentage .numbers {
  width: 1200px;
}

#uploader-mask .radial-progress[data-progress="20"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="20"] .circle .fill {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

#uploader-mask .radial-progress[data-progress="20"] .circle .fill.fix {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

#uploader-mask .radial-progress[data-progress="20"] .inset .percentage .numbers {
  width: 1260px;
}

#uploader-mask .radial-progress[data-progress="21"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="21"] .circle .fill {
  -webkit-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}

#uploader-mask .radial-progress[data-progress="21"] .circle .fill.fix {
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

#uploader-mask .radial-progress[data-progress="21"] .inset .percentage .numbers {
  width: 1320px;
}

#uploader-mask .radial-progress[data-progress="22"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="22"] .circle .fill {
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

#uploader-mask .radial-progress[data-progress="22"] .circle .fill.fix {
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

#uploader-mask .radial-progress[data-progress="22"] .inset .percentage .numbers {
  width: 1380px;
}

#uploader-mask .radial-progress[data-progress="23"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="23"] .circle .fill {
  -webkit-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}

#uploader-mask .radial-progress[data-progress="23"] .circle .fill.fix {
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

#uploader-mask .radial-progress[data-progress="23"] .inset .percentage .numbers {
  width: 1440px;
}

#uploader-mask .radial-progress[data-progress="24"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="24"] .circle .fill {
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

#uploader-mask .radial-progress[data-progress="24"] .circle .fill.fix {
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

#uploader-mask .radial-progress[data-progress="24"] .inset .percentage .numbers {
  width: 1500px;
}

#uploader-mask .radial-progress[data-progress="25"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="25"] .circle .fill {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#uploader-mask .radial-progress[data-progress="25"] .circle .fill.fix {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#uploader-mask .radial-progress[data-progress="25"] .inset .percentage .numbers {
  width: 1560px;
}

#uploader-mask .radial-progress[data-progress="26"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="26"] .circle .fill {
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

#uploader-mask .radial-progress[data-progress="26"] .circle .fill.fix {
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

#uploader-mask .radial-progress[data-progress="26"] .inset .percentage .numbers {
  width: 1620px;
}

#uploader-mask .radial-progress[data-progress="27"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="27"] .circle .fill {
  -webkit-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}

#uploader-mask .radial-progress[data-progress="27"] .circle .fill.fix {
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

#uploader-mask .radial-progress[data-progress="27"] .inset .percentage .numbers {
  width: 1680px;
}

#uploader-mask .radial-progress[data-progress="28"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="28"] .circle .fill {
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

#uploader-mask .radial-progress[data-progress="28"] .circle .fill.fix {
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

#uploader-mask .radial-progress[data-progress="28"] .inset .percentage .numbers {
  width: 1740px;
}

#uploader-mask .radial-progress[data-progress="29"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="29"] .circle .fill {
  -webkit-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}

#uploader-mask .radial-progress[data-progress="29"] .circle .fill.fix {
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

#uploader-mask .radial-progress[data-progress="29"] .inset .percentage .numbers {
  width: 1800px;
}

#uploader-mask .radial-progress[data-progress="30"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="30"] .circle .fill {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

#uploader-mask .radial-progress[data-progress="30"] .circle .fill.fix {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

#uploader-mask .radial-progress[data-progress="30"] .inset .percentage .numbers {
  width: 1860px;
}

#uploader-mask .radial-progress[data-progress="31"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="31"] .circle .fill {
  -webkit-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}

#uploader-mask .radial-progress[data-progress="31"] .circle .fill.fix {
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

#uploader-mask .radial-progress[data-progress="31"] .inset .percentage .numbers {
  width: 1920px;
}

#uploader-mask .radial-progress[data-progress="32"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="32"] .circle .fill {
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

#uploader-mask .radial-progress[data-progress="32"] .circle .fill.fix {
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

#uploader-mask .radial-progress[data-progress="32"] .inset .percentage .numbers {
  width: 1980px;
}

#uploader-mask .radial-progress[data-progress="33"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="33"] .circle .fill {
  -webkit-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}

#uploader-mask .radial-progress[data-progress="33"] .circle .fill.fix {
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

#uploader-mask .radial-progress[data-progress="33"] .inset .percentage .numbers {
  width: 2040px;
}

#uploader-mask .radial-progress[data-progress="34"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="34"] .circle .fill {
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

#uploader-mask .radial-progress[data-progress="34"] .circle .fill.fix {
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

#uploader-mask .radial-progress[data-progress="34"] .inset .percentage .numbers {
  width: 2100px;
}

#uploader-mask .radial-progress[data-progress="35"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="35"] .circle .fill {
  -webkit-transform: rotate(63deg);
  transform: rotate(63deg);
}

#uploader-mask .radial-progress[data-progress="35"] .circle .fill.fix {
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

#uploader-mask .radial-progress[data-progress="35"] .inset .percentage .numbers {
  width: 2160px;
}

#uploader-mask .radial-progress[data-progress="36"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="36"] .circle .fill {
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

#uploader-mask .radial-progress[data-progress="36"] .circle .fill.fix {
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

#uploader-mask .radial-progress[data-progress="36"] .inset .percentage .numbers {
  width: 2220px;
}

#uploader-mask .radial-progress[data-progress="37"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="37"] .circle .fill {
  -webkit-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}

#uploader-mask .radial-progress[data-progress="37"] .circle .fill.fix {
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

#uploader-mask .radial-progress[data-progress="37"] .inset .percentage .numbers {
  width: 2280px;
}

#uploader-mask .radial-progress[data-progress="38"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="38"] .circle .fill {
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

#uploader-mask .radial-progress[data-progress="38"] .circle .fill.fix {
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

#uploader-mask .radial-progress[data-progress="38"] .inset .percentage .numbers {
  width: 2340px;
}

#uploader-mask .radial-progress[data-progress="39"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="39"] .circle .fill {
  -webkit-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}

#uploader-mask .radial-progress[data-progress="39"] .circle .fill.fix {
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

#uploader-mask .radial-progress[data-progress="39"] .inset .percentage .numbers {
  width: 2400px;
}

#uploader-mask .radial-progress[data-progress="40"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="40"] .circle .fill {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

#uploader-mask .radial-progress[data-progress="40"] .circle .fill.fix {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

#uploader-mask .radial-progress[data-progress="40"] .inset .percentage .numbers {
  width: 2460px;
}

#uploader-mask .radial-progress[data-progress="41"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="41"] .circle .fill {
  -webkit-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}

#uploader-mask .radial-progress[data-progress="41"] .circle .fill.fix {
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

#uploader-mask .radial-progress[data-progress="41"] .inset .percentage .numbers {
  width: 2520px;
}

#uploader-mask .radial-progress[data-progress="42"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="42"] .circle .fill {
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

#uploader-mask .radial-progress[data-progress="42"] .circle .fill.fix {
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

#uploader-mask .radial-progress[data-progress="42"] .inset .percentage .numbers {
  width: 2580px;
}

#uploader-mask .radial-progress[data-progress="43"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="43"] .circle .fill {
  -webkit-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}

#uploader-mask .radial-progress[data-progress="43"] .circle .fill.fix {
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

#uploader-mask .radial-progress[data-progress="43"] .inset .percentage .numbers {
  width: 2640px;
}

#uploader-mask .radial-progress[data-progress="44"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="44"] .circle .fill {
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

#uploader-mask .radial-progress[data-progress="44"] .circle .fill.fix {
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

#uploader-mask .radial-progress[data-progress="44"] .inset .percentage .numbers {
  width: 2700px;
}

#uploader-mask .radial-progress[data-progress="45"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="45"] .circle .fill {
  -webkit-transform: rotate(81deg);
  transform: rotate(81deg);
}

#uploader-mask .radial-progress[data-progress="45"] .circle .fill.fix {
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

#uploader-mask .radial-progress[data-progress="45"] .inset .percentage .numbers {
  width: 2760px;
}

#uploader-mask .radial-progress[data-progress="46"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="46"] .circle .fill {
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

#uploader-mask .radial-progress[data-progress="46"] .circle .fill.fix {
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

#uploader-mask .radial-progress[data-progress="46"] .inset .percentage .numbers {
  width: 2820px;
}

#uploader-mask .radial-progress[data-progress="47"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="47"] .circle .fill {
  -webkit-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}

#uploader-mask .radial-progress[data-progress="47"] .circle .fill.fix {
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

#uploader-mask .radial-progress[data-progress="47"] .inset .percentage .numbers {
  width: 2880px;
}

#uploader-mask .radial-progress[data-progress="48"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="48"] .circle .fill {
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

#uploader-mask .radial-progress[data-progress="48"] .circle .fill.fix {
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

#uploader-mask .radial-progress[data-progress="48"] .inset .percentage .numbers {
  width: 2940px;
}

#uploader-mask .radial-progress[data-progress="49"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="49"] .circle .fill {
  -webkit-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}

#uploader-mask .radial-progress[data-progress="49"] .circle .fill.fix {
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

#uploader-mask .radial-progress[data-progress="49"] .inset .percentage .numbers {
  width: 3000px;
}

#uploader-mask .radial-progress[data-progress="50"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="50"] .circle .fill {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#uploader-mask .radial-progress[data-progress="50"] .circle .fill.fix {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#uploader-mask .radial-progress[data-progress="50"] .inset .percentage .numbers {
  width: 3060px;
}

#uploader-mask .radial-progress[data-progress="51"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="51"] .circle .fill {
  -webkit-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}

#uploader-mask .radial-progress[data-progress="51"] .circle .fill.fix {
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

#uploader-mask .radial-progress[data-progress="51"] .inset .percentage .numbers {
  width: 3120px;
}

#uploader-mask .radial-progress[data-progress="52"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="52"] .circle .fill {
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

#uploader-mask .radial-progress[data-progress="52"] .circle .fill.fix {
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

#uploader-mask .radial-progress[data-progress="52"] .inset .percentage .numbers {
  width: 3180px;
}

#uploader-mask .radial-progress[data-progress="53"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="53"] .circle .fill {
  -webkit-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}

#uploader-mask .radial-progress[data-progress="53"] .circle .fill.fix {
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

#uploader-mask .radial-progress[data-progress="53"] .inset .percentage .numbers {
  width: 3240px;
}

#uploader-mask .radial-progress[data-progress="54"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="54"] .circle .fill {
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

#uploader-mask .radial-progress[data-progress="54"] .circle .fill.fix {
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

#uploader-mask .radial-progress[data-progress="54"] .inset .percentage .numbers {
  width: 3300px;
}

#uploader-mask .radial-progress[data-progress="55"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="55"] .circle .fill {
  -webkit-transform: rotate(99deg);
  transform: rotate(99deg);
}

#uploader-mask .radial-progress[data-progress="55"] .circle .fill.fix {
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}

#uploader-mask .radial-progress[data-progress="55"] .inset .percentage .numbers {
  width: 3360px;
}

#uploader-mask .radial-progress[data-progress="56"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="56"] .circle .fill {
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

#uploader-mask .radial-progress[data-progress="56"] .circle .fill.fix {
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

#uploader-mask .radial-progress[data-progress="56"] .inset .percentage .numbers {
  width: 3420px;
}

#uploader-mask .radial-progress[data-progress="57"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="57"] .circle .fill {
  -webkit-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}

#uploader-mask .radial-progress[data-progress="57"] .circle .fill.fix {
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

#uploader-mask .radial-progress[data-progress="57"] .inset .percentage .numbers {
  width: 3480px;
}

#uploader-mask .radial-progress[data-progress="58"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="58"] .circle .fill {
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

#uploader-mask .radial-progress[data-progress="58"] .circle .fill.fix {
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

#uploader-mask .radial-progress[data-progress="58"] .inset .percentage .numbers {
  width: 3540px;
}

#uploader-mask .radial-progress[data-progress="59"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="59"] .circle .fill {
  -webkit-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}

#uploader-mask .radial-progress[data-progress="59"] .circle .fill.fix {
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

#uploader-mask .radial-progress[data-progress="59"] .inset .percentage .numbers {
  width: 3600px;
}

#uploader-mask .radial-progress[data-progress="60"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="60"] .circle .fill {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

#uploader-mask .radial-progress[data-progress="60"] .circle .fill.fix {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}

#uploader-mask .radial-progress[data-progress="60"] .inset .percentage .numbers {
  width: 3660px;
}

#uploader-mask .radial-progress[data-progress="61"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="61"] .circle .fill {
  -webkit-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}

#uploader-mask .radial-progress[data-progress="61"] .circle .fill.fix {
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

#uploader-mask .radial-progress[data-progress="61"] .inset .percentage .numbers {
  width: 3720px;
}

#uploader-mask .radial-progress[data-progress="62"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="62"] .circle .fill {
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

#uploader-mask .radial-progress[data-progress="62"] .circle .fill.fix {
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

#uploader-mask .radial-progress[data-progress="62"] .inset .percentage .numbers {
  width: 3780px;
}

#uploader-mask .radial-progress[data-progress="63"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="63"] .circle .fill {
  -webkit-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}

#uploader-mask .radial-progress[data-progress="63"] .circle .fill.fix {
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

#uploader-mask .radial-progress[data-progress="63"] .inset .percentage .numbers {
  width: 3840px;
}

#uploader-mask .radial-progress[data-progress="64"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="64"] .circle .fill {
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

#uploader-mask .radial-progress[data-progress="64"] .circle .fill.fix {
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

#uploader-mask .radial-progress[data-progress="64"] .inset .percentage .numbers {
  width: 3900px;
}

#uploader-mask .radial-progress[data-progress="65"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="65"] .circle .fill {
  -webkit-transform: rotate(117deg);
  transform: rotate(117deg);
}

#uploader-mask .radial-progress[data-progress="65"] .circle .fill.fix {
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}

#uploader-mask .radial-progress[data-progress="65"] .inset .percentage .numbers {
  width: 3960px;
}

#uploader-mask .radial-progress[data-progress="66"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="66"] .circle .fill {
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

#uploader-mask .radial-progress[data-progress="66"] .circle .fill.fix {
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

#uploader-mask .radial-progress[data-progress="66"] .inset .percentage .numbers {
  width: 4020px;
}

#uploader-mask .radial-progress[data-progress="67"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="67"] .circle .fill {
  -webkit-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}

#uploader-mask .radial-progress[data-progress="67"] .circle .fill.fix {
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

#uploader-mask .radial-progress[data-progress="67"] .inset .percentage .numbers {
  width: 4080px;
}

#uploader-mask .radial-progress[data-progress="68"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="68"] .circle .fill {
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

#uploader-mask .radial-progress[data-progress="68"] .circle .fill.fix {
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

#uploader-mask .radial-progress[data-progress="68"] .inset .percentage .numbers {
  width: 4140px;
}

#uploader-mask .radial-progress[data-progress="69"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="69"] .circle .fill {
  -webkit-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}

#uploader-mask .radial-progress[data-progress="69"] .circle .fill.fix {
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

#uploader-mask .radial-progress[data-progress="69"] .inset .percentage .numbers {
  width: 4200px;
}

#uploader-mask .radial-progress[data-progress="70"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="70"] .circle .fill {
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

#uploader-mask .radial-progress[data-progress="70"] .circle .fill.fix {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}

#uploader-mask .radial-progress[data-progress="70"] .inset .percentage .numbers {
  width: 4260px;
}

#uploader-mask .radial-progress[data-progress="71"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="71"] .circle .fill {
  -webkit-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}

#uploader-mask .radial-progress[data-progress="71"] .circle .fill.fix {
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

#uploader-mask .radial-progress[data-progress="71"] .inset .percentage .numbers {
  width: 4320px;
}

#uploader-mask .radial-progress[data-progress="72"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="72"] .circle .fill {
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

#uploader-mask .radial-progress[data-progress="72"] .circle .fill.fix {
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

#uploader-mask .radial-progress[data-progress="72"] .inset .percentage .numbers {
  width: 4380px;
}

#uploader-mask .radial-progress[data-progress="73"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="73"] .circle .fill {
  -webkit-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}

#uploader-mask .radial-progress[data-progress="73"] .circle .fill.fix {
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

#uploader-mask .radial-progress[data-progress="73"] .inset .percentage .numbers {
  width: 4440px;
}

#uploader-mask .radial-progress[data-progress="74"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="74"] .circle .fill {
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

#uploader-mask .radial-progress[data-progress="74"] .circle .fill.fix {
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

#uploader-mask .radial-progress[data-progress="74"] .inset .percentage .numbers {
  width: 4500px;
}

#uploader-mask .radial-progress[data-progress="75"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="75"] .circle .fill {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#uploader-mask .radial-progress[data-progress="75"] .circle .fill.fix {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

#uploader-mask .radial-progress[data-progress="75"] .inset .percentage .numbers {
  width: 4560px;
}

#uploader-mask .radial-progress[data-progress="76"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="76"] .circle .fill {
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

#uploader-mask .radial-progress[data-progress="76"] .circle .fill.fix {
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

#uploader-mask .radial-progress[data-progress="76"] .inset .percentage .numbers {
  width: 4620px;
}

#uploader-mask .radial-progress[data-progress="77"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="77"] .circle .fill {
  -webkit-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}

#uploader-mask .radial-progress[data-progress="77"] .circle .fill.fix {
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

#uploader-mask .radial-progress[data-progress="77"] .inset .percentage .numbers {
  width: 4680px;
}

#uploader-mask .radial-progress[data-progress="78"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="78"] .circle .fill {
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

#uploader-mask .radial-progress[data-progress="78"] .circle .fill.fix {
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

#uploader-mask .radial-progress[data-progress="78"] .inset .percentage .numbers {
  width: 4740px;
}

#uploader-mask .radial-progress[data-progress="79"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="79"] .circle .fill {
  -webkit-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}

#uploader-mask .radial-progress[data-progress="79"] .circle .fill.fix {
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

#uploader-mask .radial-progress[data-progress="79"] .inset .percentage .numbers {
  width: 4800px;
}

#uploader-mask .radial-progress[data-progress="80"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="80"] .circle .fill {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

#uploader-mask .radial-progress[data-progress="80"] .circle .fill.fix {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}

#uploader-mask .radial-progress[data-progress="80"] .inset .percentage .numbers {
  width: 4860px;
}

#uploader-mask .radial-progress[data-progress="81"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="81"] .circle .fill {
  -webkit-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}

#uploader-mask .radial-progress[data-progress="81"] .circle .fill.fix {
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

#uploader-mask .radial-progress[data-progress="81"] .inset .percentage .numbers {
  width: 4920px;
}

#uploader-mask .radial-progress[data-progress="82"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="82"] .circle .fill {
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

#uploader-mask .radial-progress[data-progress="82"] .circle .fill.fix {
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

#uploader-mask .radial-progress[data-progress="82"] .inset .percentage .numbers {
  width: 4980px;
}

#uploader-mask .radial-progress[data-progress="83"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="83"] .circle .fill {
  -webkit-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}

#uploader-mask .radial-progress[data-progress="83"] .circle .fill.fix {
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

#uploader-mask .radial-progress[data-progress="83"] .inset .percentage .numbers {
  width: 5040px;
}

#uploader-mask .radial-progress[data-progress="84"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="84"] .circle .fill {
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

#uploader-mask .radial-progress[data-progress="84"] .circle .fill.fix {
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

#uploader-mask .radial-progress[data-progress="84"] .inset .percentage .numbers {
  width: 5100px;
}

#uploader-mask .radial-progress[data-progress="85"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="85"] .circle .fill {
  -webkit-transform: rotate(153deg);
  transform: rotate(153deg);
}

#uploader-mask .radial-progress[data-progress="85"] .circle .fill.fix {
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}

#uploader-mask .radial-progress[data-progress="85"] .inset .percentage .numbers {
  width: 5160px;
}

#uploader-mask .radial-progress[data-progress="86"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="86"] .circle .fill {
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

#uploader-mask .radial-progress[data-progress="86"] .circle .fill.fix {
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

#uploader-mask .radial-progress[data-progress="86"] .inset .percentage .numbers {
  width: 5220px;
}

#uploader-mask .radial-progress[data-progress="87"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="87"] .circle .fill {
  -webkit-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}

#uploader-mask .radial-progress[data-progress="87"] .circle .fill.fix {
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

#uploader-mask .radial-progress[data-progress="87"] .inset .percentage .numbers {
  width: 5280px;
}

#uploader-mask .radial-progress[data-progress="88"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="88"] .circle .fill {
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

#uploader-mask .radial-progress[data-progress="88"] .circle .fill.fix {
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

#uploader-mask .radial-progress[data-progress="88"] .inset .percentage .numbers {
  width: 5340px;
}

#uploader-mask .radial-progress[data-progress="89"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="89"] .circle .fill {
  -webkit-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}

#uploader-mask .radial-progress[data-progress="89"] .circle .fill.fix {
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

#uploader-mask .radial-progress[data-progress="89"] .inset .percentage .numbers {
  width: 5400px;
}

#uploader-mask .radial-progress[data-progress="90"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="90"] .circle .fill {
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

#uploader-mask .radial-progress[data-progress="90"] .circle .fill.fix {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}

#uploader-mask .radial-progress[data-progress="90"] .inset .percentage .numbers {
  width: 5460px;
}

#uploader-mask .radial-progress[data-progress="91"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="91"] .circle .fill {
  -webkit-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}

#uploader-mask .radial-progress[data-progress="91"] .circle .fill.fix {
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

#uploader-mask .radial-progress[data-progress="91"] .inset .percentage .numbers {
  width: 5520px;
}

#uploader-mask .radial-progress[data-progress="92"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="92"] .circle .fill {
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

#uploader-mask .radial-progress[data-progress="92"] .circle .fill.fix {
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

#uploader-mask .radial-progress[data-progress="92"] .inset .percentage .numbers {
  width: 5580px;
}

#uploader-mask .radial-progress[data-progress="93"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="93"] .circle .fill {
  -webkit-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}

#uploader-mask .radial-progress[data-progress="93"] .circle .fill.fix {
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

#uploader-mask .radial-progress[data-progress="93"] .inset .percentage .numbers {
  width: 5640px;
}

#uploader-mask .radial-progress[data-progress="94"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="94"] .circle .fill {
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

#uploader-mask .radial-progress[data-progress="94"] .circle .fill.fix {
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

#uploader-mask .radial-progress[data-progress="94"] .inset .percentage .numbers {
  width: 5700px;
}

#uploader-mask .radial-progress[data-progress="95"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="95"] .circle .fill {
  -webkit-transform: rotate(171deg);
  transform: rotate(171deg);
}

#uploader-mask .radial-progress[data-progress="95"] .circle .fill.fix {
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}

#uploader-mask .radial-progress[data-progress="95"] .inset .percentage .numbers {
  width: 5760px;
}

#uploader-mask .radial-progress[data-progress="96"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="96"] .circle .fill {
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

#uploader-mask .radial-progress[data-progress="96"] .circle .fill.fix {
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

#uploader-mask .radial-progress[data-progress="96"] .inset .percentage .numbers {
  width: 5820px;
}

#uploader-mask .radial-progress[data-progress="97"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="97"] .circle .fill {
  -webkit-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}

#uploader-mask .radial-progress[data-progress="97"] .circle .fill.fix {
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

#uploader-mask .radial-progress[data-progress="97"] .inset .percentage .numbers {
  width: 5880px;
}

#uploader-mask .radial-progress[data-progress="98"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="98"] .circle .fill {
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

#uploader-mask .radial-progress[data-progress="98"] .circle .fill.fix {
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

#uploader-mask .radial-progress[data-progress="98"] .inset .percentage .numbers {
  width: 5940px;
}

#uploader-mask .radial-progress[data-progress="99"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="99"] .circle .fill {
  -webkit-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}

#uploader-mask .radial-progress[data-progress="99"] .circle .fill.fix {
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

#uploader-mask .radial-progress[data-progress="99"] .inset .percentage .numbers {
  width: 6000px;
}

#uploader-mask .radial-progress[data-progress="100"] .circle .mask.full,
#uploader-mask .radial-progress[data-progress="100"] .circle .fill {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#uploader-mask .radial-progress[data-progress="100"] .circle .fill.fix {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

#uploader-mask .radial-progress[data-progress="100"] .inset .percentage .numbers {
  width: 6060px;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  max-width: 80%;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #86b712;
}

.inputfile + label:hover {
  background-color: #678d0e;
}

.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.3em;
  margin-right: 0.25em;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
  background-color: #678d0e;
}

