* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page-nav-sprite, .page.history #main .page-sidebar .page-nav header h1, .page.history #main .page-sidebar .page-nav .history, .page.history #main .page-sidebar .page-nav .history:hover, .page.history #main .page-sidebar .page-nav .genealogy, .page.history #main .page-sidebar .page-nav .genealogy:hover, .page.history #main .page-sidebar .page-nav .vicissitude, .page.history #main .page-sidebar .page-nav .vicissitude:hover {
  background-image: url('/wp-content/themes/hassen/assets/img/history/common/sprite/page-nav-s8b3df6a2d9.png');
  background-repeat: no-repeat;
}

.page.history #main .page-sidebar .page-nav header h1 {
  background-position: 0 -558px;
  height: 161px;
  width: 25px;
}
.page.history #main .page-sidebar .page-nav .history {
  background-position: 0 -446px;
  height: 112px;
  width: 18px;
}
.page.history #main .page-sidebar .page-nav .history:hover, .page.history #main .page-sidebar .page-nav .history.history-hover {
  background-position: 0 -334px;
}
.page.history #main .page-sidebar .page-nav .history:hover {
  background-position: 0 -334px;
  height: 112px;
  width: 18px;
}
.page.history #main .page-sidebar .page-nav .genealogy {
  background-position: 0 -241px;
  height: 93px;
  width: 17px;
}
.page.history #main .page-sidebar .page-nav .genealogy:hover, .page.history #main .page-sidebar .page-nav .genealogy.genealogy-hover {
  background-position: 0 -148px;
}
.page.history #main .page-sidebar .page-nav .genealogy:hover {
  background-position: 0 -148px;
  height: 93px;
  width: 17px;
}
.page.history #main .page-sidebar .page-nav .vicissitude {
  background-position: 0 -74px;
  height: 74px;
  width: 18px;
}
.page.history #main .page-sidebar .page-nav .vicissitude:hover, .page.history #main .page-sidebar .page-nav .vicissitude.vicissitude-hover {
  background-position: 0 0;
}
.page.history #main .page-sidebar .page-nav .vicissitude:hover {
  background-position: 0 0;
  height: 74px;
  width: 18px;
}

.page.history #main .page-content > header h1 {
  overflow: hidden;
  background-image: url('/wp-content/themes/hassen/assets/img/history/page-title.png?1412412807');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 157px;
  height: 42px;
}
.page.history #main .page-content > header h1:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.page.history #main .page-content > section {
  margin-bottom: 5.0625em;
}
.page.history #main .page-content .history header {
  margin-top: 4.21875em;
  margin-bottom: 2.53125em;
}
.page.history #main .page-content .history header h2 {
  overflow: hidden;
  background-image: url('/wp-content/themes/hassen/assets/img/history/history-heading.png?1417713719');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 251px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.page.history #main .page-content .history header h2:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.page.history #main .page-content .history figure {
  float: right;
  padding-left: 20px;
}
.page.history #main .page-content .history figure figcaption {
  font-size: 0.8125em;
  line-height: 2.07692em;
  margin-top: 0.51923em;
  text-align: right;
}
.page.history #main .page-content .history p {
  font-size: 0.9375em;
  line-height: 1.8em;
}
.page.history #main .page-content .chronology {
  max-width: 58.75em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5.0625em;
}
.page.history #main .page-content .chronology:after {
  content: "";
  display: table;
  clear: both;
}
.page.history #main .page-content .chronology header {
  padding-bottom: 1.6875em;
  margin-bottom: 1.6875em;
  background: transparent url('/wp-content/themes/hassen/assets/img/common/border/dotted-640.png?1412412173') no-repeat bottom left;
}
.page.history #main .page-content .chronology header h2 {
  overflow: hidden;
  background-image: url('/wp-content/themes/hassen/assets/img/history/chronology-heading.png?1417713720');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 160px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.page.history #main .page-content .chronology header h2:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.page.history #main .page-content .chronology [class^="century-"] {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  position: relative;
}
.page.history #main .page-content .chronology [class^="century-"]:last-child {
  margin-right: 0;
}
.page.history #main .page-content .chronology [class^="century-"] table {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 93.61702%;
  table-layout: fixed;
  vertical-align: top;
}
.page.history #main .page-content .chronology [class^="century-"] table:last-child {
  margin-right: 0;
}
.page.history #main .page-content .chronology [class^="century-"] table tr th {
  padding: 15px 0 0 8px;
  width: 120px;
  border-bottom: 1px solid #e4e4e4;
  vertical-align: top;
}
.page.history #main .page-content .chronology [class^="century-"] table tr td {
  font-size: 0.8125em;
  line-height: 1.45385em;
  padding: 13px 0;
  width: 479px;
  border-bottom: 1px solid #e4e4e4;
  vertical-align: top;
}
.page.history #main .page-content .chronology [class^="century-"] table tr td div {
  padding: 0 18px;
  border-left: 1px solid #e4e4e4;
}
.page.history #main .page-content .chronology [class^="century-"] .graph {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 4.25532%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #e0ded1 url('/wp-content/themes/hassen/assets/img/history/century-direction.png?1412412805') no-repeat left bottom;
  -ms-interpolation-mode: nearest-neighbor;
}
.page.history #main .page-content .chronology [class^="century-"] .graph:last-child {
  margin-right: 0;
}
.page.history #main .page-content .chronology [class^="century-"] .graph .text {
  margin: 15px auto 0 auto;
}
.page.history #main .page-content .chronology .chronology-sprite, .page.history #main .page-content .chronology .chronology-century-17, .page.history #main .page-content .chronology .chronology-century-18, .page.history #main .page-content .chronology .chronology-century-19, .page.history #main .page-content .chronology .chronology-in-1602, .page.history #main .page-content .chronology .chronology-in-1614, .page.history #main .page-content .chronology .chronology-in-1624, .page.history #main .page-content .chronology .chronology-in-1627, .page.history #main .page-content .chronology .chronology-in-1629, .page.history #main .page-content .chronology .chronology-in-1630, .page.history #main .page-content .chronology .chronology-in-1647, .page.history #main .page-content .chronology .chronology-in-1654, .page.history #main .page-content .chronology .chronology-in-1655, .page.history #main .page-content .chronology .chronology-in-1665, .page.history #main .page-content .chronology .chronology-in-1669, .page.history #main .page-content .chronology .chronology-in-1682, .page.history #main .page-content .chronology .chronology-in-1685, .page.history #main .page-content .chronology .chronology-in-1688, .page.history #main .page-content .chronology .chronology-in-1704, .page.history #main .page-content .chronology .chronology-in-1716, .page.history #main .page-content .chronology .chronology-in-1741, .page.history #main .page-content .chronology .chronology-in-1871, .page.history #main .page-content .chronology .century-17 .graph .text, .page.history #main .page-content .chronology .century-18 .graph .text, .page.history #main .page-content .chronology .century-19 .graph .text {
  background-image: url('/wp-content/themes/hassen/assets/img/history/sprite/chronology-s75bbbb363e.png');
  background-repeat: no-repeat;
}
.page.history #main .page-content .chronology .chronology-century-17 {
  background-position: -25px 0;
  height: 202px;
  width: 14px;
}
.page.history #main .page-content .chronology .chronology-century-18 {
  background-position: -11px 0;
  height: 111px;
  width: 14px;
}
.page.history #main .page-content .chronology .chronology-century-19 {
  background-position: 0 0;
  height: 11px;
  width: 11px;
}
.page.history #main .page-content .chronology .chronology-in-1602 {
  background-position: 0 -411px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1614 {
  background-position: 0 -285px;
  height: 14px;
  width: 96px;
}
.page.history #main .page-content .chronology .chronology-in-1624 {
  background-position: 0 -229px;
  height: 14px;
  width: 98px;
}
.page.history #main .page-content .chronology .chronology-in-1627 {
  background-position: 0 -313px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1629 {
  background-position: 0 -327px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1630 {
  background-position: 0 -355px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1647 {
  background-position: 0 -425px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1654 {
  background-position: 0 -202px;
  height: 13px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1655 {
  background-position: 0 -341px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1665 {
  background-position: 0 -299px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1669 {
  background-position: 0 -369px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1682 {
  background-position: 0 -383px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1685 {
  background-position: 0 -397px;
  height: 14px;
  width: 91px;
}
.page.history #main .page-content .chronology .chronology-in-1688 {
  background-position: 0 -215px;
  height: 14px;
  width: 98px;
}
.page.history #main .page-content .chronology .chronology-in-1704 {
  background-position: 0 -271px;
  height: 14px;
  width: 97px;
}
.page.history #main .page-content .chronology .chronology-in-1716 {
  background-position: 0 -243px;
  height: 14px;
  width: 97px;
}
.page.history #main .page-content .chronology .chronology-in-1741 {
  background-position: 0 -257px;
  height: 14px;
  width: 97px;
}
.page.history #main .page-content .chronology .chronology-in-1871 {
  background-position: 0 -439px;
  height: 14px;
  width: 89px;
}
.page.history #main .page-content .chronology .chronology-sprite, .page.history #main .page-content .chronology .chronology-century-17, .page.history #main .page-content .chronology .chronology-century-18, .page.history #main .page-content .chronology .chronology-century-19, .page.history #main .page-content .chronology .chronology-in-1602, .page.history #main .page-content .chronology .chronology-in-1614, .page.history #main .page-content .chronology .chronology-in-1624, .page.history #main .page-content .chronology .chronology-in-1627, .page.history #main .page-content .chronology .chronology-in-1629, .page.history #main .page-content .chronology .chronology-in-1630, .page.history #main .page-content .chronology .chronology-in-1647, .page.history #main .page-content .chronology .chronology-in-1654, .page.history #main .page-content .chronology .chronology-in-1655, .page.history #main .page-content .chronology .chronology-in-1665, .page.history #main .page-content .chronology .chronology-in-1669, .page.history #main .page-content .chronology .chronology-in-1682, .page.history #main .page-content .chronology .chronology-in-1685, .page.history #main .page-content .chronology .chronology-in-1688, .page.history #main .page-content .chronology .chronology-in-1704, .page.history #main .page-content .chronology .chronology-in-1716, .page.history #main .page-content .chronology .chronology-in-1741, .page.history #main .page-content .chronology .chronology-in-1871, .page.history #main .page-content .chronology .century-17 .graph .text, .page.history #main .page-content .chronology .century-18 .graph .text, .page.history #main .page-content .chronology .century-19 .graph .text {
  overflow: hidden;
}
.page.history #main .page-content .chronology .chronology-sprite:before, .page.history #main .page-content .chronology .chronology-century-17:before, .page.history #main .page-content .chronology .chronology-century-18:before, .page.history #main .page-content .chronology .chronology-century-19:before, .page.history #main .page-content .chronology .chronology-in-1602:before, .page.history #main .page-content .chronology .chronology-in-1614:before, .page.history #main .page-content .chronology .chronology-in-1624:before, .page.history #main .page-content .chronology .chronology-in-1627:before, .page.history #main .page-content .chronology .chronology-in-1629:before, .page.history #main .page-content .chronology .chronology-in-1630:before, .page.history #main .page-content .chronology .chronology-in-1647:before, .page.history #main .page-content .chronology .chronology-in-1654:before, .page.history #main .page-content .chronology .chronology-in-1655:before, .page.history #main .page-content .chronology .chronology-in-1665:before, .page.history #main .page-content .chronology .chronology-in-1669:before, .page.history #main .page-content .chronology .chronology-in-1682:before, .page.history #main .page-content .chronology .chronology-in-1685:before, .page.history #main .page-content .chronology .chronology-in-1688:before, .page.history #main .page-content .chronology .chronology-in-1704:before, .page.history #main .page-content .chronology .chronology-in-1716:before, .page.history #main .page-content .chronology .chronology-in-1741:before, .page.history #main .page-content .chronology .chronology-in-1871:before, .page.history #main .page-content .chronology .century-17 .graph .text:before, .page.history #main .page-content .chronology .century-18 .graph .text:before, .page.history #main .page-content .chronology .century-19 .graph .text:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.page.history #main .page-content .chronology .century-17 .graph .text {
  background-position: -25px 0;
  height: 202px;
  width: 14px;
}
.page.history #main .page-content .chronology .century-18 .graph .text {
  background-position: -11px 0;
  height: 111px;
  width: 14px;
}
.page.history #main .page-content .chronology .century-19 .graph .text {
  background-position: 0 0;
  height: 11px;
  width: 11px;
  margin: 10px auto 0 auto;
}
.page.history #main .page-sidebar .page-nav .history {
  background-position: 0 -334px;
  height: 112px;
  width: 18px;
}