/*Stop flickering in Safari*/
* {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

body {
  background-color: #ffffff;
  cursor: hand;
  cursor: pointer;
}

body, div, img{
	padding: 0px;
	margin: 0px;
}

#banner_container{
	position: absolute;
	overflow: hidden;
  background-color: #ffffff;

  /*Hide the banner before the assets have been loaded*/
  display: none;
  opacity: 0;
}

#border{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 968px;
  height:  248px;
  border: solid rgba(0, 0, 0, 0.5) 1px;
  opacity: 0;  
}

.slide{
  position: absolute;
  width: 100%;
  height: 100%;

  top: 0px;

  background-repeat: no-repeat;
  background-position: center center;

  background-size: 100% 100%;

  opacity: 0;

  -ms-transform: scale(1);
  -ms-transform-origin: 25% 50%;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 25% 50%;
  transform: scale(1);
  transform-origin: 25% 50%;
}

.scaleUp{
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  /* Other transform properties here */

  -ms-transform: scale(1.07);
  -ms-transform-origin: 25% 50%;
  -webkit-transform: scale(1.07);
  -webkit-transform-origin: 25% 50%;
  transform: scale(1.07);
  transform-origin: 25% 50%;
}

.resetAnimation{
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.25s linear; /* For Safari 3.1 to 6.0 */
  transition: opacity 0s 0s, transform 0.25s linear;
}

.slideAsset{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  background-repeat: no-repeat;
  background-position: center center;

  opacity: 0;
}

.colourBlock{
  position: absolute;
}

/*ANIMATIONS*/
#banner_container, #border{
  -webkit-transition: opacity 2s 0s, -webkit-transform 8s linear; /* For Safari 3.1 to 6.0 */
  transition: opacity 2s 0s, transform 8s linear;
}

.slide{
  -webkit-transition: opacity 2.2s 0s, -webkit-transform 8s ease-out; /* For Safari 3.1 to 6.0 */
  transition: opacity 2.2s 0s, transform 8s ease-out;
}

.slideAsset{
  -webkit-transition: opacity 2s 0s, -webkit-transform 8s linear; /* For Safari 3.1 to 6.0 */
  transition: opacity 2s 0s, transform 8s linear;
}

.hide{
  opacity: 0;
}

.show{
  opacity: 1;
}


/*CUSTOM CLASSES*/
.leftPanel{
  width: 50%;
  left: 50%;
}

#clickScreen{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 970px;
  height: 250px;
  cursor: pointer;
}