:root {
  --clientcolor: #ed1c24;
}

html {
  overflow-y: scroll;
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-input .fileuploader-input-caption,
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,
.fileuploader-items
  .fileuploader-item
  .progress-bar2
  .fileuploader-progressbar
  .bar,
.fileuploader-items .fileuploader-item span.fileuploader-action-popup,
.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-tools
  li
  [data-action],
.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  button[data-action],
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button.button-success {
  -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
  -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.fileuploader-items .fileuploader-item,
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-popup,
.fileuploader-popup .fileuploader-popup-node {
  -webkit-animation: fileuploaderfadein 0.2s ease;
  animation: fileuploaderFadeIn 0.2s ease;
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button.button-success {
  display: inline-block;
  margin: 0;
  padding: 14px 22px;
  border: none;
  border-radius: 30px;
  outline: 0;
  font-weight: 700;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  background: #e6ebf4;
  color: #90a0bc;
}

.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button:hover {
  background: #edf1f7;
  transform: translateY(-1px);
}

.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button:active {
  background: #dfe5f1;
  transform: translateY(1px);
}

.fileuploader-input .fileuploader-input-button:hover,
.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button.button-success:hover {
  background-position: left;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.fileuploader-input .fileuploader-input-button:active,
.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button.button-success:active {
  background-position: right;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(2px);
}

.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,
.fileuploader-items
  .fileuploader-item
  .fileuploader-item-image.fileuploader-loading::after,
.fileuploader-items
  .fileuploader-item.upload-pending
  .fileuploader-action-remove::after,
.fileuploader-popup.loading::after {
  content: '';
  position: absolute;
  min-width: 24px;
  min-height: 24px;
  max-width: 48px;
  max-height: 48px;
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=)
    no-repeat center;
  background-size: contain;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon i,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items
  .fileuploader-item
  .fileuploader-item-image.fileuploader-loading::after,
.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point::after,
.fileuploader-popup .fileuploader-popup-move::after,
.fileuploader-popup.loading::after {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .progress-bar2 span {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,
.fileuploader-popup .fileuploader-cropper,
.fileuploader-popup .fileuploader-cropper *,
.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-tools
  li
  [data-action],
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button.button-success,
.fileuploader-popup .fileuploader-popup-move,
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fileuploader,
.fileuploader *,
.fileuploader ::after,
.fileuploader ::before,
.fileuploader-popup,
.fileuploader-popup *,
.fileuploader-popup ::after,
.fileuploader-popup ::before {
  box-sizing: border-box;
}

.fileuploader,
.fileuploader-popup {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  text-align: left;
}

.fileuploader button,
.fileuploader-popup button {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  font: inherit;
  background: 0 0;
  box-shadow: none;
}

.fileuploader button:focus,
.fileuploader-popup button:focus {
  outline: 0;
}

.fileuploader {
  display: block;
  width: 100%;
  padding: 0;
  margin: 16px 0;
  background: #fafbfd;
  border-radius: 6px;
}

.fileuploader-icon-main {
  display: inline-block;
  font-size: 18px;
  color: #789bec;
}

.fileuploader-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;
}

.fileuploader-input .fileuploader-input-caption {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 13px 16px;
  margin-right: 16px;
  background: #fff;
  border: 1px solid #ebeef1;
  border-radius: 30px;
  color: #789bec;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.01);
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
  border-color: #789bec;
}

.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 22px;
  margin-right: 6px;
}

.fileuploader-input.fileuploader-dragging {
  background: #fff;
  border: 1px solid #ebeef1;
  border-style: dashed;
}

.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  border-color: transparent;
}

.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}

.fileuploader-disabled .fileuploader-input {
  opacity: 0.7;
  cursor: default;
  pointer-events: none !important;
}

.fileuploader-items .fileuploader-items-list {
  display: block;
  margin: 0 -16px;
  padding: 0;
  list-style: none;
}

.fileuploader-items .fileuploader-item {
  position: relative;
  margin: 0;
  padding: 20px 16px 20px 22px;
  border-bottom: 1px solid #ebeef1;
  animation-duration: 0.6s;
}

.fileuploader-items .fileuploader-item:last-child {
  border-bottom: 0;
  margin-bottom: -16px;
}

.fileuploader-items .fileuploader-item.upload-failed {
  background: rgba(254, 84, 111, 0.06);
}

.fileuploader-items
  .fileuploader-item.upload-pending
  .fileuploader-action-remove::after {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 36px;
  height: 36px;
}

.fileuploader-items .fileuploader-item .columns {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}

.fileuploader-items .fileuploader-item .column-thumbnail {
  position: relative;
  width: 36px;
  height: 36px;
}

.fileuploader-items .fileuploader-item .column-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 16px;
  padding-right: 16px;
  color: #74809d;
  overflow: hidden;
}

.fileuploader-items .fileuploader-item .column-title a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #74809d;
  text-decoration: none;
}

.fileuploader-items .fileuploader-item .column-title div {
  width: 100%;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.fileuploader-items .fileuploader-item .column-title span {
  font-size: 12px;
  color: #979fb8;
}

.fileuploader-items .fileuploader-item .column-actions {
  margin: 0 16px;
}

.fileuploader-items .fileuploader-item .fileuploader-item-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-item-image.fileuploader-loading::after {
  content: '';
  width: 50%;
  height: 50%;
}

.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img {
  position: absolute;
  max-width: none;
  max-height: 100%;
  background: #fff;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  cursor: default;
  background-color: #ddd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
  color: #888;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
  position: absolute;
  display: block;
  width: 90%;
  font-style: normal;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 56, 71, 0.2);
  border-radius: 6px;
  cursor: pointer;
  opacity: 0;
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
  opacity: 1;
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
  background: rgba(43, 56, 71, 0.4);
}

.fileuploader-items .fileuploader-item .fileuploader-action {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #c0c6d2;
  cursor: pointer;
  vertical-align: top;
  text-align: center;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action
  + .fileuploader-action {
  margin-left: 16px;
}

.fileuploader-items .fileuploader-item .fileuploader-action:hover {
  color: #789bec;
}

.fileuploader-items .fileuploader-item .fileuploader-action:active {
  color: #668ee9;
}

.fileuploader-items .fileuploader-item .fileuploader-action i {
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 20px;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove {
  color: #fff;
  background: #fe7676;
  border-radius: 50%;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove
  i {
  font-size: 14px;
  text-shadow: none;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove:hover {
  background-color: #fe8a8a;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove:active {
  background-color: #fe6262;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-success {
  color: #fff;
  background: #43d084;
  border-radius: 50%;
  box-shadow: -1px 1px 6px rgba(67, 208, 132, 0.8);
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-success
  i {
  font-size: 14px;
  text-shadow: none;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-success:hover {
  background-color: #53d48f;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-success:active {
  background-color: #33cc79;
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove.fileuploader-action-success
  i::before {
  content: '\e904';
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active,
.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover {
  background: #fe7676;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active
  i::before,
.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover
  i::before {
  content: '\e923';
}

.fileuploader-items
  .fileuploader-item
  .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
  background-color: #fe6262;
}

.fileuploader-items
  .fileuploader-item.file-has-popup
  span.fileuploader-action-popup {
  display: block;
}

.fileuploader-items .fileuploader-item .fileuploader-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 6px;
}

.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 6px;
  background: #789bec;
  box-shadow: 0 4px 8px -1px rgba(120, 155, 236, 0.6);
}

.fileuploader-items
  .fileuploader-item
  .progress-bar2
  .fileuploader-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.fileuploader-items
  .fileuploader-item
  .progress-bar2
  .fileuploader-progressbar
  .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 0;
  background: rgba(104, 125, 219, 0.08);
  box-shadow: none;
}

.fileuploader-items .fileuploader-item .progress-bar2 span {
  position: absolute;
  right: 16px;
  color: rgba(151, 159, 184, 0.16);
  font-size: 48px;
}

.fileuploader-items .fileuploader-item.sorting {
  background: #fafbfd;
  border-radius: 6px;
  opacity: 0.8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 799;
}

.fileuploader-items .fileuploader-item.sorting,
.fileuploader-items .fileuploader-item.sorting .fileuploader-action,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img {
  -webkit-animation: none;
  animation: none;
}

.fileuploader-items .fileuploader-sorter-placeholder {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0;
  -webkit-animation: none;
  animation: none;
}

.file-type-image .fileuploader-item-icon {
  background-color: #3982fe !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7,8.5C7,7.119,8.119,6,9.5,6S12,7.119,12,8.5S10.881,11,9.5,11S7,9.881,7,8.5z M14.5,11l-4,6l-2-3L5,19h15L14.5,11z'/%3E%3C/svg%3E");
}

.file-type-image .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-type-audio .fileuploader-item-icon {
  background-color: #66d043 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13.21,5h-1.07v9.613c-0.685-0.381-1.62-0.504-2.58-0.271c-1.687,0.405-2.812,1.753-2.511,3.007c0.3,1.254,1.913,1.939,3.6,1.533c1.544-0.369,2.615-1.527,2.558-2.682h0.003V8.34c1.752,1.296,3.29,1.123,3.575,4.21C20.188,7.362,13.354,7.498,13.21,5z'/%3E%3C/svg%3E");
}

.file-type-audio .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-type-video .fileuploader-item-icon {
  background-color: #9868ff !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.81 11.28L8.487 6.107a.622.642 0 0 0-.326-.1c-.326 0-.592.28-.592.623h-.003l.003 10.738c0 .344.266.623.592.623.123 0 .225-.044.335-.106l8.315-5.166a.91.94 0 0 0 .323-.72.96.96 0 0 0-.323-.721z'/%3E%3C/svg%3E");
}

.file-type-video .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-rar .fileuploader-item-icon,
.file-ext-zip .fileuploader-item-icon {
  background-color: #ffd236 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6,11h12v2H6V11z M6,15h8v2H6V15z M6,7h12v2H6V7z'/%3E%3C/svg%3E");
}

.file-ext-rar .fileuploader-item-icon i,
.file-ext-zip .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-pdf .fileuploader-item-icon {
  background-color: #ef5350 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.61 13.224c-.336-.115-.752-.16-1.242-.15l-.84.06-.952.158-.906-.958c-.662-.808-1.23-1.684-1.732-2.6l.257-.608.283-.825c.153-.528.227-.985.192-1.37-.117-1.353-.86-2.218-1.9-2.127S9.164 5.88 9.28 7.23c.03.354.16.752.37 1.196a8.11 8.11 0 0 0 .396.743l.56.846-.132.35-1.12 2.846-.705 1.628-.068.012-.797.17-.838.24c-.52.178-.937.38-1.232.63-1.04.87-1.324 1.978-.658 2.77s1.807.707 2.848-.164c.272-.23.523-.563.77-.988a8.87 8.87 0 0 0 .381-.75c.078-.17.137-.35.207-.522l.173-.364 3.614-1 1.18-.256.47.502.64.595c.42.354.808.606 1.174.733 1.283.442 2.376.115 2.712-.862s-.326-1.917-1.6-2.36zM10.88 5.94c.314-.028.595.3.663 1.09.02.215-.034.546-.15.95l-.263.79-.454-.83c-.156-.333-.248-.613-.265-.807-.068-.79.154-1.162.47-1.2zM7.683 16.947c-.183.32-.36.555-.5.68-.606.508-1.04.54-1.242.298s-.096-.66.51-1.168c.166-.14.467-.286.864-.42l.8-.24-.423.85zm5.104-3.19l-2.74.735.353-.847.193-.475.807-2.082c.417.673.878 1.344 1.4 1.976l.5.58-.524.114zm5.35 1.452c-.103.298-.517.422-1.265.163-.203-.07-.484-.254-.805-.524l-.617-.562.947-.075c.367-.01.66.022.844.086.748.258.998.612.896.912z'/%3E%3C/svg%3E");
}

.file-ext-pdf .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-doc .fileuploader-item-icon,
.file-ext-docx .fileuploader-item-icon,
.file-ext-rtf .fileuploader-item-icon {
  background-color: #2372ba !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM7.974 8.5h-1.33l.922 7h1.708l.73-5.22.702 5.22h1.714l.938-7h-1.26l-.645 5.613L10.72 8.5h-1.4l-.77 5.613L7.974 8.5zM19 6h-3v12h3V6z'/%3E%3C/svg%3E");
}

.file-ext-doc .fileuploader-item-icon i,
.file-ext-docx .fileuploader-item-icon i,
.file-ext-rtf .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-xls .fileuploader-item-icon,
.file-ext-xlsx .fileuploader-item-icon {
  background-color: #14a73c !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM19 6h-3v12h3V6zm-6.148 9.5l-2.08-3.5 2.043-3.5H11.57l-1.244 2.246c-.047.196-.125.382-.232.554-.088-.173-.158-.354-.21-.54l-1.2-2.26H7.338L9.33 12l-2.182 3.5h1.338l1.396-2.416c.066-.14.117-.385.14-.385a1.58 1.58 0 0 1 .131.385l1.38 2.416h1.32z'/%3E%3C/svg%3E");
}

.file-ext-xls .fileuploader-item-icon i,
.file-ext-xlsx .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-pps .fileuploader-item-icon,
.file-ext-ppsx .fileuploader-item-icon,
.file-ext-ppt .fileuploader-item-icon,
.file-ext-pptx .fileuploader-item-icon {
  background-color: #f26522 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11,13h6.975c-0.256,3.355-3.054,6-6.475,6C7.91,19,5,16.09,5,12.5c0-3.421,2.645-6.219,6-6.475V13zM13,5.025V11h5.975C18.731,7.811,16.189,5.269,13,5.025z'/%3E%3C/svg%3E");
}

.file-ext-pps .fileuploader-item-icon i,
.file-ext-ppsx .fileuploader-item-icon i,
.file-ext-ppt .fileuploader-item-icon i,
.file-ext-pptx .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-psd .fileuploader-item-icon {
  background-color: #3172eb !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.853 11.374h.61c.57 0 .997-.112 1.28-.338s.424-.553.424-.983c0-.435-.12-.755-.356-.962S9.2 8.78 8.695 8.78h-.842v2.595zm4.183-1.387c0 .94-.293 1.66-.88 2.157s-1.424.747-2.507.747h-.796V16H6V7.262h2.79c1.06 0 1.867.228 2.417.683s.83 1.137.828 2.042zM18 14.016c0 .686-.238 1.207-.714 1.565s-1.188.538-2.137.538a6.63 6.63 0 0 1-1.243-.098c-.33-.063-.652-.16-.96-.29v-1.506c.367.17.75.303 1.144.4a4.66 4.66 0 0 0 1.122.161c.66 0 .99-.2.99-.573.005-.13-.042-.256-.13-.35a1.93 1.93 0 0 0-.454-.305c-.214-.112-.5-.244-.86-.397-.514-.215-.892-.414-1.133-.597-.225-.164-.405-.38-.526-.63-.11-.24-.163-.53-.163-.877 0-.594.23-1.053.69-1.377s1.112-.487 1.958-.487c.804 0 1.588.175 2.35.525l-.552 1.315c-.307-.134-.62-.25-.938-.353-.287-.092-.588-.138-.89-.138-.54 0-.807.146-.807.437 0 .163.085.305.26.424s.552.297 1.14.532c.52.21.904.408 1.147.592s.422.395.537.633.173.527.173.858z'/%3E%3C/svg%3E");
}

.file-ext-psd .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-ai .fileuploader-item-icon {
  background-color: #ff9e00 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.58 16l-.6-2.072H8.964L8.364 16h-1.89l2.922-8.738h2.145L14.473 16H12.58zm-1.02-3.618l-.937-3.185-.15-.582-1.07 3.767h2.155zm3.452-4.756c0-.59.328-.886.986-.886s.986.294.986.886c0 .282-.078.502-.244.656-.164.16-.412.238-.742.238-.658 0-.986-.298-.986-.894zM16.908 16h-1.816V9.347h1.816V16z'/%3E%3C/svg%3E");
}

.file-ext-ai .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-txt .fileuploader-item-icon {
  background-color: #454545 !important;
}

.file-ext-txt .fileuploader-item-icon i {
  color: #fff !important;
}

.file-ext-css .fileuploader-item-icon {
  background-color: #26a69a !important;
}

.file-ext-css .fileuploader-item-icon i {
  color: #fff !important;
}

.file-ext-html .fileuploader-item-icon {
  background-color: #cf33a8 !important;
}

.file-ext-html .fileuploader-item-icon i {
  color: #fff !important;
}

.fileuploader-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #191d1e;
  z-index: 1090;
  animation-duration: 0.4s;
}

.fileuploader-popup.loading::after {
  width: 48px;
  height: 48px;
  z-index: 8;
}

.fileuploader-popup .fileuploader-popup-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2;
}

.fileuploader-popup .fileuploader-popup-node {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  padding: 80px 56px 64px;
  overflow: hidden;
}

.fileuploader-popup .fileuploader-popup-node.is-zoomed {
  display: block;
}

.fileuploader-popup .fileuploader-popup-node .reader-node {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable {
  cursor: grab;
}

.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving {
  cursor: grabbing;
}

.fileuploader-popup
  .fileuploader-popup-node
  .reader-node.is-amoving:hover
  .area-move,
.fileuploader-popup
  .fileuploader-popup-node
  .reader-node.is-amoving:hover
  .point,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point {
  cursor: grabbing !important;
}

.fileuploader-popup .fileuploader-popup-node.node-astext .reader-node > div,
.fileuploader-popup .fileuploader-popup-node.node-audio .reader-node > audio,
.fileuploader-popup .fileuploader-popup-node.node-image .reader-node > img,
.fileuploader-popup .fileuploader-popup-node.node-video .reader-node > video {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #47525d;
  background: #fafafa;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 0;
  outline: 0;
}

.fileuploader-popup .fileuploader-popup-node.node-audio .reader-node audio {
  width: 450px;
  border-radius: 34px;
}

.fileuploader-popup
  .fileuploader-popup-node.node-application
  .reader-node
  iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
}

.fileuploader-popup .fileuploader-popup-node.node-astext .reader-node div {
  max-width: 992px;
  padding: 20px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  overflow-y: auto;
  white-space: pre-wrap;
}

.fileuploader-popup .fileuploader-popup-node.has-node-centered {
  display: block;
}

.fileuploader-popup .fileuploader-popup-node.has-node-centered .reader-node {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+)
    no-repeat center;
  background-size: contain;
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  max-width: 100%;
  background-image: none;
  word-wrap: break-word;
}

.fileuploader-popup
  .fileuploader-popup-node
  .fileuploader-popup-file-icon
  div.is-bright-color {
  color: #888;
}

.fileuploader-popup
  .fileuploader-popup-node
  .fileuploader-popup-file-icon
  div
  i {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  visibility: visible;
}

.fileuploader-popup .fileuploader-popup-content {
  color: #fdfdfd;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.fileuploader-popup .fileuploader-popup-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fileuploader-popup .fileuploader-popup-content ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.fileuploader-popup .fileuploader-popup-content ul li + li {
  margin-left: 16px;
}

.fileuploader-popup .fileuploader-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  background: rgba(0, 0, 0, 0.8);
  background: -moz-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  z-index: 2;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}

.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-meta
  li:first-child {
  overflow: hidden;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span {
  display: block;
  color: #80868b;
  font-size: 14px;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
  max-width: 100%;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-info:not(:empty) {
  flex: 1;
  margin-left: 16px;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
  margin-left: 16px;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  padding: 14px 24px;
  text-shadow: none;
}

.fileuploader-popup .fileuploader-popup-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  z-index: 2;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-tools
  li
  [data-action] {
  display: inline-block;
  padding: 16px;
  padding-bottom: 13px;
  cursor: pointer;
  text-decoration: none;
  color: #fdfdfd;
  border-bottom: 3px solid transparent;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-tools
  li
  [data-action]
  i {
  display: inline-block;
  font-size: 18px;
  margin-top: -4px;
  margin-right: 6px;
  vertical-align: middle;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-tools
  li
  [data-action]:hover {
  border-bottom-color: #789bec;
  color: #fff;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
  font-size: 14px;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  button[data-action] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  border: none;
  border-radius: 50%;
  padding: 0;
  vertical-align: middle;
  color: #fdfdfd;
  background: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  button[data-action]:hover {
  background: rgba(255, 255, 255, 0.3);
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  input {
  display: inline-block;
  -webkit-appearance: none;
  width: 130px;
  padding: 0;
  margin: 0 16px;
  vertical-align: middle;
  background: 0 0;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  input:focus {
  outline: 0;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  input::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789bec;
  border-radius: 6px;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  input::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  input::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789bec;
  border-radius: 6px;
}

.fileuploader-popup
  .fileuploader-popup-footer
  .fileuploader-popup-zoomer
  input::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 6px;
  color: #fff;
  vertical-align: middle;
}

.fileuploader-popup .fileuploader-popup-move {
  position: absolute;
  display: none;
  width: 56px;
  height: 100%;
  font-size: 24px;
  bottom: 0;
  left: 0;
  color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}

.fileuploader-popup .fileuploader-popup-move:hover {
  opacity: 1;
}

.fileuploader-popup .fileuploader-popup-move::after {
  position: absolute;
}

.fileuploader-popup .fileuploader-popup-move[data-action='next'] {
  left: auto;
  right: 0;
}

.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
  display: inline-block;
}

.fileuploader-popup .fileuploader-cropper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 20, 27, 0.65);
  z-index: 9;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.has-grid::after,
.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.has-grid::before {
  content: '';
  position: absolute;
  border: 1px solid rgba(250, 250, 250, 0.8);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.has-grid::before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 34%;
  border-top: 0;
  border-bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.has-grid::after {
  top: 50%;
  left: 0;
  height: 34%;
  width: 100%;
  border-left: 0;
  border-right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.has-grid.moving::after,
.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.has-grid.moving::before {
  opacity: 1;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 3;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point::after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-a {
  top: -12px;
  left: -12px;
  cursor: nw-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-b {
  top: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: n-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-c {
  top: -12px;
  right: -12px;
  cursor: ne-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-d {
  top: 50%;
  right: -12px;
  margin-top: -12px;
  cursor: w-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-e {
  bottom: -12px;
  right: -12px;
  cursor: nw-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-f {
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: s-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-g {
  bottom: -12px;
  left: -12px;
  cursor: sw-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .point.point-h {
  left: -12px;
  top: 50%;
  margin-top: -12px;
  cursor: w-resize;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .area-move {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: move;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .area-move::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .area-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .area-image
  img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area
  .area-info {
  position: absolute;
  bottom: -12px;
  left: 50%;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 14px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(100%);
  transform: translateX(-50%) translateY(100%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
}

.fileuploader-popup
  .fileuploader-cropper
  .fileuploader-cropper-area.show-info
  .area-info {
  opacity: 0;
}

@media all and (max-width: 768px) {
  .fileuploader-popup .fileuploader-popup-header {
    display: block;
    padding: 0;
  }

  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
    padding: 16px;
  }

  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
    position: fixed;
    left: 0;
    bottom: 16px;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .fileuploader-popup .fileuploader-popup-node {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 117px;
  }

  .fileuploader-popup .fileuploader-popup-footer {
    bottom: 61px;
    background: 0 0;
  }

  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
    display: none;
  }

  .fileuploader-popup
    .fileuploader-popup-footer
    .fileuploader-popup-tools
    li
    a:hover {
    border-color: transparent;
  }

  .fileuploader-popup .fileuploader-popup-move {
    width: 30px;
  }

  .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@-webkit-keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fileuploader-theme-onebutton .fileuploader-input {
  display: block;
  width: 100%;
}

.fileuploader-theme-onebutton .fileuploader-input .fileuploader-input-caption {
  display: none;
}

.fileuploader-theme-onebutton .fileuploader-input .fileuploader-input-button,
.fileuploader-theme-onebutton
  .fileuploader-popup
  .fileuploader-popup-header
  .fileuploader-popup-button.button-success {
  outline: none;
  /* -webkit-box-shadow: 0 3px 10px rgba(102, 103, 107, 0.1);
  box-shadow: 0 3px 10px rgba(102, 103, 107, 0.1);
  color: #2a73ff;
  background-color: rgba(42, 115, 255, 0.1);
  border: 1px solid rgba(42, 115, 255, 0.3); */
  width: 100%;
  border-radius: 4px;
}

/**
 * fileuploader
 * Copyright (c) 2020 Innostudio.de
 * Website: https://innostudio.de/fileuploader/
 * Version: 2.2 (12-Mar-2020)
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
@font-face {
  font-family: 'font-fileuploader';
  src: url('../fonts/font-fileuploader.ttf?yhe2ig') format('truetype'),
    url('../fonts/font-fileuploader.woff?yhe2ig') format('woff'),
    url('../fonts/font-fileuploader.svg?yhe2ig#font-fileuploader') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='fileuploader-icon-'],
[class*=' fileuploader-icon-'] {
  display: inline-block;
  font-family: 'font-fileuploader' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fileuploader-icon-main::before {
  content: '\e900';
}

.fileuploader-icon-alert::before {
  content: '\e901';
}

.fileuploader-icon-calendar::before {
  content: '\e902';
}

.fileuploader-icon-camera::before {
  content: '\e903';
}

.fileuploader-icon-success::before {
  content: '\e904';
}

.fileuploader-icon-arrow-left::before {
  content: '\e905';
}

.fileuploader-icon-arrow-right::before {
  content: '\e906';
}

.fileuploader-icon-crop::before {
  content: '\e908';
}

.fileuploader-icon-download::before {
  content: '\e909';
}

.fileuploader-icon-edit::before {
  content: '\e90a';
}

.fileuploader-icon-external::before {
  content: '\e90b';
}

.fileuploader-icon-eye::before {
  content: '\e90c';
}

.fileuploader-icon-file::before {
  content: '\e90d';
}

.fileuploader-icon-video::before {
  content: '\e90f';
}

.fileuploader-icon-folder::before {
  content: '\e910';
}

.fileuploader-icon-help::before {
  content: '\e911';
}

.fileuploader-icon-image::before {
  content: '\e912';
}

.fileuploader-icon-link::before {
  content: '\e913';
}

.fileuploader-icon-message::before {
  content: '\e914';
}

.fileuploader-icon-menu::before {
  content: '\e915';
}

.fileuploader-icon-sort::before {
  content: '\e916';
}

.fileuploader-icon-audio::before {
  content: '\e917';
}

.fileuploader-icon-plus::before {
  content: '\e918';
}

.fileuploader-icon-retry::before {
  content: '\e919';
}

.fileuploader-icon-rotate::before {
  content: '\e91a';
}

.fileuploader-icon-save::before {
  content: '\e91b';
}

.fileuploader-icon-search::before {
  content: '\e91c';
}

.fileuploader-icon-settings::before {
  content: '\e91d';
}

.fileuploader-icon-share::before {
  content: '\e91e';
}

.fileuploader-icon-deny::before {
  content: '\e91f';
}

.fileuploader-icon-trash::before {
  content: '\e920';
}

.fileuploader-icon-upload::before {
  content: '\e921';
}

.fileuploader-icon-user::before {
  content: '\e922';
}

.fileuploader-icon-remove::before {
  content: '\e923';
}

.fileuploader-icon-zoom-in::before {
  content: '\e924';
}

.fileuploader-icon-zoom-out::before {
  content: '\e925';
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

h1 {
  font-size: 48px;
  line-height: 1;
  margin: 0 0 0.5em;
  font-weight: 600;
}

h2 {
  font-size: 32px;
  line-height: 1;
  margin: 0 0 0.5em;
  font-weight: 600;
}

h3 {
  font-size: 24px;
  line-height: 1;
  margin: 0 0 0.5em;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  line-height: 1;
  margin: 0 0 0.5em;
  font-weight: 600;
}

h5 {
  font-size: 15px;
  line-height: 1;
  margin: 0 0 0.5em;
  font-weight: 600;
}

h6 {
  font-size: 12px;
  line-height: 1;
  margin: 0 0 0.5em;
  font-weight: 600;
}

p {
  margin-bottom: 2em;
}

b,
strong {
  font-weight: 600;
}

i,
em {
  font-style: italic;
}

/*!
 * Material Icons (https://material.io/tools/icons/)
 * Apache license version 2.0
 */
@font-face {
  font-family: 'Material-Icons';
  src: url('../fonts/Material-Icons.ttf') format('truetype'),
    url('../fonts/Material-Icons.woff') format('woff'),
    url('../fonts/Material-Icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-material-'],
[class*=' icon-material-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Material-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-material-outline-dashboard::before {
  content: '\e997';
}

.icon-material-outline-arrow-back::before {
  content: '\e993';
}

.icon-material-outline-arrow-forward::before {
  content: '\e994';
}

.icon-material-outline-arrow-right-alt::before {
  content: '\e995';
}

.icon-material-outline-gavel::before {
  content: '\e996';
}

.icon-material-baseline-mail-outline::before {
  content: '\e900';
}

.icon-material-baseline-notifications-none::before {
  content: '\e901';
}

.icon-material-baseline-star-border::before {
  content: '\e902';
}

.icon-material-outline-access-alarm::before {
  content: '\e903';
}

.icon-material-outline-access-time::before {
  content: '\e904';
}

.icon-material-outline-account-balance-wallet::before {
  content: '\e905';
}

.icon-material-outline-account-balance::before {
  content: '\e906';
}

.icon-material-outline-account-circle::before {
  content: '\e907';
}

.icon-material-outline-add-a-photo::before {
  content: '\e908';
}

.icon-material-outline-add-circle-outline::before {
  content: '\e909';
}

.icon-material-outline-add-location::before {
  content: '\e90a';
}

.icon-material-outline-add-photo-alternate::before {
  content: '\e90b';
}

.icon-material-outline-add-shopping-cart::before {
  content: '\e90c';
}

.icon-material-outline-add::before {
  content: '\e90d';
}

.icon-material-outline-alarm-add::before {
  content: '\e90e';
}

.icon-material-outline-alarm-off::before {
  content: '\e90f';
}

.icon-material-outline-alarm-on::before {
  content: '\e910';
}

.icon-material-outline-alarm::before {
  content: '\e911';
}

.icon-material-outline-announcement::before {
  content: '\e912';
}

.icon-material-outline-archive::before {
  content: '\e913';
}

.icon-material-outline-arrow-drop-down::before {
  content: '\e914';
}

.icon-material-outline-arrow-drop-up::before {
  content: '\e915';
}

.icon-material-outline-arrow-left::before {
  content: '\e916';
}

.icon-material-outline-arrow-right::before {
  content: '\e917';
}

.icon-material-outline-assessment::before {
  content: '\e918';
}

.icon-material-outline-assignment::before {
  content: '\e919';
}

.icon-material-outline-attach-file::before {
  content: '\e91a';
}

.icon-material-outline-autorenew::before {
  content: '\e91b';
}

.icon-material-outline-battery-charging-full::before {
  content: '\e91c';
}

.icon-material-outline-beach-access::before {
  content: '\e91d';
}

.icon-material-outline-book::before {
  content: '\e91e';
}

.icon-material-outline-bookmark-border::before {
  content: '\e91f';
}

.icon-material-outline-bookmarks::before {
  content: '\e920';
}

.icon-material-outline-broken-image::before {
  content: '\e921';
}

.icon-material-outline-brush::before {
  content: '\e922';
}

.icon-material-outline-bug-report::before {
  content: '\e923';
}

.icon-material-outline-business-center::before {
  content: '\e924';
}

.icon-material-outline-business::before {
  content: '\e925';
}

.icon-material-outline-cake::before {
  content: '\e926';
}

.icon-material-outline-check-circle::before {
  content: '\e927';
}

.icon-material-outline-check::before {
  content: '\e928';
}

.icon-material-outline-cloud::before {
  content: '\e929';
}

.icon-material-outline-code::before {
  content: '\e92a';
}

.icon-material-outline-compare-arrows::before {
  content: '\e92b';
}

.icon-material-outline-computer::before {
  content: '\e92c';
}

.icon-material-outline-contact-support::before {
  content: '\e92d';
}

.icon-material-outline-credit-card::before {
  content: '\e92e';
}

.icon-material-outline-crop-original::before {
  content: '\e92f';
}

.icon-material-outline-date-range::before {
  content: '\e930';
}

.icon-material-outline-delete::before {
  content: '\e931';
}

.icon-material-outline-description::before {
  content: '\e932';
}

.icon-material-outline-desktop-mac::before {
  content: '\e933';
}

.icon-material-outline-desktop-windows::before {
  content: '\e934';
}

.icon-material-outline-directions-car::before {
  content: '\e935';
}

.icon-material-outline-dns::before {
  content: '\e936';
}

.icon-material-outline-drafts::before {
  content: '\e937';
}

.icon-material-outline-email::before {
  content: '\e938';
}

.icon-material-outline-explore::before {
  content: '\e939';
}

.icon-material-outline-extension::before {
  content: '\e93a';
}

.icon-material-outline-face::before {
  content: '\e93b';
}

.icon-material-outline-favorite-border::before {
  content: '\e93c';
}

.icon-material-outline-favorite::before {
  content: '\e93d';
}

.icon-material-outline-feedback::before {
  content: '\e93e';
}

.icon-material-outline-file-copy::before {
  content: '\e93f';
}

.icon-material-outline-filter-none::before {
  content: '\e940';
}

.icon-material-outline-find-in-page::before {
  content: '\e941';
}

.icon-material-outline-fingerprint::before {
  content: '\e942';
}

.icon-material-outline-flight::before {
  content: '\e943';
}

.icon-material-outline-flip-to-back::before {
  content: '\e944';
}

.icon-material-outline-flip-to-front::before {
  content: '\e945';
}

.icon-material-outline-folder-shared::before {
  content: '\e946';
}

.icon-material-outline-folder::before {
  content: '\e947';
}

.icon-material-outline-format-quote::before {
  content: '\e948';
}

.icon-material-outline-format-shapes::before {
  content: '\e949';
}

.icon-material-outline-forum::before {
  content: '\e94a';
}

.icon-material-outline-free-breakfast::before {
  content: '\e94b';
}

.icon-material-outline-gps-fixed::before {
  content: '\e94c';
}

.icon-material-outline-group::before {
  content: '\e94d';
}

.icon-material-outline-help-outline::before {
  content: '\e94e';
}

.icon-material-outline-highlight-off::before {
  content: '\e94f';
}

.icon-material-outline-history::before {
  content: '\e950';
}

.icon-material-outline-home::before {
  content: '\e951';
}

.icon-material-outline-hotel::before {
  content: '\e952';
}

.icon-material-outline-https::before {
  content: '\e953';
}

.icon-material-outline-info::before {
  content: '\e954';
}

.icon-material-outline-input::before {
  content: '\e955';
}

.icon-material-outline-insert-photo::before {
  content: '\e956';
}

.icon-material-outline-keyboard-arrow-down::before {
  content: '\e957';
}

.icon-material-outline-keyboard-arrow-left::before {
  content: '\e958';
}

.icon-material-outline-keyboard-arrow-right::before {
  content: '\e959';
}

.icon-material-outline-keyboard-arrow-up::before {
  content: '\e95a';
}

.icon-material-outline-language::before {
  content: '\e95b';
}

.icon-material-outline-launch::before {
  content: '\e95c';
}

.icon-material-outline-layers::before {
  content: '\e95d';
}

.icon-material-outline-library-add::before {
  content: '\e95e';
}

.icon-material-outline-library-books::before {
  content: '\e95f';
}

.icon-material-outline-local-atm::before {
  content: '\e960';
}

.icon-material-outline-local-offer::before {
  content: '\e961';
}

.icon-material-outline-location-city::before {
  content: '\e962';
}

.icon-material-outline-location-off::before {
  content: '\e963';
}

.icon-material-outline-location-on::before {
  content: '\e964';
}

.icon-material-outline-lock-open::before {
  content: '\e965';
}

.icon-material-outline-lock::before {
  content: '\e966';
}

.icon-material-outline-loyalty::before {
  content: '\e967';
}

.icon-material-outline-map::before {
  content: '\e968';
}

.icon-material-outline-message::before {
  content: '\e969';
}

.icon-material-outline-monetization-on::before {
  content: '\e96a';
}

.icon-material-outline-money::before {
  content: '\e96b';
}

.icon-material-outline-mouse::before {
  content: '\e96c';
}

.icon-material-outline-movie::before {
  content: '\e96d';
}

.icon-material-outline-my-location::before {
  content: '\e96e';
}

.icon-material-outline-note-add::before {
  content: '\e96f';
}

.icon-material-outline-notifications-active::before {
  content: '\e970';
}

.icon-material-outline-notifications-off::before {
  content: '\e971';
}

.icon-material-outline-notifications::before {
  content: '\e972';
}

.icon-material-outline-outlined-flag::before {
  content: '\e973';
}

.icon-material-outline-person-pin::before {
  content: '\e974';
}

.icon-material-outline-photo-library::before {
  content: '\e975';
}

.icon-material-outline-photo-size-select-actual::before {
  content: '\e976';
}

.icon-material-outline-picture-as-pdf::before {
  content: '\e977';
}

.icon-material-outline-power-settings-new::before {
  content: '\e978';
}

.icon-material-outline-print::before {
  content: '\e979';
}

.icon-material-outline-question-answer::before {
  content: '\e97a';
}

.icon-material-outline-rate-review::before {
  content: '\e97b';
}

.icon-material-outline-redo::before {
  content: '\e97c';
}

.icon-material-outline-reorder::before {
  content: '\e97d';
}

.icon-material-outline-restaurant::before {
  content: '\e97e';
}

.icon-material-outline-room::before {
  content: '\e97f';
}

.icon-material-outline-save-alt::before {
  content: '\e980';
}

.icon-material-outline-school::before {
  content: '\e981';
}

.icon-material-outline-search::before {
  content: '\e982';
}

.icon-material-outline-settings-input-component::before {
  content: '\e983';
}

.icon-material-outline-settings::before {
  content: '\e984';
}

.icon-material-outline-shopping-cart::before {
  content: '\e985';
}

.icon-material-outline-speaker-notes::before {
  content: '\e986';
}

.icon-material-outline-star-border::before {
  content: '\e987';
}

.icon-material-outline-star::before {
  content: '\e988';
}

.icon-material-outline-supervisor-account::before {
  content: '\e989';
}

.icon-material-outline-text-fields::before {
  content: '\e98a';
}

.icon-material-outline-textsms::before {
  content: '\e98b';
}

.icon-material-outline-thumb-down::before {
  content: '\e98c';
}

.icon-material-outline-thumb-up::before {
  content: '\e98d';
}

.icon-material-outline-undo::before {
  content: '\e98e';
}

.icon-material-outline-visibility::before {
  content: '\e98f';
}

.icon-material-outline-watch::before {
  content: '\e990';
}

.icon-material-outline-wb-incandescent::before {
  content: '\e991';
}

.icon-material-outline-where-to-vote::before {
  content: '\e992';
}

/*!
 * Feather Icons (https://feathericons.com/)
 * Licensed under MIT
 */
@font-face {
  font-family: 'Feather-Icons';
  src: url('../fonts/Feather-Icons.ttf?7ncawf') format('truetype'),
    url('../fonts/Feather-Icons.woff?7ncawf') format('woff'),
    url('../fonts/Feather-Icons.svg?7ncawf#Feather-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-feather-'],
[class*=' icon-feather-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Feather-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-feather-activity::before {
  content: '\e900';
}

.icon-feather-airplay::before {
  content: '\e901';
}

.icon-feather-alert-circle::before {
  content: '\e902';
}

.icon-feather-alert-octagon::before {
  content: '\e903';
}

.icon-feather-alert-triangle::before {
  content: '\e904';
}

.icon-feather-align-center::before {
  content: '\e905';
}

.icon-feather-align-justify::before {
  content: '\e906';
}

.icon-feather-align-left::before {
  content: '\e907';
}

.icon-feather-align-right::before {
  content: '\e908';
}

.icon-feather-anchor::before {
  content: '\e909';
}

.icon-feather-aperture::before {
  content: '\e90a';
}

.icon-feather-archive::before {
  content: '\e90b';
}

.icon-feather-arrow-down::before {
  content: '\e90c';
}

.icon-feather-arrow-down-circle::before {
  content: '\e90d';
}

.icon-feather-arrow-down-left::before {
  content: '\e90e';
}

.icon-feather-arrow-down-right::before {
  content: '\e90f';
}

.icon-feather-arrow-left::before {
  content: '\e910';
}

.icon-feather-arrow-left-circle::before {
  content: '\e911';
}

.icon-feather-arrow-right::before {
  content: '\e912';
}

.icon-feather-arrow-right-circle::before {
  content: '\e913';
}

.icon-feather-arrow-up::before {
  content: '\e914';
}

.icon-feather-arrow-up-circle::before {
  content: '\e915';
}

.icon-feather-arrow-up-left::before {
  content: '\e916';
}

.icon-feather-arrow-up-right::before {
  content: '\e917';
}

.icon-feather-at-sign::before {
  content: '\e918';
}

.icon-feather-award::before {
  content: '\e919';
}

.icon-feather-bar-chart::before {
  content: '\e91a';
}

.icon-feather-bar-chart-2::before {
  content: '\e91b';
}

.icon-feather-battery::before {
  content: '\e91c';
}

.icon-feather-battery-charging::before {
  content: '\e91d';
}

.icon-feather-bell::before {
  content: '\e91e';
}

.icon-feather-bell-off::before {
  content: '\e91f';
}

.icon-feather-bluetooth::before {
  content: '\e920';
}

.icon-feather-bold::before {
  content: '\e921';
}

.icon-feather-book::before {
  content: '\e922';
}

.icon-feather-book-open::before {
  content: '\e923';
}

.icon-feather-bookmark::before {
  content: '\e924';
}

.icon-feather-box::before {
  content: '\e925';
}

.icon-feather-briefcase::before {
  content: '\e926';
}

.icon-feather-calendar::before {
  content: '\e927';
}

.icon-feather-camera::before {
  content: '\e928';
}

.icon-feather-camera-off::before {
  content: '\e929';
}

.icon-feather-cast::before {
  content: '\e92a';
}

.icon-feather-check::before {
  content: '\e92b';
}

.icon-feather-check-circle::before {
  content: '\e92c';
}

.icon-feather-check-square::before {
  content: '\e92d';
}

.icon-feather-chevron-down::before {
  content: '\e92e';
}

.icon-feather-chevron-left::before {
  content: '\e92f';
}

.icon-feather-chevron-right::before {
  content: '\e930';
}

.icon-feather-chevron-up::before {
  content: '\e931';
}

.icon-feather-chevrons-down::before {
  content: '\e932';
}

.icon-feather-chevrons-left::before {
  content: '\e933';
}

.icon-feather-chevrons-right::before {
  content: '\e934';
}

.icon-feather-chevrons-up::before {
  content: '\e935';
}

.icon-feather-chrome::before {
  content: '\e936';
}

.icon-feather-circle::before {
  content: '\e937';
}

.icon-feather-clipboard::before {
  content: '\e938';
}

.icon-feather-clock::before {
  content: '\e939';
}

.icon-feather-cloud::before {
  content: '\e93a';
}

.icon-feather-cloud-drizzle::before {
  content: '\e93b';
}

.icon-feather-cloud-lightning::before {
  content: '\e93c';
}

.icon-feather-cloud-off::before {
  content: '\e93d';
}

.icon-feather-cloud-rain::before {
  content: '\e93e';
}

.icon-feather-cloud-snow::before {
  content: '\e93f';
}

.icon-feather-code::before {
  content: '\e940';
}

.icon-feather-codepen::before {
  content: '\e941';
}

.icon-feather-command::before {
  content: '\e942';
}

.icon-feather-compass::before {
  content: '\e943';
}

.icon-feather-copy::before {
  content: '\e944';
}

.icon-feather-corner-down-left::before {
  content: '\e945';
}

.icon-feather-corner-down-right::before {
  content: '\e946';
}

.icon-feather-corner-left-down::before {
  content: '\e947';
}

.icon-feather-corner-left-up::before {
  content: '\e948';
}

.icon-feather-corner-right-down::before {
  content: '\e949';
}

.icon-feather-corner-right-up::before {
  content: '\e94a';
}

.icon-feather-corner-up-left::before {
  content: '\e94b';
}

.icon-feather-corner-up-right::before {
  content: '\e94c';
}

.icon-feather-cpu::before {
  content: '\e94d';
}

.icon-feather-credit-card::before {
  content: '\e94e';
}

.icon-feather-crop::before {
  content: '\e94f';
}

.icon-feather-crosshair::before {
  content: '\e950';
}

.icon-feather-database::before {
  content: '\e951';
}

.icon-feather-delete::before {
  content: '\e952';
}

.icon-feather-disc::before {
  content: '\e953';
}

.icon-feather-dollar-sign::before {
  content: '\e954';
}

.icon-feather-download::before {
  content: '\e955';
}

.icon-feather-download-cloud::before {
  content: '\e956';
}

.icon-feather-droplet::before {
  content: '\e957';
}

.icon-feather-edit::before {
  content: '\e958';
}

.icon-feather-edit-2::before {
  content: '\e959';
}

.icon-feather-edit-3::before {
  content: '\e95a';
}

.icon-feather-external-link::before {
  content: '\e95b';
}

.icon-feather-eye::before {
  content: '\e95c';
}

.icon-feather-eye-off::before {
  content: '\e95d';
}

.icon-feather-facebook::before {
  content: '\e95e';
}

.icon-feather-fast-forward::before {
  content: '\e95f';
}

.icon-feather-feather::before {
  content: '\e960';
}

.icon-feather-file::before {
  content: '\e961';
}

.icon-feather-file-minus::before {
  content: '\e962';
}

.icon-feather-file-plus::before {
  content: '\e963';
}

.icon-feather-file-text::before {
  content: '\e964';
}

.icon-feather-film::before {
  content: '\e965';
}

.icon-feather-filter::before {
  content: '\e966';
}

.icon-feather-flag::before {
  content: '\e967';
}

.icon-feather-folder::before {
  content: '\e968';
}

.icon-feather-folder-minus::before {
  content: '\e969';
}

.icon-feather-folder-plus::before {
  content: '\e96a';
}

.icon-feather-gift::before {
  content: '\e96b';
}

.icon-feather-git-branch::before {
  content: '\e96c';
}

.icon-feather-git-commit::before {
  content: '\e96d';
}

.icon-feather-git-merge::before {
  content: '\e96e';
}

.icon-feather-git-pull-request::before {
  content: '\e96f';
}

.icon-feather-github::before {
  content: '\e970';
}

.icon-feather-gitlab::before {
  content: '\e971';
}

.icon-feather-globe::before {
  content: '\e972';
}

.icon-feather-grid::before {
  content: '\e973';
}

.icon-feather-hard-drive::before {
  content: '\e974';
}

.icon-feather-hash::before {
  content: '\e975';
}

.icon-feather-headphones::before {
  content: '\e976';
}

.icon-feather-heart::before {
  content: '\e977';
}

.icon-feather-help-circle::before {
  content: '\e978';
}

.icon-feather-home::before {
  content: '\e979';
}

.icon-feather-image::before {
  content: '\e97a';
}

.icon-feather-inbox::before {
  content: '\e97b';
}

.icon-feather-info::before {
  content: '\e97c';
}

.icon-feather-instagram::before {
  content: '\e97d';
}

.icon-feather-italic::before {
  content: '\e97e';
}

.icon-feather-layers::before {
  content: '\e97f';
}

.icon-feather-layout::before {
  content: '\e980';
}

.icon-feather-life-buoy::before {
  content: '\e981';
}

.icon-feather-link::before {
  content: '\e982';
}

.icon-feather-link-2::before {
  content: '\e983';
}

.icon-feather-linkedin::before {
  content: '\e984';
}

.icon-feather-list::before {
  content: '\e985';
}

.icon-feather-loader::before {
  content: '\e986';
}

.icon-feather-lock::before {
  content: '\e987';
}

.icon-feather-log-in::before {
  content: '\e988';
}

.icon-feather-log-out::before {
  content: '\e989';
}

.icon-feather-mail::before {
  content: '\e98a';
}

.icon-feather-map::before {
  content: '\e98b';
}

.icon-feather-map-pin::before {
  content: '\e98c';
}

.icon-feather-maximize::before {
  content: '\e98d';
}

.icon-feather-maximize-2::before {
  content: '\e98e';
}

.icon-feather-menu::before {
  content: '\e98f';
}

.icon-feather-message-circle::before {
  content: '\e990';
}

.icon-feather-message-square::before {
  content: '\e991';
}

.icon-feather-mic::before {
  content: '\e992';
}

.icon-feather-mic-off::before {
  content: '\e993';
}

.icon-feather-minimize::before {
  content: '\e994';
}

.icon-feather-minimize-2::before {
  content: '\e995';
}

.icon-feather-minus::before {
  content: '\e996';
}

.icon-feather-minus-circle::before {
  content: '\e997';
}

.icon-feather-minus-square::before {
  content: '\e998';
}

.icon-feather-monitor::before {
  content: '\e999';
}

.icon-feather-moon::before {
  content: '\e99a';
}

.icon-feather-more-horizontal::before {
  content: '\e99b';
}

.icon-feather-more-vertical::before {
  content: '\e99c';
}

.icon-feather-move::before {
  content: '\e99d';
}

.icon-feather-music::before {
  content: '\e99e';
}

.icon-feather-navigation::before {
  content: '\e99f';
}

.icon-feather-navigation-2::before {
  content: '\e9a0';
}

.icon-feather-octagon::before {
  content: '\e9a1';
}

.icon-feather-package::before {
  content: '\e9a2';
}

.icon-feather-paperclip::before {
  content: '\e9a3';
}

.icon-feather-pause::before {
  content: '\e9a4';
}

.icon-feather-pause-circle::before {
  content: '\e9a5';
}

.icon-feather-percent::before {
  content: '\e9a6';
}

.icon-feather-phone::before {
  content: '\e9a7';
}

.icon-feather-phone-call::before {
  content: '\e9a8';
}

.icon-feather-phone-forwarded::before {
  content: '\e9a9';
}

.icon-feather-phone-incoming::before {
  content: '\e9aa';
}

.icon-feather-phone-missed::before {
  content: '\e9ab';
}

.icon-feather-phone-off::before {
  content: '\e9ac';
}

.icon-feather-phone-outgoing::before {
  content: '\e9ad';
}

.icon-feather-pie-chart::before {
  content: '\e9ae';
}

.icon-feather-play::before {
  content: '\e9af';
}

.icon-feather-play-circle::before {
  content: '\e9b0';
}

.icon-feather-plus::before {
  content: '\e9b1';
}

.icon-feather-plus-circle::before {
  content: '\e9b2';
}

.icon-feather-plus-square::before {
  content: '\e9b3';
}

.icon-feather-pocket::before {
  content: '\e9b4';
}

.icon-feather-power::before {
  content: '\e9b5';
}

.icon-feather-printer::before {
  content: '\e9b6';
}

.icon-feather-radio::before {
  content: '\e9b7';
}

.icon-feather-refresh-ccw::before {
  content: '\e9b8';
}

.icon-feather-refresh-cw::before {
  content: '\e9b9';
}

.icon-feather-repeat::before {
  content: '\e9ba';
}

.icon-feather-rewind::before {
  content: '\e9bb';
}

.icon-feather-rotate-ccw::before {
  content: '\e9bc';
}

.icon-feather-rotate-cw::before {
  content: '\e9bd';
}

.icon-feather-rss::before {
  content: '\e9be';
}

.icon-feather-save::before {
  content: '\e9bf';
}

.icon-feather-scissors::before {
  content: '\e9c0';
}

.icon-feather-search::before {
  content: '\e9c1';
}

.icon-feather-send::before {
  content: '\e9c2';
}

.icon-feather-server::before {
  content: '\e9c3';
}

.icon-feather-settings::before {
  content: '\e9c4';
}

.icon-feather-share::before {
  content: '\e9c5';
}

.icon-feather-share-2::before {
  content: '\e9c6';
}

.icon-feather-shield::before {
  content: '\e9c7';
}

.icon-feather-shield-off::before {
  content: '\e9c8';
}

.icon-feather-shopping-bag::before {
  content: '\e9c9';
}

.icon-feather-shopping-cart::before {
  content: '\e9ca';
}

.icon-feather-shuffle::before {
  content: '\e9cb';
}

.icon-feather-sidebar::before {
  content: '\e9cc';
}

.icon-feather-skip-back::before {
  content: '\e9cd';
}

.icon-feather-skip-forward::before {
  content: '\e9ce';
}

.icon-feather-slack::before {
  content: '\e9cf';
}

.icon-feather-slash::before {
  content: '\e9d0';
}

.icon-feather-sliders::before {
  content: '\e9d1';
}

.icon-feather-smartphone::before {
  content: '\e9d2';
}

.icon-feather-speaker::before {
  content: '\e9d3';
}

.icon-feather-square::before {
  content: '\e9d4';
}

.icon-feather-star::before {
  content: '\e9d5';
}

.icon-feather-stop-circle::before {
  content: '\e9d6';
}

.icon-feather-sun::before {
  content: '\e9d7';
}

.icon-feather-sunrise::before {
  content: '\e9d8';
}

.icon-feather-sunset::before {
  content: '\e9d9';
}

.icon-feather-tablet::before {
  content: '\e9da';
}

.icon-feather-tag::before {
  content: '\e9db';
}

.icon-feather-target::before {
  content: '\e9dc';
}

.icon-feather-terminal::before {
  content: '\e9dd';
}

.icon-feather-thermometer::before {
  content: '\e9de';
}

.icon-feather-thumbs-down::before {
  content: '\e9df';
}

.icon-feather-thumbs-up::before {
  content: '\e9e0';
}

.icon-feather-toggle-left::before {
  content: '\e9e1';
}

.icon-feather-toggle-right::before {
  content: '\e9e2';
}

.icon-feather-trash::before {
  content: '\e9e3';
}

.icon-feather-trash-2::before {
  content: '\e9e4';
}

.icon-feather-trending-down::before {
  content: '\e9e5';
}

.icon-feather-trending-up::before {
  content: '\e9e6';
}

.icon-feather-triangle::before {
  content: '\e9e7';
}

.icon-feather-truck::before {
  content: '\e9e8';
}

.icon-feather-tv::before {
  content: '\e9e9';
}

.icon-feather-twitter::before {
  content: '\e9ea';
}

.icon-feather-type::before {
  content: '\e9eb';
}

.icon-feather-umbrella::before {
  content: '\e9ec';
}

.icon-feather-underline::before {
  content: '\e9ed';
}

.icon-feather-unlock::before {
  content: '\e9ee';
}

.icon-feather-upload::before {
  content: '\e9ef';
}

.icon-feather-upload-cloud::before {
  content: '\e9f0';
}

.icon-feather-user::before {
  content: '\e9f1';
}

.icon-feather-user-check::before {
  content: '\e9f2';
}

.icon-feather-user-minus::before {
  content: '\e9f3';
}

.icon-feather-user-plus::before {
  content: '\e9f4';
}

.icon-feather-user-x::before {
  content: '\e9f5';
}

.icon-feather-users::before {
  content: '\e9f6';
}

.icon-feather-video::before {
  content: '\e9f7';
}

.icon-feather-video-off::before {
  content: '\e9f8';
}

.icon-feather-voicemail::before {
  content: '\e9f9';
}

.icon-feather-volume::before {
  content: '\e9fa';
}

.icon-feather-volume-1::before {
  content: '\e9fb';
}

.icon-feather-volume-2::before {
  content: '\e9fc';
}

.icon-feather-volume-x::before {
  content: '\e9fd';
}

.icon-feather-watch::before {
  content: '\e9fe';
}

.icon-feather-wifi::before {
  content: '\e9ff';
}

.icon-feather-wifi-off::before {
  content: '\ea00';
}

.icon-feather-wind::before {
  content: '\ea01';
}

.icon-feather-x::before {
  content: '\ea02';
}

.icon-feather-x-circle::before {
  content: '\ea03';
}

.icon-feather-x-square::before {
  content: '\ea04';
}

.icon-feather-youtube::before {
  content: '\ea05';
}

.icon-feather-zap::before {
  content: '\ea06';
}

.icon-feather-zap-off::before {
  content: '\ea07';
}

.icon-feather-zoom-in::before {
  content: '\ea08';
}

.icon-feather-zoom-out::before {
  content: '\ea09';
}

.container {
  max-width: 1100px;
  margin: auto;
  padding: 0 15px;
}

a {
  color: var(--clientcolor);
}

img {
  max-width: 100%;
  display: flex;
}

.hide-on-large {
  display: none;
}

@media all and (max-width: 1200px) {
  .container {
    max-width: 1000px;
    padding: 0 15px;
  }
}
@media all and (max-width: 1000px) {
  .container {
    max-width: 800px;
    padding: 0 15px;
  }

  .hide-on-large {
    display: block;
  }

  .hide-on-small {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .container {
    max-width: 90%;
    padding: 0 5%;
  }
}
.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

button,
input[type='submit'],
input[type='button'] {
  cursor: pointer;
}

.button {
  display: inline-block;
  background: var(--clientcolor);
  border: 2px solid var(--clientcolor);
  padding: 10px 15px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  letter-spacing: 0.3px;
}
.button-outline {
  border-color: var(--clientcolor);
  background-color: transparent;
  color: var(--clientcolor);
}
.button-large {
  font-size: 2em;
  padding: 20px 30px;
}

/* ---------------------------------- */
/* Magnific Popup
------------------------------------- */
figure {
  margin: 0;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
  position: fixed;
  background: #111;
}

.mfp-wrap {
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #aaa;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 504;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content,
.mfp-s-loading .mfp-arrow {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: 0;
  top: -40px;
}

/* Close Button */
.og-close,
button.mfp-close {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -20px;
  display: block;
  right: -12px;
  cursor: pointer !important;
  z-index: 9999;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  margin: 0;
  background-color: transparent;
  outline: none;
  transform: translate3d(0, 0, 0);
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
  right: -12px;
  transform: translate3d(0, 0, 0);
}

.mfp-gallery .mfp-close {
  top: 20px;
  right: 10px;
}
.mfp-gallery .mfp-content .mfp-close {
  display: none;
}

.mfp-close::after,
.mfp-close::before {
  top: 0;
}

.og-close {
  margin: 17px;
  right: 10px;
  background: transparent;
  color: #222;
}
.og-close::before {
  font-family: 'Feather-Icons';
  font-size: 20px;
  top: 2px;
  left: 0;
  position: relative;
  height: 10px;
}

.mfp-close::before {
  font-family: 'Feather-Icons';
  font-size: 20px;
  top: 2px;
  left: 0;
  position: relative;
  height: 10px;
}

.og-close::before,
.mfp-close::before {
  content: '\ea02';
}

.mfp-close {
  color: #fff;
}
.mfp-close:hover {
  color: #fff;
}

/* Popup close button */
.overlay-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  border-radius: 4px;
  top: 28px;
  right: 40px;
  width: 40px;
  height: 40px;
}
.overlay-dialog .mfp-close:hover {
  color: #ffffff;
  background-color: var(--clientcolor);
}

.small-dialog-content input[type='submit'] {
  width: 100%;
  margin-top: 26px;
  margin-bottom: 10px;
}
.small-dialog-content .divider {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 0;
}

.small-dialog-header {
  font-size: 22px;
  width: calc(100% + 80px);
  position: relative;
  left: -40px;
  top: 0;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 35px 40px;
  margin-bottom: 40px;
}
.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 23px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #aaa;
  font-size: 13px;
  line-height: 18px;
}

.mfp-arrow {
  opacity: 1;
  margin: 0 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: absolute;
  display: block;
  z-index: 100;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  outline: none;
}
.mfp-arrow:hover {
  background: var(--clientcolor);
  color: #ffffff;
}
.mfp-arrow.mfp-arrow-left {
  font-family: 'Material-Icons' !important;
  font-size: 20px;
}
.mfp-arrow.mfp-arrow-right {
  font-family: 'Material-Icons' !important;
  font-size: 20px;
  right: 15px;
}
.mfp-arrow.mfp-arrow-left::before {
  content: '\e993';
  left: -1px;
  top: 0;
  position: relative;
}
.mfp-arrow.mfp-arrow-right::before {
  content: '\e994';
  left: 1px;
  top: 0;
  position: relative;
}

.mfp-content:hover .mfp-arrow {
  opacity: 1;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1180px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 54%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Popup */
.overlay-dialog {
  background: #fff;
  padding: 40px;
  padding-top: 0;
  text-align: left;
  max-width: 610px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  max-width: 550px;
}

.overlay-dialog span.line {
  padding-top: 0;
}

/* Video  */
.content-block .video-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  width: 100%;
}
.content-block .video-grid-3 .grid-item {
  width: 100%;
}
.content-block .video-grid-3 .iframe-wrap-new {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 177.78% !important;
}
.content-block .video-grid-3 .iframe-wrap-new iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Responsive behavior */
@media (max-width: 768px) {
  .content-block .video-grid-3 {
    grid-template-columns: 1fr; /* Stack vertically on mobile */
    gap: 15px;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .content-block .video-grid-3 {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet */
  }
}

/* Animating */
.my-mfp-zoom-in {
  /* In */
  /* Out */
}
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
  opacity: 0.001;
  /* Chrome opacity transition bug */
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.85;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px auto;
  border-radius: 4px;
  max-height: 90vh !important;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure::after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 18px rgba(11, 11, 11, 0.6);
}

.mfp-bottom-bar {
  margin-top: -30px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure::after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  /* The shadow behind the image */
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.92;
  background-color: #111;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Feedback Yes No */
.feedback-yes-no {
  margin-bottom: 15px;
}
.feedback-yes-no strong {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: block;
}
.feedback-yes-no .radio {
  margin-right: 15px;
}
.feedback-yes-no .leave-rating {
  transform: scale(1.1);
  margin: 3px 0 10px 3px;
}

/* ---------------------------------- */
/* Popup tabs
------------------------------------- */
.popup-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  height: 62px;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #e0e0e0;
}
.popup-tabs-nav li {
  float: left;
  line-height: 62px;
  height: 62px;
  padding: 0;
  margin-right: 0;
  position: relative;
}
.popup-tabs-nav li:first-child a {
  border-radius: 4px 0 0 0;
}
.popup-tabs-nav li a {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.popup-tab-reviews {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.popup-tabs-nav li a {
  border: none;
  color: #777;
  display: inline-block;
  outline: none;
  padding: 0;
  text-decoration: none;
  font-size: 16px;
  z-index: 10;
  position: relative;
  height: 100%;
  padding: 0 30px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  transition: all 0.3s, font-weight 0s;
  border-right: 1px solid #e0e0e0;
}
.popup-tabs-nav li.active {
  background-color: #fff;
  position: relative;
}
.popup-tabs-nav li a:hover {
  background-color: #f3f3f3;
  height: calc(100% - 1px);
  color: #333;
}
.popup-tabs-nav li:last-child a:hover {
  border-right: 1px solid #e0e0e0;
}
.popup-tabs-nav li.active {
  background-color: #fff;
}
.popup-tabs-nav li.active a {
  color: var(--clientcolor);
  font-weight: 600;
}
.popup-tabs-nav li.active a:hover {
  background-color: #fff;
}
.popup-tabs-nav li.active::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 111;
}
.popup-tabs-nav li:first-child.active {
  border-left: none;
  border-radius: 4px 0 0 0;
}

.popup-tab-content {
  padding: 50px 35px;
  position: relative;
  z-index: 10;
  display: block;
  width: auto;
}

.popup-tabs-container {
  overflow: hidden;
  width: 100%;
}

.popup-tab-content p:last-child {
  margin-bottom: 0;
}

.dialog-with-tabs.overlay-dialog {
  padding: 0;
  color: #666;
  max-width: 800px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}

/* Close Button Adjustments */
.overlay-dialog.dialog-with-tabs .mfp-close {
  color: #888;
  background-color: #f8f8f8;
  border-left: 1px solid #e0e0e0;
  border-radius: 0 4px 0 0;
  top: 0;
  right: 0;
  width: 62px;
  height: 61px;
}

.overlay-dialog.dialog-with-tabs .mfp-close:hover {
  color: #333;
  background-color: #f2f2f2;
}

.dialog-with-tabs {
  /* Chrome autocomplete highlight reset */
  /* Forgot Password Link */
  /* Submit Button Adjustments */
}
.dialog-with-tabs .mfp-close::before {
  font-size: 24px;
}
.dialog-with-tabs input {
  margin-bottom: 22px;
}
.dialog-with-tabs input:-webkit-autofill,
.dialog-with-tabs input:focus:-webkit-autofill {
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: inset 0 0 0 9999px white, 0 1px 4px rgba(0, 0, 0, 0.07);
}
.dialog-with-tabs .forgot-password {
  font-size: 14px;
  color: #888;
  margin-top: -12px;
  display: block;
}
.dialog-with-tabs .forgot-password:hover {
  color: var(--clientcolor);
}
.dialog-with-tabs .button {
  height: 48px;
  width: 100% !important;
  margin-top: 25px;
  box-shadow: 0 4px 12px rgba(239, 73, 68, 0.15);
}

/* Welcome Text */
.welcome-text {
  display: block;
  text-align: center;
  color: #808080;
  margin-bottom: 33px;
}
.welcome-text h3 {
  display: block;
  font-weight: 700;
  color: #333;
  font-size: 24px;
}
.welcome-text span {
  display: block;
  margin-top: 4px;
}
.welcome-text span a {
  font-weight: 500;
}

/* Social Login Separator */
.social-login-separator {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
  margin: 38px 0 15px 0;
  height: 1px;
}
.social-login-separator::before {
  width: 100%;
  content: '';
  height: 1px;
  display: block;
  background-color: #e0e0e0;
  position: absolute;
  top: 0;
}
.social-login-separator span {
  background-color: #fff;
  top: 0;
  position: absolute;
  line-height: 10px;
  top: -5px;
  margin-left: -15px;
  padding: 0 10px;
  color: #808080;
}

/* Social Login Buttons */
.social-login-buttons {
  display: flex;
  width: calc(100% + 20px);
}
.social-login-buttons button {
  flex: 1;
  text-align: center;
  border: 1px solid #333;
  color: #333;
  border-radius: 4px;
  margin-top: 10px;
  margin-right: 20px;
  font-size: 14px;
  padding: 9px 5px;
  max-width: 50%;
  transition: 0.3s;
}
.social-login-buttons button:hover {
  background-color: #333;
  color: #fff;
}
.social-login-buttons button i {
  position: relative;
  top: 1px;
  margin-right: 7px;
  font-size: 15px;
}
.social-login-buttons .facebook-login {
  border-color: #3b5998;
  color: #3b5998;
}
.social-login-buttons .facebook-login:hover {
  background-color: #3b5998;
  color: #fff;
}
.social-login-buttons .google-login {
  border-color: #dd4b39;
  color: #dd4b39;
}
.social-login-buttons .google-login:hover {
  background-color: #dd4b39;
  color: #fff;
}

@media (max-width: 768px) {
  .social-login-separator {
    margin-bottom: 25px;
  }

  .social-login-buttons {
    width: 100%;
    display: block;
    max-width: 100%;
  }
  .social-login-buttons a {
    width: 100%;
    display: block;
    max-width: 100%;
  }

  .popup-tab-content {
    padding: 25px 15px;
  }

  .popup-tabs-nav li.active a {
    padding: 0 !important;
    border: none !important;
  }
}
/* Account Type */
.account-type {
  display: flex;
  width: calc(100% + 20px);
  margin: 0 0 20px 0;
}
.account-type div {
  flex: 1;
  margin-right: 20px;
}
.account-type label {
  border-radius: 3px;
  border: none;
  background-color: #f2f2f2;
  width: 100%;
}
.account-type input.account-type-radio:empty {
  display: none;
}
.account-type label i {
  position: relative;
  font-size: 18px;
  top: 2px;
  margin-right: 2px;
}
.account-type input.account-type-radio:empty ~ label {
  position: relative;
  float: left;
  padding: 10px;
  text-align: center;
  padding-bottom: 11px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  color: #888;
  transition: 0.4s;
  height: 48px;
  line-height: 28px;
  overflow: hidden;
}
.account-type input.account-type-radio ~ label:hover {
  color: #289c41;
  background-color: #e4f6e9;
}
.account-type input.account-type-radio:checked ~ label {
  color: #fff;
  background-color: #47bb67;
}
.account-type input.account-type-radio:empty ~ label::after,
.account-type input.account-type-radio:empty ~ label::before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 48px;
  border-radius: 4px;
  font-size: 22px;
  background: transparent;
  z-index: 100;
  opacity: 0;
}
.account-type .ripple-effect-dark span.ripple-overlay {
  animation: ripple 1.2s;
  opacity: 0.03;
}

/* hide input */
/* style label */
/* Standard syntax */
@keyframes typeCheck {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes typeBG {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Popups Media Queries */
@media (max-width: 480px) {
  .popup-tabs-nav {
    padding-top: 50px;
    height: 50px;
  }

  .mfp-container {
    padding: 0 10px;
  }

  .popup-tabs-nav li {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .popup-tabs-nav li:first-child {
    border-top: 1px solid #e0e0e0;
  }
  .popup-tabs-nav li a {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .popup-tabs-nav li a:hover {
    background-color: transparent;
  }

  .overlay-dialog.dialog-with-tabs .mfp-close {
    height: 50px;
    width: 50px;
  }

  .account-type {
    flex-direction: column;
  }

  .social-login-buttons {
    flex-direction: column;
  }
  .social-login-buttons button {
    max-width: 100%;
    width: 100%;
    flex: auto;
  }

  .uploadButton {
    flex-direction: column;
  }
  .uploadButton .uploadButton-file-name {
    padding: 0;
    margin: 15px 0 0 0;
  }
}
.company-subheader .company-website-button {
  background-color: #66676b;
  top: 0;
  padding: 10px 24px;
  line-height: 24px;
  color: #fff;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  border: none;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15);
  text-decoration: none;
  margin-right: 30px;
}
.company-subheader .container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  justify-content: flex-end;
}
.company-subheader ul.company-social-links {
  display: flex;
}
.company-subheader li.social-link {
  display: flex;
  margin-left: 10px;
}
.company-subheader li.social-link .social-icon {
  width: 30px;
  border-radius: 25px;
  opacity: 0.8;
}
.company-subheader li.social-link .social-icon:hover {
  opacity: 1;
}

.company-header {
  background-color: #f7f7f7;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
  margin-bottom: 100px;
  position: relative;
}
.company-header::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 15;
  background: linear-gradient(
    to right,
    #f7f7f7 40%,
    rgba(247, 247, 247, 0.5) 100%
  );
  z-index: 5;
}
.company-header .company-header-container {
  position: relative;
  z-index: 10;
}
.company-header .company-header-content {
  flex: 1;
  display: flex;
  align-items: center;
}
.company-header .company-logo {
  width: 150px;
  height: 150px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.company-header .company-logo .company-logo-image {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.company-header .company-logo img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.company-header .company-name {
  margin-left: 45px;
}
.company-header .company-name img.flag {
  height: 16px;
  border-radius: 3px;
  position: relative;
  top: 1px;
  display: inline-block;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  cursor: default;
}
.company-header + .jobs-list-wrapper {
  padding-bottom: 100px;
}

.jobdetail-wrapper .company-header,
.successful-application-wrapper .company-header {
  margin-bottom: 0;
  padding: 70px 0;
}
.jobdetail-wrapper .company-header .company-logo,
.successful-application-wrapper .company-header .company-logo {
  width: 120px;
  height: 120px;
  padding: 15px;
}
.jobdetail-wrapper .company-header .company-name,
.successful-application-wrapper .company-header .company-name {
  margin-left: 45px;
}
.jobdetail-wrapper .company-header .company-name h1,
.successful-application-wrapper .company-header .company-name h1 {
  font-size: 40px;
}
.jobdetail-wrapper .company-header .company-name h3,
.successful-application-wrapper .company-header .company-name h3 {
  font-size: 20px;
}
.jobdetail-wrapper .company-header .company-name h4,
.successful-application-wrapper .company-header .company-name h4 {
  font-size: 16px;
}
.jobdetail-wrapper .company-header .company-name img.flag,
.successful-application-wrapper .company-header .company-name img.flag {
  height: 13px;
}

.apply-subtitle {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 13px;
  margin-top: 5px;
}

@media all and (max-width: 1200px) {
  .company-header .company-logo {
    width: 150px;
    height: 150px;
    padding: 20px;
  }
  .company-header .company-name h1 {
    font-size: 38px;
  }
  .company-header .company-name h3 {
    font-size: 20px;
  }
  .company-header .company-name h4 {
    font-size: 16px;
  }
  .company-header .company-name h4 .flag {
    height: 14px;
  }

  .jobdetail-wrapper .company-header .company-name h1 {
    font-size: 40px;
  }
}
@media all and (max-width: 1000px) {
  .company-header {
    padding: 60px 0;
    margin-bottom: 60px;
  }
  .company-header .company-logo {
    width: 120px;
    height: 120px;
    padding: 15px;
  }
  .company-header .company-name h1 {
    font-size: 34px;
  }
  .company-header .company-name h3 {
    font-size: 18px;
  }
  .company-header .company-name h4 {
    font-size: 16px;
  }
  .company-header .company-name h4 .flag {
    height: 14px;
  }

  .jobdetail-wrapper .company-header .company-name h1 {
    font-size: 34px;
  }
}
@media all and (max-width: 800px) {
  .jobdetail-wrapper .company-header,
  .company-home-wrap .company-header,
  .successful-application-wrapper .company-header {
    padding: 60px 0;
    margin-bottom: 60px;
    background-size: cover;
    background-position: center center;
  }
  .jobdetail-wrapper .company-header::before,
  .company-home-wrap .company-header::before,
  .successful-application-wrapper .company-header::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 15;
    background: rgba(247, 247, 247, 0.85);
    z-index: 5;
  }
  .jobdetail-wrapper .company-header .company-name h1,
  .company-home-wrap .company-header .company-name h1,
  .successful-application-wrapper .company-header .company-name h1 {
    font-size: 30px;
  }
}
@media all and (max-width: 700px) {
  .jobdetail-wrapper .company-header .company-name h1,
  .company-home-wrap .company-header .company-name h1,
  .successful-application-wrapper .company-header .company-name h1 {
    font-size: 25px;
  }
  .jobdetail-wrapper .company-header .company-logo,
  .company-home-wrap .company-header .company-logo,
  .successful-application-wrapper .company-header .company-logo {
    width: 100px;
    height: 100px;
    padding: 15px;
  }
  .jobdetail-wrapper .company-header .company-name,
  .company-home-wrap .company-header .company-name,
  .successful-application-wrapper .company-header .company-name {
    margin-left: 20px;
  }
}
.company-insights-wrap .company-insights-images-gallery {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}
.company-insights-wrap .company-insights-images-gallery img {
  border-radius: 5px;
}

.gallery-wrap .gallery-images {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}
.gallery-wrap .gallery-images.image-full {
  grid-template-columns: repeat(1, 1fr) !important;
}
.gallery-wrap .gallery-images img {
  border-radius: 5px;
}
a.gallery-link {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
}

.gallery-wrap.force-columns-2 .gallery-images {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-wrap.force-columns-1 .gallery-images {
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 760px) {
  .gallery-wrap .gallery-images {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}

.jobs-list-wrapper .jobs-list-title {
  margin-bottom: 50px;
}
.jobs-list-wrapper .jobs-list,
.jobs-list-wrapper .jobs-list-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media all and (max-width: 700px) {
  .jobs-list-wrapper .jobs-list-title {
    margin-bottom: 40px;
    font-size: 26px;
  }
}
.jobs-list-with-sidebar .d-flex {
  justify-content: space-between;
}
.jobs-list-with-sidebar .jobs-list-wrapper {
  width: 680px;
}
.jobs-list-with-sidebar .company-sidebar {
  width: 420px;
  margin-top: 83px;
}
.jobs-list-with-sidebar .company-sidebar h3 {
  margin-bottom: 30px;
}
.jobs-list-with-sidebar .company-sidebar .company-insights-images-gallery {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}
.jobs-list-with-sidebar
  .company-sidebar
  .company-insights-images-gallery
  .gallery-link
  img {
  border-radius: 4px;
}
.jobs-list-with-sidebar .company-insights-image {
  position: relative;
  margin-bottom: 15px;
}
.jobs-list-with-sidebar .company-insights-image > img {
  width: 100%;
}
.jobs-list-with-sidebar .company-insights-text {
  width: 100%;
  text-align: justify;
  line-height: 180%;
}

@media all and (max-width: 1200px) {
  .jobs-list-with-sidebar .jobs-list-wrapper {
    width: 580px;
  }
  .jobs-list-with-sidebar .company-sidebar {
    width: 360px;
  }
}
@media all and (max-width: 1000px) {
  .jobs-list-with-sidebar > .d-flex {
    flex-direction: column;
  }
  .jobs-list-with-sidebar .jobs-list-wrapper {
    width: 100%;
  }
  .jobs-list-with-sidebar .company-sidebar {
    width: 100%;
    margin-top: 50px;
  }
  .jobs-list-with-sidebar .company-sidebar h3 {
    font-size: 22px;
  }
}
@media all and (max-width: 700px) {
  .jobs-list-with-sidebar .company-sidebar {
    margin-top: 30px;
  }
  .jobs-list-with-sidebar .company-sidebar h3 {
    font-size: 20px;
  }
}
.job-item {
  border: 1px solid #d9dade;
  border-radius: 8px;
  padding: 25px 30px;
  margin-bottom: 50px;
}
.job-item .job-item-details {
  flex-grow: 1;
}
.job-item .job-item-details i {
  opacity: 0.5;
}
.job-item .job-item-details p {
  margin-bottom: 0;
}
.job-item .job-item-details .job-title a {
  color: black;
  text-decoration: none;
}
.job-item .job-item-details .job-title a:hover {
  text-decoration: underline;
}
.job-item .job-item-actions {
  align-items: center;
  justify-content: center;
  align-self: center;
}
.job-item .job-item-actions a {
  min-width: 100px;
}
.job-item .job-location {
  min-width: 130px;
  margin-right: 15px;
}

@media all and (max-width: 1200px) {
  .job-item-details .job-title a {
    font-size: 20px;
    line-height: 150%;
  }
}
@media all and (max-width: 700px) {
  .job-item {
    padding: 20px;
    margin-bottom: 30px;
  }

  .job-item-details .job-title a {
    font-size: 20px;
    line-height: 150%;
  }
}
.job-application-wrap {
  padding: 0;
}
.job-application-wrap .breadcrumbs {
  font-weight: bold;
}
.job-application-wrap .breadcrumbs ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #ececec;
}
.job-application-wrap .breadcrumbs ul li {
  display: inline-block;
}
.job-application-wrap .breadcrumbs ul li a {
  color: var(--clientcolor);
  text-decoration: none;
}
.job-application-wrap .breadcrumbs ul li a:hover {
  text-decoration: underline;
}
.job-application-wrap .content-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.job-application-wrap .job-application-content {
  width: 500px;
  padding-right: 25px;
  border-right: 1px solid #ececec;
  max-height: 100vh;
  overflow: scroll;
}
.job-application-wrap .job-application-content h1.job-title {
  margin-bottom: 0;
  margin-top: 0;
  transform: translateY(-120%);
}
.job-application-wrap .job-application-content h1.job-title span {
  font-size: 20px;
}
.job-application-wrap .job-application-content h4 {
  margin-top: 30px;
}
.job-application-wrap .job-application-content ul {
  padding-inline-start: 15px;
  margin-block-start: 1em;
}
.job-application-wrap .job-application-content ul li {
  list-style: disc;
  margin-block-start: 0.5em;
}
.job-application-wrap .job-application-content section {
  margin-bottom: 30px;
}
.job-application-wrap .job-application-sidebar {
  width: 700px;
  padding-left: 25px;
  position: sticky;
  top: 20px;
  margin-bottom: 50px;
}
.job-application-wrap .job-application-form {
  padding: 30px;
  background: #f8f9fa;
  border: 1px solid #d0d4da30;
  border-radius: 4px;
}
.job-application-wrap .job-application .field-wrap .input-with-icon-left {
  position: relative;
}
.job-application-wrap .job-application .field-wrap .input-with-icon-left i {
  position: absolute;
  bottom: 0;
  color: #a0a0a0;
  text-align: center;
  line-height: 48px;
  width: 48px;
  height: 48px;
  font-size: 19px;
  background-color: #f8f8f8;
  border: 1px solid #d0d4da;
  box-sizing: border-box;
  display: block;
  border-radius: 4px 0 0 4px;
}
.job-application-wrap .job-application .field-wrap .input-with-icon-left input {
  padding-left: 65px;
  height: 48px;
  line-height: 48px;
  outline: none;
  font-size: 16px;
  color: #333;
  margin: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  font-weight: 500;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #d0d4da;
  box-shadow: none;
}
.job-application-wrap .job-application .field-wrap textarea {
  height: auto;
  line-height: 27px;
  padding: 10px;
  min-height: 240px;
  transition: none !important;
  min-width: 100%;
  border: 1px solid #d0d4da;
  box-shadow: none;
  border-radius: 4px;
  outline: none;
}
.job-application-wrap .job-application .field-wrap label {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.job-application-wrap .job-application .uploads-header {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.job-application-wrap .job-application .field-wrap.file-uploader label {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 44px;
  padding: 10px 18px;
  cursor: pointer;
  border-radius: 4px;
  color: #66676b;
  background-color: transparent;
  border: 1px solid #66676b;
  flex-direction: row;
  transition: 0.3s;
  margin: 0;
  outline: none;
  /* box-shadow: 0 3px 10px rgba(102, 103, 107, 0.1);
  color: #2a73ff;
  background-color: rgba(42, 115, 255, 0.1);
  border: 1px solid rgba(42, 115, 255, 0.3); */
}
.job-application-wrap .job-application .field-wrap.file-uploader input {
  padding: 10px 0;
}
.job-application-wrap .job-application .field-wrap .privacy-wrap {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.job-application-wrap .job-application .field-wrap .privacy-wrap .privacy-text {
  margin-left: 10px;
}
.job-application-wrap .job-application .name-wrap {
  display: flex;
}
.job-application-wrap .job-application .name-wrap .field-wrap {
  flex: 1 1 0%;
}
.job-application-wrap .job-application .name-wrap .firstname {
  margin-right: 15px;
}
.job-application-wrap .job-application .name-wrap .lastname {
  margin-left: 15px;
}
.job-application-wrap .job-application .submit-application-button {
  background: var(--clientcolor);
  border: 2px solid var(--clientcolor);
  padding: 20px 15px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  letter-spacing: 0.3px;
  display: block;
  width: 100%;
  font-size: 16px;
  margin-top: 20px;
  outline: none;
}
.job-application-wrap .job-apply-button {
  margin-top: 20px;
}
.job-application-wrap .job-apply-button a {
  display: block;
  padding: 10px;
}
.job-application-wrap .job-apply-button a i {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.job-application-wrap .job-ad-content {
  max-width: 100%;
  margin: auto;
}
.job-application-wrap .job-ad-image {
  position: relative;
  z-index: 10;
  margin: 0;
}
.job-application-wrap .job-ad-image img {
  display: block;
  width: 100%;
  height: auto;
}
.job-application-wrap .job-title {
  position: relative;
  display: block;
  z-index: 20;
  margin-top: -140px;
  margin-bottom: 100px;
  text-align: center;
}
.job-application-wrap .job-title .job-title-inner {
  display: inline-block;
  background: #fff;
  padding: 12px 16px;
}

@media all and (max-width: 1000px) {
  .job-application-wrap .content-wrapper {
    flex-direction: column;
  }

  .job-application-wrap .job-application-content {
    width: 100%;
    order: 2;
    max-height: none;
    padding: 0;
    border: 0;
    margin-top: 50px;
  }

  .job-application-wrap .job-application-sidebar {
    width: 100%;
    order: 1;
    position: relative;
    padding: 0;
    border: 0;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 800px) {
  .job-application-wrap .job-application .name-wrap {
    flex-direction: column;
  }

  .job-application-wrap .job-application .name-wrap .firstname {
    margin-right: 0;
  }

  .job-application-wrap .job-application .name-wrap .lastname {
    margin-left: 0;
  }

  .job-application-wrap .job-application-form h2 {
    text-align: center;
  }
}
@media all and (max-width: 700px) {
  .job-application-wrap .job-application-form {
    padding: 30px 20px;
  }
}
@media all and (max-width: 600px) {
  .job-application-wrap .job-application-form {
    padding: 30px 10px;
  }

  .job-application-wrap
    .job-application
    .uploads-header
    .uploads-allowed-files {
    font-size: 12px;
  }
}
.job-detail {
  padding: 0;
}
.job-detail .breadcrumbs {
  font-weight: bold;
}
.job-detail .breadcrumbs ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #efefef80;
}
.job-detail .breadcrumbs ul li {
  display: inline-block;
}
.job-detail .breadcrumbs ul li a {
  color: var(--clientcolor);
  text-decoration: none;
}
.job-detail .breadcrumbs ul li a:hover {
  text-decoration: underline;
}
.job-detail .content-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.job-detail .content-wrapper .job-ad-content {
  width: 850px;
  padding-right: 25px;
  border-right: 1px solid #efefef80;
}
.job-detail .content-wrapper .job-ad-content h4 {
  margin-top: 30px;
}
.job-detail .content-wrapper .job-ad-content ul {
  padding-inline-start: 15px;
  margin-block-start: 1em;
}
.job-detail .content-wrapper .job-ad-content ul li {
  list-style: disc;
  margin-block-start: 0.5em;
}
.job-detail .content-wrapper .job-ad-content section {
  margin-bottom: 30px;
}
.job-detail .content-wrapper .job-ad-content .job-hard-facts.hide-on-large {
  background: #f8f9fa;
  padding: 30px;
  border-radius: 5px;
}
.job-detail .content-wrapper .job-ad-content .job-hard-facts.hide-on-large ul {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding: 0;
}
.job-detail .content-wrapper .job-ad-content .job-hard-facts.hide-on-large li {
  position: relative;
  display: block;
  font-size: 16px;
  padding-left: 38px;
  margin-bottom: 25px;
}
.job-detail
  .content-wrapper
  .job-ad-content
  .job-hard-facts.hide-on-large
  li
  i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: var(--clientcolor);
}
.job-detail
  .content-wrapper
  .job-ad-content
  .job-hard-facts.hide-on-large
  li
  span {
  font-weight: 600;
  color: #333;
  margin: 0;
  padding: 0;
  display: block;
}
.job-detail
  .content-wrapper
  .job-ad-content
  .job-hard-facts.hide-on-large
  li
  h5 {
  font-weight: 500;
  color: #666;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
}
.job-detail .content-wrapper .job-ad-content .application-button-bottom {
  text-align: center;
  background: #f8f9fa;
  padding: 20px;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.job-detail
  .content-wrapper
  .job-ad-content
  .application-button-bottom
  .job-apply-button
  a {
  background: var(--clientcolor);
  border: 2px solid var(--clientcolor);
  padding: 15px 45px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  letter-spacing: 0.3px;
  min-width: 250px;
}
.job-detail .content-wrapper .job-ad-content .company-info-bottom-wrap {
  padding-top: 30px;
  border-top: 1px solid #efefef80;
  margin-top: 30px;
  margin-bottom: 50px;
}
.job-detail
  .content-wrapper
  .job-ad-content
  .company-info-bottom-wrap
  .company-info-bottom {
  padding: 50px;
  background: #f8f9fa;
  border-radius: 5px;
}
.job-detail
  .content-wrapper
  .job-ad-content
  .company-info-bottom-wrap
  .company-info-bottom
  h3 {
  margin-bottom: 30px;
}
.job-detail .content-wrapper .job-ad-sidebar {
  width: 350px;
  padding-left: 25px;
  position: sticky;
  top: 20px;
}
.job-detail .content-wrapper .job-ad-sidebar .job-hard-facts.hide-on-small {
  background: #f8f9fa;
  padding: 30px;
  border-radius: 5px;
}
.job-detail .content-wrapper .job-ad-sidebar .job-hard-facts.hide-on-small li {
  position: relative;
  display: block;
  font-size: 16px;
  padding-left: 38px;
  margin-bottom: 25px;
}
.job-detail
  .content-wrapper
  .job-ad-sidebar
  .job-hard-facts.hide-on-small
  li
  i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: var(--clientcolor);
}
.job-detail
  .content-wrapper
  .job-ad-sidebar
  .job-hard-facts.hide-on-small
  li
  span {
  font-weight: 600;
  color: #333;
  margin: 0;
  padding: 0;
  display: block;
}
.job-detail
  .content-wrapper
  .job-ad-sidebar
  .job-hard-facts.hide-on-small
  li
  h5 {
  font-weight: 500;
  color: #666;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
}
.job-detail .content-wrapper .job-ad-sidebar .job-apply-button {
  margin-top: 20px;
}
.job-detail .content-wrapper .job-ad-sidebar .job-apply-button a {
  display: block;
  padding: 10px;
}
.job-detail .content-wrapper .job-ad-sidebar .job-apply-button a i {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.job-detail .job-ad-content {
  max-width: 100%;
  margin: auto;
}
.job-detail .job-ad-image {
  position: relative;
  z-index: 10;
  margin: 0;
}
.job-detail .job-ad-image img {
  display: block;
  width: 100%;
  height: auto;
}
.job-detail .job-title {
  position: relative;
  display: block;
  z-index: 20;
  text-align: center;
}
.job-detail .job-title .job-title-inner {
  display: inline-block;
  background: #fff;
  padding: 12px 16px;
  font-size: 30px;
}
.job-detail .job-ad-image + .job-title {
  margin-top: -100px;
  margin-bottom: 100px;
  font-size: 38px;
}

@media all and (max-width: 1200px) {
  .job-detail .content-wrapper .job-ad-content {
    width: 750px;
  }
  .job-detail .content-wrapper .job-ad-sidebar {
    width: 250px;
  }
}
@media all and (max-width: 1000px) {
  .job-detail .content-wrapper {
    flex-direction: column;
  }
  .job-detail .content-wrapper .job-ad-content {
    width: 100%;
    padding-right: 0;
    border: 0;
  }
  .job-detail .content-wrapper .job-ad-sidebar {
    display: none;
  }
}
.successful-application-wrapper .job-application-response-wrapper {
  padding-top: 50px;
}
.successful-application-wrapper .job-application-response-inner {
  max-width: 600px;
  margin: auto;
}
.successful-application-wrapper .job-meta {
  margin-bottom: 20px;
}
.successful-application-wrapper .job-title {
  font-size: 20px;
}
.successful-application-wrapper .application-success-message,
.successful-application-wrapper .application-error-message {
  background: rgba(0, 128, 0, 0.06);
  border: 1px solid rgba(0, 128, 0, 0.31);
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.successful-application-wrapper .application-error-message {
  background: rgba(128, 0, 0, 0.06);
  border: 1px solid rgba(128, 0, 0, 0.31);
}

.landing-page .landing-page-content-wrapper {
  margin-top: 50px;
  padding-bottom: 50px;
  display: flex;
}
.landing-page .landing-page-content {
  flex-grow: 1;
  width: 70%;
  margin-right: 30px;
}
.landing-page .landing-page-sidebar-wrapper {
  width: 35%;
  order: 2;
}
.landing-page .job-application-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .landing-page .landing-page-content {
    width: 65%;
  }
  .landing-page .landing-page-sidebar-wrapper {
    width: 35%;
  }
}
@media screen and (max-width: 1000px) {
  .landing-page .landing-page-content {
    width: 62%;
  }
  .landing-page .landing-page-sidebar-wrapper {
    width: 38%;
  }
}
@media screen and (max-width: 760px) {
  .landing-page .landing-page-content-wrapper {
    flex-direction: column;
    margin-top: 30px;
    padding-bottom: 150px;
  }
  .landing-page .landing-page-content {
    order: 2;
    margin-right: 0;
    width: auto;
  }
  .landing-page .landing-page-sidebar-wrapper {
    order: 1;
    width: auto;
    margin-bottom: 30px;
  }
  .landing-page .job-application-wrap {
    margin-top: 30px;
  }
  .landing-page .job-application-response-wrapper {
    padding-top: 30px;
  }
}

.landing-page-header a {
  text-decoration: none;
}
.landing-page-header .landing-page-header-content {
  padding: 50px 0 45px;
  border-bottom: 1px solid #dadada;
}
.landing-page-header .company-logo {
  width: 130px;
  height: 130px;
  margin-right: 40px;
}
.landing-page-header .company-logo .company-logo-image {
  border: 1px solid #dadada;
  border-radius: 2px;
}
.landing-page-header .job-details {
  flex-grow: 1;
}
.landing-page-header .job-details .company-name {
  font-size: 16px;
  margin-bottom: 24px;
  font-weight: 500;
  word-break: break-word;
}
.landing-page-header .job-details .job-title {
  font-weight: 600;
  font-size: 32px;
  margin: 0;
  word-break: break-word;
}
.landing-page-header .job-details .job-title span.job-subtitle {
  font-size: 22px;
  margin-top: 10px;
  display: block;
  line-height: 150%;
  word-break: break-word;
}
.landing-page-header .job-meta-infos {
  margin-top: 24px;
}
.landing-page-header .job-meta-infos ul,
.landing-page-header .job-meta-infos li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-page-header .job-meta-infos ul {
  display: flex;
}
.landing-page-header .job-meta-infos ul li {
  display: inline-block;
  margin-right: 50px;
  font-weight: 500;
}
.landing-page-header .job-meta-separator {
  width: 50px;
  border: none;
  outline: none;
  margin: 8px 0;
  border-bottom: 1px solid #dadada;
}
@media screen and (max-width: 1200px) {
  .landing-page-header .company-logo {
    margin-right: 20px;
  }
  .landing-page-header .job-meta-infos ul li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 760px) {
  .landing-page-header .landing-page-header-content {
    flex-direction: column !important;
    padding: 20px 0;
  }
  .landing-page-header .company-logo {
    width: 76px;
    height: 76px;
  }
  .landing-page-header .job-details {
    margin-top: 20px;
  }
  .landing-page-header .job-meta-infos {
    margin-top: 15px;
  }
  .landing-page-header .job-meta-infos ul {
    display: block;
  }
  .landing-page-header .job-meta-infos ul li {
    display: block;
    margin: 0;
    margin-top: 5px;
  }
}

.landing-page-sidebar {
  border-radius: 3px;
  border: 1px solid #dadada;
  padding: 15px;
}
.landing-page-sidebar a {
  text-decoration: none;
}
@media screen and (min-height: 600px) {
  .landing-page-sidebar {
    position: sticky;
    top: 50px;
  }
}
@media screen and (max-width: 760px) {
  .landing-page-sidebar {
    position: static !important;
    top: auto !important;
  }
}
.landing-page-sidebar .company-details {
  display: flex;
  margin-bottom: 15px;
}
.landing-page-sidebar .company-logo {
  width: 48px;
  height: 48px;
  margin-right: 15px;
}
.landing-page-sidebar .company-logo-image {
  border-radius: 100%;
  overflow: hidden;
}
.landing-page-sidebar .contact-person-headline {
  font-size: 12px;
  color: #9b9b9b;
  padding-top: 5px;
  font-weight: 400;
}
.landing-page-sidebar .contact-person {
  font-size: 18px;
  font-weight: 600;
}
.landing-page-sidebar .application-button {
  margin: 15px 0;
}
.landing-page-sidebar .application-button .submit-application-button {
  display: block;
}
.landing-page-sidebar .job-details-apply-link {
  margin-top: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.landing-page-sidebar .text-separator {
  margin: 15px 0;
  position: relative;
  text-align: center;
  font-weight: 600;
}
.landing-page-sidebar .text-separator .text {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 10px;
  font-size: 14px;
}
.landing-page-sidebar .text-separator::after {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  width: 100%;
  border-bottom: 1px solid #dadada;
}
.landing-page-sidebar .tiny-notice {
  margin: 15px 0 25px;
  text-align: center;
}
.landing-page-sidebar .tiny-notice small {
  font-size: 13px;
  color: #000;
}
.landing-page-sidebar .save-job-button-wrap {
  margin-top: 20px;
}
.landing-page-sidebar .fileuploader-input-button {
  width: auto !important;
  display: block;
  text-align: center;
}
@media screen and (max-width: 760px) {
  .landing-page-sidebar .apply-buttons-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0 0 16px;
    padding: 15px;
    display: flex;
    flex-direction: column;
  }
  .landing-page-sidebar .apply-buttons-wrapper .application-button {
    margin: 0;
    order: 2;
  }
  .landing-page-sidebar .apply-buttons-wrapper .job-details-apply-link {
    margin: 0;
    margin-bottom: 8px;
    order: 1;
    font-size: 14px;
  }
  .landing-page-sidebar .text-separator {
    display: none !important;
  }
}

.landing-page-content .content-block {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #dadada;
}
.landing-page-content .content-block:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.landing-page-content .content-block h2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 25px;
}
.landing-page-content .content-block p {
  margin-bottom: 1.5em;
}
.landing-page-content .content-block .iframe-wrap {
  position: relative;
  padding-bottom: 56.25%;
}
.landing-page-content .content-block iframe {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 760px) {
  .landing-page-content .content-block {
    margin-top: 20px;
    padding-top: 20px;
  }
}

#apply-later-overlay .form-field {
  display: block;
  margin-top: 10px;
}
#apply-later-overlay .form-field:first-child {
  margin-top: 0;
}
#apply-later-overlay form {
  margin-top: -20px;
}
#apply-later-overlay form label {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}
#apply-later-overlay form input {
  padding: 12px 15px;
  font-size: 16px;
  border: 1px solid #dadada;
  border-radius: 4px;
  width: 100%;
  display: block;
}
#apply-later-overlay form button,
#apply-later-overlay form input[type='submit'] {
  background: var(--clientcolor);
  border: 2px solid var(--clientcolor);
  padding: 15px 45px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  letter-spacing: 0.3px;
  min-width: 250px;
  width: 100%;
  display: block;
}
#apply-later-overlay .success-message {
  margin-top: 15px;
  font-size: 16px;
  color: var(--clientcolor);
  font-weight: bold;
}

/* List Styles */

ul.list-style-new {
  list-style: none;
  margin-block-start: 0 !important;
  padding-inline-start: 0px;
  margin-left: 0px;
}
.list-style-new li {
  list-style: none;
  line-height: 25px;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 7px;
  margin-left: 25px;
}

.list-style-new li i {
  line-height: 25px !important;
  margin-right: 10px;
  font-family: 'Feather-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: -25px;
}
.landing-page.inverted-color-scheme .list-style-new li i {
  padding: 3px;
  border-radius: 30px;
}
.list-style-new.check li i:before {
  content: '\e92b';
}
.list-style-new.check-circle li i:before {
  content: '\e92c';
}
.list-style-new.arrow-right li i:before {
  content: '\e913';
}
/* .list-style-new.disc li i {
  transform: scale(0.8);
} */
.list-style-new.check-circle li i {
  transform: scale(0.8);
}
.list-style-new.disc li i:before {
  content: '\e953';
}
.bold li i {
  font-weight: bold;
}