@charset "UTF-8"; /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
*,
:after,
:before {
  box-sizing: inherit;
}
audio,
embed,
img,
object,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
.frontApp .Page .twoColumns {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.frontApp .Page .twoColumns .left,
.frontApp .Page .twoColumns .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  box-sizing: border-box;
}
.frontApp .Page .twoColumns.imageLeft .left {
  width: 33%;
}
.frontApp .Page .twoColumns.imageLeft .left img {
  max-width: 100%;
}
.frontApp .Page .twoColumns.imageLeft .right {
  width: 60%;
}
.frontApp .Page .twoColumns.imageRight .right {
  width: 33%;
}
.frontApp .Page .twoColumns.imageRight .right img {
  max-width: 100%;
}
.frontApp .Page .twoColumns.imageRight .left {
  width: 60%;
}
.frontApp .Page .twoColumns.slideshowLeft .left {
  width: 50%;
}
.frontApp .Page .twoColumns.slideshowLeft .right {
  width: 42%;
}
.frontApp .Page .twoColumns.slideshowRight .right {
  width: 50%;
}
.frontApp .Page .twoColumns.slideshowRight .left {
  width: 42%;
}
.frontApp .Page .twoColumns.formRightSmall .left {
  width: 33%;
}
.frontApp .Page .twoColumns.formRightSmall .right {
  width: 60%;
}
.frontApp .Page .twoColumns.twoSides1 .left {
  align-items: flex-start;
}
.frontApp .Page .twoColumns.twoSides1 .right {
  align-items: flex-end;
}
.frontApp .Page .twoColumns.text2Cols3 {
  align-items: flex-start;
}
.frontApp .Page .twoColumns.text2Cols3 .left,
.frontApp .Page .twoColumns.text2Cols3 .right {
  align-items: flex-start;
  width: 60%;
}
.frontApp .Page .twoColumns.text2Cols3 .left {
  width: 40%;
  padding-right: 4vw;
}
.frontApp .Page .twoColumns.footerCols {
  align-items: flex-end;
}
.frontApp .Page .twoColumns.footerCols .left {
  align-items: flex-start;
}
.frontApp .Page .twoColumns.footerCols .right {
  padding-left: 5vh;
  align-items: flex-end;
}
.frontApp .Page .footerCols .Button {
  font-size: 70%;
}
.frontApp .Page .twoColumns.twoColumns4 {
  align-items: flex-start;
}
.frontApp .Page .twoColumns.twoColumns4 .left {
  margin-right: 2vw;
}
.frontApp .Page .twoColumns.twoColumns4 .right {
  margin-left: 2vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .twoColumns.twoColumns4 .left,
  .frontApp .Page .twoColumns.twoColumns4 .right {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .twoColumns {
    display: block;
  }
  .frontApp .Page .twoColumns .left,
  .frontApp .Page .twoColumns .right {
    width: 100% !important;
  }
  .frontApp .Page .twoColumns .left:first-child,
  .frontApp .Page .twoColumns .right:first-child {
    margin-bottom: 2em;
  }
}
.frontApp .twoColumnsAndTop .colWrapper {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.frontApp .twoColumnsAndTop .colWrapper .left,
.frontApp .twoColumnsAndTop .colWrapper .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  box-sizing: border-box;
}
.frontApp .twoColumnsAndTop .colWrapper .left {
  padding-right: 4vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .twoColumnsAndTop .colWrapper {
    display: block;
  }
  .frontApp .twoColumnsAndTop .colWrapper .left,
  .frontApp .twoColumnsAndTop .colWrapper .right {
    width: 100%;
    padding: 0;
  }
}
.frontApp .Page .threeColumns {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.frontApp .Page .threeColumns .left {
  justify-self: flex-start;
  align-items: flex-start;
}
.frontApp .Page .threeColumns .right {
  justify-self: flex-end;
  align-items: flex-end;
}
.frontApp .Page .threeColumns .center {
  white-space: nowrap;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .threeColumns .center {
    white-space: normal;
  }
}
.frontApp .Page .threeColumns2 {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.frontApp .Page .threeColumns2 .left {
  width: 40vw;
}
.frontApp .Page .threeColumns2 .left .SingleImageBg {
  height: 100%;
}
.frontApp .Page .threeColumns2 .middle {
  margin: 0 3vw 0 10vw;
  width: 17vw;
}
.frontApp .Page .threeColumns2 .middle,
.frontApp .Page .threeColumns2 .right {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.frontApp .Page .threeColumns2 .right {
  width: 20vw;
  margin-right: 10vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .threeColumns2 {
    display: block;
    padding: 0 7vw !important;
  }
  .frontApp .Page .threeColumns2 .left .SingleImageBg {
    height: 35vh;
  }
  .frontApp .Page .threeColumns2 .left,
  .frontApp .Page .threeColumns2 .middle,
  .frontApp .Page .threeColumns2 .right {
    width: 100%;
    margin: 3vh 0;
  }
  .frontApp .Page .threeColumns2 .left .Form,
  .frontApp .Page .threeColumns2 .middle .Form,
  .frontApp .Page .threeColumns2 .right .Form {
    max-width: 100% !important;
  }
}
.frontApp .Page .threeColumns3 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 20vw;
}
.frontApp .Page .threeColumns3 .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.frontApp .Page .threeColumns3 .left .SingleImageBg {
  height: 100%;
}
.frontApp .Page .threeColumns3 .middle {
  margin-right: 7vw;
  width: 40vw;
  z-index: 2;
}
.frontApp .Page .threeColumns3 .right {
  z-index: 3;
  width: 15vw;
}
.frontApp .Page .imageTop .SingleImageBg,
.frontApp .Page .imageTop .Slideshow,
.frontApp .Page .slideshowTop .SingleImageBg,
.frontApp .Page .slideshowTop .Slideshow {
  width: 100%;
  z-index: 0;
}
.frontApp .Page .imageTop .pbElements,
.frontApp .Page .slideshowTop .pbElements {
  padding-left: 7vw;
  padding-right: 7vw;
}
.frontApp .Page .imageTop.imageBottom {
  flex-direction: column-reverse;
}
.frontApp .Page .imageTop2 .SingleImageBg {
  height: 40vh;
  width: 100%;
  z-index: 0;
}
.frontApp .Page .imageTop2 .bottomCols {
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.frontApp .Page .imageTop2 .bottomCols .left,
.frontApp .Page .imageTop2 .bottomCols .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 48%;
}
.frontApp .Page .imageTop2 .bottomCols .left {
  width: 33%;
}
.frontApp .Page .imageTop2 .bottomCols .left img {
  max-width: 100%;
}
.frontApp .Page .imageTop2 .bottomCols .right {
  width: 60%;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .imageTop2 .bottomCols {
    display: block;
  }
  .frontApp .Page .imageTop2 .bottomCols .left,
  .frontApp .Page .imageTop2 .bottomCols .right {
    width: 100%;
    box-sizing: border-box;
  }
}
.frontApp .Page .halfScreen {
  display: flex;
  flex-direction: row;
}
.frontApp .Page .halfScreen .halfFigure {
  width: 50vw;
  align-self: auto;
  overflow: hidden;
}
.frontApp .Page .halfScreen .halfFigure.Slideshow {
  width: 50vw;
}
.frontApp .Page .halfScreen .pbElements {
  width: 50vw;
  height: 100%;
  display: flex;
  padding: 7vh 7vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: center;
}
.frontApp .Page .halfScreen.halfscreen2Left .pbElements {
  padding-left: 10vw;
}
.frontApp .Page .halfScreen.halfscreen2Right .pbElements {
  padding-right: 10vw;
}
.frontApp .Page .halfScreen.halfscreenRight {
  flex-direction: row-reverse;
}
.frontApp .Page .halfScreen.halfscreenCv {
  flex-direction: row-reverse;
}
.frontApp .Page .halfScreen.halfscreenCv .pbElements {
  width: 65vw;
  padding: 7vh 12vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .halfScreen.halfscreenCv .pbElements {
    width: 100%;
  }
}
.frontApp .Page .halfScreen.halfscreenCv .halfFigure {
  width: 35vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .halfScreen {
    display: block;
  }
  .frontApp .Page .halfScreen .halfFigure {
    width: 100% !important;
    min-height: 50vh;
  }
  .frontApp .Page .halfScreen .halfFigure .theBgImgDiv {
    min-height: 50vh;
  }
  .frontApp .Page .halfScreen .pbElements {
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .contactCenter,
  .frontApp .formRightSmall {
    padding-left: 7vw !important;
    padding-right: 7vw !important;
  }
}
.frontApp .Page .cv1 .wrapper,
.frontApp .Page .cv2 .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.frontApp .Page .cv1 .wrapper .left,
.frontApp .Page .cv1 .wrapper .right,
.frontApp .Page .cv2 .wrapper .left,
.frontApp .Page .cv2 .wrapper .right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.frontApp .Page .cv1 .wrapper .left,
.frontApp .Page .cv2 .wrapper .left {
  width: 54%;
}
.frontApp .Page .cv1 .wrapper .right,
.frontApp .Page .cv2 .wrapper .right {
  width: 38%;
}
.frontApp .Page .cv2 .wrapperTop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .cv1 .wrapper,
  .frontApp .Page .cv2 .wrapper {
    flex-direction: column-reverse;
  }
  .frontApp .Page .cv1 .wrapper .left,
  .frontApp .Page .cv1 .wrapper .right,
  .frontApp .Page .cv2 .wrapper .left,
  .frontApp .Page .cv2 .wrapper .right {
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .cv2 .wrapper {
    flex-direction: column;
  }
}
.frontApp .Page .coverTemp {
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.frontApp .Page .coverTemp * {
  z-index: 1;
}
.frontApp .Page .coverTemp .SingleImageBg {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.frontApp .Page .coverTemp.text1 .pbElements {
  max-width: 800px;
  align-self: flex-start;
}
.frontApp .Page .coverTemp.text2 .pbElements {
  max-width: 800px;
  align-self: flex-end;
}
.frontApp .Page .coverTemp.text4 .pbElements {
  max-width: 800px;
  align-self: center;
}
.frontApp .Page .coverTemp.text3 {
  justify-content: flex-start;
}
.frontApp .Page .coverTemp.text3 .pbElements {
  align-self: center;
}
.frontApp .Page .coverTemp.textBottom {
  justify-content: flex-end;
}
.frontApp .Page .coverTemp.headerLeft .pbElements,
.frontApp .Page .coverTemp.largeHeaderLeft .pbElements,
.frontApp .Page .coverTemp.logoLeft .pbElements,
.frontApp .Page .coverTemp.textLeft .pbElements {
  align-items: flex-start;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .coverTemp.headerLeft .pbElements,
  .frontApp .Page .coverTemp.largeHeaderLeft .pbElements,
  .frontApp .Page .coverTemp.logoLeft .pbElements,
  .frontApp .Page .coverTemp.textLeft .pbElements {
    align-items: center;
  }
}
.frontApp .Page .coverTemp.headerRight .pbElements,
.frontApp .Page .coverTemp.textRight .pbElements {
  align-items: flex-end;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .coverTemp.headerRight .pbElements,
  .frontApp .Page .coverTemp.textRight .pbElements {
    align-items: center;
  }
}
.frontApp .Page .coverTemp.cover8 .Links a,
.frontApp .Page .coverTemp.cover8 .Links span {
  margin-left: 2.7em;
  margin-right: 2.7em;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .coverTemp.cover8 .Links a,
  .frontApp .Page .coverTemp.cover8 .Links span {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .coverTemp.text1,
  .frontApp .Page .coverTemp.text2 {
    padding: 5vh !important;
  }
  .frontApp .Page .coverTemp.text1 .pbElements,
  .frontApp .Page .coverTemp.text2 .pbElements {
    align-self: center;
  }
}
.frontApp .Page .coverTemp.corner .pbElements {
  max-width: 800px;
  margin-left: 13vh;
  margin-top: 13vh;
  align-self: flex-start;
  margin-bottom: auto;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .coverTemp.corner .pbElements {
    margin-left: 0;
  }
  .frontApp .Page .coverTemp.corner .pbElements * {
    align-self: center !important;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .cover2 .Links,
  .frontApp .Page .cover8 .Links {
    flex-direction: column;
    line-height: 150%;
    text-align: center;
  }
  .frontApp .Page .cover7 .Links {
    font-size: xx-large !important;
    line-height: 150%;
  }
  .frontApp .Page .coverTemp.text1 *,
  .frontApp .Page .coverTemp.text2 * {
    align-self: center !important;
  }
}
.frontApp .Page .coverSlideshow .Slideshow,
.frontApp .Page .coverSlideshow4 .Slideshow,
.frontApp .Page .coverSlideshowLeft .Slideshow {
  z-index: 0;
}
.frontApp .Page .coverSlideshow .pbElements,
.frontApp .Page .coverSlideshow4 .pbElements,
.frontApp .Page .coverSlideshowLeft .pbElements {
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.frontApp .Page .coverSlideshow4 .pbElements {
  justify-content: flex-end;
  padding-bottom: 10vh;
}
.frontApp .Page .coverSlideshowLeft .pbElements {
  width: 80%;
  margin: 7vh 10vw;
  box-sizing: border-box;
  align-items: flex-start;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .coverSlideshowLeft .pbElements {
    align-items: center;
  }
}
.frontApp .Page .tempWithColumns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.frontApp .Page .tempWithColumns .pbElements {
  width: 25%;
  align-items: flex-start;
}
.frontApp .Page .tempWithColumns .pbElements[data-elements-position="bottom"] {
  display: none;
}
.frontApp .Page .tempWithColumns .Gallery {
  width: 68%;
  margin: 0;
}
.frontApp .Page .tempWithColumns .Gallery figure {
  padding-top: 0;
}
.frontApp .Page .tempWithColumns .Gallery.borders figure {
  padding-top: 2vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .tempWithColumns {
    display: block;
  }
  .frontApp .Page .tempWithColumns .Gallery,
  .frontApp .Page .tempWithColumns .pbElements {
    width: 100%;
  }
}
.frontApp .coverTwoColumns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.frontApp .coverTwoColumns .SingleImageBg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.frontApp .coverTwoColumns .left,
.frontApp .coverTwoColumns .right {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  box-sizing: border-box;
  padding-right: 3vw;
}
.frontApp .coverTwoColumns .right {
  padding-right: 0;
  padding-left: 3vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .coverTwoColumns {
    display: block;
  }
  .frontApp .coverTwoColumns .left,
  .frontApp .coverTwoColumns .right {
    width: 100%;
    padding: 0;
    justify-content: flex-start;
  }
}
.frontApp .textCoverRight {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.frontApp .textCoverRight .SingleImageBg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.frontApp .textCoverRight .left,
.frontApp .textCoverRight .right {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  box-sizing: border-box;
  padding-right: 3vw;
}
.frontApp .textCoverRight .right {
  padding-right: 0;
  padding-left: 3vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .textCoverRight {
    display: block;
  }
  .frontApp .textCoverRight .left,
  .frontApp .textCoverRight .right {
    width: 100%;
    padding: 0;
    justify-content: flex-start;
  }
}
.frontApp .twoColsLeftBgImg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.frontApp .twoColsLeftBgImg .left {
  padding: 7vh 7vw;
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  min-height: 100%;
}
.frontApp .twoColsLeftBgImg .left .pbElements {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
}
.frontApp .twoColsLeftBgImg .left .SingleImageBg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.frontApp .twoColsLeftBgImg .right {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 7vh 7vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .twoColsLeftBgImg {
    display: block;
  }
  .frontApp .twoColsLeftBgImg .left,
  .frontApp .twoColsLeftBgImg .right {
    width: 100%;
    padding: 7vh 7vw;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .email1 .Links,
  .frontApp .Page .email1 .SocialMedia.titles,
  .frontApp .Page .social1 .Links,
  .frontApp .Page .social1 .SocialMedia.titles,
  .frontApp .Page .submenu1 .Links,
  .frontApp .Page .submenu1 .SocialMedia.titles,
  .frontApp .Page .submenuCentered2 .Links,
  .frontApp .Page .submenuCentered2 .SocialMedia.titles {
    flex-direction: column;
    line-height: 150%;
    text-align: center;
  }
  .frontApp .Page .email1 .Links .icon,
  .frontApp .Page .email1 .SocialMedia.titles .icon,
  .frontApp .Page .social1 .Links .icon,
  .frontApp .Page .social1 .SocialMedia.titles .icon,
  .frontApp .Page .submenu1 .Links .icon,
  .frontApp .Page .submenu1 .SocialMedia.titles .icon,
  .frontApp .Page .submenuCentered2 .Links .icon,
  .frontApp .Page .submenuCentered2 .SocialMedia.titles .icon {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .footer1,
  .frontApp .Page .submenu4,
  .frontApp .Page .twoColumns.actionCols,
  .frontApp .Page .twoColumns.footerCols,
  .frontApp .Page .twoColumns.twoSides1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .frontApp .Page .footer1 .left,
  .frontApp .Page .footer1 .right,
  .frontApp .Page .submenu4 .left,
  .frontApp .Page .submenu4 .right,
  .frontApp .Page .twoColumns.actionCols .left,
  .frontApp .Page .twoColumns.actionCols .right,
  .frontApp .Page .twoColumns.footerCols .left,
  .frontApp .Page .twoColumns.footerCols .right,
  .frontApp .Page .twoColumns.twoSides1 .left,
  .frontApp .Page .twoColumns.twoSides1 .right {
    justify-self: center;
    align-items: center;
    padding: 0;
    text-align: center;
    display: block;
  }
  .frontApp .Page .footer1 .left .Links,
  .frontApp .Page .footer1 .right .Links,
  .frontApp .Page .submenu4 .left .Links,
  .frontApp .Page .submenu4 .right .Links,
  .frontApp .Page .twoColumns.actionCols .left .Links,
  .frontApp .Page .twoColumns.actionCols .right .Links,
  .frontApp .Page .twoColumns.footerCols .left .Links,
  .frontApp .Page .twoColumns.footerCols .right .Links,
  .frontApp .Page .twoColumns.twoSides1 .left .Links,
  .frontApp .Page .twoColumns.twoSides1 .right .Links {
    flex-direction: column;
    line-height: 150%;
  }
  .frontApp .Page .footer1 .left .Logo,
  .frontApp .Page .footer1 .left .LongText,
  .frontApp .Page .footer1 .left .ShortText,
  .frontApp .Page .footer1 .right .Logo,
  .frontApp .Page .footer1 .right .LongText,
  .frontApp .Page .footer1 .right .ShortText,
  .frontApp .Page .submenu4 .left .Logo,
  .frontApp .Page .submenu4 .left .LongText,
  .frontApp .Page .submenu4 .left .ShortText,
  .frontApp .Page .submenu4 .right .Logo,
  .frontApp .Page .submenu4 .right .LongText,
  .frontApp .Page .submenu4 .right .ShortText,
  .frontApp .Page .twoColumns.actionCols .left .Logo,
  .frontApp .Page .twoColumns.actionCols .left .LongText,
  .frontApp .Page .twoColumns.actionCols .left .ShortText,
  .frontApp .Page .twoColumns.actionCols .right .Logo,
  .frontApp .Page .twoColumns.actionCols .right .LongText,
  .frontApp .Page .twoColumns.actionCols .right .ShortText,
  .frontApp .Page .twoColumns.footerCols .left .Logo,
  .frontApp .Page .twoColumns.footerCols .left .LongText,
  .frontApp .Page .twoColumns.footerCols .left .ShortText,
  .frontApp .Page .twoColumns.footerCols .right .Logo,
  .frontApp .Page .twoColumns.footerCols .right .LongText,
  .frontApp .Page .twoColumns.footerCols .right .ShortText,
  .frontApp .Page .twoColumns.twoSides1 .left .Logo,
  .frontApp .Page .twoColumns.twoSides1 .left .LongText,
  .frontApp .Page .twoColumns.twoSides1 .left .ShortText,
  .frontApp .Page .twoColumns.twoSides1 .right .Logo,
  .frontApp .Page .twoColumns.twoSides1 .right .LongText,
  .frontApp .Page .twoColumns.twoSides1 .right .ShortText {
    text-align: center !important;
  }
  .frontApp .Page .footer1 .left .Form,
  .frontApp .Page .footer1 .left .Links,
  .frontApp .Page .footer1 .left .Logo,
  .frontApp .Page .footer1 .left .ShortText,
  .frontApp .Page .footer1 .left .SocialMedia,
  .frontApp .Page .footer1 .right .Form,
  .frontApp .Page .footer1 .right .Links,
  .frontApp .Page .footer1 .right .Logo,
  .frontApp .Page .footer1 .right .ShortText,
  .frontApp .Page .footer1 .right .SocialMedia,
  .frontApp .Page .submenu4 .left .Form,
  .frontApp .Page .submenu4 .left .Links,
  .frontApp .Page .submenu4 .left .Logo,
  .frontApp .Page .submenu4 .left .ShortText,
  .frontApp .Page .submenu4 .left .SocialMedia,
  .frontApp .Page .submenu4 .right .Form,
  .frontApp .Page .submenu4 .right .Links,
  .frontApp .Page .submenu4 .right .Logo,
  .frontApp .Page .submenu4 .right .ShortText,
  .frontApp .Page .submenu4 .right .SocialMedia,
  .frontApp .Page .twoColumns.actionCols .left .Form,
  .frontApp .Page .twoColumns.actionCols .left .Links,
  .frontApp .Page .twoColumns.actionCols .left .Logo,
  .frontApp .Page .twoColumns.actionCols .left .ShortText,
  .frontApp .Page .twoColumns.actionCols .left .SocialMedia,
  .frontApp .Page .twoColumns.actionCols .right .Form,
  .frontApp .Page .twoColumns.actionCols .right .Links,
  .frontApp .Page .twoColumns.actionCols .right .Logo,
  .frontApp .Page .twoColumns.actionCols .right .ShortText,
  .frontApp .Page .twoColumns.actionCols .right .SocialMedia,
  .frontApp .Page .twoColumns.footerCols .left .Form,
  .frontApp .Page .twoColumns.footerCols .left .Links,
  .frontApp .Page .twoColumns.footerCols .left .Logo,
  .frontApp .Page .twoColumns.footerCols .left .ShortText,
  .frontApp .Page .twoColumns.footerCols .left .SocialMedia,
  .frontApp .Page .twoColumns.footerCols .right .Form,
  .frontApp .Page .twoColumns.footerCols .right .Links,
  .frontApp .Page .twoColumns.footerCols .right .Logo,
  .frontApp .Page .twoColumns.footerCols .right .ShortText,
  .frontApp .Page .twoColumns.footerCols .right .SocialMedia,
  .frontApp .Page .twoColumns.twoSides1 .left .Form,
  .frontApp .Page .twoColumns.twoSides1 .left .Links,
  .frontApp .Page .twoColumns.twoSides1 .left .Logo,
  .frontApp .Page .twoColumns.twoSides1 .left .ShortText,
  .frontApp .Page .twoColumns.twoSides1 .left .SocialMedia,
  .frontApp .Page .twoColumns.twoSides1 .right .Form,
  .frontApp .Page .twoColumns.twoSides1 .right .Links,
  .frontApp .Page .twoColumns.twoSides1 .right .Logo,
  .frontApp .Page .twoColumns.twoSides1 .right .ShortText,
  .frontApp .Page .twoColumns.twoSides1 .right .SocialMedia {
    align-items: center !important;
    align-self: center !important;
  }
  .frontApp .Page .footer1 .left .Form,
  .frontApp .Page .footer1 .right .Form,
  .frontApp .Page .submenu4 .left .Form,
  .frontApp .Page .submenu4 .right .Form,
  .frontApp .Page .twoColumns.actionCols .left .Form,
  .frontApp .Page .twoColumns.actionCols .right .Form,
  .frontApp .Page .twoColumns.footerCols .left .Form,
  .frontApp .Page .twoColumns.footerCols .right .Form,
  .frontApp .Page .twoColumns.twoSides1 .left .Form,
  .frontApp .Page .twoColumns.twoSides1 .right .Form {
    display: inline-block;
  }
  .frontApp .Page .footer1 .left .Form input[type="email"],
  .frontApp .Page .footer1 .left .Form input[type="number"],
  .frontApp .Page .footer1 .left .Form input[type="text"],
  .frontApp .Page .footer1 .left .Form textarea,
  .frontApp .Page .footer1 .right .Form input[type="email"],
  .frontApp .Page .footer1 .right .Form input[type="number"],
  .frontApp .Page .footer1 .right .Form input[type="text"],
  .frontApp .Page .footer1 .right .Form textarea,
  .frontApp .Page .submenu4 .left .Form input[type="email"],
  .frontApp .Page .submenu4 .left .Form input[type="number"],
  .frontApp .Page .submenu4 .left .Form input[type="text"],
  .frontApp .Page .submenu4 .left .Form textarea,
  .frontApp .Page .submenu4 .right .Form input[type="email"],
  .frontApp .Page .submenu4 .right .Form input[type="number"],
  .frontApp .Page .submenu4 .right .Form input[type="text"],
  .frontApp .Page .submenu4 .right .Form textarea,
  .frontApp .Page .twoColumns.actionCols .left .Form input[type="email"],
  .frontApp .Page .twoColumns.actionCols .left .Form input[type="number"],
  .frontApp .Page .twoColumns.actionCols .left .Form input[type="text"],
  .frontApp .Page .twoColumns.actionCols .left .Form textarea,
  .frontApp .Page .twoColumns.actionCols .right .Form input[type="email"],
  .frontApp .Page .twoColumns.actionCols .right .Form input[type="number"],
  .frontApp .Page .twoColumns.actionCols .right .Form input[type="text"],
  .frontApp .Page .twoColumns.actionCols .right .Form textarea,
  .frontApp .Page .twoColumns.footerCols .left .Form input[type="email"],
  .frontApp .Page .twoColumns.footerCols .left .Form input[type="number"],
  .frontApp .Page .twoColumns.footerCols .left .Form input[type="text"],
  .frontApp .Page .twoColumns.footerCols .left .Form textarea,
  .frontApp .Page .twoColumns.footerCols .right .Form input[type="email"],
  .frontApp .Page .twoColumns.footerCols .right .Form input[type="number"],
  .frontApp .Page .twoColumns.footerCols .right .Form input[type="text"],
  .frontApp .Page .twoColumns.footerCols .right .Form textarea,
  .frontApp .Page .twoColumns.twoSides1 .left .Form input[type="email"],
  .frontApp .Page .twoColumns.twoSides1 .left .Form input[type="number"],
  .frontApp .Page .twoColumns.twoSides1 .left .Form input[type="text"],
  .frontApp .Page .twoColumns.twoSides1 .left .Form textarea,
  .frontApp .Page .twoColumns.twoSides1 .right .Form input[type="email"],
  .frontApp .Page .twoColumns.twoSides1 .right .Form input[type="number"],
  .frontApp .Page .twoColumns.twoSides1 .right .Form input[type="text"],
  .frontApp .Page .twoColumns.twoSides1 .right .Form textarea {
    text-align: center;
  }
  .frontApp .Page .footer1 .center,
  .frontApp .Page .submenu4 .center,
  .frontApp .Page .twoColumns.actionCols .center,
  .frontApp .Page .twoColumns.footerCols .center,
  .frontApp .Page .twoColumns.twoSides1 .center {
    margin: 2em 0;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .twoColumns.twoSides1 .right {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .halfScreenMenu .Links,
  .frontApp .Page .submenuBig .Links {
    font-size: xx-large !important;
    line-height: 150%;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .twoColumns.footerCols .right {
    margin-top: 2em;
  }
}
.frontApp a {
  color: inherit;
  text-decoration: inherit;
}
.frontApp .Section {
  border-bottom-style: solid;
  border-top-style: solid;
  border-width: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Section {
    background-attachment: scroll !important;
  }
}
.frontApp .Columns {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.frontApp .Columns .Column {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Columns {
    display: block;
  }
  .frontApp .Columns .Column {
    width: 100%;
  }
}
.frontApp .Page {
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: none;
  line-height: normal;
}
.frontApp .Header,
.frontApp .Header2,
.frontApp .Header3 {
  text-align: center;
}
.frontApp .Link {
  text-decoration: none;
}
.frontApp .Border {
  padding-top: 1em;
  border-top: 1px solid;
  width: 100%;
}
.frontApp .Logo a {
  display: block;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Logo a {
    text-align: center;
    line-height: 100%;
  }
}
.frontApp .Logo .imgLogo {
  height: 100%;
  width: auto;
  display: inline-block;
  font-size: 0;
}
.frontApp .Logo .imgLogo img {
  font-size: 0;
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Logo.isImgLogo {
    line-height: 0 !important;
  }
}
.frontApp .LongText {
  width: 100%;
}
.frontApp .BlogText h1,
.frontApp .LongText h1,
.frontApp .ProductText h1 {
  display: block;
  font-weight: 700;
}
.frontApp .BlogText ul,
.frontApp .LongText ul,
.frontApp .ProductText ul {
  list-style: disc;
  list-style-position: inside;
}
.frontApp .BlogText ol,
.frontApp .LongText ol,
.frontApp .ProductText ol {
  list-style-position: inside;
}
.frontApp .BlogText .iframeInText,
.frontApp .LongText .iframeInText,
.frontApp .ProductText .iframeInText {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.frontApp .BlogText .iframeInText iframe,
.frontApp .LongText .iframeInText iframe,
.frontApp .ProductText .iframeInText iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.frontApp .CaptionText {
  line-height: 170%;
}
.frontApp .CaptionSubTitle {
  padding-top: 0.1em;
}
.frontApp .BlogButton {
  margin-bottom: 4rem;
}
.frontApp .Form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.frontApp .Form .inputWrapper {
  width: 100%;
  background-color: inherit;
  margin-bottom: 40px;
  position: relative;
}
.frontApp .Form .inputWrapper label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  transition: all 0.3s;
  pointer-events: none;
}
.frontApp .Form .inputWrapper input:focus + label,
.frontApp .Form .inputWrapper input:not(:placeholder-shown) + label,
.frontApp .Form .inputWrapper select:focus + label,
.frontApp .Form .inputWrapper select:valid + label,
.frontApp .Form .inputWrapper textarea:focus + label,
.frontApp .Form .inputWrapper textarea:not(:placeholder-shown) + label {
  top: -20px;
  font-size: 70%;
  opacity: 0.5;
}
.frontApp .Form .InputCheckbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.frontApp .Form .InputCheckbox input {
  margin-right: 20px;
  width: 3rem;
  height: 3rem;
}
.frontApp .Form .InputOptions {
  width: 100%;
  margin-bottom: 40px;
}
.frontApp .Form .InputOptions .optionsTitle {
  margin-bottom: 0.1em;
}
.frontApp .Form .InputOptions ul li {
  margin: 0.5em 0;
  cursor: pointer;
  padding: 0.1em;
}
.frontApp .Form .InputOptions ul li.selected {
  background: #87cefa;
  border-radius: 2px;
}
.frontApp .Form .InputTwoText {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.frontApp .Form .InputTwoText .checkboxWrapper:first-child,
.frontApp .Form .InputTwoText .inputWrapper:first-child {
  margin-right: 0.75em;
}
.frontApp .Form .InputTwoText .checkboxWrapper:last-child,
.frontApp .Form .InputTwoText .inputWrapper:last-child {
  margin-left: 0.75em;
}
.frontApp .Form .InputTwoText .checkboxWrapper:only-child,
.frontApp .Form .InputTwoText .inputWrapper:only-child {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Form .InputTwoText.emailAndPhone .checkboxWrapper:first-child,
  .frontApp .Form .InputTwoText.emailAndPhone .inputWrapper:first-child {
    margin-right: 0;
  }
  .frontApp .Form .InputTwoText.emailAndPhone .checkboxWrapper:last-child,
  .frontApp .Form .InputTwoText.emailAndPhone .inputWrapper:last-child {
    margin-left: 0;
  }
}
.frontApp .Form .InputCheckbox,
.frontApp .Form .InputOptions ul,
.frontApp .Form .onlyShowInputFront,
.frontApp .Form input[type="email"],
.frontApp .Form input[type="number"],
.frontApp .Form input[type="password"],
.frontApp .Form input[type="text"],
.frontApp .Form select,
.frontApp .Form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid;
  background-color: inherit !important;
  border-radius: 0;
  padding: 10px 0;
  opacity: 0.9;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  margin-top: 4px;
  box-sizing: border-box;
}
.frontApp .Form .InputCheckbox:focus,
.frontApp .Form .InputOptions ul:focus,
.frontApp .Form .onlyShowInputFront:focus,
.frontApp .Form input[type="email"]:focus,
.frontApp .Form input[type="number"]:focus,
.frontApp .Form input[type="password"]:focus,
.frontApp .Form input[type="text"]:focus,
.frontApp .Form select:focus,
.frontApp .Form textarea:focus {
  outline: 0;
  opacity: 1;
}
.frontApp .Form .InputCheckbox {
  border-bottom: none;
}
.frontApp .Form select {
  opacity: 1;
}
.frontApp .Form div.onlyShowInputFront {
  background: #fff;
  min-height: 3.8rem;
  overflow: hidden;
}
.frontApp .Form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(https://d2z18g6bj3mwjn.cloudfront.net/pb4/application/_img/app/selectarrow4.png)
    98% no-repeat #fff;
}
.frontApp .Form textarea {
  transition: height;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 2.6em;
}
.frontApp .Form textarea:focus {
  height: 6em;
}
.frontApp .Form .BlogButton,
.frontApp .Form .Button {
  cursor: pointer;
  font-size: 95%;
}
.frontApp .Form.btnBottomLeft .BlogButton,
.frontApp .Form.btnBottomLeft .Button {
  align-self: flex-start;
}
.frontApp .Form.btnBottomRight .BlogButton,
.frontApp .Form.btnBottomRight .Button {
  align-self: flex-end;
}
.frontApp .Form.btnOneLine {
  flex-direction: row;
  align-items: flex-end !important;
}
.frontApp .Form.btnOneLine .InputOptions,
.frontApp .Form.btnOneLine .inputWrapper {
  margin-bottom: 0 !important;
  margin-right: 1em;
}
.frontApp .Form.btnOneLine .Button {
  flex-shrink: 0;
  color: inherit;
}
.frontApp .Form.formInputBoxes .inputWrapper,
.frontApp .Form.formInputRound .inputWrapper {
  display: flex;
  flex-direction: column-reverse;
}
.frontApp .Form.formInputBoxes .inputWrapper label,
.frontApp .Form.formInputRound .inputWrapper label {
  position: relative;
  top: auto;
  left: auto;
  padding: 0;
  margin-bottom: 3px;
  transition: none;
}
.frontApp .Form.formInputBoxes .inputWrapper input:focus + label,
.frontApp
  .Form.formInputBoxes
  .inputWrapper
  input:not(:placeholder-shown)
  + label,
.frontApp .Form.formInputBoxes .inputWrapper select:focus + label,
.frontApp .Form.formInputBoxes .inputWrapper select:valid + label,
.frontApp .Form.formInputBoxes .inputWrapper textarea:focus + label,
.frontApp
  .Form.formInputBoxes
  .inputWrapper
  textarea:not(:placeholder-shown)
  + label,
.frontApp .Form.formInputRound .inputWrapper input:focus + label,
.frontApp
  .Form.formInputRound
  .inputWrapper
  input:not(:placeholder-shown)
  + label,
.frontApp .Form.formInputRound .inputWrapper select:focus + label,
.frontApp .Form.formInputRound .inputWrapper select:valid + label,
.frontApp .Form.formInputRound .inputWrapper textarea:focus + label,
.frontApp
  .Form.formInputRound
  .inputWrapper
  textarea:not(:placeholder-shown)
  + label {
  top: auto;
  font-size: 100%;
  opacity: 1;
}
.frontApp .Form.formInputBoxes .InputCheckbox,
.frontApp .Form.formInputBoxes .InputOptions ul,
.frontApp .Form.formInputBoxes .onlyShowInputFront,
.frontApp .Form.formInputBoxes input[type="email"],
.frontApp .Form.formInputBoxes input[type="number"],
.frontApp .Form.formInputBoxes input[type="password"],
.frontApp .Form.formInputBoxes input[type="text"],
.frontApp .Form.formInputBoxes select,
.frontApp .Form.formInputBoxes textarea,
.frontApp .Form.formInputRound .InputCheckbox,
.frontApp .Form.formInputRound .InputOptions ul,
.frontApp .Form.formInputRound .onlyShowInputFront,
.frontApp .Form.formInputRound input[type="email"],
.frontApp .Form.formInputRound input[type="number"],
.frontApp .Form.formInputRound input[type="password"],
.frontApp .Form.formInputRound input[type="text"],
.frontApp .Form.formInputRound select,
.frontApp .Form.formInputRound textarea {
  border: 1px solid;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
}
.frontApp .Form.formInputBoxes .InputCheckbox,
.frontApp .Form.formInputBoxes .InputOptions ul,
.frontApp .Form.formInputRound .InputCheckbox,
.frontApp .Form.formInputRound .InputOptions ul {
  border: none;
}
.frontApp .Form.formInputRound .InputCheckbox,
.frontApp .Form.formInputRound .InputOptions ul,
.frontApp .Form.formInputRound .onlyShowInputFront,
.frontApp .Form.formInputRound input[type="email"],
.frontApp .Form.formInputRound input[type="number"],
.frontApp .Form.formInputRound input[type="password"],
.frontApp .Form.formInputRound input[type="text"],
.frontApp .Form.formInputRound select,
.frontApp .Form.formInputRound textarea {
  border-radius: 30px;
  padding: 10px 20px;
}
.frontApp .Form.formInputRound .InputCheckbox,
.frontApp .Form.formInputRound .InputOptions ul {
  border-radius: 0;
  padding: 10px 0;
}
.frontApp .BlogShare,
.frontApp .ProductShare,
.frontApp .SocialMedia {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.frontApp .BlogShare .icon,
.frontApp .ProductShare .icon,
.frontApp .SocialMedia .icon {
  margin-right: 0.6em;
  margin-left: 0.6em;
}
.frontApp .BlogShare .icon:first-child,
.frontApp .ProductShare .icon:first-child,
.frontApp .SocialMedia .icon:first-child {
  margin-left: 0;
}
.frontApp .BlogShare .icon:last-of-type,
.frontApp .ProductShare .icon:last-of-type,
.frontApp .SocialMedia .icon:last-of-type {
  margin-right: 0;
}
.frontApp .BlogShare.isFlexColumn .icon,
.frontApp .ProductShare.isFlexColumn .icon,
.frontApp .SocialMedia.isFlexColumn .icon {
  margin-left: 0;
  margin-right: 0;
  line-height: 160%;
}
@media only screen and (max-width: 1000px) {
  .frontApp .SocialMedia.titles {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 160%;
  }
}
.frontApp .Links {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.frontApp .Links a,
.frontApp .Links span {
  display: block;
  margin-right: 0.6em;
  margin-left: 0.6em;
}
.frontApp .Links.isFlexColumn {
  line-height: 160%;
}
.frontApp .Links.isFlexColumn a,
.frontApp .Links.isFlexColumn span {
  margin-left: 0;
  margin-right: 0;
  line-height: inherit;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Links {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 160%;
  }
}
.frontApp .Music {
  width: 100%;
}
.frontApp .Music .track {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.frontApp .Music .track .coverAndArtist {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.frontApp .Music .track .coverAndArtist .trackImageWrapper {
  height: 84px;
  width: 150px;
  box-shadow: inset 200px 200px 300px 200px rgba(0, 0, 0, 0.07);
  margin-right: 30px;
  position: relative;
}
.frontApp .Music .track .coverAndArtist .trackImageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.frontApp .Music .track .coverAndArtist .trackImageWrapper .playIcon {
  color: #fff;
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
  display: block;
  font-size: 2rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.frontApp .Music .track .coverAndArtist .trackImageWrapper .playIcon:hover {
  opacity: 1;
}
.frontApp .Music .track .coverAndArtist .artist {
  font-weight: 700;
  white-space: nowrap;
}
.frontApp .Music .track .titleAndLength {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  white-space: nowrap;
}
@media only screen and (max-width: 700px) {
  .frontApp .Music .track {
    display: block;
    width: 100%;
  }
  .frontApp .Music .track .coverAndArtist {
    display: block;
    width: 100%;
    padding: 3px;
    text-align: center;
  }
  .frontApp .Music .track .coverAndArtist .trackImageWrapper {
    width: 100%;
    height: 55vw;
    margin-bottom: 10px;
  }
  .frontApp .Music .track .titleAndLength {
    display: block;
    text-align: center;
  }
  .frontApp .Music .track .titleAndLength span {
    display: block;
  }
}
.frontApp .MainMenu {
  border-bottom-style: solid;
  border-right-style: solid;
  border-width: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: inherit;
}
.frontApp .MainMenu .second {
  background-color: inherit;
}
.frontApp .MainMenu[data-bgimg="yes"] .second {
  background-color: transparent;
}
.frontApp .MainMenu[data-bgimg="yes"] .second .sublinks {
  background-color: rgba(125, 125, 125, 0.5);
}
@media only screen and (max-width: 1000px) {
  .frontApp .MainMenu[data-bgimg="yes"] .second .sublinks {
    background-color: transparent;
  }
}
@media only screen and (max-width: 1000px) {
  .frontApp .MainMenu.pbEdit {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
  }
}
.frontApp .MainMenuLinks {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: inherit;
}
.frontApp .MainMenuLinks .left2 .iconLinksWrapper a:first-child,
.frontApp .MainMenuLinks .left3 .iconLinksWrapper a:first-child,
.frontApp .MainMenuLinks.left1 .iconLinksWrapper a:first-child {
  margin-right: 0;
  margin-left: 0;
}
.frontApp .MainMenuLinks .left2 .iconLinksWrapper .icon,
.frontApp .MainMenuLinks .left3 .iconLinksWrapper .icon,
.frontApp .MainMenuLinks.left1 .iconLinksWrapper .icon {
  margin-left: 0;
}
.frontApp .MainMenuLinks .linkWrapper {
  position: relative;
  background-color: inherit;
}
.frontApp .MainMenuLinks .linkWrapper a,
.frontApp .MainMenuLinks .linkWrapper span.emptyLink,
.frontApp .MainMenuLinks .linkWrapper span.scrollToId,
.frontApp .MainMenuLinks .linkWrapper span.scrollToTop {
  display: block;
  margin-right: 0.7em;
  margin-left: 0.7em;
  white-space: nowrap;
}
.frontApp .MainMenuLinks .linkWrapper span.scrollToId:hover {
  text-decoration: underline;
}
.frontApp .MainMenuLinks .linkWrapper .sublinks {
  position: absolute;
  top: 100%;
  background-color: inherit;
  z-index: 3;
  transition: max-height 0.5s ease-out;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
}
.frontApp .MainMenuLinks .linkWrapper .sublinks a,
.frontApp .MainMenuLinks .linkWrapper .sublinks span {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.frontApp .MainMenuLinks .linkWrapper .sublinks a:first-child,
.frontApp .MainMenuLinks .linkWrapper .sublinks span:first-child {
  margin-top: 0.4em;
}
.frontApp .MainMenuLinks .linkWrapper .sublinks a:last-child,
.frontApp .MainMenuLinks .linkWrapper .sublinks span:last-child {
  margin-bottom: 0.8em;
}
@media only screen and (max-width: 1000px) {
  .frontApp .MainMenuLinks .linkWrapper .sublinks {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    padding: 0;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    z-index: 1;
    font-size: 80%;
    transition: none;
    max-height: none;
  }
  .frontApp .MainMenuLinks .linkWrapper .sublinks a:first-child,
  .frontApp .MainMenuLinks .linkWrapper .sublinks span:first-child {
    margin-top: 0.6em;
  }
  .frontApp .MainMenuLinks .linkWrapper .sublinks a:last-child,
  .frontApp .MainMenuLinks .linkWrapper .sublinks span:last-child {
    margin-bottom: 0.6em;
  }
}
.frontApp .MainMenuLinks .linkWrapper:hover .sublinks {
  max-height: 100vh;
  transition: max-height 0.5s ease-in;
}
.frontApp .MainMenuLinks .iconLinksWrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-self: inherit;
  align-items: center;
  margin: 0 0.7em;
}
.frontApp .MainMenuLinks .iconLinksWrapper a {
  margin-right: 0;
  margin-left: 0;
}
.frontApp .MainMenuLinks .iconLinksWrapper .icon {
  cursor: pointer;
}
.frontApp .MainMenuLinks .iconLinksWrapper .icon path {
  fill: currentColor;
}
.frontApp .MainMenuLinks .iconLinksWrapper .iconWrapper {
  display: flex;
  position: relative;
  pointer-events: none;
  height: 0.7em;
  width: auto;
}
@media only screen and (max-width: 1000px) {
  .frontApp .MainMenuLinks {
    text-align: center;
  }
  .frontApp .MainMenuLinks .linkWrapper {
    text-align: inherit;
  }
}
.frontApp .Page.hasLeftMenu .MainMenuLinks .linkWrapper .sublinks {
  position: relative;
  display: block;
  top: auto;
  left: auto;
  padding: 0;
  background: 0 0;
  box-shadow: none;
  z-index: 0;
  margin-top: 0.3em;
  margin-bottom: 1.3em;
  font-size: 80%;
  border-radius: 0;
  max-height: none;
}
.frontApp .Page.hasLeftMenu .MainMenuLinks .linkWrapper .sublinks a:first-child,
.frontApp
  .Page.hasLeftMenu
  .MainMenuLinks
  .linkWrapper
  .sublinks
  span:first-child {
  margin-top: 0.4em;
}
.frontApp .Page.hasLeftMenu .MainMenuLinks .linkWrapper .sublinks a:last-child,
.frontApp
  .Page.hasLeftMenu
  .MainMenuLinks
  .linkWrapper
  .sublinks
  span:last-child {
  margin-bottom: 1em;
}
@media only screen and (min-width: 999px) {
  .frontApp
    .Page.hasLeftMenu
    .leftMenuHidden
    .MainMenuLinks
    .linkWrapper
    .sublinks {
    margin-bottom: 0;
    max-height: 0;
  }
  .frontApp
    .Page.hasLeftMenu
    .leftMenuHidden
    .MainMenuLinks
    .linkWrapper:hover
    > .sublinks {
    max-height: 100vh;
    margin-bottom: 1em;
  }
}
.frontApp .CvList {
  width: 100%;
  align-self: flex-start;
}
.frontApp .CvList article {
  margin-bottom: 30px;
}
.frontApp .CvList article .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.frontApp .CvList article .top h5.title {
  font-weight: inherit;
}
.frontApp .CvList article .desc {
  width: 70%;
  line-height: 160%;
}
.frontApp .CvList article .desc ul {
  list-style: disc;
  list-style-position: inside;
}
.frontApp .CvList article .desc ol {
  list-style-position: inside;
}
@media only screen and (max-width: 1000px) {
  .frontApp .CvList article .top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .frontApp .CvList article .top .date {
    margin: 0.5em 0;
  }
  .frontApp .CvList article .desc {
    width: 100%;
  }
}
.frontApp .CvList article:last-child {
  margin-bottom: 0;
}
.frontApp .CalendarList,
.frontApp .GeneralList {
  width: 100%;
}
.frontApp .CalendarList article,
.frontApp .GeneralList article {
  margin-bottom: 2.5em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.frontApp .CalendarList article .top,
.frontApp .GeneralList article .top {
  width: 25%;
}
.frontApp .CalendarList article .top h5.title,
.frontApp .GeneralList article .top h5.title {
  font-size: 130%;
  margin-bottom: 0.5em;
  font-weight: 700;
}
.frontApp .CalendarList article .top h5.title span.dropDownIcon,
.frontApp .GeneralList article .top h5.title span.dropDownIcon {
  display: none;
}
.frontApp .CalendarList article .bottom,
.frontApp .GeneralList article .bottom {
  padding-left: 3em;
  box-sizing: border-box;
  width: 100%;
}
.frontApp .CalendarList article .desc,
.frontApp .GeneralList article .desc {
  line-height: 170%;
}
@media only screen and (max-width: 1000px) {
  .frontApp .CalendarList article,
  .frontApp .GeneralList article {
    display: block;
  }
  .frontApp .CalendarList article .bottom,
  .frontApp .CalendarList article .top,
  .frontApp .GeneralList article .bottom,
  .frontApp .GeneralList article .top {
    width: 100%;
    padding-left: 0;
  }
  .frontApp .CalendarList article .top,
  .frontApp .GeneralList article .top {
    margin-bottom: 0.4em;
  }
}
.frontApp .CalendarList.headersTop article,
.frontApp .GeneralList.headersTop article {
  display: block;
}
.frontApp .CalendarList.headersTop article .bottom,
.frontApp .CalendarList.headersTop article .top,
.frontApp .GeneralList.headersTop article .bottom,
.frontApp .GeneralList.headersTop article .top {
  padding-left: 0;
  width: 100%;
}
.frontApp .CalendarList.headersTop article .top,
.frontApp .GeneralList.headersTop article .top {
  display: block;
  margin-bottom: 1em;
}
.frontApp .CalendarList.headersTop article .top .title,
.frontApp .GeneralList.headersTop article .top .title {
  font-size: 130%;
  font-weight: 700;
}
.frontApp .CalendarList.dropDownList article,
.frontApp .GeneralList.dropDownList article {
  margin-bottom: 2em;
  display: block;
}
.frontApp .CalendarList.dropDownList article .bottom,
.frontApp .CalendarList.dropDownList article .top,
.frontApp .GeneralList.dropDownList article .bottom,
.frontApp .GeneralList.dropDownList article .top {
  padding-left: 0;
  width: 100%;
}
.frontApp .CalendarList.dropDownList article .top,
.frontApp .GeneralList.dropDownList article .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2em;
}
.frontApp .CalendarList.dropDownList article .top h5.title,
.frontApp .GeneralList.dropDownList article .top h5.title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.frontApp .CalendarList.dropDownList article .top h5.title .dropDownIcon,
.frontApp .GeneralList.dropDownList article .top h5.title .dropDownIcon {
  margin-right: 1em;
  font-size: 90%;
  align-items: center;
  display: flex;
  transition: display 1s;
}
.frontApp .CalendarList.dropDownList article .top h5.title .dropDownIcon.minus,
.frontApp .GeneralList.dropDownList article .top h5.title .dropDownIcon.minus {
  display: none;
}
.frontApp .CalendarList.dropDownList article .top .date,
.frontApp .GeneralList.dropDownList article .top .date {
  font-size: 130%;
}
.frontApp .CalendarList.dropDownList article .bottom,
.frontApp .GeneralList.dropDownList article .bottom {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s;
  padding-left: 2.8em;
  max-width: 80%;
}
.frontApp
  .CalendarList.dropDownList
  article.open
  .top
  h5.title
  .dropDownIcon.minus,
.frontApp
  .GeneralList.dropDownList
  article.open
  .top
  h5.title
  .dropDownIcon.minus {
  display: block;
}
.frontApp
  .CalendarList.dropDownList
  article.open
  .top
  h5.title
  .dropDownIcon.plus,
.frontApp
  .GeneralList.dropDownList
  article.open
  .top
  h5.title
  .dropDownIcon.plus {
  display: none;
}
.frontApp .CalendarList.dropDownList article.open .bottom,
.frontApp .GeneralList.dropDownList article.open .bottom {
  max-height: 800px;
}
.frontApp .GeneralList article .top {
  width: 30%;
}
.frontApp .GeneralList article .bottom {
  width: 70%;
}
.frontApp .Skills {
  width: 100%;
}
.frontApp .Skills article {
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.frontApp .Skills article .bar {
  background: #d3d3d3;
  border-radius: 4px;
  height: 10px;
  width: 60%;
}
.frontApp .Skills article .bar .level {
  background: #089fda;
  border-radius: inherit;
  height: inherit;
}
.frontApp .LinkImage,
.frontApp .SingleImage {
  min-height: 20px;
  min-width: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.frontApp .LinkImage img,
.frontApp .SingleImage img {
  display: block;
  max-width: 100%;
}
.frontApp .LinkImage .pbVideo,
.frontApp .SingleImage .pbVideo {
  position: relative;
  width: 100%;
  height: 100%;
}
.frontApp .LinkImage .pbVideo.isPlaying,
.frontApp .SingleImage .pbVideo.isPlaying {
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%;
  height: 100%;
}
.frontApp .LinkImage .pbVideo iframe,
.frontApp .SingleImage .pbVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.frontApp .LinkImage .pbVideo .playIcon,
.frontApp .SingleImage .pbVideo .playIcon {
  color: #fff;
  position: absolute;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  display: block;
  font-size: 5rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.frontApp .LinkImage .pbVideo .playIcon:hover,
.frontApp .SingleImage .pbVideo .playIcon:hover {
  opacity: 1;
}
.frontApp .LinkImage.round,
.frontApp .SingleImage.round {
  border-radius: 50%;
  aspect-ratio: 1;
}
.frontApp .LinkImage.round img,
.frontApp .SingleImage.round img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.frontApp .Icon {
  min-height: 20px;
  min-width: 20px;
  position: relative;
  width: 100px;
  max-width: 100%;
}
.frontApp .Icon .imgWrapper {
  width: 100%;
  height: 100%;
  display: block;
}
.frontApp .Icon a {
  z-index: 1;
}
.frontApp .Icon object {
  position: relative;
  pointer-events: none;
}
.frontApp .SingleImageBg {
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}
.frontApp .SingleImageBg .theBgImgDiv {
  background-attachment: inherit;
  background-position: inherit;
  background-repeat: inherit;
  background-size: inherit;
  background-position-y: inherit;
  background-position-x: inherit;
  width: 100%;
  height: 100%;
}
.frontApp .SingleImageBg .theBgImgDiv.rounded {
  border-radius: 3em;
}
@media only screen and (max-width: 1000px) {
  .frontApp .SingleImageBg .theBgImgDiv {
    height: inherit !important;
    background-attachment: scroll !important;
  }
}
.frontApp .SingleImageBg .bgOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: inherit;
}
.frontApp .SingleImageBg .pbVideo {
  width: 100%;
  height: 100%;
}
.frontApp .SingleImageBg .pbVideo .playIcon {
  color: #fff;
  position: absolute;
  top: 13.7rem;
  margin-left: 2rem;
  display: block;
  font-size: 5rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.frontApp .SingleImageBg .pbVideo .playIcon:hover {
  opacity: 1;
}
.frontApp .SingleImageBg .pbVideo iframe {
  width: 100%;
  height: 100%;
  max-width: none;
}
.frontApp .Gallery,
.frontApp .SectionNews,
.frontApp .SectionProd {
  margin-left: auto;
  margin-right: auto;
  min-height: 100px;
  position: relative;
  min-width: 100px;
}
.frontApp .SectionNews,
.frontApp .SectionProd {
  width: 100%;
  background-color: inherit;
}
@media only screen and (max-width: 1000px) {
  .frontApp .SectionNews,
  .frontApp .SectionProd {
    width: 100% !important;
  }
}
.frontApp .BookingButton,
.frontApp .DigitalAssetAddToCart,
.frontApp .ProdAddToCart,
.frontApp .ProdAddToCart2 {
  z-index: 2;
}
.frontApp .Calendly,
.frontApp .GoogleCalendar,
.frontApp .GoogleMap,
.frontApp .GoogleSlides,
.frontApp .Kuula,
.frontApp .PDF,
.frontApp .Resurva,
.frontApp .ShapeSpark,
.frontApp .SketchFab,
.frontApp .SpeakerDeck,
.frontApp .Typeform {
  width: 100%;
  height: 30vh;
}
.frontApp .Calendly iframe,
.frontApp .GoogleCalendar iframe,
.frontApp .GoogleMap iframe,
.frontApp .GoogleSlides iframe,
.frontApp .Kuula iframe,
.frontApp .PDF iframe,
.frontApp .Resurva iframe,
.frontApp .ShapeSpark iframe,
.frontApp .SketchFab iframe,
.frontApp .SpeakerDeck iframe,
.frontApp .Typeform iframe {
  width: 100%;
  height: 100%;
}
.frontApp .Calendly.noEmbedContent,
.frontApp .GoogleCalendar.noEmbedContent,
.frontApp .GoogleMap.noEmbedContent,
.frontApp .GoogleSlides.noEmbedContent,
.frontApp .Kuula.noEmbedContent,
.frontApp .PDF.noEmbedContent,
.frontApp .Resurva.noEmbedContent,
.frontApp .ShapeSpark.noEmbedContent,
.frontApp .SketchFab.noEmbedContent,
.frontApp .SpeakerDeck.noEmbedContent,
.frontApp .Typeform.noEmbedContent {
  width: 90%;
  background-image: url(https://d2z18g6bj3mwjn.cloudfront.net/pb4/_output/admin/_img/misc/embedbg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.frontApp .ShapeSpark,
.frontApp .SketchFab {
  height: 60vh;
}
.frontApp .Elfsight {
  width: 100%;
  height: auto;
}
.frontApp .BuyMeACoffee,
.frontApp .Elfsight,
.frontApp .PayPalDonate,
.frontApp .PickTime {
  min-height: 40px;
  min-width: 40px;
}
.frontApp .BuyMeACoffee.noEmbedContent,
.frontApp .Elfsight.noEmbedContent,
.frontApp .PayPalDonate.noEmbedContent,
.frontApp .PickTime.noEmbedContent {
  width: 90%;
  height: 10vh;
  background-image: url(https://d2z18g6bj3mwjn.cloudfront.net/pb4/_output/admin/_img/misc/embedbg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.frontApp .PDF {
  height: 60vh;
}
.frontApp .PDF embed,
.frontApp .PDF object {
  width: 100%;
  height: 100%;
}
.frontApp .PDF .mobileLink {
  margin-top: 0.5em;
  display: block;
  font-size: 2em;
}
.frontApp .PDF .mobileLink:hover {
  opacity: 0.7;
}
.frontApp .SpeakerDeck {
  border: 0;
  padding: 0;
  margin: 0;
  background: 0 0;
}
.frontApp .Slideshow {
  position: relative;
  width: 100%;
  height: 70vh;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Slideshow {
    height: auto !important;
    min-height: 35vh;
  }
}
.frontApp .Slideshow .arrowContainer {
  height: 70%;
  width: 10%;
  position: absolute;
  left: 0;
  top: 15%;
  cursor: pointer;
  z-index: 3;
  opacity: 0.01;
}
.frontApp .Slideshow .arrowContainer.rightArrCon {
  left: auto;
  right: 0;
}
.frontApp .Slideshow .arrowContainer span.arrow {
  position: absolute;
  top: 49%;
  z-index: 3;
  display: none;
}
.frontApp .Slideshow .arrowContainer span.arrow.leftArr {
  left: 20px;
}
.frontApp .Slideshow .arrowContainer span.arrow.rightArr {
  right: 20px;
}
.frontApp .Slideshow .arrowContainer:hover {
  opacity: 1;
}
.frontApp .Slideshow .arrowContainer:hover span.arrow {
  display: block;
}
.frontApp .Slideshow figure {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.frontApp .Slideshow figure .imgWrapper {
  display: block;
  height: 100%;
}
.frontApp .Slideshow figure .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.frontApp .Slideshow figure.gotVideo {
  height: 100%;
  width: 100%;
}
.frontApp .Slideshow figure.gotVideo .imgWrapper {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.frontApp .Slideshow figure.gotVideo .imgWrapper iframe {
  width: 100%;
  height: 100%;
  max-width: none;
}
.frontApp .Slideshow figure.gotVideo .imgWrapper .playIcon {
  color: #fff;
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50% - 5rem);
  display: block;
  font-size: 10rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.frontApp .Slideshow figure.gotVideo .imgWrapper .playIcon:hover {
  opacity: 1;
}
.frontApp .Slideshow.autoSlide span.arrow {
  display: none;
}
.frontApp .Slideshow.cover figure .imgWrapper img {
  object-fit: cover;
}
@media only screen and (max-width: 1000px) {
  .frontApp .coverSlideshow .Slideshow,
  .frontApp .coverSlideshow4 .Slideshow {
    height: 100vh !important;
  }
}
.frontApp .borders.LinkImage,
.frontApp .borders.SingleImage {
  outline: 1px solid;
}
.frontApp .shadows.LinkImage,
.frontApp .shadows.SingleImage {
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
}
.frontApp .rounded.LinkImage,
.frontApp .rounded.SingleImage {
  border-radius: 3%;
}
.frontApp .rounded.LinkImage img,
.frontApp .rounded.SingleImage img {
  border-radius: 3%;
}
.BlogButton,
.BookingButton,
.Button,
.CaptionButton,
.ProductButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 !important;
  background: 0 0;
  border: 1px solid;
  letter-spacing: 0.1em;
  border-radius: 0.4em;
}
.BlogButton a,
.BlogButton span,
.BookingButton a,
.BookingButton span,
.Button a,
.Button span,
.CaptionButton a,
.CaptionButton span,
.ProductButton a,
.ProductButton span {
  cursor: pointer;
  display: block;
  font-size: inherit;
  letter-spacing: inherit;
  text-align: center;
  padding: 0.7em 1.4em;
}
.BlogPost {
  background-color: inherit;
  display: flex;
  flex-direction: column;
  min-height: 100px;
  border-bottom-style: solid;
  border-top-style: solid;
  width: 80%;
  max-width: 1200px;
  margin-top: 3.5em;
  margin-bottom: 3.5em;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  border-color: #dedede;
  border-bottom-width: 1px;
  border-top-width: 0;
}
.BlogPost .reverseOrderWrapper,
.BlogPost .reverseTop {
  display: flex;
  flex-direction: column;
}
.BlogPost.reverse-order .reverseOrderWrapper {
  flex-direction: column-reverse;
}
.BlogPost.reverse-order .reverseTop {
  margin-top: 3em;
}
.BlogPost:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
@media only screen and (max-width: 1000px) {
  .BlogPost {
    padding: 5vw;
    width: auto;
  }
}
.BlogHeader {
  align-self: center;
  text-align: center;
}
.BlogDate {
  align-self: center;
  margin-top: 0.2em;
}
.BlogText {
  margin: 2em auto;
  line-height: 1.7em;
}
.BlogShare {
  align-self: center;
  margin-top: 2em;
}
.BlogTags {
  display: flex;
  align-items: flex-start;
}
.BlogTags a {
  margin-right: 0.4em;
  margin-left: 0.4em;
}
.BlogTags span.ficon-angle-right {
  align-self: flex-end;
  font-size: 120%;
  opacity: 0.5;
}
.BlogCommentIcon {
  display: flex;
  align-items: center;
  align-self: center;
  margin-top: 0.6em;
  font-size: 2.6em;
}
.BlogCommentIcon .blogNav {
  display: flex;
  align-items: center;
  margin-right: 1em;
  font-size: 70%;
}
.BlogCommentIcon .blogNav span:nth-child(2) {
  margin: 0 0.5em;
}
.BlogCommentIcon .commentIcon {
  line-height: 100%;
}
.BlogCommentIcon .ficon-bubble-comment-streamline-talk {
  transform: scaleX(-1);
}
.BlogCommentIcon .nr {
  margin-left: 0.6em;
  font-size: 50%;
}
.BlogCommentIcon span {
  cursor: pointer;
}
.BlogCommentIcon .iconLike {
  margin-left: 0.5em;
}
.BlogCommentIcon .nrOfLikes {
  margin-left: 0.4em;
  font-size: 50%;
}
.ProductHeader,
.ProductPrice,
.ProductSubHeader {
  text-align: center;
}
.CaptionButton a,
.CaptionButton span {
  width: 100%;
}
.BlogButton a,
.BlogButton span,
.Button a,
.Button span,
.CaptionButton a,
.CaptionButton span {
  padding: 0.7em 1.4em;
}
.EmailSubscriptionButton .message {
  margin: 30px 0;
}
.EmailSubscriptionButton .Form label:first-child input[type="text"] {
  margin-bottom: 20px;
}
.frontApp .IconLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.frontApp .IconLinks .iconLinksWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.frontApp .IconLinks .iconLinksWrapper .linkWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: inherit;
}
.frontApp .IconLinks .iconLinksWrapper .linkWrapper .iconWrapper {
  width: 3em;
}
.frontApp .IconLinks .iconLinksWrapper .linkWrapper .iconWrapper .icon {
  display: flex;
  position: relative;
  pointer-events: none;
  height: 0.75em;
  min-height: 24px;
  width: auto;
  margin: 0.7em;
}
.frontApp .IconLinks .iconLinksWrapper .linkWrapper .iconWrapper .icon object {
  height: 100%;
  width: 100%;
}
.frontApp .IconLinks .iconLinksWrapper .linkWrapper .link {
  font-size: 120%;
  width: calc(100% - 2.3em);
}
.frontApp .IconLinks .iconLinksWrapper .description {
  padding-left: 3em;
  max-width: 300px;
  font-weight: 400;
  line-height: 160%;
}
.frontApp .IconLinks.iconTop .iconLinksWrapper {
  justify-content: flex-end;
  align-self: flex-end;
}
.frontApp .IconLinks.iconTop .iconLinksWrapper .linkWrapper {
  flex-direction: column;
}
.frontApp .IconLinks.iconTop .iconLinksWrapper .linkWrapper .link {
  width: 100%;
}
.frontApp .IconLinks.iconTop .description {
  padding-left: 0;
}
.frontApp .IconLinks.iconRight .iconLinksWrapper .linkWrapper {
  flex-direction: row-reverse;
}
.frontApp .IconLinks.iconRight .iconLinksWrapper .link {
  width: calc(100% - 2.3em);
}
.frontApp .IconLinks.iconRight .description {
  padding-left: 0;
  padding-right: 3em;
}
.frontApp .IconLinks.isFlexColumn {
  width: auto;
}
.frontApp .IconLinks.isFlexColumn .iconLinksWrapper {
  margin-top: 2em;
  justify-content: center;
}
.frontApp .IconLinks.isFlexColumn .iconLinksWrapper:first-child {
  margin-top: 0;
}
.Invoice {
  box-sizing: border-box;
  margin: 50px auto;
  max-width: 1400px;
}
.Invoice .editWarning {
  text-align: center;
  border: 2px solid #dedede;
  padding: 2vw;
  margin-bottom: 2vw;
  font-size: 120%;
}
.Invoice h1,
.Invoice h2 {
  font-weight: 700;
  font-size: 120%;
}
.Invoice .invoiceWrapper .left,
.Invoice .invoiceWrapper .right {
  width: 40%;
  text-align: left;
}
.Invoice .invoiceWrapper .left.right,
.Invoice .invoiceWrapper .right.right {
  text-align: right;
}
.Invoice .invoiceWrapper .infoWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5vh;
}
.Invoice .invoiceWrapper .infoWrapper article {
  margin-bottom: 2vh;
}
.Invoice .invoiceWrapper .infoWrapper .printIcon {
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
}
.Invoice .invoiceWrapper .infoWrapper figure img {
  max-height: 100px;
}
.Invoice .invoiceWrapper .productsWrapper .productHead {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: right;
  padding-bottom: 1vh;
  margin-bottom: 1vh;
  border-bottom: 2px solid #dedede;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .emptyTitleHead {
  width: 40%;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .unitPriceHead {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .discountHead {
  width: 12%;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .quantityHead {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .netPriceHead {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .vatHead {
  width: 8%;
}
.Invoice .invoiceWrapper .productsWrapper .productHead .totalPriceHead {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: right;
  padding-bottom: 1vh;
  margin-bottom: 1vh;
  border-bottom: 2px solid #dedede;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .titleWrapper {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 40%;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .titleWrapper
  .title {
  font-weight: 700;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .unitPrice {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .discount {
  width: 12%;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .quantity {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .netPrice {
  width: 10%;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .vat {
  width: 8%;
}
.Invoice .invoiceWrapper .productsWrapper .productsList .product .totalPrice {
  width: 10%;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .discountHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .netPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .quantityHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .totalPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .unitPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .vatHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .discountHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .netPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .quantityHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .totalPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .unitPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .vatHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .discountHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .netPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .quantityHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .totalPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .unitPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .vatHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .discountHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .netPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .quantityHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .totalPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .unitPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .vatHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .discountHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .netPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .quantityHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .totalPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .unitPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .vatHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .discountHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .netPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .quantityHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .totalPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .unitPriceHead.mobile,
.Invoice
  .invoiceWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .vatHead.mobile {
  display: none;
}
.Invoice .invoiceWrapper .productsWrapper .totalWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  margin: 2vh 0 8vh 0;
}
.Invoice .invoiceWrapper .productsWrapper .totalWrapper .netPriceWrapper,
.Invoice .invoiceWrapper .productsWrapper .totalWrapper .totalPriceWrapper,
.Invoice .invoiceWrapper .productsWrapper .totalWrapper .vatWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 50%;
  padding: 1vh 0;
  border-bottom: 2px solid #dedede;
}
.Invoice .invoiceWrapper .productsWrapper .totalWrapper .totalPriceWrapper {
  border-bottom: none;
  font-weight: 700;
}
.Invoice .invoiceWrapper .productsWrapper .paymentWrapper h2 {
  padding-bottom: 1vh;
  border-bottom: 2px solid #dedede;
  margin-bottom: 1vh;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentInstructions {
  margin-bottom: 2vh;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentInstructions.left
  span {
  display: block;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentInstructions.left
  span:first-child {
  margin-bottom: 2vh;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentInstructions.left
  span:last-child
  > span {
  display: inline;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentOptions
  h2 {
  padding-bottom: 1vh;
  border-bottom: 2px solid #dedede;
  margin-bottom: 1vh;
  text-align: left;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentOptions
  .Button {
  width: 100%;
  margin-bottom: 1vh;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentOptions
  .paymentOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vh;
  margin-bottom: 1vh;
  cursor: pointer;
  border-bottom: 2px solid #dedede;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentOptions
  .paymentOption
  .fakeCheckBox {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  cursor: pointer;
  background-color: inherit;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentOptions
  .paymentOption
  .fakeCheckBox
  .checkIcon {
  font-size: 20px;
  display: none;
}
.Invoice
  .invoiceWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentOptions
  .paymentOption.selected
  .checkIcon {
  display: flex;
}
.Invoice.print {
  padding: 0 20px;
  font-size: 10pt;
  margin: 0 !important;
  max-width: none !important;
}
.Invoice.print .invoiceWrapper .infoWrapper {
  padding: 0;
  font-size: 100%;
  margin-bottom: 30px;
}
.Invoice.print .invoiceWrapper .infoWrapper h1,
.Invoice.print .invoiceWrapper .infoWrapper h2 {
  font-size: 120%;
}
.Invoice.print .invoiceWrapper .infoWrapper figure img {
  max-height: 80px;
}
.Invoice.print .invoiceWrapper .infoWrapper .printIcon {
  display: none !important;
}
.Invoice.print .productsWrapper .productHead {
  font-size: 6pt;
}
.Invoice.print .productsWrapper .totalWrapper {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1000px) {
  .Invoice .invoiceWrapper {
    margin: 0 10% 0 10%;
  }
  .Invoice .invoiceWrapper .left,
  .Invoice .invoiceWrapper .right {
    width: 100%;
    text-align: left;
  }
  .Invoice .invoiceWrapper .left.right,
  .Invoice .invoiceWrapper .right.right {
    text-align: left;
  }
  .Invoice .invoiceWrapper .infoWrapper {
    flex-direction: column;
  }
  .Invoice .invoiceWrapper .productsWrapper .productHead {
    display: none;
  }
  .Invoice .invoiceWrapper .productsWrapper .productsList .product {
    flex-direction: column;
    text-align: left;
  }
  .Invoice
    .invoiceWrapper
    .productsWrapper
    .productsList
    .product
    .titleWrapper {
    width: 100%;
  }
  .Invoice .invoiceWrapper .productsWrapper .productsList .product .discount,
  .Invoice .invoiceWrapper .productsWrapper .productsList .product .netPrice,
  .Invoice .invoiceWrapper .productsWrapper .productsList .product .quantity,
  .Invoice .invoiceWrapper .productsWrapper .productsList .product .totalPrice,
  .Invoice .invoiceWrapper .productsWrapper .productsList .product .unitPrice,
  .Invoice .invoiceWrapper .productsWrapper .productsList .product .vat {
    width: 100%;
  }
  .Invoice .invoiceWrapper .productsWrapper .productsList article:first-child {
    border-top: 2px solid #dedede;
    padding-top: 1vh;
  }
  .Invoice .invoiceWrapper .productsWrapper .totalWrapper {
    align-items: flex-start;
  }
  .Invoice .invoiceWrapper .productsWrapper .totalWrapper .netPriceWrapper,
  .Invoice .invoiceWrapper .productsWrapper .totalWrapper .totalPriceWrapper,
  .Invoice .invoiceWrapper .productsWrapper .totalWrapper .vatWrapper {
    width: 100%;
  }
}
.Quote {
  box-sizing: border-box;
  margin: 50px auto;
  max-width: 1400px;
}
.Quote .editWarning {
  text-align: center;
  border: 2px solid #dedede;
  padding: 2vw;
  margin-bottom: 2vw;
  font-size: 120%;
}
.Quote h1,
.Quote h2 {
  font-weight: 700;
  font-size: 120%;
}
.Quote .quoteWrapper .left,
.Quote .quoteWrapper .right {
  width: 40%;
  text-align: left;
}
.Quote .quoteWrapper .left.right,
.Quote .quoteWrapper .right.right {
  text-align: right;
}
.Quote .quoteWrapper .infoWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5vh;
}
.Quote .quoteWrapper .infoWrapper article {
  margin-bottom: 2vh;
}
.Quote .quoteWrapper .infoWrapper .printIcon {
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
}
.Quote .quoteWrapper .infoWrapper figure img {
  max-height: 100px;
}
.Quote .quoteWrapper .descriptionWrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 5vh;
}
.Quote .quoteWrapper .productsWrapper .productHead {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: right;
  padding-bottom: 1vh;
  margin-bottom: 1vh;
  border-bottom: 2px solid #dedede;
}
.Quote .quoteWrapper .productsWrapper .productHead .emptyTitleHead {
  width: 40%;
}
.Quote .quoteWrapper .productsWrapper .productHead .unitPriceHead {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productHead .discountHead {
  width: 12%;
}
.Quote .quoteWrapper .productsWrapper .productHead .quantityHead {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productHead .netPriceHead {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productHead .vatHead {
  width: 8%;
}
.Quote .quoteWrapper .productsWrapper .productHead .totalPriceHead {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productsList .product {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: right;
  padding-bottom: 1vh;
  margin-bottom: 1vh;
  border-bottom: 2px solid #dedede;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .titleWrapper {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 40%;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .titleWrapper
  .title {
  font-weight: 700;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .unitPrice {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .discount {
  width: 12%;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .quantity {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .netPrice {
  width: 10%;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .vat {
  width: 8%;
}
.Quote .quoteWrapper .productsWrapper .productsList .product .totalPrice {
  width: 10%;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .discountHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .netPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .quantityHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .totalPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .unitPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .discount
  .vatHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .discountHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .netPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .quantityHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .totalPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .unitPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .netPrice
  .vatHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .discountHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .netPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .quantityHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .totalPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .unitPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .quantity
  .vatHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .discountHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .netPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .quantityHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .totalPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .unitPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .totalPrice
  .vatHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .discountHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .netPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .quantityHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .totalPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .unitPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .unitPrice
  .vatHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .discountHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .netPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .quantityHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .totalPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .unitPriceHead.mobile,
.Quote
  .quoteWrapper
  .productsWrapper
  .productsList
  .product
  .vat
  .vatHead.mobile {
  display: none;
}
.Quote .quoteWrapper .productsWrapper .totalWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  margin: 2vh 0 8vh 0;
}
.Quote .quoteWrapper .productsWrapper .totalWrapper .netPriceWrapper,
.Quote .quoteWrapper .productsWrapper .totalWrapper .totalPriceWrapper,
.Quote .quoteWrapper .productsWrapper .totalWrapper .vatWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 50%;
  padding: 1vh 0;
  border-bottom: 2px solid #dedede;
}
.Quote .quoteWrapper .productsWrapper .totalWrapper .totalPriceWrapper {
  border-bottom: none;
  font-weight: 700;
}
.Quote .quoteWrapper .productsWrapper .paymentWrapper h2 {
  padding-bottom: 1vh;
  border-bottom: 2px solid #dedede;
  margin-bottom: 1vh;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper {
  display: flex;
  flex-direction: column;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .paymentInstructions {
  margin-bottom: 5vh;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .paymentInstructionsWrapper
  .termsAndConditions {
  margin-bottom: 5vh;
}
.Quote .quoteWrapper .productsWrapper .paymentWrapper .acceptQuoteWrapper h2 {
  padding-bottom: 1vh;
  border-bottom: 2px solid #dedede;
  margin-bottom: 1vh;
  text-align: left;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .Button {
  width: 100%;
  margin-bottom: 1vh;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote {
  display: flex;
  width: 50%;
  flex-direction: column;
  margin-bottom: 1vh;
  cursor: pointer;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper {
  display: flex;
  flex-direction: column;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW {
  width: 100%;
  background-color: inherit;
  margin-bottom: 30px;
  position: relative;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  input[type="email"],
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  input[type="text"] {
  width: 100%;
  border: none;
  border-bottom: 1px solid;
  background-color: inherit !important;
  border-radius: 0;
  padding: 10px 0;
  opacity: 0.9;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  margin-top: 4px;
  box-sizing: border-box;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  input[type="email"]:focus,
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  input[type="text"]:focus {
  outline: 0;
  opacity: 1;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  transition: all 0.3s;
  pointer-events: none;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  input:focus
  + label,
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .formWrapper
  .inputW
  input:not(:placeholder-shown)
  + label {
  top: -20px;
  font-size: 70%;
  opacity: 0.5;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .quoteAcceptConfirmation {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .quoteAcceptConfirmation
  .fakeCheckBox {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  cursor: pointer;
  background-color: inherit;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .quoteAcceptConfirmation
  .fakeCheckBox
  .checkIcon {
  font-size: 20px;
  display: none;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .quoteAcceptConfirmation
  .quoteAcceptConfirmationTitle {
  display: flex;
  align-items: center;
}
.Quote
  .quoteWrapper
  .productsWrapper
  .paymentWrapper
  .acceptQuoteWrapper
  .acceptQuote
  .quoteAcceptConfirmation.selected
  .checkIcon {
  display: flex;
}
.Quote.print {
  padding: 0 20px;
  font-size: 10pt;
  margin: 0 !important;
  max-width: none !important;
}
.Quote.print .quoteWrapper .infoWrapper {
  padding: 0;
  font-size: 100%;
  margin-bottom: 30px;
}
.Quote.print .quoteWrapper .infoWrapper h1,
.Quote.print .quoteWrapper .infoWrapper h2 {
  font-size: 120%;
}
.Quote.print .quoteWrapper .infoWrapper figure img {
  max-height: 80px;
}
.Quote.print .quoteWrapper .infoWrapper .printIcon {
  display: none !important;
}
.Quote.print .productsWrapper .productHead {
  font-size: 6pt;
}
.Quote.print .productsWrapper .totalWrapper {
  margin-bottom: 30px;
}
.Quote.print .acceptQuoteWrapper {
  display: none !important;
}
@media only screen and (max-width: 1000px) {
  .Quote .quoteWrapper {
    margin: 0 10% 0 10%;
  }
  .Quote .quoteWrapper .left,
  .Quote .quoteWrapper .right {
    width: 100%;
    text-align: left;
  }
  .Quote .quoteWrapper .left.right,
  .Quote .quoteWrapper .right.right {
    text-align: left;
  }
  .Quote .quoteWrapper .infoWrapper {
    flex-direction: column;
  }
  .Quote .quoteWrapper .productsWrapper .productHead {
    display: none;
  }
  .Quote .quoteWrapper .productsWrapper .productsList .product {
    flex-direction: column;
    text-align: left;
  }
  .Quote .quoteWrapper .productsWrapper .productsList .product .titleWrapper {
    width: 100%;
  }
  .Quote .quoteWrapper .productsWrapper .productsList .product .discount,
  .Quote .quoteWrapper .productsWrapper .productsList .product .netPrice,
  .Quote .quoteWrapper .productsWrapper .productsList .product .quantity,
  .Quote .quoteWrapper .productsWrapper .productsList .product .totalPrice,
  .Quote .quoteWrapper .productsWrapper .productsList .product .unitPrice,
  .Quote .quoteWrapper .productsWrapper .productsList .product .vat {
    width: 100%;
  }
  .Quote .quoteWrapper .productsWrapper .productsList article:first-child {
    border-top: 2px solid #dedede;
    padding-top: 1vh;
  }
  .Quote .quoteWrapper .productsWrapper .totalWrapper {
    align-items: flex-start;
  }
  .Quote .quoteWrapper .productsWrapper .totalWrapper .netPriceWrapper,
  .Quote .quoteWrapper .productsWrapper .totalWrapper .totalPriceWrapper,
  .Quote .quoteWrapper .productsWrapper .totalWrapper .vatWrapper {
    width: 100%;
  }
  .Quote
    .quoteWrapper
    .productsWrapper
    .paymentWrapper
    .acceptQuoteWrapper
    .acceptQuote {
    margin-top: 30px;
    width: 66%;
  }
}
.QrCode {
  max-width: 1200px;
  width: 100%;
  margin: 10vh auto;
  box-sizing: border-box;
  min-height: 60vh;
}
.QrCode .Header {
  margin-bottom: 40px;
}
.QrCode .QrCodeImageWrapper {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
}
.QrCode .QrCodeImageWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.QrCode .QrCodeImageWrapper #qrcode {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  z-index: 1;
  border-radius: 2px;
  background: #fff;
}
.QrCode .productsWrapper article {
  width: 100%;
  padding: 64px 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #e0dfdf;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: inherit;
  opacity: 0.8;
}
.QrCode .productsWrapper article .one,
.QrCode .productsWrapper article .two {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: inherit;
}
.QrCode .productsWrapper article .one {
  justify-content: flex-start;
}
.QrCode .productsWrapper article .one .imageWrapper {
  width: 150px;
  height: 100px;
  background: 0 0;
  box-shadow: inset 200px 200px 300px 200px rgba(0, 0, 0, 0.07);
}
.QrCode .productsWrapper article .one .imageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.QrCode .productsWrapper article .titleWrapper {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.QrCode .productsWrapper article .nrAndPriceWrapper .price {
  width: 120px;
  text-align: right;
}
@keyframes lineUp {
  0% {
    transform-origin: 50% 100%;
    transform: scale3d(1, 0.045, 1);
  }
  50% {
    transform-origin: 50% 100%;
    transform: scale3d(1, 1, 1);
  }
  51% {
    transform-origin: 50% 0;
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform-origin: 50% 0;
    transform: scale3d(1, 0.045, 1);
  }
}
.hidden1 .MainMenuLinks.underlineBottom .linkWrapper,
.hidden2 .MainMenuLinks.underlineBottom .linkWrapper,
.hidden3 .MainMenuLinks.underlineBottom .linkWrapper,
.hidden4 .MainMenuLinks.underlineBottom .linkWrapper,
.hidden5 .MainMenuLinks.underlineBottom .linkWrapper,
.hidden6 .MainMenuLinks.underlineBottom .linkWrapper,
.hidden7 .MainMenuLinks.underlineBottom .linkWrapper,
.left1 .MainMenuLinks.underlineBottom .linkWrapper,
.left2 .MainMenuLinks.underlineBottom .linkWrapper,
.left3 .MainMenuLinks.underlineBottom .linkWrapper {
  margin-top: 12px;
}
.underlineBottom {
  --data-thickness: 0.05em;
}
.underlineBottom .linkSpan,
.underlineBottom .linkWrapper a {
  position: relative;
}
.underlineBottom .linkSpan:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  content: " ";
  display: block;
  height: var(--data-thickness);
  width: 100%;
  background: currentColor;
}
.underlineBottom .linkSpan:after {
  position: absolute;
  bottom: -12px;
  left: var(--data-margin);
  content: " ";
  display: none;
  height: var(--data-thickness);
  width: 100%;
  background: currentColor;
}
.underlineBottom--roll .linkSpan:before {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease-out;
}
.underlineBottom--roll a:hover .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--roll .router-link-active .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--roll2 .linkSpan:before {
  clip-path: polygon(
    0 0,
    0 100%,
    0 100%,
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 100%,
    100% 100%,
    100% 0
  );
  height: var(--data-thickness);
  transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  transform-origin: 50% 100%;
}
.underlineBottom--roll2 a:hover .linkSpan:before {
  clip-path: polygon(
    0 0,
    0 100%,
    50% 100%,
    50% 0,
    50% 0,
    50% 100%,
    50% 100%,
    0 100%,
    100% 100%,
    100% 0
  );
  transform: translate3d(0, 2px, 0) scale3d(1, 1, 1);
}
.underlineBottom--roll2 .router-link-active .linkSpan:before {
  clip-path: polygon(
    0 0,
    0 100%,
    50% 100%,
    50% 0,
    50% 0,
    50% 100%,
    50% 100%,
    0 100%,
    100% 100%,
    100% 0
  );
  transform: translate3d(0, 2px, 0) scale3d(1, 1, 1);
}
.underlineBottom--roll3 .linkSpan:after {
  display: block;
  transform: scaleX(1);
  transition: transform 0.3s ease-out;
  transform-origin: right;
}
.underlineBottom--roll3 .linkSpan:before {
  transform: scaleX(0);
  transition: transform 0.3s ease-out;
  transform-origin: left;
}
.underlineBottom--roll3 a:hover .linkSpan:before {
  transform: scaleX(1);
}
.underlineBottom--roll3 a:hover .linkSpan:after {
  transform: scaleX(0);
}
.underlineBottom--roll3 .router-link-active .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--roll3 .router-link-active .linkSpan:after {
  transform: scaleX(0);
  transform-origin: left;
}
.underlineBottom--doubleRoll .linkSpan:after {
  display: block;
}
.underlineBottom--doubleRoll .linkSpan:before {
  transform: scaleX(0);
  transition: transform 0.3s ease-out;
  transform-origin: right;
}
.underlineBottom--doubleRoll .linkSpan:after {
  transform: scaleX(0);
  transition: transform 0.3s ease-out;
  transform-origin: right;
  transition-delay: 0.15s;
}
.underlineBottom--doubleRoll a:hover .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--doubleRoll a:hover .linkSpan:after {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--doubleRoll .router-link-active .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--doubleRoll .router-link-active .linkSpan:after {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--doubleRoll2 .linkSpan:after {
  display: block;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-out;
}
.underlineBottom--doubleRoll2 .linkSpan:before {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease-out;
}
.underlineBottom--doubleRoll2 a:hover .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--doubleRoll2 a:hover .linkSpan:after {
  transform: scaleX(1);
  transform-origin: right;
}
.underlineBottom--doubleRoll2 .router-link-active .linkSpan:before {
  transform: scaleX(1);
  transform-origin: left;
}
.underlineBottom--doubleRoll2 .router-link-active .linkSpan:after {
  transform: scaleX(1);
  transform-origin: right;
}
.underlineBottom--move .linkSpan:before {
  opacity: 0;
  transform: translateY(10px);
  transform-origin: center;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.underlineBottom--move a:hover .linkSpan:before {
  opacity: 1;
  transform: translateY(0);
}
.underlineBottom--move .router-link-active .linkSpan:before {
  opacity: 1;
  transform: translateY(0);
}
.underlineBottom--move2 .linkSpan:before {
  top: calc(100% + 6px);
  height: 10px;
  opacity: 0;
  pointer-events: none;
  transform-origin: center;
}
.underlineBottom--move2 .linkSpan:after {
  bottom: -6px;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 0s;
}
.underlineBottom--move2 a:hover .linkSpan:before {
  opacity: 1;
  animation: lineUp 0.3s ease forwards;
}
.underlineBottom--move2 a:hover .linkSpan:after {
  opacity: 1;
}
.underlineBottom--move2 .router-link-active .linkSpan:before {
  opacity: 0;
  animation: lineUp 0.3s ease forwards;
}
.underlineBottom--move2 .router-link-active .linkSpan:after {
  opacity: 1;
  transition-delay: 0.3s;
}
.underlineBottom--move3 .linkSpan:before {
  top: calc(100% + 6px);
  height: var(--data-thickness);
  pointer-events: none;
  border-radius: var(--data-thickness);
  opacity: 0;
  transform: scale3d(1.2, 0.1, 1);
  transform-origin: center;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
}
.underlineBottom--move3 a:hover .linkSpan:before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: transform 0.2s, opacity 0.2s;
  transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
}
.underlineBottom--move3 .router-link-active .linkSpan:before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: transform 0.2s, opacity 0.2s;
  transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
}
.underlineBottom--move4 .linkSpan:before {
  top: calc(100% + 6px);
  height: calc(var(--data-thickness) * 3);
  pointer-events: none;
  border-radius: var(--data-thickness);
  opacity: 0;
  transform: scale3d(1.2, 0.1, 1);
  transform-origin: center;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
}
.underlineBottom--move4 a:hover .linkSpan:before {
  width: calc(100% * var(--data-zoom-multiply));
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: transform 0.2s, opacity 0.2s;
  transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
}
.underlineBottom--move4 .router-link-active .linkSpan:before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: transform 0.2s, opacity 0.2s;
  transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
}
.underlineBottom--doubleMove .linkSpan:before {
  opacity: 0;
  transform-origin: center;
  transform: translateY(10px);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition-delay: 0.1s;
}
.underlineBottom--doubleMove .linkSpan:after {
  opacity: 0;
  transition: opacity 0.3s;
  content: " ";
  display: block;
  height: var(--data-thickness);
  width: 70%;
  margin: auto;
  position: absolute;
  bottom: -6px;
  left: 50%;
  background: currentColor;
  transform: translateY(16px) translateX(-50%);
  transform-origin: center;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition-delay: 0s;
}
.underlineBottom--doubleMove a:hover .linkSpan:before {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
.underlineBottom--doubleMove a:hover .linkSpan:after {
  opacity: 1;
  transform: translateY(6px) translateX(-50%);
  transition-delay: 0.1s;
}
.underlineBottom--doubleMove .router-link-active .linkSpan:before {
  opacity: 1;
  transform: translateY(0);
}
.underlineBottom--doubleMove .router-link-active .linkSpan:after {
  opacity: 1;
  transform: translateY(6px) translateX(-50%);
}
.underlineBottom--move4,
.underlineBottom--zoomEffect {
  --data-zoom-multiply: 1.07;
}
.underlineBottom--move4 .linkSpan,
.underlineBottom--zoomEffect .linkSpan {
  display: inline-block;
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}
.underlineBottom--move4 .iconWrapper,
.underlineBottom--zoomEffect .iconWrapper {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}
.underlineBottom--move4 a:hover .linkSpan,
.underlineBottom--zoomEffect a:hover .linkSpan {
  transform: scale3d(
    var(--data-zoom-multiply),
    var(--data-zoom-multiply),
    var(--data-zoom-multiply)
  );
}
.underlineBottom--move4 a:hover .linkSpan:before,
.underlineBottom--zoomEffect a:hover .linkSpan:before {
  width: calc(100% * var(--data-zoom-multiply));
}
.underlineBottom--move4 .iconLinksWrapper:hover .iconWrapper,
.underlineBottom--zoomEffect .iconLinksWrapper:hover .iconWrapper {
  transform: translateX(-0.25em);
}
.underlineBottom--move4 .router-link-active .linkSpan,
.underlineBottom--zoomEffect .router-link-active .linkSpan {
  transform: scale3d(
    var(--data-zoom-multiply),
    var(--data-zoom-multiply),
    var(--data-zoom-multiply)
  );
}
.underlineBottom--move4 .router-link-active .iconWrapper,
.underlineBottom--zoomEffect .router-link-active .iconWrapper {
  transform: translateX(-0.25em);
}
.underlineBottom--move4 .router-link-active .linkSpan:before,
.underlineBottom--zoomEffect .router-link-active .linkSpan:before {
  width: calc(100% * var(--data-zoom-multiply));
}
.navWrapper {
  background: inherit;
}
.StoreCartRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8em 1.2em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background: inherit;
  letter-spacing: 0.03em;
}
.StoreCartRow .StoreCartIcon {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.StoreCartRow .StoreCartIcon .ficon-bag {
  font-size: 150%;
}
.StoreCartRow .StoreCartIcon .bagNr {
  margin-left: 0.3em;
}
.StoreCartRow .yourCartText {
  cursor: pointer;
}
.Page.hasLeftMenu .StoreCartRow {
  justify-content: flex-end;
  border-width: 0;
}
.Page.hasLeftMenu .StoreCartRow .yourCartText {
  margin-right: 1em;
}
.storeFigureTitlesWrapper {
  display: flex;
  flex-direction: column;
}
.bottom1 .storeFigureTitlesWrapper {
  align-items: center;
}
figure.Item .imgWrapper .outOfStock {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  font-size: 1.5em;
  z-index: 2;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.searchFilter {
  display: flex;
  background-color: inherit;
  width: 100%;
  margin-bottom: 6em;
}
.searchFilter .searchField {
  flex-grow: 1;
  border: none;
  border-bottom: 1px solid;
  background-color: inherit !important;
  border-radius: 0;
  padding: 10px 0;
  opacity: 0.7;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
.searchFilter.filter-searchsortcat {
  justify-content: space-between;
  align-items: flex-end;
}
.searchFilter.filter-searchsortcat .fakeSelect {
  position: relative;
  border-bottom: 1px solid;
  padding: 10px 30px 10px 0;
  cursor: pointer;
  background-color: inherit;
  white-space: nowrap;
  min-width: 150px;
}
.searchFilter.filter-searchsortcat .fakeSelect ul {
  display: none;
}
.searchFilter.filter-searchsortcat .fakeSelect .fakeBg {
  display: none;
}
.searchFilter.filter-searchsortcat .fakeSelect span.ficon-angle-down,
.searchFilter.filter-searchsortcat .fakeSelect span.ficon-angle-up {
  font-size: 150%;
  position: absolute;
  top: 10px;
  right: 0;
}
.searchFilter.filter-searchsortcat .fakeSelect span.ficon-angle-up {
  display: none;
}
.searchFilter.filter-searchsortcat .fakeSelect.active ul {
  position: absolute;
  left: 0;
  top: 30px;
  display: block;
  padding: 20px 30px;
  min-width: 100px;
  z-index: 2;
  box-shadow: 0 3px 11px -2px rgba(0, 0, 0, 0.75);
  background-color: inherit;
  border-radius: 3px;
}
.searchFilter.filter-searchsortcat .fakeSelect.active ul.toRight {
  left: auto;
  right: 0;
}
.searchFilter.filter-searchsortcat .fakeSelect.active ul li {
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  font-size: 90%;
}
.searchFilter.filter-searchsortcat .fakeSelect.active ul li.active {
  border-bottom: 2px solid;
}
.searchFilter.filter-searchsortcat .fakeSelect.active ul li:hover {
  border-bottom: 2px solid;
}
.searchFilter.filter-searchsortcat .fakeSelect.active ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.searchFilter.filter-searchsortcat .fakeSelect.active span.ficon-angle-up {
  display: inline-block;
}
.searchFilter.filter-searchsortcat .fakeSelect.active span.ficon-angle-down {
  display: none;
}
.searchFilter.filter-searchsortcat .fakeSelect.active .fakeBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.searchFilter.filter-searchsortcat .fakeSelect,
.searchFilter.filter-searchsortcat .searchField {
  margin-right: 20px;
}
@media only screen and (max-width: 999px) {
  .searchFilter.filter-searchsortcat {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .searchFilter.filter-searchsortcat .fakeSelect,
  .searchFilter.filter-searchsortcat .searchField {
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}
.searchFilter.filter-catcloud {
  justify-content: center;
}
.searchFilter.filter-catcloud .catHeader,
.searchFilter.filter-catcloud .ficon-angle-down,
.searchFilter.filter-catcloud .ficon-angle-up,
.searchFilter.filter-catcloud .searchField,
.searchFilter.filter-catcloud .sortBy {
  display: none;
}
.searchFilter.filter-catcloud .categories ul {
  text-align: center;
}
.searchFilter.filter-catcloud .categories ul li {
  display: inline;
  margin: 0 0.3em;
  font-size: 120%;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  padding: 0.5em;
}
.searchFilter.filter-catcloud .categories ul li:hover {
  border-bottom: 1px solid currentColor;
}
.searchFilter.filter-catcloud .categories ul li.active {
  opacity: 0.5;
  border-bottom: 1px solid currentColor;
}
@media only screen and (max-width: 999px) {
  .searchFilter.filter-catcloud .categories ul li {
    display: inline-block;
  }
}
.Product {
  min-height: 100px;
  background-color: inherit;
  box-sizing: border-box;
  width: 100%;
  padding: 7vh 7vh;
}
.Product .productDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: inherit;
}
.Product .reverseOrderWrapper {
  display: flex;
  flex-direction: column;
  background-color: inherit;
  width: 100%;
}
.Product.reverse-order .reverseOrderWrapper {
  flex-direction: column-reverse;
}
.Product.reverse-order .reverseOrderWrapper .Gallery {
  margin-bottom: 3em;
}
.ProductHeader {
  align-self: center;
  text-align: center;
}
.ProductSubHeader {
  align-self: center;
  text-align: center;
  margin-top: 0.5em;
}
.ProductPrice {
  align-self: center;
  text-align: center;
  margin-top: 0.5em;
}
.ProductVariants {
  position: relative;
  border-bottom: 1px solid;
  padding: 10px 30px 10px 0;
  cursor: pointer;
  background-color: inherit;
  margin-top: 1em;
  min-width: 130px;
}
.ProductVariants ul {
  display: none;
}
.ProductVariants ul li .vImage {
  display: flex;
  height: 2em;
  align-items: center;
  margin-right: 0.7em;
  width: max-content;
}
.ProductVariants ul li .vImage img {
  border-radius: 3px;
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.ProductVariants ul li .vPrice,
.ProductVariants ul li .vSoldOut {
  margin-left: 0.5em;
}
.ProductVariants ul li .vSoldOut {
  font-weight: 700;
}
.ProductVariants .fakeBg {
  display: none;
}
.ProductVariants span.ficon-angle-down,
.ProductVariants span.ficon-angle-up {
  font-size: 150%;
  position: absolute;
  top: 10px;
  right: 0;
}
.ProductVariants span.ficon-angle-up {
  display: none;
}
.ProductVariants.active ul {
  position: absolute;
  left: 0;
  top: 30px;
  display: block;
  padding: 20px 30px;
  min-width: 100px;
  z-index: 2;
  box-shadow: 0 3px 11px -2px rgba(0, 0, 0, 0.75);
  background-color: inherit;
  border-radius: 3px;
}
.ProductVariants.active ul.toRight {
  left: auto;
  right: 0;
}
.ProductVariants.active ul li {
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  font-size: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ProductVariants.active ul li.active {
  border-bottom: 2px solid #089fda;
}
.ProductVariants.active ul li:hover {
  border-bottom: 2px solid #089fda;
}
.ProductVariants.active ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 6px;
}
.ProductVariants.active span.ficon-angle-up {
  display: inline-block;
}
.ProductVariants.active span.ficon-angle-down {
  display: none;
}
.ProductVariants.active .fakeBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.ProductVariants.VariantsFormatOneLine {
  text-align: center;
  cursor: default;
  min-width: 33vw;
  padding: 1vh 0 0 0;
  border-bottom: none;
}
.ProductVariants.VariantsFormatOneLine ul {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: none;
  cursor: pointer;
  padding: 2vh 0 0 0;
}
.ProductVariants.VariantsFormatOneLine ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-right: 2em;
  border-bottom: 2px solid transparent;
  line-height: calc(2em + 2px);
}
.ProductVariants.VariantsFormatOneLine ul li .vImage {
  display: flex;
  height: 2em;
  align-items: center;
  margin-right: 0.7em;
  width: max-content;
}
.ProductVariants.VariantsFormatOneLine ul li .vImage img {
  border-radius: 3px;
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.ProductVariants.VariantsFormatOneLine ul li .vPrice,
.ProductVariants.VariantsFormatOneLine ul li .vSoldOut {
  margin-left: 0.5em;
}
.ProductVariants.VariantsFormatOneLine ul li .vSoldOut {
  font-weight: 700;
}
.ProductVariants.VariantsFormatOneLine ul li.active {
  border-bottom: 2px solid #089fda;
}
.ProductVariants.VariantsFormatOneLine ul li:hover {
  border-bottom: 2px solid #089fda;
}
.ProductVariants.VariantsFormatOneLine .ficon-angle-down,
.ProductVariants.VariantsFormatOneLine .ficon-angle-up {
  display: none !important;
}
.ProductVariants.VariantsFormatOneLine .fakeBg {
  display: none !important;
}
.ProductVariants.VariantsFormatOneLine.active ul {
  top: 0;
  left: 0;
  padding: 2vh 0 0 0;
  border-radius: 0;
}
.ProductVariants.VariantsFormatOneLine.active li {
  font-size: 100%;
  line-height: calc(2em + 2px);
  margin-bottom: 0;
  padding-bottom: 0;
}
.ProductVariants.VariantsFormatOneLine.active li:last-child {
  padding-bottom: 0;
}
.ProductText {
  margin: 3em 0;
  max-width: 900px;
  text-align: center;
}
.ProductShare {
  align-self: center;
  margin-bottom: 4em;
}
.ProductButton {
  margin-top: 1.4em;
}
.Product.sideBySide {
  width: 100%;
}
.Product.sideBySide .reverseOrderWrapper {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
.Product.sideBySide .reverseOrderWrapper .productDetails {
  margin: 0;
  flex: 1;
}
.Product.sideBySide .reverseOrderWrapper .productImagesWrapper {
  width: 57%;
  margin-right: 8%;
  box-sizing: border-box;
}
.Product.sideBySide .reverseOrderWrapper .productImagesWrapper .largeImage {
  width: 100%;
  margin-bottom: 3em;
}
.Product.sideBySide
  .reverseOrderWrapper
  .productImagesWrapper
  .largeImage
  .gotVideo {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.Product.sideBySide
  .reverseOrderWrapper
  .productImagesWrapper
  .largeImage
  .gotVideo
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.Product.sideBySide .reverseOrderWrapper .productImagesWrapper .largeImage img {
  width: 100%;
}
.Product.sideBySide .reverseOrderWrapper .productImagesWrapper .Gallery {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 2em;
  margin-bottom: 5vh;
}
.Product.sideBySide
  .reverseOrderWrapper
  .productImagesWrapper
  .Gallery
  figure
  .imgWrapper {
  height: 10vw;
}
.Product.sideBySide
  .reverseOrderWrapper
  .productImagesWrapper
  .Gallery
  figure
  .imgWrapper
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
@media only screen and (max-width: 999px) {
  .Product.sideBySide .reverseOrderWrapper {
    flex-direction: column;
    justify-content: center;
  }
  .Product.sideBySide .reverseOrderWrapper .productDetails,
  .Product.sideBySide .reverseOrderWrapper .productImagesWrapper {
    width: 100% !important;
    margin: 0 !important;
  }
  .Product.sideBySide .reverseOrderWrapper .productImagesWrapper .Gallery {
    grid-template-columns: repeat(2, auto);
  }
  .Product.sideBySide
    .reverseOrderWrapper
    .productImagesWrapper
    .Gallery
    figure
    .imgWrapper {
    height: 20vw;
  }
}
.gustavAddToBrakeCache {
  background: 0 0;
  color: red;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
@media only screen and (min-width: 999px) {
  body .frontApp .Page:not(.hasLeftMenu) .navWrapper.positionFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 2;
  }
}
.frontApp .centered1,
.frontApp .centered3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
.frontApp .centered2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
@media only screen and (max-width: 999px) {
  .frontApp .centered2 {
    display: flex;
    flex-direction: column;
  }
  .frontApp .centered2 .first {
    align-items: center;
  }
}
.frontApp .centered3 {
  flex-direction: column-reverse;
}
.frontApp .centered3 .first {
  margin-top: 2em;
}
.frontApp .borderTop1,
.frontApp .borderTop2,
.frontApp .borderTop3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px 2vw;
}
.frontApp .borderTop1 .first,
.frontApp .borderTop2 .first,
.frontApp .borderTop3 .first {
  align-items: flex-start;
}
.frontApp .borderTop1 .first .Header,
.frontApp .borderTop2 .first .Header,
.frontApp .borderTop3 .first .Header {
  width: auto;
}
.frontApp .borderTop1 .second,
.frontApp .borderTop2 .second,
.frontApp .borderTop3 .second {
  align-items: flex-end;
}
.frontApp .borderTop1 .hamburger,
.frontApp .borderTop2 .hamburger,
.frontApp .borderTop3 .hamburger {
  margin-right: 7px;
  align-self: flex-start;
}
@media only screen and (max-width: 999px) {
  .frontApp .borderTop1 .hamburger,
  .frontApp .borderTop2 .hamburger,
  .frontApp .borderTop3 .hamburger {
    margin-top: 0;
    align-self: center;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .borderTop1,
  .frontApp .borderTop2,
  .frontApp .borderTop3 {
    display: flex;
    flex-direction: column;
  }
  .frontApp .borderTop1 .pbMenu.first,
  .frontApp .borderTop2 .pbMenu.first,
  .frontApp .borderTop3 .pbMenu.first {
    align-items: center;
  }
}
.frontApp .borderTop2 .first {
  align-items: flex-end;
  margin-right: 1em;
}
@media only screen and (max-width: 999px) {
  .frontApp .borderTop2 .first {
    margin-right: 0;
  }
}
.frontApp .borderTop2 .second {
  align-items: flex-start;
}
.frontApp .borderTop3 {
  flex-direction: row-reverse;
}
.frontApp .borderTop3 .first {
  align-items: flex-end;
}
.frontApp .borderTop3 .second {
  align-items: flex-start;
}
.frontApp .left1,
.frontApp .left2,
.frontApp .left3 {
  box-sizing: border-box;
  padding: 30px;
  position: fixed !important;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 1;
}
.frontApp .left1 .MainMenuLinks,
.frontApp .left2 .MainMenuLinks,
.frontApp .left3 .MainMenuLinks {
  flex-direction: column;
  justify-content: flex-start;
  line-height: 1.5em;
  text-align: center;
  align-items: normal;
}
.frontApp .left1 .MainMenuLinks .sublinks a,
.frontApp .left1 .MainMenuLinks .sublinks span,
.frontApp .left2 .MainMenuLinks .sublinks a,
.frontApp .left2 .MainMenuLinks .sublinks span,
.frontApp .left3 .MainMenuLinks .sublinks a,
.frontApp .left3 .MainMenuLinks .sublinks span {
  margin-top: 0;
  margin-bottom: 0;
}
.frontApp .left1 .MainMenuLinks .linkWrapper,
.frontApp .left2 .MainMenuLinks .linkWrapper,
.frontApp .left3 .MainMenuLinks .linkWrapper {
  text-align: inherit;
}
.frontApp .left1 .MainMenuLinks .iconLinksWrapper,
.frontApp .left1 .MainMenuLinks a,
.frontApp .left2 .MainMenuLinks .iconLinksWrapper,
.frontApp .left2 .MainMenuLinks a,
.frontApp .left3 .MainMenuLinks .iconLinksWrapper,
.frontApp .left3 .MainMenuLinks a {
  margin-right: 0;
  margin-left: 0;
}
.frontApp .left1 {
  overflow-y: auto;
}
.frontApp .left2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow-y: auto;
}
.frontApp .left2 .pbMenu.second {
  height: 56%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.frontApp .left2 .pbMenu.second .MainMenuLinks {
  max-height: 85%;
  overflow-y: auto;
}
.frontApp .left3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow-y: auto;
}
.frontApp .hidden1,
.frontApp .hidden2,
.frontApp .hidden3,
.frontApp .hidden4,
.frontApp .hidden5,
.frontApp .hidden6,
.frontApp .hidden7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px 2vw;
}
.frontApp .hidden1 .MainMenuLinks .linkWrapper .sublinks,
.frontApp .hidden2 .MainMenuLinks .linkWrapper .sublinks,
.frontApp .hidden3 .MainMenuLinks .linkWrapper .sublinks,
.frontApp .hidden4 .MainMenuLinks .linkWrapper .sublinks,
.frontApp .hidden5 .MainMenuLinks .linkWrapper .sublinks,
.frontApp .hidden6 .MainMenuLinks .linkWrapper .sublinks,
.frontApp .hidden7 .MainMenuLinks .linkWrapper .sublinks {
  position: relative;
  top: auto;
  left: auto;
  padding: 0;
  font-size: 80%;
  display: block;
  background: 0 0;
  box-shadow: none;
  border-radius: 0;
  z-index: 0;
  margin-top: 0.3em;
  margin-bottom: 1.3em;
}
.frontApp .hidden1 .first,
.frontApp .hidden2 .first,
.frontApp .hidden3 .first,
.frontApp .hidden4 .first,
.frontApp .hidden5 .first,
.frontApp .hidden6 .first,
.frontApp .hidden7 .first {
  align-items: flex-start;
  width: auto;
}
.frontApp .hidden1 .first .Header,
.frontApp .hidden2 .first .Header,
.frontApp .hidden3 .first .Header,
.frontApp .hidden4 .first .Header,
.frontApp .hidden5 .first .Header,
.frontApp .hidden6 .first .Header,
.frontApp .hidden7 .first .Header {
  width: auto;
}
.frontApp .hidden1 .second,
.frontApp .hidden2 .second,
.frontApp .hidden3 .second,
.frontApp .hidden4 .second,
.frontApp .hidden5 .second,
.frontApp .hidden6 .second,
.frontApp .hidden7 .second {
  align-items: flex-end;
  display: none;
}
.frontApp .hidden1 .hamburger,
.frontApp .hidden2 .hamburger,
.frontApp .hidden3 .hamburger,
.frontApp .hidden4 .hamburger,
.frontApp .hidden5 .hamburger,
.frontApp .hidden6 .hamburger,
.frontApp .hidden7 .hamburger {
  margin-right: 7px;
  display: block !important;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden1 .hamburger,
  .frontApp .hidden2 .hamburger,
  .frontApp .hidden3 .hamburger,
  .frontApp .hidden4 .hamburger,
  .frontApp .hidden5 .hamburger,
  .frontApp .hidden6 .hamburger,
  .frontApp .hidden7 .hamburger {
    margin-right: 0;
    align-self: center;
  }
}
.frontApp .hidden1 .pbMenu.second,
.frontApp .hidden2 .pbMenu.second,
.frontApp .hidden3 .pbMenu.second,
.frontApp .hidden4 .pbMenu.second,
.frontApp .hidden5 .pbMenu.second,
.frontApp .hidden6 .pbMenu.second,
.frontApp .hidden7 .pbMenu.second {
  display: none;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  flex-direction: column;
  z-index: 2;
  background-color: inherit;
  opacity: 0.91;
  align-items: center;
  justify-content: center;
}
.frontApp .hidden1 .pbMenu.second .MainMenuLinks,
.frontApp .hidden2 .pbMenu.second .MainMenuLinks,
.frontApp .hidden3 .pbMenu.second .MainMenuLinks,
.frontApp .hidden4 .pbMenu.second .MainMenuLinks,
.frontApp .hidden5 .pbMenu.second .MainMenuLinks,
.frontApp .hidden6 .pbMenu.second .MainMenuLinks,
.frontApp .hidden7 .pbMenu.second .MainMenuLinks {
  flex-direction: column;
  line-height: 2em;
}
.frontApp .hidden1 .pbMenu.second.open,
.frontApp .hidden2 .pbMenu.second.open,
.frontApp .hidden3 .pbMenu.second.open,
.frontApp .hidden4 .pbMenu.second.open,
.frontApp .hidden5 .pbMenu.second.open,
.frontApp .hidden6 .pbMenu.second.open,
.frontApp .hidden7 .pbMenu.second.open {
  display: flex;
}
.frontApp .hidden1 .pbMenu.second.hiddenMenuRight,
.frontApp .hidden2 .pbMenu.second.hiddenMenuRight,
.frontApp .hidden3 .pbMenu.second.hiddenMenuRight,
.frontApp .hidden4 .pbMenu.second.hiddenMenuRight,
.frontApp .hidden5 .pbMenu.second.hiddenMenuRight,
.frontApp .hidden6 .pbMenu.second.hiddenMenuRight,
.frontApp .hidden7 .pbMenu.second.hiddenMenuRight {
  width: 30vw;
  left: auto;
  right: 0;
  max-width: 700px;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden1 .pbMenu.second.hiddenMenuRight,
  .frontApp .hidden2 .pbMenu.second.hiddenMenuRight,
  .frontApp .hidden3 .pbMenu.second.hiddenMenuRight,
  .frontApp .hidden4 .pbMenu.second.hiddenMenuRight,
  .frontApp .hidden5 .pbMenu.second.hiddenMenuRight,
  .frontApp .hidden6 .pbMenu.second.hiddenMenuRight,
  .frontApp .hidden7 .pbMenu.second.hiddenMenuRight {
    width: 100vw;
    max-width: none;
  }
}
.frontApp .hidden1 .pbMenu.second.hiddenMenuLeft,
.frontApp .hidden2 .pbMenu.second.hiddenMenuLeft,
.frontApp .hidden3 .pbMenu.second.hiddenMenuLeft,
.frontApp .hidden4 .pbMenu.second.hiddenMenuLeft,
.frontApp .hidden5 .pbMenu.second.hiddenMenuLeft,
.frontApp .hidden6 .pbMenu.second.hiddenMenuLeft,
.frontApp .hidden7 .pbMenu.second.hiddenMenuLeft {
  width: 30vw;
  max-width: 700px;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden1 .pbMenu.second.hiddenMenuLeft,
  .frontApp .hidden2 .pbMenu.second.hiddenMenuLeft,
  .frontApp .hidden3 .pbMenu.second.hiddenMenuLeft,
  .frontApp .hidden4 .pbMenu.second.hiddenMenuLeft,
  .frontApp .hidden5 .pbMenu.second.hiddenMenuLeft,
  .frontApp .hidden6 .pbMenu.second.hiddenMenuLeft,
  .frontApp .hidden7 .pbMenu.second.hiddenMenuLeft {
    width: 100vw;
    max-width: none;
  }
}
.frontApp .hidden1 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
.frontApp .hidden2 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
.frontApp .hidden3 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
.frontApp .hidden4 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
.frontApp .hidden5 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
.frontApp .hidden6 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
.frontApp .hidden7 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.frontApp .hidden1 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper,
.frontApp .hidden2 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper,
.frontApp .hidden3 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper,
.frontApp .hidden4 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper,
.frontApp .hidden5 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper,
.frontApp .hidden6 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper,
.frontApp .hidden7 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks .linkWrapper {
  margin-left: 1em;
  margin-right: 1em;
}
.frontApp
  .hidden1
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks,
.frontApp
  .hidden2
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks,
.frontApp
  .hidden3
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks,
.frontApp
  .hidden4
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks,
.frontApp
  .hidden5
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks,
.frontApp
  .hidden6
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks,
.frontApp
  .hidden7
  .pbMenu.second.hiddenMenuCover2
  .MainMenuLinks
  .linkWrapper
  .sublinks {
  position: relative;
  top: auto;
  left: auto;
  max-height: none;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden1 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
  .frontApp .hidden2 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
  .frontApp .hidden3 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
  .frontApp .hidden4 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
  .frontApp .hidden5 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
  .frontApp .hidden6 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks,
  .frontApp .hidden7 .pbMenu.second.hiddenMenuCover2 .MainMenuLinks {
    display: block;
  }
  .frontApp
    .hidden1
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper,
  .frontApp
    .hidden2
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper,
  .frontApp
    .hidden3
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper,
  .frontApp
    .hidden4
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper,
  .frontApp
    .hidden5
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper,
  .frontApp
    .hidden6
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper,
  .frontApp
    .hidden7
    .pbMenu.second.hiddenMenuCover2
    .MainMenuLinks
    .linkWrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden1,
  .frontApp .hidden2,
  .frontApp .hidden3,
  .frontApp .hidden4,
  .frontApp .hidden5,
  .frontApp .hidden6,
  .frontApp .hidden7 {
    display: flex;
    flex-direction: column;
  }
  .frontApp .hidden1 .pbMenu.first,
  .frontApp .hidden2 .pbMenu.first,
  .frontApp .hidden3 .pbMenu.first,
  .frontApp .hidden4 .pbMenu.first,
  .frontApp .hidden5 .pbMenu.first,
  .frontApp .hidden6 .pbMenu.first,
  .frontApp .hidden7 .pbMenu.first {
    align-items: center;
  }
}
.frontApp .hidden2 {
  flex-direction: row-reverse;
}
.frontApp .hidden3,
.frontApp .hidden4 {
  justify-content: center;
}
.frontApp .hidden3 .hamburger,
.frontApp .hidden4 .hamburger {
  position: absolute;
  right: 1em;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden3 .hamburger,
  .frontApp .hidden4 .hamburger {
    right: auto;
    position: relative;
  }
}
.frontApp .hidden4 .hamburger {
  left: 1em;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden4 .hamburger {
    left: auto;
  }
}
.frontApp .hidden5,
.frontApp .hidden6 {
  flex-direction: column;
}
.frontApp .hidden6 {
  flex-direction: column-reverse;
}
.frontApp .hidden6 .hamburger {
  margin-bottom: 1em;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden6 .hamburger {
    margin-bottom: 0;
  }
}
.frontApp .hidden7 {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.frontApp .hidden7 .hamburger {
  margin-right: 1em;
}
@media only screen and (max-width: 999px) {
  .frontApp .hidden7 .hamburger {
    margin-bottom: 0;
  }
}
[v-cloak] {
  display: none;
}
html {
  width: 100vw;
  overflow-x: hidden;
}
.currentColorBorderBottom {
  position: relative;
}
.currentColorBorderBottom::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.frontApp .emptyLink {
  cursor: default !important;
  text-decoration: none !important;
}
.frontApp .portfolioboxLink {
  position: fixed;
  bottom: 10px;
  right: 14px;
  color: currentColor;
  border-radius: 0.5rem;
  opacity: 0.4;
  font-size: 80%;
  letter-spacing: 0.05rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif;
  text-transform: uppercase;
}
.frontApp .portfolioboxLink img {
  height: 20px;
  margin-right: 10px;
}
.frontApp .portfolioboxLink:hover {
  opacity: 1;
}
.frontApp .pwdPageWrapper {
  background-color: inherit;
  height: 75vh;
}
.frontApp .pwdPageWrapper .pwdLogin.commentPopup {
  position: relative;
}
.frontApp .hasLeftMenu .pwdPageWrapper .pwdLogin.commentPopup {
  position: fixed !important;
}
@media only screen and (min-width: 999px) {
  .frontApp .hasLeftMenu .pwdPageWrapper .pwdLogin.commentPopup {
    width: calc(100% - 300px);
    left: auto;
    right: 0;
  }
}
.frontApp .pwdLogout {
  position: fixed;
  bottom: 40px;
  right: 18px;
  color: currentColor;
  cursor: pointer;
  opacity: 0.7;
  z-index: 1;
}
.frontApp .pwdLogout:hover {
  opacity: 1;
}
.frontApp .pwdLogout span {
  font-size: 28px;
}
.frontApp .isRelative {
  position: relative;
}
.frontApp .scrollToId,
.frontApp .scrollToTop {
  cursor: pointer;
}
.frontApp .fourOFourFront {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frontApp .frontMessagePopup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  top: 0;
  left: 0;
}
.frontApp .frontMessagePopup .frontMessagePopupBg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.frontApp .frontMessagePopup .frontMessageContent {
  width: 400px;
  max-width: 80%;
  background-color: inherit;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  z-index: 11;
  border: 3px solid;
}
.frontApp .frontMessagePopup .frontMessageContent h1 {
  margin-bottom: 2em;
}
.frontApp .frontMessagePopup .frontMessageContent .message {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 100vh 100vw rgba(0, 0, 0, 0.02);
  border-radius: 0.8rem;
  padding: 20px;
  margin-bottom: 30px;
  width: 100%;
  line-height: 160%;
}
.frontApp .frontMessagePopup .frontMessageContent .message .alertHeader {
  display: block;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 110%;
}
.frontApp .frontMessagePopup .frontMessageContent .Button {
  max-width: 100px;
}
.frontApp .frontMessagePopup .frontMessageContent .Button span {
  font-size: 16px;
  letter-spacing: 3px;
}
.frontApp .frontMessagePopup .frontMessageContent .btnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  overflow: hidden;
  width: 100%;
  border-radius: 0.8rem;
  padding: 10px;
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.05);
}
.frontApp .frontMessagePopup .frontMessageContent .btnWrapper .marginRight {
  margin-right: 30px;
}
.frontApp .countriesSelector.popWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  font-size: 14px;
}
.frontApp .countriesSelector.popWrapper .popBg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
}
.frontApp .countriesSelector.popWrapper .popContent {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.24);
  background: #fff;
  border-radius: 10px;
  position: relative;
  overflow-y: auto;
  height: auto;
  max-height: 80vh;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .frontApp .countriesSelector.popWrapper .popContent {
    max-height: 90vh;
  }
}
.frontApp .countriesSelector.popWrapper .popContent .popClose {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  cursor: pointer;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 100%;
  user-select: none;
  display: none;
}
@media only screen and (max-width: 1000px) {
  .frontApp .countriesSelector.popWrapper .popContent .popClose {
    display: block;
  }
}
.frontApp .countriesSelector.popWrapper .popContent .popClose:hover {
  opacity: 0.8;
}
.frontApp .countriesSelector.popWrapper .popContent.popSmall {
  width: 90vw;
  max-width: 600px;
  padding: 20px;
}
.frontApp .countriesSelector.popWrapper .popContent .searchWrapper {
  position: relative;
}
.frontApp
  .countriesSelector.popWrapper
  .popContent
  .searchWrapper
  .onlyShowInputFront,
.frontApp
  .countriesSelector.popWrapper
  .popContent
  .searchWrapper
  input[type="number"],
.frontApp
  .countriesSelector.popWrapper
  .popContent
  .searchWrapper
  input[type="text"],
.frontApp .countriesSelector.popWrapper .popContent .searchWrapper select,
.frontApp .countriesSelector.popWrapper .popContent .searchWrapper textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid;
  background-color: inherit !important;
  border-radius: 0;
  padding: 10px;
  opacity: 0.7;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  margin-top: 4px;
  box-sizing: border-box;
}
.frontApp
  .countriesSelector.popWrapper
  .popContent
  .searchWrapper
  input[type="text"] {
  padding-left: 4rem;
}
.frontApp .countriesSelector.popWrapper .popContent .searchWrapper .icon {
  font-size: 2rem;
  top: 1.1rem;
  left: 1rem;
  position: absolute;
}
.frontApp .countriesSelector.popWrapper .popContent ul {
  margin-top: 20px;
}
.frontApp .countriesSelector.popWrapper .popContent ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
  height: 43px;
  box-sizing: border-box;
}
.frontApp .countriesSelector.popWrapper .popContent ul li .btn {
  display: none;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid;
  border-radius: 5px;
}
@media only screen and (max-width: 1000px) {
  .frontApp .countriesSelector.popWrapper .popContent ul li .btn {
    display: block;
  }
}
.frontApp .countriesSelector.popWrapper .popContent ul li:hover {
  background: rgba(198, 203, 212, 0.2);
}
.frontApp .countriesSelector.popWrapper .popContent ul li:hover .btn {
  display: inline-block;
}
.frontApp .cookieMessage {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: inherit;
  border-radius: 6px;
  padding: 30px 8%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  color: currentColor;
  -webkit-box-shadow: 0 -5px 12px -5px rgba(0, 0, 0, 0.4);
}
.frontApp .cookieMessage .message {
  color: currentColor;
  padding-right: 2em;
}
.frontApp .cookieMessage .optionsWrapper {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.frontApp .cookieMessage .optionsWrapper span {
  margin-bottom: 0.5em;
  padding: 0.2em 0.4em;
  border: 1px solid;
  border-radius: 0.2em;
  text-align: center;
  opacity: 0.7;
}
.frontApp .cookieMessage .optionsWrapper span:hover {
  opacity: 1;
}
.frontApp .musicPlayer {
  position: fixed;
  width: 500px;
  bottom: 20px;
  left: calc(50% - 275px);
  background-color: inherit;
  border-radius: 6px;
  padding: 40px 40px 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  color: currentColor;
  -webkit-box-shadow: 0 2px 11px 0 rgba(128, 152, 213, 0.25);
}
.frontApp .musicPlayer .closeX {
  position: absolute;
  right: 18px;
  top: 7px;
  cursor: pointer;
}
.frontApp .musicPlayer .closeX:after,
.frontApp .musicPlayer .closeX:before {
  height: 20px !important;
}
.frontApp .musicPlayer .iframeWrapper {
  width: 100%;
  height: 281px;
  margin-bottom: 10px;
}
.frontApp .musicPlayer .iframeWrapper iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 999px) {
  .frontApp .musicPlayer {
    bottom: calc(50% - 45vw);
    width: 90vw;
    left: 5vw;
    box-sizing: border-box;
    box-shadow: 0 0 100vh 100vw rgba(0, 0, 0, 0.5);
    border: 1px solid currentColor;
    padding: 40px 20px 20px 20px;
  }
  .frontApp .musicPlayer .iframeWrapper {
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .frontApp .musicPlayer .iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
.frontApp .musicPlayer .trackInfo {
  color: currentColor;
  text-align: center;
  margin: 0 !important;
}
.frontApp .addedToCartWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  top: 0;
  left: 0;
}
.frontApp .addedToCartWrapper .addedToCartBg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.frontApp .addedToCartWrapper .addedToCartContent {
  width: 400px;
  max-width: 80%;
  background-color: inherit;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  z-index: 11;
  border: 3px solid;
}
.frontApp .addedToCartWrapper .addedToCartContent .product {
  width: 100%;
  margin-bottom: 1em;
}
.frontApp .addedToCartWrapper .addedToCartContent .product .cartImageWrapper {
  width: 100%;
  height: 100px;
  display: block;
  background: 0 0;
  box-shadow: inset 200px 200px 300px 200px rgba(0, 0, 0, 0.07);
}
.frontApp
  .addedToCartWrapper
  .addedToCartContent
  .product
  .cartImageWrapper
  img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.frontApp .addedToCartWrapper .addedToCartContent .product .titleWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frontApp
  .addedToCartWrapper
  .addedToCartContent
  .product
  .titleWrapper
  .title {
  font-weight: 700;
  margin-top: 0.8em;
}
.frontApp .addedToCartWrapper .addedToCartContent .message {
  text-align: center;
  margin-bottom: 2em;
}
.frontApp .addedToCartWrapper .addedToCartContent .buttons {
  text-align: center;
}
.frontApp .addedToCartWrapper .addedToCartContent .buttons .Button:first-child {
  margin-bottom: 2em;
}
.frontApp .addedToCartWrapper .addedToCartContent .buttons .Button {
  font-size: 90%;
}
@media only screen and (max-width: 999px) {
  .frontApp .addedToCartWrapper .addedToCartContent .buttons .Button {
    font-size: 70%;
    letter-spacing: 0;
  }
}
.frontApp .digitalAssetPage {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frontApp .digitalAssetPage .fileInfo {
  max-width: 1000px;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frontApp .digitalAssetPage .fileInfo .Header,
.frontApp .digitalAssetPage .fileInfo .desc,
.frontApp .digitalAssetPage .fileInfo .fileName {
  text-align: center !important;
  margin-bottom: 15px;
  width: 100%;
}
.frontApp .arrow {
  border: solid;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  color: currentColor;
}
@media only screen and (max-width: 999px) {
  .frontApp .arrow {
    padding: 10px;
    border-width: 0 3px 3px 0;
  }
}
.frontApp .arrow.rightArr {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.frontApp .arrow.leftArr {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.frontApp .arrow.upArr {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.frontApp .arrow.downArr {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.frontApp .closeX {
  color: currentColor;
  background: 0 0;
  height: 30px;
  width: 30px;
}
.frontApp .closeX:after,
.frontApp .closeX:before {
  position: absolute;
  content: " ";
  height: 30px;
  width: 3px;
  background-color: currentColor;
}
@media only screen and (max-width: 999px) {
  .frontApp .closeX:after,
  .frontApp .closeX:before {
    height: 30px;
    width: 3px;
  }
}
.frontApp .closeX:before {
  transform: rotate(45deg);
  left: 15px;
}
.frontApp .closeX:after {
  transform: rotate(-45deg);
  left: 15px;
}
.frontApp .commentPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  top: 0;
  left: 0;
}
.frontApp .commentPopup .commentPopupBg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.frontApp .commentPopup .cgContent {
  width: 900px;
  max-width: 80%;
  background-color: inherit;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  z-index: 11;
  overflow-y: auto;
  max-height: 80vh;
  border: 3px solid;
}
.frontApp .commentPopup .cgContent figure.commentImg {
  height: 200px;
  width: 100%;
  margin-bottom: 40px;
  box-shadow: inset 400px 400px 400px 400px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}
.frontApp .commentPopup .cgContent figure.commentImg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.frontApp .commentPopup .cgContent .hasErrors .error {
  border: 1px solid red;
}
.frontApp .commentPopup .cgContent h1 {
  margin-bottom: 40px;
  text-align: center;
}
.frontApp .commentPopup .cgContent .Button {
  margin-top: 20px;
}
.frontApp .commentPopup .cgContent .comments {
  margin-top: 40px;
  text-align: center;
}
.frontApp .commentPopup .cgContent .comments .comment {
  border-top: 1px solid currentColor;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  letter-spacing: 0.03em;
}
.frontApp .commentPopup .cgContent .comments .comment:last-child {
  padding-bottom: 20px;
  border-bottom: 1px solid currentColor;
}
.frontApp .commentPopup .cgContent .comments .comment .nameAndDate {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.frontApp .commentPopup .cgContent .comments .comment .nameAndDate .name {
  margin-right: 15px;
  font-weight: 700;
}
.frontApp .commentPopup .cgContent .comments .comment .nameAndDate .date {
  opacity: 0.6;
  font-size: 80%;
}
.frontApp .bookingPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  top: 0;
  left: 0;
}
.frontApp .bookingPopup .bookingPopupBg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.frontApp .bookingPopup .cgContent {
  width: 600px;
  max-width: 80%;
  background-color: inherit;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  z-index: 12;
  overflow-y: auto;
  max-height: 80vh;
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.05);
  border: 3px solid;
}
.frontApp .bookingPopup .cgContent h3 {
  font-size: 17px;
  margin: 0 0 20px 0 !important;
}
.frontApp .bookingPopup .cgContent ul {
  background-color: inherit;
  border-radius: 6px;
  padding: 20px;
}
.frontApp .bookingPopup .cgContent ul li {
  font-size: 12px;
  border-radius: 3px;
  padding: 20px 3px;
  letter-spacing: 0.03rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.frontApp .bookingPopup .cgContent ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.frontApp .bookingPopup .cgContent ul li .left {
  padding: 0;
}
.frontApp .bookingPopup .cgContent ul li .left span {
  display: block;
}
.frontApp .bookingPopup .cgContent ul li .left span.title {
  margin-bottom: 5px;
  font-size: 15px;
  padding: 0;
  text-align: left;
}
.frontApp .bookingPopup .cgContent ul li .left span.description {
  padding: 0;
  text-align: left;
}
.frontApp .bookingPopup .cgContent ul li .right {
  text-align: left;
  padding: 0;
}
.frontApp .bookingPopup .cgContent ul li:hover {
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.05);
}
.frontApp .currentColorBorderBottom {
  position: relative;
}
.frontApp .currentColorBorderBottom::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.frontApp .schedulingWrapper0 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingPopupBg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingContent {
  z-index: 5;
  max-height: 90vh;
  width: 90vw;
  max-width: 600px;
  box-sizing: border-box;
  background-color: inherit;
  overflow-y: auto;
  padding: 50px 60px;
  font-size: 90%;
  position: relative;
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.05);
  border: 3px solid;
  border-radius: 10px;
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingContent::before {
  border-radius: 10px;
  border-width: 3px;
}
@media only screen and (max-width: 999px) {
  .frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingContent {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingContent h3 {
  text-align: center;
  font-size: 17px;
  margin: 0 0 2rem 0 !important;
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingContent .goBack {
  position: absolute;
  top: 22px;
  left: 22px;
  cursor: pointer;
  padding: 7px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList {
  background-color: inherit;
  border-radius: 6px;
  padding: 20px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li {
  font-size: 12px;
  border-radius: 3px;
  padding: 20px 3px;
  letter-spacing: 0.03rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li
  .left {
  padding: 0;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li
  .left
  span {
  display: block;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li
  .left
  span.title {
  margin-bottom: 5px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li
  .left
  span.description {
  font-size: 12px;
  padding: 0;
  text-align: left;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li
  .right {
  padding: 0;
  font-size: 14px;
  text-align: left;
  display: flex;
  align-items: center;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.scheduleList
  li:hover {
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.05);
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.personalUl
  li
  .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.personalUl
  li
  .left
  .imageWrapper {
  width: 48px;
  height: 48px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.personalUl
  li
  .left
  .imageWrapper
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingContent
  ul.personalUl
  li
  .left
  span:first-child {
  margin-right: 20px;
}
.frontApp .schedulingWrapper0 .schedulingWrapper1 .schedulingCalendar {
  max-width: 1000px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper {
  margin-bottom: 30px;
  background-color: inherit;
  border-radius: 6px;
  padding: 20px 60px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .arrow {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -10px;
  opacity: 0.2;
  cursor: pointer;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .arrow:hover {
  opacity: 1;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .arrow.rightArr {
  left: auto;
  right: 16px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper {
  overflow-x: hidden;
  width: 100%;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList {
  width: calc(50px * 30);
  display: flex;
  align-items: center;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li {
  width: 40px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0.9;
  cursor: pointer;
  font-size: 14px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li.empty {
  opacity: 0.5;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li.selected {
  cursor: default;
  opacity: 1;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li.selected
  span.number {
  box-shadow: inset 0 300px 300px rgba(0, 0, 0, 0.2);
  font-weight: 700;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li:hover {
  opacity: 1;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li
  span.day {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .dateListWrapper
  .dateScrollWrapper
  ul.dateList
  li
  span.number {
  border-radius: 50%;
  border: 1px solid currentColor;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .timeSlotsWrapper {
  background-color: inherit;
  border-radius: 6px;
  padding: 20px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .timeSlotsWrapper
  ul.timeSlots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
  font-size: 13px;
}
@media only screen and (max-width: 999px) {
  .frontApp
    .schedulingWrapper0
    .schedulingWrapper1
    .schedulingCalendar
    .timeSlotsWrapper
    ul.timeSlots {
    grid-template-columns: repeat(2, 1fr);
  }
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .timeSlotsWrapper
  ul.timeSlots
  li {
  text-align: center;
  padding: 7px;
  border-radius: 3px;
  border: 1px solid currentColor;
  cursor: pointer;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .timeSlotsWrapper
  ul.timeSlots
  li.inactive {
  cursor: default;
  opacity: 0.2;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .timeSlotsWrapper
  ul.timeSlots
  li.selected {
  opacity: 1;
  cursor: default;
  font-weight: 700;
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.1);
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .timeSlotsWrapper
  .noTimeslot {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .confirmButtonWrapper {
  background-color: inherit;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3em;
  font-size: 14px;
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.15);
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .confirmButtonWrapper
  .button {
  padding: 7px 40px;
  border-radius: 5px;
  border: 2px solid currentColor;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.08em;
}
.frontApp
  .schedulingWrapper0
  .schedulingWrapper1
  .schedulingCalendar
  .confirmButtonWrapper
  .button:hover {
  box-shadow: inset 0 100vh 100vw rgba(0, 0, 0, 0.07);
}
.frontApp,
body,
html {
  min-height: 100%;
}
.mainContentMenuAdjusted {
  background-color: inherit;
}
.Page {
  position: relative;
  min-height: 100%;
  background-color: #fff;
  color: #000;
}
.Page .mainContentMenuAdjusted {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Page .MainMenu {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Page .routerViewWrapper {
  display: flex;
  flex-direction: column;
}
.Page section {
  width: 100%;
  min-height: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Page .productPage {
  align-items: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: inherit;
}
.Page .pbElements {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#frontApp {
  font-size: 16px;
}
@media only screen and (max-width: 1200px) {
  #frontApp {
    font-size: 14px;
  }
}
@media only screen and (max-width: 999px) {
  #frontApp {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1800px) {
  #frontApp {
    font-size: 17px;
  }
}
body .frontApp .Page.hasLeftMenu .MainMenu {
  width: 300px;
}
body .frontApp .Page.hasLeftMenu .mainContentMenuAdjusted {
  margin-left: 300px;
  max-width: calc(100% - 300px);
}
@media only screen and (max-width: 999px) {
  body .frontApp .Page.hasLeftMenu .MainMenu {
    width: 100vw;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative !important;
    top: 0;
    left: 0;
  }
  body .frontApp .Page.hasLeftMenu .MainMenu.open {
    height: 100vh;
  }
  body .frontApp .Page.hasLeftMenu .MainMenu .hamburger {
    margin-top: 10px;
  }
  body .frontApp .Page.hasLeftMenu .mainContentMenuAdjusted {
    margin-left: 0;
    max-width: none;
  }
}
.frontApp .MainMenu {
  background-color: inherit;
}
.frontApp .MainMenu .hamburger {
  cursor: pointer;
  display: none;
  z-index: 2;
  margin-top: 1em;
}
.frontApp .MainMenu .hamburger .bar1,
.frontApp .MainMenu .hamburger .bar2,
.frontApp .MainMenu .hamburger .bar3 {
  width: 35px;
  height: 2px;
  background-color: currentColor;
  transition: 0.4s;
}
.frontApp .MainMenu .hamburger .bar2 {
  margin: 10px 0;
}
.frontApp .MainMenu .hamburger.open {
  margin-top: 1em;
}
.frontApp .MainMenu .hamburger.open .bar1 {
  transform: rotate(-45deg);
}
.frontApp .MainMenu .hamburger.open .bar2 {
  opacity: 0;
  display: none;
}
.frontApp .MainMenu .hamburger.open .bar3 {
  transform: rotate(45deg) translateY(-1px) translateX(-1px);
}
.frontApp .MainMenu .hamburger.skewedHam .bar2 {
  margin-left: 6px;
}
.frontApp .MainMenu .hamburger.middleOpHam .bar2 {
  opacity: 0.4;
}
.frontApp .MainMenu .hamburger.rainbowHam .bar1,
.frontApp .MainMenu .hamburger.rainbowHam .bar2,
.frontApp .MainMenu .hamburger.rainbowHam .bar3 {
  background: linear-gradient(to right, #089fda, #663399);
}
.frontApp .MainMenu .hamburger.thinHam .bar1,
.frontApp .MainMenu .hamburger.thinHam .bar2,
.frontApp .MainMenu .hamburger.thinHam .bar3 {
  height: 1px;
}
.frontApp .MainMenu .hamburger.thinHam .bar1 .bar2,
.frontApp .MainMenu .hamburger.thinHam .bar2 .bar2,
.frontApp .MainMenu .hamburger.thinHam .bar3 .bar2 {
  margin: 11px 0;
}
.frontApp .MainMenu .hamburger.boldHam .bar1,
.frontApp .MainMenu .hamburger.boldHam .bar2,
.frontApp .MainMenu .hamburger.boldHam .bar3 {
  height: 4px;
}
.frontApp .MainMenu .hamburger.boldHam .bar1 .bar2,
.frontApp .MainMenu .hamburger.boldHam .bar2 .bar2,
.frontApp .MainMenu .hamburger.boldHam .bar3 .bar2 {
  margin: 7px 0;
}
.frontApp .MainMenu .hamburger.boldHam.open .bar3 {
  transform: rotate(45deg) translateY(-3px) translateX(-2px);
}
@media only screen and (max-width: 999px) {
  .frontApp .MainMenu {
    background-color: inherit;
  }
  .frontApp .MainMenu .Logo {
    max-width: 90%;
    margin: 0 !important;
  }
  .frontApp .MainMenu .hamburger {
    display: block;
  }
  .frontApp .MainMenu .hamburger.open {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 4;
  }
  .frontApp .MainMenu .pbMenu.second {
    background-color: inherit;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    flex-direction: column;
    z-index: 3;
    opacity: 0.9;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
  }
  .frontApp .MainMenu .pbMenu.second .MainMenuLinks {
    flex-direction: column;
    line-height: 200%;
    max-height: 70vh;
    overflow-y: auto;
    width: 100%;
    justify-content: flex-start;
  }
  .frontApp .MainMenu .pbMenu.second.open {
    display: flex;
    font-size: 130%;
  }
  .frontApp .MainMenu.mobileIconBottom .hamburger {
    position: fixed;
    bottom: 1em;
    padding: 0.4em 0.7em;
    background-color: inherit;
    border-radius: 0.2em;
    margin: 0 !important;
  }
  .frontApp .MainMenu.mobileIconBottom .hamburger.open {
    background-color: transparent;
  }
  .frontApp .MainMenu.mobileIconTopLeft {
    flex-direction: row-reverse !important;
  }
  .frontApp .MainMenu.mobileIconTopLeft .Logo {
    margin-left: 10% !important;
    text-align: left;
  }
  .frontApp .MainMenu.mobileIconTopLeft .Logo a {
    text-align: left;
  }
  .frontApp .MainMenu.mobileIconTopLeft .hamburger {
    margin: 0 !important;
  }
  .frontApp .MainMenu.mobileIconTopRight {
    flex-direction: row !important;
  }
  .frontApp .MainMenu.mobileIconTopRight .Logo {
    margin-right: 10% !important;
    text-align: right;
  }
  .frontApp .MainMenu.mobileIconTopRight .Logo a {
    text-align: right;
  }
  .frontApp .MainMenu.mobileIconTopRight .hamburger {
    margin: 0 !important;
  }
  .frontApp .MainMenu.mobileIconDefault {
    flex-direction: column !important;
  }
  .frontApp .MainMenu.mobileIconDefault .hamburger {
    margin: 1em 0 0 0 !important;
  }
  .frontApp .MainMenu.mobileIconAboveLogo {
    flex-direction: column-reverse !important;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .frontApp .MainMenu.mobileIconAboveLogo .hamburger {
    margin: 0 0 1em 0 !important;
  }
}
.admin .frontApp .portfolioboxLink {
  position: absolute;
}
.admin .clearCacheWhenCdnBuild {
  color: red;
  font-size: 1.5rem;
}
img.lazy-img {
  opacity: 0;
}
img.lazy-img[lazy="loaded"] {
  opacity: 1;
}
.Section {
  opacity: 0;
}
.inViewPoint .scale-in-center:not(.lazy-img) {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .scale-in-center[lazy="loaded"] {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .scale-in-center [lazy="loaded"] {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .rotate-in-hor:not(.lazy-img) {
  -webkit-animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .rotate-in-hor [lazy="loaded"] {
  -webkit-animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .rotate-in-hor[lazy="loaded"] {
  -webkit-animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .flip-in-hor-top:not(.lazy-img) {
  -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .flip-in-hor-top [lazy="loaded"] {
  -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .flip-in-hor-top[lazy="loaded"] {
  -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .flip-in-ver-right:not(.lazy-img) {
  -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .flip-in-ver-right [lazy="loaded"] {
  -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .flip-in-ver-right[lazy="loaded"] {
  -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-right:not(.lazy-img) {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-right [lazy="loaded"] {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-right[lazy="loaded"] {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-bottom:not(.lazy-img) {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-bottom [lazy="loaded"] {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-bottom[lazy="loaded"] {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-left:not(.lazy-img) {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-left [lazy="loaded"] {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .slide-in-left[lazy="loaded"] {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.inViewPoint .puff-in-center:not(.lazy-img) {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    both;
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
.inViewPoint .puff-in-center [lazy="loaded"] {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    both;
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
.inViewPoint .puff-in-center[lazy="loaded"] {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    both;
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
.inViewPoint .flicker-in-1:not(.lazy-img) {
  -webkit-animation: flicker-in-1 2s linear both;
  animation: flicker-in-1 2s linear both;
}
.inViewPoint .flicker-in-1 [lazy="loaded"] {
  -webkit-animation: flicker-in-1 2s linear both;
  animation: flicker-in-1 2s linear both;
}
.inViewPoint .flicker-in-1[lazy="loaded"] {
  -webkit-animation: flicker-in-1 2s linear both;
  animation: flicker-in-1 2s linear both;
}
.inViewPoint .vibrate-1:not(.lazy-img) {
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 0.3s linear infinite both;
}
.inViewPoint .vibrate-1 [lazy="loaded"] {
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 0.3s linear infinite both;
}
.inViewPoint .vibrate-1[lazy="loaded"] {
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 0.3s linear infinite both;
}
.shake-top:not(.lazy-img) {
  -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-top 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
.shake-top [lazy="loaded"] {
  -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-top 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
.shake-top[lazy="loaded"] {
  -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-top 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
.jello-horizontal:not(.lazy-img) {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}
.jello-horizontal [lazy="loaded"] {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}
.jello-horizontal[lazy="loaded"] {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}
.bounce-top:not(.lazy-img) {
  -webkit-animation: bounce-top 0.9s both;
  animation: bounce-top 0.9s both;
}
.bounce-top [lazy="loaded"] {
  -webkit-animation: bounce-top 0.9s both;
  animation: bounce-top 0.9s both;
}
.bounce-top[lazy="loaded"] {
  -webkit-animation: bounce-top 0.9s both;
  animation: bounce-top 0.9s both;
}
.heartbeat:not(.lazy-img) {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}
.heartbeat [lazy="loaded"] {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}
.heartbeat[lazy="loaded"] {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}
.inViewPoint .background-zoom-top:not(.lazy-img) {
  -webkit-animation: background-zoom-top 5s ease-out both;
  animation: background-zoom-top 5s ease-out both;
}
.inViewPoint .background-zoom-top [lazy="loaded"] {
  -webkit-animation: background-zoom-top 5s ease-out both;
  animation: background-zoom-top 5s ease-out both;
}
.inViewPoint .background-zoom-top[lazy="loaded"] {
  -webkit-animation: background-zoom-top 5s ease-out both;
  animation: background-zoom-top 5s ease-out both;
}
.inViewPoint .background-zoom-bottom:not(.lazy-img) {
  -webkit-animation: background-zoom-bottom 2s linear both;
  animation: background-zoom-bottom 2s linear both;
}
.inViewPoint .background-zoom-bottom [lazy="loaded"] {
  -webkit-animation: background-zoom-bottom 2s linear both;
  animation: background-zoom-bottom 2s linear both;
}
.inViewPoint .background-zoom-bottom[lazy="loaded"] {
  -webkit-animation: background-zoom-bottom 2s linear both;
  animation: background-zoom-bottom 2s linear both;
}
.inViewPoint .background-zoom-bottom.SingleImageBg .frontEditBtn {
  top: 8% !important;
}
.inViewPoint .background-color-change-5x:not(.lazy-img) {
  -webkit-animation: background-color-change-5x 8s linear infinite alternate
    both;
  animation: background-color-change-5x 8s linear infinite alternate both;
}
.inViewPoint .background-color-change-5x[lazy="loaded"] {
  -webkit-animation: background-color-change-5x 8s linear infinite alternate
    both;
  animation: background-color-change-5x 8s linear infinite alternate both;
}
.inViewPoint .background-color-change-5x [lazy="loaded"] {
  -webkit-animation: background-color-change-5x 8s linear infinite alternate
    both;
  animation: background-color-change-5x 8s linear infinite alternate both;
}
@-webkit-keyframes background-zoom-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes background-zoom-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@-webkit-keyframes background-zoom-bottom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes background-zoom-bottom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@-webkit-keyframes background-color-change-5x {
  0% {
    background: #19dcea;
  }
  25% {
    background: #b22cff;
  }
  50% {
    background: #ea2222;
  }
  75% {
    background: #f5be10;
  }
  100% {
    background: #3bd80d;
  }
}
@keyframes background-color-change-5x {
  0% {
    background: #19dcea;
  }
  25% {
    background: #b22cff;
  }
  50% {
    background: #ea2222;
  }
  75% {
    background: #f5be10;
  }
  100% {
    background: #3bd80d;
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-hor {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes rotate-in-hor {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.standardAnimation {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .Section {
  opacity: 1;
  animation-duration: 1s;
  animation-delay: 0s;
}
.inViewPoint .Section .SingleImageBg {
  animation-delay: 0s !important;
}
.inViewPoint .fade-in {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
  animation-duration: 1.8s;
  animation-timing-function: ease-out;
}
.inViewPoint .fade-in:not(.lazy-img) {
  animation-name: fade-in;
}
.inViewPoint .fade-in [lazy="loaded"] {
  animation-name: fade-in;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-in[lazy="loaded"] {
  animation-name: fade-in;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.inViewPoint .fade-up {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-up:not(.lazy-img) {
  animation-name: fade-up;
}
.inViewPoint .fade-up [lazy="loaded"] {
  animation-name: fade-up;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-up[lazy="loaded"] {
  animation-name: fade-up;
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-down {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-down:not(.lazy-img) {
  animation-name: fade-down;
}
.inViewPoint .fade-down [lazy="loaded"] {
  animation-name: fade-down;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-down[lazy="loaded"] {
  animation-name: fade-down;
}
@keyframes fade-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-right {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-right:not(.lazy-img) {
  animation-name: fade-right;
}
.inViewPoint .fade-right [lazy="loaded"] {
  animation-name: fade-right;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-right[lazy="loaded"] {
  animation-name: fade-right;
}
@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translate3d(-60px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-left:not(.lazy-img) {
  animation-name: fade-left;
}
.inViewPoint .fade-left [lazy="loaded"] {
  animation-name: fade-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-left[lazy="loaded"] {
  animation-name: fade-left;
}
@keyframes fade-left {
  0% {
    opacity: 0;
    transform: translate3d(60px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-up-right {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-up-right:not(.lazy-img) {
  animation-name: fade-up-right;
}
.inViewPoint .fade-up-right [lazy="loaded"] {
  animation-name: fade-up-right;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-up-right[lazy="loaded"] {
  animation-name: fade-up-right;
}
@keyframes fade-up-right {
  0% {
    opacity: 0;
    transform: translate3d(-60px, 60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-up-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-up-left:not(.lazy-img) {
  animation-name: fade-up-left;
}
.inViewPoint .fade-up-left [lazy="loaded"] {
  animation-name: fade-up-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-up-left[lazy="loaded"] {
  animation-name: fade-up-left;
}
@keyframes fade-up-left {
  0% {
    opacity: 0;
    transform: translate3d(60px, 60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-down-right {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-down-right:not(.lazy-img) {
  animation-name: fade-down-right;
}
.inViewPoint .fade-down-right [lazy="loaded"] {
  animation-name: fade-down-right;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-down-right[lazy="loaded"] {
  animation-name: fade-down-right;
}
@keyframes fade-down-right {
  0% {
    opacity: 0;
    transform: translate3d(-60px, -60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .fade-down-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-down-left:not(.lazy-img) {
  animation-name: fade-down-left;
}
.inViewPoint .fade-down-left [lazy="loaded"] {
  animation-name: fade-down-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-down-left[lazy="loaded"] {
  animation-name: fade-down-left;
}
@keyframes fade-down-left {
  0% {
    opacity: 0;
    transform: translate3d(60px, -60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .zoom-in {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in:not(.lazy-img) {
  animation-name: zoom-in;
}
.inViewPoint .zoom-in [lazy="loaded"] {
  animation-name: zoom-in;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in[lazy="loaded"] {
  animation-name: zoom-in;
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.inViewPoint .zoom-in-up {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-up:not(.lazy-img) {
  animation-name: zoom-in-up;
}
.inViewPoint .zoom-in-up [lazy="loaded"] {
  animation-name: zoom-in-up;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-up[lazy="loaded"] {
  animation-name: zoom-in-up;
}
@keyframes zoom-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 60px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-in-down {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-down:not(.lazy-img) {
  animation-name: zoom-in-down;
}
.inViewPoint .zoom-in-down [lazy="loaded"] {
  animation-name: zoom-in-down;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-down[lazy="loaded"] {
  animation-name: zoom-in-down;
}
@keyframes zoom-in-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -60px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-in-right {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-right:not(.lazy-img) {
  animation-name: zoom-in-right;
}
.inViewPoint .zoom-in-right [lazy="loaded"] {
  animation-name: zoom-in-right;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-right[lazy="loaded"] {
  animation-name: zoom-in-right;
}
@keyframes zoom-in-right {
  0% {
    opacity: 0;
    transform: translate3d(-60px, 0, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-in-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-left:not(.lazy-img) {
  animation-name: zoom-in-left;
}
.inViewPoint .zoom-in-left [lazy="loaded"] {
  animation-name: zoom-in-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-in-left[lazy="loaded"] {
  animation-name: zoom-in-left;
}
@keyframes zoom-in-left {
  0% {
    opacity: 0;
    transform: translate3d(60px, 0, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-out {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out:not(.lazy-img) {
  animation-name: zoom-out;
}
.inViewPoint .zoom-out [lazy="loaded"] {
  animation-name: zoom-out;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out[lazy="loaded"] {
  animation-name: zoom-out;
}
@keyframes zoom-out {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.inViewPoint .zoom-out-up {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-up:not(.lazy-img) {
  animation-name: zoom-out-up;
}
.inViewPoint .zoom-out-up [lazy="loaded"] {
  animation-name: zoom-out-up;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-up[lazy="loaded"] {
  animation-name: zoom-out-up;
}
@keyframes zoom-out-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 60px, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-out-down {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-down:not(.lazy-img) {
  animation-name: zoom-out-down;
}
.inViewPoint .zoom-out-down [lazy="loaded"] {
  animation-name: zoom-out-down;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-down[lazy="loaded"] {
  animation-name: zoom-out-down;
}
@keyframes zoom-out-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -60px, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-out-right {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-right:not(.lazy-img) {
  animation-name: zoom-out-right;
}
.inViewPoint .zoom-out-right [lazy="loaded"] {
  animation-name: zoom-out-right;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-right[lazy="loaded"] {
  animation-name: zoom-out-right;
}
@keyframes zoom-out-right {
  0% {
    opacity: 0;
    transform: translate3d(-60px, 0, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-out-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-left:not(.lazy-img) {
  animation-name: zoom-out-left;
}
.inViewPoint .zoom-out-left [lazy="loaded"] {
  animation-name: zoom-out-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-left[lazy="loaded"] {
  animation-name: zoom-out-left;
}
@keyframes zoom-out-left {
  0% {
    opacity: 0;
    transform: translate3d(60px, 0, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .zoom-out-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-left:not(.lazy-img) {
  animation-name: zoom-out-left;
}
.inViewPoint .zoom-out-left [lazy="loaded"] {
  animation-name: zoom-out-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-out-left[lazy="loaded"] {
  animation-name: zoom-out-left;
}
@keyframes zoom-out-left {
  0% {
    opacity: 0;
    transform: translate3d(60px, 0, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.inViewPoint .slide-up {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-up:not(.lazy-img) {
  animation-name: slide-up;
}
.inViewPoint .slide-up [lazy="loaded"] {
  animation-name: slide-up;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-up[lazy="loaded"] {
  animation-name: slide-up;
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .slide-down {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-down:not(.lazy-img) {
  animation-name: slide-down;
}
.inViewPoint .slide-down [lazy="loaded"] {
  animation-name: slide-down;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-down[lazy="loaded"] {
  animation-name: slide-down;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .slide-right {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-right:not(.lazy-img) {
  animation-name: slide-right;
}
.inViewPoint .slide-right [lazy="loaded"] {
  animation-name: slide-right;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-right[lazy="loaded"] {
  animation-name: slide-right;
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .slide-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-left:not(.lazy-img) {
  animation-name: slide-left;
}
.inViewPoint .slide-left [lazy="loaded"] {
  animation-name: slide-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-left[lazy="loaded"] {
  animation-name: slide-left;
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .slide-left {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-left:not(.lazy-img) {
  animation-name: slide-left;
}
.inViewPoint .slide-left [lazy="loaded"] {
  animation-name: slide-left;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-left[lazy="loaded"] {
  animation-name: slide-left;
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.inViewPoint .focus-in {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .focus-in:not(.lazy-img) {
  animation-name: focus-in;
}
.inViewPoint .focus-in [lazy="loaded"] {
  animation-name: focus-in;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .focus-in[lazy="loaded"] {
  animation-name: focus-in;
}
@keyframes focus-in {
  0% {
    opacity: 0;
    filter: blur(20px);
  }
  60% {
    opacity: 1;
  }
  100% {
    filter: blur(0);
  }
}
.inViewPoint .light-in {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .light-in:not(.lazy-img) {
  animation-name: light-in;
}
.inViewPoint .light-in [lazy="loaded"] {
  animation-name: light-in;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .light-in[lazy="loaded"] {
  animation-name: light-in;
}
@keyframes light-in {
  0% {
    opacity: 0;
    filter: brightness(200%);
  }
  60% {
    opacity: 1;
  }
  100% {
    filter: brightness(100%);
  }
}
.inViewPoint .grey-in {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .grey-in:not(.lazy-img) {
  animation-name: grey-in;
}
.inViewPoint .grey-in [lazy="loaded"] {
  animation-name: grey-in;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .grey-in[lazy="loaded"] {
  animation-name: grey-in;
}
@keyframes grey-in {
  0% {
    opacity: 0;
    filter: grayscale(100%);
  }
  60% {
    opacity: 1;
  }
  100% {
    filter: grayscale(0);
  }
}
.inViewPoint .text-tracking-in-expand {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
  animation-duration: 0.8s;
}
.inViewPoint .text-tracking-in-expand:not(.lazy-img) {
  animation-name: text-tracking-in-expand;
}
.inViewPoint .text-tracking-in-expand [lazy="loaded"] {
  animation-name: text-tracking-in-expand;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .text-tracking-in-expand[lazy="loaded"] {
  animation-name: text-tracking-in-expand;
}
@keyframes text-tracking-in-expand {
  0% {
    opacity: 0;
    letter-spacing: -0.5em;
  }
  100% {
    opacity: 1;
    letter-spacing: normal;
  }
}
.inViewPoint .text-tracking-in-contract {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
  animation-duration: 0.8s;
}
.inViewPoint .text-tracking-in-contract:not(.lazy-img) {
  animation-name: text-tracking-in-contract;
}
.inViewPoint .text-tracking-in-contract [lazy="loaded"] {
  animation-name: text-tracking-in-contract;
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .text-tracking-in-contract[lazy="loaded"] {
  animation-name: text-tracking-in-contract;
}
@keyframes text-tracking-in-contract {
  0% {
    opacity: 0;
    letter-spacing: 1em;
  }
  100% {
    opacity: 1;
    letter-spacing: normal;
  }
}
.inViewPoint .zoom-random {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-random [lazy="loaded"] {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .zoom-random:nth-child(4n + 1) [lazy="loaded"] {
  animation-name: zoom-in-left;
}
.inViewPoint .zoom-random:nth-child(4n + 2) [lazy="loaded"] {
  animation-name: zoom-out-down;
}
.inViewPoint .zoom-random:nth-child(4n + 3) [lazy="loaded"] {
  animation-name: zoom-in-up;
}
.inViewPoint .zoom-random:nth-child(4n) [lazy="loaded"] {
  animation-name: zoom-out-right;
}
.inViewPoint .fade-random {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-random [lazy="loaded"] {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .fade-random:nth-child(3n + 1) [lazy="loaded"] {
  animation-name: fade-down-left;
}
.inViewPoint .fade-random:nth-child(3n + 2) [lazy="loaded"] {
  animation-name: fade-up;
}
.inViewPoint .fade-random:nth-child(3n) [lazy="loaded"] {
  animation-name: fade-down;
}
.inViewPoint .slide-random {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-random [lazy="loaded"] {
  animation-duration: 1.2s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: backwards;
}
.inViewPoint .slide-random:nth-child(5n + 1) [lazy="loaded"] {
  animation-name: slide-in-left;
}
.inViewPoint .slide-random:nth-child(5n + 2) [lazy="loaded"] {
  animation-name: slide-down;
}
.inViewPoint .slide-random:nth-child(5n + 3) [lazy="loaded"] {
  animation-name: slide-in-bottom;
}
.inViewPoint .slide-random:nth-child(5n + 4) [lazy="loaded"] {
  animation-name: slide-in-right;
}
.inViewPoint .slide-random:nth-child(5n) [lazy="loaded"] {
  animation-name: slide-up;
}
.inViewPoint .wantAnUpdateNowPlease .clearCahce {
  background: 0 0;
}
.inViewPoint .Item.fade-down,
.inViewPoint .Item.fade-down-left,
.inViewPoint .Item.fade-down-right,
.inViewPoint .Item.fade-in,
.inViewPoint .Item.fade-left,
.inViewPoint .Item.fade-right,
.inViewPoint .Item.fade-up,
.inViewPoint .Item.fade-up-left,
.inViewPoint .Item.focus-in,
.inViewPoint .Item.grey-in,
.inViewPoint .Item.light-in,
.inViewPoint .Item.slide-down,
.inViewPoint .Item.slide-left,
.inViewPoint .Item.slide-up,
.inViewPoint .Item.zoom-in,
.inViewPoint .Item.zoom-in-down,
.inViewPoint .Item.zoom-in-left,
.inViewPoint .Item.zoom-in-right,
.inViewPoint .Item.zoom-out,
.inViewPoint .Item.zoom-out-down,
.inViewPoint .Item.zoom-out-left,
.inViewPoint .Item.zoom-out-right {
  animation-delay: 0s;
}
.inViewPoint .SingleImageBg.focus-in,
.inViewPoint .SingleImageBg.grey-in,
.inViewPoint .SingleImageBg.light-in {
  animation-duration: 2.4s;
}
.frontApp .zoom-large figure img {
  transition: transform 3s ease;
}
.frontApp .zoom-large figure:hover img {
  transform: scale(2);
}
.frontApp .black-white figure img {
  transition: filter 0.7s ease;
}
.frontApp .black-white figure:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.frontApp .sepia figure img {
  transition: filter 2s ease;
}
.frontApp .sepia figure:hover img {
  -webkit-filter: sepia(0.7);
  filter: sepia(0.7);
}
.frontApp .zoom-large:not(.Gallery):not(.Slideshow) {
  transition: transform 3s ease;
}
.frontApp .zoom-large:not(.Gallery):not(.Slideshow):hover {
  transform: scale(1.06);
}
.frontApp .black-white:not(.Gallery):not(.Slideshow) {
  transition: filter 1s ease;
}
.frontApp .black-white:not(.Gallery):not(.Slideshow):hover {
  filter: grayscale(100%);
}
.frontApp .sepia:not(.Gallery):not(.Slideshow) {
  transition: filter 1s ease;
}
.frontApp .sepia:not(.Gallery):not(.Slideshow):hover {
  filter: sepia(0.7);
}
.standardTransition {
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .zoom-small figure img {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .zoom-small figure:hover img {
  transform: scale(1.2);
}
.frontApp img.zoom-small {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.zoom-small:hover {
  transform: scale(1.3);
}
.frontApp .theBgImgDiv.zoom-small {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 30s;
}
.frontApp .theBgImgDiv.zoom-small:hover {
  transform: scale(1.4);
}
.frontApp .bg-zoom figure img {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .bg-zoom figure:hover img {
  transform: scale(1.2);
}
.frontApp img.bg-zoom {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.bg-zoom:hover {
  transform: scale(1.3);
}
.frontApp .theBgImgDiv.bg-zoom {
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 30s;
}
.frontApp .theBgImgDiv.bg-zoom:hover {
  transform: scale(1.4);
}
.frontApp .bg-zoom-left figure img {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .bg-zoom-left figure:hover img {
  transform: translateX(-15%) scale(1.3);
}
.frontApp img.bg-zoom-left {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.bg-zoom-left:hover {
  transform: translateX(-10%) scale(1.2);
}
.frontApp .theBgImgDiv.bg-zoom-left {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 30s;
}
.frontApp .theBgImgDiv.bg-zoom-left:hover {
  transform: translateX(-15%) scale(1.3);
}
.frontApp .bg-zoom-right figure img {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .bg-zoom-right figure:hover img {
  transform: translateX(15%) scale(1.3);
}
.frontApp img.bg-zoom-right {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.bg-zoom-right:hover {
  transform: translateX(10%) scale(1.2);
}
.frontApp .theBgImgDiv.bg-zoom-right {
  transition: transform;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 30s;
}
.frontApp .theBgImgDiv.bg-zoom-right:hover {
  transform: translateX(15%) scale(1.3);
}
.frontApp .brighten figure img {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .brighten figure:hover img {
  filter: brightness(120%);
}
.frontApp img.brighten {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.brighten:hover {
  filter: brightness(120%);
}
.frontApp .theBgImgDiv.brighten {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 5s;
}
.frontApp .theBgImgDiv.brighten:hover {
  filter: brightness(120%);
}
.frontApp .darken figure img {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .darken figure:hover img {
  filter: brightness(60%);
}
.frontApp img.darken {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.darken:hover {
  filter: brightness(60%);
}
.frontApp .theBgImgDiv.darken {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 5s;
}
.frontApp .theBgImgDiv.darken:hover {
  filter: brightness(60%);
}
.frontApp .desaturate figure img {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .desaturate figure:hover img {
  filter: grayscale(60%);
}
.frontApp img.desaturate {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.desaturate:hover {
  filter: grayscale(60%);
}
.frontApp .theBgImgDiv.desaturate {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 5s;
}
.frontApp .theBgImgDiv.desaturate:hover {
  filter: grayscale(60%);
}
.frontApp .contrast-in figure img {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp .contrast-in figure:hover img {
  filter: contrast(150%) brightness(120%);
}
.frontApp img.contrast-in {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}
.frontApp img.contrast-in:hover {
  filter: contrast(150%) brightness(120%);
}
.frontApp .theBgImgDiv.contrast-in {
  transition: transform, filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 5s;
}
.frontApp .theBgImgDiv.contrast-in:hover {
  filter: contrast(150%) brightness(120%);
}
.frontApp .hover-shadow-1 figure .imgWrapper {
  overflow: visible !important;
}
.frontApp .hover-shadow-1 figure img {
  transition: box-shadow;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.frontApp .hover-shadow-1 figure img:hover {
  box-shadow: 0.7em 0.7em 0 0 currentColor;
}
.frontApp .hover-shadow-2 figure .imgWrapper {
  overflow: visible !important;
}
.frontApp .hover-shadow-2 figure img {
  transition: box-shadow;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.frontApp .hover-shadow-2 figure img:hover {
  box-shadow: -0.7em -0.7em 0 0 currentColor;
}
.frontApp .hover-opacity figure {
  transition: opacity;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.frontApp .hover-opacity figure:hover {
  opacity: 0.5;
}
.frontApp img.hover-opacity {
  transition: opacity;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.frontApp img.hover-opacity:hover {
  opacity: 0.5;
}
.frontApp .theBgImgDiv.hover-opacity {
  transition: opacity;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 2s;
}
.frontApp .theBgImgDiv.hover-opacity:hover {
  opacity: 0.5;
}
.frontApp .hover-overlay figure img,
.frontApp .hover-overlay-blue figure img,
.frontApp .hover-overlay-pink figure img,
.frontApp .hover-overlay-purple figure img,
.frontApp .hover-overlay-random figure img,
.frontApp .hover-overlay-red figure img,
.frontApp .hover-overlay-turquoise figure img {
  transition: opacity;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.frontApp .hover-overlay figure:hover .imgWrapper,
.frontApp .hover-overlay-blue figure:hover .imgWrapper,
.frontApp .hover-overlay-pink figure:hover .imgWrapper,
.frontApp .hover-overlay-purple figure:hover .imgWrapper,
.frontApp .hover-overlay-random figure:hover .imgWrapper,
.frontApp .hover-overlay-red figure:hover .imgWrapper,
.frontApp .hover-overlay-turquoise figure:hover .imgWrapper {
  background: currentColor;
}
.frontApp .hover-overlay figure:hover img,
.frontApp .hover-overlay-blue figure:hover img,
.frontApp .hover-overlay-pink figure:hover img,
.frontApp .hover-overlay-purple figure:hover img,
.frontApp .hover-overlay-random figure:hover img,
.frontApp .hover-overlay-red figure:hover img,
.frontApp .hover-overlay-turquoise figure:hover img {
  opacity: 0.4;
}
.frontApp .hover-overlay-blue figure:hover .imgWrapper {
  background: #089fda;
}
.frontApp .hover-overlay-red figure:hover .imgWrapper {
  background: #d0021b;
}
.frontApp .hover-overlay-purple figure:hover .imgWrapper {
  background: #9013fe;
}
.frontApp .hover-overlay-pink figure:hover .imgWrapper {
  background: #d09efc;
}
.frontApp .hover-overlay-turquoise figure:hover .imgWrapper {
  background: #54f8d3;
}
.frontApp .hover-overlay-random figure:hover .imgWrapper {
  -webkit-animation: background-color-change-5x 4s linear infinite alternate
    both;
  animation: background-color-change-4x 4s linear infinite alternate both;
}
@-webkit-keyframes background-color-change-4x {
  0% {
    background: #19dcea;
  }
  33% {
    background: #b22cff;
  }
  66% {
    background: #f5be10;
  }
  100% {
    background: #3bd80d;
  }
}
@keyframes background-color-change-4x {
  0% {
    background: #19dcea;
  }
  25% {
    background: #b22cff;
  }
  66% {
    background: #f5be10;
  }
  100% {
    background: #3bd80d;
  }
}
.frontApp .color-in figure img {
  filter: grayscale(100%);
  transition: filter;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.frontApp .color-in figure:hover img {
  filter: none;
}
.frontApp .Page figure .imgWrapper {
  display: block;
  overflow: hidden;
  position: relative;
}
.frontApp .Page figure .imgWrapper img {
  display: block;
}
.frontApp .Page .Item .imgWrapper .playIcon {
  display: none;
}
.frontApp .Page .Item .imgWrapper.gotVideo {
  position: relative;
}
.frontApp .Page .Item .imgWrapper.gotVideo .playIcon {
  color: #fff;
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: block;
  font-size: 2.5rem;
  z-index: 2;
  opacity: 0.7;
}
.frontApp .Page .Item .imgWrapper.gotVideo:hover .playIcon {
  opacity: 1;
}
.frontApp .Page .Item .imgWrapper.gotVideo.playingVideo {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.frontApp .Page .Item .imgWrapper.gotVideo.playingVideo iframe {
  width: 100%;
  height: 100%;
  max-width: none;
}
.frontApp .Page .galleryWithResponsiveVideo .Item .imgWrapper.gotVideo {
  position: relative;
}
.frontApp
  .Page
  .galleryWithResponsiveVideo
  .Item
  .imgWrapper.gotVideo
  .playIcon {
  color: #fff;
  position: absolute;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  display: block;
  font-size: 5rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.frontApp
  .Page
  .galleryWithResponsiveVideo
  .Item
  .imgWrapper.gotVideo
  .playIcon:hover {
  opacity: 1;
}
.frontApp
  .Page
  .galleryWithResponsiveVideo
  .Item
  .imgWrapper.gotVideo.playingVideo {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.frontApp
  .Page
  .galleryWithResponsiveVideo
  .Item
  .imgWrapper.gotVideo.playingVideo
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.frontApp
  .Page
  .horizontal
  .galleryWithResponsiveVideo
  .Item
  .imgWrapper.gotVideo.playingVideo {
  min-width: 60vw;
}
.frontApp .Page .Gallery.sectionNewsTemp .aFigcaption {
  padding: 0 2.5em;
}
.frontApp .Page .Gallery.sectionNewsTemp .aFigcaption .CaptionText {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.frontApp .Page .Item .CaptionPrice {
  text-align: center;
}
.frontApp .Page .Item .CaptionPrice .soldOut {
  display: block;
}
.frontApp .Page .sameRatio {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1vw;
  width: 100%;
}
.frontApp .Page .sameRatio figure .imgWrapper {
  height: 12vw;
}
.frontApp .Page .sameRatio figure .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .sameRatio {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .frontApp .Page .sameRatio figure {
    margin-bottom: 3vh;
  }
  .frontApp .Page .sameRatio figure .imgWrapper {
    height: 61.8vw !important;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .sameRatio.square figure .imgWrapper {
    height: 90vw !important;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .sameRatio.portraits figure .imgWrapper {
    height: 133vw !important;
  }
}
.frontApp .Page .SectionNews .sameRatio:not(.inBlogPost),
.frontApp .Page .SectionProd .sameRatio:not(.inBlogPost) {
  grid-template-columns: inherit;
  gap: inherit;
}
.frontApp .Page .sameRatio.circleRatio .imgWrapper {
  padding: 12%;
  margin-bottom: -12%;
  margin-top: -12%;
}
.frontApp .Page .sameRatio.circleRatio .imgWrapper img {
  border-radius: 50em;
}
.frontApp .Page .evenRowsSection {
  overflow-y: hidden;
}
.frontApp .Page .evenRows {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}
.frontApp .Page .evenRows figure .imgWrapper {
  height: 15vw;
}
.frontApp .Page .evenRows figure .imgWrapper img {
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .evenRows {
    display: block;
  }
  .frontApp .Page .evenRows figure {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2.5em !important;
    width: 100%;
  }
  .frontApp .Page .evenRows figure .imgWrapper {
    height: auto !important;
    width: 100% !important;
  }
  .frontApp .Page .evenRows figure .imgWrapper img {
    width: 100%;
  }
}
.frontApp .Page .alignBottom {
  text-align: center;
}
.frontApp .Page .alignBottom figure {
  display: inline-block;
  width: 15vw;
  margin: 0 1vw 2vw 1vw;
  position: relative;
}
.frontApp .Page .alignBottom figure .imgWrapper img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .alignBottom figure {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2.5em !important;
  }
}
.frontApp .Page .alignCenter {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 3vw;
  word-break: break-word;
  width: 100%;
}
.frontApp .Page .alignCenter figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.frontApp .Page .alignCenter figure .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .alignCenter {
    display: block;
  }
  .frontApp .Page .alignCenter figure {
    margin-bottom: 2.5em !important;
  }
}
.frontApp .Page .puzzle {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0;
  grid-auto-rows: 21vw;
}
.frontApp .Page .puzzle figure {
  position: relative;
}
.frontApp .Page .puzzle figure .imgWrapper {
  width: 100%;
  height: 100%;
}
.frontApp .Page .puzzle figure .imgWrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.frontApp .Page .puzzle figure:nth-child(8n + 1) {
  grid-row-start: span 2;
  grid-column-start: span 2;
  height: 100%;
}
.frontApp .Page .puzzle figure:nth-child(8n + 4) {
  grid-column-start: 3;
  grid-column-end: 5;
  height: 100%;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .puzzle {
    display: block;
    width: 100% !important;
  }
  .frontApp .Page .puzzle figure {
    margin-bottom: 2.5em !important;
    height: auto !important;
  }
}
.frontApp .Page .puzzle2 .puzzle {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0;
  grid-auto-rows: 21vw;
  grid-auto-columns: 21vw;
}
.frontApp .Page .puzzle2 .puzzle figure {
  position: relative;
}
.frontApp .Page .puzzle2 .puzzle figure .imgWrapper {
  width: 100%;
  height: 100%;
}
.frontApp .Page .puzzle2 .puzzle figure .imgWrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.frontApp .Page .puzzle2 .puzzle figure:nth-child(8n + 1) {
  grid-row-start: auto;
  grid-column-start: auto;
}
.frontApp .Page .puzzle2 .puzzle figure:nth-child(8n + 4) {
  grid-column-start: auto;
  grid-column-end: auto;
  height: 100%;
}
.frontApp .Page .puzzle2 .puzzle figure:nth-child(6n + 1) {
  grid-row-start: span 2;
  grid-column-start: span 2;
}
.frontApp .Page .puzzle2 .puzzle figure:nth-child(6n + 5) {
  grid-row-start: span 2;
  grid-column-start: span 2;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .puzzle2 .puzzle {
    display: block;
    width: 100% !important;
  }
  .frontApp .Page .puzzle2 .puzzle figure {
    margin-bottom: 2.5em !important;
    height: auto !important;
  }
}
.frontApp .Page .random {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2vw;
  grid-row-gap: 1vw;
}
.frontApp .Page .random figure {
  grid-column-start: span 4;
  text-align: center;
  position: relative;
}
.frontApp .Page .random figure .imgWrapper img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.frontApp .Page .random figure:nth-child(9n + 1) {
  margin-bottom: 18%;
}
.frontApp .Page .random figure:nth-child(9n + 2) {
  margin: 36% 12% 0 18%;
}
.frontApp .Page .random figure:nth-child(9n + 3) {
  margin: 6% 0 0 0;
}
.frontApp .Page .random figure:nth-child(9n + 4) {
  margin: 0 0 12% 0;
  grid-column-start: span 3;
}
.frontApp .Page .random figure:nth-child(9n + 5) {
  margin: 14% 0;
  grid-column-start: span 5;
}
.frontApp .Page .random figure:nth-child(9n + 6) {
  margin: 30% 0 15% 10%;
  grid-column-start: span 4;
}
.frontApp .Page .random figure:nth-child(9n + 7) {
  margin: 24% 9% 20% 0;
  grid-column-start: span 5;
}
.frontApp .Page .random figure:nth-child(9n + 8) {
  margin: 0 10% 0 4%;
  grid-column-start: span 4;
}
.frontApp .Page .random figure:nth-child(9n + 9) {
  margin: 28% 0 0 0;
  grid-column-start: span 3;
}
.frontApp .Page .random figure:nth-last-child(-n + 3) {
  margin-bottom: 0;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .random {
    display: block;
    width: 100% !important;
  }
  .frontApp .Page .random figure {
    margin: 0 !important;
    margin-bottom: 2.5em !important;
    height: auto !important;
  }
}
.frontApp .Page .horizontal {
  position: relative;
}
.frontApp .Page .horizontal .arrowContainer {
  height: 100%;
  width: 10%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 3;
  opacity: 0.01;
}
.frontApp .Page .horizontal .arrowContainer.rightArrCon {
  left: auto;
  right: 0;
}
.frontApp .Page .horizontal .arrowContainer span.arrow {
  position: absolute !important;
  top: 49%;
  z-index: 3;
}
.frontApp .Page .horizontal .arrowContainer span.arrow.leftArr {
  left: 20px;
}
.frontApp .Page .horizontal .arrowContainer span.arrow.rightArr {
  right: 20px;
}
.frontApp .Page .horizontal .arrowContainer:hover {
  opacity: 1;
}
.frontApp .Page .horizontal .Gallery {
  width: 100%;
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  align-items: center;
}
.frontApp .Page .horizontal .Gallery figure {
  margin-right: 1vw;
  position: relative;
  flex-shrink: 0;
  max-width: none;
}
.frontApp .Page .horizontal .Gallery figure .imgWrapper {
  display: block;
}
.frontApp .Page .horizontal .Gallery figure .imgWrapper img {
  display: block;
  height: 70vh;
  width: auto;
}
.frontApp .Page .horizontal .Gallery.bottom1,
.frontApp .Page .horizontal .Gallery.bottom2 {
  align-items: flex-start;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .horizontal .arrowContainer {
    display: none;
  }
  .frontApp .Page .horizontal .Gallery {
    display: block;
    flex-wrap: initial;
  }
  .frontApp .Page .horizontal .Gallery figure {
    margin-right: 0 !important;
    max-width: 100%;
    margin-bottom: 2em;
  }
  .frontApp .Page .horizontal .Gallery figure .imgWrapper img {
    height: auto !important;
    width: 100%;
  }
}
.frontApp .Page .horizontalFocus .Gallery figure .aFigcaption {
  opacity: 0.2;
  transition: opacity 0.4s;
}
.frontApp .Page .horizontalFocus .Gallery figure .imgWrapper {
  opacity: 0.2;
  transition: opacity 0.4s;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Page .horizontalFocus .Gallery figure .aFigcaption {
    opacity: 1;
  }
  .frontApp .Page .horizontalFocus .Gallery figure .imgWrapper {
    opacity: 1;
  }
}
.frontApp .Page .horizontalFocus .Gallery figure.active .aFigcaption {
  opacity: 1;
}
.frontApp .Page .horizontalFocus .Gallery figure.active .imgWrapper {
  opacity: 1;
}
.frontApp .Page .horizontalFocus .Gallery.wasStopped figure .aFigcaption {
  opacity: 1;
}
.frontApp .Page .horizontalFocus .Gallery.wasStopped figure .imgWrapper {
  opacity: 1;
}
.frontApp .Page .horizontal2 .Gallery {
  align-items: center;
}
.frontApp .Page .horizontal2 .Gallery figure:nth-child(2n) .imgWrapper img {
  height: 40vh !important;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .horizontal2 .Gallery figure:nth-child(2n) .imgWrapper img {
    height: auto !important;
  }
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 1) {
  margin-top: 5vh;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 1) .imgWrapper img {
  height: 40vh !important;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 2) {
  margin-left: -16vw;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 3) {
  margin-top: 2vh;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 3) .imgWrapper img {
  height: 65vh !important;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 4) {
  margin-top: 10vh;
  margin-left: -10vw;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 4) .imgWrapper img {
  height: 55vh !important;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 5) {
  margin-top: 0;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 5) .imgWrapper img {
  height: 45vh !important;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 6) {
  margin-top: -2vh;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 7) {
  margin-top: 15vh;
  margin-left: -10vw;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 7) .imgWrapper img {
  height: 35vh !important;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 8) {
  margin-top: 20vh;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 8) .imgWrapper img {
  height: 40vh !important;
}
.frontApp .Page .horizontal3 .Gallery figure:nth-child(9n + 9) {
  margin-top: 0;
  margin-left: -5vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .horizontal3 .Gallery figure.Item {
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  .frontApp .Page .horizontal3 .Gallery figure.Item .imgWrapper img {
    height: auto !important;
  }
}
.frontApp .Page .vertical {
  width: 100%;
}
.frontApp .Page .vertical figure {
  margin-bottom: 4vh;
}
.frontApp .Page .vertical figure .imgWrapper {
  text-align: center;
  display: block;
}
.frontApp .Page .vertical figure .imgWrapper img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.frontApp .Page .vertical figure .imgWrapper.gotVideo {
  width: 100%;
}
.frontApp .Page .vertical figure .imgWrapper.gotVideo img {
  width: 100%;
}
.frontApp .Page .vertical figure .CaptionText {
  max-width: 1000px;
  text-align: center;
  padding-top: 1em;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .vertical {
    width: 100% !important;
  }
}
.frontApp .Page .dynamicGrid {
  position: relative;
  width: 100%;
  height: 100%;
}
.frontApp .Page .dynamicGrid figure {
  position: absolute;
  left: 0;
  top: 0;
}
.frontApp .Page .dynamicGrid figure .imgWrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.frontApp .Page .dynamicGrid.bottom1 figure .aFigcaption {
  height: 6vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .dynamicGrid.bottom1 figure .aFigcaption {
    height: auto;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .dynamicGrid {
    height: auto !important;
  }
  .frontApp .Page .dynamicGrid figure {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    margin-bottom: 2.5em !important;
  }
  .frontApp .Page .dynamicGrid figure .imgWrapper {
    height: auto !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .dynamicGridWrapper .SectionNews,
  .frontApp .Page .dynamicGridWrapper .SectionProd {
    height: auto !important;
  }
}
.frontApp .Page .twoOne {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}
.frontApp .Page .twoOne figure .imgWrapper img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .twoOne {
    display: block;
    width: 100% !important;
  }
  .frontApp .Page .twoOne figure {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2.5em !important;
    width: 100%;
  }
  .frontApp .Page .twoOne figure .imgWrapper {
    height: auto !important;
    width: 100% !important;
  }
  .frontApp .Page .twoOne figure .imgWrapper img {
    width: 100%;
  }
}
.frontApp .Page .sideToSide,
.frontApp .Page .zigzag {
  display: grid;
  grid-template-columns: repeat(1, auto);
  grid-gap: 8vh;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .sideToSide,
  .frontApp .Page .zigzag {
    width: 100% !important;
  }
}
.frontApp .Page .sideToSide figure,
.frontApp .Page .zigzag figure {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.frontApp .Page .sideToSide figure .imgWrapper,
.frontApp .Page .zigzag figure .imgWrapper {
  display: block;
  width: 60%;
  margin-right: 5%;
  height: 30vw;
}
.frontApp .Page .sideToSide figure .imgWrapper img,
.frontApp .Page .zigzag figure .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.frontApp .Page .sideToSide figure .aFigcaption,
.frontApp .Page .zigzag figure .aFigcaption {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.frontApp .Page .sideToSide figure .aFigcaption .CaptionText,
.frontApp .Page .zigzag figure .aFigcaption .CaptionText {
  padding-top: 2em;
  padding-bottom: 2em;
}
.frontApp .Page .sideToSide figure .aFigcaption .CaptionButton,
.frontApp .Page .zigzag figure .aFigcaption .CaptionButton {
  align-self: flex-start !important;
  margin-top: 0 !important;
}
.frontApp .Page .zigzag figure .imgWrapper {
  width: 55%;
  margin-right: 3%;
}
.frontApp .Page .zigzag figure .aFigcaption {
  width: 42%;
}
.frontApp .Page .zigzag figure:nth-child(even) {
  flex-direction: row-reverse;
}
.frontApp .Page .zigzag figure:nth-child(even) .imgWrapper {
  margin-right: 0;
  margin-left: 3%;
}
.frontApp .Page .zigzag figure:nth-child(even) .aFigcaption {
  text-align: right;
}
.frontApp .Page .zigzag figure:nth-child(even) .aFigcaption .CaptionButton {
  align-self: flex-end !important;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .sideToSide figure.Item,
  .frontApp .Page .zigzag figure.Item {
    display: block;
    margin-bottom: 2.5em !important;
  }
  .frontApp .Page .sideToSide figure.Item .aFigcaption,
  .frontApp .Page .sideToSide figure.Item .imgWrapper,
  .frontApp .Page .zigzag figure.Item .aFigcaption,
  .frontApp .Page .zigzag figure.Item .imgWrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .frontApp .Page .sideToSide figure.Item .imgWrapper,
  .frontApp .Page .zigzag figure.Item .imgWrapper {
    height: 35vh !important;
  }
  .frontApp .Page .sideToSide figure.Item .aFigcaption,
  .frontApp .Page .zigzag figure.Item .aFigcaption {
    text-align: center !important;
    margin-top: 2vh;
  }
  .frontApp .Page .sideToSide figure.Item .aFigcaption .CaptionButton,
  .frontApp .Page .zigzag figure.Item .aFigcaption .CaptionButton {
    align-self: center !important;
  }
}
.frontApp .Page .SectionNews .sideToSide,
.frontApp .Page .SectionNews .zigzag,
.frontApp .Page .SectionProd .sideToSide,
.frontApp .Page .SectionProd .zigzag {
  grid-gap: inherit;
}
.frontApp .Page .boxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5vw;
  width: 100%;
}
.frontApp .Page .boxes figure {
  padding: 2vw;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.frontApp .Page .boxes figure .top {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.frontApp .Page .boxes figure .top .imgWrapper {
  height: calc(45vw / var(--nr-of-columns));
  overflow: hidden;
  margin-bottom: 2.5em;
  width: 100%;
}
.frontApp .Page .boxes figure .top .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.frontApp .Page .boxes figure .top .CaptionTitle {
  padding-bottom: 0.3rem;
}
.frontApp .Page .boxes figure .middle {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 1200px) {
  .frontApp .Page .boxes {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .boxes {
    display: block;
  }
  .frontApp .Page .boxes figure {
    margin-bottom: 5vh;
  }
  .frontApp .Page .boxes figure .imgWrapper {
    height: 35vh !important;
  }
}
.frontApp .Page .boxes2 .Gallery,
.frontApp .Page .boxes3 .Gallery,
.frontApp .Page .boxes4 .Gallery {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5vw;
}
.frontApp .Page .boxes2 .Gallery figure,
.frontApp .Page .boxes3 .Gallery figure,
.frontApp .Page .boxes4 .Gallery figure {
  padding: 0;
}
.frontApp .Page .boxes2 .Gallery figure .imgWrapper,
.frontApp .Page .boxes3 .Gallery figure .imgWrapper,
.frontApp .Page .boxes4 .Gallery figure .imgWrapper {
  margin-bottom: 1.8em;
}
.frontApp .Page .boxes2 .Gallery figure .aFigcaption .CaptionText,
.frontApp .Page .boxes3 .Gallery figure .aFigcaption .CaptionText,
.frontApp .Page .boxes4 .Gallery figure .aFigcaption .CaptionText {
  padding-top: 1.5em;
  padding-bottom: 0;
}
@media only screen and (min-width: 2300px) {
  .frontApp .Page .boxes2 .Gallery,
  .frontApp .Page .boxes3 .Gallery,
  .frontApp .Page .boxes4 .Gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1350px) {
  .frontApp .Page .boxes2 .Gallery,
  .frontApp .Page .boxes3 .Gallery,
  .frontApp .Page .boxes4 .Gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1100px) {
  .frontApp .Page .boxes2 .Gallery,
  .frontApp .Page .boxes3 .Gallery,
  .frontApp .Page .boxes4 .Gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .boxes2,
  .frontApp .Page .boxes3,
  .frontApp .Page .boxes4 {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
  .frontApp .Page .boxes2 figure,
  .frontApp .Page .boxes3 figure,
  .frontApp .Page .boxes4 figure {
    margin-bottom: 9vh;
  }
}
.frontApp .Page .boxes3 .imgWrapper,
.frontApp .Page .boxes4 .imgWrapper {
  padding: 30% 20% 0 20%;
  margin-top: -30%;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .boxes3 .imgWrapper,
  .frontApp .Page .boxes4 .imgWrapper {
    padding: 0;
    margin-top: 0;
  }
}
.frontApp .Page .boxes4 figure .middle {
  display: flex;
  flex-direction: column;
  margin: 1em 0;
}
.frontApp .Page .skewed .Gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 2.5vw;
}
.frontApp .Page .skewed .Gallery figure {
  padding: 2vw;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
}
.frontApp .Page .skewed .Gallery figure .top {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.frontApp .Page .skewed .Gallery figure .top .imgWrapper {
  height: calc(0.22vw * var(--size-width));
  overflow: hidden;
  margin-bottom: 2.5em;
  width: 100%;
}
.frontApp .Page .skewed .Gallery figure .top .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.frontApp .Page .skewed .Gallery figure .top .CaptionTitle {
  padding-bottom: 0.3rem;
}
.frontApp .Page .skewed .Gallery figure .middle {
  margin-top: 2em;
  margin-bottom: 2em;
}
.frontApp .Page .skewed .Gallery figure.Item {
  padding: 0;
  justify-content: flex-start;
}
.frontApp .Page .skewed .Gallery figure.Item .imgWrapper {
  height: calc(0.22vw * var(--size-width));
  margin-bottom: 1.8em;
}
.frontApp .Page .skewed .Gallery figure.Item .aFigcaption .CaptionText {
  padding-top: 1.5em;
  padding-bottom: 0;
}
.frontApp .Page .skewed .Gallery figure:nth-child(2) {
  margin-top: 15vh;
}
.frontApp .Page .skewed .Gallery figure:nth-child(2n + 3) {
  margin-top: -15vh;
}
@media only screen and (max-width: 1300px) {
  .frontApp .Page .skewed .Gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (max-width: 1100px) {
  .frontApp .Page .skewed .Gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .skewed .Gallery {
    display: block;
  }
  .frontApp .Page .skewed .Gallery figure {
    margin-top: 0 !important;
    margin-bottom: 9vh;
  }
  .frontApp .Page .skewed .Gallery figure .imgWrapper {
    height: 35vh !important;
  }
}
.frontApp .Page .quotas1 .boxes figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.frontApp .Page .quotas1 .boxes figure .imgWrapper {
  height: 7vw;
  width: 7vw;
  border-radius: 100%;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .quotas1 .boxes figure .imgWrapper {
    height: 35vw !important;
    width: 35vw !important;
  }
}
.frontApp .Page .serviceGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
}
.frontApp .Page .serviceGrid figure {
  padding: 2vw;
  display: flex;
  flex-direction: column;
}
.frontApp .Page .serviceGrid figure .CaptionText {
  padding-top: 2em;
}
.frontApp .Page .serviceGrid figure .CaptionButton {
  margin-top: 2.5em;
}
@media only screen and (max-width: 1100px) {
  .frontApp .Page .serviceGrid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.frontApp .Page .parallax {
  width: 100%;
}
.frontApp .Page .parallax figure {
  width: 100vw;
  height: 100vh;
  cursor: default;
}
.frontApp .Page .parallax figure .imgWrapper {
  width: 100%;
  height: 100%;
}
.frontApp .Page .parallax figure .imgWrapper .divImg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
@media only screen and (max-width: 1000px) {
  .frontApp .Page .parallax figure .imgWrapper .divImg {
    background-attachment: scroll !important;
  }
}
.frontApp .Page .parallax.contain figure .imgWrapper .divImg {
  background-size: contain;
}
.frontApp .Page .parallax .gotVideo {
  height: 100%;
  width: 100%;
}
.frontApp .Page .parallax .gotVideo .imgWrapper {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.frontApp .Page .parallax .gotVideo .imgWrapper iframe {
  width: 100%;
  height: 100%;
  max-width: none;
}
.frontApp .Page .parallax .gotVideo .imgWrapper .playIcon {
  color: #fff;
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50% - 5rem);
  display: block;
  font-size: 10rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.frontApp .Page .parallax .gotVideo .imgWrapper .playIcon:hover {
  opacity: 1;
}
.frontApp .Page .fullPosts {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: inherit;
}
.frontApp .Page .fullPosts .BlogPostInSection {
  display: flex;
  flex-direction: column;
  min-height: 100px;
  width: 100%;
  margin-bottom: 5em;
  padding-bottom: 4em;
  border-bottom: 1px solid #d3d3d3;
}
.frontApp .Page .fullPosts .CaptionTitle {
  font-size: 1.8em;
  text-transform: uppercase;
  align-self: center;
  letter-spacing: 0.1rem;
  text-align: center;
}
.frontApp .Page .fullPosts .CaptionSubTitle {
  align-self: center;
  padding-top: 0.2em;
  text-align: center;
}
.frontApp .Page .fullPosts .CaptionText {
  padding-top: 3em;
  padding-bottom: 3em;
  line-height: 1.8em;
  text-align: center;
  max-width: 1000px;
  align-self: center;
}
.frontApp .Page .carousel figure {
  display: none;
}
.frontApp .Page .carousel figure.activeItem {
  background-color: inherit;
  padding: 2vw;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
  width: 50vw;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .carousel figure.activeItem {
    width: auto;
  }
}
.frontApp .Page .carousel figure.activeItem .box {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.frontApp .Page .carousel figure.activeItem .box .imgWrapper {
  height: calc(45px * var(--size));
  width: calc(45px * var(--size));
  overflow: hidden;
  margin-bottom: 2.5em;
  border-radius: 50%;
}
.frontApp .Page .carousel figure.activeItem .box .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
.frontApp .Page .carousel figure.activeItem .box .CaptionTitle {
  padding-bottom: 0.3rem;
}
.frontApp .Page .carousel figure.activeItem .box .CaptionSubTitle {
  padding-bottom: 1em;
}
.frontApp .Page .carousel figure.activeItem .box .CaptionText {
  margin-bottom: 2em;
  font-size: 170%;
  line-height: 170%;
}
.frontApp .Page .carousel figure.activeItem .box .CaptionButton {
  max-width: fit-content;
  align-self: center;
}
.frontApp .Page .carousel .carouselControls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.frontApp .Page .carousel .carouselControls .carouselDot {
  border-radius: 50%;
  height: 1em;
  width: 1em;
  background-color: currentColor;
  margin-right: 1.4em;
  opacity: 0.5;
  cursor: pointer;
}
.frontApp .Page .carousel .carouselControls .carouselDot.active {
  opacity: 1;
}
.frontApp .Page .carousel .carouselControls .carouselDot:last-child {
  margin-right: 0;
}
.routerViewWrapper {
  background-color: inherit;
}
.sectionWrapper {
  background-color: inherit;
}
.sectionWrapper .Section {
  background-color: inherit;
}
.Section:not([data-bgimg="yes"]) .Gallery.cover1,
.Section:not([data-bgimg="yes"]) .Gallery.cover3,
.Section:not([data-bgimg="yes"]) .Slideshow.cover1,
.Section:not([data-bgimg="yes"]) .Slideshow.cover3 {
  background-color: inherit;
}
.Section:not([data-bgimg="yes"]) .Gallery.cover1 figure,
.Section:not([data-bgimg="yes"]) .Gallery.cover3 figure,
.Section:not([data-bgimg="yes"]) .Slideshow.cover1 figure,
.Section:not([data-bgimg="yes"]) .Slideshow.cover3 figure {
  background-color: inherit;
}
.Section:not([data-bgimg="yes"]) .Gallery.cover1 figure .aFigcaption,
.Section:not([data-bgimg="yes"]) .Gallery.cover3 figure .aFigcaption,
.Section:not([data-bgimg="yes"]) .Slideshow.cover1 figure .aFigcaption,
.Section:not([data-bgimg="yes"]) .Slideshow.cover3 figure .aFigcaption {
  background-color: inherit;
}
.Section[data-bgimg="yes"] .Gallery.cover1 figure .aFigcaption,
.Section[data-bgimg="yes"] .Gallery.cover3 figure .aFigcaption,
.Section[data-bgimg="yes"] .Slideshow.cover1 figure .aFigcaption,
.Section[data-bgimg="yes"] .Slideshow.cover3 figure .aFigcaption {
  background: grey;
}
.frontApp .Page figure {
  position: relative;
  max-width: 100%;
}
.frontApp .Page .BlogPost figure,
.frontApp .Page .Product figure {
  cursor: default;
}
.frontApp .Page .BlogPost .sameRatio figure,
.frontApp .Page .Product .sameRatio figure {
  cursor: pointer;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .BlogPost,
  .frontApp .Page .Product {
    width: 80% !important;
    padding-left: 0;
    padding-right: 0;
  }
}
.frontApp .Page .Gallery.hide .aFigcaption,
.frontApp .Page .Slideshow.hide .aFigcaption {
  display: none;
}
.frontApp .Page .Gallery.cover1 .aFigcaption,
.frontApp .Page .Slideshow.cover1 .aFigcaption {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0.01;
  text-align: center;
}
.frontApp .Page .Gallery.cover1 .aFigcaption:hover,
.frontApp .Page .Slideshow.cover1 .aFigcaption:hover {
  opacity: 0.7;
}
.frontApp .Page .Gallery.cover3 .aFigcaption,
.frontApp .Page .Slideshow.cover3 .aFigcaption {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  text-align: center;
}
.frontApp .Page .Gallery.cover3 .aFigcaption:hover,
.frontApp .Page .Slideshow.cover3 .aFigcaption:hover {
  opacity: 0.01;
}
.frontApp .Page .Gallery.overlay1 .aFigcaption,
.frontApp .Page .Gallery.overlay2 .aFigcaption,
.frontApp .Page .Slideshow.overlay1 .aFigcaption,
.frontApp .Page .Slideshow.overlay2 .aFigcaption {
  position: absolute !important;
  left: 0;
  top: 0;
  padding: 1.5em;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  text-align: left;
  filter: invert(100%) brightness(100%);
}
.frontApp .Page .Gallery.overlay2 .aFigcaption,
.frontApp .Page .Slideshow.overlay2 .aFigcaption {
  justify-content: flex-end;
  align-items: flex-end;
}
@media only screen and (max-width: 999px) {
  .frontApp .Page .Gallery.cover1 .aFigcaption .CaptionText,
  .frontApp .Page .Gallery.cover3 .aFigcaption .CaptionText,
  .frontApp .Page .Gallery.overlay1 .aFigcaption .CaptionText {
    display: none;
  }
  .frontApp .Page .Gallery.cover1 .aFigcaption .CaptionButton,
  .frontApp .Page .Gallery.cover3 .aFigcaption .CaptionButton,
  .frontApp .Page .Gallery.overlay1 .aFigcaption .CaptionButton {
    margin-top: 2em;
  }
}
.frontApp .Page .Gallery.bottom1 .aFigcaption,
.frontApp .Page .Slideshow.bottom1 .aFigcaption {
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em 0 0 0;
  text-align: center;
}
.frontApp .Page .Gallery.bottom1.parallax .aFigcaption,
.frontApp .Page .Slideshow.bottom1.parallax .aFigcaption {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3em;
}
.frontApp .Page .Gallery.bottom2 .aFigcaption,
.frontApp .Page .Slideshow.bottom2 .aFigcaption {
  min-height: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em 1em;
}
.frontApp .Page .Gallery.bottom3 .aFigcaption,
.frontApp .Page .Slideshow.bottom3 .aFigcaption {
  min-height: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6em 1em;
}
.frontApp .Page .Gallery.bottom3 .aFigcaption .CaptionSubTitle,
.frontApp .Page .Slideshow.bottom3 .aFigcaption .CaptionSubTitle {
  color: #a1a1a1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.frontApp .Page .Gallery.bottom3.parallax .aFigcaption,
.frontApp .Page .Slideshow.bottom3.parallax .aFigcaption {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 3em;
}
.frontApp .Page .Gallery.bottom3.parallax .aFigcaption .CaptionTitle,
.frontApp .Page .Slideshow.bottom3.parallax .aFigcaption .CaptionTitle {
  margin-right: 2em;
}
.frontApp .Page .puzzle.bottom1 figure .imgWrapper,
.frontApp .Page .puzzle.bottom2 figure .imgWrapper {
  height: 71%;
}
.frontApp .Page .puzzle.bottom1 figure:nth-child(8n + 1),
.frontApp .Page .puzzle.bottom2 figure:nth-child(8n + 1) {
  height: 44vw;
}
.frontApp .Page .puzzle.bottom1 figure:nth-child(8n + 1) .imgWrapper,
.frontApp .Page .puzzle.bottom2 figure:nth-child(8n + 1) .imgWrapper {
  height: 85%;
}
.frontApp .Page .Slideshow.bottom1 figure .imgWrapper {
  height: calc(100% - 100px);
}
.frontApp .Page .Slideshow.bottom1 figure .aFigcaption {
  max-height: 100px;
}
.frontApp .Page .Gallery.cover1.shadows figure,
.frontApp .Page .Gallery.cover3.shadows figure,
.frontApp .Page .Gallery.hide.shadows figure {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .Gallery.bottom1.shadows figure .imgWrapper,
.frontApp .Page .Gallery.bottom2.shadows figure .imgWrapper {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .alignCenter.Gallery.shadows figure,
.frontApp .Page .random.Gallery.shadows figure,
.frontApp .Page .skewed .Gallery.shadows figure,
.frontApp .Page .zigzag.Gallery.shadows figure {
  box-shadow: none;
}
.frontApp .Page .alignCenter.Gallery.shadows figure .imgWrapper,
.frontApp .Page .random.Gallery.shadows figure .imgWrapper,
.frontApp .Page .skewed .Gallery.shadows figure .imgWrapper,
.frontApp .Page .zigzag.Gallery.shadows figure .imgWrapper {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .circleRatio.Gallery.shadows figure,
.frontApp .Page .vertical.Gallery.shadows figure {
  box-shadow: none;
}
.frontApp .Page .circleRatio.Gallery.shadows figure .imgWrapper,
.frontApp .Page .vertical.Gallery.shadows figure .imgWrapper {
  box-shadow: none;
}
.frontApp .Page .circleRatio.Gallery.shadows figure .imgWrapper img,
.frontApp .Page .vertical.Gallery.shadows figure .imgWrapper img {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .sideBySide figure.largeImage.shadows {
  box-shadow: none;
}
.frontApp .Page .sideBySide figure.largeImage.shadows .imgWrapper {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .sideToSide.Gallery.shadows figure,
.frontApp .Page .zigzag.Gallery.shadows figure {
  box-shadow: none;
}
.frontApp .Page .sideToSide.Gallery.shadows figure .imgWrapper,
.frontApp .Page .zigzag.Gallery.shadows figure .imgWrapper {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .boxes.Gallery.shadows figure,
.frontApp .Page .serviceGrid.Gallery.shadows figure {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .Gallery.carousel.shadows figure .imgWrapper {
  box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.4);
}
.frontApp .Page .Gallery.cover1.rounded figure,
.frontApp .Page .Gallery.cover3.rounded figure,
.frontApp .Page .Gallery.hide.rounded figure {
  border-radius: 0.2em;
}
.frontApp .Page .Gallery.cover1.rounded figure .aFigcaption,
.frontApp .Page .Gallery.cover1.rounded figure .imgWrapper,
.frontApp .Page .Gallery.cover3.rounded figure .aFigcaption,
.frontApp .Page .Gallery.cover3.rounded figure .imgWrapper,
.frontApp .Page .Gallery.hide.rounded figure .aFigcaption,
.frontApp .Page .Gallery.hide.rounded figure .imgWrapper {
  border-radius: 0.2em;
}
.frontApp .Page .Gallery.bottom1.rounded figure .imgWrapper,
.frontApp .Page .Gallery.bottom2.rounded figure .imgWrapper,
.frontApp .Page .skewed .Gallery.rounded figure .imgWrapper {
  border-radius: 0.2em;
}
.frontApp .Page .alignCenter.Gallery.rounded figure,
.frontApp .Page .random.Gallery.rounded figure,
.frontApp .Page .zigzag.Gallery.rounded figure {
  border-radius: 0;
}
.frontApp .Page .alignCenter.Gallery.rounded figure .imgWrapper,
.frontApp .Page .random.Gallery.rounded figure .imgWrapper,
.frontApp .Page .zigzag.Gallery.rounded figure .imgWrapper {
  border-radius: 0.2em;
}
.frontApp .Page .vertical.Gallery.rounded figure {
  border-radius: 0;
}
.frontApp .Page .vertical.Gallery.rounded figure .imgWrapper {
  border-radius: 0;
}
.frontApp .Page .vertical.Gallery.rounded figure .imgWrapper img {
  border-radius: 0.2em;
}
.frontApp .Page .sideBySide figure.largeImage.rounded {
  border-radius: 0;
}
.frontApp .Page .sideBySide figure.largeImage.rounded .imgWrapper {
  border-radius: 0;
}
.frontApp .Page .sideBySide figure.largeImage.rounded .imgWrapper img {
  border-radius: 0.2em;
}
.frontApp .Page .circleRatio.Gallery.rounded figure {
  border-radius: 0;
}
.frontApp .Page .circleRatio.Gallery.rounded figure .imgWrapper {
  border-radius: 0;
}
.frontApp .Page .circleRatio.Gallery.rounded figure .imgWrapper img {
  border-radius: 50em;
}
.frontApp .Page .sideToSide.Gallery.rounded figure,
.frontApp .Page .zigzag.Gallery.rounded figure {
  border-radius: 0;
}
.frontApp .Page .sideToSide.Gallery.rounded figure .imgWrapper,
.frontApp .Page .zigzag.Gallery.rounded figure .imgWrapper {
  border-radius: 0.2em;
}
.frontApp .Page .boxes.Gallery.rounded figure,
.frontApp .Page .serviceGrid.Gallery.rounded figure {
  border-radius: 0.2em;
}
.frontApp .Page .Gallery.rounded .imgWrapper img {
  border-radius: 0.2em;
}
.frontApp .Page .Gallery.carousel.rounded figure {
  border-radius: 0.2em;
}
.frontApp .Page .Gallery.cover1.borders figure,
.frontApp .Page .Gallery.cover3.borders figure,
.frontApp .Page .Gallery.hide.borders figure {
  outline: 1px solid;
}
.frontApp .Page .Gallery.bottom1.borders figure .imgWrapper,
.frontApp .Page .Gallery.bottom2.borders figure .imgWrapper {
  outline: 1px solid;
}
.frontApp .Page .alignCenter.Gallery.borders figure,
.frontApp .Page .random.Gallery.borders figure,
.frontApp .Page .skewed .Gallery.borders figure,
.frontApp .Page .zigzag.Gallery.borders figure {
  outline: 0;
}
.frontApp .Page .alignCenter.Gallery.borders figure .imgWrapper,
.frontApp .Page .random.Gallery.borders figure .imgWrapper,
.frontApp .Page .skewed .Gallery.borders figure .imgWrapper,
.frontApp .Page .zigzag.Gallery.borders figure .imgWrapper {
  outline: 0;
  border: 1px solid;
}
.frontApp .Page .circleRatio.Gallery.borders figure,
.frontApp .Page .vertical.Gallery.borders figure {
  outline: 0;
}
.frontApp .Page .circleRatio.Gallery.borders figure .imgWrapper,
.frontApp .Page .vertical.Gallery.borders figure .imgWrapper {
  outline: 0;
}
.frontApp .Page .circleRatio.Gallery.borders figure .imgWrapper img,
.frontApp .Page .vertical.Gallery.borders figure .imgWrapper img {
  border: 1px solid;
}
.frontApp .Page .sideBySide figure.largeImage.borders {
  outline: 0;
}
.frontApp .Page .sideBySide figure.largeImage.borders .imgWrapper {
  outline: 0;
}
.frontApp .Page .sideBySide figure.largeImage.borders .imgWrapper img {
  border: 1px solid;
}
.frontApp .Page .sideToSide.Gallery.borders figure,
.frontApp .Page .zigzag.Gallery.borders figure {
  outline: 0;
}
.frontApp .Page .sideToSide.Gallery.borders figure .imgWrapper,
.frontApp .Page .zigzag.Gallery.borders figure .imgWrapper {
  outline: 0;
  border: 1px solid;
}
.frontApp .Page .boxes.Gallery.borders figure,
.frontApp .Page .serviceGrid.Gallery.borders figure {
  outline: 0;
  border: 1px solid;
}
.frontApp .Page .boxes.Gallery.borders figure .imgWrapper,
.frontApp .Page .serviceGrid.Gallery.borders figure .imgWrapper {
  outline: 0;
}
.frontApp .Page .Gallery.carousel.borders figure .imgWrapper {
  border: 1px solid;
}
.tempJustToClearCdn {
  background-color: inherit;
}
@media only screen and (max-width: 999px) {
  .frontApp.mobile2Row .Page .Gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1vw !important;
  }
  .frontApp.mobile2Row .Page .Gallery.sameRatio figure .imgWrapper {
    height: 30vw !important;
  }
  .frontApp.mobile2Row .Page .Gallery.sameRatio.square figure .imgWrapper {
    height: 50vw !important;
  }
  .frontApp.mobile2Row .Page .Gallery.sameRatio.portraits figure .imgWrapper {
    height: 67vw !important;
  }
  .frontApp.mobile2Row .Page .Gallery.puzzle figure {
    grid-row-start: auto !important;
    grid-column-start: auto !important;
    grid-column-end: auto !important;
    height: auto !important;
  }
  .frontApp.mobile2Row .Page .Gallery.puzzle figure .imgWrapper {
    height: auto;
  }
  .frontApp.mobile2Row .Page .Gallery.random {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1vw !important;
  }
  .frontApp.mobile2Row .Page .Gallery.random figure {
    grid-row-start: auto !important;
    grid-column-start: auto !important;
    grid-column-end: auto !important;
    height: auto !important;
    margin: auto !important;
  }
  .frontApp.mobile2Row .Page .Gallery.random figure .imgWrapper img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .frontApp.mobile2Row .Page .Gallery.boxes,
  .frontApp.mobile2Row .Page .Gallery.sideToSide,
  .frontApp.mobile2Row .Page .Gallery.zigzag {
    display: block !important;
  }
  .frontApp.mobile2Row .Page .SectionNews .Gallery,
  .frontApp.mobile2Row .Page .skewed .Gallery {
    display: block !important;
  }
  .frontApp.mobile2Row .Page .SectionNews .Gallery.sameRatio figure .imgWrapper,
  .frontApp.mobile2Row .Page .skewed .Gallery.sameRatio figure .imgWrapper {
    height: auto !important;
  }
  .frontApp.mobile2Row
    .Page
    .SectionNews
    .Gallery.sameRatio.square
    figure
    .imgWrapper,
  .frontApp.mobile2Row
    .Page
    .skewed
    .Gallery.sameRatio.square
    figure
    .imgWrapper {
    height: auto !important;
  }
}
.pbLightbox {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 4;
  display: flex;
  align-items: center;
  background-color: inherit;
}
.pbLightbox .closeX {
  position: fixed;
  z-index: 3;
  opacity: 0.4;
  top: 6px;
  left: 8px;
  cursor: pointer;
}
.pbLightbox .closeX:hover {
  opacity: 1;
}
.pbLightbox .lbShare {
  font-size: 20px;
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
}
.pbLightbox .lbShare a {
  margin-left: 10px;
  opacity: 0.4;
  cursor: pointer;
}
.pbLightbox .lbShare a:hover {
  opacity: 1;
}
.pbLightbox .lightboxInner {
  position: relative;
  width: 100%;
  height: 90%;
  background-color: inherit;
}
.pbLightbox .lightboxInner .arrowContainer {
  height: 90%;
  width: 10%;
  position: absolute;
  left: 0;
  top: 10%;
  cursor: pointer;
  z-index: 3;
  opacity: 0.01;
}
.pbLightbox .lightboxInner .arrowContainer.rightArrCon {
  left: auto;
  right: 0;
}
.pbLightbox .lightboxInner .arrowContainer span.arrow {
  position: absolute;
  top: 47%;
  z-index: 3;
}
.pbLightbox .lightboxInner .arrowContainer span.arrow.leftArr {
  left: 20px;
}
.pbLightbox .lightboxInner .arrowContainer span.arrow.rightArr {
  right: 20px;
}
.pbLightbox .lightboxInner .arrowContainer:hover {
  opacity: 1;
}
@media only screen and (max-width: 999px) {
  .pbLightbox .lightboxInner .arrowContainer {
    display: none;
  }
}
.pbLightbox .lightboxInner figure {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: inherit;
}
.pbLightbox .lightboxInner figure .imgWrapper {
  display: block;
  height: 100%;
}
.pbLightbox .lightboxInner figure .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pbLightbox .lightboxInner figure .lbFigcaption {
  background-color: inherit;
}
.pbLightbox .lightboxInner figure .lbFigcaption .captionIcon {
  font-size: 25px;
  position: absolute;
  z-index: 3;
  opacity: 0.2;
  bottom: -5%;
  right: 50%;
  margin-left: -12px;
  cursor: pointer;
}
.pbLightbox .lightboxInner figure .lbFigcaption .captionIcon:hover {
  opacity: 1;
}
@media only screen and (max-width: 999px) {
  .pbLightbox .lightboxInner figure .lbFigcaption .captionIcon {
    opacity: 0.2;
    bottom: auto;
    right: 7px;
    margin-left: 0;
    top: 8px;
  }
  .pbLightbox .lightboxInner figure .lbFigcaption .captionIcon:hover {
    opacity: 0.2;
  }
}
.pbLightbox .lightboxInner figure .lbFigcaption .captionIcon.captionIconOpen {
  color: red;
}
.pbLightbox .lightboxInner figure .playIcon {
  display: none;
}
.pbLightbox .lightboxInner figure.gotVideo {
  height: 100%;
  width: 100%;
}
.pbLightbox .lightboxInner figure.gotVideo .imgWrapper {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pbLightbox .lightboxInner figure.gotVideo .imgWrapper iframe {
  width: 100%;
  height: 100%;
  max-width: none;
}
.pbLightbox .lightboxInner figure.gotVideo .imgWrapper .playIcon {
  color: #fff;
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50% - 5rem);
  display: block;
  font-size: 10rem;
  z-index: 2;
  opacity: 0.7;
  cursor: pointer;
}
.pbLightbox .lightboxInner figure.gotVideo .imgWrapper .playIcon:hover {
  opacity: 1;
}
.pbLightbox .lightboxInner.lbcover1 .figCapCoverWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  text-align: center;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 0 25%;
  opacity: 0.6;
  display: flex;
}
.pbLightbox .lightboxInner.lbcover1 .figCapCoverWrapper .figCapCenter {
  margin: auto;
}
.pbLightbox .lightboxInner.lbcover1 .figCapCoverWrapper .captionIcon {
  display: block;
}
@media only screen and (max-width: 999px) {
  .pbLightbox .lightboxInner.lbcover1 .figCapCoverWrapper {
    padding: 0 5%;
  }
}
.pbLightbox .lightboxInner.lbbottom1 .lbFigcaption {
  position: absolute;
  left: 50%;
  bottom: -5%;
  text-align: center;
  width: 700px;
  margin-left: -350px;
  background-color: inherit;
  padding: 1em;
  box-sizing: border-box;
  opacity: 0.8;
  border-radius: 5px;
  max-height: 100%;
  overflow-y: auto;
}
@media only screen and (max-width: 999px) {
  .pbLightbox .lightboxInner.lbbottom1 .lbFigcaption {
    max-width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.pbLightbox .lightboxInner.lbbottom2 figure {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.pbLightbox .lightboxInner.lbbottom2 .lbFigcaption {
  position: relative;
  background-color: inherit;
  padding: 1em;
  box-sizing: border-box;
  max-width: 1000px;
  text-align: center;
}
@media only screen and (max-width: 999px) {
  .pbLightbox .lightboxInner.lbbottom2 {
    padding-top: 1.2em;
  }
  .pbLightbox .lightboxInner.lbbottom2 figure {
    overflow-y: auto;
  }
  .pbLightbox .lightboxInner.lbbottom2 figure .imgWrapper {
    overflow: unset;
  }
  .pbLightbox .lightboxInner.lbbottom2 figure .lbFigcaption {
    max-width: 100%;
  }
  .pbLightbox .lightboxInner.lbbottom2 figure .lbFigcaption .CaptionText {
    line-height: 150%;
  }
}
.pbLightbox .lightboxInner.lbright figure {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.pbLightbox .lightboxInner.lbright .lbFigcaption {
  position: relative;
  background-color: inherit;
  padding: 0 5vw 0 40px;
  box-sizing: border-box;
  max-width: 500px;
}
@media only screen and (max-width: 999px) {
  .pbLightbox .lightboxInner.lbright .lbFigcaption {
    padding: 1em;
  }
}
.pbLightbox .lightboxInner.lbhide .lbFigcaption {
  display: none;
}
.pbLightbox.cover .lightboxInner {
  height: 100%;
}
.pbLightbox.cover .lightboxInner figure .imgWrapper img {
  object-fit: cover;
}
.pbLightbox.cover .lightboxInner.lbcover1 .captionIcon {
  bottom: 0;
  font-size: 60px;
}
@media only screen and (max-width: 999px) {
  .pbLightbox.cover .lightboxInner.lbcover1 .captionIcon {
    font-size: 25px;
  }
}
.pbLightbox.cover .lightboxInner.lbbottom1 .lbFigcaption {
  bottom: 0;
}
.pbLightbox.verticalLightbox {
  overflow-y: auto;
}
.pbLightbox.verticalLightbox .lightboxInner {
  height: 100%;
}
.pbLightbox.verticalLightbox .lightboxInner figure {
  padding: 5%;
  box-sizing: border-box;
}
.pbLightbox.verticalLightbox .lightboxInner figure .lbShare {
  top: 50%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 999px) {
  .pbLightbox.verticalLightbox .lightboxInner figure .lbShare {
    top: 10px;
    flex-direction: row;
  }
}
.pbLightbox.verticalLightbox .lightboxInner figure .captionIcon {
  bottom: 50%;
  margin-bottom: 2px;
  right: 7px;
}
@media only screen and (max-width: 999px) {
  .pbLightbox.verticalLightbox .lightboxInner figure .captionIcon {
    bottom: auto;
    top: 37px;
  }
}
.pbLightbox.verticalLightbox .lightboxInner.lbbottom1 .lbFigcaption {
  bottom: 1%;
}
.pbLightbox.verticalLightbox.cover .lightboxInner figure {
  padding: 0;
}
.currentColorBorder {
  position: relative;
}
.currentColorBorder::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.pbCheckoutWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.pbCheckoutWrapper .pbCheckoutBg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.pbCheckoutWrapper .pbCheckout {
  z-index: 5;
  max-height: 90vh;
  width: 90vw;
  max-width: 1200px;
  box-sizing: border-box;
  background-color: inherit;
  overflow-y: auto;
  padding: 50px 60px;
  font-size: 90%;
  position: relative;
  border: 3px solid;
  border-radius: 10px;
}
.pbCheckoutWrapper .pbCheckout::before {
  border-radius: 10px;
  border-width: 3px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .pbCheckout {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.pbCheckoutWrapper .pbCheckout.winSmall {
  max-width: 600px;
}
.pbCheckoutWrapper .closeX {
  position: absolute;
  z-index: 3;
  opacity: 0.2;
  top: 11px;
  right: 16px;
  cursor: pointer;
}
.pbCheckoutWrapper .closeX:hover {
  opacity: 1;
}
.pbCheckoutWrapper span.arrow {
  position: absolute;
  top: 20px;
  z-index: 3;
  opacity: 0.2;
  padding: 7px !important;
}
.pbCheckoutWrapper span.arrow.leftArr {
  left: 20px;
}
.pbCheckoutWrapper span.arrow:hover {
  opacity: 1;
}
.pbCheckoutWrapper h1 {
  margin-bottom: 30px;
  text-align: center;
}
.pbCheckoutWrapper .middleHeader {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 120%;
}
.pbCheckoutWrapper .groupWrapper {
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative;
}
.pbCheckoutWrapper .groupWrapper:last-child {
  margin-bottom: 0;
}
.pbCheckoutWrapper .groupWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.pbCheckoutWrapper .buttonRow {
  margin-top: 20px;
  text-align: center;
}
.pbCheckoutWrapper .buttonRow .acceptTermLink {
  margin-top: 10px;
  font-size: 10px;
  text-align: center;
  opacity: 0.7;
}
.pbCheckoutWrapper .buttonRow .acceptTermLink .termsLink {
  cursor: pointer;
  text-decoration: underline;
}
.pbCheckoutWrapper .Button {
  display: inline-block;
}
.pbCheckoutWrapper .productsWrapper {
  margin: 0 !important;
}
.pbCheckoutWrapper .productsWrapper article {
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #e0dfdf;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: inherit;
  opacity: 0.8;
}
.pbCheckoutWrapper .productsWrapper article:first-child {
  padding-top: 0;
}
.pbCheckoutWrapper .productsWrapper article:hover {
  opacity: 1;
}
.pbCheckoutWrapper .productsWrapper article .one,
.pbCheckoutWrapper .productsWrapper article .two {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .productsWrapper article .one,
  .pbCheckoutWrapper .productsWrapper article .two {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }
}
.pbCheckoutWrapper .productsWrapper article .one {
  justify-content: flex-start;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .productsWrapper article .one {
    justify-content: center;
    align-items: flex-start;
  }
}
.pbCheckoutWrapper .productsWrapper article .cartImageWrapper {
  width: 150px;
  height: 100px;
  background: 0 0;
  box-shadow: inset 200px 200px 300px 200px rgba(0, 0, 0, 0.07);
}
.pbCheckoutWrapper .productsWrapper article .cartImageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.pbCheckoutWrapper .productsWrapper article .titleWrapper {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .productsWrapper article .titleWrapper {
    margin: 10px 0;
  }
}
.pbCheckoutWrapper .productsWrapper article .quantityWrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 10px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .productsWrapper article .quantityWrapper {
    margin: 10px 0;
  }
}
.pbCheckoutWrapper .productsWrapper article .nrAndPriceWrapper {
  background-color: inherit;
}
.pbCheckoutWrapper .productsWrapper article .nrAndPriceWrapper input {
  width: 80px;
  color: currentColor;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 5px 10px;
  background-color: inherit;
  font-size: 100%;
  opacity: 0.8;
}
.pbCheckoutWrapper .productsWrapper article .nrAndPriceWrapper input:hover {
  opacity: 1;
}
.pbCheckoutWrapper
  .productsWrapper
  article
  .nrAndPriceWrapper
  span.ficon-ios-close-outline {
  font-size: 22px;
  margin-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  opacity: 0.8;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper
    .productsWrapper
    article
    .nrAndPriceWrapper
    span.ficon-ios-close-outline {
    margin: 10px 0;
  }
}
.pbCheckoutWrapper
  .productsWrapper
  article
  .nrAndPriceWrapper
  span.ficon-ios-close-outline:hover {
  opacity: 1;
}
.pbCheckoutWrapper .productsWrapper article .nrAndPriceWrapper .price {
  width: 120px;
  text-align: right;
}
.pbCheckoutWrapper .checkboxWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5em;
}
.pbCheckoutWrapper .checkboxWrapper .fakeCheckBox {
  width: 17px;
  height: 17px;
  border-radius: 2.5px;
  border: 1px solid;
  background-color: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  cursor: pointer;
}
.pbCheckoutWrapper .checkboxWrapper .fakeCheckBox .checkIcon {
  font-size: 13px;
  display: none;
}
.pbCheckoutWrapper .checkboxWrapper .fakeCheckBox.selected .checkIcon {
  display: flex;
}
.pbCheckoutWrapper .checkboxWrapper .expWrapper {
  margin-left: 10px;
  font-size: 10px;
}
.pbCheckoutWrapper .priceRow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .priceRow {
    flex-direction: column;
  }
}
.pbCheckoutWrapper .cart .totalPriceWrapper {
  margin-bottom: 80px;
}
.pbCheckoutWrapper .checkout .columns {
  display: flex;
}
.pbCheckoutWrapper .checkout .columns .left,
.pbCheckoutWrapper .checkout .columns .right {
  width: 50%;
}
.pbCheckoutWrapper .checkout .columns .right {
  padding-left: 40px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .checkout .columns {
    display: block;
  }
  .pbCheckoutWrapper .checkout .columns .left,
  .pbCheckoutWrapper .checkout .columns .right {
    width: 100%;
    padding: 0;
  }
  .pbCheckoutWrapper .checkout .columns .left {
    margin-bottom: 30px;
  }
}
.pbCheckoutWrapper .checkout .columns .Form .InputOptions ul,
.pbCheckoutWrapper .checkout .columns .Form .onlyShowInputFront,
.pbCheckoutWrapper .checkout .columns .Form input[type="email"],
.pbCheckoutWrapper .checkout .columns .Form input[type="number"],
.pbCheckoutWrapper .checkout .columns .Form input[type="password"],
.pbCheckoutWrapper .checkout .columns .Form input[type="text"],
.pbCheckoutWrapper .checkout .columns .Form select,
.pbCheckoutWrapper .checkout .columns .Form textarea {
  margin-bottom: 0;
}
.pbCheckoutWrapper .checkout .columns .Form .inputWrapper {
  margin-bottom: 20px;
}
.pbCheckoutWrapper .checkout .columns .Form select {
  opacity: 0.9;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .checkout .columns .left .emailAndPhone {
    display: block;
  }
  .pbCheckoutWrapper .checkout .columns .left .emailAndPhone input {
    margin-left: 0 !important;
  }
}
.pbCheckoutWrapper .checkout .columns .left .newsAndMessage {
  align-items: flex-start;
}
.pbCheckoutWrapper .checkout .columns .left .newsAndMessage .subscribeToNews {
  white-space: nowrap;
  margin-top: 16px;
}
.pbCheckoutWrapper .checkout .columns .left .shipping .middleHeader {
  margin-top: 10px;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .productsWrapper
  article
  .cartImageWrapper {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper
    .checkout
    .columns
    .right
    .productsWrapper
    article
    .cartImageWrapper
    .cartImageWrapper {
    width: 150px;
    height: 100px;
  }
}
.pbCheckoutWrapper .checkout .columns .right .discountCodeWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .discountCodeWrapper
  .inputWrapper {
  margin-bottom: 0 !important;
}
.pbCheckoutWrapper .checkout .columns .right .discountCodeWrapper .Button {
  margin-left: 30px;
  min-width: 90px;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .totalPriceWrapper
  .priceRow.subTotal {
  padding-bottom: 15px;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .totalPriceWrapper
  .priceRow:last-child {
  padding-top: 15px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px solid #e0dfdf;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .totalPriceWrapper
  .priceRow
  .shippingAddedLater {
  opacity: 0.8;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  cursor: pointer;
  position: relative;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid currentColor;
  opacity: 0.2;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 3px;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption
  .fakeCheckBox {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  cursor: pointer;
  background-color: inherit;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption
  .fakeCheckBox
  .checkIcon {
  font-size: 20px;
  display: none;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption.selected
  .checkIcon {
  display: flex;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption
  .expWrapper {
  margin-left: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.pbCheckoutWrapper
  .checkout
  .columns
  .right
  .paymentOptionsWrapper
  .paymentOption
  .expWrapper
  span {
  margin-left: 15px;
  font-size: 22px;
  opacity: 0.4;
}
.pbCheckoutWrapper .checkout .columns .right .Button {
  display: block;
}
.pbCheckoutWrapper.termsAndPoliciesPopup {
  z-index: 5;
}
.pbCheckoutWrapper.termsAndPoliciesPopup h1.Header {
  font-size: 2em;
}
.pbCheckoutWrapper.termsAndPoliciesPopup h1.termsHead {
  margin-top: 40px;
}
.pbCheckoutWrapper .paymentWindow {
  z-index: 6;
}
.pbCheckoutWrapper .paymentWindow .pbCheckout {
  max-width: 600px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper .paymentWindow .pbCheckout {
    max-width: 1000px;
  }
}
.pbCheckoutWrapper .paymentWindow #payment-button {
  width: 100%;
  padding: 10px !important;
  cursor: pointer;
}
.pbCheckoutWrapper .paymentWindow .payPalExp {
  margin-bottom: 30px;
  text-align: center;
}
.pbCheckoutWrapper .paymentWindow .payPalExp .payPalLogoWrapper {
  margin-bottom: 10px;
  font-size: 20px;
}
.pbCheckoutWrapper.thanksPopup {
  z-index: 6;
}
.pbCheckoutWrapper.thanksPopup .pbCheckout {
  max-width: 600px;
}
@media only screen and (max-width: 1000px) {
  .pbCheckoutWrapper.thanksPopup .pbCheckout {
    max-width: 1000px;
  }
}
.pbCheckoutWrapper.thanksPopup .thanksText {
  text-align: center;
  margin-bottom: 1em;
}
.pbCheckoutWrapper.thanksPopup .thanksText:last-child {
  margin-bottom: 0;
}
.pbCheckoutWrapper.thanksPopup .invoiceThanks {
  margin-top: 12px;
}
@font-face {
  font-family: socialmedia-icons2;
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(/pb4/_output/front/_css/fontawesome/fa-brands-400.woff2)
      format("woff2"),
    url(/pb4/_output/front/_css/fontawesome/fa-brands-400.ttf)
      format("truetype");
}
@font-face {
  font-family: socialmedia-icons3;
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(/pb4/_output/front/_css/fontawesome/fa-regular-400.woff2)
      format("woff2"),
    url(/pb4/_output/front/_css/fontawesome/fa-regular-400.ttf)
      format("truetype");
}
@font-face {
  font-family: socialmedia-icons4;
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/pb4/_output/front/_css/fontawesome/fa-solid-900.woff2)
      format("woff2"),
    url(/pb4/_output/front/_css/fontawesome/fa-solid-900.ttf) format("truetype");
}
[class*=" smi-"]:before,
[class^="smi-"]:before {
  font-family: socialmedia-icons2, socialmedia-icons3, socialmedia-icons4 !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.smi-regular-mastodon:before {
  content: "\f4f6";
}
.smi-regular-ello:before {
  content: "\f5f1";
}
.smi-regular-itch-io:before {
  content: "\f83a";
}
.smi-regular-snapchat:before {
  content: "\f2ad";
}
.smi-regular-yelp:before {
  content: "\f1e9";
}
.smi-regular-google:before {
  content: "\f1a0";
}
.smi-regular-medium:before {
  content: "\f23a";
}
.smi-regular-itch:before {
  content: "\f83a";
}
.smi-regular-strava:before {
  content: "\f428";
}
.smi-regular-deviantart:before {
  content: "\f1bd";
}
.smi-regular-twitch:before {
  content: "\f1e8";
}
.smi-regular-artstation:before {
  content: "\f77a";
}
.smi-regular-imdb:before {
  content: "\f2d8";
}
.smi-regular-discord:before {
  content: "\f392";
}
.smi-regular-beer:before {
  content: "\f0fc";
}
.smi-regular-line:before {
  content: "\f3c0";
}
.smi-regular-spotify:before {
  content: "\f1bc";
}
.smi-regular-tiktok:before {
  content: "\e07b";
}
.smi-regular-twitter:before {
  content: "\f099";
}
.smi-regular-twitter-x:before {
  content: "\e61b";
}
.smi-regular-instagram:before {
  content: "\e055";
}
.smi-regular-facebook:before {
  content: "\f09a";
}
.smi-regular-linkedin:before {
  content: "\f08c";
}
.smi-regular-pinterest:before {
  content: "\f0d2";
}
.smi-regular-youtube:before {
  content: "\f431";
}
.smi-regular-blog:before {
  content: "\f781";
}
.smi-regular-blogger:before {
  content: "\f37c";
}
.smi-regular-whatsapp:before {
  content: "\f232";
}
.smi-regular-soundcloud:before {
  content: "\f1be";
}
.smi-regular-vk:before {
  content: "\f189";
}
.smi-regular-vimeo:before {
  content: "\f40a";
}
.smi-regular-behance:before {
  content: "\f1b4";
}
.smi-regular-github:before {
  content: "\f09b";
}
.smi-regular-tumblr:before {
  content: "\f174";
}
.smi-regular-reddit:before {
  content: "\f281";
}
.smi-regular-rss:before {
  content: "\f09e";
}
.smi-regular-share:before {
  content: "\f064";
}
.smi-regular-steam:before {
  content: "\f1b7";
}
.smi-regular-odnoklassniki:before {
  content: "\f263";
}
.smi-regular-telegram:before {
  content: "\f3fe";
}
.smi-regular-flickr:before {
  content: "\f16e";
}
.smi-regular-500px:before {
  content: "\f26e";
}
.smi-regular-email:before {
  content: "\f0e0";
}
.smi-regular-phone:before {
  content: "\f098";
}
.smi-regular-map:before {
  content: "\f279";
}
.smi-regular-dribble:before {
  content: "\f17d";
}
.smi-regular-other:before {
  content: "\f111";
}
.smi-square-tiktok:before {
  content: "\e07b";
}
.smi-square-twitter:before {
  content: "\f099";
}
.smi-square-instagram:before {
  content: "\e055";
}
.smi-square-facebook:before {
  content: "\f09a";
}
.smi-square-linkedin:before {
  content: "\f08c";
}
.smi-square-pinterest:before {
  content: "\f0d2";
}
.smi-square-youtube:before {
  content: "\f431";
}
.smi-square-blog:before {
  content: "\f781";
}
.smi-square-blogger:before {
  content: "\f37c";
}
.smi-square-whatsapp:before {
  content: "\f232";
}
.smi-square-soundcloud:before {
  content: "\f1be";
}
.smi-square-vk:before {
  content: "\f189";
}
.smi-square-vimeo:before {
  content: "\f40a";
}
.smi-square-behance:before {
  content: "\f1b4";
}
.smi-square-github:before {
  content: "\f09b";
}
.smi-square-tumblr:before {
  content: "\f174";
}
.smi-square-reddit:before {
  content: "\f281";
}
.smi-square-rss:before {
  content: "\f09e";
}
.smi-square-share:before {
  content: "\f064";
}
.smi-square-steam:before {
  content: "\f1b7";
}
.smi-square-odnoklassniki:before {
  content: "\f263";
}
.smi-square-telegram:before {
  content: "\f3fe";
}
.smi-square-flickr:before {
  content: "\f16e";
}
.smi-square-500px:before {
  content: "\f26e";
}
.smi-square-email:before {
  content: "\f0e0";
}
.smi-square-phone:before {
  content: "\f095";
}
.smi-square-map:before {
  content: "\f279";
}
.smi-square-dribble:before {
  content: "\f17d";
}
.smi-square-other:before {
  content: "\f111";
}
@font-face {
  font-family: front-icons;
  src: url(/pb4/_output/front/_css/front-icons/fonts7/front-icons.eot);
  src: url(/pb4/_output/front/_css/front-icons/fonts7/front-icons.eot?#iefix)
      format("embedded-opentype"),
    url(/pb4/_output/front/_css/front-icons/fonts7/front-icons.woff)
      format("woff"),
    url(/pb4/_output/front/_css/front-icons/fonts7/front-icons.ttf)
      format("truetype"),
    url(/pb4/_output/front/_css/front-icons/fonts7/front-icons.svg#front-icons)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
  font-family: front-icons !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*=" ficon-"]:before,
[class^="ficon-"]:before {
  font-family: front-icons !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ficon-bubble-comment-streamline-talk:before {
  content: "\63";
}
.ficon-ios-plus-outline:before {
  content: "\65";
}
.ficon-ios-minus-outline:before {
  content: "\61";
}
.ficon-angle-down:before {
  content: "\62";
}
.ficon-angle-up:before {
  content: "\64";
}
.ficon-bag:before {
  content: "\66";
}
.ficon-angle-right:before {
  content: "\67";
}
.ficon-angle-left:before {
  content: "\68";
}
.ficon-like-love-streamline:before {
  content: "\69";
}
.ficon-closed-caption:before {
  content: "\6a";
}
.ficon-grid:before {
  content: "\6b";
}
.ficon-ios-close-outline:before {
  content: "\6d";
}
.ficon-ios-close-empty:before {
  content: "\6e";
}
.ficon-checkmark-circled:before {
  content: "\6c";
}
.ficon-playback-play:before {
  content: "\6f";
}
.ficon-check:before {
  content: "\70";
}
.ficon-justify:before {
  content: "\71";
}
.ficon-align-left:before {
  content: "\72";
}
.ficon-delete-1:before {
  content: "\73";
}
.ficon-delete-2:before {
  content: "\74";
}
.ficon-visa-card:before {
  content: "\75";
}
.ficon-master-card:before {
  content: "\76";
}
.ficon-credit-card:before {
  content: "\77";
}
.ficon-text-wrapping-2:before {
  content: "\78";
}
.ficon-doc-text-inv:before {
  content: "\79";
}
.ficon-paypal:before {
  content: "\7a";
}
.ficon-file:before {
  content: "\42";
}
.ficon-log-out:before {
  content: "\41";
}
.ficon-arrow-67:before {
  content: "\43";
}
.ficon-arrow-68:before {
  content: "\44";
}
.ficon-list-1:before {
  content: "\45";
}
.ficon-thumbnails-1:before {
  content: "\46";
}
.ficon-add-1:before {
  content: "\47";
}
.ficon-minus-1:before {
  content: "\48";
}
.ficon-map-marker:before {
  content: "\49";
}
.ficon-printer:before {
  content: "\4a";
}
.ficon-printer-1:before {
  content: "\4b";
}
.inheritButtonStyle {
  color: inherit;
  font-family: inherit;
}
.stripeClientPaymentWindow {
  color: inherit;
  font-family: inherit;
}
.stripeClientPaymentWindow h3.aHead {
  text-align: center;
  margin-bottom: 30px;
}
.stripeClientPaymentWindow button {
  font-size: 14px;
}
.stripeClientPaymentWindow .whatToPay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px !important;
}
.stripeClientPaymentWindow .field {
  margin-bottom: 15px;
  display: block;
  font-size: 12px;
}
.stripeClientPaymentWindow .field .infoHead {
  margin-bottom: 6px;
  display: block;
}
.stripeClientPaymentWindow .field .stripe-input {
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  font-size: 12px;
  min-height: 34px;
  font-family: "Helvetica Neue", sans-serif;
  box-sizing: border-box;
}
.stripeClientPaymentWindow .row.twoInputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stripeClientPaymentWindow .row.twoInputs .field {
  width: 48%;
}
.stripeClientPaymentWindow .row.icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.stripeClientPaymentWindow .row.icons .icon {
  color: #d3d3d3;
  font-size: 30px;
  margin-right: 25px;
}
@media (max-width: 1000px) {
  .stripeClientPaymentWindow .row.icons {
    display: none;
  }
}
.stripeClientPaymentWindow .row.stripeExp {
  margin-top: 6px;
  text-align: center;
  font-size: 10px;
  opacity: 0.7;
}
@media (max-width: 1000px) {
  .stripeClientPaymentWindow .row.stripeExp {
    display: none;
  }
}
.stripeClientPaymentWindow .buttonRowWrap {
  text-align: center;
}
.stripeClientPaymentWindow .buttonWrap {
  display: inline-flex;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.stripeClientPaymentWindow .StripeElement--empty {
  opacity: 0.7;
}
.stripeClientPaymentWindow .StripeElement--focus {
  opacity: 1;
  outline: 0;
}
.paypalClientPaymentWindow .row.icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.paypalClientPaymentWindow .row.icons .icon {
  color: #d3d3d3;
  font-size: 30px;
  margin-right: 25px;
}
.paypalClientPaymentWindow .row.stripeExp {
  margin-top: 6px;
  text-align: center;
  font-size: 10px;
  opacity: 0.7;
}
.mobilePaymentOptions {
  margin-top: 35px;
  padding-top: 25px;
  border-top: 1px solid #d3d3d3;
  display: none;
}
.mobilePaymentOptions .headerMobile {
  margin-bottom: 20px;
  text-align: center;
  font-size: 11px;
  opacity: 0.7;
}