.main:before,
.main:after,
.sub-options:before,
.sub-options:after {
  content: "";
  display: table;
  clear: both;
}
/* ===== Prologue =======*/
.page {
  background: url('../images/page-titles/title-right-1.png') no-repeat 96% 0, url('../images/page-titles/title-left-1.png') no-repeat -7px -8px;
}
.page-title {
  background: url("../images/page-titles/title-center-1.png") no-repeat 50% 20px;
}
.page-title h1:after {
  background-position: 106% 57%!important;
}
.page-title h1:before {
  background-position: -6% 57% !important;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .page-title {
    background-size: 130px auto;
  }
}
@media only screen and (max-width: 668px ) {
  .page-title {
    background-position: 50% 0;
    background-size: 85px auto;
  }
}
.ps-grid-i {
  transition: -webkit-transform 1s ease, opacity 1s;
  transition: transform 1s ease, opacity 1s;
}
@media only screen and (max-width: 668px ) {
  .ps-grid-i {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
.ps-grid-i.ps-gi-hidden {
  -webkit-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  opacity: 0;
}
.p-area {
  background: #fff;
  border: 1px solid #dbdbdb;
}
.p-area h2 {
  position: relative;
  text-transform: uppercase;
  color: #bd0218;
  font-family: 'Exo', sans-serif;
  font-weight: 700;
  letter-spacing: .5px;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .p-area h2 {
    font-size: 22.5pt;
    line-height: 26.5pt;
    padding: 11px 0 46px 69px;
    margin-bottom: -92px;
  }
}
@media only screen and (max-width: 1023px) {
  .p-area h2 {
    font-size: 18.5pt;
    line-height: 22.5pt;
    padding: 11px 0 42px 16px;
    margin-bottom: -82px;
  }
}
@media only screen and (min-width: 669px) {
  .p-area h2 {
    margin-left: -30px;
  }
}
.p-area h2:before {
  transition: -webkit-transform .7s;
  transition: transform .7s;
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 130%;
  background: #fff;
  z-index: -1;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
@media only screen and (min-width: 1024px) {
  .p-area h2:before {
    top: -12%;
  }
}
@media only screen and (max-width: 1023px) {
  .p-area h2:before {
    top: -50%;
  }
}
@media only screen and (min-width: 669px) {
  .p-area {
    padding: 31px 30px 0;
  }
}
.p-section {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  color: #565656;
}
.p-section:before,
.p-section:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .p-section {
    font-size: 16pt;
    line-height: 20pt;
  }
}
@media only screen and (max-width: 1023px) {
  .p-section {
    font-size: 13pt;
    line-height: 17pt;
  }
}
.p-section .ps-graphics {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.p-section .ps-graphics .ps-bg {
  transition: all .3s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.p-section .ps-text {
  transition: -webkit-transform 1.5s .5s, opacity 1.5s .5s, text-shadow .3s;
  transition: transform 1.5s .5s, opacity 1.5s .5s, text-shadow .3s;
  -webkit-transform: translate3d(0, 50%, 0);
  -ms-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  position: relative;
  z-index: 2;
  opacity: 0;
}
.p-section .ps-left {
  -webkit-transform: translate3d(-70%, 0, 0);
  -ms-transform: translate3d(-70%, 0, 0);
  transform: translate3d(-70%, 0, 0);
  position: relative;
  opacity: 0;
}
@media only screen and (min-width: 669px) {
  .p-section .ps-left {
    float: left;
    margin-left: -30px;
  }
}
.p-section .ps-left:not(.ps-gi-hidden) {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.p-section .ps-left:not(.ps-gi-hidden) .ps-text {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.p-section .ps-right {
  -webkit-transform: translate3d(70%, 0, 0);
  -ms-transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
  position: relative;
  opacity: 0;
}
@media only screen and (min-width: 669px) {
  .p-section .ps-right {
    float: right;
    margin-right: -30px;
  }
}
.p-section .ps-right:not(.ps-gi-hidden) {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.p-section .ps-right:not(.ps-gi-hidden) .ps-text {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.p-section .ps-bw-section {
  letter-spacing: .05px;
}
@media only screen and (min-width: 1024px) {
  .p-section .ps-bw-section {
    padding-left: 38px;
    padding-right: 30%;
  }
}
@media only screen and (min-width: 669px) {
  .p-section .ps-bw-section {
    line-height: 27.5pt;
  }
  .p-section .ps-bw-section p {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 668px ) {
  .p-section .ps-bw-section {
    line-height: 19.5pt;
  }
  .p-section .ps-bw-section p {
    margin-bottom: 10px;
  }
}
.p-section .ps-bw-section:not(.ps-gi-hidden) {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.p-section .ps-bw-section:not(.ps-gi-hidden) .ps-text {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .p-section .ps-big {
    font-size: 23pt;
    line-height: 27pt;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .p-section .ps-big {
    font-size: 18pt;
    line-height: 22pt;
  }
}
@media only screen and (max-width: 668px ) {
  .p-section .ps-big {
    font-size: 15pt;
    line-height: 19pt;
  }
}
.p-section .ps-white {
  color: #fff;
}
.p-section .ps-bold {
  font-weight: 700;
}
.p-section .ps-medium {
  font-weight: 500;
}
.p-section .ps-mark {
  color: #bd0218;
  position: relative;
}
.p-section .ps-mark span {
  transition: -webkit-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  -webkit-transform: translate3d(-50%, 15px, 0) scale(0);
  -ms-transform: translate3d(-50%, 15px, 0) scale(0);
  transform: translate3d(-50%, 15px, 0) scale(0);
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 123px;
  height: 104px;
  background: #e9e9e9;
  border: 6px solid #fff;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  z-index: 1;
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.p-section .ps-mark span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background: #fff;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
.p-section .ps-mark span img {
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  position: absolute;
  max-width: 100%;
  height: auto;
  bottom: 0;
  left: 50%;
}
.p-section .ps-mark:hover span {
  -webkit-transform: translate3d(-50%, -10px, 0) scale(1);
  -ms-transform: translate3d(-50%, -10px, 0) scale(1);
  transform: translate3d(-50%, -10px, 0) scale(1);
  opacity: 1;
}
.body-showed .p-area h2:before {
  -webkit-transform: translate3d(-48%, 21px, 0) rotate(-4deg) skew(-54deg);
  -ms-transform: translate3d(-48%, 21px, 0) rotate(-4deg) skew(-54deg);
  transform: translate3d(-48%, 21px, 0) rotate(-4deg) skew(-54deg);
}
.body-showed .ps-group-1 .ps-graphics:before {
  opacity: 1;
}
.body-showed .ps-group-2:before {
  -webkit-transform: translate3d(18%, 0, 0) rotate(-5deg) skew(-53deg);
  -ms-transform: translate3d(18%, 0, 0) rotate(-5deg) skew(-53deg);
  transform: translate3d(18%, 0, 0) rotate(-5deg) skew(-53deg);
}
.body-showed .ps-group-3 .ps-graphics:before {
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.body-showed .ps-group-3 .ps-graphics:after {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
.ps-group-1 {
  letter-spacing: -0.2px;
}
@media only screen and (min-width: 1024px) {
  .ps-group-1 {
    margin-bottom: -161px;
    padding: 115px 35% 150px 67px;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-1 {
    margin-bottom: -75px;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-1 {
    padding: 79px 20% 25px 40px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-1 {
    line-height: 28pt;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-1 {
    line-height: 20pt;
    margin-bottom: -55px;
  }
}
.ps-group-1 .ps-graphics:before {
  transition: opacity 1s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.28) 26%, rgba(0, 0, 0, 0.09) 77%, rgba(0, 0, 0, 0.05) 100%);
  z-index: 1;
}
.ps-group-1 p {
  margin: 0 0 26px;
}
.ps-group-2 {
  text-align: right;
  overflow: hidden;
  width: 106%;
}
@media only screen and (min-width: 1024px) {
  .ps-group-2 {
    padding: 82px 67px 0 45%;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-2 {
    padding: 61px 31px 0 26%;
  }
}
.ps-group-2 p {
  margin-bottom: 18px;
}
.ps-group-2 p span {
  display: block;
}
.ps-group-2:before {
  transition: -webkit-transform 1s;
  transition: transform 1s;
  content: '';
  position: absolute;
  top: 7%;
  right: 0;
  width: 120%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.ps-group-3 {
  float: right !important;
  margin-top: -8px;
  margin-bottom: -104px;
  letter-spacing: -0.7px;
}
.ps-group-3 p {
  line-height: 34pt !important;
}
@media only screen and (min-width: 1024px) {
  .ps-group-3 {
    padding: 71px 48% 150px 42px;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-3 {
    padding: 71px 16% 117px 39px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-3 {
    margin-right: -30px !important;
    width: 103% !important;
  }
}
.ps-group-3 .ps-graphics {
  background: #fff;
}
.ps-group-3 .ps-graphics:before {
  transition: -webkit-transform 1s 1s;
  transition: transform 1s 1s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9.5%;
  background: #fff;
  z-index: 1;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ps-group-3 .ps-graphics:after {
  transition: -webkit-transform 2s 2s;
  transition: transform 2s 2s;
  content: '';
  position: absolute;
  bottom: 0;
  width: 110%;
  background: #fff;
  z-index: 1;
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
}
@media only screen and (min-width: 1024px) {
  .ps-group-3 .ps-graphics:after {
    left: 0;
    height: 23%;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-3 .ps-graphics:after {
    left: -16px;
    height: 26%;
  }
}
.ps-group-4 {
  padding-top: 69px;
  padding-bottom: 0;
  margin-bottom: -38px;
  background: url("/images/prologue/group-2-bw.png") 100% 15px no-repeat;
  z-index: 10;
}
.ps-group-5 {
  margin-bottom: -105px;
  z-index: 9;
}
@media only screen and (min-width: 1024px) {
  .ps-group-5 {
    padding: 130px 34% 97px 66px;
    width: 100% !important;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-5 {
    padding: 90px 4% 80px 7%;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-5 {
    padding: 106px 4% 102px 7%;
  }
}
.ps-group-5 .ps-graphics:before {
  transition: -webkit-transform 1s .3s;
  transition: transform 1s .3s;
  content: '';
  position: absolute;
  left: 0;
  width: 102%;
  height: 17%;
  background: #fff;
  z-index: 1;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
@media only screen and (min-width: 1024px) {
  .ps-group-5 .ps-graphics:before {
    top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-5 .ps-graphics:before {
    top: -30px;
  }
}
.ps-group-5 .ps-big {
  line-height: 34pt;
  margin-bottom: 9px;
  letter-spacing: -0.3px;
}
.ps-group-5 p {
  line-height: 28pt;
}
.ps-group-5 .psg4-sub-text {
  font-size: 19.5pt;
  line-height: 23.5pt;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 46px 0 22px 68px;
  letter-spacing: -0.5px;
  z-index: 1;
  overflow: hidden;
}
.ps-group-5 .psg4-sub-text:before {
  transition: -webkit-transform 1s .3s;
  transition: transform 1s .3s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
}
.ps-group-5:not(.ps-gi-hidden) .ps-graphics:before {
  transition: -webkit-transform 1s .7s;
  transition: transform 1s .7s;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.ps-group-5:not(.ps-gi-hidden) .psg4-sub-text:before {
  transition: -webkit-transform 1s 1s;
  transition: transform 1s 1s;
}
@media only screen and (min-width: 1024px) {
  .ps-group-5:not(.ps-gi-hidden) .psg4-sub-text:before {
    -webkit-transform: translate3d(-30%, 30%, 0);
    -ms-transform: translate3d(-30%, 30%, 0);
    transform: translate3d(-30%, 30%, 0);
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-5:not(.ps-gi-hidden) .psg4-sub-text:before {
    -webkit-transform: translate3d(0, 30%, 0);
    -ms-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
}
.ps-group-6 {
  padding-top: 131px;
  padding-bottom: 127px;
  padding-right: 30%;
  margin-bottom: -65px;
  background: url("/images/prologue/group-3-bw.png") 100% 100% no-repeat;
  letter-spacing: -0.4px;
  z-index: 8;
}
@media only screen and (min-width: 669px) {
  .ps-group-6 {
    margin-right: -30px;
  }
}
.ps-group-6 p {
  margin-bottom: 22px !important;
}
.ps-group-7 {
  float: right !important;
  margin-top: -8px;
  letter-spacing: -0.7px;
  z-index: 9;
}
@media only screen and (min-width: 1024px) {
  .ps-group-7 {
    padding: 135px 46% 78px 42px;
    width: 103% !important;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-7 {
    width: 110% !important;
    padding: 135px 11% 28px 30px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-7 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-7 {
    padding: 95px 11% 28px 30px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-7 p {
    line-height: 34pt !important;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-7 p {
    line-height: 22pt !important;
  }
}
.ps-group-7 .psg7-heading {
  position: absolute;
  top: -31px;
  left: 0;
  width: 100%;
  letter-spacing: -0.3px;
  overflow: hidden;
  z-index: 2;
}
@media only screen and (min-width: 1024px) {
  .ps-group-7 .psg7-heading {
    padding: 56px 0 0 42px;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-7 .psg7-heading {
    padding: 29px 0 22px 42px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-7 .psg7-heading {
    height: 31%;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-7 .psg7-heading {
    height: 26%;
    padding: 20px 0 0 24px;
  }
}
.ps-group-7 .psg7-heading:before {
  transition: -webkit-transform 1s .3s;
  transition: transform 1s .3s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ps-group-7:not(.ps-gi-hidden) {
  transition: -webkit-transform 1s;
  transition: transform 1s;
}
.ps-group-7:not(.ps-gi-hidden) .psg7-heading:before {
  -webkit-transform: translate3d(-30%, 0, 0) rotate(1.5deg) skew(-16deg);
  -ms-transform: translate3d(-30%, 0, 0) rotate(1.5deg) skew(-16deg);
  transform: translate3d(-30%, 0, 0) rotate(1.5deg) skew(-16deg);
}
.ps-group-8 {
  padding-top: 43px;
  padding-bottom: 154px;
  margin-bottom: -168px;
  z-index: 10;
}
@media only screen and (min-width: 669px) {
  .ps-group-8 {
    background: url("/images/prologue/group-4-bw.png") 100% 100% no-repeat;
    margin-right: -30px;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-8 {
    background: url("/images/prologue/group-4-bw.png") 100% 0 no-repeat;
  }
}
.ps-group-8 p {
  margin-bottom: 23px !important;
  letter-spacing: .4px;
}
.ps-group-9 {
  letter-spacing: -0.3px;
  z-index: 11;
}
@media only screen and (min-width: 1024px) {
  .ps-group-9 {
    margin-bottom: -68px;
    padding: 107px 46% 174px 72px;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-9 {
    margin-bottom: -25px;
    padding: 107px 0 174px 32px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-9 {
    width: 103% !important;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-9 {
    margin-bottom: -85px;
    padding: 107px 0 147px 32px;
  }
}
.ps-group-9 .ps-graphics:after {
  transition: -webkit-transform .5s .7s;
  transition: transform .5s .7s;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 110%;
  height: 145px;
  z-index: 1;
  background: #fff;
}
.ps-group-9 p:first-child {
  line-height: 34pt !important;
  margin-bottom: 7px;
}
.ps-group-9 p:last-child {
  line-height: 28pt !important;
}
.ps-group-9:not(.ps-gi-hidden) .ps-graphics:after {
  transition: -webkit-transform 6s .9s;
  transition: transform 6s .9s;
  -webkit-transform: rotate(95deg);
  -ms-transform: rotate(95deg);
  transform: rotate(95deg);
}
.ps-group-10 {
  margin-bottom: -20px;
}
@media only screen and (min-width: 1024px) {
  .ps-group-10 {
    padding-right: 32% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-10 {
    padding-right: 10% !important;
  }
}
.ps-group-10 p.ps-medium {
  margin-bottom: 15px;
  letter-spacing: -0.4px;
  padding-right: 8%;
}
@media only screen and (min-width: 669px) {
  .ps-group-10 p.ps-medium {
    line-height: 34pt;
  }
}
.ps-group-10 p {
  letter-spacing: -0.2px;
}
.ps-group-11 {
  letter-spacing: -0.3px;
  z-index: 12;
}
@media only screen and (min-width: 1024px) {
  .ps-group-11 {
    margin-bottom: -73px;
    padding: 69px 44% 163px 43px;
    width: 103% !important;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-11 {
    width: 109% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-11 {
    margin-bottom: 5px;
    padding: 46px 10% 55px 41px;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-11 {
    margin-bottom: -90px;
    padding: 61px 10% 149px 41px;
  }
}
.ps-group-11 p {
  line-height: 34pt;
}
.ps-group-11 .ps-graphics:after {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: -webkit-transform .5s .2s;
  transition: transform .5s .2s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #000;
  z-index: -1;
}
.ps-group-11:not(.ps-gi-hidden) .ps-graphics:after {
  transition: -webkit-transform 3s .9s;
  transition: transform 3s .9s;
  -webkit-transform: rotate(5deg) translate3d(0, 100%, 0);
  -ms-transform: rotate(5deg) translate3d(0, 100%, 0);
  transform: rotate(5deg) translate3d(0, 100%, 0);
}
.ps-group-12 {
  padding-top: 0;
  padding-bottom: 284px;
  margin-bottom: -252px;
  margin-right: -30px;
  letter-spacing: -0.45px !important;
  z-index: 11;
}
@media only screen and (min-width: 1024px) {
  .ps-group-12 {
    background: url("/images/prologue/group-6-bw.png") 100% 100% no-repeat;
    padding-right: 36% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-12 {
    background: url("/images/prologue/group-6-bw.png") 100% 0 no-repeat;
    padding-right: 10% !important;
  }
}
.ps-group-12 p {
  margin-bottom: 19px !important;
}
.ps-group-13 {
  letter-spacing: -0.3px;
  z-index: 12;
}
@media only screen and (min-width: 1024px) {
  .ps-group-13 {
    padding: 51px 49% 106px 68px;
    width: 103% !important;
  }
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
  .ps-group-13 {
    width: 110% !important;
    padding: 51px 13% 106px 33px;
  }
}
@media only screen and (min-width: 669px) {
  .ps-group-13 {
    margin-bottom: -8px;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-13 {
    margin-bottom: 12px;
    padding: 20px 13% 64px 33px;
  }
}
.ps-group-13 p {
  line-height: 34pt;
}
.ps-group-13 .ps-graphics:after {
  transition: -webkit-transform .5s .2s;
  transition: transform .5s .2s;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-32deg);
  -ms-transform: skew(-32deg);
  transform: skew(-32deg);
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 100px;
  background: #fff;
  z-index: 1;
}
.ps-group-13:not(.ps-gi-hidden) .ps-graphics:after {
  transition: -webkit-transform 3s .9s;
  transition: transform 3s .9s;
  -webkit-transform: translate3d(52px, -19px, 0) rotate(3deg) skew(-32deg);
  -ms-transform: translate3d(52px, -19px, 0) rotate(3deg) skew(-32deg);
  transform: translate3d(52px, -19px, 0) rotate(3deg) skew(-32deg);
}
.ps-group-14 {
  padding-top: 0;
  padding-bottom: 1px;
  margin-right: -30px;
  letter-spacing: -0.45px !important;
  z-index: 13;
}
@media only screen and (min-width: 1024px) {
  .ps-group-14 {
    background: url("/images/prologue/group-7-bw.png") 100% -30% no-repeat;
    padding-right: 36% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-14 {
    background: url("/images/prologue/group-7-bw.png") 100% 100% no-repeat;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-14 {
    margin-right: 0;
  }
}
.ps-group-14 p {
  margin-bottom: 22px !important;
}
.ps-group-15 {
  margin-right: -30px;
}
@media only screen and (min-width: 1024px) {
  .ps-group-15 {
    padding: 72px 35% 64px 6%;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-15 {
    padding: 49px 6% 41px 6%;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 668px ) {
  .ps-group-15 {
    margin-right: 0;
    text-shadow: 2px 2px 1px #000;
  }
}
.ps-group-15 .ps-text {
  z-index: 3;
}
.ps-group-15 p:not(.ps-big) {
  padding-right: 17%;
}
@media only screen and (min-width: 669px) {
  .ps-group-15 p:not(.ps-big) {
    line-height: 28pt;
  }
}
.ps-group-15 .ps-big {
  margin-bottom: 23px;
  letter-spacing: -0.3px;
}
@media only screen and (min-width: 669px) {
  .ps-group-15 .ps-big {
    line-height: 34pt;
  }
}
.ps-group-15 .ps-graphics {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: -webkit-transform 3s .9s;
  transition: transform 3s .9s;
  z-index: 1;
}
.ps-group-15 .ps-graphics img {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: -webkit-transform 3s .9s;
  transition: transform 3s .9s;
}
.ps-group-15 .ps-add-graphics {
  position: absolute;
  top: 4%;
  right: 0;
  height: 109%;
  width: 100%;
  z-index: 2;
  overflow-x: hidden;
  overflow-y: visible;
}
.ps-group-15 .ps-add-graphics > * {
  position: absolute;
  width: 100%;
  right: 0;
  overflow: hidden;
}
.ps-group-15 .ps-add-graphics .ps-img-holder-1 {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: skew(-26deg) rotate(5deg);
  -ms-transform: skew(-26deg) rotate(5deg);
  transform: skew(-26deg) rotate(5deg);
  height: 42.5%;
  width: 34.2%;
  right: -4%;
}
@media only screen and (min-width: 1024px) {
  .ps-group-15 .ps-add-graphics .ps-img-holder-1 {
    top: -26px;
  }
}
@media only screen and (max-width: 1023px) {
  .ps-group-15 .ps-add-graphics .ps-img-holder-1 {
    top: 0;
  }
}
.ps-group-15 .ps-add-graphics .ps-img-holder-1 img {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: skew(26deg) rotate(-5deg) translate3d(0, 100%, 0);
  -ms-transform: skew(26deg) rotate(-5deg) translate3d(0, 100%, 0);
  transform: skew(26deg) rotate(-5deg) translate3d(0, 100%, 0);
  top: 35px;
  left: 26px;
}
.ps-group-15 .ps-add-graphics .ps-img-holder-2 {
  top: 37.5%;
  height: 62.5%;
}
.ps-group-15 .ps-add-graphics .ps-img-holder-2 img {
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  right: 0;
}
.ps-group-15 .ps-add-graphics img {
  transition: -webkit-transform .5s .2s;
  transition: transform .5s .2s;
  position: absolute;
}
.ps-group-15:not(.ps-gi-hidden) .ps-graphics {
  -webkit-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}
.ps-group-15:not(.ps-gi-hidden) .ps-graphics img {
  -webkit-transform: translate3d(-50%, -50%, 0) skewY(-2.5deg);
  -ms-transform: translate3d(-50%, -50%, 0) skewY(-2.5deg);
  transform: translate3d(-50%, -50%, 0) skewY(-2.5deg);
}
.ps-group-15:not(.ps-gi-hidden) .ps-img-holder-1 img,
.ps-group-15:not(.ps-gi-hidden) .ps-img-holder-2 img {
  transition: -webkit-transform 1s 1.5s;
  transition: transform 1s 1.5s;
}
.ps-group-15:not(.ps-gi-hidden) .ps-img-holder-1 img {
  -webkit-transform: skew(26deg) rotate(-5deg) translate3d(0, 0, 0);
  -ms-transform: skew(26deg) rotate(-5deg) translate3d(0, 0, 0);
  transform: skew(26deg) rotate(-5deg) translate3d(0, 0, 0);
}
.ps-group-15:not(.ps-gi-hidden) .ps-img-holder-2 img {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* ===== /Prologue =======*/
/*# sourceMappingURL=../css/prologue.less.map */