.pretty_button {
  position: relative;
  display: inline-block;
  font: normal 100%/1 'Arial';
  border: 0;
  padding: .3em .7em .35em;
  cursor: default;
  letter-spacing: .02em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}


.pretty_button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.pretty_button:active, .pretty_button.pressed {
  outline: 0
}

.pretty_button[disabled], .pretty_button.disabled {
  cursor: default;
  top: auto;
  opacity: .5 !important
}

.pretty_button.type1 {
  overflow: hidden
}

.pretty_button.type1:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2
}

.pretty_button.type1 .light {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.pretty_button.type1 .light:before {
  content: '';
  position: absolute;
  height: 50px;
  left: 25px;
  right: 25px;
  bottom: -55px;
  border-radius: 50% / 10%;
  box-shadow: 0 0 20px 15px #efffd8
}


.pretty_button.type1:hover .light {
  opacity: 1
}

.pretty_button.type1:active .light, .pretty_button.type1[disabled] .light, .pretty_button.type1.disabled .light {
  display: none
}

.pretty_button.type1,  .pretty_button.type1[disabled], .pretty_button.type1.disabled {
  font-size: 125%;
  padding: .6em 1.25em;
  color: white !important;
  border: 3px solid #709744 !important;
  font-weight: bold;
  text-shadow: 0 1px 2px #427c02;
  border-radius: 100px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAxJSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2JlZWI3YiIgb2Zmc2V0PSIwJSIgIC8+PHN0b3Agc3RvcC1jb2xvcj0iIzhjYzYzMSIgb2Zmc2V0PSIxMDAlIiAgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI2cpIi8+PC9zdmc+");
  background-image: -ms-linear-gradient(top, #beeb7b, #8cc631);
  background-image: -moz-linear-gradient(top, #beeb7b, #8cc631);
  background-image: -webkit-linear-gradient(top, #beeb7b, #8cc631);
  background-image: -o-linear-gradient(top, #beeb7b, #8cc631);
  -webkit-transition: box-shadow .1s linear;
  -moz-transition: box-shadow .1s linear;
  -o-transition: box-shadow .1s linear;
  -ms-transition: box-shadow .1s linear;
  transition: box-shadow .1s linear
}


.pretty_button.type1:hover {
  /*box-shadow: 0 0 15px rgba(169, 225, 97, 0.4)*/
}

.pretty_button.type1:active, .pretty_button.type1.pressed {
  border-color: #5c8135 !important;
  box-shadow: none;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAxJSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzdjYjEyYyIgb2Zmc2V0PSIwJSIgIC8+PHN0b3Agc3RvcC1jb2xvcj0iI2JlZWI3YiIgb2Zmc2V0PSIxMDAlIiAgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI2cpIi8+PC9zdmc+");
  background-image: -ms-linear-gradient(top, #7cb12c, #beeb7b);
  background-image: -moz-linear-gradient(top, #7cb12c, #beeb7b);
  background-image: -webkit-linear-gradient(top, #7cb12c, #beeb7b);
  background-image: -o-linear-gradient(top, #7cb12c, #beeb7b)
}


 .pretty_button.type1[disabled],  .pretty_button.type1.disabled {
  color: #214000 !important;
  border-color: #182d00 !important;
  text-shadow: 0 1px 1px rgba(229, 239, 221, 0.7);
  box-shadow: 0 1px 0 rgba(229, 239, 221, 0.4) inset;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAxJSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2EyYzM3OCIgb2Zmc2V0PSIwJSIgIC8+PHN0b3Agc3RvcC1jb2xvcj0iIzdmYWY0NiIgb2Zmc2V0PSIxMDAlIiAgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI2cpIi8+PC9zdmc+");
  background-image: -ms-linear-gradient(top, #a2c378, #7faf46);
  background-image: -moz-linear-gradient(top, #a2c378, #7faf46);
  background-image: -webkit-linear-gradient(top, #a2c378, #7faf46);
  background-image: -o-linear-gradient(top, #a2c378, #7faf46)
}

#sofa-rides {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 50px;
}

#sofa-rides:after {
  content: "";
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  left: 1670px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(38%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%);
}

#fans {
  height: 482px;
  background: url("images/pushe-people.jpg") no-repeat 0 0;
}

.sofa {
  position: absolute;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: left 0.7s linear, transform 0.3s linear;
  -o-transition: left 0.7s linear, transform 0.3s linear;
  -ms-transition: left 0.7s linear, transform 0.3s linear;
  transition: transform 0.4s linear;
}

#skate {
  background: url("images/1.png") no-repeat 0 0;
  width: 856px;
  height: 354px;
  left: -856px;
}
#batman {
  background: url("images/2.png") no-repeat 0 0;
  width: 596px;
  height: 404px;
  left: -596px;
}
#homer {
  background: url("images/3.png") no-repeat 0 0;
  width: 596px;
  height: 324px;
  left: -596px;
}
#cat {
  background: url("images/4.png") no-repeat 0 0;
  width: 596px;
  height: 324px;
  left: -596px;
}

.sofa.run {
  /*left: 1920px;*/
  -webkit-transform: skew(7deg); /* Chrome, Safari, Opera */
  transform: skew(7deg);
}

#start-button {
  position: absolute;
  left: 210px;
  top: 10px;
}

.button_bg {
  position: absolute;
  left: 210px;
  top: 10px;
  width: 151px;
  height: 50px;
  background-color: white;
}



body {
  margin: 0;
  padding: 0;
}