.flex {
  display: -webkit-flex;
  display: flex;
}
.flex > :nth-child(odd),
.flex > :nth-child(even) {
  min-width: 1%;
}
.flex > :nth-child(odd)[class*="flex-item-"],
.flex > :nth-child(even)[class*="flex-item-"] {
  -webkit-flex-basis: 1 1 auto;
  flex-basis: 1 1 auto;
}
.flex.justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex.justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.flex.justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex.justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex.wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}
.flex.grow > :nth-child(odd),
.flex.grow > :nth-child(even) {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.flex > :nth-child(odd):not(.pad-off),
.flex > :nth-child(even):not(.pad-off) {
  padding: 10px;
}
.flex.ypad-off > :nth-child(odd),
.flex.ypad-off > :nth-child(even) {
  padding-top: 0;
  padding-bottom: 0;
}
.flex.xpad-off > :nth-child(odd),
.flex.xpad-off > :nth-child(even) {
  padding-left: 0;
  padding-right: 0;
}
.flex.padcell > :nth-child(odd),
.flex.padcell > :nth-child(even) {
  padding: 1px;
}
.flex.padoff > :nth-child(odd),
.flex.padoff > :nth-child(even) {
  padding: 0px;
}
.flex.pad- > :nth-child(odd),
.flex.pad- > :nth-child(even) {
  padding: 5px;
}
.flex.ypad- > :nth-child(odd),
.flex.ypad- > :nth-child(even) {
  padding-top: 5px;
  padding-bottom: 5px;
}
.flex.xpad- > :nth-child(odd),
.flex.xpad- > :nth-child(even) {
  padding-left: 5px;
  padding-right: 5px;
}
.flex .align-self-center {
  align-self: center;
}
.flex .align-self-stretch {
  align-self: stretch;
}
.flex[class*="align-items-center"] {
  -webkit-align-items: center;
  align-items: center;
}
.flex[class*="align-items-top"] {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex[class*="align-items-end"] {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex[class*="align-items-stretch"] {
  align-items: stretch;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.row-reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.align-items-column {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-container {
  margin-left: -10px;
  margin-right: -10px;
}
.flex-container.padcell {
  margin-left: -1px;
  margin-right: -1px;
}
.xpospull {
  left: -10px;
  right: -10px;
}
.flex .flex-item--1,
.flex .flex--1 {
  width: 8.33333333%;
}
.flex .flex-item--2,
.flex .flex--2 {
  width: 16.66666667%;
}
.flex .flex-item--3,
.flex .flex--3 {
  width: 25%;
}
.flex .flex-item--4,
.flex .flex--4 {
  width: 33.33333333%;
}
.flex .flex-item--5,
.flex .flex--5 {
  width: 41.66666667%;
}
.flex .flex-item--6,
.flex .flex--6 {
  width: 50%;
}
.flex .flex-item--7,
.flex .flex--7 {
  width: 58.33333333%;
}
.flex .flex-item--8,
.flex .flex--8 {
  width: 66.66666667%;
}
.flex .flex-item--9,
.flex .flex--9 {
  width: 75%;
}
.flex .flex-item--10,
.flex .flex--10 {
  width: 83.33333333%;
}
.flex .flex-item--11,
.flex .flex--11 {
  width: 91.66666667%;
}
.flex .flex-item--12,
.flex .flex--12 {
  width: 100%;
}
.flex .flex-item-5,
.flex .flex-5 {
  width: 5%;
}
.flex .flex-item-10,
.flex .flex-10 {
  width: 10%;
}
.flex .flex-item-15,
.flex .flex-15 {
  width: 15%;
}
.flex .flex-item-20,
.flex .flex-20 {
  width: 20%;
}
.flex .flex-item-25,
.flex .flex-25 {
  width: 25%;
}
.flex .flex-item-30,
.flex .flex-30 {
  width: 30%;
}
.flex .flex-item-35,
.flex .flex-35 {
  width: 35%;
}
.flex .flex-item-33,
.flex .flex-33 {
  width: 33%;
}
.flex .flex-item-40,
.flex .flex-40 {
  width: 40%;
}
.flex .flex-item-45,
.flex .flex-45 {
  width: 45%;
}
.flex .flex-item-50,
.flex .flex-50 {
  width: 50%;
}
.flex .flex-item-55,
.flex .flex-55 {
  width: 55%;
}
.flex .flex-item-60,
.flex .flex-60 {
  width: 60%;
}
.flex .flex-item-65,
.flex .flex-65 {
  width: 65%;
}
.flex .flex-item-70,
.flex .flex-70 {
  width: 70%;
}
.flex .flex-item-75,
.flex .flex-75 {
  width: 75%;
}
.flex .flex-item-80,
.flex .flex-80 {
  width: 80%;
}
.flex .flex-item-90,
.flex .flex-90 {
  width: 90%;
}
.flex .flex-item-95,
.flex .flex-95 {
  width: 95%;
}
.flex .flex-item-100,
.flex .flex-100 {
  width: 100%;
}
@media (max-width: 1170px) and (min-width: 1170px) {
  .flex .lg--1 {
    width: 8.33333333%;
  }
  .flex .lg--2 {
    width: 16.66666667%;
  }
  .flex .lg--3 {
    width: 25%;
  }
  .flex .lg--4 {
    width: 33.33333333%;
  }
  .flex .lg--5 {
    width: 41.66666667%;
  }
  .flex .lg--6 {
    width: 50%;
  }
  .flex .lg--7 {
    width: 58.33333333%;
  }
  .flex .lg--8 {
    width: 66.66666667%;
  }
  .flex .lg--9 {
    width: 75%;
  }
  .flex .lg--10 {
    width: 83.33333333%;
  }
  .flex .lg--11 {
    width: 91.66666667%;
  }
  .flex .lg--12 {
    width: 100%;
  }
  .flex .lg-5 {
    width: 5%;
  }
  .flex .lg-10 {
    width: 10%;
  }
  .flex .lg-15 {
    width: 15%;
  }
  .flex .lg-20 {
    width: 20%;
  }
  .flex .lg-25 {
    width: 25%;
  }
  .flex .lg-30 {
    width: 30%;
  }
  .flex .lg-33 {
    width: 33%;
  }
  .flex .lg-40 {
    width: 40%;
  }
  .flex .lg-45 {
    width: 45%;
  }
  .flex .lg-50 {
    width: 50%;
  }
  .flex .lg-55 {
    width: 55%;
  }
  .flex .lg-60 {
    width: 60%;
  }
  .flex .lg-70 {
    width: 70%;
  }
  .flex .lg-75 {
    width: 75%;
  }
  .flex .lg-80 {
    width: 80%;
  }
  .flex .lg-90 {
    width: 90%;
  }
  .flex .lg-95 {
    width: 95%;
  }
  .flex .lg-100 {
    width: 100%;
  }
  .row-reverse-lg {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 1169px) {
  .flex .md--1 {
    width: 8.33333333%;
  }
  .flex .md--2 {
    width: 16.66666667%;
  }
  .flex .md--3 {
    width: 25%;
  }
  .flex .md--4 {
    width: 33.33333333%;
  }
  .flex .md--5 {
    width: 41.66666667%;
  }
  .flex .md--6 {
    width: 50%;
  }
  .flex .md--7 {
    width: 58.33333333%;
  }
  .flex .md--8 {
    width: 66.66666667%;
  }
  .flex .md--9 {
    width: 75%;
  }
  .flex .md--10 {
    width: 83.33333333%;
  }
  .flex .md--11 {
    width: 91.66666667%;
  }
  .flex .md--12 {
    width: 100%;
  }
  .flex .md-5 {
    width: 5%;
  }
  .flex .md-10 {
    width: 10%;
  }
  .flex .md-15 {
    width: 15%;
  }
  .flex .md-20 {
    width: 20%;
  }
  .flex .md-25 {
    width: 25%;
  }
  .flex .md-30 {
    width: 30%;
  }
  .flex .md-33 {
    width: 33%;
  }
  .flex .md-40 {
    width: 40%;
  }
  .flex .md-45 {
    width: 45%;
  }
  .flex .md-50 {
    width: 50%;
  }
  .flex .md-55 {
    width: 55%;
  }
  .flex .md-60 {
    width: 60%;
  }
  .flex .md-70 {
    width: 70%;
  }
  .flex .md-75 {
    width: 75%;
  }
  .flex .md-80 {
    width: 80%;
  }
  .flex .md-90 {
    width: 90%;
  }
  .flex .md-95 {
    width: 95%;
  }
  .flex .md-100 {
    width: 100%;
  }
  .row-reverse-md {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 1023px) {
  .flex .smd--1 {
    width: 8.33333333%;
  }
  .flex .smd--2 {
    width: 16.66666667%;
  }
  .flex .smd--3 {
    width: 25%;
  }
  .flex .smd--4 {
    width: 33.33333333%;
  }
  .flex .smd--5 {
    width: 41.66666667%;
  }
  .flex .smd--6 {
    width: 50%;
  }
  .flex .smd--7 {
    width: 58.33333333%;
  }
  .flex .smd--8 {
    width: 66.66666667%;
  }
  .flex .smd--9 {
    width: 75%;
  }
  .flex .smd--10 {
    width: 83.33333333%;
  }
  .flex .smd--11 {
    width: 91.66666667%;
  }
  .flex .smd--12 {
    width: 100%;
  }
  .flex .smd-5 {
    width: 5%;
  }
  .flex .smd-10 {
    width: 10%;
  }
  .flex .smd-15 {
    width: 15%;
  }
  .flex .smd-20 {
    width: 20%;
  }
  .flex .smd-25 {
    width: 25%;
  }
  .flex .smd-30 {
    width: 30%;
  }
  .flex .smd-33 {
    width: 33%;
  }
  .flex .smd-40 {
    width: 40%;
  }
  .flex .smd-45 {
    width: 45%;
  }
  .flex .smd-50 {
    width: 50%;
  }
  .flex .smd-55 {
    width: 55%;
  }
  .flex .smd-60 {
    width: 60%;
  }
  .flex .smd-70 {
    width: 70%;
  }
  .flex .smd-75 {
    width: 75%;
  }
  .flex .smd-80 {
    width: 80%;
  }
  .flex .smd-90 {
    width: 90%;
  }
  .flex .smd-95 {
    width: 95%;
  }
  .flex .smd-100 {
    width: 100%;
  }
  .row-reverse-smd {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 899px) {
  .flex .sm--1 {
    width: 8.33333333%;
  }
  .flex .sm--2 {
    width: 16.66666667%;
  }
  .flex .sm--3 {
    width: 25%;
  }
  .flex .sm--4 {
    width: 33.33333333%;
  }
  .flex .sm--5 {
    width: 41.66666667%;
  }
  .flex .sm--6 {
    width: 50%;
  }
  .flex .sm--7 {
    width: 58.33333333%;
  }
  .flex .sm--8 {
    width: 66.66666667%;
  }
  .flex .sm--9 {
    width: 75%;
  }
  .flex .sm--10 {
    width: 83.33333333%;
  }
  .flex .sm--11 {
    width: 91.66666667%;
  }
  .flex .sm--12 {
    width: 100%;
  }
  .flex .sm-5 {
    width: 5%;
  }
  .flex .sm-10 {
    width: 10%;
  }
  .flex .sm-15 {
    width: 15%;
  }
  .flex .sm-20 {
    width: 20%;
  }
  .flex .sm-25 {
    width: 25%;
  }
  .flex .sm-30 {
    width: 30%;
  }
  .flex .sm-33 {
    width: 33%;
  }
  .flex .sm-40 {
    width: 40%;
  }
  .flex .sm-45 {
    width: 45%;
  }
  .flex .sm-50 {
    width: 50%;
  }
  .flex .sm-55 {
    width: 55%;
  }
  .flex .sm-60 {
    width: 60%;
  }
  .flex .sm-70 {
    width: 70%;
  }
  .flex .sm-75 {
    width: 75%;
  }
  .flex .sm-80 {
    width: 80%;
  }
  .flex .sm-90 {
    width: 90%;
  }
  .flex .sm-95 {
    width: 95%;
  }
  .flex .sm-100 {
    width: 100%;
  }
  .row-reverse-sm {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 799px) {
  .flex .xsm--1 {
    width: 8.33333333%;
  }
  .flex .xsm--2 {
    width: 16.66666667%;
  }
  .flex .xsm--3 {
    width: 25%;
  }
  .flex .xsm--4 {
    width: 33.33333333%;
  }
  .flex .xsm--5 {
    width: 41.66666667%;
  }
  .flex .xsm--6 {
    width: 50%;
  }
  .flex .xsm--7 {
    width: 58.33333333%;
  }
  .flex .xsm--8 {
    width: 66.66666667%;
  }
  .flex .xsm--9 {
    width: 75%;
  }
  .flex .xsm--10 {
    width: 83.33333333%;
  }
  .flex .xsm--11 {
    width: 91.66666667%;
  }
  .flex .xsm--12 {
    width: 100%;
  }
  .flex .xsm-5 {
    width: 5%;
  }
  .flex .xsm-10 {
    width: 10%;
  }
  .flex .xsm-15 {
    width: 15%;
  }
  .flex .xsm-20 {
    width: 20%;
  }
  .flex .xsm-25 {
    width: 25%;
  }
  .flex .xsm-30 {
    width: 30%;
  }
  .flex .xsm-33 {
    width: 33%;
  }
  .flex .xsm-40 {
    width: 40%;
  }
  .flex .xsm-45 {
    width: 45%;
  }
  .flex .xsm-50 {
    width: 50%;
  }
  .flex .xsm-55 {
    width: 55%;
  }
  .flex .xsm-60 {
    width: 60%;
  }
  .flex .xsm-70 {
    width: 70%;
  }
  .flex .xsm-75 {
    width: 75%;
  }
  .flex .xsm-80 {
    width: 80%;
  }
  .flex .xsm-90 {
    width: 90%;
  }
  .flex .xsm-95 {
    width: 95%;
  }
  .flex .xsm-100 {
    width: 100%;
  }
  .row-reverse-xsm {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 609px) {
  .flex .xs--1 {
    width: 8.33333333%;
  }
  .flex .xs--2 {
    width: 16.66666667%;
  }
  .flex .xs--3 {
    width: 25%;
  }
  .flex .xs--4 {
    width: 33.33333333%;
  }
  .flex .xs--5 {
    width: 41.66666667%;
  }
  .flex .xs--6 {
    width: 50%;
  }
  .flex .xs--7 {
    width: 58.33333333%;
  }
  .flex .xs--8 {
    width: 66.66666667%;
  }
  .flex .xs--9 {
    width: 75%;
  }
  .flex .xs--10 {
    width: 83.33333333%;
  }
  .flex .xs--11 {
    width: 91.66666667%;
  }
  .flex .xs--12 {
    width: 100%;
  }
  .flex .xs-5 {
    width: 5%;
  }
  .flex .xs-10 {
    width: 10%;
  }
  .flex .xs-15 {
    width: 15%;
  }
  .flex .xs-20 {
    width: 20%;
  }
  .flex .xs-25 {
    width: 25%;
  }
  .flex .xs-30 {
    width: 30%;
  }
  .flex .xs-33 {
    width: 33%;
  }
  .flex .xs-40 {
    width: 40%;
  }
  .flex .xs-45 {
    width: 45%;
  }
  .flex .xs-50 {
    width: 50%;
  }
  .flex .xs-55 {
    width: 55%;
  }
  .flex .xs-60 {
    width: 60%;
  }
  .flex .xs-70 {
    width: 70%;
  }
  .flex .xs-75 {
    width: 75%;
  }
  .flex .xs-80 {
    width: 80%;
  }
  .flex .xs-90 {
    width: 90%;
  }
  .flex .xs-95 {
    width: 95%;
  }
  .flex .xs-100 {
    width: 100%;
  }
  .row-reverse-xs {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 399px) {
  .flex .lx--1 {
    width: 8.33333333%;
  }
  .flex .lx--2 {
    width: 16.66666667%;
  }
  .flex .lx--3 {
    width: 25%;
  }
  .flex .lx--4 {
    width: 33.33333333%;
  }
  .flex .lx--5 {
    width: 41.66666667%;
  }
  .flex .lx--6 {
    width: 50%;
  }
  .flex .lx--7 {
    width: 58.33333333%;
  }
  .flex .lx--8 {
    width: 66.66666667%;
  }
  .flex .lx--9 {
    width: 75%;
  }
  .flex .lx--10 {
    width: 83.33333333%;
  }
  .flex .lx--11 {
    width: 91.66666667%;
  }
  .flex .lx--12 {
    width: 100%;
  }
  .flex .lx-5 {
    width: 5%;
  }
  .flex .lx-10 {
    width: 10%;
  }
  .flex .lx-15 {
    width: 15%;
  }
  .flex .lx-20 {
    width: 20%;
  }
  .flex .lx-25 {
    width: 25%;
  }
  .flex .lx-30 {
    width: 30%;
  }
  .flex .lx-33 {
    width: 33%;
  }
  .flex .lx-40 {
    width: 40%;
  }
  .flex .lx-45 {
    width: 45%;
  }
  .flex .lx-50 {
    width: 50%;
  }
  .flex .lx-55 {
    width: 55%;
  }
  .flex .lx-60 {
    width: 60%;
  }
  .flex .lx-70 {
    width: 70%;
  }
  .flex .lx-75 {
    width: 75%;
  }
  .flex .lx-80 {
    width: 80%;
  }
  .flex .lx-90 {
    width: 90%;
  }
  .flex .lx-95 {
    width: 95%;
  }
  .flex .lx-100 {
    width: 100%;
  }
  .row-reverse-lx {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (min-width: 399px) {
  .flex .min-lg--1 {
    width: 8.33333333%;
  }
  .flex .min-lg--2 {
    width: 16.66666667%;
  }
  .flex .min-lg--3 {
    width: 25%;
  }
  .flex .min-lg--4 {
    width: 33.33333333%;
  }
  .flex .min-lg--5 {
    width: 41.66666667%;
  }
  .flex .min-lg--6 {
    width: 50%;
  }
  .flex .min-lg--7 {
    width: 58.33333333%;
  }
  .flex .min-lg--8 {
    width: 66.66666667%;
  }
  .flex .min-lg--9 {
    width: 75%;
  }
  .flex .min-lg--10 {
    width: 83.33333333%;
  }
  .flex .min-lg--11 {
    width: 91.66666667%;
  }
  .flex .min-lg--12 {
    width: 100%;
  }
  .flex .min-lg-5 {
    width: 5%;
  }
  .flex .min-lg-10 {
    width: 10%;
  }
  .flex .min-lg-15 {
    width: 15%;
  }
  .flex .min-lg-20 {
    width: 20%;
  }
  .flex .min-lg-25 {
    width: 25%;
  }
  .flex .min-lg-30 {
    width: 30%;
  }
  .flex .min-lg-33 {
    width: 33%;
  }
  .flex .min-lg-40 {
    width: 40%;
  }
  .flex .min-lg-45 {
    width: 45%;
  }
  .flex .min-lg-50 {
    width: 50%;
  }
  .flex .min-lg-55 {
    width: 55%;
  }
  .flex .min-lg-60 {
    width: 60%;
  }
  .flex .min-lg-70 {
    width: 70%;
  }
  .flex .min-lg-75 {
    width: 75%;
  }
  .flex .min-lg-80 {
    width: 80%;
  }
  .flex .min-lg-90 {
    width: 90%;
  }
  .flex .min-lg-95 {
    width: 95%;
  }
  .flex .min-lg-100 {
    width: 100%;
  }
}
@media (min-width: 609px) {
  .flex .min-md--1 {
    width: 8.33333333%;
  }
  .flex .min-md--2 {
    width: 16.66666667%;
  }
  .flex .min-md--3 {
    width: 25%;
  }
  .flex .min-md--4 {
    width: 33.33333333%;
  }
  .flex .min-md--5 {
    width: 41.66666667%;
  }
  .flex .min-md--6 {
    width: 50%;
  }
  .flex .min-md--7 {
    width: 58.33333333%;
  }
  .flex .min-md--8 {
    width: 66.66666667%;
  }
  .flex .min-md--9 {
    width: 75%;
  }
  .flex .min-md--10 {
    width: 83.33333333%;
  }
  .flex .min-md--11 {
    width: 91.66666667%;
  }
  .flex .min-md--12 {
    width: 100%;
  }
  .flex .min-md-5 {
    width: 5%;
  }
  .flex .min-md-10 {
    width: 10%;
  }
  .flex .min-md-15 {
    width: 15%;
  }
  .flex .min-md-20 {
    width: 20%;
  }
  .flex .min-md-25 {
    width: 25%;
  }
  .flex .min-md-30 {
    width: 30%;
  }
  .flex .min-md-33 {
    width: 33%;
  }
  .flex .min-md-40 {
    width: 40%;
  }
  .flex .min-md-45 {
    width: 45%;
  }
  .flex .min-md-50 {
    width: 50%;
  }
  .flex .min-md-55 {
    width: 55%;
  }
  .flex .min-md-60 {
    width: 60%;
  }
  .flex .min-md-70 {
    width: 70%;
  }
  .flex .min-md-75 {
    width: 75%;
  }
  .flex .min-md-80 {
    width: 80%;
  }
  .flex .min-md-90 {
    width: 90%;
  }
  .flex .min-md-95 {
    width: 95%;
  }
  .flex .min-md-100 {
    width: 100%;
  }
}
@media (min-width: 799px) {
  .flex .min-smd--1 {
    width: 8.33333333%;
  }
  .flex .min-smd--2 {
    width: 16.66666667%;
  }
  .flex .min-smd--3 {
    width: 25%;
  }
  .flex .min-smd--4 {
    width: 33.33333333%;
  }
  .flex .min-smd--5 {
    width: 41.66666667%;
  }
  .flex .min-smd--6 {
    width: 50%;
  }
  .flex .min-smd--7 {
    width: 58.33333333%;
  }
  .flex .min-smd--8 {
    width: 66.66666667%;
  }
  .flex .min-smd--9 {
    width: 75%;
  }
  .flex .min-smd--10 {
    width: 83.33333333%;
  }
  .flex .min-smd--11 {
    width: 91.66666667%;
  }
  .flex .min-smd--12 {
    width: 100%;
  }
  .flex .min-smd-5 {
    width: 5%;
  }
  .flex .min-smd-10 {
    width: 10%;
  }
  .flex .min-smd-15 {
    width: 15%;
  }
  .flex .min-smd-20 {
    width: 20%;
  }
  .flex .min-smd-25 {
    width: 25%;
  }
  .flex .min-smd-30 {
    width: 30%;
  }
  .flex .min-smd-33 {
    width: 33%;
  }
  .flex .min-smd-40 {
    width: 40%;
  }
  .flex .min-smd-45 {
    width: 45%;
  }
  .flex .min-smd-50 {
    width: 50%;
  }
  .flex .min-smd-55 {
    width: 55%;
  }
  .flex .min-smd-60 {
    width: 60%;
  }
  .flex .min-smd-70 {
    width: 70%;
  }
  .flex .min-smd-75 {
    width: 75%;
  }
  .flex .min-smd-80 {
    width: 80%;
  }
  .flex .min-smd-90 {
    width: 90%;
  }
  .flex .min-smd-95 {
    width: 95%;
  }
  .flex .min-smd-100 {
    width: 100%;
  }
}
@media (min-width: 899px) {
  .flex .min-sm--1 {
    width: 8.33333333%;
  }
  .flex .min-sm--2 {
    width: 16.66666667%;
  }
  .flex .min-sm--3 {
    width: 25%;
  }
  .flex .min-sm--4 {
    width: 33.33333333%;
  }
  .flex .min-sm--5 {
    width: 41.66666667%;
  }
  .flex .min-sm--6 {
    width: 50%;
  }
  .flex .min-sm--7 {
    width: 58.33333333%;
  }
  .flex .min-sm--8 {
    width: 66.66666667%;
  }
  .flex .min-sm--9 {
    width: 75%;
  }
  .flex .min-sm--10 {
    width: 83.33333333%;
  }
  .flex .min-sm--11 {
    width: 91.66666667%;
  }
  .flex .min-sm--12 {
    width: 100%;
  }
  .flex .min-sm-5 {
    width: 5%;
  }
  .flex .min-sm-10 {
    width: 10%;
  }
  .flex .min-sm-15 {
    width: 15%;
  }
  .flex .min-sm-20 {
    width: 20%;
  }
  .flex .min-sm-25 {
    width: 25%;
  }
  .flex .min-sm-30 {
    width: 30%;
  }
  .flex .min-sm-33 {
    width: 33%;
  }
  .flex .min-sm-40 {
    width: 40%;
  }
  .flex .min-sm-45 {
    width: 45%;
  }
  .flex .min-sm-50 {
    width: 50%;
  }
  .flex .min-sm-55 {
    width: 55%;
  }
  .flex .min-sm-60 {
    width: 60%;
  }
  .flex .min-sm-70 {
    width: 70%;
  }
  .flex .min-sm-75 {
    width: 75%;
  }
  .flex .min-sm-80 {
    width: 80%;
  }
  .flex .min-sm-90 {
    width: 90%;
  }
  .flex .min-sm-95 {
    width: 95%;
  }
  .flex .min-sm-100 {
    width: 100%;
  }
}
@media (min-width: 1023px) {
  .flex .min-xsm--1 {
    width: 8.33333333%;
  }
  .flex .min-xsm--2 {
    width: 16.66666667%;
  }
  .flex .min-xsm--3 {
    width: 25%;
  }
  .flex .min-xsm--4 {
    width: 33.33333333%;
  }
  .flex .min-xsm--5 {
    width: 41.66666667%;
  }
  .flex .min-xsm--6 {
    width: 50%;
  }
  .flex .min-xsm--7 {
    width: 58.33333333%;
  }
  .flex .min-xsm--8 {
    width: 66.66666667%;
  }
  .flex .min-xsm--9 {
    width: 75%;
  }
  .flex .min-xsm--10 {
    width: 83.33333333%;
  }
  .flex .min-xsm--11 {
    width: 91.66666667%;
  }
  .flex .min-xsm--12 {
    width: 100%;
  }
  .flex .min-xsm-5 {
    width: 5%;
  }
  .flex .min-xsm-10 {
    width: 10%;
  }
  .flex .min-xsm-15 {
    width: 15%;
  }
  .flex .min-xsm-20 {
    width: 20%;
  }
  .flex .min-xsm-25 {
    width: 25%;
  }
  .flex .min-xsm-30 {
    width: 30%;
  }
  .flex .min-xsm-33 {
    width: 33%;
  }
  .flex .min-xsm-40 {
    width: 40%;
  }
  .flex .min-xsm-45 {
    width: 45%;
  }
  .flex .min-xsm-50 {
    width: 50%;
  }
  .flex .min-xsm-55 {
    width: 55%;
  }
  .flex .min-xsm-60 {
    width: 60%;
  }
  .flex .min-xsm-70 {
    width: 70%;
  }
  .flex .min-xsm-75 {
    width: 75%;
  }
  .flex .min-xsm-80 {
    width: 80%;
  }
  .flex .min-xsm-90 {
    width: 90%;
  }
  .flex .min-xsm-95 {
    width: 95%;
  }
  .flex .min-xsm-100 {
    width: 100%;
  }
}
@media (min-width: 1169px) {
  .flex .min-xs--1 {
    width: 8.33333333%;
  }
  .flex .min-xs--2 {
    width: 16.66666667%;
  }
  .flex .min-xs--3 {
    width: 25%;
  }
  .flex .min-xs--4 {
    width: 33.33333333%;
  }
  .flex .min-xs--5 {
    width: 41.66666667%;
  }
  .flex .min-xs--6 {
    width: 50%;
  }
  .flex .min-xs--7 {
    width: 58.33333333%;
  }
  .flex .min-xs--8 {
    width: 66.66666667%;
  }
  .flex .min-xs--9 {
    width: 75%;
  }
  .flex .min-xs--10 {
    width: 83.33333333%;
  }
  .flex .min-xs--11 {
    width: 91.66666667%;
  }
  .flex .min-xs--12 {
    width: 100%;
  }
  .flex .min-xs-5 {
    width: 5%;
  }
  .flex .min-xs-10 {
    width: 10%;
  }
  .flex .min-xs-15 {
    width: 15%;
  }
  .flex .min-xs-20 {
    width: 20%;
  }
  .flex .min-xs-25 {
    width: 25%;
  }
  .flex .min-xs-30 {
    width: 30%;
  }
  .flex .min-xs-33 {
    width: 33%;
  }
  .flex .min-xs-40 {
    width: 40%;
  }
  .flex .min-xs-45 {
    width: 45%;
  }
  .flex .min-xs-50 {
    width: 50%;
  }
  .flex .min-xs-55 {
    width: 55%;
  }
  .flex .min-xs-60 {
    width: 60%;
  }
  .flex .min-xs-70 {
    width: 70%;
  }
  .flex .min-xs-75 {
    width: 75%;
  }
  .flex .min-xs-80 {
    width: 80%;
  }
  .flex .min-xs-90 {
    width: 90%;
  }
  .flex .min-xs-95 {
    width: 95%;
  }
  .flex .min-xs-100 {
    width: 100%;
  }
}
@media (min-width: 1170px) {
  .flex .min-lx--1 {
    width: 8.33333333%;
  }
  .flex .min-lx--2 {
    width: 16.66666667%;
  }
  .flex .min-lx--3 {
    width: 25%;
  }
  .flex .min-lx--4 {
    width: 33.33333333%;
  }
  .flex .min-lx--5 {
    width: 41.66666667%;
  }
  .flex .min-lx--6 {
    width: 50%;
  }
  .flex .min-lx--7 {
    width: 58.33333333%;
  }
  .flex .min-lx--8 {
    width: 66.66666667%;
  }
  .flex .min-lx--9 {
    width: 75%;
  }
  .flex .min-lx--10 {
    width: 83.33333333%;
  }
  .flex .min-lx--11 {
    width: 91.66666667%;
  }
  .flex .min-lx--12 {
    width: 100%;
  }
  .flex .min-lx-5 {
    width: 5%;
  }
  .flex .min-lx-10 {
    width: 10%;
  }
  .flex .min-lx-15 {
    width: 15%;
  }
  .flex .min-lx-20 {
    width: 20%;
  }
  .flex .min-lx-25 {
    width: 25%;
  }
  .flex .min-lx-30 {
    width: 30%;
  }
  .flex .min-lx-33 {
    width: 33%;
  }
  .flex .min-lx-40 {
    width: 40%;
  }
  .flex .min-lx-45 {
    width: 45%;
  }
  .flex .min-lx-50 {
    width: 50%;
  }
  .flex .min-lx-55 {
    width: 55%;
  }
  .flex .min-lx-60 {
    width: 60%;
  }
  .flex .min-lx-70 {
    width: 70%;
  }
  .flex .min-lx-75 {
    width: 75%;
  }
  .flex .min-lx-80 {
    width: 80%;
  }
  .flex .min-lx-90 {
    width: 90%;
  }
  .flex .min-lx-95 {
    width: 95%;
  }
  .flex .min-lx-100 {
    width: 100%;
  }
}
.flex.flex-avatar > :nth-child(odd):first-child,
.flex.flex-avatar > :nth-child(even):first-child {
  width: 15%;
}
.flex.flex-avatar > :nth-child(odd):nth-child(2),
.flex.flex-avatar > :nth-child(even):nth-child(2) {
  width: 70%;
}
.flex.flex-action > :nth-child(odd):first-child,
.flex.flex-action > :nth-child(even):first-child {
  width: 75%;
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 30px;
  --flex-icon-height: 30px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 30px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(30px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-lx,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-lx: 40px;
  --flex-icon-height-lx: 40px;
  min-width: var(--flex-icon-width-lx) !important;
  max-width: var(--flex-icon-width-lx) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-lx.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-lx);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-lx.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-lx: 40px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-lx.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-lx: calc(40px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-xs,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-xs: 50px;
  --flex-icon-height-xs: 50px;
  min-width: var(--flex-icon-width-xs) !important;
  max-width: var(--flex-icon-width-xs) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-xs.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-xs);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-xs.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-xs: 50px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-xs.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-xs: calc(50px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-xsm,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-xsm: 70px;
  --flex-icon-height-xsm: 50px;
  min-width: var(--flex-icon-width-xsm) !important;
  max-width: var(--flex-icon-width-xsm) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-xsm.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-xsm);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-xsm.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-xsm: 70px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-xsm.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-xsm: calc(70px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-sm,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-sm: 90px;
  --flex-icon-height-sm: 50px;
  min-width: var(--flex-icon-width-sm) !important;
  max-width: var(--flex-icon-width-sm) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-sm.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-sm);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-sm.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-sm: 90px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-sm.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-sm: calc(90px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-smd,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-smd: 110px;
  --flex-icon-height-smd: 50px;
  min-width: var(--flex-icon-width-smd) !important;
  max-width: var(--flex-icon-width-smd) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-smd.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-smd);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-smd.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-smd: 110px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-smd.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-smd: calc(110px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-md,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-md: 130px;
  --flex-icon-height-md: 50px;
  min-width: var(--flex-icon-width-md) !important;
  max-width: var(--flex-icon-width-md) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-md.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-md);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-md.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-md: 130px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-md.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-md: calc(130px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-lg,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width-lg: 150px;
  --flex-icon-height-lg: 50px;
  min-width: var(--flex-icon-width-lg) !important;
  max-width: var(--flex-icon-width-lg) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-lg.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height-lg);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-lg.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
  --flex-icon-height-lg: 150px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-lg.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
  --flex-icon-width-lg: calc(150px+4 * 2);
}
.padxnone,
.padlnone {
  padding-left: 0 !important;
}
.padxnone,
.padrnone {
  padding-right: 0 !important;
}
.padynone,
.padtnone {
  padding-top: 0 !important;
}
.padynone,
.padbnone {
  padding-top: 0 !important;
}
.flex *.minw-6 {
  min-width: 50%;
}
.flex *.minw-3 {
  min-width: 25%;
}
.flex *.minw-4 {
  min-width: 33.33%;
}

.transition {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.transition.fast {
  -webkit-transition: all 0.07s linear;
  -moz-transition: all 0.07s linear;
  -o-transition: all 0.07s linear;
  -ms-transition: all 0.07s linear;
  transition: all 0.07s linear;
}
.transition.all {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}
.transition.s-5 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.transition.s1 {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.transition.s1-5 {
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.transition.s2 {
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
.transition.s2-5 {
  -webkit-transition-duration: 2.5s;
  -moz-transition-duration: 2.5s;
  -ms-transition-duration: 2.5s;
  -o-transition-duration: 2.5s;
  transition-duration: 2.5s;
}
.transition.s3 {
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -ms-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}
.transition.linear {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.transition.ease {
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.transition.ease-in {
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -ms-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.transition.ease-out {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.transition.ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.transition.delay-5 {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.transition.delay1 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.transition.delay1-5 {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.transition.delay2 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.transition.delay2-5 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -ms-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.transition.delay3 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -ms-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}

.scrollup {
  display: block;
  position: fixed;
  right: 10px;
  bottom: -50px;
  z-index: 900;
  font-size: 2rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.scrollup.now {
  bottom: 9px;
}
.background {
  background-color: transparent;
  background-origin: padding-box;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-fixed {
  background-attachment: fixed;
}
.bg-stretch {
  background-size: 100% 100%;
}
.bg-contain {
  background-size: contain;
}
.bg-sizeauto {
  background-size: auto;
}
.transparent {
  background: transparent;
}
.bg-transparent {
  background-color: transparent !important;
}
.no-bg {
  background: none;
}
.background-sticky {
  background-attachment: fixed;
}
.bg-center {
  background-position: center center;
}
.bg-cr {
  background-position: center right;
}
.bg-tl {
  background-position: top left;
}
.bg-tr {
  background-position: top right;
}
.bg-tc {
  background-position: top center;
}
.bg-br {
  background-position: bottom right;
}
.bg-bl {
  background-position: bottom left;
}
.bg-bc {
  background-position: bottom center;
}
.bg-center-top {
  background-position: center top;
}
.norepeat {
  background-repeat: no-repeat;
}
.background-repeat,
.repeat {
  background-position: left top;
  background-repeat: repeat;
}
.xrepeat {
  background-repeat: repeat-x;
}
.divider {
  border-bottom: 1px solid rgba(7, 17, 43, 0.1);
}
.divider:not(.nospace) {
  margin: 2% 0;
}
.divider.divider-dashed,
.divider.dashed {
  border-bottom-style: dashed;
}
.divider.divider-dotted,
.divider.dotted {
  border-bottom-style: dotted;
}
.divider.bb2 {
  border-bottom-width: 2px;
}
.divider.bb3 {
  border-bottom-width: 3px;
}
.divider.b4 {
  border-width: 1px;
}
.divider.b4.dashed {
  border-style: dashed;
}
.divider.b4.dotted {
  border-style: dotted;
}
.divider.white {
  border-bottom-color: #fff;
}

@keyframes app-progress {
  0% {
    left: -20%;
  }
  50% {
    left: 50%;
  }
  75% {
    left: 80%;
  }
  99.9% {
    left: 100%;
  }
  100% {
    left: -20%;
  }
}
@-webkit-keyframes app-progress {
  0% {
    left: -20%;
  }
  50% {
    left: 50%;
  }
  75% {
    left: 80%;
  }
  99.9% {
    left: 100%;
  }
  100% {
    left: -20%;
  }
}
@keyframes app-crossbg-progress {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 8px;
  }
}
@-webkit-keyframes app-crossbg-progress {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: 8px;
  }
}
.app-progress,
.div-progress {
  width: 100%;
  overflow: hidden;
  top: -2px;
}
.app-progress:not(.anchor),
.div-progress:not(.anchor),
.app-progress:not(.fixed),
.div-progress:not(.fixed) {
  position: absolute;
}
.app-progress:not(.anchor),
.div-progress:not(.anchor) {
  right: 0;
}
.app-progress:not(.nozindex),
.div-progress:not(.nozindex) {
  z-index: 2000;
}
.app-progress.fixed,
.div-progress.fixed {
  position: fixed !important;
}
.app-progress,
.div-progress,
.app-progress .bar,
.div-progress .bar {
  left: 0;
  position: absolute;
}
.app-progress > .bar,
.div-progress > .bar {
  top: 0;
  width: 20%;
}
.app-progress > .bar:not(.h),
.div-progress > .bar:not(.h) {
  height: 2px;
}
.app-progress.on,
.div-progress.on {
  min-height: 4px;
  top: 0;
}
.app-progress.on .bar,
.div-progress.on .bar {
  animation: app-progress 2s infinite;
}
.app-progress.default,
.div-progress.default {
  background-color: #6ea92a;
}
.app-progress.default > .bar,
.div-progress.default > .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.crossbg-:before,
.crossbg--:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  animation: app-crossbg-progress 0.1s linear infinite;
}
.crossbg-:before {
  background-image: url(../images/base/cross-ptn-1.png);
}
.crossbg--:before {
  background-image: url(../images/base/cross-ptn-2.png);
}
.progress-animate {
  min-height: 4px;
  top: 0;
}
.progress-animate .bar {
  animation: app-progress 2s infinite;
}
.imgloaded .crossbg-,
.imgloaded .crossbg--,
.imgloaded ~ .crossbg-,
.imgloaded ~ .crossbg-- {
  display: none;
}
.progress-off:not(.on).crossbg-:before,
.progress-off:not(.on).crossbg--:before {
  display: none;
}

.responsive-dropdown .toggler {
  display: none;
}
.res-dd > li {
  padding: 12px 0;
}
.res-dd .toggler {
  display: block;
}
.res-dd .toggler ~ .dropdown-option ul li,
.res-dd .toggler ~ .dropdown-option div ul li {
  display: block !important;
}
.res-dd:not(.rd-open) .toggler ~ .dropdown-option {
  height: 0;
  overflow: hidden;
}
.res-dd:not(.rd-open) .toggler ~ .dropdown-option > .inner {
  top: -100%;
  position: relative;
}
.res-dd.rd-open .dropdown-option,
.res-dd.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
.res-dd .toggler:focus ~ .dropdown-option {
  height: 100%;
}
.res-dd.rd-open .dropdown-option > .inner,
.res-dd.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
.res-dd .toggler:focus ~ .dropdown-option > .inner {
  top: 0;
}
@media (max-width: 0px) {
  .res-dd-lx > li {
    padding: 12px 0;
  }
  .res-dd-lx .toggler {
    display: block;
  }
  .res-dd-lx .toggler ~ .dropdown-option ul li,
  .res-dd-lx .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-lx:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-lx:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-lx.rd-open .dropdown-option,
  .res-dd-lx.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-lx .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-lx.rd-open .dropdown-option > .inner,
  .res-dd-lx.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-lx .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 400px) {
  .res-dd-xs > li {
    padding: 12px 0;
  }
  .res-dd-xs .toggler {
    display: block;
  }
  .res-dd-xs .toggler ~ .dropdown-option ul li,
  .res-dd-xs .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-xs:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-xs:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-xs.rd-open .dropdown-option,
  .res-dd-xs.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-xs .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-xs.rd-open .dropdown-option > .inner,
  .res-dd-xs.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-xs .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 610px) {
  .res-dd-xsm > li {
    padding: 12px 0;
  }
  .res-dd-xsm .toggler {
    display: block;
  }
  .res-dd-xsm .toggler ~ .dropdown-option ul li,
  .res-dd-xsm .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-xsm:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-xsm:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-xsm.rd-open .dropdown-option,
  .res-dd-xsm.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-xsm .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-xsm.rd-open .dropdown-option > .inner,
  .res-dd-xsm.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-xsm .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 800px) {
  .res-dd-sm > li {
    padding: 12px 0;
  }
  .res-dd-sm .toggler {
    display: block;
  }
  .res-dd-sm .toggler ~ .dropdown-option ul li,
  .res-dd-sm .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-sm:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-sm:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-sm.rd-open .dropdown-option,
  .res-dd-sm.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-sm .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-sm.rd-open .dropdown-option > .inner,
  .res-dd-sm.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-sm .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 900px) {
  .res-dd-smd > li {
    padding: 12px 0;
  }
  .res-dd-smd .toggler {
    display: block;
  }
  .res-dd-smd .toggler ~ .dropdown-option ul li,
  .res-dd-smd .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-smd:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-smd:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-smd.rd-open .dropdown-option,
  .res-dd-smd.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-smd .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-smd.rd-open .dropdown-option > .inner,
  .res-dd-smd.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-smd .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 1024px) {
  .res-dd-md > li {
    padding: 12px 0;
  }
  .res-dd-md .toggler {
    display: block;
  }
  .res-dd-md .toggler ~ .dropdown-option ul li,
  .res-dd-md .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-md:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-md:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-md.rd-open .dropdown-option,
  .res-dd-md.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-md .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-md.rd-open .dropdown-option > .inner,
  .res-dd-md.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-md .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 1170px) {
  .res-dd-lg > li {
    padding: 12px 0;
  }
  .res-dd-lg .toggler {
    display: block;
  }
  .res-dd-lg .toggler ~ .dropdown-option ul li,
  .res-dd-lg .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .res-dd-lg:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .res-dd-lg:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .res-dd-lg.rd-open .dropdown-option,
  .res-dd-lg.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-lg .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .res-dd-lg.rd-open .dropdown-option > .inner,
  .res-dd-lg.res-dd-onhover .toggler:hover ~ .dropdown-option > .inner,
  .res-dd-lg .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}

.app-progress {
  --app-progress-height: 0px;
  --app-progress-zindex: 1001;
  z-index: var(--app-progress-zindex);
  height: var(--app-progress-height);
}
.app-progress.animate {
  --app-progress-height: 5px;
}
.app-progress.animate .any-progress,
.any-progress.animate {
  -webkit-animation: any_progressMoveLoaderA 1s linear infinite;
  -moz-animation: any_progressMoveLoaderA 1s linear infinite;
  -ms-animation: any_progressMoveLoaderA 1s linear infinite;
  -o-animation: any_progressMoveLoaderA 1s linear infinite;
  animation: any_progressMoveLoaderA 1s linear infinite;
}
@-webkit-keyframes any_progressMoveLoaderA {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
}
@-moz-keyframes any_progressMoveLoaderA {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
}
@keyframes any_progressMoveLoaderA {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
}

@font-face {
  font-family: light;
  src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
}
@font-face {
  font-family: lighti;
  src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-family: regulari;
  src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
}
@font-face {
  font-family: medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
}
@font-face {
  font-family: mediumi;
  src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-family: semibold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: semiboldi;
  src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
}
@font-face {
  font-family: boldi;
  src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: extrabold;
  src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: extraboldi;
  src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: "black";
  src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
}
@font-face {
  font-family: blacki;
  src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
}

.modal {
  overflow: hidden;
}
.modal .backdrop {
  z-index: 1;
}
.modal .modal-container {
  z-index: 5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.modal .modal-progress {
  min-height: 8px;
}
.modal .modal-header {
  overflow: hidden;
  max-height: 70px;
}
.modal .modal-body {
  overflow-y: auto;
  max-height: calc(100vh - 70px);
  padding: 10px;
  z-index: 4;
  position: relative;
}
.modal .modal-container.modal-h-b .modal-header ~ .modal-body {
  max-height: calc(100vh - 70px);
}
.modal .modal-container.modal-b-f .modal-body {
  max-height: calc(100vh - 70px);
}
.modal .modal-container.modal-h-b-f .modal-body {
  max-height: calc(100vh - 140px);
}
.modal .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.modal-header {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.modal-header .lead {
  margin: 0;
}
.modal-close {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.modal-close i:before {
  line-height: 50px;
}
.modaltoggler {
  position: absolute;
  left: -50px;
  top: 50%;
}
.modaltoggler > a {
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  display: block;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.modal-container {
  width: 100%;
  margin: 0 auto;
}
.modal-container.auto {
  width: auto;
}
.modal-container.basic {
  width: 60%;
}
.modal-container.mini {
  width: 35%;
}
.modal-container.small {
  width: 50%;
}
.modal-container.medium {
  width: 65%;
}
.modal-container.large {
  width: 85%;
}
.modal-container.full {
  width: 100%;
  margin: 0 auto;
}
.modal-container.position {
  position: absolute;
}
.modal-container.position.top {
  top: 0;
}
.modal-container.position.bottom {
  bottom: 0;
  top: auto !important;
}
.modal-container.position.left {
  left: 0;
}
.modal-container.position.right {
  right: 0;
}
.modal-container.position.center,
.modal-container.position.image {
  top: 0;
  left: 0;
  right: 0;
}
.modal:not(.open) .modal-container {
  -webkit-box-shadow: 0 0 0 rgba(110, 169, 42, 0) !important;
  box-shadow: 0 0 0 rgba(110, 169, 42, 0) !important;
}
.modal .modal-container.modal-animation {
  transform: scale(0.75);
  opacity: 0;
}
.modal.open .modal-container.modal-animation {
  transform: scale(1);
  opacity: 1;
}
.modal.open {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.modal.open.modaltoggler-on {
  right: -100%;
}
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 100;
  visibility: hidden;
}
.open.modal {
  visibility: visible;
}
.open.modal .backdrop {
  display: block;
}
.modal-container.images {
  width: 100%;
  display: table;
  margin: 0 auto;
}
.modal-container.images .modal-image {
  display: table;
}
.modal-container.images .modal-image .img {
  vertical-align: bottom;
}
.modal-container.images .modal-image {
  position: relative;
}
.modal-container.images .modal-image-wrapper {
  display: block;
  overflow: auto;
}
.modal-container.images .modal-body {
  width: 25%;
  float: right;
}
.modal-container.images .modal-body ~ .modal-image {
  margin-right: 25%;
  width: 75%;
}
@media (min-width: 1400px) {
  .modal-container.auto,
  .modal-container.modal,
  .modal-container.basic,
  .modal-container.mini {
    width: 500px;
  }
  .modal-container.small {
    width: 800px;
  }
  .modal-container.medium {
    width: 1000px;
  }
  .modal-container.large {
    width: 1200px;
  }
}
@media (max-width: 1024px) {
  .modal-container.auto,
  .modal-container.modal,
  .modal-container.basic,
  .modal-container.mini,
  .modal-container.small,
  .modal-container.medium,
  .modal-container.large {
    width: 75%;
  }
}
@media (max-width: 800px) {
  .modal-container.auto,
  .modal-container.modal,
  .modal-container.basic,
  .modal-container.mini,
  .modal-container.small,
  .modal-container.medium,
  .modal-container.large {
    width: 99%;
  }
  .modal-container.position.left,
  .modal-container.position.right {
    left: 0;
    right: 0;
  }
  .modal-container.images .modal-body {
    width: 45%;
  }
  .modal-container.images .modal-body ~ .modal-image {
    margin-right: 45%;
    width: 55%;
  }
}
@media (max-width: 899px) {
  .modal-container.images .modal-body {
    display: none;
  }
  .modal-container.images .modal-body ~ .modal-image {
    margin-right: 0;
    width: 100%;
  }
}
.modal .modal-progress.animate {
  -webkit-animation: progressMoveLoaderA 1s linear infinite;
  -moz-animation: progressMoveLoaderA 1s linear infinite;
  -ms-animation: progressMoveLoaderA 1s linear infinite;
  -o-animation: progressMoveLoaderA 1s linear infinite;
  animation: progressMoveLoaderA 1s linear infinite;
}
@-webkit-keyframes progressMoveLoaderA {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
}
@-moz-keyframes progressMoveLoaderA {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
}
@keyframes progressMoveLoaderA {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: 60px top;
  }
}
.modal-container {
  --modal-container-background-color: #fff;
}
.modal-container,
.modal-container .modal-footer {
  background-color: var(--modal-container-background-color);
}
.modal-body {
  min-height: 20vh;
}

input,
textarea,
select,
button {
  padding: 0;
  margin: 0;
}
input,
textarea,
select {
  line-height: 0;
}
textarea {
  resize: vertical;
  overflow: auto;
  min-height: var(--input-min-height);
}
select option {
  margin: 3px;
  padding: 0 5px;
}
.form-label {
  margin-bottom: var(--input-form-label-margin-bottom);
}
.form-help-text {
  margin: 5px 0;
  font-size: var(--form-help-text-font-size);
}
.form-control,
.file-input,
.select-input,
.button:not(.nostyle),
.form-label,
.anchor,
.form-btn-txt {
  line-height: var(--input-line-height);
}
.form-control,
.file-input,
.select-input,
.button:not(.nostyle) {
  padding: var(--input-ypadding) var(--input-xpadding);
}
.form-control,
.file-input,
.select-input {
  width: var(--input-width);
}
.form-control.auto-width,
.file-input.auto-width,
.select-input.auto-width {
  width: auto;
}
.file-control {
  position: relative;
  overflow: hidden;
}
.file-control input[type="file"].form-control {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  bottom: auto;
}
.file-control .file-input {
  display: block;
  z-index: 0;
  position: relative;
}
.file-control .file-browse-btn {
  display: block;
  line-height: inherit;
  min-height: 15px;
}
.file-control .file-browse-btn:before {
  content: attr(data-text);
  padding: 0px 5px;
  position: relative;
  right: 0px;
  display: block;
  float: right;
}
.selectbox {
  position: relative;
}
.selectbox > .form-control {
  margin: 0.5%;
  width: 99%;
  border: 0 none;
  z-index: 2;
  position: relative;
  padding: 0;
}
.selectbox > .form-control option {
  outline: none;
  border: 0 none;
  padding: 2px;
  margin: 0px;
  -webkit-box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-appearance-adjust: none;
  -moz-appearance-adjust: none;
  -ms-appearance-adjust: none;
  appearance-adjust: none;
}
.selectbox .select-input {
  display: block;
  position: absolute;
  top: 0;
  bottom: 1px;
  z-index: 1;
}
.button:not(.nostyle) {
  padding: 4px 3px;
  border: 1px solid;
  margin-bottom: var(--button-margin-bottom);
}
.button * {
  line-height: inherit;
}
.field-group {
  display: table;
}
.field-group > .field,
.field-group > .field-icon {
  display: table-cell;
}
.field-group > .field-icon {
  width: 1%;
}
.field-group .field-group-label {
  display: table;
  width: 100%;
}
.field-group input,
.field-group .button {
  margin-bottom: 0;
}
.control-set {
  margin-bottom: 15px;
}
.control-set-margin-b-off .control-set {
  margin-bottom: 0;
}
.input-set {
  display: table;
  width: 100%;
}
.input-set > * {
  display: table-cell;
  vertical-align: middle;
}
.input-set > .icon {
  width: 1%;
}
.input-set button {
  border-width: 1px;
  border-style: solid;
}
.input-set input {
  margin-right: -1px;
}
.input-set button,
.input-set input {
  padding: 9px 8px;
  line-height: 100%;
}
.form-error {
  padding: 10px 0;
}
.sr-label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: none;
}
.one-place-error {
  z-index: 1000 !important;
}
.form-control {
  border: 1px solid;
}
.form-control.uline {
  border-width: var(--input-border-uline);
}
.form-control.b2x {
  border-width: 2px;
}
.form-control.b3x {
  border-width: 3px;
}
.required {
  position: relative;
}
.required:before {
  content: "* ";
  color: var(--error-background-color);
}
.mirror-input,
.mirror-input .mirror {
  position: relative;
}
.mirror-input .mirror {
  z-index: 2;
}
.mirror-input .mirror:not(hover),
.mirror-input .mirror:not(focus) {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.mirror-input .mirror:hover,
.mirror-input .mirror:focus {
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.mirror-input .real {
  z-index: 1;
}
.mirror-input .mirror:hover ~ .real,
.mirror-input .mirror:focus ~ .real {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
input:not(:checked) ~ .checkoff .on {
  display: none;
}
input:checked ~ .checkoff .off {
  display: none;
}
.radiobox,
.checkbox {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  padding-right: 5px;
  overflow: hidden;
}
.radiobox,
.checkbox,
.radiobox label,
.checkbox label,
.radiobox [type=radio],
.checkbox [type=radio],
.radiobox [type=checkbox],
.checkbox [type=checkbox] {
  cursor: pointer;
}
.radiobox label,
.checkbox label {
  display: inline-block;
  position: relative;
}
.radiobox .form-control,
.checkbox .form-control,
.radiobox [type=radio],
.checkbox [type=radio],
.radiobox [type=checkbox],
.checkbox [type=checkbox] {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  z-index: 2;
  width: 100%;
  display: inline-block;
  border: 0 none;
  margin: 0 !important;
}
.radiobox .radiobox-circle,
.checkbox .radiobox-circle,
.radiobox .checkbox-circle,
.checkbox .checkbox-circle,
.radiobox .radiobox-circle:after,
.checkbox .radiobox-circle:after,
.radiobox .checkbox-circle:after,
.checkbox .checkbox-circle:after,
.radiobox .radiobox-circle:before,
.checkbox .radiobox-circle:before,
.radiobox .checkbox-circle:before,
.checkbox .checkbox-circle:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.radiobox .radiobox-square,
.checkbox .radiobox-square,
.radiobox .checkbox-square,
.checkbox .checkbox-square,
.radiobox .radiobox-square:after,
.checkbox .radiobox-square:after,
.radiobox .checkbox-square:after,
.checkbox .checkbox-square:after,
.radiobox .radiobox-square:before,
.checkbox .radiobox-square:before,
.radiobox .checkbox-square:before,
.checkbox .checkbox-square:before {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.radiobox .radiobox-circle,
.checkbox .radiobox-circle,
.radiobox .checkbox-circle,
.checkbox .checkbox-circle,
.radiobox .radiobox-square,
.checkbox .radiobox-square,
.radiobox .checkbox-square,
.checkbox .checkbox-square {
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 0;
}
.radiobox .radiobox-circle:after,
.checkbox .radiobox-circle:after,
.radiobox .checkbox-circle:after,
.checkbox .checkbox-circle:after,
.radiobox .radiobox-square:after,
.checkbox .radiobox-square:after,
.radiobox .checkbox-square:after,
.checkbox .checkbox-square:after,
.radiobox .radiobox-circle:before,
.checkbox .radiobox-circle:before,
.radiobox .checkbox-circle:before,
.checkbox .checkbox-circle:before,
.radiobox .radiobox-square:before,
.checkbox .radiobox-square:before,
.radiobox .checkbox-square:before,
.checkbox .checkbox-square:before {
  content: "";
  position: absolute;
  top: 0;
}
.radiobox .radiobox-circle:before,
.checkbox .radiobox-circle:before,
.radiobox .checkbox-circle:before,
.checkbox .checkbox-circle:before,
.radiobox .radiobox-square:before,
.checkbox .radiobox-square:before,
.radiobox .checkbox-square:before,
.checkbox .checkbox-square:before {
  display: block;
}
.radiobox .radiobox-circle:after,
.checkbox .radiobox-circle:after,
.radiobox .checkbox-circle:after,
.checkbox .checkbox-circle:after,
.radiobox .radiobox-square:after,
.checkbox .radiobox-square:after,
.radiobox .checkbox-square:after,
.checkbox .checkbox-square:after {
  display: none;
}
.radiobox input:checked ~ .radiobox-circle:after,
.checkbox input:checked ~ .radiobox-circle:after,
.radiobox input:checked ~ .checkbox-circle:after,
.checkbox input:checked ~ .checkbox-circle:after,
.radiobox .radiobox-circle.active:after,
.checkbox .radiobox-circle.active:after,
.radiobox .checkbox-circle.active:after,
.checkbox .checkbox-circle.active:after {
  display: block;
}
.radiobox .radiobox-square:after,
.checkbox .radiobox-square:after,
.radiobox .checkbox-square:after,
.checkbox .checkbox-square:after {
  content: "\f122";
  line-height: 100%;
  font-family: "Ionicons";
  font-size: 80%;
  text-align: center;
}
.radiobox .radiobox-square:before,
.checkbox .radiobox-square:before,
.radiobox .checkbox-square:before,
.checkbox .checkbox-square:before,
.radiobox .radiobox-square:after,
.checkbox .radiobox-square:after,
.radiobox .checkbox-square:after,
.checkbox .checkbox-square:after {
  display: none;
}
.radiobox input:checked ~ .radiobox-square:after,
.checkbox input:checked ~ .radiobox-square:after,
.radiobox input:checked ~ .radiobox-square:before,
.checkbox input:checked ~ .radiobox-square:before,
.radiobox input:checked ~ .checkbox-square:after,
.checkbox input:checked ~ .checkbox-square:after,
.radiobox input:checked ~ .checkbox-square:before,
.checkbox input:checked ~ .checkbox-square:before,
.radiobox .radiobox-square.active:after,
.checkbox .radiobox-square.active:after,
.radiobox .radiobox-square.active:before,
.checkbox .radiobox-square.active:before,
.radiobox .checkbox-square.active:after,
.checkbox .checkbox-square.active:after,
.radiobox .checkbox-square.active:before,
.checkbox .checkbox-square.active:before {
  display: block;
}
.radiobox label,
.checkbox label {
  padding-left: var(--radiobox-pad-left);
}
.radiobox .form-control,
.checkbox .form-control,
.radiobox [type=radio],
.checkbox [type=radio],
.radiobox [type=checkbox],
.checkbox [type=checkbox] {
  height: var(--radiobox-height);
}
.radiobox .radiobox-circle,
.checkbox .radiobox-circle,
.radiobox .checkbox-circle,
.checkbox .checkbox-circle {
  width: var(--radiobox-circle-size);
  height: var(--radiobox-circle-size);
  margin-top: var(--radiobox-circle-margin-top);
}
.radiobox .radiobox-circle:before,
.checkbox .radiobox-circle:before,
.radiobox .checkbox-circle:before,
.checkbox .checkbox-circle:before {
  width: var(--radiobox-circle-before);
  height: var(--radiobox-circle-before);
  margin-top: var(--radiobox-circle-before-margin);
}
.radiobox .radiobox-circle:after,
.checkbox .radiobox-circle:after,
.radiobox .checkbox-circle:after,
.checkbox .checkbox-circle:after {
  width: var(--radiobox-circle-after);
  height: var(--radiobox-circle-after);
  margin-top: var(--radiobox-circle-after-margin);
}
.checkbox-a {
  min-width: var(--checkbox-a-min-size);
  min-height: var(--checkbox-a-min-size);
  position: relative;
}
.checkbox-a * {
  vertical-align: middle;
}
.checkbox-a,
.checkbox-a .checkbox-label,
.checkbox-a .checkbox-icon {
  display: inline-block;
}
.checkbox-a .checkbox-label {
  padding: var(--checkbox-a-label-padding);
}
.checkbox-a .checkbox-icon {
  padding: var(--checkbox-a-icon-padding);
}
.checkbox-a .checkbox-label {
  margin-left: var(--checkbox-a-label-margin-left);
  position: relative;
  z-index: 1;
}
.checkbox-a input {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  z-index: 2;
}
.checkbox-a input,
.checkbox-a .checkbox-icon {
  position: absolute;
  left: 0;
  top: var(--checkbox-icon-pos);
  height: 100%;
}
.checkbox-a input {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.checkbox-a input ~ .checkbox-icon {
  z-index: 2;
  border: var(--checkbox-a-icon-bordercolor);
}
.checkbox-a input ~ .checkbox-icon,
.checkbox-a input:checked ~ .checkbox-icon .checkbox-icon-on {
  display: block;
}
.checkbox-a .icon-symbol {
  visibility: hidden;
}
.checkbox-a input:checked ~ .checkbox-icon {
  background-color: var(--checkbox-a-checked-icon-background-color);
  color: var(--checkbox-a-checked-icon-color);
}
.checkbox-a input:checked ~ .checkbox-icon .icon-symbol {
  visibility: visible;
}
.checkbox-a .checkbox-icon {
  width: var(--checkbox-a-icon-size);
  height: var(--checkbox-a-icon-size);
  line-height: var(--checkbox-a-icon-line-height);
}
.checkbox-a .checkbox-icon,
.checkbox-a .checkbox-icon .checkbox-icon-on {
  text-align: center;
}
.checkbox-a .checkbox-icon .checkbox-icon-on {
  display: none;
  position: absolute;
  top: var(--checkbox-a-icon-on-top);
  left: var(--checkbox-a-icon-on-top);
  width: var(--checkbox-a-icon-on-width);
}
.checkbox-a.small {
  --checkbox-a-min-size: 30px;
}
.checkbox-a.small .checkbox-label {
  --checkbox-a-label-padding: 4px 6px;
}
.checkbox-a.small .checkbox-icon {
  --checkbox-a-icon-padding: 3px;
}
.checkbox-a.small .checkbox-label {
  --checkbox-a-label-margin-left: 30px;
}
.one-place-error {
  background-color: var(--one-place-error-bg);
  color: var(--one-place-error-color);
}
input,
textarea,
select,
button:not(.nostyle) {
  background: var(--input-background-color);
}
.file-control .file-browse-btn:before {
  border-color: var(--input-border-color);
}
.button.shadow {
  -webkit-box-shadow: 0 2px 0 var(--button-shadow-color);
  box-shadow: 0 2px 0 var(--button-shadow-color);
}
.form-control.transparent {
  border: 0 none;
  background: none;
}
.button:not(.nostyle) {
  background-color: var(--input-background-color-hover);
  border-color: var(--input-border-color-hover);
  color: var(--input-color-hover);
}
.button:not(.nostyle):hover {
  background-color: var(--input-background-color-hover);
  border-color: var(--input-border-color-hover);
  color: var(--input-color-hover);
}
.button:not(.nostyle):focus,
.button:not(.nostyle).active {
  background-color: var(--input-background-color-focus);
  border-color: var(--input-border-color-focus);
  color: var(--input-color-focus);
}
.form-control:not(.transparent),
.form-control:not(.transparent) ~ .file-input {
  border-color: var(--input-border-color);
}
.form-control:not(.transparent):hover,
.form-control:not(.transparent):hover ~ .file-input {
  border-color: var(--input-border-color-hover);
}
.form-control:not(.transparent):focus,
.form-control:not(.transparent):focus ~ .file-input {
  border-color: var(--input-border-color-focus);
  -webkit-box-shadow: 0 0 15px var(--input-border-shadow-focus);
  box-shadow: 0 0 15px var(--input-border-shadow-focus);
}
.form-error:not(.ng-valid),
.form-error:not(.ng-valid) ~ .file-input {
  border-color: var(--error-background-color);
}
.form-error:not(.ng-valid):hover,
.form-error:not(.ng-valid):hover ~ .file-input {
  border-color: var(--error-background-color);
}
.form-error:not(.ng-valid):focus,
.form-error:not(.ng-valid):focus ~ .file-input {
  border-color: var(--error-background-color) -webkit-box-shadow: 0 0 15px var(--input-error-shadow-color); //-moz-box-shadow: @args; box-shadow: 0 0 15px var(--input-error-shadow-color);;
}
[readonly].form-control,
[readonly].form-control:focus,
[readonly].form-control:hover,
[readonly].form-control ~ .file-input,
[readonly].form-control:focus ~ .file-input,
[readonly].form-control:hover ~ .file-input {
  border-color: var(--border-color);
}
select.form-control ~ .select-input {
  border-color: var(--input-border-color);
}
select.form-control:hover ~ .select-input {
  border-color: var(--border-color);
}
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
select.form-control:focus ~ .select-input {
  border-color: var(--anchor-color);
  -webkit-box-shadow: 0 0 15px var(--input-border-shadow-focus);
  box-shadow: 0 0 15px var(--input-border-shadow-focus);
}
.selectbox .select-input {
  border-color: var(--input-border-color);
}
.form-help-text {
  color: inherit;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.alertbox {
  --alert-body-width: 0;
  --alert-body-movex: translateX(100%);
  margin-bottom: 5px;
  display: block;
  -webkit-box-shadow: 0 5px 10px rgba(7, 17, 43, 0.07);
  box-shadow: 0 5px 10px rgba(7, 17, 43, 0.07);
  border: 0 none;
  overflow: hidden;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: var(--alert-body-movex);
  -moz-transform: var(--alert-body-movex);
  -o-transform: var(--alert-body-movex);
  -ms-transform: var(--alert-body-movex);
  transform: var(--alert-body-movex);
}
.alertbox.active {
  --alert-body-width: 250px;
  --alert-body-movex: translateX(0%);
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.alertbox .alert-body {
  display: -webkit-flex;
  display: flex;
  padding: 0 0.5rem;
}
.alertbox .alert-body > div,
.alertbox .alert-body > span,
.alertbox .alert-body > li {
  min-width: 1%;
}
.alertbox .alert-body.wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}
.alertbox .alert-body.grow > div,
.alertbox .alert-body.grow > span,
.alertbox .alert-body.grow > li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.alertbox .alert-body > div,
.alertbox .alert-body > span,
.alertbox .alert-body > li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.alertbox .alert-body {
  min-height: 50px;
  -webkit-align-items: center;
  align-items: center;
}
.alertbox .alert-icon {
  vertical-align: middle;
  position: relative;
  width: 25px;
  overflow: hidden;
  text-align: center;
}
.alertbox .alert-icon i.fa {
  padding: 10px 15px;
  font-size: 1rem;
  line-height: 100%;
  position: relative;
  top: 50%;
  margin: 5px;
}
.alertbox > .alert-body > .alert-content {
  padding: 20px 50px 20px 10px;
}
.alertbox > .alert-body > .alert-content p {
  margin: 0;
}
.alertbox .alert-close {
  border: 0 none;
  display: block;
  padding: 2px;
  text-align: center;
  line-height: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -13px;
  text-decoration: none;
  cursor: pointer;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.alertbox .alert-close {
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.alertbox:hover .alert-close,
.alertbox .alert-close:hover {
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.alertbox,
.alertbox * {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.alertbox a {
  text-decoration: underline;
}
.alert-top-left,
.alert-top-right,
.alert-bottom-left,
.alert-bottom-right {
  z-index: 1005;
  position: relative;
  display: block;
}
.alert-top-left.active,
.alert-top-right.active,
.alert-bottom-left.active,
.alert-bottom-right.active {
  min-width: 150px;
}
.alert-top-right,
.alert-bottom-right {
  float: right;
  clear: right;
}
.notifications_ {
  position: relative;
  z-index: 1000;
}
.notifications_ .notifications-top-left,
.notifications_ .notifications-top-right,
.notifications_ .notifications-bottom-left,
.notifications_ .notifications-bottom-right {
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1%;
}
.notifications_ .notifications-top-left,
.notifications_ .notifications-top-right {
  top: 0;
}
.notifications_ .notifications-top-left {
  left: 0;
}
.notifications_ .notifications-top-right {
  right: 0;
}
.notifications_ .notifications-bottom-left,
.notifications_ .notifications-bottom-right {
  bottom: 0;
}
.notifications_ .notifications-bottom-left {
  left: 0;
}
.notifications_ .notifications-bottom-right {
  right: 0;
}
.alertbox {
  --alertbox-theme: var(--white);
  --alertbox-color: var(--black);
  background-color: var(--alertbox-theme);
  color: var(--alertbox-color);
}
.alertbox .alert-close {
  background-color: var(--alertbox-color) !important;
  color: var(--alertbox-theme);
}
.alertbox.theme {
  --alertbox-theme: var(--bg-a1);
  --alertbox-color: var(--color-a1);
}

.carousel3d > .inner {
  overflow: hidden;
}
.carousel3d > .inner.pushtop,
.carousel3d > .inner .pushtop {
  margin-top: -30px;
}
.carousel3d > .inner .itemlist {
  list-style: none;
  width: 100%;
  clear: both;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  display: block;
}
.carousel3d > .inner .itemlist:not(.nopush) {
  bottom: -30px;
}
.carousel3d > .inner .itemlist > .item {
  display: inline-block;
  margin: 0;
  position: relative;
  white-space: normal;
}
.carousel3d > .inner .itemlist > .item:not(.grid) {
  width: calc(75% - 0px);
}
.carousel3d > .inner .itemlist > .item:not(.nopad) {
  padding: 0 5px;
}
.carousel3d > .inner .itemlist > .item .shadow {
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-box-shadow: 0 0 10px rgba(7, 17, 43, 0.1);
  box-shadow: 0 0 10px rgba(7, 17, 43, 0.1);
}
.carousel3d > .inner .itemlist > .item .hoverborder {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.carousel3d > .inner .itemlist > .item.active .hoverborder {
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.carousel3d > .inner .itemlist > .item.active .shadow {
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-box-shadow: 50px 0 50px rgba(110, 169, 42, 0.7);
  box-shadow: 50px 0 50px rgba(110, 169, 42, 0.7);
}
.carousel3d.full > .inner .itemlist > .item {
  width: 100%;
}
.carousel3d-content .bgs-item {
  height: 0;
  overflow: hidden;
}
.carousel3d-content .bgs-item .item-inner {
  position: relative;
  top: 0;
}
.carousel3d-content .bgs-item.active {
  height: inherit;
  overflow: visible;
}
.carousel3d-content .bgs-item.active .item-inner {
  top: 0;
}
@media (min-width: 400px) {
  .grid3 > .inner .itemlist > .item {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .grid3 > .inner .itemlist > .item {
    width: 49.5%;
  }
}
@media (min-width: 1024px) {
  .grid3 > .inner .itemlist > .item {
    width: 33%;
  }
}
.yslide {
  overflow: hidden;
}
.yslide:not(.yslidev) {
  height: 0;
}
.yslide > .inner {
  position: relative;
  top: -100%;
  margin-top: -100%;
}
.xslide {
  width: 0;
  overflow: hidden;
}
.xslide > .inner {
  position: relative;
  margin-right: -100%;
}
.xslide.active {
  width: 100%;
}
.xslide.active > .inner {
  margin-right: 0%;
}
.active .yslide,
.yslide.active,
.leaf2 .yslide:first-child,
.leaf2 .yslide:first-child ~ .yslide,
.show .yslide,
.yslide.show {
  height: 100%;
}
.active .yslide > .inner,
.yslide.active > .inner,
.leaf2 .yslide:first-child > .inner,
.leaf2 .yslide:first-child ~ .yslide > .inner,
.show .yslide > .inner,
.yslide.show > .inner {
  margin-top: 0;
  top: 0;
}
.intro-slide-grad {
  --white-grad-top: #07112b;
  background: -webkit-linear-gradient(top, var(--white-grad-top) -10%, var(--white-grad-bottom) 100%) no-repeat;
  background: -moz-linear-gradient(top, var(--white-grad-top) -10%, var(--white-grad-bottom) 100%) no-repeat;
  background: -ms-linear-gradient(to bottom, var(--white-grad-top) -10%, var(--white-grad-bottom) 100%) no-repeat;
  background: -o-linear-gradient(top, var(--white-grad-top) -10%, var(--white-grad-bottom) 100%) no-repeat;
  background: linear-gradient(to bottom, var(--white-grad-top) -10%, var(--white-grad-bottom) 100%) no-repeat;
}
.slide-animate-a {
  --sa-item-width: 0px;
  --sa-item-inner-width: 100vw;
  min-width: inherit;
}
.slide-animate-a,
.slide-animate-a .sa-item {
  overflow-y: auto;
  overflow-x: hidden;
}
.slide-animate-a .sa-item {
  width: var(--sa-item-width);
  min-width: var(--sa-item-width) !important;
  max-width: var(--sa-item-width);
}
.slide-animate-a .sa-item > .inner {
  width: var(--sa-item-inner-width);
  min-width: var(--sa-item-inner-width);
  max-width: var(--sa-item-inner-width);
}
.slide-animate-a .active.sa-item {
  --sa-item-width: 100%;
  --sa-item-inner-width: 100%;
}
.slide-animate-a .sa-item {
  --txt-movex: 20%;
}
.slide-animate-a .sa-item .txt-movex {
  position: relative;
  left: var(--txt-movex);
}
.slide-animate-a .active {
  --txt-movex: 1%;
}
.slide-animate-a .slide-up {
  overflow: hidden;
  height: 0;
}
.slide-animate-a .slide-up > .inner {
  height: inherit;
  position: relative;
  top: -100%;
  margin-top: -100%;
}
.slide-animate-a .active.sa-item .slide-up {
  height: 100%;
}
.slide-animate-a .active.sa-item .slide-up > .inner {
  margin-top: 0;
  top: 0;
}
.slide-wrap {
  white-space: nowrap;
}
.slide-wrap .sa-item {
  white-space: normal;
}
.carousel-nav-btn:not(.nominw) {
  min-width: 40px;
}
.slide-animate-a.ongridcol {
  --sa-item-width: 0px;
  --sa-item-inner-width: 100%;
  min-width: inherit;
}
.slide-animate-a.ongridcol .sa-item {
  width: var(--sa-item-width);
  min-width: var(--sa-item-width) !important;
  max-width: var(--sa-item-width);
}
.slide-animate-a.ongridcol .sa-item > .inner {
  width: var(--sa-item-inner-width);
  min-width: var(--sa-item-inner-width);
  max-width: var(--sa-item-inner-width);
}
.slide-animate-a.ongridcol .active.sa-item {
  --sa-item-width: 100%;
  --sa-item-inner-width: 100%;
}
.slide-wrap {
  white-space: nowrap;
}
.slide-wrap .sa-item {
  white-space: normal;
}
.carousel-nav-btn {
  min-width: 40px;
}
@media (max-width: 800px) {
  .pull-left-carousel-btn {
    left: -35px !important;
  }
  .pull-right-carousel-btn {
    right: -35px !important;
  }
}

.crud-table {
  --crud-list-nav-width: 0px;
  --crud-list-content-width: calc(100% - var(--crud-list-nav-width));
  --crud-btn-width: 35px;
}
.crud-table .crud-header {
  margin-bottom: 0.3em;
}
.crud-table .crud-table-toggle-menu {
  max-width: var(--crud-btn-width);
  overflow: hidden;
}
.crud-table .crud-table-toggle-menu .crud-btn-icon:first-child {
  margin-left: 0;
}
.crud-table .crud-table-toggle-menu .crud-btn-icon {
  padding: 0 !important;
  min-width: var(--crud-btn-width);
}
.crud-table .crud-btn-col {
  width: var(--crud-btn-width);
  min-width: var(--crud-btn-width) !important;
  max-width: var(--crud-btn-width);
}
.crud-table .crud-btn-col:not(.padon) {
  padding: 0 !important;
}
.crud-table .crud-btn-col .crud-btn {
  line-height: var(--crud-btn-width);
}
.crud-table.crud-table-open .crud-table-toggle-menu .crud-btn-icon:first-child {
  margin-left: -100%;
}
.crud-list {
  width: 100%;
}
.crud-list .crud-list-nav {
  min-width: 0px !important;
}
.crud-list .crud-list-nav {
  width: var(--crud-list-nav-width);
  overflow-x: hidden;
  z-index: 4;
}
.crud-list .crud-list-nav > .crud-inner {
  min-width: var(--crud-list-nav-width);
  max-width: 100%;
}
.crud-list .crud-list-content {
  max-width: var(--crud-list-content-width);
  min-width: var(--crud-list-content-width);
  z-index: 3;
}
.crud-table.crud-table-open {
  --crud-list-nav-width: 300px;
}

@font-face {
  font-family: light;
  src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
}
@font-face {
  font-family: lighti;
  src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-family: regulari;
  src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
}
@font-face {
  font-family: medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
}
@font-face {
  font-family: mediumi;
  src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-family: semibold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: semiboldi;
  src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
}
@font-face {
  font-family: boldi;
  src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: extrabold;
  src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: extraboldi;
  src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: "black";
  src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
}
@font-face {
  font-family: blacki;
  src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
}
.translate-x-move-a,
.translate-y-move-a,
.translate-l-move-a,
.play-w-a,
.translate-t-move-a {
  -webkit-transition: all 0.5s ease 0.25s;
  -moz-transition: all 0.5s ease 0.25s;
  -o-transition: all 0.5s ease 0.25s;
  -ms-transition: all 0.5s ease 0.25s;
  transition: all 0.5s ease 0.25s;
}
.translate-x-move-b,
.translate-y-move-b,
.translate-l-move-b,
.play-w-b,
.translate-t-move-b {
  -webkit-transition: all 0.5s ease 0.35s;
  -moz-transition: all 0.5s ease 0.35s;
  -o-transition: all 0.5s ease 0.35s;
  -ms-transition: all 0.5s ease 0.35s;
  transition: all 0.5s ease 0.35s;
}
.translate-x-move-c,
.translate-y-move-c,
.translate-l-move-c,
.play-w-c,
.translate-t-move-c {
  -webkit-transition: all 0.5s ease 0.45s;
  -moz-transition: all 0.5s ease 0.45s;
  -o-transition: all 0.5s ease 0.45s;
  -ms-transition: all 0.5s ease 0.45s;
  transition: all 0.5s ease 0.45s;
}
.translate-x-move-d,
.translate-y-move-d,
.translate-l-move-d,
.play-w-d,
.translate-t-move-d {
  -webkit-transition: all 0.5s ease 0.55s;
  -moz-transition: all 0.5s ease 0.55s;
  -o-transition: all 0.5s ease 0.55s;
  -ms-transition: all 0.5s ease 0.55s;
  transition: all 0.5s ease 0.55s;
}
.translate-x-move-e,
.translate-y-move-e,
.translate-l-move-e,
.play-w-e,
.translate-t-move-e {
  -webkit-transition: all 0.5s ease 0.65s;
  -moz-transition: all 0.5s ease 0.65s;
  -o-transition: all 0.5s ease 0.65s;
  -ms-transition: all 0.5s ease 0.65s;
  transition: all 0.5s ease 0.65s;
}
.translate-x-move-f,
.translate-y-move-f,
.translate-l-move-f,
.play-w-f,
.translate-t-move-f {
  -webkit-transition: all 0.5s ease 0.75s;
  -moz-transition: all 0.5s ease 0.75s;
  -o-transition: all 0.5s ease 0.75s;
  -ms-transition: all 0.5s ease 0.75s;
  transition: all 0.5s ease 0.75s;
}
.translate-x-move-a {
  transform: translate(100%, 0%);
}
.translate-x-move-b {
  transform: translate(100%, 0%);
}
.translate-x-move-c {
  transform: translate(100%, 0%);
}
.translate-x-move-d {
  transform: translate(100%, 0%);
}
.translate-x-move-e {
  transform: translate(100%, 0%);
}
.translate-x-move-f {
  transform: translate(100%, 0%);
}
.translate-y-move-a {
  transform: translate(0%, 100%);
}
.translate-y-move-b {
  transform: translate(0%, 100%);
}
.translate-y-move-c {
  transform: translate(0%, 100%);
}
.translate-y-move-d {
  transform: translate(0%, 100%);
}
.translate-y-move-e {
  transform: translate(0%, 100%);
}
.translate-y-move-f {
  transform: translate(0%, 100%);
}
.translate-t-move-a {
  transform: translate(0%, -100%);
}
.translate-t-move-b {
  transform: translate(0%, -100%);
}
.translate-t-move-c {
  transform: translate(0%, -100%);
}
.translate-t-move-d {
  transform: translate(0%, -100%);
}
.translate-t-move-e {
  transform: translate(0%, -100%);
}
.translate-t-move-f {
  transform: translate(0%, -100%);
}
.translate-l-move-a {
  transform: translate(-100%, 0%);
}
.translate-l-move-b {
  transform: translate(-100%, 0%);
}
.translate-l-move-c {
  transform: translate(-100%, 0%);
}
.translate-l-move-d {
  transform: translate(-100%, 0%);
}
.translate-l-move-e {
  transform: translate(-100%, 0%);
}
.translate-l-move-f {
  transform: translate(-100%, 0%);
}
.translate-x-move-a,
.translate-x-move-b,
.translate-x-move-c,
.translate-x-move-d,
.translate-x-move-e,
.translate-x-move-f,
.translate-t-move-a,
.translate-t-move-b,
.translate-t-move-c,
.translate-t-move-d,
.translate-t-move-e,
.translate-t-move-f,
.translate-y-move-a,
.translate-y-move-b,
.translate-y-move-c,
.translate-y-move-d,
.translate-y-move-e,
.translate-y-move-f,
.translate-l-move-a,
.translate-l-move-b,
.translate-l-move-c,
.translate-l-move-d,
.translate-l-move-e,
.translate-l-move-f {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.play-parent:not(.active) .play-w-a,
.play-parent:not(.active) .play-w-b,
.play-parent:not(.active) .play-w-c,
.play-parent:not(.active) .play-w-d,
.play-parent:not(.active) .play-w-e,
.play-parent:not(.active) .play-w-f {
  width: 0;
}
.active .translate-x-move-a,
.active .translate-x-move-b,
.active .translate-x-move-c,
.active .translate-x-move-d,
.active .translate-x-move-e,
.active .translate-x-move-f,
.active .translate-t-move-a,
.active .translate-t-move-b,
.active .translate-t-move-c,
.active .translate-t-move-d,
.active .translate-t-move-e,
.active .translate-t-move-f,
.active .translate-y-move-a,
.active .translate-y-move-b,
.active .translate-y-move-c,
.active .translate-y-move-d,
.active .translate-y-move-e,
.active .translate-y-move-f,
.active .translate-l-move-a,
.active .translate-l-move-b,
.active .translate-l-move-c,
.active .translate-l-move-d,
.active .translate-l-move-e,
.active .translate-l-move-f {
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transform: translate(0%, 0%);
}

.jse--output{
	position: relative;
	min-height: 100px;
	outline: 1px solid #eee;
	padding: 0;
	color: white;
	background-color: #f3f6fa;
    background-image: linear-gradient(#fff 50%, transparent 50%, transparent);
    background-size: 60px 60px;
    color: black;
    font-family: monospace;
}

.jse--output .jse--row{
	position: relative;
	display: block;
	margin: 0px;
	line-height: 30px;
}

.jse--output .jse--row:hover{
	background-color: rgba( 0, 0, 0, 0.01);
	outline: 1px dotted #555;
}

.jse--output .jse--delete{
	position: absolute;
	right: 0;
	top: 0;
	width: 2em;
	text-align: center;
	font-size: 1.5em;
	cursor: pointer;
}

.jse--output .jse--row.jse--add{
	font-weight: bold;
	height: 30px;
}

.jse--output .jse--row.jse--add .jse--plus{
	font-size: 1em;
	padding-left: 20px !important;
	cursor: pointer;
	border: none;
	background-color: transparent;
	margin-left: 6px;
	padding: 0 !important;
	width: 30px;
	height: 30px;
}

.jse--output .jse--typeof{
	font-weight: 200;
	font-size: 0.9em;
	color: #555;
	margin-left: 50px;
}

.jse--output input{
	border: none;
	background-color: transparent;
	margin: 0;
	line-height: 30px;
	height: 30px;
	padding: 0 15px;
}

.jse--output input:hover{
	background-color: rgba(249, 251, 253, 0.5)
}

.jse--output input:focus{
	outline: 1px solid silver;
	background-color: rgba(249, 251, 253, 1)
}

.jse--output input.jse--key{
	font-weight: bold;
}

.jse--output input.jse--value{
	font-style: italic;
}

.jse--output input[type=checkbox].jse--value__new{
	position: absolute;
}

.jse--output .jse--row-object > .jse--row,
.jse--output .jse--row--array > .jse--row{
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px dotted #ccc;
}
.jse-btn{
	font-size: 90%;
	font-family: "regular";
	display: inline-block;
	padding: .1em .51em;
	border : 1px solid rgba( 0, 0, 0, 0.01);
	background-color: var(--bg-grey-a1);
	color: var(--color-grey-a1);
}

.jse-btn:hover{
	background-color: var(--bg-grey-b1);
	color: var(--color-grey-b1);
}
.jse-btn:focus{
	background-color: var(--bg-grey-c1);
	color: var(--color-grey-c1);
}
.right-menu-list {
  --right-menulist-anchor-bg: transparent;
  --right-menulist-anchor-color: var(--white);
  --right-menulist-anchor-overlay-bg: var(--black);
  --right-menulist-anchor-overlay-fade: 0;
  --right-menulist-anchor-overlay-fade-hover: 0.5;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: var(--editor-header-height);
}
.right-menu-list > li > a {
  min-width: 50px;
  line-height: calc(var(--editor-header-height) - 2px);
}
.right-menu-list > li > a .fill-overlay {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  transition: all 0.7s ease;
  background-color: var(--right-menulist-anchor-overlay-bg);
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.right-menu-list > li > a .bg-filler {
  background-color: var(--right-menulist-anchor-bg);
  color: var(--right-menulist-anchor-color);
}
.right-menu-list > li > a:hover .fill-overlay,
.right-menu-list > li:hover .fill-overlay {
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.toollist {
  --toollist-anchor-width: 50px;
  --toollist-anchor-bg: rgba(34, 34, 34, 0.1);
  --toollist-anchor-color: var(--white);
  --toollist-anchor-bg-hover: var(--bg-grey-d1);
  --toollist-anchor-color-hover: var(--color-grey-d1);
  --toollist-dd-bg: var(--toollist-anchor-bg-hover);
  --toollist-dd-shadow: rgba(34, 34, 34, 0.1);
  --toollist-anchor-family: "regular";
  --toollist-dd-anchor-bg: rgba(34, 34, 34, 0.01);
  --toollist-dd-anchor-color: var(--white);
  --toollist-dd-anchor-bg-hover: var(--bg-grey-c1);
  --toollist-dd-anchor-color-hover: var(--color-grey-c1);
}
.toollist > ul > li {
  min-width: var(--toollist-anchor-width);
}
.toollist > ul > li > a {
  line-height: var(--editor-header-height);
}
.toollist > ul > li > a {
  background-color: var(--toollist-anchor-bg);
  color: var(--toollist-anchor-color);
}
.toollist > ul > li.tool-dropdown:hover > a,
.toollist > ul > li > a:hover {
  background-color: var(--toollist-anchor-bg-hover);
  color: var(--toollist-anchor-color-hover);
}
.toollist > ul .dropdown-target ul > li > a {
  background-color: var(--toollist-dd-anchor-bg);
  color: var(--toollist-dd-anchor-color);
}
.toollist > ul .dropdown-target ul > li > a:hover {
  background-color: var(--toollist-dd-anchor-bg-hover);
  color: var(--toollist-dd-anchor-color-hover);
}
.toollist ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.toollist ul a {
  display: block;
  font-family: var(--toollist-anchor-family);
}
.toollist ul .icon-w {
  min-width: 40px !important;
  max-width: 40px !important;
}
.toollist ul > li {
  display: inline-block;
}
.toollist ul > li > a {
  text-align: center;
}
.toollist ul .tool-dropdown .dropdown-target {
  position: absolute;
  top: 100%;
  min-width: 200px;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.toollist ul .tool-dropdown .dropdown-target ul {
  background-color: var(--toollist-dd-bg);
  position: relative;
  margin-top: -100%;
  -webkit-box-shadow: 0 3px 10px var(--toollist-dd-shadow);
  box-shadow: 0 3px 10px var(--toollist-dd-shadow);
}
.toollist ul .tool-dropdown .dropdown-target li {
  display: block;
}
.toollist ul .tool-dropdown .dropdown-target li:not(:last-child) {
  -webkit-box-shadow: 0 1px 1px var(--toollist-dd-shadow);
  box-shadow: 0 1px 1px var(--toollist-dd-shadow);
}
.toollist ul .tool-dropdown .dropdown-target li a {
  padding: 0.3rem 0;
}
.toollist ul .tool-dropdown:hover .dropdown-target,
.toollist ul .tool-dropdown > a:hover ~ .dropdown-target,
.toollist ul .tool-dropdown.open .dropdown-target {
  padding: 0 0em 1em 1em;
}
.toollist ul .tool-dropdown:hover .dropdown-target ul,
.toollist ul .tool-dropdown > a:hover ~ .dropdown-target ul,
.toollist ul .tool-dropdown.open .dropdown-target ul {
  margin-top: 0;
}
.toollist.align-end {
  float: right;
}
.toollist.align-end ul .tool-dropdown .dropdown-target {
  right: 0;
}