@charset "utf-8";
header, .description img, .logo, .slick-arrow, path.arrowpath, path.scrollpath, a, .view360Icon, .hovercircle, .floorpatch
{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  transition:         all .3s ease-in-out;
   /* transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1); */
}


.fadeInUp
{
	opacity: 0;
	transform: translateY(30px);
}
.fadeInUp.animateMe
{
	animation: fadeInUp 0.7s ease-in-out forwards;
/* animation-timing-function: cubic-bezier(.16,.84,.44,1); */

}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
		transform: translateY(30px);
  }
  to {
    opacity: 1;
		transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
		transform: translateY(30px);
  }
  to {
    opacity: 1;
		transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* fadeInUp end */


.fadeIn
{
	opacity: 0;

}
.fadeIn.animateMe
{
	animation: fadeIn 0.7s ease-in-out forwards;
/* animation-timing-function: cubic-bezier(.16,.84,.44,1); */

}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;

  }
  to {
    opacity: 1;

  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;

  }
  to {
    opacity: 1;

  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;

  }
  to {
    opacity: 1;

  }
}
@keyframes fadeIn {
  from {
    opacity: 0;

  }
  to {
      opacity: 1;
  }
}
/* fade in end */

      .loaded header {
        -webkit-animation:headerapppear 2s ease-in-out forwards;
        -moz-animation:headerapppear 2s ease-in-out forwards;
        -ms-animation:headerapppear 2s ease-in-out forwards;
        animation:headerapppear 2s ease-in-out forwards;
        animation-delay:6s;
      }

.loaded.introcompleted header{
animation-delay:0s;
}

      @-webkit-keyframes headerapppear {
        0% {
      z-index: 1;
opacity: 0;
        }
        40% {
      z-index: 1;
opacity: 1;
        }

              100% {
      z-index: 3;
opacity: 1;
        }
     }

     @keyframes headerapppear {
       0% {
     z-index: 1;
   opacity: 0;
       }
       40% {
     z-index: 1;
   opacity: 1;
       }

             100% {
     z-index: 3;
   opacity: 1;
       }
     }
     .loaded.introcompleted .logo{
     animation-delay:0s;
     }

     .loaded .logo {
       -webkit-animation:logoapppear 2s ease-in-out forwards;
       -moz-animation:logoapppear 2s ease-in-out forwards;
       -ms-animation:logoapppear 2s ease-in-out forwards;
       animation:logoapppear 2s ease-in-out forwards;
       animation-delay:6s;
     }


     @-webkit-keyframes logoapppear {
       0% {
     opacity: 0;

       }
       55% {

   opacity: 0;
       }

             100% {
     opacity: 1;

       }
    }

    @keyframes logoapppear {
      0% {
  opacity: 0;

      }
      55% {
    opacity: 0;

      }

            100% {
  opacity: 1;

      }
    }


.loaded.introcompleted .pageContent{
animation-delay:0s;
}

.loaded .pageContent {
  -webkit-animation:pageContentapppear 1.5s ease-in-out forwards;
  -moz-animation:pageContentapppear 1.5s ease-in-out forwards;
  -ms-animation:pageContentapppear 1.5s ease-in-out forwards;
  animation:pageContentapppear 1.5s ease-in-out forwards;
  animation-delay:6s;
}


@-webkit-keyframes pageContentapppear {
  0% {
opacity: 0;

  }
  80% {

opacity: 0;
  }

        100% {
opacity: 1;

  }
}

@keyframes pageContentapppear {
 0% {
opacity: 0;

 }
 80% {
opacity: 0;

 }

       100% {
opacity: 1;

 }
}
.loaded.introcompleted .heroTextOverlay{
animation-delay:3s;
}
.loaded .heroTextOverlay {
  -webkit-animation:heroTextOverlay 6s ease-in-out forwards;
  -moz-animation:heroTextOverlay 6s ease-in-out forwards;
  -ms-animation:heroTextOverlay 6s ease-in-out forwards;
  animation:heroTextOverlay 6s ease-in-out forwards;
  animation-delay:8s;
}


@-webkit-keyframes heroTextOverlay {
  0% {
opacity: 1;

  }
  70% {

opacity: 1;
  }

        100% {
opacity: 0;

  }
}

@keyframes heroTextOverlay {
  0% {
opacity: 1;

  }
  70% {

opacity: 1;
  }

        100% {
opacity: 0;

  }
}



.loaded .view360Icon
{

  -webkit-animation: view360Icon 1s 0s ease-in-out forwards;
	-moz-animation: view360Icon 1s 0s ease-in-out forwards;
	-ms-animation: view360Icon 1s 0s ease-in-out forwards;
	animation: view360Icon 1s 0s ease-in-out forwards;
	animation-delay: 0.8s;

}

@keyframes view360Icon {
	0% {
    opacity: 0;

	}
	100% {
    opacity: 1;

	}
}
@-webkit-keyframes view360Icon {
  0% {
    opacity: 0;

  }
  100% {
    opacity: 1;

  }
}


.loaded .view360Icon > span, .levelring
{
            -webkit-animation: rotatering 8s 0s linear infinite;
            -moz-animation: rotatering 8s 0s linear infinite;
            -ms-animation: rotatering 8s 0s linear infinite;
            animation: rotatering 8s 0s linear infinite;
  animation-delay: 1s;

  }


  @keyframes rotatering {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }
  }
  @-webkit-keyframes rotatering {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }
  }



#heatrow, #paddington, #bondstreet, #farrington, #whitechapel, #canary-wharf, #stratford, #tottenham-court, #liverpool-street, #mainlogo,
#stratford-line, #whitechapel-line, #farringdon-line, #bondstreet-line, #paddington-line, #tottenham-line, #liverpool-line, #canary-line,
#top-arrow, #bottom-arrow, #start-arrow
{
  opacity: 0;
}
.straitline
{
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
}

.animateMe .straitline
{

  -webkit-animation: straitline 6s 0s linear forwards;
  -moz-animation: straitline 6s 0s linear forwards;
  -ms-animation: straitline 6s 0s linear forwards;
  animation: straitline 6s 0s linear forwards;
  -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

@keyframes straitline {
  0% {
    stroke-dasharray: 800;
    stroke-dashoffset: 800; }

  100% {
    stroke-dasharray: 800;
    stroke-dashoffset: 1600;
   }
}
@-webkit-keyframes straitline {
  0% {
    stroke-dasharray: 800;
    stroke-dashoffset: 800; }

  100% {
    stroke-dasharray: 800;
    stroke-dashoffset: 1600;
   }
}

.topline, .bottomline
{
  stroke-dasharray: 270;
  stroke-dashoffset: 270;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .topline, .bottomline
  {
    stroke-dasharray: 270;
    stroke-dashoffset: 0;
  }
  .straitline
  {
    stroke-dasharray: 800;
    stroke-dashoffset: 0;
  }
}

.animateMe .topline, .animateMe .bottomline
{

  -webkit-animation: topline 3s 0s linear forwards;
  -moz-animation: topline 3s 0s linear forwards;
  -ms-animation: topline 3s 0s linear forwards;
  animation: topline 3s 0s linear forwards;
  -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

@keyframes topline {
  0% {
    stroke-dasharray: 270;
    stroke-dashoffset: 270; }

  100% {
    stroke-dasharray: 270;
    stroke-dashoffset: 540;
   }
}
@-webkit-keyframes topline {
  0% {
    stroke-dasharray: 270;
    stroke-dashoffset: 270; }

  100% {
    stroke-dasharray: 270;
    stroke-dashoffset: 540;
   }
}

.animateMe .topline, .animateMe .bottomline
{

  -webkit-animation: topline 2s 0s linear forwards;
  -moz-animation: topline 2s 0s linear forwards;
  -ms-animation: topline 2s 0s linear forwards;
  animation: topline 2s 0s linear forwards;
  -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

@keyframes topline {
  0% {
    stroke-dasharray: 270;
    stroke-dashoffset: 270; }

  100% {
    stroke-dasharray: 270;
    stroke-dashoffset: 540;
   }
}
@-webkit-keyframes topline {
  0% {
    stroke-dasharray: 270;
    stroke-dashoffset: 270; }

  100% {
    stroke-dasharray: 270;
    stroke-dashoffset: 540;
   }
}

#top-arrow, #bottom-arrow, #start-arrow
{
  opacity: 0;
}
.animateMe #top-arrow, .animateMe #bottom-arrow, .animateMe #start-arrow
{

  -webkit-animation: appearelement 0.5s 0s linear forwards;
  -moz-animation: appearelement 0.5s 0s linear forwards;
  -ms-animation: appearelement 0.5s 0s linear forwards;
  animation: appearelement 0.5s 0s linear forwards;

}
.animateMe #top-arrow, .animateMe #bottom-arrow
{

  -webkit-animation-delay: 3s;
            animation-delay: 3s;
}


@keyframes appearelement {
  0% {
  opacity: 0;
}

  100% {
    opacity: 1;
   }
}
@-webkit-keyframes appearelement {
  0% {
  opacity: 0;
}

  100% {
    opacity: 1;
   }
}




#stratford, #canary-wharf, #whitechapel, #liverpool-street, #farrington, #mainlogo, #tottenham-court, #bondstreet, #paddington, #heatrow
{
  opacity: 0;
}
.animateMe #stratford, .animateMe #canary-wharf, .animateMe #whitechapel, .animateMe #liverpool-street, .animateMe #farrington, .animateMe #mainlogo,
.animateMe #tottenham-court, .animateMe #bondstreet, .animateMe #paddington, .animateMe #heatrow
{
  -webkit-animation: appearelement 0.2s 0s linear forwards;
  -moz-animation: appearelement 0.2s 0s linear forwards;
  -ms-animation: appearelement 0.2s 0s linear forwards;
  animation: appearelement 0.2s 0s linear forwards;

}

#stratford-line, #liverpool-line, #paddington-line
{
  opacity: 0;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}


.animateMe #stratford-line, .animateMe #liverpool-line, .animateMe #tottenham-line, .animateMe #paddington-line
{
  -webkit-animation: appearetop 0.2s 0s linear forwards;
  -moz-animation: appearetop 0.2s 0s linear forwards;
  -ms-animation: appearetop 0.2s 0s linear forwards;
  animation: appearetop 0.2s 0s linear forwards;
}

@keyframes appearetop {
  0% {
  opacity: 0;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
   }
}
@-webkit-keyframes appearetop {
  0% {
  opacity: 0;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
   }
}

#canary-line, #whitechapel-line, #farringdon-line, #bondstreet-line
{
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
.animateMe #canary-line, .animateMe #whitechapel-line, .animateMe #farringdon-line, .animateMe #bondstreet-line
{  -webkit-animation: appearebottom 0.2s 0s linear forwards;
  -moz-animation: appearebottom 0.2s 0s linear forwards;
  -ms-animation: appearebottom 0.2s 0s linear forwards;
  animation: appearebottom 0.2s 0s linear forwards;
}
.animateMe #canary-line
{
  -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
}
.animateMe #whitechapel-line
{
  -webkit-animation-delay: 3s;
            animation-delay: 3s;
}
.animateMe #stratford-line
{
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.animateMe #whitechapel
{
  -webkit-animation-delay: 3.3s;
            animation-delay: 3.3s;
}
.animateMe #stratford, .animateMe #canary-wharf
{
  -webkit-animation-delay: 2.8s;
            animation-delay: 2.8s;
}

.animateMe #liverpool-line
{

  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}
.animateMe #liverpool-street
{

  -webkit-animation-delay: 4.1s;
  animation-delay: 4.1s;
}

.animateMe #farringdon-line
{
  -webkit-animation-delay: 4.6s;
            animation-delay: 4.6s;
}
.animateMe #farrington
{
  -webkit-animation-delay: 4.9s;
            animation-delay: 4.9s;
}
.animateMe #mainlogo
{
  -webkit-animation-delay:5.4s;
            animation-delay: 5.4s;
}

.animateMe #tottenham-line
{
  -webkit-animation-delay:5.9s;
            animation-delay: 5.9s;
}

.animateMe #tottenham-court
{
  -webkit-animation-delay:6.3s;
            animation-delay: 6.3s;
}
.animateMe #bondstreet-line
{
  -webkit-animation-delay:6.8s;
            animation-delay: 6.8s;
}
.animateMe #bondstreet
{
  -webkit-animation-delay:7.1s;
            animation-delay: 7.1s;
}
.animateMe #paddington-line
{
  -webkit-animation-delay:7.6s;
            animation-delay: 7.6s;
}
.animateMe #paddington
{
  -webkit-animation-delay:7.9s;
            animation-delay: 7.9s;
}
.animateMe #heatrow
{
  -webkit-animation-delay:8.5s;
            animation-delay:8.5s;
}

.animateMe #start-arrow
{

  -webkit-animation-delay: 8s;
            animation-delay: 8s;
}





@keyframes appearebottom {
  0% {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
   }
}
@-webkit-keyframes appearebottom {
  0% {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
   }
}

/* .RowOne .sectionHeading, .RowTwo .sectionHeading, .RowThree .sectionHeading, .RowFour .sectionHeading, .RowFive .sectionHeading, .RowSix .sectionHeading */
.sectionHeading
{opacity: 0;
	    transform: translate3d(0px, -70px, 0px) scale3d(1, 1, 1) rotateX(-72deg) rotateY(-23deg) rotateZ(0deg) skew(0deg, 13deg);
	-webkit-transform-origin: 0% 50%;
	    -ms-transform-origin: 0% 50%;
	    transform-origin: 0% 50%;
			transform-style: preserve-3d;
}
/* .RowOne .sectionHeading.animateMe, .RowTwo .sectionHeading.animateMe, .RowThree .sectionHeading.animateMe, .RowFour .sectionHeading.animateMe,
.RowFive .sectionHeading.animateMe, .RowSix .sectionHeading.animateMe,  */
.sectionHeading.animateMe
{

animation: scalerotate 0.7s forwards;
animation-timing-function: cubic-bezier(.16,.84,.44,1);
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes scalerotate {
from {
  opacity: 0;
transform: translate3d(0px, -70px, 0px) scale3d(1, 1, 1) rotateX(-72deg) rotateY(-23deg) rotateZ(0deg) skew(0deg, 13deg);
}
to {
  opacity: 1;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
}
@-moz-keyframes scalerotate {
	from {
    opacity: 0;
transform: translate3d(0px, -70px, 0px) scale3d(1, 1, 1) rotateX(-72deg) rotateY(-23deg) rotateZ(0deg) skew(0deg, 13deg);
	}
	to {
    opacity: 1;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
}
@-o-keyframes scalerotate {
	from {
    opacity: 0;
	transform: translate3d(0px, -70px, 0px) scale3d(1, 1, 1) rotateX(-72deg) rotateY(-23deg) rotateZ(0deg) skew(0deg, 13deg);
	}
	to {
    opacity: 1;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
}
@keyframes scalerotate {
	from {
    opacity: 0;
	transform: translate3d(0px, -70px, 0px) scale3d(1, 1, 1) rotateX(-72deg) rotateY(-23deg) rotateZ(0deg) skew(0deg, 13deg);
	}
	to {
    opacity: 1;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
}

/* scalerotate end */




.image1 .imageHolder img, .image2 .imageHolder img, .image3 .imageHolder img, .FullwidthImage .imageHolder
{
opacity: 0.7;
}
.image1 .animateMe .imageHolder img, .image2 .animateMe .imageHolder img, .image3 .animateMe .imageHolder img, .FullwidthImage.animateMe .imageHolder

{
  -webkit-animation: appeareimage 1.5s 0s linear forwards;
    -moz-animation: appeareimage 1.5s 0s linear forwards;
    -ms-animation: appeareimage 1.5s 0s linear forwards;
    animation: appeareimage 1.5s 0s linear forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@keyframes appeareimage {
  0% {
    opacity: 0.7;
}

  100% {
opacity: 1;
   }
}
@-webkit-keyframes appeareimage {
  0% {
opacity: 0.7;
}

  100% {
opacity: 1;
   }
}