/* Using the mixin
.foo {
@include center(both);
}
.foo-parent {
position: relative;
}
*/
@font-face {
  font-family: "Work Sans Medium";
  src: url("../fonts/WorkSans-Medium.woff2") format("woff2"), url("../fonts/WorkSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans SemiBold";
  src: url("../fonts/WorkSans-SemiBold.woff2") format("woff2"), url("../fonts/WorkSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Light";
  src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans Bold";
  src: url("../fonts/WorkSans-Bold.woff2") format("woff2"), url("../fonts/WorkSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Regular";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Bold";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Medium";
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.timelineOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 85, 57, 0.8);
  z-index: 10000;
  display: none;
}

.timelineEditBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 20000;
  background: #fff;
  width: 100%;
  max-width: 700px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  border-radius: 14px;
  padding: 24px;
  display: none;
}
.timelineEditBox * {
  color: #333;
}
.timelineEditBox h2, .timelineEditBox h3, .timelineEditBox h4, .timelineEditBox h5, .timelineEditBox a {
  color: #337761;
}

.contentOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 85, 57, 0.8);
  z-index: 10000;
  display: none;
}

.contentViewBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 20000;
  background: #fff;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  border-radius: 14px;
  padding: 32px;
  display: none;
}
.contentViewBox .closeContentPopup {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 32px;
  cursor: pointer;
  color: #337761;
  line-height: 1;
  font-weight: bold;
}
.contentViewBox .closeContentPopup:hover {
  color: #005539;
}
.contentViewBox #contentViewContainer h3 {
  font-size: 24px;
  color: #337761;
  margin-bottom: 8px;
  margin-top: 0;
}
.contentViewBox #contentViewContainer #contentViewDate {
  font-size: 14px;
  color: #666;
  margin-bottom: 24px;
  font-style: italic;
}
.contentViewBox #contentViewContainer #contentViewBody {
  color: #333;
  line-height: 1.6;
}
.contentViewBox #contentViewContainer #contentViewBody img {
  max-width: 100%;
  height: auto;
}

.project-timeline {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.project-timeline * {
  box-sizing: border-box;
}
.project-timeline .timelineContent {
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  /* Custom scrollbar styling */
  /* Firefox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #005539 #E5EEEB;
}
.project-timeline .timelineContent:active {
  cursor: grabbing;
}
.project-timeline .timelineContent::-webkit-scrollbar {
  height: 8px;
}
.project-timeline .timelineContent::-webkit-scrollbar-track {
  background: #E5EEEB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.project-timeline .timelineContent::-webkit-scrollbar-thumb {
  background: #005539;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.project-timeline .timelineContent::-webkit-scrollbar-thumb:hover {
  background: #003d28;
}
.project-timeline .preloaderBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: rgb(204, 221, 215);
  display: block;
}
.project-timeline .preloaderBox.hidden {
  display: none;
}
.project-timeline .preloaderBox .preloader {
  width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  --_g: no-repeat radial-gradient(farthest-side,#005539 94%,rgba(0, 85, 57, 0));
  background: var(--_g) 0 0, var(--_g) 100% 0, var(--_g) 100% 100%, var(--_g) 0 100%;
  background-size: 40% 40%;
  animation: l38 0.5s infinite;
}
@keyframes l38 {
  100% {
    background-position: 100% 0, 100% 100%, 0 100%, 0 0;
  }
}
.project-timeline .yearBar {
  min-width: 100%;
  position: relative;
  z-index: 1;
  background: #005539;
  overflow: hidden;
  position: relative;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 245px;
  padding-top: 15px;
}
.project-timeline .yearBar .year {
  font-size: 12px;
  color: #fff;
  font-family: "Roboto Medium";
  width: 304px;
  flex-shrink: 0;
  line-height: 1;
  padding-left: 0px;
}
.project-timeline .timelineBox {
  position: absolute;
  z-index: 3;
}
.project-timeline .timelineBox.placeholder.addEvent {
  background-image: url(../img/icon-add.svg) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
}
.project-timeline .timelineBox .inner {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  height: 113px;
  overflow: hidden;
  position: relative;
}
.project-timeline .timelineBox .inner .actions {
  position: absolute;
  top: 2px;
  right: 5px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.project-timeline .timelineBox .inner .actions .editEvent {
  width: 24px;
  height: 24px;
  background: #fff url(../img/icon-edit.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  margin-left: 3px;
  background-size: 80%;
}
.project-timeline .timelineBox .inner .actions .deleteEvent {
  width: 24px;
  height: 24px;
  background: #fff url(../img/icon-delete.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  margin-left: 3px;
  background-size: 70%;
}
.project-timeline .timelineBox.width1Q {
  width: 73px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width2Q {
  width: 149px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width3Q {
  width: 225px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width4Q {
  width: 301px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width5Q {
  width: 377px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width6Q {
  width: 453px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width7Q {
  width: 529px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width8Q {
  width: 605px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width9Q {
  width: 681px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width10Q {
  width: 757px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width11Q {
  width: 833px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width12Q {
  width: 909px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width13Q {
  width: 985px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width14Q {
  width: 1061px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width15Q {
  width: 1137px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width16Q {
  width: 1213px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width17Q {
  width: 1289px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width18Q {
  width: 1365px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width19Q {
  width: 1441px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width20Q {
  width: 1517px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width21Q {
  width: 1593px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width22Q {
  width: 1669px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width23Q {
  width: 1745px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width24Q {
  width: 1821px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width25Q {
  width: 1897px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width26Q {
  width: 1973px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width27Q {
  width: 2049px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width28Q {
  width: 2125px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width29Q {
  width: 2201px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width30Q {
  width: 2277px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width31Q {
  width: 2353px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width32Q {
  width: 2429px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width33Q {
  width: 2505px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width34Q {
  width: 2581px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width35Q {
  width: 2657px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width36Q {
  width: 2733px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width37Q {
  width: 2809px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width38Q {
  width: 2885px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width39Q {
  width: 2961px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox.width40Q {
  width: 3037px;
  margin-left: 3px;
  margin-right: 3px;
}
.project-timeline .timelineBox h5 {
  font-size: 10px;
  font-family: "Roboto Medium";
  line-height: 1;
  margin-bottom: 0px;
  margin-top: 1px;
}
.project-timeline .timelineBox .content {
  height: 60px;
  overflow: hidden;
  margin-bottom: 0;
}
.project-timeline .timelineBox .content h4 {
  font-size: 12px;
  font-family: "Roboto Medium";
  line-height: 1.2;
  padding: 5px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 6px 0 4px;
}
.project-timeline .timelineBox .content p, .project-timeline .timelineBox .content .description {
  font-size: 12px;
  font-family: "Roboto Regular";
  line-height: 1.2;
  color: #33413C;
  margin-bottom: 0;
  margin-top: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-timeline .timelineBox .moreBtn {
  font-size: 12px;
  font-family: "Roboto Regular";
  color: #337761;
  text-transform: none;
  background: url(../img/icon-arrow.svg) center right no-repeat;
  background-size: 12px;
  padding-right: 14px;
  display: inline-block;
}
.project-timeline .planningLevel {
  min-width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 64px;
  overflow-x: clip;
  min-height: 196px;
  background: #FFEDDD;
  padding-left: 245px;
}
.project-timeline .planningLevel .currentDate {
  position: absolute;
  z-index: 1;
  padding-top: 24px;
  height: 100%;
  top: 0; /* left set by JS */
}
.project-timeline .planningLevel .currentDate::after {
  width: 1px;
  border-left: 1px dashed #FF0E00;
  top: 30px;
  left: 0px;
  height: calc(100% - 30px);
  width: 1px;
  z-index: 1;
  content: "";
  position: absolute;
}
.project-timeline .planningLevel .currentDate .label {
  filter: drop-shadow(4px 4px 16px rgba(0, 85, 57, 0.1));
  position: relative;
  z-index: 2;
  background: #fff;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  font-size: 12px;
  color: #33413C;
  font-family: "Roboto Medium";
  line-height: 1;
  padding: 6px 8px 6px 15px;
}
.project-timeline .planningLevel .currentDate .label::before {
  background: url(../img/icon-today.svg) center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -9px;
}
.project-timeline .planningLevel .timelineBox .inner {
  border: 1px solid #FFDBBB;
}
.project-timeline .planningLevel .timelineBox.placeholder {
  background: #FFDBBB;
  border-color: #FFDBBB;
  opacity: 0.5;
  height: 113px;
}
.project-timeline .planningLevel .timelineBox.placeholder .inner {
  background: none;
}
.project-timeline .planningLevel .timelineBox h5 {
  color: #E29964;
}
.project-timeline .planningLevel .timelineBox h4 {
  background: #FFDBBB;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.project-timeline .milestoneForward {
  background: url(../img/arrowRight2.svg) center left no-repeat;
  width: 32px;
  height: 18px;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 10;
  cursor: pointer;
  margin-top: 29.5px;
}
.project-timeline .milestoneBack {
  background: url(../img/arrowLeft.svg) center left no-repeat;
  width: 32px;
  height: 18px;
  background-size: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 245px;
  z-index: 10;
  cursor: pointer;
  margin-top: 29.5px;
}
.project-timeline .milestones {
  min-width: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 18px;
  min-height: 320px;
  background: #E5EEEB;
  padding-left: 245px;
  overflow-x: clip;
}
.project-timeline .milestones::before {
  width: 100%;
  height: 2px;
  background: #005539;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  content: "";
}
.project-timeline .milestones .addMilestone {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 8;
  content: "";
  height: 20px;
  width: 100%;
  cursor: pointer;
}
.project-timeline .milestones .addMilestone .hover {
  background: url(../img/icon-add2.svg) center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: none;
}
.project-timeline .milestones .currentDate {
  position: absolute;
  z-index: 1;
  width: 1px;
  border-left: 1px dashed #FF0E00;
  height: 100%;
  top: 0;
  bottom: 0; /* left set by JS */
}
.project-timeline .milestones .timelineBox {
  position: absolute;
  overflow: visible;
}
.project-timeline .milestones .timelineBox .inner {
  border: 1px solid #CCDDD7;
}
.project-timeline .milestones .timelineBox::before {
  background: url(../img/bullet.svg) center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  z-index: 2;
}
.project-timeline .milestones .timelineBox:after {
  z-index: 1;
  content: "";
  width: 1px;
  height: 50%;
  border-left: 1px dashed #005539;
  position: absolute;
}
.project-timeline .milestones .timelineBox .inner {
  position: relative;
  z-index: 3;
}
.project-timeline .milestones .timelineBox.top {
  top: 19px;
}
.project-timeline .milestones .timelineBox.top::before {
  bottom: -38px;
  left: 0;
}
.project-timeline .milestones .timelineBox.top:after {
  left: 9px;
  bottom: -20px;
}
.project-timeline .milestones .timelineBox.bottom {
  bottom: 19px;
}
.project-timeline .milestones .timelineBox.bottom::before {
  top: -38px;
  left: 0;
}
.project-timeline .milestones .timelineBox.bottom:after {
  left: 9px;
  top: -24px;
}
.project-timeline .milestones .timelineBox h5 {
  color: #337761;
}
.project-timeline .milestones .timelineBox h4 {
  background: #E5EEEB;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.project-timeline .communicationLevel {
  min-width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 24px;
  padding-bottom: 34px;
  min-height: 156px;
  background: #CCDDD7;
  padding-left: 245px;
  overflow-x: clip;
}
.project-timeline .communicationLevel .currentDate {
  position: absolute;
  z-index: 1;
  width: 1px;
  border-left: 1px dashed #FF0E00;
  height: calc(100% - 14px);
  top: 0; /* left set by JS */
}
.project-timeline .communicationLevel .currentDate::after {
  width: 7px;
  height: 7px;
  content: "";
  background: #FF0E00;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  z-index: 2;
  bottom: 0;
  margin-left: -0.5px;
}
.project-timeline .communicationLevel .timelineBox .inner {
  border: 1px solid #99BBB0;
}
.project-timeline .communicationLevel .timelineBox.placeholder {
  background: #fff;
  border-color: #CCDDD7;
  opacity: 0.5;
}
.project-timeline .communicationLevel .timelineBox.placeholder .inner {
  background: none;
  height: 113px;
}
.project-timeline .communicationLevel .timelineBox h5 {
  color: #337761;
}
.project-timeline .communicationLevel .timelineBox h4 {
  background: #CCDDD7;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.project-timeline .timeLineTitle {
  width: 245px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 4;
  position: absolute;
}
.project-timeline .timeLineTitle .sectionTitle {
  padding: 32px 0 32px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-timeline .timeLineTitle .sectionTitle h3 {
  font-family: "Work Sans SemiBold";
  font-size: 16px;
  color: #00110B;
  line-height: 1;
}
.project-timeline .timeLineTitle .sectionTitle.year {
  background: #005539;
  height: 34px;
  padding: 0;
}
.project-timeline .timeLineTitle .sectionTitle.year .addEventGeneral {
  background: url(../img/icon-add-white.svg) 5px 50% no-repeat;
  background-size: 12px;
  padding-left: 20px;
  color: #fff !important;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  height: 24px;
  border: 1px solid white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 8px 5px 24px;
  margin: 6px 0 0 24px;
}
.project-timeline .timeLineTitle .sectionTitle.planning {
  background: #FFEDDD;
  height: 196px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.project-timeline .timeLineTitle .sectionTitle.milestone {
  background: #E5EEEB;
  height: 320px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.project-timeline .timeLineTitle .sectionTitle.communication {
  background: #CCDDD7;
  height: 156px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

/*# sourceMappingURL=frontend.css.map */