@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/css?family=Parisienne);
@import url(http://fonts.googleapis.com/css?family=Schoolbell);
@font-face {
  font-family: 'FontAwesome';
  src: url('../../../_cms/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype');
  font-style: normal;
}
/* partly generated using http://spritegen.website-performance.org */
header {
  box-sizing: border-box;
  position: fixed;
  z-index: 200;
  top: 0;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* FIXED FOR IE */
}
header:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* FIXED FOR IE */
  filter: blur(5px);
}
.cmsEditing header:before:before {
  pointer-events: auto;
}
header:after {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-bottom: dashed 1px white;
}
.cmsEditing header:after:before {
  pointer-events: auto;
}
header a {
  text-decoration: none;
}
header #search {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 5px;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
header #search input {
  height: 20px;
  position: absolute;
  bottom: 8px;
  right: 5px;
  margin-right: 5px;
  padding: 1px 8px;
  outline: none;
  border-radius: 6px;
  background-clip: padding-box;
  border: dashed 1px white;
  background: #ffffff;
  transition: all 0.4s;
}
header #search input {
  width: 0;
  opacity: 0;
}
.showSearch header nav a {
  opacity: 0;
}
.showSearch header #search input {
  width: 200px;
  opacity: 1;
}
header #headerLinks {
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  width: 280px;
  height: 44px;
  margin: 0 auto;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.narrow header #headerLinks {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
header #headerLinks a {
  display: block;
}
header #headerLinks a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
header #headerLinks .logo {
  width: 100%;
  height: 100%;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -381px;
  width: 300px;
  height: 44px;
  text-indent: -10000px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
header #headerLinks .sitepart {
  position: absolute;
  top: -4px;
  left: 119px;
  width: 200px;
  font-size: 16px;
  color: white;
  text-shadow: 1px 1px 1px #999;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header #headerLinks .sitepart:hover {
  text-decoration: underline;
}
header #headerLinks .sticker {
  position: absolute;
  top: 15px;
  left: -35px;
  text-indent: -10000px;
}
header #headerLinks .sticker:hover {
  -webkit-transform: rotate(16deg) scale(1.3);
  transform: rotate(16deg) scale(1.3);
  z-index: 100;
}
header #headerLinks .sticker.bosticker {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -970px;
  width: 46px;
  height: 46px;
}
header #headerLinks .sticker.vosticker {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -1166px;
  width: 46px;
  height: 46px;
}
header .schaartje {
  position: absolute;
  z-index: 1000;
  right: 15px;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -1268px;
  width: 45px;
  height: 27px;
}
html header {
  height: 100px;
}
html header #headerLinks {
  top: 10px;
}
html header .schaartje {
  top: 100px;
}
html.narrow header {
  height: 80px;
}
html.narrow header #headerLinks {
  top: 10px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
html.narrow header .schaartje {
  top: 80px;
}
html:not([data-sitepart='bo']) header #headerLinks .bosticker {
  left: -75px;
}
html[data-sitepart='bo'] header #headerLinks .vosticker {
  display: none;
}
html[data-sitepart='vo'] header #headerLinks .bosticker {
  display: none;
}
html:not(.isMobile) header,
html:not(.isMobile) #headerLinks,
html:not(.isMobile) #headerLinks a,
html:not(.isMobile) .schaartje,
html:not(.isMobile) .sticker {
  transition: all 0.4s;
}
html.narrow #headerLinks {
  left: 20px;
}
html.narrow[data-sitepart='kb'] #headerLinks {
  left: 50px;
}
#mainMenu {
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: flex-end;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-around;
  -webkit-align-items: flex-end;
  position: absolute;
  z-index: 3;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0 5px;
  text-align: center;
}
#mainMenu a {
  display: inline-block;
  border-radius: 6px;
  background-clip: padding-box;
  border: 1px dashed transparent;
  line-height: 18px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  font-size: 15px;
  padding: 0 6px;
}
.hideSubMenu #mainMenu a {
  font-size: 13px;
  padding: 0 6px 2px 6px;
}
.hideSubMenu.isMobile #mainMenu a {
  font-size: 11px;
  padding: 0 3px 2px 3px;
}
#mainMenu a {
  text-transform: lowercase;
}
#mainMenu a[href='/wp/kb'],
#mainMenu a[href='/wp/kb/kees'] {
  text-transform: none;
}
.isMobile #mainMenu {
  margin: 0 auto;
}
.isMobile #mainMenu a {
  margin: 0 1%;
}
.narrow #mainMenu a span {
  text-transform: capitalize;
}
.narrow #mainMenu a[href="kb"] span {
  display: none;
}
.narrow #mainMenu a[href="kb"]:before {
  content: 'Kees';
  text-transform: capitalize;
}
.narrow #mainMenu a[href="bo"] span {
  display: none;
}
.narrow #mainMenu a[href="bo"]:before {
  content: 'BO';
  text-transform: uppercase;
}
.narrow #mainMenu a[href="vo"] span {
  display: none;
}
.narrow #mainMenu a[href="vo"]:before {
  content: 'VO';
  text-transform: uppercase;
}
.menu31heid {
  position: relative;
  z-index: 100;
  width: 200px;
  height: 55px;
  margin: 0 0 5px 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.menu31heid .bollen {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
}
.menu31heid a {
  display: block;
  position: absolute;
  top: 5px;
  text-indent: -10000px;
  transition: all 0.4s;
}
.menu31heid a.toKB {
  z-index: 3;
  left: 0;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: -50px -1071px;
  width: 45px;
  height: 45px;
}
.menu31heid a.toKB:before,
.menu31heid a.toKB:after {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.8s;
}
.cmsEditing .menu31heid a.toKB:before:before,
.cmsEditing .menu31heid a.toKB:after:before {
  pointer-events: auto;
}
.menu31heid a.toKB:before {
  z-index: 2;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -1021px;
  width: 45px;
  height: 45px;
}
.menu31heid a.toKB:after {
  z-index: 1;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -1071px;
  width: 45px;
  height: 45px;
}
.menu31heid a.toBO {
  z-index: 2;
  left: 0;
  margin: 2px 0 0 2px;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -925px;
  width: 40px;
  height: 40px;
}
.menu31heid a.toVO {
  z-index: 1;
  left: 0;
  margin: 2px 0 0 2px;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -1121px;
  width: 40px;
  height: 40px;
}
.menu31heid .kb2bo,
.menu31heid .kb2vo {
  position: absolute;
  z-index: -1;
  top: 28px;
  width: 0;
  height: 0px;
  border-top: dotted 2px white;
  transition: all 0.4s;
}
.menu31heid .kb2bo {
  left: 23px;
}
.menu31heid .kb2vo {
  left: 23px;
}
.menu31heid.hover-bo a.toKB:after,
.menu31heid.hover-vo a.toKB:before {
  opacity: 1;
}
html.hideSubMenu .menu31heid {
  visibility: hidden;
}
html.hideSubMenu.subMenuOpen .menu31heid {
  visibility: visible;
}
.menu31heid.open .bollen,
body.props-open31menu .menu31heid .bollen,
.noSubMenu .menu31heid .bollen,
.hideSubMenu .menu31heid .bollen {
  left: 80px;
}
.menu31heid.open .kb2bo,
body.props-open31menu .menu31heid .kb2bo,
.noSubMenu .menu31heid .kb2bo,
.hideSubMenu .menu31heid .kb2bo {
  left: -57px;
  width: 60px;
}
.menu31heid.open .kb2vo,
body.props-open31menu .menu31heid .kb2vo,
.noSubMenu .menu31heid .kb2vo,
.hideSubMenu .menu31heid .kb2vo {
  left: 23px;
  width: 60px;
}
.menu31heid.open a.toBO,
body.props-open31menu .menu31heid a.toBO,
.noSubMenu .menu31heid a.toBO,
.hideSubMenu .menu31heid a.toBO {
  left: -80px;
}
.menu31heid.open a.toVO,
body.props-open31menu .menu31heid a.toVO,
.noSubMenu .menu31heid a.toVO,
.hideSubMenu .menu31heid a.toVO {
  left: 80px;
}
.menu31heid.open a.toKB:hover,
body.props-open31menu .menu31heid a.toKB:hover,
.noSubMenu .menu31heid a.toKB:hover,
.hideSubMenu .menu31heid a.toKB:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.menu31heid.open a.toBO:hover,
body.props-open31menu .menu31heid a.toBO:hover,
.noSubMenu .menu31heid a.toBO:hover,
.hideSubMenu .menu31heid a.toBO:hover {
  -webkit-transform: scale(1.2) rotate(16deg);
  transform: scale(1.2) rotate(16deg);
}
.menu31heid.open a.toVO:hover,
body.props-open31menu .menu31heid a.toVO:hover,
.noSubMenu .menu31heid a.toVO:hover,
.hideSubMenu .menu31heid a.toVO:hover {
  -webkit-transform: scale(1.2) rotate(16deg);
  transform: scale(1.2) rotate(16deg);
}
.menu31heid:not(.open) .bollen {
  transition-delay: 0.13333333s;
}
.menu31heid.open .kb2bo,
.menu31heid.open .kb2vo,
.menu31heid.open a.toBO,
.menu31heid.open a.toVO {
  transition-delay: 0.13333333s;
}
#subMenu {
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 100;
  left: 20px;
  padding-bottom: 200px;
  transition: all 0.4s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#subMenu .menu {
  position: relative;
  z-index: 10;
  width: 200px;
  margin-bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  background-clip: padding-box;
  border: dashed 1px white;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* FIXED FOR IE */
}
#subMenu .menu:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  border-radius: 9px;
  background-clip: padding-box;
}
.cmsEditing #subMenu .menu:before:before {
  pointer-events: auto;
}
#subMenu .menu nav {
  position: relative;
  z-index: 10;
}
#subMenu .menu nav a {
  box-sizing: border-box;
  display: block;
  padding: 2px 5px 2px 18px;
  color: white;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: lowercase;
  text-decoration: none;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#subMenu .menu nav a:first-of-type {
  border-radius: 10px 10px 0 0;
  background-clip: padding-box;
}
#subMenu .menu nav a:last-of-type {
  border-radius: 0 0 10px 10px;
  background-clip: padding-box;
}
#subMenu .menu nav a.level-0 {
  padding: 5px 20px 2px 12px;
  font-weight: normal;
}
#subMenu .menu nav a.level-1 {
  padding: 5px 5px 5px 18px;
  line-height: 16px;
}
#subMenu .menu nav a.level-2 {
  padding: 3px 5px 3px 25px;
  font-style: italic;
  line-height: 14px;
}
#subMenu .menu nav a.level-1 + .level-2 {
  margin-top: 0;
}
#subMenu .menu nav a.level-2 + .level-1 {
  margin-top: 2px;
}
#subMenu .menu nav a:last-of-type {
  padding-bottom: 7px;
}
#subMenu .menu nav a:hover,
#subMenu .menu nav a:active,
#subMenu .menu nav a:focus {
  background: rgba(255, 255, 255, 0.3);
}
#subMenu .menu nav a.selected {
  padding-right: 15px;
  background: rgba(255, 255, 255, 0.4);
}
#subMenu .menu nav a.selected:after {
  content: '➤';
  position: absolute;
  right: 4px;
}
html #subMenu {
  top: 105px;
}
html.hideSubMenu,
html.narrow #subMenu {
  top: 85px;
}
html.hideSubMenu.loaded #subMenu {
  transition: left 0.4s 0s;
}
html.hideSubMenu.loaded main > * {
  transition: left 0.4s 0.2s;
}
html.hideSubMenu.loaded.subMenuOpen #subMenu {
  transition: left 0.4s 0.2s;
}
html.hideSubMenu.loaded.subMenuOpen main > * {
  transition: left 0.4s 0s;
}
html.hideSubMenu #subMenu {
  left: -225px;
}
html.hideSubMenu .centerStage {
  left: 0;
}
html.hideSubMenu.subMenuOpen #subMenu {
  left: 5px;
}
html.hideSubMenu.subMenuOpen .centerStage {
  left: 210px;
}
#subMenuOpener {
  position: absolute;
  z-index: 30;
  top: 10px;
  left: 10px;
  width: 35px;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  transition: all 0.2s;
}
#subMenuOpener:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#subMenuOpener .line {
  position: absolute;
  width: 30px;
  height: 4px;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: white;
}
#subMenuOpener .line1 {
  top: 2px;
}
#subMenuOpener .line2 {
  top: 10px;
  opacity: 1;
}
#subMenuOpener .line3 {
  top: 18px;
}
.subMenuOpen #subMenuOpener .line1 {
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.subMenuOpen #subMenuOpener .line2 {
  opacity: 0;
}
.subMenuOpen #subMenuOpener .line3 {
  top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#subMenuOpener .line1 {
  transition: all 0.2s 0s;
}
#subMenuOpener .line2 {
  transition: all 0.2s 0.05s;
}
#subMenuOpener .line3 {
  transition: all 0.2s 0s;
}
.subMenuOpen #subMenuOpener .line1 {
  transition: all 0.2s 0.1s, top 0.2s;
}
.subMenuOpen #subMenuOpener .line2 {
  transition: all 0.1s 0.1s;
}
.subMenuOpen #subMenuOpener .line3 {
  transition: all 0.2s 0.1s, top 0.2s;
}
html #subMenuOpener {
  display: none;
}
html.hideSubMenu #subMenuOpener {
  display: block;
}
#calendar {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}
#calendar .editButton.editEvents {
  display: none;
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -155px;
}
html.showCalendar #calendar .editButton.editEvents {
  display: block;
}
#calFilters {
  position: relative;
  width: 180px;
  margin: 30px auto 40px auto;
}
#calFilters #calFiltersOpener {
  position: absolute;
  z-index: 100;
  top: -16px;
  left: 50%;
  margin: 0 0 0 -16px;
  width: 32px;
  height: 32px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  background-clip: padding-box;
  border: solid 1px white;
  background: #44F;
  cursor: hand;
  cursor: pointer;
  transition: all 0.2s;
}
#calFilters #calFiltersOpener:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#calFilters #calFiltersOpener .line1,
#calFilters #calFiltersOpener .line2 {
  position: absolute;
  height: 3px;
  background: white;
  transition: all 0.4s 0.1s;
}
#calFilters #calFiltersOpener .line1 {
  top: 18px;
  left: 6px;
  width: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#calFilters #calFiltersOpener .line2 {
  top: 15px;
  left: 8px;
  width: 18px;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#calFilters.showFilters #calFiltersOpener .line1 {
  top: 15px;
  left: 6px;
  width: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#calFilters.showFilters #calFiltersOpener .line2 {
  top: 15px;
  left: 6px;
  width: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#calFilters .xcalFilterGroup {
  height: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
#calFilters.showFilters .calFilterGroup {
  height: 185px;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#calFilters .calFilterGroups {
  width: 100%;
}
#calFilters .calFilterGroup {
  box-sizing: border-box;
  display: inline-block;
  xwidth: 180px;
  margin: 0 10px 0;
  padding: 10px;
  vertical-align: top;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  border-radius: 9px;
  background-clip: padding-box;
  background: white;
  overflow: hidden;
  transition: all 0.4s;
}
#calFilters .calFilterGroup .calSubFilters {
  margin-left: 15px;
}
#calMonths {
  position: relative;
  width: 100%;
  height: 270px;
  -webkit-perspective: 200px;
  perspective: 200px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#calMonths .calMonth {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 250px;
  height: 270px;
  margin-left: -125px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  border-radius: 9px;
  background-clip: padding-box;
  background: white;
  padding: 5px 15px 15px 15px;
  font-size: 16px;
  cursor: default;
}
html.isMobile #calMonths .calMonth {
  top: 20px;
}
#calMonths .calMonth:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  height: 78px;
  border: solid 4px white;
}
.cmsEditing #calMonths .calMonth:before:before {
  pointer-events: auto;
}
#calMonths .calMonth table {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}
#calMonths .calMonth table .monthName {
  height: 35px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
#calMonths .calMonth table .dayName {
  height: 30px;
  vertical-align: top;
  text-align: center;
  color: white;
  font-family: Verdana;
  font-size: 16px;
}
#calMonths .calMonth table .day {
  box-sizing: border-box;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  border: solid 1px white;
  text-align: center;
  overflow: visible;
}
#calMonths .calMonth table .weekend {
  background: #F8F8F8;
  color: black!important;
}
#calMonths .calMonth table .outOfMonth {
  color: #CCC;
}
#calMonths .calMonth table .isToday {
  border-radius: 50%;
  background-clip: padding-box;
  font-weight: bold;
  color: white;
}
#calMonths .calMonth {
  opacity: 0.2;
  -webkit-transform: rotateY(0deg) scale(0.5) translateZ(-35px);
  transform: rotateY(0deg) scale(0.5) translateZ(-35px);
  transition: all 0.4s;
}
html.showCalendar #calMonths .calMonth.prevMonth {
  z-index: 3;
  opacity: 0.85;
  margin-left: -300px;
  cursor: hand;
  cursor: pointer;
  -webkit-transform: rotateY(-10deg) scale(0.8) translateZ(-25px);
  transform: rotateY(-10deg) scale(0.8) translateZ(-25px);
}
html.showCalendar #calMonths .calMonth.curMonth {
  z-index: 5;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1.0;
}
html.showCalendar #calMonths .calMonth.nextMonth {
  z-index: 3;
  opacity: 0.85;
  margin-left: 40px;
  cursor: hand;
  cursor: pointer;
  -webkit-transform: rotateY(10deg) scale(0.8) translateZ(-25px);
  transform: rotateY(10deg) scale(0.8) translateZ(-25px);
}
#calEvents {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  top: 20px;
  max-width: 600px;
  margin: 15px auto 0 auto;
  transition: all 0.4s;
}
#calEvents .calMonthEvents {
  position: absolute;
  z-index: 10;
  width: 100%;
  opacity: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: all 0.4s;
}
#calEvents .calMonthEvents.curMonth {
  opacity: 1;
  height: auto;
  visibility: visible;
  transition: all 0.4s 0.2s;
}
#calEvents .calMonthEvents .calEvent {
  height: 0;
  margin: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  transition: all 0.4s;
  overflow: hidden;
}
#calEvents .calMonthEvents .calEvent > .box {
  border-radius: 2px;
  background-clip: padding-box;
  border: solid 1px #CCC;
  background: #FFFFE0;
}
#calEvents .calMonthEvents .calEvent > .box .date-txt {
  margin-left: 15px;
  line-height: 18px;
}
#calEvents .calMonthEvents .calEvent > .box h2,
#calEvents .calMonthEvents .calEvent > .box p {
  margin: 0;
}
#calEvents .calMonthEvents .calEvent > .box h2 {
  margin-bottom: 5px;
  font-size: 18px;
}
#calEvents .calMonthEvents .calEvent > .box .fields {
  display: none;
}
#calEvents .calMonthEvents .calEvent > .box a {
  text-decoration: none;
}
#calEvents .calMonthEvents .calEvent > .box a:hover {
  text-decoration: underline;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field {
  font-size: 11px;
  line-height: 16px;
  font-style: italic;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field .moh:before {
  content: ':';
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field .y {
  display: none;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay .startDate .dow:before {
  content: ' van ';
  font-style: normal;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay .endDate .dow:before {
  content: ' t/m ';
  font-style: normal;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay.allDay .hod,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay.allDay .moh {
  display: none;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay.partDay .hod:before {
  content: ' om ';
  font-style: normal;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay.partDay .endDate {
  display: block;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay.noEndDay .endDate .hod,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.multiDay.noEndDay .endDate .moh {
  display: none;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay .endDate .dow,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay .endDate .dom,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay .endDate .moy,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay .endDate .y {
  display: none;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.noEndDay .endDate .hod,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.noEndDay .endDate .moh {
  display: none;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.partDay.endDay .startDate .hod:before {
  content: ' van ';
  font-style: normal;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.partDay.noEndDay .startDate .hod:before {
  content: ' vanaf ';
  font-style: normal;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.partDay.endDay .endDate .hod:before {
  content: ' tot ';
  font-style: normal;
}
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.allDay .hod,
#calEvents .calMonthEvents .calEvent > .box .fromto-field.singleDay.allDay .moh {
  display: none;
}
#calEvents .calMonthEvents .calEvent.bovakanties > .box,
#calEvents .calMonthEvents .calEvent.bostudiedagen > .box,
#calEvents .calMonthEvents .calEvent.vovakanties > .box,
#calEvents .calMonthEvents .calEvent.vostudiedagen > .box {
  background: #F0FFF0;
}
#calEvents .calMonthEvents .calEvent.hideEvent {
  min-height: 0!important;
  height: 0!important;
  margin-bottom: 0!important;
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
  opacity: 0!important;
}
#calEvents .calMonthEvents .calEvent.multiDay .date-box {
  -webkit-transform-origin: 50px 200px;
  transform-origin: 50px 200px;
  transition: all 0.4s;
}
#calEvents .calMonthEvents .calEvent.multiDay a:nth-child(1) .date-box {
  z-index: 20;
  margin-top: -4px;
  margin-left: -4px;
}
#calEvents .calMonthEvents .calEvent.multiDay a:nth-child(2) .date-box {
  z-index: 10;
  margin-top: 4px;
  margin-left: 4px;
}
#calEvents .calMonthEvents .calEvent.multiDay:hover a:nth-child(1) .date-box {
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
#calEvents .calMonthEvents .calEvent.multiDay:hover a:nth-child(2) .date-box {
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}
html #calendar {
  display: none;
  z-index: 0;
  opacity: 0.0;
  transition: all 0.2s 0s;
  visibility: hidden;
}
html.showCalendar #calendar,
html.modalAnimating #calendar {
  display: block;
}
html.inModalMode.showCalendar #calendar {
  z-index: 10;
  opacity: 1;
  transition: all 0.4s 0.1s;
  visibility: visible;
}
#calOpener {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 12px;
  right: 40px;
  width: 35px;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  transition: all 0.2s;
}
#calOpener:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
html[data-sitepart='bo'] #calOpener,
html[data-sitepart='vo'] #calOpener {
  display: block;
}
#calOpener .line1 {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 5px;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background-clip: padding-box;
  border: solid white;
  border-width: 0 3px;
  background: black;
  padding: 4px 1px 4px 0;
  color: white;
  font: 13px/20px 'Verdana';
  letter-spacing: -1px;
  font-weight: bold;
  text-align: center;
}
#calOpener .line2 {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 5px;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background-clip: padding-box;
  border: solid white;
  border-width: 6px 0 3px 0;
}
#calOpener .line3,
#calOpener .line4 {
  position: absolute;
  top: -3px;
  width: 0px;
  height: 4px;
  border-radius: 2px;
  background-clip: padding-box;
  border: solid 1px white;
  outline: solid 2px black;
}
#calOpener .line3 {
  left: 12px;
}
#calOpener .line4 {
  right: 12px;
}
#calOpener div {
  transition: all 0.2s;
}
html.showCalendar #calOpener .line1 {
  opacity: 0;
}
html.showCalendar #calOpener .line2 {
  opacity: 0;
}
html.showCalendar #calOpener .line3,
html.showCalendar #calOpener .line4 {
  width: 0px;
  height: 26px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border-color: white;
  border-width: 2px;
  outline-width: 0;
}
html.showCalendar #calOpener .line3 {
  top: -5px;
  left: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
html.showCalendar #calOpener .line4 {
  top: -5px;
  right: 15px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.calEvent.allaudiences {
  height: auto!important;
  margin-bottom: 20px!important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  opacity: 1!important;
}
/* filtering */
.calEvent.bovakanties.calEvent,
.calEvent.bostudiedagen.calEvent,
.bokg1events .calEvent.bokg1events.calEvent,
.bokg2events .calEvent.bokg2events.calEvent,
.bokg3events .calEvent.bokg3events.calEvent,
.bokg4events .calEvent.bokg4events.calEvent,
.bokg5events .calEvent.bokg5events.calEvent,
.bokg6events .calEvent.bokg6events.calEvent,
.bokg7events .calEvent.bokg7events.calEvent,
.bokg8events .calEvent.bokg8events.calEvent,
.calEvent.vovakanties.calEvent,
.calEvent.vostudiedagen.calEvent,
.vot1events .calEvent.vot1events.calEvent,
.vot2events .calEvent.vot2events.calEvent,
.vot3events .calEvent.vot3events.calEvent,
.vot4events .calEvent.vot4events.calEvent,
.vot5events .calEvent.vot5events.calEvent,
.vot6events .calEvent.vot6events.calEvent,
.vot7events .calEvent.vot7events.calEvent {
  height: auto!important;
  margin-bottom: 20px!important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  opacity: 1!important;
}
.allaudiences.hasEvent,
.bokg1events .day.bokg1events.hasEvent,
.bokg2events .day.bokg2events.hasEvent,
.bokg3events .day.bokg3events.hasEvent,
.bokg4events .day.bokg4events.hasEvent,
.bokg5events .day.bokg5events.hasEvent,
.bokg6events .day.bokg6events.hasEvent,
.bokg7events .day.bokg7events.hasEvent,
.bokg8events .day.bokg8events.hasEvent,
.vot1events .day.vot1events.hasEvent,
.vot2events .day.vot2events.hasEvent,
.vot3events .day.vot3events.hasEvent,
.vot4events .day.vot4events.hasEvent,
.vot5events .day.vot5events.hasEvent,
.vot6events .day.vot6events.hasEvent,
.vot7events .day.vot7events.hasEvent {
  position: relative;
  z-index: 100;
}
.allaudiences.hasEvent > div:first-child,
.bokg1events .day.bokg1events.hasEvent > div:first-child,
.bokg2events .day.bokg2events.hasEvent > div:first-child,
.bokg3events .day.bokg3events.hasEvent > div:first-child,
.bokg4events .day.bokg4events.hasEvent > div:first-child,
.bokg5events .day.bokg5events.hasEvent > div:first-child,
.bokg6events .day.bokg6events.hasEvent > div:first-child,
.bokg7events .day.bokg7events.hasEvent > div:first-child,
.bokg8events .day.bokg8events.hasEvent > div:first-child,
.vot1events .day.vot1events.hasEvent > div:first-child,
.vot2events .day.vot2events.hasEvent > div:first-child,
.vot3events .day.vot3events.hasEvent > div:first-child,
.vot4events .day.vot4events.hasEvent > div:first-child,
.vot5events .day.vot5events.hasEvent > div:first-child,
.vot6events .day.vot6events.hasEvent > div:first-child,
.vot7events .day.vot7events.hasEvent > div:first-child {
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 40px;
  height: 40px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-clip: padding-box;
  border: solid 1px #CCC;
  background: #FFFFE0;
  padding: 10px;
  font-weight: bold;
  transition: all 0.4s;
  font-family: 'Schoolbell';
  color: #6666FF;
  cursor: hand;
  cursor: pointer;
}
.allaudiences.hasEvent.version1 > div:first-child,
.bokg1events .day.bokg1events.hasEvent.version1 > div:first-child,
.bokg2events .day.bokg2events.hasEvent.version1 > div:first-child,
.bokg3events .day.bokg3events.hasEvent.version1 > div:first-child,
.bokg4events .day.bokg4events.hasEvent.version1 > div:first-child,
.bokg5events .day.bokg5events.hasEvent.version1 > div:first-child,
.bokg6events .day.bokg6events.hasEvent.version1 > div:first-child,
.bokg7events .day.bokg7events.hasEvent.version1 > div:first-child,
.bokg8events .day.bokg8events.hasEvent.version1 > div:first-child,
.vot1events .day.vot1events.hasEvent.version1 > div:first-child,
.vot2events .day.vot2events.hasEvent.version1 > div:first-child,
.vot3events .day.vot3events.hasEvent.version1 > div:first-child,
.vot4events .day.vot4events.hasEvent.version1 > div:first-child,
.vot5events .day.vot5events.hasEvent.version1 > div:first-child,
.vot6events .day.vot6events.hasEvent.version1 > div:first-child,
.vot7events .day.vot7events.hasEvent.version1 > div:first-child {
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.allaudiences.hasEvent.version2 > div:first-child,
.bokg1events .day.bokg1events.hasEvent.version2 > div:first-child,
.bokg2events .day.bokg2events.hasEvent.version2 > div:first-child,
.bokg3events .day.bokg3events.hasEvent.version2 > div:first-child,
.bokg4events .day.bokg4events.hasEvent.version2 > div:first-child,
.bokg5events .day.bokg5events.hasEvent.version2 > div:first-child,
.bokg6events .day.bokg6events.hasEvent.version2 > div:first-child,
.bokg7events .day.bokg7events.hasEvent.version2 > div:first-child,
.bokg8events .day.bokg8events.hasEvent.version2 > div:first-child,
.vot1events .day.vot1events.hasEvent.version2 > div:first-child,
.vot2events .day.vot2events.hasEvent.version2 > div:first-child,
.vot3events .day.vot3events.hasEvent.version2 > div:first-child,
.vot4events .day.vot4events.hasEvent.version2 > div:first-child,
.vot5events .day.vot5events.hasEvent.version2 > div:first-child,
.vot6events .day.vot6events.hasEvent.version2 > div:first-child,
.vot7events .day.vot7events.hasEvent.version2 > div:first-child {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.allaudiences.hasEvent.version3 > div:first-child,
.bokg1events .day.bokg1events.hasEvent.version3 > div:first-child,
.bokg2events .day.bokg2events.hasEvent.version3 > div:first-child,
.bokg3events .day.bokg3events.hasEvent.version3 > div:first-child,
.bokg4events .day.bokg4events.hasEvent.version3 > div:first-child,
.bokg5events .day.bokg5events.hasEvent.version3 > div:first-child,
.bokg6events .day.bokg6events.hasEvent.version3 > div:first-child,
.bokg7events .day.bokg7events.hasEvent.version3 > div:first-child,
.bokg8events .day.bokg8events.hasEvent.version3 > div:first-child,
.vot1events .day.vot1events.hasEvent.version3 > div:first-child,
.vot2events .day.vot2events.hasEvent.version3 > div:first-child,
.vot3events .day.vot3events.hasEvent.version3 > div:first-child,
.vot4events .day.vot4events.hasEvent.version3 > div:first-child,
.vot5events .day.vot5events.hasEvent.version3 > div:first-child,
.vot6events .day.vot6events.hasEvent.version3 > div:first-child,
.vot7events .day.vot7events.hasEvent.version3 > div:first-child {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.allaudiences.hasEvent.version4 > div:first-child,
.bokg1events .day.bokg1events.hasEvent.version4 > div:first-child,
.bokg2events .day.bokg2events.hasEvent.version4 > div:first-child,
.bokg3events .day.bokg3events.hasEvent.version4 > div:first-child,
.bokg4events .day.bokg4events.hasEvent.version4 > div:first-child,
.bokg5events .day.bokg5events.hasEvent.version4 > div:first-child,
.bokg6events .day.bokg6events.hasEvent.version4 > div:first-child,
.bokg7events .day.bokg7events.hasEvent.version4 > div:first-child,
.bokg8events .day.bokg8events.hasEvent.version4 > div:first-child,
.vot1events .day.vot1events.hasEvent.version4 > div:first-child,
.vot2events .day.vot2events.hasEvent.version4 > div:first-child,
.vot3events .day.vot3events.hasEvent.version4 > div:first-child,
.vot4events .day.vot4events.hasEvent.version4 > div:first-child,
.vot5events .day.vot5events.hasEvent.version4 > div:first-child,
.vot6events .day.vot6events.hasEvent.version4 > div:first-child,
.vot7events .day.vot7events.hasEvent.version4 > div:first-child {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.allaudiences.hasEvent.version5 > div:first-child,
.bokg1events .day.bokg1events.hasEvent.version5 > div:first-child,
.bokg2events .day.bokg2events.hasEvent.version5 > div:first-child,
.bokg3events .day.bokg3events.hasEvent.version5 > div:first-child,
.bokg4events .day.bokg4events.hasEvent.version5 > div:first-child,
.bokg5events .day.bokg5events.hasEvent.version5 > div:first-child,
.bokg6events .day.bokg6events.hasEvent.version5 > div:first-child,
.bokg7events .day.bokg7events.hasEvent.version5 > div:first-child,
.bokg8events .day.bokg8events.hasEvent.version5 > div:first-child,
.vot1events .day.vot1events.hasEvent.version5 > div:first-child,
.vot2events .day.vot2events.hasEvent.version5 > div:first-child,
.vot3events .day.vot3events.hasEvent.version5 > div:first-child,
.vot4events .day.vot4events.hasEvent.version5 > div:first-child,
.vot5events .day.vot5events.hasEvent.version5 > div:first-child,
.vot6events .day.vot6events.hasEvent.version5 > div:first-child,
.vot7events .day.vot7events.hasEvent.version5 > div:first-child {
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
.allaudiences.hasEvent.showing,
.bokg1events .day.bokg1events.hasEvent.showing,
.bokg2events .day.bokg2events.hasEvent.showing,
.bokg3events .day.bokg3events.hasEvent.showing,
.bokg4events .day.bokg4events.hasEvent.showing,
.bokg5events .day.bokg5events.hasEvent.showing,
.bokg6events .day.bokg6events.hasEvent.showing,
.bokg7events .day.bokg7events.hasEvent.showing,
.bokg8events .day.bokg8events.hasEvent.showing,
.vot1events .day.vot1events.hasEvent.showing,
.vot2events .day.vot2events.hasEvent.showing,
.vot3events .day.vot3events.hasEvent.showing,
.vot4events .day.vot4events.hasEvent.showing,
.vot5events .day.vot5events.hasEvent.showing,
.vot6events .day.vot6events.hasEvent.showing,
.vot7events .day.vot7events.hasEvent.showing {
  z-index: 200;
}
.allaudiences.hasEvent.showing > div:first-child,
.bokg1events .day.bokg1events.hasEvent.showing > div:first-child,
.bokg2events .day.bokg2events.hasEvent.showing > div:first-child,
.bokg3events .day.bokg3events.hasEvent.showing > div:first-child,
.bokg4events .day.bokg4events.hasEvent.showing > div:first-child,
.bokg5events .day.bokg5events.hasEvent.showing > div:first-child,
.bokg6events .day.bokg6events.hasEvent.showing > div:first-child,
.bokg7events .day.bokg7events.hasEvent.showing > div:first-child,
.bokg8events .day.bokg8events.hasEvent.showing > div:first-child,
.vot1events .day.vot1events.hasEvent.showing > div:first-child,
.vot2events .day.vot2events.hasEvent.showing > div:first-child,
.vot3events .day.vot3events.hasEvent.showing > div:first-child,
.vot4events .day.vot4events.hasEvent.showing > div:first-child,
.vot5events .day.vot5events.hasEvent.showing > div:first-child,
.vot6events .day.vot6events.hasEvent.showing > div:first-child,
.vot7events .day.vot7events.hasEvent.showing > div:first-child {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  background-color: #FFFFC0;
}
.day.bovakanties,
.day.bostudiedagen,
.day.vovakanties,
.day.vostudiedagen {
  color: #00AA00;
  cursor: hand;
  cursor: pointer;
}
.day.bovakanties.showing,
.day.bostudiedagen.showing,
.day.vovakanties.showing,
.day.vostudiedagen.showing {
  border-color: #00AA00!important;
}
.bokg1events .calMonth.curMonth .day.bokg1events.hasEvent:hover,
.bokg2events .calMonth.curMonth .day.bokg2events.hasEvent:hover,
.bokg3events .calMonth.curMonth .day.bokg3events.hasEvent:hover,
.bokg4events .calMonth.curMonth .day.bokg4events.hasEvent:hover,
.bokg5events .calMonth.curMonth .day.bokg5events.hasEvent:hover,
.bokg6events .calMonth.curMonth .day.bokg6events.hasEvent:hover,
.bokg7events .calMonth.curMonth .day.bokg7events.hasEvent:hover,
.bokg8events .calMonth.curMonth .day.bokg8events.hasEvent:hover,
.vot1events .calMonth.curMonth .day.vot1events.hasEvent:hover,
.vot2events .calMonth.curMonth .day.vot2events.hasEvent:hover,
.vot3events .calMonth.curMonth .day.vot3events.hasEvent:hover,
.vot4events .calMonth.curMonth .day.vot4events.hasEvent:hover,
.vot5events .calMonth.curMonth .day.vot5events.hasEvent:hover,
.vot6events .calMonth.curMonth .day.vot6events.hasEvent:hover,
.vot7events .calMonth.curMonth .day.vot7events.hasEvent:hover {
  z-index: 300;
}
.bokg1events .calMonth.curMonth .day.bokg1events.hasEvent:hover > div,
.bokg2events .calMonth.curMonth .day.bokg2events.hasEvent:hover > div,
.bokg3events .calMonth.curMonth .day.bokg3events.hasEvent:hover > div,
.bokg4events .calMonth.curMonth .day.bokg4events.hasEvent:hover > div,
.bokg5events .calMonth.curMonth .day.bokg5events.hasEvent:hover > div,
.bokg6events .calMonth.curMonth .day.bokg6events.hasEvent:hover > div,
.bokg7events .calMonth.curMonth .day.bokg7events.hasEvent:hover > div,
.bokg8events .calMonth.curMonth .day.bokg8events.hasEvent:hover > div,
.vot1events .calMonth.curMonth .day.vot1events.hasEvent:hover > div,
.vot2events .calMonth.curMonth .day.vot2events.hasEvent:hover > div,
.vot3events .calMonth.curMonth .day.vot3events.hasEvent:hover > div,
.vot4events .calMonth.curMonth .day.vot4events.hasEvent:hover > div,
.vot5events .calMonth.curMonth .day.vot5events.hasEvent:hover > div,
.vot6events .calMonth.curMonth .day.vot6events.hasEvent:hover > div,
.vot7events .calMonth.curMonth .day.vot7events.hasEvent:hover > div {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  text-decoration: underline;
}
.cmsAddEvt,
.cmsModEvt,
.cmsDelEvt {
  box-sizing: border-box;
  display: none;
  position: absolute;
  z-index: 1000;
  top: 4px;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-clip: padding-box;
  border: solid 2px black;
  background: white;
  font-family: FontAwesome;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  text-decoration: none!important;
  cursor: pointer;
}
.cmsAddEvt:hover,
.cmsModEvt:hover,
.cmsDelEvt:hover {
  border-color: blue;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cmsEditing .cmsAddEvt,
.cmsEditing .cmsModEvt,
.cmsEditing .cmsDelEvt {
  display: block;
}
.cmsAddEvt {
  top: -2px;
  left: 0px;
  right: auto;
  color: blue;
}
.cmsAddEvt:before {
  content: '\f067';
}
.cmsModEvt {
  right: 40px;
  color: blue;
}
.cmsModEvt:before {
  content: '\f040';
}
.cmsDelEvt {
  right: 4px;
  color: red;
}
.cmsDelEvt:before {
  content: '\f00d';
}
.article {
  box-sizing: border-box;
  position: relative;
  min-width: 280px;
  max-width: 650px;
  margin-bottom: 20px;
}
.article .inner {
  position: relative;
  z-index: 10;
  padding: 3em 4em 2.5em 4em;
}
.article .inner .articleIntro {
  margin-bottom: 1em;
}
.article .inner a.readmore {
  box-sizing: border-box;
  display: block;
  position: relative;
  top: 20px;
  left: 5%;
  min-width: 120px;
  margin: 0 auto 0 auto;
  padding: 14px 0 0 15px;
  width: 140px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: all 0.3s;
}
.article .inner a.readmore:after {
  content: ' >';
}
.article .inner a.readmore:hover {
  padding-left: 35px;
  text-decoration: underline;
}
.article .inner h1 {
  margin: 0 0 10px 0;
  font-size: 1.75em;
  line-height: normal;
  font-weight: normal;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article .inner h1 a,
.article .inner h1 a:hover,
.article .inner h1 a:visited,
.article .inner h1 a:active {
  color: #000066!important;
}
.article .inner > h1 {
  margin-top: 0;
}
.article .inner h2 {
  width: auto!important;
  margin: 1.75em 0 0.75em 0;
  line-height: normal;
  font-size: 1.4em;
  font-weight: normal;
}
.article .inner h3 {
  width: auto!important;
  margin: 0.75em 0 0 0;
  line-height: normal;
  font-size: 1.25em;
  font-weight: normal;
}
.article .inner p {
  margin-top: 0;
  margin-bottom: 1em;
}
.article .inner p:first-of-type {
  margin-top: 0;
}
.article .inner p:last-of-type {
  margin-bottom: 0;
}
.article .inner .htmlc + ul {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
}
.article .inner a,
.article .inner a:visited,
.article .inner a:active {
  text-decoration: none;
  color: #0000AA;
}
.article .inner a:hover {
  text-decoration: underline;
  color: #0000FF;
}
body.view-search .article .inner p a {
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
p.clearBoth {
  clear: both;
  margin: 0!important;
  height: 0!important;
}
.article.hasPubDate .inner,
.article.xhasAd .inner {
  padding-top: 40px;
}
.article .props {
  height: 0;
}
.article .props .pubdate {
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 0;
  width: 130px;
  text-align: center;
}
.article .props .pubdate:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: -15px;
}
.article .props .pubdate.version1:before {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: -178px -630px;
  width: 130px;
  height: 60px;
}
.article .props .pubdate.version2:before {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: -178px -630px;
  width: 130px;
  height: 60px;
}
.article .props .pubdate.version3:before {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: -178px -630px;
  width: 130px;
  height: 60px;
}
.article .props .pubdate {
  display: none;
}
.article.showDate .props .pubdate {
  display: block;
}
.article.style-plain,
.article.style-ad,
.showSearch .article.style-void,
.article.style- {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background-clip: padding-box;
  background: white;
}
.article.style-ad {
  margin-bottom: 160px;
  -webkit-perspective: 300px;
  perspective: 300px;
}
.article.style-ad .props-ad {
  display: none;
}
.article.style-ad .artCloser {
  display: block;
  position: absolute;
  bottom: -135px;
  left: -2px;
  width: 100%;
  height: 140px;
  padding: 0 2px 0 0;
  background: url(images/bgad.png);
}
.article.style-ad .artCloser {
  animation-duration: 2s;
  animation-name: adgeflapper;
  animation-iteration-count: 8;
}
@-webkit-keyframes adgeflapper {
  0%,
  40%,
  60%,
  100% {
    -webkit-transform: scale(0.996) rotateX(-0.5deg);
    transform: scale(0.996) rotateX(-0.5deg);
  }
  45%,
  57% {
    -webkit-transform: scale(1.005) rotateX(2deg);
    transform: scale(1.005) rotateX(2deg);
  }
}
@keyframes adgeflapper {
  0%,
  100% {
    -webkit-transform: scale(0.996) rotateX(-0.5deg);
    transform: scale(0.996) rotateX(-0.5deg);
  }
  50% {
    -webkit-transform: scale(1.005) rotateX(2deg);
    transform: scale(1.005) rotateX(2deg);
  }
}
html:not([class*='showSearch']) .article.style-void h1,
html:not([class*='showSearch']) .article.style-void .props {
  display: none;
}
html:not([class*='showSearch']) .article.style-void .inner {
  padding: 15px;
}
html:not([class*='showSearch']) .article.style-void article > h2 {
  display: none;
}
html:not([class*='showSearch']).canEdit .article.style-void {
  background: rgba(255, 255, 255, 0.3);
}
html:not([class*='showSearch']).canEdit .article.style-void h1 {
  display: block;
  opacity: 0.5;
}
.article.style-dotted {
  border-radius: 12px;
  background-clip: padding-box;
  border: dotted 2px black;
  background-color: #FFF;
}
.article.style-dotted:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-sizing: content-box;
  top: -2px;
  left: -2px;
  padding: 2px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  background-clip: padding-box;
  background-color: #FFF;
}
.cmsEditing .article.style-dotted:before:before {
  pointer-events: auto;
}
.article.style-curly {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #FFF;
}
.article.style-curly:before,
.article.style-curly:after {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: auto;
  left: auto;
  bottom: -35px;
  max-width: 100%;
  width: 250px;
  height: 40px;
}
.cmsEditing .article.style-curly:before:before,
.cmsEditing .article.style-curly:after:before {
  pointer-events: auto;
}
.article.style-curly:before {
  left: 0px;
  background: url(images/curl-left.png) no-repeat 0 0;
}
.article.style-curly:after {
  right: -5px;
  background: url(images/curl-right.png) no-repeat 100% 0;
}
.article.style-sketch {
  padding-left: 42px;
}
.article.style-sketch:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-style: solid;
  border-width: 1px 5px 5px 35px;
  border-image: url('images/article/sketch.png') 1 5 5 35 fill round round;
}
.cmsEditing .article.style-sketch:before:before {
  pointer-events: auto;
}
.article.style-note {
  padding-left: 35px;
}
.article.style-note:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-style: solid;
  border-width: 1px 23px 91px 70px;
  border-image: url('images/article/note.png') 1 23 91 70 fill round round;
}
.cmsEditing .article.style-note:before:before {
  pointer-events: auto;
}
.article.style-lijntjes {
  padding-left: 30px;
}
.article.style-lijntjes:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-style: solid;
  border-width: 50px 80px 72px 42px;
  border-image: url('images/article/lijntjes.png') 50 80 72 42 fill stretch round;
}
.cmsEditing .article.style-lijntjes:before:before {
  pointer-events: auto;
}
.article.style-ruitjes {
  padding-left: 50px;
}
.article.style-ruitjes:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-style: solid;
  border-width: 126px 90px 95px 150px;
  border-image: url('images/article/ruitjes-licht.png') 126 90 95 150 fill round round;
}
.cmsEditing .article.style-ruitjes:before:before {
  pointer-events: auto;
}
.article.style-kreukels:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  background-clip: padding-box;
  background: url(images/article/kreukels.jpg) white;
}
.cmsEditing .article.style-kreukels:before:before {
  pointer-events: auto;
}
.isOldIE .article:before {
  display: none!important;
}
.isOldIE .article .inner {
  border-radius: 12px;
  background-clip: padding-box;
  background: white!important;
}
/* search results */
.sitePart-wp,
.sitePart-kb,
.sitePart-bo,
.sitePart-vo {
  position: relative;
}
.sitePart-wp:before,
.sitePart-kb:before,
.sitePart-bo:before,
.sitePart-vo:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: -15px;
  left: -15px;
  width: 40px;
  height: 40px;
}
.cmsEditing .sitePart-wp:before:before,
.cmsEditing .sitePart-kb:before:before,
.cmsEditing .sitePart-bo:before:before,
.cmsEditing .sitePart-vo:before:before {
  pointer-events: auto;
}
.sitePart-wp:before {
  background-image: url(images/sticker-wp-40x40.png);
}
.sitePart-kb:before {
  background-image: url(images/sticker-kb-bw.png);
}
.sitePart-bo:before {
  background-image: url(images/sticker-bo-bw.png);
}
.sitePart-vo:before {
  background-image: url(images/sticker-vo-bw.png);
}
.sitePart-bo.sitePart-vo:before {
  width: 65px;
  background: url(images/sticker-vo-bw.png) no-repeat 25px, url(images/sticker-bo-bw.png) no-repeat 0px;
}
.htmlc.compol:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 10;
  top: -3px;
  left: 3px;
  width: 46px;
  height: 46px;
  margin: -15px 0 0 -23px;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -1217px;
  text-indent: -10000px;
}
#search {
  position: absolute;
  top: 60px;
  left: 5%;
  width: 90%;
  min-height: 90%;
}
#search #centerResults {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: 320px;
  max-width: 690px;
  margin: 0 auto;
}
#searchOpener {
  position: fixed;
  z-index: 1001;
  top: 10px;
  right: 6px;
  width: 35px;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  transition: all 0.4s;
}
#searchOpener:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#searchOpener .line {
  position: absolute;
  border-radius: 2px;
  background-clip: padding-box;
  border: 3px solid white;
  transition: all 0.2s;
}
#searchOpener .line1 {
  top: 17px;
  left: 5px;
  width: 6px;
  height: 0px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.showSearch #searchOpener .line1 {
  top: 10px;
  left: 2px;
  width: 26px;
  border-width: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#searchOpener .line2 {
  top: 0px;
  left: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.showSearch #searchOpener .line2 {
  top: 10px;
  left: 2px;
  width: 26px;
  height: 0px;
  border-width: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
body.view-search #searchOpener {
  display: none;
}
html #search {
  display: none;
  z-index: 10000000;
  opacity: 0.0;
  transition: all 0.2s 0s;
  visibility: hidden;
}
html #search h2 {
  margin-top: 0;
}
html.showSearch #search,
html.modalAnimating #search {
  display: block;
}
html.inModalMode.showSearch #search {
  z-index: 10;
  opacity: 1;
  transition: all 0.4s 0.1s;
  visibility: visible;
}
#centerResults #___gcse_0 .gsc-above-wrapper-area,
#centerResults #___gcse_0 .gsc-adBlock,
#centerResults #___gcse_0 .gcsc-branding,
#centerResults #___gcse_0 .gsc-modal-background-image {
  display: none!important;
}
#centerResults #___gcse_0 .gsc-results-wrapper-overlay {
  position: relative!important;
  top: auto!important;
  left: auto!important;
  width: 100%!important;
  height: auto!important;
  margin-top: 2em!important;
  padding: 0!important;
  border: none!important;
  background: none!important;
  box-shadow: none !important;
  overflow: hidden!important;
}
.gsc-overflow-hidden {
  overflow: auto!important;
}
.htmlc.fx-zoomin .box .imgwrap,
.htmlc.fx-zoomout .box .imgwrap,
.htmlc.fx-kenburns .box .imgwrap {
  width: auto;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}
html.loaded:not(.reset) .htmlc.fx-zoomin .box .imgwrap img,
html.loaded:not(.reset) .htmlc.fx-zoomout .box .imgwrap img,
html.loaded:not(.reset) .htmlc.fx-kenburns .box .imgwrap img {
  transition-duration: 20s;
  transition-property: transform;
}
html:not(.loaded) .htmlc.fx-kenburns img,
html.reset .htmlc.fx-kenburns img {
  -webkit-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
}
html.loaded .htmlc.fx-kenburns.image img,
.htmlc.fx-kenburns img {
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.htmlc.fx-kenburns.image:nth-child(2n+1) img {
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.htmlc.fx-kenburns.image:nth-child(3n+1) img {
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.htmlc.fx-kenburns.image:nth-child(4n+1) img {
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}
html:not(.loaded) .htmlc.fx-zoomin img,
html.reset .htmlc.fx-zoomin img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.htmlc.fx-zoomin.image img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
html:not(.loaded) .htmlc.fx-zoomout img,
html.reset .htmlc.fx-zoomout img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.htmlc.fx-zoomout.image img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.htmlc {
  box-sizing: border-box;
  position: relative;
  max-width: 100%!important;
  margin: 1em 0;
  /* make sure floating components are contained inside */
}
.htmlc .box {
  box-sizing: border-box;
  position: relative;
}
.htmlc.encapsulate-on .box:after {
  display: block;
  content: '';
  clear: both;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-0 {
  margin-left: 0px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-0 {
  margin-left: 0px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-0 {
  margin-right: 0px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-0 {
  margin-right: 0px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-1 {
  margin-left: -1px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-1 {
  margin-left: -1px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-1 {
  margin-right: -1px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-1 {
  margin-right: -1px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-2 {
  margin-left: -2px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-2 {
  margin-left: -2px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-2 {
  margin-right: -2px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-2 {
  margin-right: -2px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-3 {
  margin-left: -3px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-3 {
  margin-left: -3px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-3 {
  margin-right: -3px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-3 {
  margin-right: -3px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-4 {
  margin-left: -4px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-4 {
  margin-left: -4px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-4 {
  margin-right: -4px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-4 {
  margin-right: -4px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-5 {
  margin-left: -5px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-5 {
  margin-left: -5px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-5 {
  margin-right: -5px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-5 {
  margin-right: -5px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-6 {
  margin-left: -6px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-6 {
  margin-left: -6px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-6 {
  margin-right: -6px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-6 {
  margin-right: -6px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-7 {
  margin-left: -7px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-7 {
  margin-left: -7px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-7 {
  margin-right: -7px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-7 {
  margin-right: -7px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-8 {
  margin-left: -8px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-8 {
  margin-left: -8px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-8 {
  margin-right: -8px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-8 {
  margin-right: -8px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-9 {
  margin-left: -9px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-9 {
  margin-left: -9px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-9 {
  margin-right: -9px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-9 {
  margin-right: -9px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-10 {
  margin-left: -10px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-10 {
  margin-left: -10px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-10 {
  margin-right: -10px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-10 {
  margin-right: -10px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-11 {
  margin-left: -11px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-11 {
  margin-left: -11px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-11 {
  margin-right: -11px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-11 {
  margin-right: -11px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-12 {
  margin-left: -12px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-12 {
  margin-left: -12px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-12 {
  margin-right: -12px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-12 {
  margin-right: -12px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-13 {
  margin-left: -13px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-13 {
  margin-left: -13px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-13 {
  margin-right: -13px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-13 {
  margin-right: -13px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-14 {
  margin-left: -14px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-14 {
  margin-left: -14px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-14 {
  margin-right: -14px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-14 {
  margin-right: -14px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-15 {
  margin-left: -15px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-15 {
  margin-left: -15px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-15 {
  margin-right: -15px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-15 {
  margin-right: -15px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-16 {
  margin-left: -16px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-16 {
  margin-left: -16px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-16 {
  margin-right: -16px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-16 {
  margin-right: -16px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-17 {
  margin-left: -17px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-17 {
  margin-left: -17px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-17 {
  margin-right: -17px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-17 {
  margin-right: -17px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-18 {
  margin-left: -18px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-18 {
  margin-left: -18px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-18 {
  margin-right: -18px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-18 {
  margin-right: -18px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-19 {
  margin-left: -19px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-19 {
  margin-left: -19px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-19 {
  margin-right: -19px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-19 {
  margin-right: -19px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-20 {
  margin-left: -20px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-20 {
  margin-left: -20px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-20 {
  margin-right: -20px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-20 {
  margin-right: -20px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-21 {
  margin-left: -21px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-21 {
  margin-left: -21px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-21 {
  margin-right: -21px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-21 {
  margin-right: -21px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-22 {
  margin-left: -22px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-22 {
  margin-left: -22px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-22 {
  margin-right: -22px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-22 {
  margin-right: -22px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-23 {
  margin-left: -23px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-23 {
  margin-left: -23px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-23 {
  margin-right: -23px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-23 {
  margin-right: -23px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-24 {
  margin-left: -24px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-24 {
  margin-left: -24px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-24 {
  margin-right: -24px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-24 {
  margin-right: -24px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-25 {
  margin-left: -25px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-25 {
  margin-left: -25px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-25 {
  margin-right: -25px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-25 {
  margin-right: -25px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-26 {
  margin-left: -26px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-26 {
  margin-left: -26px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-26 {
  margin-right: -26px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-26 {
  margin-right: -26px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-27 {
  margin-left: -27px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-27 {
  margin-left: -27px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-27 {
  margin-right: -27px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-27 {
  margin-right: -27px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-28 {
  margin-left: -28px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-28 {
  margin-left: -28px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-28 {
  margin-right: -28px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-28 {
  margin-right: -28px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-29 {
  margin-left: -29px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-29 {
  margin-left: -29px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-29 {
  margin-right: -29px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-29 {
  margin-right: -29px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-30 {
  margin-left: -30px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-30 {
  margin-left: -30px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-30 {
  margin-right: -30px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-30 {
  margin-right: -30px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-31 {
  margin-left: -31px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-31 {
  margin-left: -31px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-31 {
  margin-right: -31px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-31 {
  margin-right: -31px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-32 {
  margin-left: -32px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-32 {
  margin-left: -32px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-32 {
  margin-right: -32px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-32 {
  margin-right: -32px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-33 {
  margin-left: -33px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-33 {
  margin-left: -33px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-33 {
  margin-right: -33px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-33 {
  margin-right: -33px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-34 {
  margin-left: -34px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-34 {
  margin-left: -34px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-34 {
  margin-right: -34px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-34 {
  margin-right: -34px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-35 {
  margin-left: -35px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-35 {
  margin-left: -35px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-35 {
  margin-right: -35px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-35 {
  margin-right: -35px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-36 {
  margin-left: -36px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-36 {
  margin-left: -36px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-36 {
  margin-right: -36px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-36 {
  margin-right: -36px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-37 {
  margin-left: -37px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-37 {
  margin-left: -37px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-37 {
  margin-right: -37px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-37 {
  margin-right: -37px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-38 {
  margin-left: -38px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-38 {
  margin-left: -38px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-38 {
  margin-right: -38px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-38 {
  margin-right: -38px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-39 {
  margin-left: -39px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-39 {
  margin-left: -39px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-39 {
  margin-right: -39px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-39 {
  margin-right: -39px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-40 {
  margin-left: -40px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-40 {
  margin-left: -40px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-40 {
  margin-right: -40px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-40 {
  margin-right: -40px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-41 {
  margin-left: -41px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-41 {
  margin-left: -41px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-41 {
  margin-right: -41px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-41 {
  margin-right: -41px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-42 {
  margin-left: -42px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-42 {
  margin-left: -42px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-42 {
  margin-right: -42px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-42 {
  margin-right: -42px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-43 {
  margin-left: -43px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-43 {
  margin-left: -43px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-43 {
  margin-right: -43px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-43 {
  margin-right: -43px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-44 {
  margin-left: -44px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-44 {
  margin-left: -44px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-44 {
  margin-right: -44px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-44 {
  margin-right: -44px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-45 {
  margin-left: -45px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-45 {
  margin-left: -45px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-45 {
  margin-right: -45px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-45 {
  margin-right: -45px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-46 {
  margin-left: -46px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-46 {
  margin-left: -46px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-46 {
  margin-right: -46px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-46 {
  margin-right: -46px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-47 {
  margin-left: -47px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-47 {
  margin-left: -47px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-47 {
  margin-right: -47px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-47 {
  margin-right: -47px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-48 {
  margin-left: -48px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-48 {
  margin-left: -48px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-48 {
  margin-right: -48px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-48 {
  margin-right: -48px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-49 {
  margin-left: -49px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-49 {
  margin-left: -49px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-49 {
  margin-right: -49px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-49 {
  margin-right: -49px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-50 {
  margin-left: -50px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-50 {
  margin-left: -50px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-50 {
  margin-right: -50px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-50 {
  margin-right: -50px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-51 {
  margin-left: -51px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-51 {
  margin-left: -51px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-51 {
  margin-right: -51px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-51 {
  margin-right: -51px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-52 {
  margin-left: -52px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-52 {
  margin-left: -52px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-52 {
  margin-right: -52px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-52 {
  margin-right: -52px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-53 {
  margin-left: -53px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-53 {
  margin-left: -53px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-53 {
  margin-right: -53px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-53 {
  margin-right: -53px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-54 {
  margin-left: -54px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-54 {
  margin-left: -54px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-54 {
  margin-right: -54px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-54 {
  margin-right: -54px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-55 {
  margin-left: -55px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-55 {
  margin-left: -55px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-55 {
  margin-right: -55px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-55 {
  margin-right: -55px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-56 {
  margin-left: -56px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-56 {
  margin-left: -56px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-56 {
  margin-right: -56px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-56 {
  margin-right: -56px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-57 {
  margin-left: -57px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-57 {
  margin-left: -57px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-57 {
  margin-right: -57px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-57 {
  margin-right: -57px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-58 {
  margin-left: -58px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-58 {
  margin-left: -58px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-58 {
  margin-right: -58px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-58 {
  margin-right: -58px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-59 {
  margin-left: -59px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-59 {
  margin-left: -59px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-59 {
  margin-right: -59px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-59 {
  margin-right: -59px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-60 {
  margin-left: -60px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-60 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-60 {
  margin-right: -60px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-60 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-61 {
  margin-left: -61px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-61 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-61 {
  margin-right: -61px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-61 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-62 {
  margin-left: -62px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-62 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-62 {
  margin-right: -62px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-62 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-63 {
  margin-left: -63px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-63 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-63 {
  margin-right: -63px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-63 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-64 {
  margin-left: -64px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-64 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-64 {
  margin-right: -64px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-64 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-65 {
  margin-left: -65px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-65 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-65 {
  margin-right: -65px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-65 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-66 {
  margin-left: -66px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-66 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-66 {
  margin-right: -66px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-66 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-67 {
  margin-left: -67px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-67 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-67 {
  margin-right: -67px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-67 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-68 {
  margin-left: -68px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-68 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-68 {
  margin-right: -68px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-68 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-69 {
  margin-left: -69px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-69 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-69 {
  margin-right: -69px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-69 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-70 {
  margin-left: -70px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-70 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-70 {
  margin-right: -70px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-70 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-71 {
  margin-left: -71px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-71 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-71 {
  margin-right: -71px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-71 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-72 {
  margin-left: -72px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-72 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-72 {
  margin-right: -72px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-72 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-73 {
  margin-left: -73px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-73 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-73 {
  margin-right: -73px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-73 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-74 {
  margin-left: -74px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-74 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-74 {
  margin-right: -74px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-74 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-75 {
  margin-left: -75px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-75 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-75 {
  margin-right: -75px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-75 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-76 {
  margin-left: -76px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-76 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-76 {
  margin-right: -76px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-76 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-77 {
  margin-left: -77px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-77 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-77 {
  margin-right: -77px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-77 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-78 {
  margin-left: -78px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-78 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-78 {
  margin-right: -78px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-78 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-79 {
  margin-left: -79px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-79 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-79 {
  margin-right: -79px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-79 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-80 {
  margin-left: -80px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-80 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-80 {
  margin-right: -80px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-80 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-81 {
  margin-left: -81px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-81 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-81 {
  margin-right: -81px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-81 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-82 {
  margin-left: -82px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-82 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-82 {
  margin-right: -82px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-82 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-83 {
  margin-left: -83px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-83 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-83 {
  margin-right: -83px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-83 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-84 {
  margin-left: -84px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-84 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-84 {
  margin-right: -84px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-84 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-85 {
  margin-left: -85px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-85 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-85 {
  margin-right: -85px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-85 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-86 {
  margin-left: -86px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-86 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-86 {
  margin-right: -86px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-86 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-87 {
  margin-left: -87px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-87 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-87 {
  margin-right: -87px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-87 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-88 {
  margin-left: -88px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-88 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-88 {
  margin-right: -88px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-88 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-89 {
  margin-left: -89px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-89 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-89 {
  margin-right: -89px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-89 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-90 {
  margin-left: -90px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-90 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-90 {
  margin-right: -90px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-90 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-91 {
  margin-left: -91px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-91 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-91 {
  margin-right: -91px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-91 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-92 {
  margin-left: -92px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-92 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-92 {
  margin-right: -92px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-92 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-93 {
  margin-left: -93px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-93 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-93 {
  margin-right: -93px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-93 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-94 {
  margin-left: -94px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-94 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-94 {
  margin-right: -94px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-94 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-95 {
  margin-left: -95px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-95 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-95 {
  margin-right: -95px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-95 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-96 {
  margin-left: -96px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-96 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-96 {
  margin-right: -96px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-96 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-97 {
  margin-left: -97px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-97 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-97 {
  margin-right: -97px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-97 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-98 {
  margin-left: -98px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-98 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-98 {
  margin-right: -98px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-98 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-99 {
  margin-left: -99px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-99 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-99 {
  margin-right: -99px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-99 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-100 {
  margin-left: -100px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-100 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-100 {
  margin-right: -100px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-100 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-101 {
  margin-left: -101px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-101 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-101 {
  margin-right: -101px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-101 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-102 {
  margin-left: -102px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-102 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-102 {
  margin-right: -102px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-102 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-103 {
  margin-left: -103px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-103 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-103 {
  margin-right: -103px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-103 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-104 {
  margin-left: -104px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-104 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-104 {
  margin-right: -104px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-104 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-105 {
  margin-left: -105px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-105 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-105 {
  margin-right: -105px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-105 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-106 {
  margin-left: -106px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-106 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-106 {
  margin-right: -106px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-106 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-107 {
  margin-left: -107px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-107 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-107 {
  margin-right: -107px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-107 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-108 {
  margin-left: -108px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-108 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-108 {
  margin-right: -108px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-108 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-109 {
  margin-left: -109px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-109 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-109 {
  margin-right: -109px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-109 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-110 {
  margin-left: -110px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-110 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-110 {
  margin-right: -110px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-110 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-111 {
  margin-left: -111px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-111 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-111 {
  margin-right: -111px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-111 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-112 {
  margin-left: -112px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-112 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-112 {
  margin-right: -112px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-112 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-113 {
  margin-left: -113px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-113 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-113 {
  margin-right: -113px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-113 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-114 {
  margin-left: -114px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-114 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-114 {
  margin-right: -114px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-114 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-115 {
  margin-left: -115px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-115 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-115 {
  margin-right: -115px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-115 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-116 {
  margin-left: -116px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-116 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-116 {
  margin-right: -116px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-116 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-117 {
  margin-left: -117px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-117 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-117 {
  margin-right: -117px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-117 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-118 {
  margin-left: -118px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-118 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-118 {
  margin-right: -118px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-118 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-119 {
  margin-left: -119px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-119 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-119 {
  margin-right: -119px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-119 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-120 {
  margin-left: -120px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-120 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-120 {
  margin-right: -120px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-120 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-121 {
  margin-left: -121px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-121 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-121 {
  margin-right: -121px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-121 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-122 {
  margin-left: -122px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-122 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-122 {
  margin-right: -122px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-122 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-123 {
  margin-left: -123px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-123 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-123 {
  margin-right: -123px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-123 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-124 {
  margin-left: -124px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-124 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-124 {
  margin-right: -124px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-124 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-125 {
  margin-left: -125px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-125 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-125 {
  margin-right: -125px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-125 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-126 {
  margin-left: -126px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-126 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-126 {
  margin-right: -126px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-126 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-127 {
  margin-left: -127px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-127 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-127 {
  margin-right: -127px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-127 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-128 {
  margin-left: -128px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-128 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-128 {
  margin-right: -128px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-128 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-129 {
  margin-left: -129px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-129 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-129 {
  margin-right: -129px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-129 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-130 {
  margin-left: -130px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-130 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-130 {
  margin-right: -130px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-130 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-131 {
  margin-left: -131px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-131 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-131 {
  margin-right: -131px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-131 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-132 {
  margin-left: -132px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-132 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-132 {
  margin-right: -132px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-132 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-133 {
  margin-left: -133px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-133 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-133 {
  margin-right: -133px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-133 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-134 {
  margin-left: -134px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-134 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-134 {
  margin-right: -134px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-134 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-135 {
  margin-left: -135px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-135 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-135 {
  margin-right: -135px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-135 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-136 {
  margin-left: -136px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-136 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-136 {
  margin-right: -136px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-136 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-137 {
  margin-left: -137px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-137 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-137 {
  margin-right: -137px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-137 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-138 {
  margin-left: -138px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-138 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-138 {
  margin-right: -138px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-138 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-139 {
  margin-left: -139px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-139 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-139 {
  margin-right: -139px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-139 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-140 {
  margin-left: -140px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-140 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-140 {
  margin-right: -140px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-140 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-141 {
  margin-left: -141px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-141 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-141 {
  margin-right: -141px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-141 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-142 {
  margin-left: -142px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-142 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-142 {
  margin-right: -142px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-142 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-143 {
  margin-left: -143px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-143 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-143 {
  margin-right: -143px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-143 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-144 {
  margin-left: -144px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-144 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-144 {
  margin-right: -144px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-144 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-145 {
  margin-left: -145px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-145 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-145 {
  margin-right: -145px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-145 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-146 {
  margin-left: -146px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-146 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-146 {
  margin-right: -146px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-146 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-147 {
  margin-left: -147px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-147 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-147 {
  margin-right: -147px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-147 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-148 {
  margin-left: -148px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-148 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-148 {
  margin-right: -148px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-148 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-149 {
  margin-left: -149px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-149 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-149 {
  margin-right: -149px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-149 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-150 {
  margin-left: -150px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-150 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-150 {
  margin-right: -150px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-150 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-151 {
  margin-left: -151px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-151 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-151 {
  margin-right: -151px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-151 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-152 {
  margin-left: -152px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-152 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-152 {
  margin-right: -152px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-152 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-153 {
  margin-left: -153px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-153 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-153 {
  margin-right: -153px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-153 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-154 {
  margin-left: -154px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-154 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-154 {
  margin-right: -154px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-154 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-155 {
  margin-left: -155px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-155 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-155 {
  margin-right: -155px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-155 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-156 {
  margin-left: -156px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-156 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-156 {
  margin-right: -156px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-156 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-157 {
  margin-left: -157px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-157 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-157 {
  margin-right: -157px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-157 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-158 {
  margin-left: -158px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-158 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-158 {
  margin-right: -158px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-158 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-159 {
  margin-left: -159px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-159 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-159 {
  margin-right: -159px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-159 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-160 {
  margin-left: -160px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-160 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-160 {
  margin-right: -160px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-160 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-161 {
  margin-left: -161px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-161 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-161 {
  margin-right: -161px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-161 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-162 {
  margin-left: -162px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-162 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-162 {
  margin-right: -162px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-162 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-163 {
  margin-left: -163px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-163 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-163 {
  margin-right: -163px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-163 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-164 {
  margin-left: -164px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-164 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-164 {
  margin-right: -164px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-164 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-165 {
  margin-left: -165px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-165 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-165 {
  margin-right: -165px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-165 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-166 {
  margin-left: -166px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-166 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-166 {
  margin-right: -166px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-166 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-167 {
  margin-left: -167px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-167 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-167 {
  margin-right: -167px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-167 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-168 {
  margin-left: -168px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-168 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-168 {
  margin-right: -168px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-168 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-169 {
  margin-left: -169px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-169 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-169 {
  margin-right: -169px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-169 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-170 {
  margin-left: -170px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-170 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-170 {
  margin-right: -170px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-170 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-171 {
  margin-left: -171px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-171 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-171 {
  margin-right: -171px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-171 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-172 {
  margin-left: -172px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-172 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-172 {
  margin-right: -172px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-172 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-173 {
  margin-left: -173px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-173 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-173 {
  margin-right: -173px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-173 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-174 {
  margin-left: -174px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-174 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-174 {
  margin-right: -174px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-174 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-175 {
  margin-left: -175px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-175 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-175 {
  margin-right: -175px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-175 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-176 {
  margin-left: -176px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-176 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-176 {
  margin-right: -176px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-176 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-177 {
  margin-left: -177px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-177 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-177 {
  margin-right: -177px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-177 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-178 {
  margin-left: -178px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-178 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-178 {
  margin-right: -178px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-178 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-179 {
  margin-left: -179px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-179 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-179 {
  margin-right: -179px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-179 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-180 {
  margin-left: -180px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-180 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-180 {
  margin-right: -180px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-180 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-181 {
  margin-left: -181px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-181 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-181 {
  margin-right: -181px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-181 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-182 {
  margin-left: -182px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-182 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-182 {
  margin-right: -182px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-182 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-183 {
  margin-left: -183px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-183 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-183 {
  margin-right: -183px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-183 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-184 {
  margin-left: -184px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-184 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-184 {
  margin-right: -184px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-184 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-185 {
  margin-left: -185px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-185 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-185 {
  margin-right: -185px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-185 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-186 {
  margin-left: -186px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-186 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-186 {
  margin-right: -186px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-186 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-187 {
  margin-left: -187px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-187 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-187 {
  margin-right: -187px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-187 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-188 {
  margin-left: -188px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-188 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-188 {
  margin-right: -188px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-188 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-189 {
  margin-left: -189px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-189 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-189 {
  margin-right: -189px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-189 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-190 {
  margin-left: -190px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-190 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-190 {
  margin-right: -190px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-190 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-191 {
  margin-left: -191px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-191 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-191 {
  margin-right: -191px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-191 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-192 {
  margin-left: -192px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-192 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-192 {
  margin-right: -192px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-192 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-193 {
  margin-left: -193px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-193 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-193 {
  margin-right: -193px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-193 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-194 {
  margin-left: -194px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-194 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-194 {
  margin-right: -194px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-194 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-195 {
  margin-left: -195px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-195 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-195 {
  margin-right: -195px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-195 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-196 {
  margin-left: -196px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-196 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-196 {
  margin-right: -196px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-196 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-197 {
  margin-left: -197px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-197 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-197 {
  margin-right: -197px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-197 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-198 {
  margin-left: -198px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-198 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-198 {
  margin-right: -198px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-198 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-199 {
  margin-left: -199px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-199 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-199 {
  margin-right: -199px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-199 {
  margin-right: -60px;
}
html:not(.narrow) .htmlc.align-left:not(.align-center-override).offsetx-200 {
  margin-left: -200px;
}
html.narrow .htmlc.align-left:not(.align-center-override).offsetx-200 {
  margin-left: -60px;
}
html:not(.rnarrow) .htmlc.align-right:not(.align-center-override).offsetx-200 {
  margin-right: -200px;
}
html.rnarrow .htmlc.align-right:not(.align-center-override).offsetx-200 {
  margin-right: -60px;
}
html.narrow .htmlc.align-right {
  margin-right: 0;
}
.htmlc.size-20 {
  width: 20%;
  min-width: 160px;
}
.htmlc.align-center.size-20 > .box {
  width: 20%;
  min-width: 160px;
}
.htmlc.size-21 {
  width: 21%;
  min-width: 160px;
}
.htmlc.align-center.size-21 > .box {
  width: 21%;
  min-width: 160px;
}
.htmlc.size-22 {
  width: 22%;
  min-width: 160px;
}
.htmlc.align-center.size-22 > .box {
  width: 22%;
  min-width: 160px;
}
.htmlc.size-23 {
  width: 23%;
  min-width: 160px;
}
.htmlc.align-center.size-23 > .box {
  width: 23%;
  min-width: 160px;
}
.htmlc.size-24 {
  width: 24%;
  min-width: 160px;
}
.htmlc.align-center.size-24 > .box {
  width: 24%;
  min-width: 160px;
}
.htmlc.size-25 {
  width: 25%;
  min-width: 160px;
}
.htmlc.align-center.size-25 > .box {
  width: 25%;
  min-width: 160px;
}
.htmlc.size-26 {
  width: 26%;
  min-width: 160px;
}
.htmlc.align-center.size-26 > .box {
  width: 26%;
  min-width: 160px;
}
.htmlc.size-27 {
  width: 27%;
  min-width: 160px;
}
.htmlc.align-center.size-27 > .box {
  width: 27%;
  min-width: 160px;
}
.htmlc.size-28 {
  width: 28%;
  min-width: 160px;
}
.htmlc.align-center.size-28 > .box {
  width: 28%;
  min-width: 160px;
}
.htmlc.size-29 {
  width: 29%;
  min-width: 160px;
}
.htmlc.align-center.size-29 > .box {
  width: 29%;
  min-width: 160px;
}
.htmlc.size-30 {
  width: 30%;
  min-width: 160px;
}
.htmlc.align-center.size-30 > .box {
  width: 30%;
  min-width: 160px;
}
.htmlc.size-31 {
  width: 31%;
  min-width: 160px;
}
.htmlc.align-center.size-31 > .box {
  width: 31%;
  min-width: 160px;
}
.htmlc.size-32 {
  width: 32%;
  min-width: 160px;
}
.htmlc.align-center.size-32 > .box {
  width: 32%;
  min-width: 160px;
}
.htmlc.size-33 {
  width: 33%;
  min-width: 160px;
}
.htmlc.align-center.size-33 > .box {
  width: 33%;
  min-width: 160px;
}
.htmlc.size-34 {
  width: 34%;
  min-width: 160px;
}
.htmlc.align-center.size-34 > .box {
  width: 34%;
  min-width: 160px;
}
.htmlc.size-35 {
  width: 35%;
  min-width: 160px;
}
.htmlc.align-center.size-35 > .box {
  width: 35%;
  min-width: 160px;
}
.htmlc.size-36 {
  width: 36%;
  min-width: 160px;
}
.htmlc.align-center.size-36 > .box {
  width: 36%;
  min-width: 160px;
}
.htmlc.size-37 {
  width: 37%;
  min-width: 160px;
}
.htmlc.align-center.size-37 > .box {
  width: 37%;
  min-width: 160px;
}
.htmlc.size-38 {
  width: 38%;
  min-width: 160px;
}
.htmlc.align-center.size-38 > .box {
  width: 38%;
  min-width: 160px;
}
.htmlc.size-39 {
  width: 39%;
  min-width: 160px;
}
.htmlc.align-center.size-39 > .box {
  width: 39%;
  min-width: 160px;
}
.htmlc.size-40 {
  width: 40%;
  min-width: 160px;
}
.htmlc.align-center.size-40 > .box {
  width: 40%;
  min-width: 160px;
}
.htmlc.size-41 {
  width: 41%;
  min-width: 160px;
}
.htmlc.align-center.size-41 > .box {
  width: 41%;
  min-width: 160px;
}
.htmlc.size-42 {
  width: 42%;
  min-width: 160px;
}
.htmlc.align-center.size-42 > .box {
  width: 42%;
  min-width: 160px;
}
.htmlc.size-43 {
  width: 43%;
  min-width: 160px;
}
.htmlc.align-center.size-43 > .box {
  width: 43%;
  min-width: 160px;
}
.htmlc.size-44 {
  width: 44%;
  min-width: 160px;
}
.htmlc.align-center.size-44 > .box {
  width: 44%;
  min-width: 160px;
}
.htmlc.size-45 {
  width: 45%;
  min-width: 160px;
}
.htmlc.align-center.size-45 > .box {
  width: 45%;
  min-width: 160px;
}
.htmlc.size-46 {
  width: 46%;
  min-width: 160px;
}
.htmlc.align-center.size-46 > .box {
  width: 46%;
  min-width: 160px;
}
.htmlc.size-47 {
  width: 47%;
  min-width: 160px;
}
.htmlc.align-center.size-47 > .box {
  width: 47%;
  min-width: 160px;
}
.htmlc.size-48 {
  width: 48%;
  min-width: 160px;
}
.htmlc.align-center.size-48 > .box {
  width: 48%;
  min-width: 160px;
}
.htmlc.size-49 {
  width: 49%;
  min-width: 160px;
}
.htmlc.align-center.size-49 > .box {
  width: 49%;
  min-width: 160px;
}
.htmlc.size-50 {
  width: 50%;
  min-width: 160px;
}
.htmlc.align-center.size-50 > .box {
  width: 50%;
  min-width: 160px;
}
.htmlc.size-51 {
  width: 51%;
  min-width: 160px;
}
.htmlc.align-center.size-51 > .box {
  width: 51%;
  min-width: 160px;
}
.htmlc.size-52 {
  width: 52%;
  min-width: 160px;
}
.htmlc.align-center.size-52 > .box {
  width: 52%;
  min-width: 160px;
}
.htmlc.size-53 {
  width: 53%;
  min-width: 160px;
}
.htmlc.align-center.size-53 > .box {
  width: 53%;
  min-width: 160px;
}
.htmlc.size-54 {
  width: 54%;
  min-width: 160px;
}
.htmlc.align-center.size-54 > .box {
  width: 54%;
  min-width: 160px;
}
.htmlc.size-55 {
  width: 55%;
  min-width: 160px;
}
.htmlc.align-center.size-55 > .box {
  width: 55%;
  min-width: 160px;
}
.htmlc.size-56 {
  width: 56%;
  min-width: 160px;
}
.htmlc.align-center.size-56 > .box {
  width: 56%;
  min-width: 160px;
}
.htmlc.size-57 {
  width: 57%;
  min-width: 160px;
}
.htmlc.align-center.size-57 > .box {
  width: 57%;
  min-width: 160px;
}
.htmlc.size-58 {
  width: 58%;
  min-width: 160px;
}
.htmlc.align-center.size-58 > .box {
  width: 58%;
  min-width: 160px;
}
.htmlc.size-59 {
  width: 59%;
  min-width: 160px;
}
.htmlc.align-center.size-59 > .box {
  width: 59%;
  min-width: 160px;
}
.htmlc.size-60 {
  width: 60%;
  min-width: 160px;
}
.htmlc.align-center.size-60 > .box {
  width: 60%;
  min-width: 160px;
}
.htmlc.size-61 {
  width: 61%;
  min-width: 160px;
}
.htmlc.align-center.size-61 > .box {
  width: 61%;
  min-width: 160px;
}
.htmlc.size-62 {
  width: 62%;
  min-width: 160px;
}
.htmlc.align-center.size-62 > .box {
  width: 62%;
  min-width: 160px;
}
.htmlc.size-63 {
  width: 63%;
  min-width: 160px;
}
.htmlc.align-center.size-63 > .box {
  width: 63%;
  min-width: 160px;
}
.htmlc.size-64 {
  width: 64%;
  min-width: 160px;
}
.htmlc.align-center.size-64 > .box {
  width: 64%;
  min-width: 160px;
}
.htmlc.size-65 {
  width: 65%;
  min-width: 160px;
}
.htmlc.align-center.size-65 > .box {
  width: 65%;
  min-width: 160px;
}
.htmlc.size-66 {
  width: 66%;
  min-width: 160px;
}
.htmlc.align-center.size-66 > .box {
  width: 66%;
  min-width: 160px;
}
.htmlc.size-67 {
  width: 67%;
  min-width: 160px;
}
.htmlc.align-center.size-67 > .box {
  width: 67%;
  min-width: 160px;
}
.htmlc.size-68 {
  width: 68%;
  min-width: 160px;
}
.htmlc.align-center.size-68 > .box {
  width: 68%;
  min-width: 160px;
}
.htmlc.size-69 {
  width: 69%;
  min-width: 160px;
}
.htmlc.align-center.size-69 > .box {
  width: 69%;
  min-width: 160px;
}
.htmlc.size-70 {
  width: 70%;
  min-width: 160px;
}
.htmlc.align-center.size-70 > .box {
  width: 70%;
  min-width: 160px;
}
.htmlc.size-71 {
  width: 71%;
  min-width: 160px;
}
.htmlc.align-center.size-71 > .box {
  width: 71%;
  min-width: 160px;
}
.htmlc.size-72 {
  width: 72%;
  min-width: 160px;
}
.htmlc.align-center.size-72 > .box {
  width: 72%;
  min-width: 160px;
}
.htmlc.size-73 {
  width: 73%;
  min-width: 160px;
}
.htmlc.align-center.size-73 > .box {
  width: 73%;
  min-width: 160px;
}
.htmlc.size-74 {
  width: 74%;
  min-width: 160px;
}
.htmlc.align-center.size-74 > .box {
  width: 74%;
  min-width: 160px;
}
.htmlc.size-75 {
  width: 75%;
  min-width: 160px;
}
.htmlc.align-center.size-75 > .box {
  width: 75%;
  min-width: 160px;
}
.htmlc.size-76 {
  width: 76%;
  min-width: 160px;
}
.htmlc.align-center.size-76 > .box {
  width: 76%;
  min-width: 160px;
}
.htmlc.size-77 {
  width: 77%;
  min-width: 160px;
}
.htmlc.align-center.size-77 > .box {
  width: 77%;
  min-width: 160px;
}
.htmlc.size-78 {
  width: 78%;
  min-width: 160px;
}
.htmlc.align-center.size-78 > .box {
  width: 78%;
  min-width: 160px;
}
.htmlc.size-79 {
  width: 79%;
  min-width: 160px;
}
.htmlc.align-center.size-79 > .box {
  width: 79%;
  min-width: 160px;
}
.htmlc.size-80 {
  width: 80%;
  min-width: 160px;
}
.htmlc.align-center.size-80 > .box {
  width: 80%;
  min-width: 160px;
}
.htmlc.size-81 {
  width: 81%;
  min-width: 160px;
}
.htmlc.align-center.size-81 > .box {
  width: 81%;
  min-width: 160px;
}
.htmlc.size-82 {
  width: 82%;
  min-width: 160px;
}
.htmlc.align-center.size-82 > .box {
  width: 82%;
  min-width: 160px;
}
.htmlc.size-83 {
  width: 83%;
  min-width: 160px;
}
.htmlc.align-center.size-83 > .box {
  width: 83%;
  min-width: 160px;
}
.htmlc.size-84 {
  width: 84%;
  min-width: 160px;
}
.htmlc.align-center.size-84 > .box {
  width: 84%;
  min-width: 160px;
}
.htmlc.size-85 {
  width: 85%;
  min-width: 160px;
}
.htmlc.align-center.size-85 > .box {
  width: 85%;
  min-width: 160px;
}
.htmlc.size-86 {
  width: 86%;
  min-width: 160px;
}
.htmlc.align-center.size-86 > .box {
  width: 86%;
  min-width: 160px;
}
.htmlc.size-87 {
  width: 87%;
  min-width: 160px;
}
.htmlc.align-center.size-87 > .box {
  width: 87%;
  min-width: 160px;
}
.htmlc.size-88 {
  width: 88%;
  min-width: 160px;
}
.htmlc.align-center.size-88 > .box {
  width: 88%;
  min-width: 160px;
}
.htmlc.size-89 {
  width: 89%;
  min-width: 160px;
}
.htmlc.align-center.size-89 > .box {
  width: 89%;
  min-width: 160px;
}
.htmlc.size-90 {
  width: 90%;
  min-width: 160px;
}
.htmlc.align-center.size-90 > .box {
  width: 90%;
  min-width: 160px;
}
.htmlc.size-91 {
  width: 91%;
  min-width: 160px;
}
.htmlc.align-center.size-91 > .box {
  width: 91%;
  min-width: 160px;
}
.htmlc.size-92 {
  width: 92%;
  min-width: 160px;
}
.htmlc.align-center.size-92 > .box {
  width: 92%;
  min-width: 160px;
}
.htmlc.size-93 {
  width: 93%;
  min-width: 160px;
}
.htmlc.align-center.size-93 > .box {
  width: 93%;
  min-width: 160px;
}
.htmlc.size-94 {
  width: 94%;
  min-width: 160px;
}
.htmlc.align-center.size-94 > .box {
  width: 94%;
  min-width: 160px;
}
.htmlc.size-95 {
  width: 95%;
  min-width: 160px;
}
.htmlc.align-center.size-95 > .box {
  width: 95%;
  min-width: 160px;
}
.htmlc.size-96 {
  width: 96%;
  min-width: 160px;
}
.htmlc.align-center.size-96 > .box {
  width: 96%;
  min-width: 160px;
}
.htmlc.size-97 {
  width: 97%;
  min-width: 160px;
}
.htmlc.align-center.size-97 > .box {
  width: 97%;
  min-width: 160px;
}
.htmlc.size-98 {
  width: 98%;
  min-width: 160px;
}
.htmlc.align-center.size-98 > .box {
  width: 98%;
  min-width: 160px;
}
.htmlc.size-99 {
  width: 99%;
  min-width: 160px;
}
.htmlc.align-center.size-99 > .box {
  width: 99%;
  min-width: 160px;
}
.htmlc.size-100 {
  width: 100%;
  min-width: 160px;
}
.htmlc.align-center.size-100 > .box {
  width: 100%;
  min-width: 160px;
}
.rot--30 {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.rot--29 {
  -webkit-transform: rotate(-14.5deg);
  transform: rotate(-14.5deg);
}
.rot--28 {
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
.rot--27 {
  -webkit-transform: rotate(-13.5deg);
  transform: rotate(-13.5deg);
}
.rot--26 {
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.rot--25 {
  -webkit-transform: rotate(-12.5deg);
  transform: rotate(-12.5deg);
}
.rot--24 {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.rot--23 {
  -webkit-transform: rotate(-11.5deg);
  transform: rotate(-11.5deg);
}
.rot--22 {
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
}
.rot--21 {
  -webkit-transform: rotate(-10.5deg);
  transform: rotate(-10.5deg);
}
.rot--20 {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.rot--19 {
  -webkit-transform: rotate(-9.5deg);
  transform: rotate(-9.5deg);
}
.rot--18 {
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.rot--17 {
  -webkit-transform: rotate(-8.5deg);
  transform: rotate(-8.5deg);
}
.rot--16 {
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.rot--15 {
  -webkit-transform: rotate(-7.5deg);
  transform: rotate(-7.5deg);
}
.rot--14 {
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.rot--13 {
  -webkit-transform: rotate(-6.5deg);
  transform: rotate(-6.5deg);
}
.rot--12 {
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.rot--11 {
  -webkit-transform: rotate(-5.5deg);
  transform: rotate(-5.5deg);
}
.rot--10 {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.rot--9 {
  -webkit-transform: rotate(-4.5deg);
  transform: rotate(-4.5deg);
}
.rot--8 {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.rot--7 {
  -webkit-transform: rotate(-3.5deg);
  transform: rotate(-3.5deg);
}
.rot--6 {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.rot--5 {
  -webkit-transform: rotate(-2.5deg);
  transform: rotate(-2.5deg);
}
.rot--4 {
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.rot--3 {
  -webkit-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
.rot--2 {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.rot--1 {
  -webkit-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}
.rot-0 {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.rot-1 {
  -webkit-transform: rotate(0.5deg);
  transform: rotate(0.5deg);
}
.rot-2 {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
.rot-3 {
  -webkit-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}
.rot-4 {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.rot-5 {
  -webkit-transform: rotate(2.5deg);
  transform: rotate(2.5deg);
}
.rot-6 {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
.rot-7 {
  -webkit-transform: rotate(3.5deg);
  transform: rotate(3.5deg);
}
.rot-8 {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.rot-9 {
  -webkit-transform: rotate(4.5deg);
  transform: rotate(4.5deg);
}
.rot-10 {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
.rot-11 {
  -webkit-transform: rotate(5.5deg);
  transform: rotate(5.5deg);
}
.rot-12 {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.rot-13 {
  -webkit-transform: rotate(6.5deg);
  transform: rotate(6.5deg);
}
.rot-14 {
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}
.rot-15 {
  -webkit-transform: rotate(7.5deg);
  transform: rotate(7.5deg);
}
.rot-16 {
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
.rot-17 {
  -webkit-transform: rotate(8.5deg);
  transform: rotate(8.5deg);
}
.rot-18 {
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
.rot-19 {
  -webkit-transform: rotate(9.5deg);
  transform: rotate(9.5deg);
}
.rot-20 {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.rot-21 {
  -webkit-transform: rotate(10.5deg);
  transform: rotate(10.5deg);
}
.rot-22 {
  -webkit-transform: rotate(11deg);
  transform: rotate(11deg);
}
.rot-23 {
  -webkit-transform: rotate(11.5deg);
  transform: rotate(11.5deg);
}
.rot-24 {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.rot-25 {
  -webkit-transform: rotate(12.5deg);
  transform: rotate(12.5deg);
}
.rot-26 {
  -webkit-transform: rotate(13deg);
  transform: rotate(13deg);
}
.rot-27 {
  -webkit-transform: rotate(13.5deg);
  transform: rotate(13.5deg);
}
.rot-28 {
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
}
.rot-29 {
  -webkit-transform: rotate(14.5deg);
  transform: rotate(14.5deg);
}
.rot-30 {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.htmlc.roty--30 > .box {
  -webkit-transform: rotateY(-30deg);
  transform: rotateY(-30deg);
}
.htmlc.roty--29 > .box {
  -webkit-transform: rotateY(-29deg);
  transform: rotateY(-29deg);
}
.htmlc.roty--28 > .box {
  -webkit-transform: rotateY(-28deg);
  transform: rotateY(-28deg);
}
.htmlc.roty--27 > .box {
  -webkit-transform: rotateY(-27deg);
  transform: rotateY(-27deg);
}
.htmlc.roty--26 > .box {
  -webkit-transform: rotateY(-26deg);
  transform: rotateY(-26deg);
}
.htmlc.roty--25 > .box {
  -webkit-transform: rotateY(-25deg);
  transform: rotateY(-25deg);
}
.htmlc.roty--24 > .box {
  -webkit-transform: rotateY(-24deg);
  transform: rotateY(-24deg);
}
.htmlc.roty--23 > .box {
  -webkit-transform: rotateY(-23deg);
  transform: rotateY(-23deg);
}
.htmlc.roty--22 > .box {
  -webkit-transform: rotateY(-22deg);
  transform: rotateY(-22deg);
}
.htmlc.roty--21 > .box {
  -webkit-transform: rotateY(-21deg);
  transform: rotateY(-21deg);
}
.htmlc.roty--20 > .box {
  -webkit-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
}
.htmlc.roty--19 > .box {
  -webkit-transform: rotateY(-19deg);
  transform: rotateY(-19deg);
}
.htmlc.roty--18 > .box {
  -webkit-transform: rotateY(-18deg);
  transform: rotateY(-18deg);
}
.htmlc.roty--17 > .box {
  -webkit-transform: rotateY(-17deg);
  transform: rotateY(-17deg);
}
.htmlc.roty--16 > .box {
  -webkit-transform: rotateY(-16deg);
  transform: rotateY(-16deg);
}
.htmlc.roty--15 > .box {
  -webkit-transform: rotateY(-15deg);
  transform: rotateY(-15deg);
}
.htmlc.roty--14 > .box {
  -webkit-transform: rotateY(-14deg);
  transform: rotateY(-14deg);
}
.htmlc.roty--13 > .box {
  -webkit-transform: rotateY(-13deg);
  transform: rotateY(-13deg);
}
.htmlc.roty--12 > .box {
  -webkit-transform: rotateY(-12deg);
  transform: rotateY(-12deg);
}
.htmlc.roty--11 > .box {
  -webkit-transform: rotateY(-11deg);
  transform: rotateY(-11deg);
}
.htmlc.roty--10 > .box {
  -webkit-transform: rotateY(-10deg);
  transform: rotateY(-10deg);
}
.htmlc.roty--9 > .box {
  -webkit-transform: rotateY(-9deg);
  transform: rotateY(-9deg);
}
.htmlc.roty--8 > .box {
  -webkit-transform: rotateY(-8deg);
  transform: rotateY(-8deg);
}
.htmlc.roty--7 > .box {
  -webkit-transform: rotateY(-7deg);
  transform: rotateY(-7deg);
}
.htmlc.roty--6 > .box {
  -webkit-transform: rotateY(-6deg);
  transform: rotateY(-6deg);
}
.htmlc.roty--5 > .box {
  -webkit-transform: rotateY(-5deg);
  transform: rotateY(-5deg);
}
.htmlc.roty--4 > .box {
  -webkit-transform: rotateY(-4deg);
  transform: rotateY(-4deg);
}
.htmlc.roty--3 > .box {
  -webkit-transform: rotateY(-3deg);
  transform: rotateY(-3deg);
}
.htmlc.roty--2 > .box {
  -webkit-transform: rotateY(-2deg);
  transform: rotateY(-2deg);
}
.htmlc.roty--1 > .box {
  -webkit-transform: rotateY(-1deg);
  transform: rotateY(-1deg);
}
.htmlc.roty-0 > .box {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.htmlc.roty-1 > .box {
  -webkit-transform: rotateY(1deg);
  transform: rotateY(1deg);
}
.htmlc.roty-2 > .box {
  -webkit-transform: rotateY(2deg);
  transform: rotateY(2deg);
}
.htmlc.roty-3 > .box {
  -webkit-transform: rotateY(3deg);
  transform: rotateY(3deg);
}
.htmlc.roty-4 > .box {
  -webkit-transform: rotateY(4deg);
  transform: rotateY(4deg);
}
.htmlc.roty-5 > .box {
  -webkit-transform: rotateY(5deg);
  transform: rotateY(5deg);
}
.htmlc.roty-6 > .box {
  -webkit-transform: rotateY(6deg);
  transform: rotateY(6deg);
}
.htmlc.roty-7 > .box {
  -webkit-transform: rotateY(7deg);
  transform: rotateY(7deg);
}
.htmlc.roty-8 > .box {
  -webkit-transform: rotateY(8deg);
  transform: rotateY(8deg);
}
.htmlc.roty-9 > .box {
  -webkit-transform: rotateY(9deg);
  transform: rotateY(9deg);
}
.htmlc.roty-10 > .box {
  -webkit-transform: rotateY(10deg);
  transform: rotateY(10deg);
}
.htmlc.roty-11 > .box {
  -webkit-transform: rotateY(11deg);
  transform: rotateY(11deg);
}
.htmlc.roty-12 > .box {
  -webkit-transform: rotateY(12deg);
  transform: rotateY(12deg);
}
.htmlc.roty-13 > .box {
  -webkit-transform: rotateY(13deg);
  transform: rotateY(13deg);
}
.htmlc.roty-14 > .box {
  -webkit-transform: rotateY(14deg);
  transform: rotateY(14deg);
}
.htmlc.roty-15 > .box {
  -webkit-transform: rotateY(15deg);
  transform: rotateY(15deg);
}
.htmlc.roty-16 > .box {
  -webkit-transform: rotateY(16deg);
  transform: rotateY(16deg);
}
.htmlc.roty-17 > .box {
  -webkit-transform: rotateY(17deg);
  transform: rotateY(17deg);
}
.htmlc.roty-18 > .box {
  -webkit-transform: rotateY(18deg);
  transform: rotateY(18deg);
}
.htmlc.roty-19 > .box {
  -webkit-transform: rotateY(19deg);
  transform: rotateY(19deg);
}
.htmlc.roty-20 > .box {
  -webkit-transform: rotateY(20deg);
  transform: rotateY(20deg);
}
.htmlc.roty-21 > .box {
  -webkit-transform: rotateY(21deg);
  transform: rotateY(21deg);
}
.htmlc.roty-22 > .box {
  -webkit-transform: rotateY(22deg);
  transform: rotateY(22deg);
}
.htmlc.roty-23 > .box {
  -webkit-transform: rotateY(23deg);
  transform: rotateY(23deg);
}
.htmlc.roty-24 > .box {
  -webkit-transform: rotateY(24deg);
  transform: rotateY(24deg);
}
.htmlc.roty-25 > .box {
  -webkit-transform: rotateY(25deg);
  transform: rotateY(25deg);
}
.htmlc.roty-26 > .box {
  -webkit-transform: rotateY(26deg);
  transform: rotateY(26deg);
}
.htmlc.roty-27 > .box {
  -webkit-transform: rotateY(27deg);
  transform: rotateY(27deg);
}
.htmlc.roty-28 > .box {
  -webkit-transform: rotateY(28deg);
  transform: rotateY(28deg);
}
.htmlc.roty-29 > .box {
  -webkit-transform: rotateY(29deg);
  transform: rotateY(29deg);
}
.htmlc.roty-30 > .box {
  -webkit-transform: rotateY(30deg);
  transform: rotateY(30deg);
}
.htmlc[class*='roty-'] {
  -webkit-perspective: 500px;
  perspective: 500px;
}
.htmlc[class*='roty-'] > .box {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.fontsize-8 {
  font-size: 8pt !important;
  line-height: 11pt !important;
}
.fontsize-9 {
  font-size: 9pt !important;
  line-height: 13pt !important;
}
.fontsize-10 {
  font-size: 10pt !important;
  line-height: 14pt !important;
}
.fontsize-11 {
  font-size: 11pt !important;
  line-height: 15pt !important;
}
.fontsize-12 {
  font-size: 12pt !important;
  line-height: 17pt !important;
}
.fontsize-13 {
  font-size: 13pt !important;
  line-height: 18pt !important;
}
.fontsize-14 {
  font-size: 14pt !important;
  line-height: 20pt !important;
}
.fontsize-15 {
  font-size: 15pt !important;
  line-height: 21pt !important;
}
.fontsize-16 {
  font-size: 16pt !important;
  line-height: 22pt !important;
}
.fontsize-17 {
  font-size: 17pt !important;
  line-height: 24pt !important;
}
.fontsize-18 {
  font-size: 18pt !important;
  line-height: 25pt !important;
}
.fontsize-19 {
  font-size: 19pt !important;
  line-height: 27pt !important;
}
.fontsize-20 {
  font-size: 20pt !important;
  line-height: 28pt !important;
}
.fontsize-21 {
  font-size: 21pt !important;
  line-height: 29pt !important;
}
.fontsize-22 {
  font-size: 22pt !important;
  line-height: 31pt !important;
}
.fontsize-23 {
  font-size: 23pt !important;
  line-height: 32pt !important;
}
.fontsize-24 {
  font-size: 24pt !important;
  line-height: 34pt !important;
}
.fontsize-25 {
  font-size: 25pt !important;
  line-height: 35pt !important;
}
.fontsize-26 {
  font-size: 26pt !important;
  line-height: 36pt !important;
}
.fontsize-27 {
  font-size: 27pt !important;
  line-height: 38pt !important;
}
.fontsize-28 {
  font-size: 28pt !important;
  line-height: 39pt !important;
}
.fontsize-29 {
  font-size: 29pt !important;
  line-height: 41pt !important;
}
.fontsize-30 {
  font-size: 30pt !important;
  line-height: 42pt !important;
}
.fontsize-31 {
  font-size: 31pt !important;
  line-height: 43pt !important;
}
.fontsize-32 {
  font-size: 32pt !important;
  line-height: 45pt !important;
}
.fontsize-33 {
  font-size: 33pt !important;
  line-height: 46pt !important;
}
.fontsize-34 {
  font-size: 34pt !important;
  line-height: 48pt !important;
}
.fontsize-35 {
  font-size: 35pt !important;
  line-height: 49pt !important;
}
.fontsize-36 {
  font-size: 36pt !important;
  line-height: 50pt !important;
}
.fontsize-37 {
  font-size: 37pt !important;
  line-height: 52pt !important;
}
.fontsize-38 {
  font-size: 38pt !important;
  line-height: 53pt !important;
}
.fontsize-39 {
  font-size: 39pt !important;
  line-height: 55pt !important;
}
.fontsize-40 {
  font-size: 40pt !important;
  line-height: 56pt !important;
}
.fontsize-41 {
  font-size: 41pt !important;
  line-height: 57pt !important;
}
.fontsize-42 {
  font-size: 42pt !important;
  line-height: 59pt !important;
}
.fontsize-43 {
  font-size: 43pt !important;
  line-height: 60pt !important;
}
.fontsize-44 {
  font-size: 44pt !important;
  line-height: 62pt !important;
}
.fontsize-45 {
  font-size: 45pt !important;
  line-height: 63pt !important;
}
.fontsize-46 {
  font-size: 46pt !important;
  line-height: 64pt !important;
}
.fontsize-47 {
  font-size: 47pt !important;
  line-height: 66pt !important;
}
.fontsize-48 {
  font-size: 48pt !important;
  line-height: 67pt !important;
}
.font-Arial {
  font-family: 'Arial', sans-serif !important;
}
.font-AvantGarde {
  font-family: 'Avant Garde', sans-serif !important;
}
.font-Bookman {
  font-family: 'Bookman', serif !important;
}
.font-ComicSansMS {
  font-family: 'Comic Sans MS', sans-serif !important;
}
.font-Courier {
  font-family: 'Courier', serif !important;
}
.font-Garamond {
  font-family: 'Garamond', serif !important;
}
.font-Georgia {
  font-family: 'Georgia', serif !important;
}
.font-Helvetica {
  font-family: 'Helvetica', sans-serif !important;
}
.font-Impact {
  font-family: 'Impact', sans-serif !important;
}
.font-OpenSans {
  font-family: 'Open Sans', sans-serif !important;
}
.font-Palatino {
  font-family: 'Palatino', serif !important;
}
.font-Parisienne {
  font-family: 'Parisienne', serif !important;
}
.font-Schoolbell {
  font-family: 'Schoolbell', serif !important;
}
.font-TimesNewRoman {
  font-family: 'Times New Roman', serif !important;
}
.font-TrebuchetMS {
  font-family: 'Trebuchet MS', sans-serif !important;
}
.font-Verdana {
  font-family: 'Verdana', sans-serif !important;
}
img[src*='$w,XS$'] {
  width: 130px;
}
img[src*='$w,S$'] {
  width: 235px;
}
img[src*='$w,M$'] {
  width: 340px;
}
img[src*='$w,L$'] {
  width: 445px;
}
img[src*='$w,XL$'] {
  width: 550px;
}
img[src*='$r,XS$'] {
  width: 130px;
  height: 130px;
}
img[src*='$r,S$'] {
  width: 235px;
  height: 235px;
}
img[src*='$r,M$'] {
  width: 340px;
  height: 340px;
}
img[src*='$r,L$'] {
  width: 445px;
  height: 445px;
}
img[src*='$r,XL$'] {
  width: 550px;
  height: 550px;
}
.htmlc.align-center,
html body .htmlc.align-center-override {
  clear: both;
  float: none;
  display: block;
  left: auto;
  right: auto;
  width: 100%;
  margin: 1em 0;
  text-align: center;
}
.htmlc.align-center > .box,
html body .htmlc.align-center-override > .box {
  display: inline-block;
  text-align: left;
}
html body .htmlc.align-center-override {
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.htmlc.align-left {
  float: left;
  display: inline-block;
  margin: 0.25em 1em 0.8em 0;
}
.htmlc.align-right {
  float: right;
  display: inline-block;
  margin: 0.25em 0 0.8em 1em;
}
/* caption */
.htmlc > .box > .caption {
  box-sizing: border-box;
  position: absolute;
  z-index: 500;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  padding: 0.5em;
  line-height: 1.25em;
  text-align: center;
  cursor: default;
  transition: all 0.4s;
}
.htmlc.caption-off > .box .caption {
  display: none;
}
.htmlc.caption-hover > .box .caption {
  margin-bottom: -20px;
  opacity: 0;
}
html.isTouch .htmlc.caption-hover > .box .caption,
.htmlc.caption-on > .box .caption,
.htmlc.caption-hover > .box:hover .caption {
  margin-bottom: 0;
  opacity: 1;
}
/* border prop */
.htmlc.border-solid > .box {
  border-radius: 4px;
  background-clip: padding-box;
  border: solid 2px #666;
}
.htmlc.border-dotted > .box {
  border: dotted 2px #666;
}
.htmlc.border-none.mask-oval > .box,
.htmlc.border-solid.mask-oval > .box,
.htmlc.border-dotted.mask-oval > .box,
.htmlc.border-none.mask-oval > .box img,
.htmlc.border-solid.mask-oval > .box img,
.htmlc.border-dotted.mask-oval > .box img,
.htmlc.border-none.mask-oval > .box .imgwrap,
.htmlc.border-solid.mask-oval > .box .imgwrap,
.htmlc.border-dotted.mask-oval > .box .imgwrap {
  border-radius: 100%;
  background-clip: padding-box;
}
.htmlc.border-vip > .box {
  padding: 20px 20px 10px 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  border-radius: 12px;
  background-clip: padding-box;
  border: dotted 2px black;
  background: white;
  overflow: hidden;
}
.htmlc.border-vip > .box img {
  border-radius: 10px;
  background-clip: padding-box;
  xborder: 1px solid rgba(0, 0, 0, 0.1);
}
.htmlc.border-vip > .box .caption {
  position: relative;
  padding: 0.75em 0.5em 0em 0.5em;
  text-align: left;
  color: black;
  font-size: 14px;
  line-height: 20px;
  cursor: default;
}
.htmlc.border-vip > .box .caption p {
  margin: 0;
}
.htmlc.border-vip2 > .box {
  padding: 0px 0px 10px 0px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  border-radius: 12px;
  background-clip: padding-box;
  border: dotted 2px black;
  background: white;
  overflow: hidden;
}
.htmlc.border-vip2 > .box img {
  min-width: 100%;
  border-radius: 10px 10px 0 0;
  background-clip: padding-box;
}
.htmlc.border-vip2 > .box .caption {
  position: relative;
  padding: 0.75em 0.5em 0em 0.5em;
  text-align: left;
  color: black;
  font-size: 14px;
  line-height: 20px;
  cursor: default;
}
.htmlc.border-vip2 > .box .caption p {
  margin: 0;
}
.htmlc.border-doodle > .box:before,
.htmlc.border-doodleframe > .box:before,
.htmlc.border-polaroid > .box:before,
.htmlc.border-goldframe > .box:before,
.htmlc.border-comic1 > .box:before,
.htmlc.border-comic2 > .box:before,
.htmlc.border-comic3 > .box:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  width: auto;
  height: auto;
  pointer-events: none;
}
.cmsEditing .htmlc.border-doodle > .box:before:before,
.cmsEditing .htmlc.border-doodleframe > .box:before:before,
.cmsEditing .htmlc.border-polaroid > .box:before:before,
.cmsEditing .htmlc.border-goldframe > .box:before:before,
.cmsEditing .htmlc.border-comic1 > .box:before:before,
.cmsEditing .htmlc.border-comic2 > .box:before:before,
.cmsEditing .htmlc.border-comic3 > .box:before:before {
  pointer-events: auto;
}
.htmlc.border-doodle > .box {
  margin: 18px 16px 19px 17px;
}
.htmlc.border-doodle > .box:before {
  top: -18px;
  right: -16px;
  bottom: -19px;
  left: -17px;
  border-style: solid;
  border-width: 30px 25px 30px 40px;
  border-image: url('../../htmlcs/image/doodle.png') 30 25 30 40 fill round round;
}
.htmlc.border-doodleframe > .box {
  margin: 54px 50px 50px 49px;
}
.htmlc.border-doodleframe > .box:before {
  top: -54px;
  right: -50px;
  bottom: -50px;
  left: -49px;
  border-style: solid;
  border-width: 63px 59px 60px 58px;
  border-image: url('../../htmlcs/image/doodleframe.png') 63 59 60 58 fill round round;
}
.htmlc.border-polaroid > .box {
  margin: 15px 1em 100px 1em;
}
.htmlc.border-polaroid > .box:before {
  top: -35px;
  right: -45px;
  bottom: -130px;
  left: -29px;
  border-style: solid;
  border-width: 42px 50px 130px 35px;
  border-image: url('../../htmlcs/image/polaroid.png') 42 50 130 35 fill round round;
}
.htmlc.border-polaroid > .box .caption {
  z-index: 2000!important;
  bottom: -90px !important;
  height: 90px!important;
  overflow: hidden;
  background: transparent!important;
  color: #333;
  font: 18px/20px 'Schoolbell', cursive;
}
.htmlc.border-goldframe.mask-off > .box {
  margin: 45px 45px 44px 43px;
}
.htmlc.border-goldframe.mask-off > .box:before {
  top: -44px;
  right: -43px;
  bottom: -43px;
  left: -42px;
  box-shadow: 0 0 15px black;
  border-style: solid;
  border-width: 45px 45px 44px 43px;
  border-image: url('../../htmlcs/image/goldframe.png') 45 45 44 43 fill round round;
}
.htmlc.border-goldframe.mask-oval > .box {
  margin: 50px 38px 52px 38px;
}
.htmlc.border-goldframe.mask-oval > .box:before {
  top: -50px;
  right: -38px;
  bottom: -52px;
  left: -38px;
  border-style: solid;
  border-width: 25px 19px 26px 19px;
  border-image: url('../../htmlcs/image/frame-oval.png') 25 19 26 19 fill round round;
}
.htmlc.border-goldframe.mask-oval > .box img,
.htmlc.border-goldframe.mask-oval > .box .imgwrap {
  border-radius: 100%;
  background-clip: padding-box;
}
.htmlc.border-goldframe.mask-oval > .box .caption {
  padding: 0.75em 60px 50px 60px!important;
}
.htmlc.border-comic1 > .box {
  margin: 55px 44px 52px 42px;
}
.htmlc.border-comic1 > .box:before {
  top: -55px;
  right: -44px;
  bottom: -52px;
  left: -42px;
  box-shadow: 0 0 15px black;
  border-style: solid;
  border-width: 130px 87px 115px 97px;
  border-image: url('../../htmlcs/image/comic1.png') 130 87 115 97 fill round round;
}
.htmlc.border-comic1 > .box .caption {
  padding: 0.75em 30px 70px 30px!important;
}
.htmlc.border-comic2 > .box {
  margin: 0px 0px 0px 0px;
}
.htmlc.border-comic2 > .box:before {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  box-shadow: 0 0 15px black;
  border-style: solid;
  border-width: 50px 50px 50px 50px;
  border-image: url('../../htmlcs/image/comic2.png') 50 50 50 50 fill round round;
}
.htmlc.border-comic2 > .box .caption {
  padding: 0.75em 50px 50px 50px!important;
}
.htmlc.border-comic3 > .box {
  margin: 0px 0px 20px 0px;
}
.htmlc.border-comic3 > .box:before {
  top: 0px;
  right: 0px;
  bottom: -20px;
  left: 0px;
  box-shadow: 0 0 15px black;
  border-style: solid;
  border-width: 123px 200px 140px 180px;
  border-image: url('../../htmlcs/image/comic3.png') 123 200 140 180 fill round round;
}
.htmlc.border-comic3 > .box .caption {
  padding: 0.75em 30px 70px 30px!important;
}
ul.htmlc.accordion {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
ul.htmlc.accordion > li {
  position: relative;
  padding: 10px;
  margin: 0;
  padding-bottom: 4px;
}
ul.htmlc.accordion > li > h2 {
  display: block;
  margin: 0 0 0 0.7em;
  font-weight: bold;
}
ul.htmlc.accordion > li > h2:before {
  content: '\f0da';
  display: inline-block;
  position: absolute;
  margin-left: -0.7em;
  font-family: FontAwesome;
  font-style: normal;
}
ul.htmlc.accordion > li > .content {
  display: none;
  position: relative;
  height: 0px;
  overflow: hidden;
  transition: display 0s, height 0.8s 0.3s;
}
ul.htmlc.accordion > li.selected > h2:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
ul.htmlc.accordion > li.selected > .content {
  display: block;
  height: auto;
}
ul.htmlc.accordion > li > h2 {
  cursor: default;
}
ul.htmlc.accordion > li:not(.selected) > h2 {
  cursor: pointer;
}
ul.htmlc.accordion.style-bordered {
  border: 1px dotted #dce7eb;
}
ul.htmlc.accordion.style-bordered > li {
  border-bottom: 1px dotted #dce7eb;
  background: rgba(252, 253, 254, 0.5);
}
ul.htmlc.accordion.style-bordered > li:last-child {
  border-bottom: none;
}
ul.htmlc.accordion.style-bordered > li:hover {
  background: rgba(217, 229, 233, 0.1);
}
ul.htmlc.accordion.style-bordered > li.selected {
  background: rgba(214, 227, 231, 0.2);
}
.htmlc.blockquote {
  max-width: 100%;
}
.htmlc.blockquote > .box:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.cmsEditing .htmlc.blockquote > .box:before:before {
  pointer-events: auto;
}
.htmlc.blockquote.style-standard {
  /* no vOffset for standard blockquotes */
  top: 0px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 36px;
  /* no offset for standard quote... looks ugly because of no bg */
}
.htmlc.blockquote.style-standard > .box {
  padding: 15px;
  color: #333;
}
.htmlc.blockquote.style-standard > .box:before,
.htmlc.blockquote.style-standard > .box:after {
  content: '”';
  position: absolute;
  font-family: 'Times', sans-serif;
  font-size: 96px;
  line-height: 0;
  color: rgba(32, 32, 32, 0.2);
}
.htmlc.blockquote.style-standard > .box:before {
  top: 40px;
  left: 0px;
  text-align: left;
}
.htmlc.blockquote.style-standard > .box:after {
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  text-align: right;
}
.htmlc.blockquote.style-standard.align-left {
  right: 0!important;
  margin-right: 15px!important;
}
.htmlc.blockquote.style-standard.align-right {
  left: 0!important;
  margin-left: 15px!important;
}
.htmlc.blockquote.style-rect > .box {
  position: relative;
  width: 96%;
  margin: 1em 2%;
  padding: 1.5em;
  border-radius: 8px;
  border: dashed 1px #2c2416;
  background: #fAf8F0;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  color: #2c2416;
}
.htmlc.blockquote.style-rect > .box:before {
  content: '';
  position: absolute;
  z-index: 1000;
  top: -16px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: dashed 1px #2c2416;
  border-color: transparent transparent #2c2416 #2c2416;
  background-color: white;
  transform: rotate(-45deg);
}
.htmlc.blockquote.style-rect > .box:after {
  content: '\f10e';
  position: absolute;
  z-index: 1001;
  top: -16px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  color: #8c8466;
}
.htmlc.blockquote.style-sticky {
  margin-top: -1em;
  font: 16px/26px 'Schoolbell', cursive;
}
.htmlc.blockquote.style-sticky > .box {
  min-height: 170px;
  padding: 120px 25px 25px 25px;
  color: #006;
}
.htmlc.blockquote.style-sticky > .box:before {
  border-style: solid;
  border-width: 138px 10px 17px 10px;
  border-image: url('../../htmlcs/blockquote/sticky.png') 138 10 17 10 fill stretch stretch;
}
.htmlc.blockquote.style-sticky > .box > .htmlc,
.htmlc.blockquote.style-sticky > .box > blockquote > .htmlc {
  font: 13px/20px 'Open Sans', sans-serif;
}
.htmlc.blockquote.style-balloon {
  font: 24px/35px 'Schoolbell', cursive;
}
.htmlc.blockquote.style-balloon > .box {
  padding: 40px 35px 125px 30px;
  text-align: center;
}
.htmlc.blockquote.style-balloon > .box:before,
.htmlc.blockquote.style-balloon.align-right > .box:before {
  border-style: solid;
  border-width: 40px 110px 130px 35px;
  border-image: url('../../htmlcs/blockquote/balloon-right.png') 40 110 130 35 fill stretch stretch;
}
.htmlc.blockquote.style-balloon.align-left > .box:before {
  border-style: solid;
  border-width: 40px 35px 130px 110px;
  border-image: url('../../htmlcs/blockquote/balloon.png') 40 35 130 110 fill stretch stretch;
}
.htmlc.blockquote.style-doodle {
  font: 24px/32px 'Parisienne', cursive;
}
.htmlc.blockquote.style-doodle > .box {
  min-height: 180px;
  padding: 40px 40px 40px 40px;
  color: #161D59;
  text-align: center;
}
.htmlc.blockquote.style-doodle > .box:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-width: 60px 60px 60px 60px;
  border-image: url('../../htmlcs/blockquote/doodle.png') 60 60 60 60 fill round round;
}
.htmlc.blockquote.style-doodle > .box p:last-of-type {
  margin-top: 1em;
  text-align: right;
}
.htmlc.blockquote.style-doodle > .box p:first-of-type {
  margin-top: 0;
  text-align: center;
}
.htmlc.blockquote.style-tegeltje {
  font: 24px/32px 'Parisienne', cursive;
}
.htmlc.blockquote.style-tegeltje > .box {
  min-height: 180px;
  padding: 70px 40px;
  color: #05006B;
  text-align: center;
}
.htmlc.blockquote.style-tegeltje > .box:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-width: 76px 60px 80px 60px;
  border-image: url('../../htmlcs/blockquote/tegeltje.png') 76 60 80 60 fill round round;
}
.htmlc.blockquote.style-tegeltje > .box p:last-of-type {
  margin-top: 1em;
  text-align: right;
}
.htmlc.blockquote.style-tegeltje > .box p:first-of-type {
  margin-top: 0;
  text-align: center;
}
.htmlc.blockquote.style-kladblok {
  font: 18px/28px "Schoolbell", cursive;
}
.htmlc.blockquote.style-kladblok > .box {
  min-height: 100px;
  padding: 45px 20px 35px 30px;
  color: #000055;
}
.htmlc.blockquote.style-kladblok > .box:before {
  border-style: solid;
  border-width: 113px 25px 35px 35px;
  border-image: url('../../htmlcs/blockquote/kladblok.png') 113 25 35 35 fill stretch stretch;
}
/* hide bo/vo stickers */
.calEvent:before {
  display: none;
}
.htmlc.date {
  position: relative;
  width: 100%;
  min-height: 80px;
  margin: 0 0!important;
  padding: 20px 20px 20px 85px;
}
.htmlc.date .date-box {
  position: absolute;
  top: 3px;
  left: 8px;
  width: 70px;
  height: 70px;
}
.htmlc.date .date-box .date-day {
  position: absolute;
  width: 70px;
  text-align: center;
  color: #000;
}
.htmlc.date .date-box .date-month {
  position: absolute;
  width: 70px;
  text-align: center;
}
.htmlc.date.style-doodle .date-box {
  background: url(../../htmlcs/date/doodle.png);
  font-family: 'Schoolbell', cursive;
}
.htmlc.date.style-doodle .date-box .date-day {
  top: 35px;
  left: 0px;
  font-size: 36px;
  color: #000;
}
.htmlc.date.style-doodle .date-box .date-month {
  top: 2px;
  left: 0px;
  font-size: 12px;
  color: #000;
}
.htmlc.date .date-txt {
  margin-top: -0.75em;
  text-align: left;
}
.htmlc.date .date-txt .title-field {
  font-weight: bold;
}
.htmlc.date .date-invite {
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: -65px;
  width: 335px;
  box-shadow: 0 0 2px #B0B0B0, 0 0 10px rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  background-clip: padding-box;
  border: 1px solid #535353;
  background-color: #0C1934;
  background: none, linear-gradient(0, #0C1934 0%, #7D8490 100%);
  padding: 8px;
}
.htmlc.date .date-invite:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-left: 15px solid transparent;
  /* left arrow slant */
  border-right: 15px solid transparent;
  /* right arrow slant */
  border-bottom: 15px solid #7D8490;
  /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
}
.cmsEditing .htmlc.date .date-invite:before:before {
  pointer-events: auto;
}
.htmlc.date .date-invite .h {
  width: 100%;
  margin: 0 0 7px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: white;
}
.htmlc.date .date-invite .fields {
  box-sizing: border-box;
  width: 100%;
  border-radius: 6px;
  background-clip: padding-box;
  background: #E1E4E9;
  padding: 10px;
}
.htmlc.date .date-invite .fields .field {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  border: 1px solid #B8BBBF;
  border-width: 1px 1px 0 1px;
  background: #F7F7F7;
  padding: 14px 10px 10px 10px;
}
.htmlc.date .date-invite .fields .field.first-field {
  margin: 10px 0 0 0;
  border-radius: 9px 9px 0 0;
  background-clip: padding-box;
}
.htmlc.date .date-invite .fields .field.last-field {
  margin: 0 0 10px 0;
  border-radius: 0 0 9px 9px;
  background-clip: padding-box;
  border-bottom-width: 1px;
}
.htmlc.date .date-invite .fields .field.only-field {
  margin: 10px 0;
  border-radius: 9px;
  background-clip: padding-box;
  border-bottom-width: 1px;
}
.htmlc.date .date-invite .fields .field.field.error {
  border-color: red;
  background-color: #FFF0F0;
  border-bottom-width: 1px;
}
.htmlc.date .date-invite .fields .field.field.error + .field {
  border-top-width: 0;
}
.htmlc.date .date-invite .fields .field.field:after {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 6px;
  font-size: 70%;
  color: #666;
}
.htmlc.date .date-invite .fields .field.title-field:after {
  content: 'titel*';
}
.htmlc.date .date-invite .fields .field.desc-field:after {
  content: 'opmerkingen';
}
.htmlc.date .date-invite .fields .field.tstart-field:after {
  content: 'aanvang* (5-12-2015 8:45)';
}
.htmlc.date .date-invite .fields .field.tend-field:after {
  content: 'einde (5-12-2015 15:15)';
}
.htmlc.date .date-invite .fields .field.url-field:after {
  content: 'website (www.wpkeesboeke.nl)';
}
.htmlc.date .date-invite .fields .field.notes-field {
  min-height: 6em;
}
.htmlc.date .date-invite {
  display: none;
}
html.cmsEditing .htmlc.date.cmsActive {
  z-index: 1000000;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
html.cmsEditing .htmlc.date.cmsActive .date-invite {
  display: block;
}
@-webkit-keyframes date-edit-off-edit-on {
  0% {
    display: block;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    margin-top: -10px;
  }
  100% {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    margin-top: 0;
  }
}
html.cmsEditing .date.edit-on .date-invite {
  -webkit-animation: date-edit-off-edit-on 0.5s;
  animation: date-edit-off-edit-on 0.5s;
}
@-webkit-keyframes date-edit-on-edit-off {
  0% {
    display: block!important;
    opacity: 1;
  }
  100% {
    display: block!important;
    opacity: 0;
  }
}
html.cmsEditing .date.edit-off .date-invite {
  -webkit-animation: date-edit-on-edit-off 5s backwards;
  animation: date-edit-on-edit-off 5s backwards;
}
.htmlc.embed {
  width: 100%!important;
  height: 400px!important;
}
.htmlc.embed .box {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  line-height: 0;
  /* cover the iframe so we can select it */
}
.htmlc.embed .box iframe {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: 1px solid #463b44;
}
.htmlc.embed .box .caption {
  box-sizing: border-box;
  width: 100%;
  min-height: 25px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
  background: black;
  color: white;
}
html.cmsEditing .htmlc.embed .box:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.htmlc.embed .box:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cmsEditing .htmlc.embed .box:before:before {
  pointer-events: auto;
}
.htmlc.embed.caption-on {
  padding-top: 25px;
}
.htmlc.embed.caption-on iframe {
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.htmlc.embed.caption-off iframe {
  border-radius: 4px;
  background-clip: padding-box;
}
.htmlc.image {
  line-height: 0;
}
.htmlc.image > .box {
  text-align: center;
}
.htmlc.image > .box img {
  position: relative;
  max-width: 100%;
  height: auto!important;
  vertical-align: middle;
}
.image-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.image-popup img {
  display: inline-block;
  margin: 50px auto;
  max-width: 90%;
  max-height: 90%;
  border-radius: 4px;
  background-clip: padding-box;
  border: solid 6px white;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.image-popup:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: 20px;
  left: auto;
  right: 20px;
  width: 70px;
  height: 71px;
  background: url(../../htmlcs/image/close.png);
}
.cmsEditing .image-popup:before:before {
  pointer-events: auto;
}
.htmlc.image.image-link img,
.htmlc.image.popupable img {
  cursor: hand;
  cursor: pointer;
}
.htmlc.image.image-link img:hover,
.htmlc.image.popupable img:hover {
  box-shadow: 0 0 5px rgba(0, 0, 255, 0.8);
}
.htmlc.image.popupable .box:after {
  content: '\f00e';
  position: absolute;
  top: 15px;
  right: 5px;
  font-family: FontAwesome;
  font-size: 22px;
  color: white;
  text-shadow: 0 0 3px black;
  cursor: hand;
  cursor: pointer;
  pointer-events: none;
}
.image-popup {
  opacity: 0;
  transition: opacity 0.7s;
}
.image-popup.show {
  opacity: 1;
}
.image-popup img {
  opacity: 0;
  -webkit-transform: scale(0.15);
  transform: scale(0.15);
  transition: all 0.5s;
}
.image-popup.show img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.htmlc.image.align-left {
  display: inline-block;
  margin: -5px 2em 1em 0;
}
.htmlc.image.align-left:not(.align-center-override) + .htmlc.image.align-left:not(.align-center-override) {
  margin-left: -0.5em;
}
.htmlc.image.align-center-override > .box img {
  max-width: 100%;
  height: auto;
}
.qanda > .box {
  margin-top: 0.5em;
}
.qanda:not([class*='style-']),
.qanda.style-triviant {
  -webkit-transform: translateZ(100px);
  transform: translateZ(100px);
  -webkit-perspective: 500;
  perspective: 500;
}
.qanda:not([class*='style-']) > .box,
.qanda.style-triviant > .box {
  box-sizing: border-box;
  width: 216px;
  height: 159px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.qanda:not([class*='style-']) > .box .qanda-q,
.qanda.style-triviant > .box .qanda-q,
.qanda:not([class*='style-']) > .box .qanda-a,
.qanda.style-triviant > .box .qanda-a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  font-family: 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Arial';
  font-size: 12px;
  color: #2B1B23;
}
.qanda:not([class*='style-']) > .box .qanda-q,
.qanda.style-triviant > .box .qanda-q {
  background: url(../../htmlcs/qanda/doodle-vraag.png);
  padding: 25px 30px 20px 55px;
}
.qanda:not([class*='style-']) > .box .qanda-a,
.qanda.style-triviant > .box .qanda-a {
  background: url(../../htmlcs/qanda/doodle-antwoord.png);
  padding: 25px 20px 25px 100px;
}
.qanda:not([class*='style-']) > .box p,
.qanda.style-triviant > .box p {
  margin: 0;
}
.qanda .qanda-q {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.qanda .qanda-a {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.qanda.selected .qanda-q {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.qanda.selected .qanda-a {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.isOpera .qanda .qanda-q,
.isOldIE .qanda .qanda-q {
  display: block;
}
.isOpera .qanda .qanda-a,
.isOldIE .qanda .qanda-a {
  display: none;
}
.isOpera .qanda.selected .qanda-q,
.isOldIE .qanda.selected .qanda-q {
  display: none;
}
.isOpera .qanda.selected .qanda-a,
.isOldIE .qanda.selected .qanda-a {
  display: block;
}
.reminder > .box {
  padding: 30px;
  color: #D40E0E;
}
.reminder > .box:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  border-style: solid;
  border-width: 8px 14px 16px 8px;
  border-image: url('../../htmlcs/reminder/geeltje.png') 8 14 16 8 fill round round;
}
.cmsEditing .reminder > .box:before:before {
  pointer-events: auto;
}
.slideshow {
  z-index: 1000;
}
.slideshow .box {
  margin: 25px;
}
.slideshow.size-XL .box {
  margin: 25px 0;
}
.slideshow.size-XL .box .poster img {
  max-width: 520px;
  max-height: 520px;
}
.slideshow .box .caption {
  box-sizing: border-box;
  display: block;
  z-index: 30;
  bottom: 3px;
  padding: 7px 10px;
  background: white;
  font-family: Schoolbell;
  font-size: 16px;
  text-align: center;
}
.slideshow .box .poster {
  position: relative;
  z-index: 20;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  background-clip: padding-box;
  background: white;
  padding: 12px 12px 8px 12px;
  transition: all 0.5s 0.4s;
}
.slideshow .box .poster:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 70px;
  height: 67px;
  margin-left: -35px;
  background: url(../../htmlcs/slideshow/play.png);
  padding-left: 14px;
  font-size: 28px;
  line-height: 46px;
  color: white;
  transition: all 1s;
}
.slideshow .box .fakeposter {
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  background-clip: padding-box;
  background: white;
  padding: 12px 12px 0 12px;
  transition: opacity 0.4s;
  transition: all 0.25s;
}
.loaded .slideshow .box .fakeposter-1 {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
.loaded .slideshow .box .fakeposter-2 {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.loaded .slideshow .box .fakeposter-3 {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.slideshow .box:hover .fakeposter-1 {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
.slideshow .box:hover .fakeposter-2 {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.slideshow .box:hover .fakeposter-3 {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.slideshow .box .slides {
  position: absolute;
  z-index: 10;
  top: 0px;
  transition: opacity 0.8s;
}
.slideshow .box .slides .slide {
  display: block;
  position: absolute;
}
.slideshow .box .slides .slide img {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  background-clip: padding-box;
  background: white;
  padding: 12px;
}
.slideshow:not(.playing) .caption {
  opacity: 1;
}
.slideshow:not(.playing) .poster {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.slideshow:not(.playing) .poster:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.slideshow:not(.playing) .fakeposter {
  opacity: 1;
}
.slideshow:not(.playing) .slides {
  opacity: 0;
}
.slideshow.playing .caption {
  opacity: 0!important;
}
.slideshow.playing .poster {
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
}
.slideshow.playing .poster:before {
  opacity: 0;
  -webkit-transform: scale(5);
  transform: scale(5);
}
.slideshow.playing .fakeposter {
  opacity: 0;
}
.slideshow.playing .slides {
  opacity: 1;
}
@-webkit-keyframes animating-curSlide-prevSlide-left {
  0% {
    z-index: 2500000;
  }
  40% {
    z-index: 2500000;
    top: -350px;
    left: -380px;
    -webkit-transform: rotate(-70deg) scale(0.7);
    transform: rotate(-70deg) scale(0.7);
  }
  41% {
    z-index: 0;
    top: -350px;
    left: -380px;
    -webkit-transform: rotate(-70deg) scale(0.7);
    transform: rotate(-70deg) scale(0.7);
  }
  100% {
    z-index: 0;
  }
}
@keyframes animating-curSlide-prevSlide-left {
  0% {
    z-index: 2500000;
  }
  40% {
    z-index: 2500000;
    top: -350px;
    left: -380px;
    -webkit-transform: rotate(-70deg) scale(0.7);
    transform: rotate(-70deg) scale(0.7);
  }
  41% {
    z-index: 0;
    top: -350px;
    left: -380px;
    -webkit-transform: rotate(-70deg) scale(0.7);
    transform: rotate(-70deg) scale(0.7);
  }
  100% {
    z-index: 0;
  }
}
.slideshow.align-right .slide.animating-curSlide-prevSlide {
  z-index: 0;
  -webkit-animation: animating-curSlide-prevSlide-left 0.8s;
  animation: animating-curSlide-prevSlide-left 0.8s;
}
@-webkit-keyframes animating-curSlide-prevSlide-right {
  0% {
    z-index: 2500000;
  }
  40% {
    z-index: 2500000;
    top: -350px;
    left: 380px;
    -webkit-transform: rotate(70deg) scale(0.7);
    transform: rotate(70deg) scale(0.7);
  }
  41% {
    z-index: 0;
    top: -350px;
    left: 380px;
    -webkit-transform: rotate(70deg) scale(0.7);
    transform: rotate(70deg) scale(0.7);
  }
  100% {
    z-index: 0;
  }
}
@keyframes animating-curSlide-prevSlide-right {
  0% {
    z-index: 2500000;
  }
  40% {
    z-index: 2500000;
    top: -350px;
    left: 380px;
    -webkit-transform: rotate(70deg) scale(0.7);
    transform: rotate(70deg) scale(0.7);
  }
  41% {
    z-index: 0;
    top: -350px;
    left: 380px;
    -webkit-transform: rotate(70deg) scale(0.7);
    transform: rotate(70deg) scale(0.7);
  }
  100% {
    z-index: 0;
  }
}
.slideshow:not(.align-right) .slide.animating-curSlide-prevSlide {
  z-index: 0;
  -webkit-animation: animating-curSlide-prevSlide-right 0.8s;
  animation: animating-curSlide-prevSlide-right 0.8s;
}
.htmlc.tabs,
.tabsHeaders,
.tabsHeader,
.tabsBodies,
.tansBody {
  box-sizing: border-box;
}
.htmlc.tabs {
  position: relative;
  width: 100%;
  min-height: 300px;
  margin: 40px 0 20px 0;
}
.htmlc.tabs .tabsHeaders {
  position: absolute;
  z-index: 20;
  top: -24px;
  width: 90%;
  height: 25px;
}
.htmlc.tabs .tabsHeaders .tabsHeader {
  float: left;
  display: inline-block;
  min-width: 15%;
  max-width: 35%;
  height: 100%;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.htmlc.tabs .tabsHeaders .tabsHeader.selected {
  margin-top: 0;
  cursor: default;
}
.htmlc.tabs .tabsHeaders .tabsHeader:not(.selected):hover {
  cursor: hand;
  cursor: pointer;
}
.htmlc.tabs .tabsBodies {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.htmlc.tabs .tabsBodies .tabsBody {
  display: none;
  position: relative;
  min-height: 300px;
  padding: 1em;
  text-align: left;
}
.htmlc.tabs .tabsBodies .tabsBody.selected {
  display: block;
}
.htmlc.tabs.style-standard .tabsHeaders .tabsHeader {
  height: 22px;
  margin-top: 3px;
  margin-right: -1px;
  border-radius: 6px 6px 0 0;
  background-clip: padding-box;
  border: solid 1px black;
  background: #888;
  font-size: 12px;
  line-height: 20px;
  color: white;
}
.htmlc.tabs.style-standard .tabsHeaders .tabsHeader.selected {
  height: 25px;
  margin-top: 0;
  border-bottom-color: #F8F8F8;
  background: #F8F8F8;
  line-height: 26px;
  font-weight: bold;
  color: black;
}
.htmlc.tabs.style-standard .tabsHeaders .tabsHeader:not(.selected):hover {
  margin-top: 1px;
  height: 24px;
  background: #CCC;
  line-height: 22px;
}
.htmlc.tabs.style-standard .tabsBodies {
  border-radius: 0 6px 6px 6px;
  background-clip: padding-box;
  border: solid 1px black;
  background: #F8F8F8;
  background: rgba(255, 255, 255, 0.7) linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 20%, rgba(248, 248, 248, 0) 100%);
}
.htmlc.tabs.style-modern .tabsHeaders .tabsHeader {
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
  font-size: 12px;
  line-height: 26px;
  color: grey;
}
.htmlc.tabs.style-modern .tabsHeaders .tabsHeader.selected {
  border: solid 1px #7a7384;
  border-bottom: none;
  background: #c7c4cc;
  font-weight: bold;
  color: white;
}
.htmlc.tabs.style-modern .tabsHeaders .tabsHeader:not(.selected):hover {
  background: rgba(199, 196, 204, 0.2);
  color: black;
}
.htmlc.tabs.style-modern .tabsBodies {
  border-radius: 0 0 6px 6px;
  background-clip: padding-box;
  border-top: solid 1px #7a7384;
  border-bottom: solid 1px #eeedef;
  background: #c7c4cc;
  background: linear-gradient(to bottom, #c7c4cc 0%, rgba(199, 196, 204, 0.05) 100%);
}
.htmlc.tabs.style-modern .tabsBodies:before,
.htmlc.tabs.style-modern .tabsBodies:after {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  background: linear-gradient(to bottom, #7a7384 0%, rgba(122, 115, 132, 0.05) 100%);
}
.htmlc.tabs.style-modern .tabsBodies:before {
  left: 0;
  height: 100%;
}
.htmlc.tabs.style-modern .tabsBodies:after {
  top: 3px;
  right: 0;
  bottom: 3px;
}
.htmlc.tabs .htmlc.tabs .tabsHeader.selected {
  background: #F0F0F0;
  border-bottom-color: #F0F0F0;
}
.htmlc.tabs .htmlc.tabs .tabsBodies {
  background: #F0F0F0;
  background: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 30%, rgba(240, 240, 240, 0) 100%);
}
.textframe > .box {
  padding: 0.75em 1em;
}
.textframe > .box h1,
.textframe > .box h2,
.textframe > .box h3,
.textframe > .box h4 {
  margin-top: 0;
}
.textframe.encapsulate-on .box:after {
  content: '';
  clear: both;
}
.textframe.style-normal > .box {
  box-sizing: border-box;
  min-height: 80px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  background-clip: padding-box;
  background: #FAFAF6;
}
.textframe.style-normal > .box h1,
.textframe.style-normal > .box h2,
.textframe.style-normal > .box h3,
.textframe.style-normal > .box h4,
.textframe.style-normal > .box h5 {
  margin: 0 0 5px 0;
}
.textframe.style-curly > .box {
  width: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #FFFFFC;
}
.textframe.style-curly > .box:before,
.textframe.style-curly > .box:after {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: auto;
  left: auto;
  bottom: -35px;
  max-width: 100%;
  width: 250px;
  height: 35px;
}
.cmsEditing .textframe.style-curly > .box:before:before,
.cmsEditing .textframe.style-curly > .box:after:before {
  pointer-events: auto;
}
.textframe.style-curly > .box:before {
  left: 0px;
  background: url(images/curl-left.png) no-repeat -10px -5px;
}
.textframe.style-curly > .box:after {
  right: -5px;
  background: url(images/curl-right.png) no-repeat 100% -7px;
}
.textframe.style-kreukelig > .box {
  padding: 25px;
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-clip: padding-box;
  background-image: url(../../htmlcs/textframe/kreukels.jpg);
}
.htmlc.textframe + .htmlc.textframe {
  margin-top: 0px;
}
.video:hover .video-box:before {
  z-index: -1 !important;
}
.video .box {
  z-index: 10;
  line-height: 0;
}
.video .box:before {
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cmsEditing .video .box:before:before {
  pointer-events: auto;
}
.isMobile .video .box:before {
  z-index: -1;
}
.video .box iframe {
  max-width: 100%;
  border: none;
}
.video .box .caption {
  box-sizing: border-box;
  position: absolute;
  bottom: -20px;
  width: 100%;
  padding: 0;
}
.video:not([class*='style-']) > .box,
.video.style-doodle > .box {
  padding: 50px 10px 40px 8px;
}
.video:not([class*='style-']) > .box:before,
.video.style-doodle > .box:before {
  border-style: solid;
  border-width: 50px 10px 40px 8px;
  border-image: url('../../htmlcs/video/doodle.png') 50 10 40 8 fill stretch stretch;
}
.narrow .video > .box,
.video.style-strip > .box {
  padding: 35px 0px 35px 0px;
  border: solid black;
  border-width: 0 8px;
}
.narrow .video > .box:before,
.video.style-strip > .box:before {
  top: 0px;
  left: 0;
  border-style: solid;
  border-width: 35px 0px 36px 0px;
  border-image: url('../../htmlcs/video/filmstrip.png') 35 0 36 0 fill round round;
}
html:not(.narrow) .video.style-tv > .box {
  padding: 55px 178px 112px 51px;
}
html:not(.narrow) .video.style-tv > .box:before {
  border-style: solid;
  border-width: 25px 110px 70px 30px;
  border-image: url('../../htmlcs/video/tv.png') 25 110 70 30 fill stretch stretch;
}
html:not(.narrow) .video.style-action > .box {
  padding: 135px 28px 25px 31px;
}
html:not(.narrow) .video.style-action > .box:before {
  border-style: solid;
  border-width: 200px 35px 40px 41px;
  border-image: url('../../htmlcs/video/action.png') 200 35 40 41 fill stretch stretch;
}
/* make sure height for html5-video element is correct by letting it auto-scale according to width */
video {
  height: auto!important;
}
#fxs {
  pointer-events: none;
}
#fxs.fx-xmas {
  position: fixed;
  z-index: 1000!important;
  top: -55px;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(../../fxs/xmas/lights-h25.gif);
  transition: top 0.5s;
}
html.loaded #fxs.fx-xmas {
  top: -5px;
}
html.loaded.cmsEditing #fxs.fx-xmas {
  top: 42px;
}
#fxs.fx-leaves {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
}
#fxs.fx-leaves.leaves-hidden {
  opacity: 0;
  -webkit-animation: leaves-hidden 1.5s forwards;
  animation: leaves-hidden 1.5s forwards;
}
@-webkit-keyframes leaves-hidden {
  0% {
    display: block;
    top: 0px;
    opacity: 1;
  }
  100% {
    display: none;
    top: 30px;
    opacity: 0;
  }
}
@keyframes leaves-hidden {
  0% {
    display: block;
    top: 0px;
    opacity: 1;
  }
  100% {
    display: none;
    top: 30px;
    opacity: 0;
  }
}
#fxs.fx-leaves > .leaves-leaf {
  position: absolute;
  xvisibility: hidden;
  top: -150px;
  width: 110px;
  height: 110px;
  margin-top: -65px;
  -webkit-animation-iteration-count: 2, 1;
  -webkit-animation-direction: alternate, normal;
  -webkit-animation-timing-function: ease-in-out, ease-in;
  -webkit-transform-origin: 50% -100%, 0% 0%;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: 2, 1;
  animation-direction: alternate, normal;
  animation-timing-function: ease-in-out, ease-in;
  transform-origin: 50% -100%, 0% 0%;
  animation-fill-mode: forwards;
}
#fxs.fx-leaves > .leaves-leaf.leaves-leaf1 {
  background-image: url(../../fxs/leaves/realLeaf1.png);
}
#fxs.fx-leaves > .leaves-leaf.leaves-leaf2 {
  background-image: url(../../fxs/leaves/realLeaf2.png);
}
#fxs.fx-leaves > .leaves-leaf.leaves-leaf3 {
  background-image: url(../../fxs/leaves/realLeaf3.png);
}
#fxs.fx-leaves > .leaves-leaf.leaves-leaf4 {
  background-image: url(../../fxs/leaves/realLeaf4.png);
}
/* Makes a leaf fall */
@-webkit-keyframes leaves-drop {
  0% {
    visibility: hidden;
    top: -10%;
  }
  1% {
    visibility: visible;
    top: -10%;
  }
  100% {
    visibility: visible;
    top: 100%;
  }
}
@keyframes leaves-drop {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
/* Rotate a leaf clockwise */
@-webkit-keyframes leaves-clockwiseSpin {
  0% {
    -webkit-transform: translate(-150px, 0) rotate(-50deg);
  }
  100% {
    -webkit-transform: translate(150px, 0) rotate(50deg);
  }
}
@keyframes leaves-clockwiseSpin {
  0% {
    transform: translate(-150px, 0) rotate(-50deg);
  }
  100% {
    transform: translate(150px, 0) rotate(50deg);
  }
}
/* Flips a leaf and rotates it counterclockwise */
@-webkit-keyframes leaves-counterclockwiseSpin {
  0% {
    -webkit-transform: translate(150px, 0) scale(-1, 1) rotate(50deg);
  }
  100% {
    -webkit-transform: translate(-150px, 0) scale(-1, 1) rotate(-50deg);
  }
}
@keyframes leaves-counterclockwiseSpin {
  0% {
    transform: translate(150px, 0) scale(-1, 1) rotate(50deg);
  }
  100% {
    transform: translate(-150px, 0) scale(-1, 1) rotate(-50deg);
  }
}
#fxs.fx-snow {
  position: fixed;
  z-index: 0;
  top: -50px;
  left: 0;
  width: 100%;
  height: 1px;
  text-align: center;
}
#fxs.fx-snow i {
  display: inline-block;
  visibility: hidden;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  -webkit-transform-origin: left -20px;
  -webkit-animation-name: snowflakes-falling;
  -webkit-animation-duration: 3s;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 20;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  transform-origin: left -20px;
  animation-name: snowflakes-falling;
  animation-duration: 3s;
  animation-direction: normal;
  animation-iteration-count: 20;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-play-state: running;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, #fff 40%, #eee 60%, rgba(255, 255, 255, 0) 60%), linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, #fff 40%, #eee 60%, rgba(255, 255, 255, 0) 60%), linear-gradient(45deg, rgba(255, 255, 255, 0) 43%, #fff 43%, #eee 57%, rgba(255, 255, 255, 0) 57%), linear-gradient(135deg, rgba(255, 255, 255, 0) 43%, #fff 43%, #eee 57%, rgba(255, 255, 255, 0) 57%);
}
/* animation used for ALL snowflakes */
@-webkit-keyframes snowflakes-falling {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.9, 0.9);
  }
  100% {
    visibility: visible;
    -webkit-transform: translate3d(30px, 1500px, 0) rotate(360deg) scale(1.1, 1.1);
  }
}
@keyframes snowflakes-falling {
  0% {
    visibility: visible;
    transform: translate3d(0, 0, 0) rotate(0deg) scale(0.9, 0.9);
  }
  100% {
    visibility: visible;
    transform: translate3d(30px, 1500px, 0) rotate(360deg) scale(1.1, 1.1);
  }
}
/* different sizes, and default origins based on size */
#fxs.fx-snow i:nth-of-type(4n) {
  height: 30px;
  width: 30px;
  -webkit-transform-origin: right -30px;
  transform-origin: right -30px;
}
#fxs.fx-snow i:nth-of-type(4n+1) {
  height: 24px;
  width: 24px;
  -webkit-transform-origin: left -30px;
  transform-origin: left -30px;
}
#fxs.fx-snow i:nth-of-type(4n+2) {
  height: 10px;
  width: 10px;
  -webkit-transform-origin: -30px 0;
  transform-origin: -30px 0;
}
/* different speeds, with iteration counts to equal 3minutes approx. */
#fxs.fx-snow i:nth-of-type(4n) {
  -webkit-animation-duration: 5.3s;
  -webkit-animation-iteration-count: 12;
  -webkit-transform-origin: -10px -20px;
  animation-duration: 5.3s;
  animation-iteration-count: 12;
  transform-origin: -10px -20px;
}
#fxs.fx-snow i:nth-of-type(4n+1) {
  -webkit-animation-duration: 3.1s;
  -webkit-animation-iteration-count: 20;
  -webkit-transform-origin: 10px -20px;
  animation-duration: 3.1s;
  animation-iteration-count: 20;
  transform-origin: 10px -20px;
}
#fxs.fx-snow i:nth-of-type(4n+2) {
  -webkit-animation-duration: 1.7s;
  -webkit-animation-iteration-count: 35;
  -webkit-transform-origin: right -20px;
  animation-duration: 1.7s;
  animation-iteration-count: 35;
  transform-origin: right -20px;
}
/* different delays so they don't all start at the same time */
#fxs.fx-snow i:nth-of-type(3n) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
#fxs.fx-snow i:nth-of-type(3n+1) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
#fxs.fx-snow i:nth-of-type(3n+2) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}
/* playing with timing functions to make it a teeny bit more random like */
#fxs.fx-snow i:nth-of-type(5n) {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
#fxs.fx-snow i:nth-of-type(5n+1) {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
#fxs.fx-snow i:nth-of-type(5n+2) {
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
#fxs.fx-snow i:nth-of-type(5n+3) {
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
#fxs.fx-snow i:nth-of-type(5n+4) {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
#fxs.fx-snow i:nth-of-type(11n) {
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.8, 0.9);
  animation-timing-function: cubic-bezier(0.2, 0.3, 0.8, 0.9);
}
/* playing with opacity to make it a teeny bit more random like */
#fxs.fx-snow i:nth-of-type(7n) {
  opacity: 0.5;
}
#fxs.fx-snow i:nth-of-type(7n+2) {
  opacity: 0.3;
}
#fxs.fx-snow i:nth-of-type(7n+4) {
  opacity: 0.7;
}
#fxs.fx-snow i:nth-of-type(7n+6) {
  opacity: 0.6;
  -webkit-animation-timing-function: ease-in;
  -webkit-transform-origin: left 10px;
  animation-timing-function: ease-in;
  transform-origin: left 10px;
}
#fxs.fx-snow i:nth-of-type(7n+1) {
  opacity: 0.8;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype');
  font-style: normal;
}
html.cmsEditing .cmsPlainEditable {
  -webkit-user-modify: read-write-plaintext-only;
  user-modify: read-write-plaintext-only;
}
html.cmsEditing .cmsPoorEditable,
html.cmsEditing .cmsRichEditable {
  -webkit-user-modify: read-write;
  user-modify: read-write;
}
html.cmsEditing .cmsPlainEditable:hover,
html.cmsEditing .cmsPoorEditable:hover,
html.cmsEditing .cmsRichEditable:hover,
html.cmsEditing *[data-cmsChange]:hover,
html.cmsEditing .cmsPlainEditable:focus,
html.cmsEditing .cmsPoorEditable:focus,
html.cmsEditing .cmsRichEditable:focus,
html.cmsEditing *[data-cmsChange]:focus {
  outline: dashed blue 1px;
}
.htmlc {
  -webkit-user-modify: read-only;
  user-modify: read-only;
}
.cmsEditButton {
  display: none;
  position: absolute;
  box-sizing: border-box;
  z-index: 1000000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border: solid 1px #FFF;
  background: #DDD;
  color: #000;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  text-decoration: none!important;
  pointer-events: auto;
  cursor: default;
}
.cmsEditing .cmsEditButton {
  display: block;
}
.cmsEditButton:not([disabled]):hover {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 13px;
  font-size: 16px;
}
#cmsUser {
  position: fixed;
  z-index: 1000001;
  top: 7px;
  right: 10px;
  padding: 0 4px 0 8px;
  box-shadow: 0 0 5px #505064;
  border-radius: 4px;
  cursor: pointer;
  transition: top 0.5s;
  line-height: 28px;
}
#cmsUser:hover {
  background-color: red;
}
html:not(.cmsEditing) #cmsUser {
  top: -100px;
}
#cmsUserName {
  font-weight: bold;
}
#cmsLogOut {
  display: inline-block;
  width: 22px;
  height: 20px;
  margin-left: 5px;
  border-radius: 4px;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
#cmsLogOut:hover {
  background: blue;
  color: white;
}
.cmsHidden {
  display: none!important;
}
.cmsNoScroll {
  overflow: hidden!important;
}
*[data-cmsChange='page'] {
  position: relative;
}
#editPageBox {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  pointer-events: none;
  -webkit-user-modify: read-only;
  user-modify: read-only;
}
.cmsEditingAttrs #editPageBox {
  display: none;
}
#editPageBox #editDelete {
  top: -20px;
  right: 5px;
  font-size: 11px;
  line-height: 26px;
}
#editPageBox #editPublish {
  bottom: -20px;
  right: 5px;
  line-height: 23px;
  color: blue;
}
#editPageBox[data-cmsPageUnpublished] #editPublish {
  color: red;
}
#editPageBox #editInsert {
  left: 50%;
  margin-left: -12px;
  line-height: 24px;
  color: blue;
}
#editPageBox #editInsertBefore {
  top: -20px;
  left: 50%;
  margin-left: -12px;
  line-height: 24px;
  color: blue;
}
#editPageBox #editInsertAfter {
  bottom: -20px;
  left: 50%;
  margin-left: -12px;
  line-height: 24px;
  color: blue;
}
#editPageBox #editInsertIn {
  top: 50%;
  right: -20px;
  margin-top: -12px;
  line-height: 24px;
  color: blue;
}
#editPageBox #editMoveTree {
  top: -20px;
  left: 60px;
  margin-left: -12px;
}
#editPageBox #editMoveUpV {
  top: -20px;
  left: 30px;
  margin-left: -12px;
}
#editPageBox #editMoveDownV {
  bottom: -20px;
  left: 30px;
  margin-left: -12px;
}
#editPageBox #editMoveUpH {
  display: none;
  top: 50%;
  left: -26px;
  margin-top: -12px;
}
#editPageBox #editMoveDownH {
  display: none;
  top: 50%;
  right: -26px;
  margin-top: -12px;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editMoveTree {
  left: 35px;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editMoveUpV {
  display: none;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editMoveDownV {
  display: none;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editMoveUpH {
  display: block;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editMoveDownH {
  display: block;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editInsertBefore {
  display: block;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editInsertAfter {
  display: block;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editInsertIn {
  display: block;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editInsertBefore {
  top: 50%;
  left: -42px;
  margin-top: -12px;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editInsertAfter {
  top: 50%;
  bottom: auto;
  left: auto;
  right: -42px;
  margin-top: -12px;
  margin-right: -12px;
}
#editPageBox[data-cmsSiblingAlignment='horizontal'] #editInsertIn {
  top: auto;
  bottom: -20px;
  left: 50%;
  right: auto;
  margin-left: -12px;
}
#editPageBox[data-cmsBlogItem] #editInsertBefore,
#editPageBox[data-cmsBlogItem] #editInsertAfter {
  display: none;
}
#editPageBox[data-cmsBlogItem].cmsIsFirst #editInsertBefore {
  display: block;
}
#editPageBox.cmsIsFirst #editMoveUpV,
#editPageBox.cmsIsFirst #editMoveUpH,
#editPageBox.cmsIsLast #editMoveDownV,
#editPageBox.cmsIsLast #editMoveDownH,
#editPageBox.cmsNoChild #editInsertIn,
#editPageBox.cmsNoSibling #editInsertAfter,
#editPageBox.cmsNoSibling #editInsertBefore,
#editPageBox.cmsNoUnpublish #editPublish,
#editPageBox.cmsNoReOrder #editMoveDownH,
#editPageBox.cmsNoReOrder #editMoveDownV,
#editPageBox.cmsNoReOrder #editMoveUpH,
#editPageBox.cmsNoReOrder #editMoveUpV,
#editPageBox.cmsNoDelete #editDelete {
  display: none;
}
*[data-cmspublished='false'] {
  box-shadow: 0 0 20px red!important;
}
*[data-cmshidden='true'] {
  box-shadow: 0 0 20px green!important;
}
html.cmsEditing .cmsEditAttrPH {
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
  text-indent: 0;
}
#editPageAttrsBox {
  position: fixed;
  z-index: 1000;
  top: -2px;
  left: 6px;
  width: 370px;
  xheight: 200px;
  padding: 40px 10px 10px 10px;
  box-shadow: 0 0 10px black;
  border-radius: 12px 5px 5px 5px;
  border: 1px solid white;
  background: #FFC;
  font-size: 12px;
  /* TODO: the following logic should go to _site */
  /* disable some fields from the pageAttrsBox given certain circumstances */
  /* showDate: only for blogitems */
  /* minDays, maxDays, delItemsAfter: only for blogs */
  /* url: only for non-blogItems */
}
#editPageAttrsBox:not([data-cmsBlogItem]) .cmsAttrDef[data-cmsAttr="showDate"] {
  display: none;
}
#editPageAttrsBox:not([data-cmsBlogItem]) .cmsAttrDef[data-cmsAttr="mustSee"],
#editPageAttrsBox:not([data-cmsBlog="true"]) .cmsAttrDef[data-cmsAttr="minDays"],
#editPageAttrsBox:not([data-cmsBlog="true"]) .cmsAttrDef[data-cmsAttr="minDays"],
#editPageAttrsBox:not([data-cmsBlog="true"]) .cmsAttrDef[data-cmsAttr="maxDays"],
#editPageAttrsBox:not([data-cmsBlog="true"]) .cmsAttrDef[data-cmsAttr="delItemsAfter"] {
  display: none;
}
#editPageAttrsBox[data-cmsBlogItem] .cmsAttrDef[data-cmsAttr="url"] {
  display: none;
}
#editPageAttrsBox {
  display: none;
}
.cmsEditingAttrs #editPageAttrsBox {
  display: block;
}
#cmsAttrsLogo {
  box-sizing: border-box;
  position: absolute;
  z-index: 1000000;
  top: 5px;
  left: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #FFF;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  text-decoration: none!important;
  pointer-events: auto;
  cursor: default;
}
#cmsAttrsTitle {
  box-sizing: border-box;
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  height: 34px;
  padding: 0 10px 0 30px;
  border-radius: 12px 5px 0 0;
  background: #4e536a;
  color: #FFF;
  font-size: 16px;
  line-height: 34px;
  text-align: left;
  cursor: default;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#editPageAttrsBox .cmsAdvancedProps.cmsCollapsed div {
  display: none;
}
#editPageAttrsBox .cmsAdvancedProps .cmsAdvToggle {
  display: block;
  text-align: left;
  color: blue;
  cursor: hand;
}
#editPageAttrsBox .cmsAdvancedProps .cmsAdvToggle:before {
  content: '\f0d7';
  font-family: FontAwesome;
}
#editPageAttrsBox .cmsAdvancedProps.cmsCollapsed .cmsAdvToggle:before {
  content: '\f0da';
}
#editPageAttrsBox .cmsAdvancedProps .cmsAdvToggle:after {
  content: ' advanced';
}
#editPageAttrsBox .cmsIndent-1 {
  margin-left: 25px;
}
#editPageAttrsBox .cmsIndent-1 .cmsInput {
  width: 125px;
}
#editPageAttrsBox .cmsLabel {
  display: inline-block;
  width: 170px;
  padding: 0 5px;
  text-align: right;
}
#editPageAttrsBox .cmsInput {
  display: inline-block;
  width: 150px;
  padding: 0 5px;
  text-align: left;
}
#editPageAttrsBox .cmsInput select {
  width: 100%;
}
.cmsWarnExpiring {
  display: block;
  top: -12px;
  left: 24px;
  background: orange;
  font-size: 18px;
  color: white;
  line-height: 24px;
}
#cmsLoginForm {
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 180, 210, 0.3);
}
#cmsLoginForm h1 {
  margin: 0 0 1em 0;
  font-size: 32px;
}
#cmsLoginForm form {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 400px;
  height: 180px;
  margin-left: -200px;
  box-shadow: 0 0 125px #ffffff;
  border-radius: 8px;
  border: solid 3px black;
  background: white;
  padding: 10px;
}
#cmsLoginForm label {
  display: block;
}
#cmsLoginForm label span {
  display: inline-block;
  width: 50%;
  text-align: right;
}
#cmsLoginForm label input {
  width: 40%;
  margin-left: 1em;
}
#cmsLoginForm #cmsLoginFormOK {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 80px;
}
#cmsLoginForm #cmsLoginFormCancel {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 80px;
}
article[data-cmsHidden='true'] h1 {
  opacity: 0.6;
}
.cmsAlign-left {
  text-align: left!important;
}
.cmsAlign-center {
  text-align: center!important;
}
.cmsAlign-right {
  text-align: right!important;
}
.cmsAlign-justify {
  text-align: justify!important;
}
/* shift page to accomodate cmsToolbar */
html.cmsEditing header,
html.cmsEditing #calOpener,
html.cmsEditing #calendar,
html.cmsEditing #searchOpener {
  margin-top: 42px;
}
html.cmsEditing #subMenu {
  top: 147px;
}
/* partly generated using http://spritegen.website-performance.org */
noscript {
  position: fixed;
  z-index: 1000;
  left: 50%;
  margin: 80px 0 0 -125px;
}
noscript #noscriptWarning {
  box-sizing: border-box;
  display: block;
  width: 250px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  background-clip: padding-box;
  border: dotted 2px black;
  background: white;
  padding: 10px 30px 30px 30px;
  font-size: 11px;
}
noscript #noscriptWarning h1 {
  text-align: center;
}
noscript #noscriptWarning .toch {
  position: absolute;
  bottom: 24px;
  right: 45px;
  font-size: 10px;
}
noscript input {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 20px;
}
noscript input:checked,
noscript input:checked + #noscriptWarning {
  display: none;
}
#noscriptWarning {
  -webkit-animation-duration: 1.2s;
  -webkit-animation-name: warning;
  -webkit-animation-iteration-count: infinite;
  animation-duration: 1.2s;
  animation-name: warning;
  animation-iteration-count: infinite;
}
@-webkit-keyframes warning {
  0% {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 0 25px #ff0000, inset 0 0 50px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 0.1);
  }
}
@keyframes warning {
  0% {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 0 25px #ff0000, inset 0 0 50px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 0.1);
  }
}
html {
  box-sizing: border-box;
  width: 100%;
  font-family: 'Verdana', sans-serif;
  font-size: 13px;
  line-height: 20px;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(106, 86, 72, 0.4);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* FIXED FOR IE */
}
.isMobile body {
  background: none;
}
.isMobile #bgMobile {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  padding-bottom: 150px;
  -webkit-transform: translateZ(0);
}
.isMobile #bgMobile div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* FIXED FOR IE */
  background-attachment: scroll;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.isMobile body:not(.visual-bonieuwsbrief) #bgMobile div {
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* FIXED FOR IE */
  background-attachment: scroll;
}
main {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  height: auto;
  padding-top: 35px;
  overflow: hidden;
  -webkit-transition: all 0.4s 0.1s;
  transition: all 0.4s 0.1s;
}
main {
  top: 100px;
}
html.narrow main {
  top: 80px;
}
.centerStage {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: 320px;
  max-width: 690px;
  margin: 0 auto;
  border-bottom: 1px solid transparent;
  /* make margins and paddings not collapse in older iOS */
  padding: 0 20px 20px 20px;
  -webkit-transition: opacity 0.4s 0.1s;
  transition: opacity 0.4s 0.1s;
}
#bgShower {
  position: fixed;
  z-index: 1000;
  bottom: 5px;
  right: 5px;
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -430px;
  width: 70px;
  height: 41px;
  opacity: 0.5;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.narrow #bgShower {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
#bgShower:hover,
html.showBackground #bgShower {
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.showBackground header,
.showBackground #calOpener,
.showBackground main,
.showBackground .centerStage,
.showBackground #subMenu {
  opacity: 0;
}
#bgCaption {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  opacity: 0;
}
#bgCaption div {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding-right: 110px;
  font-size: 24px;
  line-height: 30px;
  color: white;
  text-shadow: 0 0 2px #666;
}
#bgCaption div:before,
#bgCaption div:after {
  content: '"';
}
html #bgCaption {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s;
  transition: opacity 0.5s 0s;
}
html.showBackground #bgCaption {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 3s 2s;
  transition: opacity 3s 2s;
}
button.form-cancel {
  float: left;
  margin: 10px 0 0 20px;
  font-size: 18px;
}
button.form-ok {
  float: right;
  margin: 10px 20px 0 0;
  font-size: 18px;
}
html.inModalMode header,
html.inModalMode #subMenuOpener,
html.inModalMode #subMenu,
html.inModalMode #searchOpener,
html.inModalMode #calOpener,
html.inModalMode main,
html.inModalMode #bgShower,
html.inModalMode #megaPhone {
  display: none;
  opacity: 0;
  visibility: hidden;
}
html.inModalMode.modalAnimating header,
html.inModalMode.modalAnimating #subMenuOpener,
html.inModalMode.modalAnimating #subMenu,
html.inModalMode.modalAnimating #searchOpener,
html.inModalMode.modalAnimating #calOpener,
html.inModalMode.modalAnimating main,
html.inModalMode.modalAnimating #bgShower,
html.inModalMode.modalAnimating #megaPhone {
  display: block;
}
html.inModalMode.showSubMenu #subMenuOpener,
html.inModalMode.showSearch #searchOpener,
html.inModalMode.showCalendar #calOpener {
  display: block;
  opacity: 1;
  visibility: visible;
}
.isOpera .article.style-sticky blockquote {
  background-color: #dcdc8f;
}
.isOpera .article.style-balloon blockquote {
  background-color: white;
}
*[contentEditable='false'] {
  -webkit-user-modify: read-only !important;
}
body header:before,
body #subMenu .menu:before {
  background-color: rgba(55, 90, 55, 0.3);
}
body,
.isMobile body #bgMobile div,
body header,
body #subMenu .menu {
  background-color: rgba(255, 255, 255, 0.4);
}
body nav a:hover {
  background: rgba(255, 255, 255, 0.35);
}
body nav a.active {
  background: rgba(255, 255, 255, 0.5);
}
input[name='user_name'],
input[name='user_email'] {
  margin: 0.5em 0;
  padding: 2px 5px;
  border: solid 1px grey;
}
input[name='user_name']:valid:focus,
input[name='user_email']:valid:focus {
  border-color: green;
}
input[name='user_name']:invalid:focus,
input[name='user_email']:invalid:focus {
  border-color: red;
}

.tableWithHeader td,
.tableWithHeader th
{
	border:solid 1px black;
	vertical-align:top;
	text-align:left;
	padding:0.25em;
	font-size:80%;
}

.tableWithHeader th
{
	background:#999;
	color:white;
}