/* FULL WIDTH START  */
/* Full width Container / backgrounds start  */

#full-width {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  overflow-x: hidden;
}

#full-width #header-bg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 75px;
  background-color: rgba(254, 0, 96, 0.9);
  z-index: 99;
}

#s1-bg {
  width: 100%;
  /* 	75px compensation for header being fixed on top */
  height: calc(700px + 75px + 100px);
  background: #fe0060;
  position: relative;
}

#s1-bg-dots {
  position: absolute;
  top: 300px;
  left: 0px;
  width: 100%;
  height: 1000px;
  background-image: url("../img/bg-dots.png");
  background-size: 800px;
}

#s2-bg-dots {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 500px;
  background-image: url("../img/bg-dots.png");
  background-size: 900px;
}

#s1-bg .bg-gradient {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 70vw;
  width: 70vw;
  /* 	border:1px solid white; */
  background: #fe0060;
  background: -moz-linear-gradient(-45deg, #fe0060 42%, #ff8121 100%);
  background: -webkit-linear-gradient(-45deg, #fe0060 42%, #ff8121 100%);
  background: linear-gradient(135deg, #fe0060 42%, #ff8121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0060', endColorstr='#ff8121',GradientType=1 );
}

#s2-bg {
  width: 100%;
  /* 	75px compensation for header being fixed on top */
  height: calc(700px + 75px);
  position: relative;
  height: 1280px;
  margin-top: -150px;
}

#s2-bg-gradient {
  background: #ff8121;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #ff8121 0%,
    #fe0060 58%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #ff8121 0%,
    #fe0060 58%
  );
  background: radial-gradient(ellipse at center, #ff8121 0%, #fe0060 58%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8121', endColorstr='#fe0060',GradientType=1 );
  position: absolute;
  bottom: -750px;
  left: 50%;
  margin-left: -750px;
  width: 1500px;
  height: 2000px;
  z-index: -1;
}

#s3-bg {
  background-color: #9a1d47;
  width: 100%;
  height: 600px;
  position: relative;
}

#s3-desk {
  background: -moz-linear-gradient(
    top,
    rgba(254, 0, 96, 1) 0%,
    rgba(254, 0, 96, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(254, 0, 96, 1) 0%,
    rgba(254, 0, 96, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(254, 0, 96, 1) 0%,
    rgba(254, 0, 96, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0060', endColorstr='#00fe0060',GradientType=0 );
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 200px;
}

#s3-desk-cover {
  background: -moz-linear-gradient(
    left,
    rgba(154, 29, 71, 0) 0%,
    rgba(154, 29, 71, 1) 69%,
    rgba(154, 29, 71, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(154, 29, 71, 0) 0%,
    rgba(154, 29, 71, 1) 69%,
    rgba(154, 29, 71, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(154, 29, 71, 0) 0%,
    rgba(154, 29, 71, 1) 69%,
    rgba(154, 29, 71, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009a1d47', endColorstr='#9a1d47',GradientType=1 );
  position: absolute;
  bottom: 0px;
  width: 50%;
  left: 50%;
  height: 200px;
}

#s3-desk-pop {
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 119, 38, 1) 0%,
    rgba(255, 119, 38, 0) 72%,
    rgba(255, 119, 38, 0) 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 119, 38, 1) 0%,
    rgba(255, 119, 38, 0) 72%,
    rgba(255, 119, 38, 0) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(255, 119, 38, 1) 0%,
    rgba(255, 119, 38, 0) 72%,
    rgba(255, 119, 38, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7726', endColorstr='#00ff7726',GradientType=1 );

  position: absolute;
  top: -100px;
  width: 800px;
  left: 50%;
  margin-left: -600px;
  height: 800px;
}

#s3-bg #orbs-fg,
#s3-bg #orbs-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 5000px;
  height: 600px;
  background-image: url("../img/s3-orbs-bg.png");
  background-size: auto 100%;
}

#s3-bg #orbs-bg {
  left: -25%;
}

#s3-bg #orbs-fg {
  background-image: url("../img/s3-orbs-fg.png");
  z-index: 9;
  pointer-events: none;
}

#s4-bg {
  width: 100%;
  height: 600px;
  position: relative;
  background: -moz-linear-gradient(
    top,
    rgba(255, 122, 37, 1) 0%,
    rgba(255, 122, 37, 0) 72%,
    rgba(255, 122, 37, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 122, 37, 1) 0%,
    rgba(255, 122, 37, 0) 72%,
    rgba(255, 122, 37, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 122, 37, 1) 0%,
    rgba(255, 122, 37, 0) 72%,
    rgba(255, 122, 37, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a25', endColorstr='#00ff7a25',GradientType=0 );
}

#s5-bg {
  width: 100%;
  height: 600px;
  position: relative;
  background: #ff7925;
}

#s5-bg-gradient {
  position: absolute;
  top: 0px;
  left: 10%;
  width: 50%;
  height: 100%;
  /*
background: rgb(254,0,96);
background: -moz-radial-gradient(center, ellipse cover,  rgba(254,0,96,1) 0%, rgba(255,121,37,1) 67%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,0,96,1) 0%,rgba(255,121,37,1) 67%);
background: radial-gradient(ellipse at center,  rgba(254,0,96,1) 0%,rgba(255,121,37,1) 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0060', endColorstr='#ff7925',GradientType=1 );
*/

  background-image: url("../img/s5-bg-gradient.png");
  background-size: 600px auto;
  background-repeat: no-repeat;
}

#s6-bg {
  width: 100%;
  height: 800px;
  background-image: url("../img/crane-rails.png");
  background-size: auto 600px;
  background-repeat: repeat-x;
  position: relative;
}

#s6-floor {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background: -moz-linear-gradient(
    top,
    rgba(156, 28, 71, 1) 0%,
    rgba(156, 28, 71, 0) 91%,
    rgba(156, 28, 71, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(156, 28, 71, 1) 0%,
    rgba(156, 28, 71, 0) 91%,
    rgba(156, 28, 71, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(156, 28, 71, 1) 0%,
    rgba(156, 28, 71, 0) 91%,
    rgba(156, 28, 71, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1c47', endColorstr='#009c1c47',GradientType=0 );
}

#s7-bg {
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 121, 37, 1) 0%,
    rgba(255, 121, 37, 0) 91%,
    rgba(255, 121, 37, 0) 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 121, 37, 1) 0%,
    rgba(255, 121, 37, 0) 91%,
    rgba(255, 121, 37, 0) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(255, 121, 37, 1) 0%,
    rgba(255, 121, 37, 0) 91%,
    rgba(255, 121, 37, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7925', endColorstr='#00ff7925',GradientType=1 );
  width: 100%;
  height: 700px;
}

#s8-bg {
  background: -moz-linear-gradient(
    top,
    rgba(255, 121, 37, 1) 0%,
    rgba(255, 121, 37, 0) 91%,
    rgba(255, 121, 37, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 121, 37, 1) 0%,
    rgba(255, 121, 37, 0) 91%,
    rgba(255, 121, 37, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 121, 37, 1) 0%,
    rgba(255, 121, 37, 0) 91%,
    rgba(255, 121, 37, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7925', endColorstr='#00ff7925',GradientType=0 );
  width: 100%;
  height: 800px;
}

#s9-bg {
  background-color: #9c1c47;

  width: 100%;
  height: 1350px;
  position: relative;
}

#s9-bg-gradient {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 500px;
  background: rgb(156, 28, 71);
  background: -moz-linear-gradient(
    top,
    rgba(156, 28, 71, 1) 0%,
    rgba(254, 0, 96, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(156, 28, 71, 1) 0%,
    rgba(254, 0, 96, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(156, 28, 71, 1) 0%,
    rgba(254, 0, 96, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1c47', endColorstr='#fe0060',GradientType=0 );
}

#footer-bg {
  width: 100%;
  background-color: white;
  height: 280px;
}

/* FULL WIDTH END  */