body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
  user-select: none; }
  @media only screen and (max-width: 1023px) {
    body {
      overflow: scroll;
      transition: none;
      -webkit-transition: none; }
      body .cssawards {
        display: none; }
      body .preloader {
        display: none;
        z-index: -10; }
      body .background-video {
        display: none;
        z-index: -10; }
      body .appear {
        -webkit-filter: blur(0);
        margin-left: 0;
        -webkit-transform: scale(1);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0); }
      body .next-arrow {
        display: none; }
      body .previous-arrow {
        display: none; }
      body .page {
        width: 100%; }
      body .facts .fact-page-content {
        height: auto;
        position: relative;
        margin: 0px 0px 0px 0px; }
        body .facts .fact-page-content .fact {
          float: none;
          width: 100%;
          position: relative; }
          body .facts .fact-page-content .fact:first-child {
            padding-top: 30px; }
      body .study {
        border-bottom: 1px solid #a2a2a2; }
        body .study:last-child {
          border: 0; }
        body .study .sub-content {
          width: 100%;
          height: auto; }
          body .study .sub-content .overview-section {
            float: none;
            height: 150px; }
            body .study .sub-content .overview-section h1 {
              font-size: 3.3em;
              width: 94%;
              margin: 0 auto; }
            body .study .sub-content .overview-section .page-content {
              margin: 50px auto; }
          body .study .sub-content .video-section {
            float: none; }
            body .study .sub-content .video-section .share-panel {
              display: none;
              z-index: -10; }
          body .study .sub-content .detail-section {
            float: none;
            text-align: center; }
            body .study .sub-content .detail-section .back-to-video {
              display: none; }
            body .study .sub-content .detail-section .detail-section-image {
              height: 500px;
              margin: 50px auto;
              width: 500px;
              float: none; }
            body .study .sub-content .detail-section .detail-section-text {
              float: none; }
      body .process {
        padding-top: 10px; }
        body .process .journey-steps {
          height: auto;
          overflow: auto; }
          body .process .journey-steps .j-step {
            margin: 0 auto;
            position: relative; }
            body .process .journey-steps .j-step:first-child {
              padding-top: 40px; }
        body .process .journey-steps-map {
          display: none; }
      body .contact {
        padding-top: 5px; } }

.cssawards {
  display: none; }

#preloader-selector {
  display: none;
  z-index: -10; }

.preloader {
  display: block !important;
  background: #de2d5f;
  background: #de2d5f -webkit-linear-gradient(top left, #ce1986, #e9523e);
  background: #de2d5f -moz-linear-gradient(top left, #ce1986, #e9523e);
  background: #de2d5f -o-linear-gradient(top left, #ce1986, #e9523e);
  background: #de2d5f -ms-linear-gradient(top left, #ce1986, #e9523e);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000 !important;
  text-align: center; }
  .preloader .loader {
    width: 100px;
    height: 100px;
    margin: 22% auto 0 auto; }

.pulse-orb {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  behavior: url(http://adopt-wales.co.uk/assets/pie/PIE.htc); }

.white-orb {
  margin: -25px 0px 0px 0px;
  background: white;
  box-shadow: 0px 0px 1px 20px rgba(255, 255, 255, 0), 0px 0px 1px 35px rgba(255, 255, 255, 0), 0px 0px 1px 45px rgba(255, 255, 255, 0), 0px 0px 1px 75px rgba(255, 255, 255, 0);
  transition: 2s all ease-in-out;
  -webkit-transition: 2s all ease-in-out;
  -moz-transition: 2s all ease-in-out;
  -ms-transition: 2s all ease-in-out;
  -o-transition: 2s all ease-in-out; }

.white-orb-shadow {
  margin: 0px 0px 0px 0px;
  transition: 2s all ease-in-out;
  -webkit-transition: 2s all ease-in-out;
  -moz-transition: 2s all ease-in-out;
  -ms-transition: 2s all ease-in-out;
  -o-transition: 2s all ease-in-out;
  box-shadow: 0px 0px 3px 20px rgba(255, 255, 255, 0.17), 0px 0px 3px 35px rgba(255, 255, 255, 0.07), 0px 0px 3px 45px rgba(255, 255, 255, 0.07), 0px 0px 3px 75px rgba(255, 255, 255, 0.04); }

.persistent-background {
  background-color: #de2d5f;
  background: #de2d5f -webkit-linear-gradient(top left, #ce1986, #e9523e);
  background: #de2d5f -moz-linear-gradient(top left, #ce1986, #e9523e);
  background-size: cover;
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 1023px) {
    .persistent-background {
      display: none;
      z-index: -10; } }

.lt-ie8 .old-browser,
.lt-ie7 .old-browser {
  display: block; }

.old-browser {
  width: 500px;
  height: 300px;
  margin-top: 20%;
  margin-left: -250px;
  left: 50%;
  position: fixed;
  z-index: 99;
  background-color: white;
  text-align: center;
  display: none; }
  .old-browser h1 {
    font-size: 2.2em;
    color: #d30291;
    text-transform: none;
    width: 380px;
    padding: 25px 60px 15px 60px; }
  .old-browser p {
    font-size: 1.4em;
    color: #353535;
    width: 380px;
    padding: 5px 60px 25px 60px; }
  .old-browser a {
    color: #353535; }
  .old-browser span {
    font-size: 1em;
    color: #353535;
    font-family: "georgia", sans-serif;
    font-style: italic; }
  .old-browser img {
    position: absolute;
    top: -20px;
    right: -20px; }

/* global - - - - - - - - - - - - - - - - - - - - - */
h1 {
  padding: 0;
  margin: 0;
  font-size: 8em;
  font-family: "omnes-pro", "Helvetica", sans-serif;
  font-weight: 300;
  line-height: 1;
  color: #eeeeee;
  text-transform: uppercase; }
  @media only screen and (max-width: 480px) {
    h1 {
      font-size: 2.3em; } }
  @media only screen and (max-width: 1023px) {
    h1 {
      font-size: 5em; } }
  @media only screen and (min-width: 1024px) {
    h1 {
      font-size: 6.5em; } }

h2 {
  padding: 0;
  margin: 0;
  font-size: 2em;
  color: #eeeeee;
  font-family: "lexia", Helvetica, Arial;
  font-weight: 100; }

h3 {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  color: #eeeeee;
  font-family: "omnes-pro", "Helvetica", sans-serif;
  font-weight: 400; }

p {
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  color: #eeeeee;
  font-family: "omnes-pro", Helvetica, Arial; }

li,
li a {
  font-size: 1.1em;
  text-transform: uppercase;
  color: #eeeeee;
  font-family: "omnes-pro", Helvetica, Arial;
  font-weight: 100;
  text-decoration: none;
  padding: 0;
  margin: 0; }
  li:hover,
  li a:hover {
    cursor: pointer; }

a {
  color: #eeeeee;
  text-decoration: underline;
  padding: 0;
  margin: 0;
  color: #eeeeee; }

a[href^=tel] {
  padding: 0;
  margin: 0;
  font-size: 1.3em;
  color: #eeeeee;
  font-family: "omnes-pro", Helvetica, Arial;
  text-decoration: none; }

.previous-arrow {
  position: absolute;
  left: 5%;
  top: 45%;
  z-index: 10;
  display: none; }
  .previous-arrow.appear {
    left: -200px; }
  .previous-arrow:hover {
    cursor: pointer; }
  @media only screen and (max-width: 1023px) {
    .previous-arrow {
      display: none;
      opacity: 0; } }

.next-arrow {
  position: absolute;
  right: 5%;
  top: 45%;
  z-index: 10; }
  .next-arrow.appear {
    right: -200px; }
  .next-arrow:hover {
    cursor: pointer; }
  @media only screen and (max-width: 1023px) {
    .next-arrow {
      display: none;
      opacity: 0; } }

.fixed-menu {
  width: 100%;
  min-height: 60px;
  background: transparent;
  position: fixed;
  z-index: 11;
  text-align: right;
  height: auto; }
  @media only screen and (max-width: 1023px) {
    .fixed-menu.open {
      height: 100%; } }
  @media only screen and (max-width: 480px) {
    .fixed-menu.open {
      height: 100%; } }
  @media only screen and (max-width: 1023px) {
    .fixed-menu {
      background: #2a2a2a;
      position: fixed; } }
  .fixed-menu img {
    float: left;
    margin: 25px 0 0 55px; }
    @media only screen and (max-width: 1023px) {
      .fixed-menu img {
        width: 80px;
        margin: 15px 0 0 15px; } }
  .fixed-menu .mobile-menu-icon {
    display: none;
    cursor: pointer; }
    @media only screen and (max-width: 1023px) {
      .fixed-menu .mobile-menu-icon {
        display: block;
        float: right;
        width: 30px;
        margin: 18px 15px 0 0; } }
  .fixed-menu ul {
    margin-left: -40px;
    margin: 20px 20px 0 0;
    padding: 0 0 20px 0; }
    @media only screen and (max-width: 1023px) {
      .fixed-menu ul {
        display: none;
        text-align: left;
        padding-top: 20px;
        margin: 40px 20px 0 0; } }
    @media only screen and (min-width: 1024px) {
      .fixed-menu ul {
        margin: 40px 20px 0 0; } }
    .fixed-menu ul.mobile-menu-open {
      display: block; }
    .fixed-menu ul li {
      display: inline-block;
      padding: 10px; }
      @media only screen and (max-width: 1023px) {
        .fixed-menu ul li {
          padding: 2px 10px 2px 15px;
          display: block;
          background: #2a2a2a;
          width: 100%; } }
      .fixed-menu ul li:hover {
        cursor: pointer; }
      .fixed-menu ul li .highlight {
        height: 3px;
        width: 100%;
        border-radius: 2px;
        background-color: #eeeeee;
        margin-top: 7px;
        margin-left: 0px;
        padding: 0 5px 0 5px;
        visibility: hidden; }
        @media only screen and (max-width: 480px) {
          .fixed-menu ul li .highlight {
            width: 100%;
            background-color: #dd4e73; } }
      .fixed-menu ul li.active .highlight {
        visibility: visible; }
    .fixed-menu ul .menu-social-links {
      display: inline-block;
      margin: 0 0 -12px 0; }
      .fixed-menu ul .menu-social-links img {
        width: 30px;
        padding: 10px;
        margin: 0 0 -5px 0; }
      @media only screen and (max-width: 1023px) {
        .fixed-menu ul .menu-social-links {
          height: 100%;
          width: 100%;
          padding: 0 10px 0 0;
          background: #2a2a2a; }
          .fixed-menu ul .menu-social-links img {
            position: relative;
            top: 20%; }
          .fixed-menu ul .menu-social-links .menu-facebook-link {
            width: 30px;
            margin: 0;
            padding: 20px 0 10px 15px;
            float: left; }
          .fixed-menu ul .menu-social-links .menu-twitter-link {
            width: 30px;
            margin: 0;
            padding: 20px;
            float: left; } }
    .fixed-menu ul .visit-social {
      display: none;
      width: 100%; }
      @media only screen and (max-width: 1023px) {
        .fixed-menu ul .visit-social {
          display: block;
          float: left;
          margin-left: 5px;
          font-size: 12px;
          font-family: "georgia", sans-serif;
          font-style: italic;
          position: relative;
          top: 20%; } }

.not-home {
  background: #2a2a2a; }
  .not-home ul i {
    color: #eeeeee;
    background: #2a2a2a;
    border: 8px solid transparent; }

.menu-closed {
  margin-top: -90px;
  padding-bottom: 21px; }
  @media only screen and (max-width: 1023px) {
    .menu-closed {
      width: 100%;
      height: 50px;
      background: #eeeeee;
      position: fixed;
      z-index: 11;
      text-align: left; }
      .menu-closed .mobile-logo {
        float: left;
        width: 80px;
        margin: 10px 0 0 15px; }
      .menu-closed .mobile-menu-icon {
        display: block;
        float: right;
        margin: 15px; }
      .menu-closed ul {
        background-color: #eeeeee;
        height: 100%;
        width: 100%;
        display: none; }
        .menu-closed ul li {
          display: block;
          background-color: #eeeeee; }
        .menu-closed ul img {
          display: block;
          width: 10%;
          margin: 0;
          padding: 15px 85% 15px 5%;
          background-color: #eeeeee; } }

.mobile-menu-icon {
  width: 30px;
  float: right;
  display: none; }

.small-menu-icon {
  width: 23px;
  padding: 7px;
  left: 50%;
  margin: 10px 0 -15px;
  position: fixed;
  z-index: 12;
  opacity: 0; }
  .small-menu-icon:hover {
    cursor: pointer; }

.menu-closed {
  opacity: 1; }

.footer {
  width: 100%;
  height: 50px;
  background: #2a2a2a;
  color: #eeeeee;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  display: none; }

/* orbs background setup - - - - - - - - - - - - - - - - - - - - - */
.orbs {
  background-size: cover;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  animation: orbmove-a 210s;
  -webkit-animation-name: orbmove-a;
  -webkit-animation-duration: 110000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: orbmove-a;
  -moz-animation-duration: 110000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: orbmove-a;
  animation-duration: 110000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  opacity: 0.7; }
  @media only screen and (max-width: 1023px) {
    .orbs {
      display: none; } }

.orbs-b {
  animation: orbmove-b 310s;
  -webkit-animation-name: orbmove-b;
  -moz-animation-name: orbmove-b;
  animation-name: orbmove-b;
  opacity: 0.5; }

@-moz-keyframes orbmove-a {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes orbmove-a {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }
@keyframes orbmove-a {}
@-moz-keyframes orbmove-b {
  from {
    -moz-transform: rotate(360deg); }

  to {
    -moz-transform: rotate(0deg); } }
@-webkit-keyframes orbmove-b {
  from {
    -webkit-transform: rotate(360deg); }

  to {
    -webkit-transform: rotate(0deg); } }
@keyframes orbmove-b {}
/* fact statement holder and interactions - - - - - - - - - - - - - - - - - - - - -  */
.fact-page-content {
  position: absolute;
  width: 100%;
  height: 500px; }
  @media only screen and (max-width: 1023px) {
    .fact-page-content {
      height: auto; } }

.mobile-fact-holder {
  background-color: #eeeeee;
  display: none; }
  .mobile-fact-holder .fact {
    height: auto !important;
    width: 100%; }
  .mobile-fact-holder h1 {
    font-size: 1.5em;
    word-spacing: 1px;
    color: #a973a1;
    width: 85%;
    margin: 0 auto;
    text-align: center; }
  .mobile-fact-holder p {
    padding-top: 15px;
    padding-bottom: 60px;
    font-size: 1.3em;
    color: #545454;
    font-family: "omnes-pro", Helvetica, Arial;
    width: 85%;
    margin: 0 auto;
    text-align: center; }
  @media only screen and (max-width: 1023px) {
    .mobile-fact-holder {
      display: block; } }

.fact-holder {
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .fact-holder {
      display: none;
      height: auto;
      background: #eeeeee; } }

.fact {
  float: left;
  width: 800px;
  height: 500px;
  position: absolute;
  -webkit-filter: none;
  -webkit-transform: scale(1);
  -webkit-transition: 1s; }
  .fact.appear {
    -webkit-filter: blur(40px);
    -webkit-transform: scale(0.7); }
  @media only screen and (max-width: 1023px) {
    .fact {
      width: 100%;
      height: auto; }
      .fact.appear {
        -webkit-filter: blur(0);
        -webkit-transform: scale(1); } }

.fact-no-blur {
  -webkit-filter: blur(0px);
  -webkit-transform: scale(1); }

.statementscontainer {
  margin: 0 auto;
  width: 800px;
  height: 300px;
  perspective: 2000;
  -webkit-perspective: 2000;
  -moz-perspective: 2000;
  -ms-perspective: 2000;
  -o-perspective: 2000;
  transition: 5s all ease-in-out;
  -webkit-transition: 5s all ease-in-out;
  -moz-transition: 5s all ease-in-out;
  -ms-transition: 5s all ease-in-out;
  -o-transition: 5s all ease-in-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0); }
  @media only screen and (max-width: 1023px) {
    .statementscontainer {
      width: 65%;
      transition: 3s all ease-in-out;
      -webkit-transition: 3s all ease-in-out;
      -moz-transition: 3s all ease-in-out;
      -ms-transition: 3s all ease-in-out;
      -o-transition: 3s all ease-in-out; } }
  @media only screen and (max-width: 480px) {
    .statementscontainer {
      width: 85%;
      transition: 3s all ease-in-out;
      -webkit-transition: 3s all ease-in-out;
      -moz-transition: 3s all ease-in-out;
      -ms-transition: 3s all ease-in-out;
      -o-transition: 3s all ease-in-out; } }

.statement {
  width: 100%;
  height: 100%;
  position: absolute; }
  .statement figure {
    display: block;
    position: absolute;
    width: 100%;
    height: 80%;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden; }
  .statement .front {
    text-align: center;
    position: relative;
    height: auto;
    margin-bottom: 10px; }
    .statement .front h1 {
      margin-top: 30px;
      font-size: 3.8em;
      letter-spacing: 2px;
      word-spacing: 10px; }
      @media only screen and (max-width: 1023px) {
        .statement .front h1 {
          font-size: 3em;
          word-spacing: 1px;
          color: #a973a1; } }
      @media only screen and (max-width: 480px) {
        .statement .front h1 {
          font-size: 1.5em;
          word-spacing: 1px; } }
  .statement .bottom h2 {
    font-family: "omnes-pro", Helvetica, Arial; }
    @media only screen and (max-width: 1023px) {
      .statement .bottom h2 {
        padding-top: 15px;
        font-size: 1.3em;
        color: #545454; } }

.statement.threed {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -o-transition: all 1.2s; }
  .statement.threed .front {
    transform: translateZ(250px);
    -webkit-transform: translateZ(250px);
    -moz-transform: translateZ(250px);
    -ms-transform: translateZ(250px);
    -o-transform: translateZ(250px);
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s; }
  .statement.threed .bottom {
    transform: translateZ(0px) translateY(150px) rotateX(-90deg);
    -webkit-transform: translateZ(0px) translateY(150px) rotateX(-90deg);
    -moz-transform: translateZ(0px) translateY(150px) rotateX(-90deg);
    -ms-transform: translateZ(0px) translateY(150px) rotateX(-90deg);
    -o-transform: translateZ(0px) translateY(150px) rotateX(-90deg); }

.statement.twod .front {
  opacity: 1;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s; }
.statement.twod .bottom {
  opacity: 0;
  height: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s; }

.twod.flipped .front {
  margin: 100px 0px 0px 0px;
  opacity: 0;
  display: none;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s; }
.twod.flipped .bottom {
  margin: 100px 0px 0px 0px;
  opacity: 1;
  height: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s; }

.statement.twod.no-opacity .front {
  display: block; }
.statement.twod.no-opacity .bottom {
  display: none; }

.statement.twod.no-opacity.flipped .front {
  display: none !important; }
.statement.twod.no-opacity.flipped .bottom {
  margin: 100px 0px 0px 0px;
  height: 0;
  display: block !important; }

.threed.flipped {
  transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg); }

.change-blur {
  -webkit-transition: 1s;
  -webkit-filter: blur(100px); }
  @media only screen and (max-width: 1023px) {
    .change-blur {
      -webkit-filter: blur(0); } }

.nextstatement {
  -webkit-animation-name: nextfact;
  -webkit-animation-duration: 2s;
  -webkit-transform-origin: 50% 50%;
  transition-timing-function: ease-in-out; }

@-webkit-keyframes nextfact {
  0% {
    -webkit-transform: translateX(0deg); }

  50% {
    -webkit-transform: translateX(-1000px); }

  51% {
    -webkit-transform: translateX(1000px); }

  100% {
    -webkit-transform: translateX(0px); } }
.previousstatement {
  -webkit-animation-name: previousfact;
  -webkit-animation-duration: 2s;
  -webkit-transform-origin: 50% 50%;
  transition-timing-function: ease-in-out; }

@-webkit-keyframes previousfact {
  0% {
    -webkit-transform: translateX(0deg); }

  50% {
    -webkit-transform: translateX(1000px); }

  51% {
    -webkit-transform: translateX(-1000px); }

  100% {
    -webkit-transform: translateX(0px); } }
.choice-buttons {
  position: absolute;
  bottom: 0px;
  width: 330px;
  display: none;
  font-family: "omnes-pro"; }
  @media only screen and (max-width: 1023px) {
    .choice-buttons {
      margin-top: -120px;
      width: 100%; } }

.choice {
  color: #eeeeee;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  padding-top: 30px;
  display: inline-block;
  width: 90px;
  height: 60px;
  margin: 30px;
  border: 2px solid #eeeeee;
  border-radius: 90px;
  position: relative;
  -ms-behavior: url(http://adopt-wales.co.uk/assets/css/assets/css_pie.PIE.htc); }
  .choice:hover {
    cursor: pointer; }
  @media only screen and (max-width: 1023px) {
    .choice {
      width: 50px;
      height: 20px;
      border: 4px solid #eeeeee;
      font-size: 14px;
      padding: 20px 5px 20px 5px; } }

.choice.no-radius {
  color: #eeeeee; }
  .choice.no-radius .clicked {
    background-color: none !important; }

.true {
  left: 0;
  z-index: 2;
  float: left;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s; }
  .true.clicked {
    left: 84px;
    color: #eeeeee;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; }
  .true.selected {
    opacity: 1;
    z-index: 10;
    background-color: #eeeeee;
    color: #2a2a2a;
    border: 2px solid #eeeeee;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; }

.false {
  left: 0;
  z-index: 2;
  float: right;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s; }
  .false.clicked {
    left: -92px;
    background-color: #eeeeee;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; }
  .false.selected {
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    color: #eeeeee;
    border: 2px solid rgba(0, 0, 0, 0.7);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; }

.choice-scale {
  -webkit-animation-name: scale-choices;
  -webkit-animation-duration: 350ms; }

@-webkit-keyframes scale-choices {
  0% {
    -webkit-transform: scale(1, 1); }

  25% {
    -webkit-transform: scale(1.03, 1.03); }

  50% {
    -webkit-transform: scale(1, 1); }

  75% {
    -webkit-transform: scale(1.03, 1.03); }

  100% {
    -webkit-transform: scale(1, 1); } }
/* background video - any page - - - - - - - - - - - - - - - - - - - - */
.background-video {
  position: absolute;
  z-index: 0; }
  @media only screen and (max-width: 480px) {
    .background-video {
      display: none; } }

/*Sections setup - - - - - - - - - - - - - - - - - - - - - - - - */
.page {
  width: 100%;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .page {
      background: none;
      background-color: #cb247a; } }

.sub-content {
  position: relative;
  height: 100%;
  width: 400%; }

.overview-section,
.video-section,
.detail-section {
  height: 100%;
  float: left;
  overflow: hidden; }

.video-section,
.detail-section {
  background: #eeeeee; }
  @media only screen and (max-width: 1023px) {
    .video-section,
    .detail-section {
      background: none;
      background-color: #eeeeee; } }

.home {
  top: 0;
  background: url("../img/home-back.jpg");
  background-size: cover;
  height: 480px; }

.facts {
  background-color: transparent; }
  @media only screen and (max-width: 1023px) {
    .facts {
      background: none;
      background-color: #cb247a; } }

@media only screen and (max-width: 1023px) {
  .study {
    background: none;
    background-color: #cb247a; } }

@media only screen and (max-width: 1023px) {
  .process {
    background: none;
    background-color: #cb247a; } }

@media only screen and (max-width: 1023px) {
  .contact {
    background: none;
    background-color: #cb247a; } }

/*Content - - - - - - - - - - - - - - - - - */
/*holder for *almost* all page content */
.page-content {
  position: relative;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .page-content {
      width: 100%;
      top: 0;
      height: auto; } }

/*centered page title */
.page-header {
  font-size: 25px;
  font-family: "omnes-pro", Helvetica, Arial;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #eeeeee;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 1023px) {
    .page-header {
      opacity: 1;
      padding-bottom: 35px; } }
  .page-header.appear {
    opacity: 0; }

/*home */
.home-content {
  position: absolute;
  bottom: 0;
  left: 40px; }
  @media only screen and (max-width: 1023px) {
    .home-content {
      left: 0;
      bottom: 0;
      height: 100%; } }

.intro {
  width: 80%;
  max-width: 870px;
  text-align: left;
  -webkit-filter: blur(0px);
  -webkit-transition: 2s ease-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  margin-left: 0;
  letter-spacing: -2px;
  word-spacing: 12px;
  position: absolute;
  bottom: 0; }
  .intro h1 {
    margin-bottom: 10px; }
  .intro.appear {
    -webkit-filter: blur(30px);
    margin-left: 40px; }
  @media only screen and (max-width: 1023px) {
    .intro {
      position: absolute;
      bottom: 50px;
      left: 5px;
      width: 60%; }
      .intro.appear {
        -webkit-filter: blur(0px);
        margin-left: 0px; } }
  @media only screen and (min-width: 1024px) {
    .intro {
      position: absolute;
      bottom: 30px;
      left: 20px;
      width: 60%; }
      .intro h1 {
        font-size: 6.5em; }
      .intro.appear {
        -webkit-filter: blur(0px);
        margin-left: 0px; } }
  @media only screen and (max-width: 480px) {
    .intro {
      position: absolute;
      bottom: 30px;
      left: 10px;
      width: 90%; }
      .intro h1 {
        font-size: 3em; }
      .intro.appear {
        -webkit-filter: blur(0px);
        margin-left: 0px; } }

.read {
  position: relative;
  bottom: 0;
  left: 5px;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 0px;
  word-spacing: 0px; }
  .read:hover {
    cursor: pointer; }
  .read h3 {
    border-bottom: 2px solid #eeeeee;
    padding: 5px 0px 5px 0px;
    color: #eeeeee;
    max-width: 210px; }
  @media only screen and (max-width: 480px) {
    .read {
      display: none;
      z-index: -10; } }
  @media only screen and (max-width: 1023px) {
    .read {
      margin-bottom: -20px;
      left: 20px;
      display: none;
      z-index: -10; } }

.facts-read {
  text-align: center;
  left: 50%;
  margin-left: -65px;
  position: absolute;
  bottom: 0; }
  .facts-read h3 {
    max-width: 130px; }

/*case studies */
.study-arrow-holder {
  height: 20px; }

.study-arrow {
  margin: 0px 0px 0px 3px;
  cursor: pointer; }

.study-arrow-hidden {
  display: none; }

.study-count {
  width: 30px;
  top: 35%;
  left: 30px;
  position: fixed;
  z-index: 2;
  display: none; }
  .study-count ul {
    padding-left: 40px; }
    .study-count ul li {
      font-size: 2.4em;
      color: #2a2a2a;
      opacity: 0.2;
      width: 30px;
      position: relative; }
      .study-count ul li.selected {
        color: #eeeeee;
        opacity: 1; }
    .study-count ul .study-number {
      position: absolute;
      top: 12px;
      font-size: 0.5em; }
  @media only screen and (max-width: 1023px) {
    .study-count {
      display: none;
      z-index: -10; } }

@media only screen and (max-width: 1023px) {
  .bigname {
    display: none; } }

.names {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  color: #eeeeee; }
  .names p {
    margin-top: 45px; }
  @media only screen and (max-width: 1023px) {
    .names {
      display: none; } }

.view-study {
  border: 6px solid #eeeeee;
  border-radius: 30px;
  background-color: #eeeeee;
  padding-top: 3px;
  padding-bottom: 1px;
  color: #2a2a2a;
  width: 140px;
  margin: 0 auto;
  margin-top: 110px;
  text-transform: uppercase;
  behavior: url(http://adopt-wales.co.uk/assets/pie/PIE.htc); }
  .view-study img {
    float: right;
    margin: -5px -2px 0 15px; }
  .view-study:hover {
    cursor: pointer; }
  @media only screen and (max-width: 1023px) {
    .view-study {
      display: none;
      z-index: -10; } }

.video-section {
  position: relative; }
  .video-section h1 {
    font-size: 4.5em;
    margin-bottom: 25px;
    color: #a973a1; }
    @media only screen and (max-width: 1023px) {
      .video-section h1 {
        font-size: 3.4em;
        margin-bottom: 40px; } }
  .video-section h3 {
    margin: 25px 0 15px 0;
    color: #a0a0a0;
    text-transform: uppercase;
    font-size: 1.25em; }
  .video-section hr {
    width: 60px;
    color: #e4e4e4;
    background-color: #e4e4e4;
    position: relative;
    left: 50%;
    margin-left: -30px; }
    @media only screen and (max-width: 1023px) {
      .video-section hr {
        display: none;
        z-index: -10; } }

.video-section-video {
  max-height: 55%;
  width: auto;
  margin: 50px 5% 10px 5%; }
  @media only screen and (max-width: 480px) {
    .video-section-video {
      width: 90%; } }

.ipad-vimeo-poster {
  display: none;
  width: 500px !important; }

.back-to-study {
  position: absolute;
  top: 40%;
  left: 0%;
  padding: 15px; }
  .back-to-study:hover {
    cursor: pointer; }
  .back-to-study img {
    float: left; }
  @media only screen and (max-width: 1023px) {
    .back-to-study {
      display: none;
      z-index: -10; } }

.forward-to-detail {
  position: absolute;
  top: 40%;
  right: 0%;
  padding: 15px;
  text-align: right; }
  .forward-to-detail:hover {
    cursor: pointer; }
  .forward-to-detail img {
    float: right; }
  @media only screen and (max-width: 1023px) {
    .forward-to-detail {
      display: none;
      z-index: -10; } }

.share-panel {
  text-align: center;
  width: 300px;
  height: 100px;
  margin: 0 auto;
  margin-top: 20px; }
  .share-panel img {
    padding: 10px;
    padding-top: 15px;
    width: 30px; }
  @media only screen and (max-width: 1023px) {
    .share-panel {
      display: none;
      z-index: -10; } }
  .share-panel:hover {
    cursor: pointer; }
  .share-panel p {
    color: #a0a0a0;
    text-transform: uppercase;
    font-size: 1.3em; }

.back-to-video {
  position: absolute;
  float: left;
  top: 40%;
  padding: 15px;
  display: none; }
  .back-to-video:hover {
    cursor: pointer; }
  .back-to-video img {
    float: left; }
  @media only screen and (max-width: 1023px) {
    .back-to-video {
      display: none;
      z-index: -10; } }

.detail-section-image {
  float: left;
  height: 100%;
  width: 50%;
  background-size: cover;
  background-attatchment: top center;
  background-position: top center; }
  @media only screen and (max-width: 1023px) {
    .detail-section-image {
      display: none;
      z-index: -10; } }

.detail-section-text {
  background: #eeeeee;
  padding: 60px 0px 150px 0px;
  float: right;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 500px;
  height: 85%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .detail-section-text {
      padding: 0px 0px 50px 0px; } }
  .detail-section-text .detail-section-text-container .share-panel {
    text-align: center;
    width: 300px;
    height: 100px;
    margin: 0 auto; }
    .detail-section-text .detail-section-text-container .share-panel img {
      width: 30px;
      padding-top: 0; }
    .detail-section-text .detail-section-text-container .share-panel:hover {
      cursor: pointer; }
    .detail-section-text .detail-section-text-container .share-panel p {
      margin-bottom: 0px;
      padding-bottom: 10px;
      color: #a0a0a0;
      text-transform: uppercase;
      font-size: 1.3em;
      font-family: "omnes-pro", Helvetica, Arial; }
  .detail-section-text .detail-section-text-container h1 {
    font-size: 4.5em;
    margin-bottom: 50px;
    color: #a973a1; }
    @media only screen and (max-width: 1023px) {
      .detail-section-text .detail-section-text-container h1 {
        display: none;
        z-index: -10; } }
  .detail-section-text .detail-section-text-container h3 {
    color: #a0a0a0;
    text-transform: uppercase;
    font-size: 1.25em; }
    @media only screen and (max-width: 1023px) {
      .detail-section-text .detail-section-text-container h3 {
        display: none;
        z-index: -10; } }
  .detail-section-text .detail-section-text-container h4 {
    font-family: "omnes-pro";
    text-transform: uppercase;
    padding-top: 35px;
    padding-bottom: 5px;
    font-size: 1.3em;
    font-weight: 500;
    width: 410px;
    margin: 0 auto;
    color: #a973a1; }
    @media only screen and (max-width: 480px) {
      .detail-section-text .detail-section-text-container h4 {
        width: 270px;
        margin: 0 auto;
        font-size: 1.5em; } }
  .detail-section-text .detail-section-text-container blockquote {
    font-family: "georgia", sans-serif;
    font-style: italic;
    font-size: 1.9em;
    padding-bottom: 10px;
    color: #828282; }
  .detail-section-text .detail-section-text-container hr {
    width: 60px;
    color: #e4e4e4;
    background-color: #e4e4e4;
    position: relative;
    left: 50%;
    margin-left: -30px; }
  .detail-section-text .detail-section-text-container p {
    color: #2a2a2a;
    font-family: "georgia", sans-serif;
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 1.6em; }
    @media only screen and (max-width: 480px) {
      .detail-section-text .detail-section-text-container p {
        width: 270px;
        margin: 0 auto;
        font-family: "omnes-pro", Helvetica, Arial;
        font-size: 1.3em; } }
  .detail-section-text .detail-section-text-container .question {
    font-family: "omnes-pro";
    text-transform: uppercase;
    padding-top: 35px;
    padding-bottom: 5px;
    font-size: 1.3em;
    font-weight: 500;
    width: 410px;
    margin: 0 auto;
    color: #a973a1; }
    @media only screen and (max-width: 480px) {
      .detail-section-text .detail-section-text-container .question {
        width: 270px;
        margin: 0 auto;
        font-size: 1.5em; } }
  @media only screen and (max-width: 1023px) {
    .detail-section-text .detail-section-text-container {
      width: 100%;
      max-width: 100%px; }
      .detail-section-text .detail-section-text-container h1 {
        font-size: 3em; }
      .detail-section-text .detail-section-text-container p {
        font-size: 1em; } }
  @media only screen and (max-width: 480px) {
    .detail-section-text .detail-section-text-container {
      max-width: 320px;
      margin: 0 auto; }
      .detail-section-text .detail-section-text-container blockquote {
        font-size: 1.4em; } }

/*journey */
.process-page {
  text-align: center;
  position: relative; }

.journey-steps-map {
  position: absolute;
  bottom: 35px; }
  .journey-steps-map p {
    font-size: 1em; }
  .journey-steps-map .step {
    cursor: pointer;
    behavior: url(http://adopt-wales.co.uk/assets/pie/PIE.htc);
    display: inline-block;
    margin-top: -19px;
    width: 14px;
    height: 14px;
    border: 8px solid rgba(0, 0, 0, 0.8);
    background-color: black;
    border-radius: 20px;
    margin-right: 60px;
    opacity: 0.2; }
    @media only screen and (max-width: 1023px) {
      .journey-steps-map .step {
        margin-bottom: 80px; } }
    @media only screen and (max-width: 480px) {
      .journey-steps-map .step {
        margin-bottom: 0; } }
    .journey-steps-map .step.last {
      margin-right: 0; }
    .journey-steps-map .step.selected {
      opacity: 1;
      background-color: #eeeeee; }
    .journey-steps-map .step span {
      display: block;
      width: 100px;
      text-align: center;
      margin-top: 40px;
      margin-left: -45px; }

.journey-steps {
  width: 100%;
  height: 500px;
  text-align: center;
  overflow: hidden; }

.step-holder {
  position: relative;
  left: 0; }
  @media only screen and (max-width: 1023px) {
    .step-holder {
      padding-top: 30px;
      background-color: #eeeeee; } }

.j-step {
  width: 800px;
  height: 500px;
  position: absolute;
  -webkit-filter: blur(0px);
  -webkit-transform: scale(1);
  -webkit-transition: 1s ease-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }
  .j-step h1 {
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 5.5em;
    width: 700px; }
  .j-step p {
    font-size: 1.2em;
    font-family: "Georgia", sans-serif;
    font-style: italic;
    line-height: 1.6;
    width: 600px;
    margin: 0 auto; }
  .j-step.appear {
    -webkit-filter: blur(40px);
    -webkit-transform: scale(0.7);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }
  @media only screen and (max-width: 1023px) {
    .j-step {
      -webkit-filter: none;
      width: 90%;
      padding-left: 5%;
      padding-right: 5%;
      height: 90%; }
      .j-step h1 {
        width: 100%;
        font-size: 2.5em;
        margin-bottom: 15px;
        color: #a973a1; }
      .j-step p {
        width: 100%;
        font-size: 1.3em;
        font-family: "omnes-pro", Helvetica, Arial;
        font-style: normal;
        padding: 0 0 40px 0;
        color: #545454;
        font-weight: 100; }
      .j-step.appear {
        -webkit-filter: none;
        -webkit-transform: scale(1);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0); } }
  @media only screen and (max-width: 480px) {
    .j-step {
      width: 90%;
      padding-left: 5%;
      padding-right: 5%;
      margin-bottom: 20px; } }

.journey-images {
  position: absolute;
  left: 0; }
  @media only screen and (max-width: 1023px) {
    .journey-images {
      display: none;
      z-index: -10; } }

.j-image {
  position: absolute;
  -webkit-filter: blur(0px);
  -webkit-transition: 1s ease-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }
  .j-image.appear {
    -webkit-filter: blur(80px); }

.start-your-journey {
  border-bottom: 3px solid #eeeeee;
  padding: 5px 0 5px 0;
  color: #eeeeee;
  width: 160px;
  text-align: center;
  margin-top: -100px;
  position: absolute;
  left: 50%;
  margin-left: -85px;
  bottom: 180px;
  text-transform: uppercase;
  display: none; }
  .start-your-journey:hover {
    cursor: pointer; }

/*contact */
.contact-details {
  height: 510px;
  margin: 0 auto;
  position: relative;
  max-width: 1024px; }
  @media only screen and (max-width: 1023px) {
    .contact-details {
      display: none;
      z-index: -10; } }

.map {
  height: 100%;
  display: inline;
  float: left;
  padding-top: 30px;
  display: none; }

.location-details {
  position: absolute;
  background-color: black;
  background-color: rgba(20, 20, 20, 0.9);
  min-width: 160px;
  height: 50px;
  padding: 10px;
  color: #eeeeee;
  text-align: left;
  opacity: 0;
  top: 290px;
  left: 220px;
  display: none;
  margin-top: -50px; }
  .location-details.selected {
    margin-top: 0;
    opacity: 1; }
  .location-details p {
    font-family: "omnes-pro", Helvetica, Arial;
    font-size: 1.3em;
    text-transform: uppercase; }
  .location-details img {
    float: left;
    margin: 4px 6px 0 0; }
  .location-details:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: rgba(20, 20, 20, 0.9) transparent transparent transparent;
    content: "";
    margin-top: 9px;
    margin-left: -10px;
    display: block; }

#pin-1 {
  margin-top: -150px;
  display: none; }

.pin {
  position: absolute;
  opacity: 0; }
  .pin.selected {
    opacity: 1;
    margin-top: 0; }

.no-opacity .location-details {
  display: none; }
.no-opacity .location-details.selected {
  display: block; }
.no-opacity .pin {
  display: none; }
.no-opacity .pin.selected {
  display: block !important; }

.location-list {
  width: 415px;
  padding-top: 40px;
  float: right;
  margin-left: 0px;
  text-align: left; }
  .location-list ul {
    width: 100%;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    margin-left: -40px; }
    .location-list ul li {
      list-style-type: none;
      float: left;
      display: inline;
      line-height: 1.5em;
      font-family: "omnes-pro", Helvetica, Arial;
      color: #eeeeee;
      opacity: 0.6;
      cursor: pointer; }
      .location-list ul li:hover {
        opacity: 1; }
        .location-list ul li:hover:before {
          content: url(../img/pointer.png);
          margin-left: -10px;
          margin-right: 4px; }
    .location-list ul .active {
      opacity: 1; }
      .location-list ul .active:before {
        content: url(../img/pointer.png);
        margin-left: -10px;
        margin-right: 4px; }
  .location-list .double li {
    width: 50%; }

.sub {
  font-size: 1.3em;
  padding-top: 40px;
  width: 100%; }

.contact-details-mobile {
  display: none;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #eeeeee; }
  @media only screen and (max-width: 1023px) {
    .contact-details-mobile {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .contact-details-mobile {
      padding-bottom: 0; } }
  .contact-details-mobile h1 {
    font-size: 1.5em;
    width: 95%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #a973a1; }
  .contact-details-mobile .mobile-details-list {
    background: #eeeeee;
    text-align: left;
    list-style-type: none;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40x;
    width: 60%;
    padding: 0 20% 0 20%; }
    .contact-details-mobile .mobile-details-list li {
      color: black;
      padding: 10px;
      font-family: "omnes-pro", sans-serif;
      font-size: 1.2em;
      word-wrap: break-word; }
      .contact-details-mobile .mobile-details-list li span {
        color: black;
        float: right; }
      .contact-details-mobile .mobile-details-list li a {
        font-family: "omnes-pro", sans-serif;
        font-size: 1em;
        color: black; }
    .contact-details-mobile .mobile-details-list li {
      border-top: 1px solid #e3e3e3; }
      .contact-details-mobile .mobile-details-list li:last-child {
        border-bottom: 1px solid #e3e3e3; }
    @media only screen and (max-width: 480px) {
      .contact-details-mobile .mobile-details-list {
        padding: 0;
        width: 100%;
        margin: 0; } }

.no-js body {
  overflow: scroll; }
.no-js .preloader {
  display: none;
  z-index: -10; }
.no-js .background-video {
  display: none;
  z-index: -10; }
.no-js .appear {
  -webkit-filter: blur(0);
  margin-left: 0;
  -webkit-transform: scale(1);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }
.no-js .next-arrow {
  display: none; }
.no-js .previous-arrow {
  display: none; }
.no-js .page {
  min-height: 1000px;
  height: auto; }
.no-js .facts .fact-page-content {
  height: auto;
  position: relative;
  margin: 80px 0px 0px 0px; }
  .no-js .facts .fact-page-content .fact {
    float: none;
    width: 100%;
    height: 250px;
    position: relative; }
.no-js .study .sub-content {
  width: 100%;
  height: auto; }
  .no-js .study .sub-content .overview-section {
    float: none; }
    .no-js .study .sub-content .overview-section .page-content {
      margin: 50px auto; }
  .no-js .study .sub-content .video-section {
    float: none;
    display: none; }
    @media only screen and (max-width: 1023px) {
      .no-js .study .sub-content .video-section {
        display: block; } }
  .no-js .study .sub-content .detail-section {
    float: none;
    text-align: center; }
    .no-js .study .sub-content .detail-section .back-to-video {
      display: none; }
    .no-js .study .sub-content .detail-section .detail-section-image {
      height: 500px;
      margin: 50px auto;
      width: 500px;
      float: none; }
    .no-js .study .sub-content .detail-section .detail-section-text {
      float: none; }
.no-js .process .journey-steps {
  height: auto;
  overflow: auto; }
  .no-js .process .journey-steps .j-step {
    margin: 0 auto;
    position: relative; }
.no-js .process .journey-steps-map {
  display: none; }