@font-face {
  font-family: 'FontAwesome5';
  src: url('../_public/fontawesome5.13/webfonts/fa-solid-900.ttf') format('truetype');
  font-style: normal;
}
/* placeholder texts for editable fields */
html.cmsEditing *[data-name]:empty:not(:focus):before {
  content: 'Insert ';
  opacity: 0.5;
}
html.cmsEditing *[data-name]:empty:not(:focus):after {
  content: attr(data-name);
  text-transform: capitalize;
  opacity: 0.5;
}
html.cmsEditing *[data-name]:empty:focus:after {
  content: 'x';
  opacity: 0;
}
html:not(.cmsEditing) *[data-name]:empty {
  display: none;
}
html.cmsEditing h1.cmsPoorEditable:not(:focus):empty:before {
  content: 'Insert a ';
  opacity: 0.5;
}
html.cmsEditing h1.cmsPoorEditable:not(:focus):empty:after {
  content: 'title';
  opacity: 0.5;
}
html.cmsEditing figcaption.cmsPoorEditable:not(:focus):empty:before {
  content: 'Insert a ';
  opacity: 0.5;
}
html.cmsEditing figcaption.cmsPoorEditable:not(:focus):empty:after {
  content: 'caption';
  opacity: 0.5;
}
html.cmsEditing .cmsRichEditable:not(:focus) > p:only-child:empty:before {
  content: 'At regina gravi iamdudum saucia cura vulnus alit venis et caeco carpitur igni. multa viri virtus animo multusque recursat gentis honos; haerent infixi pectore vultus verbaque nec placidam membris dat cura quietem.';
  opacity: 0.5;
}
html.cmsEditing .cmsRichEditable:focus > p:only-child:empty:after {
  content: 'x';
  opacity: 0;
}
.htmlc {
  box-sizing: border-box;
  display: block;
  position: relative;
}
.htmlc:not(.section):not(.block) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  /* make sure floating components are contained inside */
}
.htmlc:not(.section):not(.block) > .box {
  box-sizing: content-box;
  position: relative;
  overflow: hidden;
}
.htmlc:not(.section):not(.block) > .box:after {
  content: '';
  display: block;
  clear: both;
}
ximg[src*='$w,XS$'] {
  width: 20%;
}
ximg[src*='$w,S$'] {
  width: 40%;
}
ximg[src*='$w,M$'] {
  width: 50%;
}
ximg[src*='$w,L$'] {
  width: 75%;
}
ximg[src*='$w,XL$'] {
  width: 100%;
}
ximg[src*='$r,XS$'] {
  width: 20%;
  height: 20%;
}
ximg[src*='$r,S$'] {
  width: 40%;
  height: 40%;
}
ximg[src*='$r,M$'] {
  width: 50%;
  height: 50%;
}
ximg[src*='$r,L$'] {
  width: 75%;
  height: 75%;
}
ximg[src*='$r,XL$'] {
  width: 100%;
  height: 100%;
}
/* caption */
figure.htmlc > .box > figcaption {
  box-sizing: border-box;
  position: absolute;
  z-index: 500;
  bottom: -1px;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  padding: 0.5em;
  line-height: 1.25em;
  text-align: center;
  font-style: italic;
  cursor: default;
  transition: all 0.8s/2;
}
figure.htmlc.caption-off > .box > figcaption {
  display: none;
}
figure.htmlc.caption-hover > .box > figcaption {
  margin-bottom: -20px;
  opacity: 0;
}
html.isTouch figure.htmlc.caption-hover > .box > figcaption,
figure.htmlc.caption-on > .box > figcaption,
figure.htmlc.caption-hover > .box:hover > figcaption {
  margin-bottom: 0;
  opacity: 1;
}
/* mask */
.htmlc.mask-oval > .box {
  border-radius: 100%;
}
.htmlc.mask-oval > .box > video {
  border-radius: 100%;
}
/* font-size */
/*
.loopFontSize(@i) when (@i >= 8)
{
  .loopFontSize((@i - 1));
	.fontsize-@{i}  { font-size:(0pt + @i)!important; line-height:round(0pt + 1.4*@i)!important; }
}
.loopFontSize(48);
*/
/*
.loopOffsetX(@i) when (@i >= 0)
{
  .loopOffsetX((@i - 1));
	html:not(.narrow)  .htmlc.align-left:not(.align-center-override).offsetx-@{i}  { margin-left: (0px - @i); }
	html.narrow 			 .htmlc.align-left:not(.align-center-override).offsetx-@{i}  { margin-left: (0px - min(60, @i)); }
	html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-@{i} { margin-right:(0px - @i); }
	html.rnarrow 			 .htmlc.align-right:not(.align-center-override).offsetx-@{i} { margin-right:(0px - min(60, @i)); }
}
.loopOffsetX(200);
html.narrow .htmlc.align-right { margin-right:0; }

.loopSize(@i) when (@i >= 20)
{
  .loopSize((@i - 1));
	.htmlc.size-@{i} { width:(0% + @i); min-width:160px; }
	.htmlc.align-center.size-@{i} > .box  { width:(0% + @i); min-width:160px; }
}
.loopSize(100);

.loopRot(@i) when (@i >= -30)
{
  .loopRot((@i - 1));
  .rot-@{i}   { .rotate(0deg + (@i/2)); }
}
.loopRot(30);

.loopRotY(@i) when (@i >= -30)
{
  .loopRotY((@i - 1));
  .htmlc.roty-@{i} > .box   { .rotateY(0deg + (@i)); }
}
.loopRotY(30);

.htmlc[class*='roty-']
{
	perspective:500px;
	& > .box { transform-style:preserve-3d; }
}
*/
.htmlc.blockquote.size-XS,
.htmlc.figure.size-XS,
.htmlc.slideshow.size-XS,
.htmlc.video.size-XS {
  width: 20%;
}
.htmlc.blockquote.size-S,
.htmlc.figure.size-S,
.htmlc.slideshow.size-S,
.htmlc.video.size-S {
  width: 40%;
}
.htmlc.blockquote.size-M,
.htmlc.figure.size-M,
.htmlc.slideshow.size-M,
.htmlc.video.size-M {
  width: 50%;
}
.htmlc.blockquote.size-L,
.htmlc.figure.size-L,
.htmlc.slideshow.size-L,
.htmlc.video.size-L {
  width: 75%;
}
.htmlc.blockquote.size-XL,
.htmlc.figure.size-XL,
.htmlc.slideshow.size-XL,
.htmlc.video.size-XL {
  width: 100%;
}
.htmlc.blockquote.shape-square.size-XS,
.htmlc.figure.shape-square.size-XS,
.htmlc.slideshow.shape-square.size-XS,
.htmlc.video.shape-square.size-XS {
  height: 20%;
}
.htmlc.blockquote.shape-square.size-S,
.htmlc.figure.shape-square.size-S,
.htmlc.slideshow.shape-square.size-S,
.htmlc.video.shape-square.size-S {
  height: 40%;
}
.htmlc.blockquote.shape-square.size-M,
.htmlc.figure.shape-square.size-M,
.htmlc.slideshow.shape-square.size-M,
.htmlc.video.shape-square.size-M {
  height: 50%;
}
.htmlc.blockquote.shape-square.size-L,
.htmlc.figure.shape-square.size-L,
.htmlc.slideshow.shape-square.size-L,
.htmlc.video.shape-square.size-L {
  height: 75%;
}
.htmlc.blockquote.shape-square.size-XL,
.htmlc.figure.shape-square.size-XL,
.htmlc.slideshow.shape-square.size-XL,
.htmlc.video.shape-square.size-XL {
  height: 100%;
}
/* chevrons for slideshows and placeholders also */
figure.cmsSlideshow > box > front:before,
figure.cmsSlideshow > box > back:before,
.canEdit figure.cmsSlideshow:before,
.canEdit tile.ttype-flipper:before,
figure.cmsSlideshow > box > front:after,
figure.cmsSlideshow > box > back:after,
.canEdit figure.cmsSlideshow:after,
.canEdit tile.ttype-flipper:after {
  position: absolute;
  z-index: 1;
  bottom: var(--wborder);
  font-size: calc(3*var(--wborder));
  color: white;
  text-shadow: 0 0 1x black;
  opacity: 0.5;
}
figure.cmsSlideshow > box > front:before,
figure.cmsSlideshow > box > back:before,
.canEdit figure.cmsSlideshow:before,
.canEdit tile.ttype-flipper:before {
  content: '\2039';
  left: calc(var(--wborder)/2);
}
figure.cmsSlideshow > box > front:after,
figure.cmsSlideshow > box > back:after,
.canEdit figure.cmsSlideshow:after,
.canEdit tile.ttype-flipper:after {
  content: '\203A';
  right: calc(var(--wborder)/2);
}
figure.cmsSlideshow > box > front caption,
figure.cmsSlideshow > box > back caption {
  position: absolute;
  bottom: var(--wborder);
  left: 50%;
  width: 80%;
  transform: translateX(-50%);
  font-size: 80%;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #EEE;
  text-shadow: 0 0 1px black;
  opacity: 0.5;
}
figure.cmsSlideshow:hover small,
figure.cmsSlideshow:hover caption {
  opacity: 1;
}
/* placeholder for slideshows: show fx instead of left chevron */
.canEdit figure.cmsSlideshow:before,
.canEdit tile.ttype-flipper:before,
.canEdit figure.cmsSlideshow:after,
.canEdit tile.ttype-flipper:after {
  bottom: calc(0.25*var(--wborder));
  font-size: calc(0.75*var(--wborder));
}
.canEdit figure.cmsSlideshow:before,
.canEdit tile.ttype-flipper:before {
  left: calc(0.25*var(--wborder));
  content: '\f302';
  font-family: FontAwesome5;
}
.canEdit figure.cmsSlideshow:after,
.canEdit tile.ttype-flipper:after {
  right: calc(0.25*var(--wborder));
}
html:not(.canEdit) figure.cmsSlideshowNoControls > box > *:before,
html:not(.canEdit) figure.cmsSlideshowNoControls > box > *:after {
  display: none;
}
.canEdit body.fx-nix mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow:after,
.canEdit body.fx-nix mosaic.fx-inherit tile.fx-inherit tile.ttype-flipper:after,
.canEdit mosaic.fx-nix tile.fx-inherit figure.cmsSlideshow:after,
.canEdit mosaic.fx-nix tile.fx-inherit tile.ttype-flipper:after,
.canEdit tile.fx-nix figure.cmsSlideshow:after,
.canEdit tile.fx-nix tile.ttype-flipper:after,
.canEdit body.fx-nix mosaic.fx-inherit figure.cmsSlideshow.fx-inherit:after,
.canEdit body.fx-nix mosaic.fx-inherit tile.ttype-flipper.fx-inherit:after,
.canEdit mosaic.fx-nix figure.cmsSlideshow.fx-inherit:after,
.canEdit mosaic.fx-nix tile.ttype-flipper.fx-inherit:after,
.canEdit figure.cmsSlideshow.fx-nix:after,
.canEdit tile.ttype-flipper.fx-nix:after {
  content: 'no effect';
}
.canEdit body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow:after,
.canEdit body.fx-slide mosaic.fx-inherit tile.fx-inherit tile.ttype-flipper:after,
.canEdit mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow:after,
.canEdit mosaic.fx-slide tile.fx-inherit tile.ttype-flipper:after,
.canEdit tile.fx-slide figure.cmsSlideshow:after,
.canEdit tile.fx-slide tile.ttype-flipper:after,
.canEdit body.fx-slide mosaic.fx-inherit figure.cmsSlideshow.fx-inherit:after,
.canEdit body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit:after,
.canEdit mosaic.fx-slide figure.cmsSlideshow.fx-inherit:after,
.canEdit mosaic.fx-slide tile.ttype-flipper.fx-inherit:after,
.canEdit figure.cmsSlideshow.fx-slide:after,
.canEdit tile.ttype-flipper.fx-slide:after {
  content: 'slide';
}
.canEdit body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow:after,
.canEdit body.fx-flip mosaic.fx-inherit tile.fx-inherit tile.ttype-flipper:after,
.canEdit mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow:after,
.canEdit mosaic.fx-flip tile.fx-inherit tile.ttype-flipper:after,
.canEdit tile.fx-flip figure.cmsSlideshow:after,
.canEdit tile.fx-flip tile.ttype-flipper:after,
.canEdit body.fx-flip mosaic.fx-inherit figure.cmsSlideshow.fx-inherit:after,
.canEdit body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit:after,
.canEdit mosaic.fx-flip figure.cmsSlideshow.fx-inherit:after,
.canEdit mosaic.fx-flip tile.ttype-flipper.fx-inherit:after,
.canEdit figure.cmsSlideshow.fx-flip:after,
.canEdit tile.ttype-flipper.fx-flip:after {
  content: 'card flip';
}
.canEdit body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow:after,
.canEdit body.fx-cube mosaic.fx-inherit tile.fx-inherit tile.ttype-flipper:after,
.canEdit mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow:after,
.canEdit mosaic.fx-cube tile.fx-inherit tile.ttype-flipper:after,
.canEdit tile.fx-cube figure.cmsSlideshow:after,
.canEdit tile.fx-cube tile.ttype-flipper:after,
.canEdit body.fx-cube mosaic.fx-inherit figure.cmsSlideshow.fx-inherit:after,
.canEdit body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit:after,
.canEdit mosaic.fx-cube figure.cmsSlideshow.fx-inherit:after,
.canEdit mosaic.fx-cube tile.ttype-flipper.fx-inherit:after,
.canEdit figure.cmsSlideshow.fx-cube:after,
.canEdit tile.ttype-flipper.fx-cube:after {
  content: 'cube flip';
}
.canEdit body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow:after,
.canEdit body.fx-xfade mosaic.fx-inherit tile.fx-inherit tile.ttype-flipper:after,
.canEdit mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow:after,
.canEdit mosaic.fx-xfade tile.fx-inherit tile.ttype-flipper:after,
.canEdit tile.fx-xfade figure.cmsSlideshow:after,
.canEdit tile.fx-xfade tile.ttype-flipper:after,
.canEdit body.fx-xfade mosaic.fx-inherit figure.cmsSlideshow.fx-inherit:after,
.canEdit body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit:after,
.canEdit mosaic.fx-xfade figure.cmsSlideshow.fx-inherit:after,
.canEdit mosaic.fx-xfade tile.ttype-flipper.fx-inherit:after,
.canEdit figure.cmsSlideshow.fx-xfade:after,
.canEdit tile.ttype-flipper.fx-xfade:after {
  content: 'cross fade';
}
.canEdit body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow:after,
.canEdit body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit tile.ttype-flipper:after,
.canEdit mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:after,
.canEdit mosaic.fx-fadexwhite tile.fx-inherit tile.ttype-flipper:after,
.canEdit tile.fx-fadexwhite figure.cmsSlideshow:after,
.canEdit tile.fx-fadexwhite tile.ttype-flipper:after,
.canEdit body.fx-fadexwhite mosaic.fx-inherit figure.cmsSlideshow.fx-inherit:after,
.canEdit body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit:after,
.canEdit mosaic.fx-fadexwhite figure.cmsSlideshow.fx-inherit:after,
.canEdit mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit:after,
.canEdit figure.cmsSlideshow.fx-fadexwhite:after,
.canEdit tile.ttype-flipper.fx-fadexwhite:after {
  content: 'fade through white';
}
figure.cmsSlideshow:hover > box > front:before,
figure.cmsSlideshow:hover > box > back:before,
figure.cmsSlideshow:hover > box > front:after,
figure.cmsSlideshow:hover > box > back:after {
  opacity: 1!important;
}
/* generic stuff */
figure.cmsSlideshow > box > front,
tile.ttype-flipper > box > front,
figure.cmsSlideshow > box > back,
tile.ttype-flipper > box > back {
  margin-top: calc(var(--negwborder));
  margin-left: calc(var(--negwborder));
  border: var(--wborder) solid white;
}
figure.cmsSlideshow > box > xfront,
tile.ttype-flipper > box > xfront {
  border: var(--wborder) solid red;
}
figure.cmsSlideshow > box > xback,
tile.ttype-flipper > box > xback {
  border: var(--wborder) solid green;
}
/* stuff for fx-nix reveal */
figure.cmsSlideshow > box > front,
tile.ttype-flipper > box > front,
figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
tile.ttype-flipper.cmsFlippedBackAgain > box > front {
  visibility: visible;
}
figure.cmsSlideshow > box > back,
tile.ttype-flipper > box > back,
figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
tile.ttype-flipper.cmsFlippedBackAgain > box > back {
  visibility: hidden;
}
figure.cmsSlideshow.cmsFlipped > box front,
tile.ttype-flipper.cmsFlipped > box front,
figure.cmsSlideshow.cmsFlippedBack > box front,
tile.ttype-flipper.cmsFlippedBack > box front {
  visibility: hidden;
}
figure.cmsSlideshow.cmsFlipped > box back,
tile.ttype-flipper.cmsFlipped > box back,
figure.cmsSlideshow.cmsFlippedBack > box back,
tile.ttype-flipper.cmsFlippedBack > box back {
  visibility: visible;
}
/* stuff for card flipping */
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit,
mosaic.fx-flip tile.ttype-flipper.fx-inherit,
tile.ttype-flipper.fx-flip,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow,
tile.fx-flip figure.cmsSlideshow {
  perspective: 1000px;
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-flip tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-flip > box,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-flip figure.cmsSlideshow > box {
  animation-duration: 0.8s;
  animation-timing-function: linear;
  transform-style: preserve-3d;
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > front,
mosaic.fx-flip tile.ttype-flipper.fx-inherit > box > front,
tile.ttype-flipper.fx-flip > box > front,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > front,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow > box > front,
tile.fx-flip figure.cmsSlideshow > box > front,
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > back,
mosaic.fx-flip tile.ttype-flipper.fx-inherit > box > back,
tile.ttype-flipper.fx-flip > box > back,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > back,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow > box > back,
tile.fx-flip figure.cmsSlideshow > box > back {
  visibility: visible!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > back,
mosaic.fx-flip tile.ttype-flipper.fx-inherit > box > back,
tile.ttype-flipper.fx-flip > box > back,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > back,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow > box > back,
tile.fx-flip figure.cmsSlideshow > box > back {
  transform: rotateY(180deg);
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlipped > box,
tile.ttype-flipper.fx-flip.cmsFlipped > box,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
tile.fx-flip figure.cmsSlideshow.cmsFlipped > box,
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlippedBack > box,
tile.ttype-flipper.fx-flip.cmsFlippedBack > box,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
tile.fx-flip figure.cmsSlideshow.cmsFlippedBack > box {
  transform: rotateY(180deg);
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box front,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlipped > box front,
tile.ttype-flipper.fx-flip.cmsFlipped > box front,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box front,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box front,
tile.fx-flip figure.cmsSlideshow.cmsFlipped > box front,
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box front,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlippedBack > box front,
tile.ttype-flipper.fx-flip.cmsFlippedBack > box front,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box front,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box front,
tile.fx-flip figure.cmsSlideshow.cmsFlippedBack > box front {
  z-index: 0;
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box back,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlipped > box back,
tile.ttype-flipper.fx-flip.cmsFlipped > box back,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box back,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box back,
tile.fx-flip figure.cmsSlideshow.cmsFlipped > box back,
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box back,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlippedBack > box back,
tile.ttype-flipper.fx-flip.cmsFlippedBack > box back,
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box back,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box back,
tile.fx-flip figure.cmsSlideshow.cmsFlippedBack > box back {
  z-index: 1000;
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-flip tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-flip > box {
  animation-name: flipBackAgain;
}
body.fx-flip mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box,
mosaic.fx-flip tile.ttype-flipper.fx-inherit.cmsFlipped > box,
tile.ttype-flipper.fx-flip.cmsFlipped > box {
  animation-name: flipOver;
}
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-flip figure.cmsSlideshow > box {
  animation-name: flipOverAgain;
}
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
tile.fx-flip figure.cmsSlideshow.cmsFlipped > box {
  animation-name: flipOver;
}
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
tile.fx-flip figure.cmsSlideshow.cmsFlippedBack > box {
  animation-name: flipBack;
}
body.fx-flip mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box,
mosaic.fx-flip tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box,
tile.fx-flip figure.cmsSlideshow.cmsFlippedBackAgain > box {
  animation-name: flipBackAgain;
}
@keyframes flipOver {
  0% {
    transform: translateZ(0px) rotateY(0deg);
  }
  50% {
    transform: translateZ(-500px) rotateY(90deg);
  }
  100% {
    transform: translateZ(0px) rotateY(180deg);
  }
}
@keyframes flipOverAgain {
  0% {
    transform: translateZ(0px) rotateY(180deg);
  }
  50% {
    transform: translateZ(-500px) rotateY(270deg);
  }
  100% {
    transform: translateZ(0px) rotateY(360deg);
  }
}
@keyframes flipBack {
  0% {
    transform: translateZ(0px) rotateY(360deg);
  }
  50% {
    transform: translateZ(-500px) rotateY(270deg);
  }
  100% {
    transform: translateZ(0px) rotateY(180deg);
  }
}
@keyframes flipBackAgain {
  0% {
    transform: translateZ(0px) rotateY(180deg);
  }
  50% {
    transform: translateZ(-500px) rotateY(90deg);
  }
  100% {
    transform: translateZ(0px) rotateY(0deg);
  }
}
/* stuff for slide */
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-slide tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-slide > box,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-slide figure.cmsSlideshow > box {
  overflow: hidden;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > *,
mosaic.fx-slide tile.ttype-flipper.fx-inherit > box > *,
tile.ttype-flipper.fx-slide > box > *,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > *,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow > box > *,
tile.fx-slide figure.cmsSlideshow > box > * {
  visibility: visible!important;
  animation-duration: 0.8s;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box front,
mosaic.fx-slide tile.ttype-flipper.fx-inherit > box front,
tile.ttype-flipper.fx-slide > box front,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box front,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow > box front,
tile.fx-slide figure.cmsSlideshow > box front {
  left: 0;
  animation-name: slideInRight;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box back,
mosaic.fx-slide tile.ttype-flipper.fx-inherit > box back,
tile.ttype-flipper.fx-slide > box back,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box back,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow > box back,
tile.fx-slide figure.cmsSlideshow > box back {
  left: calc(100% +  var(--wborder) );
  animation-name: slideOutRight;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box front,
mosaic.fx-slide tile.ttype-flipper.fx-inherit.cmsFlipped > box front,
tile.ttype-flipper.fx-slide.cmsFlipped > box front,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box front,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box front,
tile.fx-slide figure.cmsSlideshow.cmsFlipped > box front {
  left: calc(100% +  var(--wborder) );
  animation-name: slideOutRight;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box back,
mosaic.fx-slide tile.ttype-flipper.fx-inherit.cmsFlipped > box back,
tile.ttype-flipper.fx-slide.cmsFlipped > box back,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box back,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box back,
tile.fx-slide figure.cmsSlideshow.cmsFlipped > box back {
  left: 0%;
  animation-name: slideInRight;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box front,
mosaic.fx-slide tile.ttype-flipper.fx-inherit.cmsFlippedBack > box front,
tile.ttype-flipper.fx-slide.cmsFlippedBack > box front,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box front,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box front,
tile.fx-slide figure.cmsSlideshow.cmsFlippedBack > box front {
  left: calc(-100% -  var(--wborder) );
  animation-name: slideOutLeft;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box back,
mosaic.fx-slide tile.ttype-flipper.fx-inherit.cmsFlippedBack > box back,
tile.ttype-flipper.fx-slide.cmsFlippedBack > box back,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box back,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box back,
tile.fx-slide figure.cmsSlideshow.cmsFlippedBack > box back {
  left: 0%;
  animation-name: slideInLeft;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box front,
mosaic.fx-slide tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box front,
tile.ttype-flipper.fx-slide.cmsFlippedBackAgain > box front,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box front,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box front,
tile.fx-slide figure.cmsSlideshow.cmsFlippedBackAgain > box front {
  left: 0;
  animation-name: slideInLeft;
}
body.fx-slide mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box back,
mosaic.fx-slide tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box back,
tile.ttype-flipper.fx-slide.cmsFlippedBackAgain > box back,
body.fx-slide mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box back,
mosaic.fx-slide tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box back,
tile.fx-slide figure.cmsSlideshow.cmsFlippedBackAgain > box back {
  left: calc(-100% -  var(--wborder) );
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% +  var(--wborder) );
  }
}
@keyframes slideInRight {
  0% {
    left: calc(-100% -  var(--wborder) );
  }
  100% {
    left: 0%;
  }
}
@keyframes slideOutLeft {
  0% {
    left: 0;
  }
  100% {
    left: calc(-100% -  var(--wborder) );
  }
}
@keyframes slideInLeft {
  0% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
/* stuff for cross-fade */
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-xfade > box,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-xfade figure.cmsSlideshow > box,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-fadexwhite > box,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-fadexwhite figure.cmsSlideshow > box {
  background: white;
}
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > *,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit > box > *,
tile.ttype-flipper.fx-xfade > box > *,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > *,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow > box > *,
tile.fx-xfade figure.cmsSlideshow > box > *,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > *,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit > box > *,
tile.ttype-flipper.fx-fadexwhite > box > *,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > *,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow > box > *,
tile.fx-fadexwhite figure.cmsSlideshow > box > * {
  visibility: visible!important;
  background: none;
  transition: opacity 0.8s;
}
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > * img,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit > box > * img,
tile.ttype-flipper.fx-xfade > box > * img,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > * img,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow > box > * img,
tile.fx-xfade figure.cmsSlideshow > box > * img,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > * img,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit > box > * img,
tile.ttype-flipper.fx-fadexwhite > box > * img,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > * img,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow > box > * img,
tile.fx-fadexwhite figure.cmsSlideshow > box > * img {
  background: #DDD;
}
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > front,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit > box > front,
tile.ttype-flipper.fx-xfade > box > front,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > front,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow > box > front,
tile.fx-xfade figure.cmsSlideshow > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > front,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit > box > front,
tile.ttype-flipper.fx-fadexwhite > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > front,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow > box > front,
tile.fx-fadexwhite figure.cmsSlideshow > box > front,
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > front,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > front,
tile.ttype-flipper.fx-xfade.cmsFlippedBackAgain > box > front,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
tile.fx-xfade figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > front,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > front,
tile.ttype-flipper.fx-fadexwhite.cmsFlippedBackAgain > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
tile.fx-fadexwhite figure.cmsSlideshow.cmsFlippedBackAgain > box > front {
  z-index: 2;
  opacity: 1;
}
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > back,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit > box > back,
tile.ttype-flipper.fx-xfade > box > back,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > back,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow > box > back,
tile.fx-xfade figure.cmsSlideshow > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > back,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit > box > back,
tile.ttype-flipper.fx-fadexwhite > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > back,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow > box > back,
tile.fx-fadexwhite figure.cmsSlideshow > box > back,
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > back,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > back,
tile.ttype-flipper.fx-xfade.cmsFlippedBackAgain > box > back,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
tile.fx-xfade figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > back,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > back,
tile.ttype-flipper.fx-fadexwhite.cmsFlippedBackAgain > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
tile.fx-fadexwhite figure.cmsSlideshow.cmsFlippedBackAgain > box > back {
  z-index: 1;
  opacity: 0;
}
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box > front,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit.cmsFlipped > box > front,
tile.ttype-flipper.fx-xfade.cmsFlipped > box > front,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > front,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > front,
tile.fx-xfade figure.cmsSlideshow.cmsFlipped > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box > front,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsFlipped > box > front,
tile.ttype-flipper.fx-fadexwhite.cmsFlipped > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > front,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > front,
tile.fx-fadexwhite figure.cmsSlideshow.cmsFlipped > box > front,
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > front,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > front,
tile.ttype-flipper.fx-xfade.cmsFlippedBack > box > front,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > front,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > front,
tile.fx-xfade figure.cmsSlideshow.cmsFlippedBack > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > front,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > front,
tile.ttype-flipper.fx-fadexwhite.cmsFlippedBack > box > front,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > front,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > front,
tile.fx-fadexwhite figure.cmsSlideshow.cmsFlippedBack > box > front {
  z-index: 1;
  opacity: 0;
}
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box > back,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit.cmsFlipped > box > back,
tile.ttype-flipper.fx-xfade.cmsFlipped > box > back,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > back,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > back,
tile.fx-xfade figure.cmsSlideshow.cmsFlipped > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box > back,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsFlipped > box > back,
tile.ttype-flipper.fx-fadexwhite.cmsFlipped > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > back,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > back,
tile.fx-fadexwhite figure.cmsSlideshow.cmsFlipped > box > back,
body.fx-xfade mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > back,
mosaic.fx-xfade tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > back,
tile.ttype-flipper.fx-xfade.cmsFlippedBack > box > back,
body.fx-xfade mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > back,
mosaic.fx-xfade tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > back,
tile.fx-xfade figure.cmsSlideshow.cmsFlippedBack > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > back,
mosaic.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > back,
tile.ttype-flipper.fx-fadexwhite.cmsFlippedBack > box > back,
body.fx-fadexwhite mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > back,
mosaic.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > back,
tile.fx-fadexwhite figure.cmsSlideshow.cmsFlippedBack > box > back {
  z-index: 2;
  opacity: 1;
}
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow > box > *:nth-child(1),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(1),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper > box > *:nth-child(1),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(1) {
  transition: opacity 0.8s 0.3s;
}
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow > box > *:nth-child(2),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow.cmsFlippedBackAgain > box > *:nth-child(2),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper > box > *:nth-child(2),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper.cmsFlippedBackAgain > box > *:nth-child(2) {
  transition: opacity 0.8s;
}
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow.cmsFlipped > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow.cmsFlipped > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlipped > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlipped > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlipped > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlipped > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow.cmsFlipped > box > *:nth-child(1),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow.cmsFlippedBack > box > *:nth-child(1),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper.cmsFlipped > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper.cmsFlipped > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlipped > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlipped > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlipped > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlipped > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper.cmsFlipped > box > *:nth-child(1),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper.cmsFlippedBack > box > *:nth-child(1),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper.cmsFlippedBack > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBack > box > *:nth-child(1),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBack > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBack > box > *:nth-child(1),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBack > box > *:nth-child(1),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper.cmsFlippedBack > box > *:nth-child(1) {
  transition: opacity 0.8s;
}
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow.cmsFlipped > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow.cmsFlipped > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlipped > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlipped > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlipped > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlipped > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow.cmsFlipped > box > *:nth-child(2),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.cmsSlideshow.cmsFlippedBack > box > *:nth-child(2),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper.cmsFlipped > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper.cmsFlipped > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlipped > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlipped > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlipped > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlipped > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper.cmsFlipped > box > *:nth-child(2),
body.fx-fadexwhite tile.ttype-flipper.fx-inherit.ttype-flipper.cmsFlippedBack > box > *:nth-child(2),
tile.ttype-flipper.fx-fadexwhite.ttype-flipper.cmsFlippedBack > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBack > box > *:nth-child(2),
body.fx-fadexwhite tile.fx-inherit figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBack > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow.fx-inherit.ttype-flipper.cmsFlippedBack > box > *:nth-child(2),
tile.fx-fadexwhite figure.cmsSlideshow:not([class*='fx-']).ttype-flipper.cmsFlippedBack > box > *:nth-child(2),
figure.cmsSlideshow.fx-fadexwhite.ttype-flipper.cmsFlippedBack > box > *:nth-child(2) {
  transition: opacity 0.8s 0.3s;
}
/* stuff for cube flipping */
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit,
mosaic.fx-cube tile.ttype-flipper.fx-inherit,
tile.ttype-flipper.fx-cube,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow,
tile.fx-cube figure.cmsSlideshow {
  perspective: 1000px;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-cube > box,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-cube figure.cmsSlideshow > box {
  border-color: transparent;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  transform-style: preserve-3d;
  transform-origin: 0% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > front,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box > front,
tile.ttype-flipper.fx-cube > box > front,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > front,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box > front,
tile.fx-cube figure.cmsSlideshow > box > front,
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > back,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box > back,
tile.ttype-flipper.fx-cube > box > back,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > back,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box > back,
tile.fx-cube figure.cmsSlideshow > box > back {
  visibility: visible!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-cube > box,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-cube figure.cmsSlideshow > box {
  xtransform: translateX(100%) rotateY(90deg);
  transform: translateX(0%) rotateY(0deg);
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > front,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box > front,
tile.ttype-flipper.fx-cube > box > front,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > front,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box > front,
tile.fx-cube figure.cmsSlideshow > box > front {
  transform: rotateY(0deg);
  transform-origin: 0% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box > back,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box > back,
tile.ttype-flipper.fx-cube > box > back,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box > back,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box > back,
tile.fx-cube figure.cmsSlideshow > box > back {
  transform: translateX(-100%) rotateY(-90deg);
  transform-origin: 100% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlipped > box,
tile.ttype-flipper.fx-cube.cmsFlipped > box,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
tile.fx-cube figure.cmsSlideshow.cmsFlipped > box {
  xtransform: translateX(100%) rotateY(90deg);
  transform: translateX(0%) rotateY(0deg);
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box > front,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlipped > box > front,
tile.ttype-flipper.fx-cube.cmsFlipped > box > front,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > front,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > front,
tile.fx-cube figure.cmsSlideshow.cmsFlipped > box > front {
  transform: translateX(-100%) rotateY(-90deg);
  transform-origin: 100% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box > back,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlipped > box > back,
tile.ttype-flipper.fx-cube.cmsFlipped > box > back,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > back,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box > back,
tile.fx-cube figure.cmsSlideshow.cmsFlipped > box > back {
  transform: rotateY(0deg);
  transform-origin: 0% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlippedBack > box,
tile.ttype-flipper.fx-cube.cmsFlippedBack > box,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBack > box {
  xtransform: translateX(0%) rotateY(0deg);
  transform: translateX(100%) rotateY(90deg);
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > front,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > front,
tile.ttype-flipper.fx-cube.cmsFlippedBack > box > front,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > front,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > front,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBack > box > front {
  transform: translateX(-100%) rotateY(-90deg);
  transform-origin: 100% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > back,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlippedBack > box > back,
tile.ttype-flipper.fx-cube.cmsFlippedBack > box > back,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > back,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box > back,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBack > box > back {
  transform: rotateY(0deg);
  transform-origin: 0% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box,
tile.ttype-flipper.fx-cube.cmsFlippedBackAgain > box,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBackAgain > box {
  xtransform: translateX(0%) rotateY(0deg);
  transform: translateX(100%) rotateY(90deg);
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > front,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > front,
tile.ttype-flipper.fx-cube.cmsFlippedBackAgain > box > front,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > front,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBackAgain > box > front {
  transform: rotateY(0deg);
  transform-origin: 0% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > back,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlippedBackAgain > box > back,
tile.ttype-flipper.fx-cube.cmsFlippedBackAgain > box > back,
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box > back,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBackAgain > box > back {
  transform: translateX(-100%) rotateY(-90deg);
  transform-origin: 100% 0%;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit > box,
tile.ttype-flipper.fx-cube > box {
  animation-name: cubeBackAgain;
}
body.fx-cube mosaic.fx-inherit tile.ttype-flipper.fx-inherit.cmsFlipped > box,
mosaic.fx-cube tile.ttype-flipper.fx-inherit.cmsFlipped > box,
tile.ttype-flipper.fx-cube.cmsFlipped > box {
  animation-name: cubeNixOver;
}
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow > box,
tile.fx-cube figure.cmsSlideshow > box {
  animation-name: cubeOverNix;
}
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlipped > box,
tile.fx-cube figure.cmsSlideshow.cmsFlipped > box {
  animation-name: cubeNixOver;
}
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBack > box,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBack > box {
  animation-name: cubeBack;
}
body.fx-cube mosaic.fx-inherit tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box,
mosaic.fx-cube tile.fx-inherit figure.cmsSlideshow.cmsFlippedBackAgain > box,
tile.fx-cube figure.cmsSlideshow.cmsFlippedBackAgain > box {
  animation-name: cubeBackAgain;
}
@keyframes cubeNixOver {
  0% {
    transform: translateZ(0px) translateX(100%) rotateY(90deg);
  }
  50% {
    transform: translateZ(-750px) translateX(80%) rotateY(70deg);
  }
  100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
  }
}
@keyframes cubeOverNix {
  0% {
    transform: translateZ(0px) translateX(100%) rotateY(90deg);
  }
  50% {
    transform: translateZ(-750px) translateX(80%) rotateY(70deg);
  }
  100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
  }
}
@keyframes cubeBack {
  0% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
  }
  50% {
    transform: translateZ(-750px) translateX(20%) rotateY(20deg);
  }
  100% {
    transform: translateZ(0px) translateX(100%) rotateY(90deg);
  }
}
@keyframes cubeBackAgain {
  0% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
  }
  50% {
    transform: translateZ(-750px) translateX(20%) rotateY(20deg);
  }
  100% {
    transform: translateZ(0px) translateX(100%) rotateY(90deg);
  }
}
.htmlc.align-center {
  clear: both;
  float: none;
  display: block;
  margin: 0.75em 0;
}
.htmlc.align-left {
  float: left;
  margin: 0.25em 0.75em 0.25em 0;
}
.htmlc.align-right {
  float: right;
  margin: 0.25em 0 0.25em 0.75em;
}
.htmlc.fx-zoomin .box,
.htmlc.fx-zoomout .box,
.htmlc.fx-kenburns .box {
  transform: translateZ(0px);
}
.htmlc.fx-zoomin .box img,
.htmlc.fx-zoomout .box img,
.htmlc.fx-kenburns .box img {
  transition-property: transform;
}
html:not(.cmsLoaded) .htmlc.fx-kenburns img {
  transform: scale(1.4);
}
html.cmsLoaded .htmlc.fx-kenburns.figure img {
  transform: scale(1);
}
.htmlc.fx-kenburns img {
  transform-origin: bottom, left;
}
.htmlc.fx-kenburns.figure:nth-child(2n+1) img {
  transform-origin: top, right;
}
.htmlc.fx-kenburns.figure:nth-child(3n+1) img {
  transform-origin: top, left;
}
.htmlc.fx-kenburns.figure:nth-child(4n+1) img {
  transform-origin: bottom, right;
}
html:not(.cmsLoaded) .htmlc.fx-zoomin img {
  transform: scale(1);
}
html.cmsLoaded .htmlc.fx-zoomin.figure img {
  transform: scale(1.4);
}
html:not(.cmsLoaded) .htmlc.fx-zoomout img {
  transform: scale(1.4);
}
html.cmsLoaded .htmlc.fx-zoomout.figure img {
  transform: scale(1);
}
snippet.cmsActive {
  display: block;
  outline: dotted 2px blue;
}
figure.htmlc.figure > .box img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
figure.htmlc.figure.align-right,
figure.htmlc.figure.align-left {
  margin-top: 0.25em;
}
figure.htmlc.figure.align-center {
  margin-left: 50%;
}
figure.htmlc.figure.align-center > .box {
  display: block;
  left: -50%;
}
figure.htmlc.figure.mime-video {
  width: auto;
}
html:not(.cmsEditing) figure {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
small.copyright,
small.caption {
  box-sizing: border-box;
  display: block;
  position: absolute;
  color: white;
  text-shadow: 0 0 1px black;
  font-style: italic;
  transition: opacity 0.5s 0s;
}
small.copyright a,
small.caption a {
  color: white!important;
}
small.copyright {
  top: calc(0.25*var(--wborder));
  left: calc(100% - 0.25*var(--wborder));
  padding: 0 0.75em;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 75%;
  text-align: left;
  transform: rotateZ(90deg);
  transform-origin: 0% 0%;
  opacity: 0.3;
}
tile.tshape-La > figure small.copyright {
  width: calc((100% - 2.5*var(--wborder))/ 1.5 );
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
small.caption {
  bottom: calc(0.5*var(--wborder));
  left: 10%;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 80%;
  text-align: center;
  opacity: 0.5;
}
:hover > small.caption,
:hover > small.copyright {
  opacity: 1;
  transition: opacity 0.5s 0.25s;
}
tile {
  background: white!important;
}
figure img {
  border-radius: calc(4px + 0.008*var(--wpage));
}
mosaic {
  width: calc(var(--wpage));
  margin-top: var(--negwborder);
  border: var(--wborder) solid white;
  /* schuinse plaatjes! */
}
mosaic.types-text {
  height: auto!important;
  border-bottom-width: 0;
}
mosaic.types-text > tile {
  position: relative!important;
  height: auto!important;
  min-height: 5vw;
}
mosaic.config-3hx {
  overflow: hidden;
}
mosaic.config-3hx tile {
  transform: rotate(15deg);
  height: 220%!important;
  margin-top: -10%;
}
.cmsEditing mosaic {
  transition: all 0.25s;
}
tile {
  position: absolute!important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: var(--negwborder) 0 0 var(--negwborder);
  outline: 2px solid transparent;
  border: var(--wborder) solid white;
  background: white;
}
tile.ttype-flipper > box > front > figure {
  overflow: hidden;
}
tile.ttype-flipper > box > front > figure > img {
  transition: all 0.5s;
}
tile html.cmsEditing:hover {
  box-shadow: 0 0 5px #0000ff;
}
tile html.cmsEditing:hover > img {
  width: 105%;
  height: 105%;
  top: -2.5%;
  left: -2.5%;
}
tile html.cmsEditing.cmsActive.ttype-img,
tile html.cmsEditing.cmsActive.ttype-flipper {
  z-index: 3;
  box-shadow: 0 0 10px blue;
}
tile.ttype-text {
  overflow: hidden;
}
tile.ttype-text h1:empty + .content {
  padding-top: 0.75em;
}
tile.ttype-img > box,
tile.ttype-flipper > box,
tile.ttype-img > figure > box,
tile.ttype-flipper > figure > box {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  top: var(--negwborder);
  left: var(--negwborder);
  bottom: var(--negwborder);
  right: var(--negwborder);
  border: var(--wborder) solid white;
}
tile.ttype-img > box > front,
tile.ttype-flipper > box > front,
tile.ttype-img > figure > box > front,
tile.ttype-flipper > figure > box > front,
tile.ttype-img > box > back,
tile.ttype-flipper > box > back,
tile.ttype-img > figure > box > back,
tile.ttype-flipper > figure > box > back {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
}
tile.ttype-img > box > front section,
tile.ttype-flipper > box > front section,
tile.ttype-img > figure > box > front section,
tile.ttype-flipper > figure > box > front section,
tile.ttype-img > box > back section,
tile.ttype-flipper > box > back section,
tile.ttype-img > figure > box > back section,
tile.ttype-flipper > figure > box > back section {
  padding-left: 3px;
}
tile.ttype-img > figure,
tile.ttype-flipper > figure,
tile.ttype-img > box > front > figure,
tile.ttype-flipper > box > front > figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
tile.ttype-img > figure img,
tile.ttype-flipper > figure img,
tile.ttype-img > box > front > figure img,
tile.ttype-flipper > box > front > figure img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  background: #DDD;
}
tile.ttype-img > figure video,
tile.ttype-flipper > figure video,
tile.ttype-img > box > front > figure video,
tile.ttype-flipper > box > front > figure video {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
}
tile.ttype-img > figure figcaption,
tile.ttype-flipper > figure figcaption,
tile.ttype-img > box > front > figure figcaption,
tile.ttype-flipper > box > front > figure figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding:1vw;
  border-radius: 0 0 calc(4px + 0.008*var(--wpage)) calc(4px + 0.008*var(--wpage));
  background: rgba(138, 183, 231, 0.85);
  font-size: 1.5vw;
  line-height: 1.6vw;
  font-weight: normal;
  color: white;
  xtext-shadow: 1px 1px 0px #999, -1px -1px 0px #999;
  text-align: left;
}
tile.ttype-img > figure figcaption i,
tile.ttype-flipper > figure figcaption i,
tile.ttype-img > box > front > figure figcaption i,
tile.ttype-flipper > box > front > figure figcaption i {
  font-size: 95%;
  color: #333333;
}
tile.ttype-img > figure.framed,
tile.ttype-flipper > figure.framed,
tile.ttype-img > box > front > figure.framed,
tile.ttype-flipper > box > front > figure.framed {
  border: none!important;
  overflow: visible!important;
  transform: rotateY(-8deg) rotateZ(3deg);
  transform-style: preserve-3d;
}
tile.ttype-img > figure.framed:before,
tile.ttype-flipper > figure.framed:before,
tile.ttype-img > box > front > figure.framed:before,
tile.ttype-flipper > box > front > figure.framed:before {
  content: '';
  position: absolute;
  z-index: 100;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  margin: -30px 0 0 -30px;
  border-image: url('/_site/media/frame.png') 93 92 87 92 stretch stretch;
  border-width: 60px;
  box-shadow: 10px 10px 40px black;
}
tile.ttype-img > figure > figcaption {
  display: none;
}
tile.ttype-nix.tmask-oval,
tile.ttype-img.tmask-oval,
tile.ttype-flipper.tmask-oval {
  border-radius: 50%;
}
tile.ttype-nix.tmask-oval > *,
tile.ttype-img.tmask-oval > *,
tile.ttype-flipper.tmask-oval > * {
  border-radius: 50%;
  overflow: hidden;
}
tile.halign-left figure figcaption {
  text-align: left;
}
tile.halign-right figure figcaption {
  text-align: right;
}
tile.valign-top figure figcaption {
  top: 0.5em;
  bottom: auto;
}
tile.valign-middle figure figcaption {
  top: calc(50% - 0.5em);
  bottom: auto;
}
tile.valign-bottom figure figcaption {
  top: auto;
  bottom: 0.5em;
}
tile.ttype-text,
tile.ttype-nix {
  background: white;
}
tile.ttype-text > section h1:not(:empty) + .content > figure:first-child,
tile.ttype-flipper > box > back > section h1:not(:empty) + .content > figure:first-child,
html.cmsEditing tile.ttype-text > section h1 + .content > figure:first-child,
html.cmsEditing tile.ttype-flipper > box > back > section h1 + .content > figure:first-child {
  margin-top: -50px;
}
html:not(.cmsEditing) tile.ttype-text > section h1:empty + .content,
html:not(.cmsEditing) tile.ttype-flipper > box > back > section h1:empty + .content {
  margin-top: var(--negwborder);
}
html:not(.cmsEditing) tile.ttype-text > section h1:empty + .content > figure:first-child,
html:not(.cmsEditing) tile.ttype-flipper > box > back > section h1:empty + .content > figure:first-child {
  margin-top: 0;
}
mosaic.config-1_1 > tile:nth-of-type(1) {
  z-index: 100;
  top: calc(2*var(--wborder));
  left: calc(2*var(--wborder));
}
html.cmsEditing mosaic.config-1_1 > tile:nth-of-type(1) {
  transition: all 0.5s;
}
mosaic.config-1_1 > tile:nth-of-type(1).ttype-text {
  min-height: 4em;
  max-height: calc(100% - 2*var(--wborder));
  height: auto!important;
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-left.valign-top {
  top: calc(2*var(--wborder));
  left: calc(2*var(--wborder));
  transform: translateX(0%) translateY(0%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-center.valign-top {
  top: calc(2*var(--wborder));
  left: 50%;
  transform: translateX(-50%) translateY(0%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-right.valign-top {
  top: calc(2*var(--wborder));
  left: 100%;
  transform: translateX(-100%) translateY(0%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-left.valign-middle {
  top: 50%;
  left: calc(2*var(--wborder));
  transform: translateX(0%) translateY(-50%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-center.valign-middle {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-right.valign-middle {
  top: 50%;
  left: 100%;
  transform: translateX(-100%) translateY(-50%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-left.valign-bottom {
  top: 100%;
  left: calc(2*var(--wborder));
  transform: translateX(0%) translateY(-100%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-center.valign-bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
}
mosaic.config-1_1 > tile:nth-of-type(1).halign-right.valign-bottom {
  top: 100%;
  left: 100%;
  transform: translateX(-100%) translateY(-100%);
}
.cmsEditing tile.htmlc.tile,
.cmsEditing tile.htmlc.tile.ttype-img > figure,
.cmsEditing tile.htmlc.tile.ttype-flipper > box > front > figure {
  transition: all 0.25s;
}
.cmsPathItem.tile.ttype-text .cmsHTMLCParam-tmask,
x.cmsPathItem.tile.ttype-text .cmsHTMLCParam-halign,
x.cmsPathItem.tile.ttype-text .cmsHTMLCParam-valign,
.cmsPathItem.tile.ttype-text .cmsHTMLCParam-caption,
.cmsPathItem.tile.ttype-text .cmsHTMLCParam-imageActions,
.cmsPathItem.tile.ttype-img .cmsHTMLCParam-caption,
.cmsPathItem.tile.ttype-img .cmsHTMLCParam-halign,
.cmsPathItem.tile.ttype-img .cmsHTMLCParam-valign,
.cmsPathItem.tile.ttype-nix .cmsHTMLCParam-fx,
.cmsPathItem.tile.ttype-text .cmsHTMLCParam-fx {
  opacity: 0.3;
  pointer-events: none;
}
footer {
  box-sizing: border-box;
  position: relative;
  width: calc(var(--wpage));
  border: var(--wborder) solid white;
  border-top: none;
  background: white;
}
footer:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: calc(4px + 0.008*var(--wpage));
  background: url(/_site/media/footer.jpg) no-repeat 50% 30%;
  background-size: cover;
}
footer table {
  position: relative;
  z-index: 10;
}
footer div.icon {
  display: inline-block;
  width: 1.5em;
  font-family: FontAwesome5;
  text-align: center;
}
footer table,
footer td {
  border: calc( var(--wborder) /2) solid transparent;
  vertical-align: top;
}
footer nav {
  box-sizing: border-box;
  width: 100%;
  min-height: 12em;
  padding: 8px var(--wborder) 5px var(--wborder);
  background: white;
}
footer nav .content {
  font-size: 0.9em;
  line-height: 1.35em;
}
footer nav .content ul {
  list-style: none;
  padding: 0;
}
footer nav .content ul li {
  padding-left: 22px;
}
footer nav .content ul li div.icon:first-child {
  position: absolute;
  margin-left: -22px;
}
html {
  background: #DDD;
  font-family: 'Open Sans', sans-serif;
  font-size: calc(3px + var(--wpage)/70);
  line-height: calc(1.2*(3px + var(--wpage)/70));
  color: black;
}
body {
  width: var(--wpage);
  margin: 0;
  padding: 0;
}
body > header {
  box-sizing: border-box;
  position: relative;
  width: calc(var(--wpage));
  margin: 0;
  padding-top: calc(1* var(--wborder)  + 36px);
  padding-bottom: calc(3* var(--wborder)  + 36px);
  border: var(--wborder) solid white;
  background: white;
}
body > header img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: calc(4px + 0.008*var(--wpage));
  object-fit: cover;
  object-position: 50% 50%;
}
body > header small.caption {
  display: none;
}
body > header small.copyright {
  transform: none;
  top: auto;
  bottom: calc(0.25*var(--wborder));
  left: auto;
  right: calc(0.25*var(--wborder));
  text-align: right;
  padding: 0;
}
body > header > nav.mainMenu {
  position: absolute;
  bottom: calc(2* var(--wborder) );
  left: var(--wborder);
  right: var(--wborder);
  text-align: center;
}
body > header > nav.mainMenu > a {
  display: inline-block;
  height: 2.5em;
  background: white;
  border-radius: 0.2em;
  margin: 0 0.5em;
  padding: 0 1em;
  text-align: center;
  line-height: 2.6em;
  width: 9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 9em;
  color: black;
}
body > header > nav.mainMenu > a.aHome {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(2.5em);
  height: calc(2.5em);
  padding: 0;
  border-radius: 100%;
  border: solid 2px white;
  text-indent: -10000px;
  background: white url('/media/logo.jpg') no-repeat;
  background-size: cover;
}
body > header > h1 {
  box-sizing: border-box;
  width: 100%;
  margin: 22px 0 calc(3* var(--wborder) ) 0%;
  padding: var(--wborder);
  background: white;
  mix-blend-mode: screen;
  font-family: 'Dancing Script', cursive;
  font-size: 400%;
  line-height: 110%;
  font-weight: bold;
  text-align: center;
}
html:not(.cmsEditing) body main > p:empty,
html:not(.cmsEditing) body footer > p:empty {
  display: none;
}
body main h1,
body footer h1,
body main h2,
body footer h2,
body main h3,
body footer h3,
body main h4,
body footer h4 {
  margin: 0;
  font-family: 'Dancing Script', cursive;
  font-weight: bold;
}
body main h1,
body footer h1 {
  font-size: 1.7rem;
  line-height: 2rem;
}
body main h2,
body footer h2 {
  font-size: 1.5rem;
  line-height: 1.8rem;
}
body main h3,
body footer h3 {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
body main h4,
body footer h4 {
  font-size: 1.1rem;
  line-height: 1.4rem;
}
body main p,
body footer p {
  margin: 0.5em 0;
}
body main section .content:after,
body footer section .content:after {
  content: '';
  display: block;
  clear: both;
}
body main section .content ul,
body footer section .content ul,
body main section .content ol,
body footer section .content ol {
  padding-left: 2em;
}
body main > p {
  display: none;
}
html:not(.cmsLoaded) * {
  animation-duration: 0s!important;
}
.cmsNoAnims,
.cmsNoAnims * {
  transition: none 0s!important;
  animation-duration: 0s!important;
}
.cmsAlign-left {
  text-align: left!important;
}
.cmsAlign-center {
  text-align: center!important;
}
.cmsAlign-right {
  text-align: right!important;
}
.cmsAlign-justify {
  text-align: justify!important;
}
.cmsFloatRight {
  float: right;
}
a[href] {
  text-decoration: none;
  color: blue;
}
a[href]:hover {
  text-decoration: underline;
}
a[name] {
  text-decoration: none;
  color: inherit;
}

mosaic.h800,
mosaic.h800 tile { height:800px!important; }


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