.hero1 {
  position: relative;
  z-index: 7; }
  .hero1__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 7; }
    @media only screen and (max-width: 56.25em) {
      .hero1__gorsel {
        float: left;
        height: 100%; } }
    .hero1__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero1__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero1__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero1__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero1__gorsel--8 {
          margin-top: 58rem; } }
    .hero1__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero1__gorsel--4 {
          margin-top: 18rem; } }

.hero2 {
  position: relative;
  z-index: 6; }
  .hero2__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 6; }
    @media only screen and (max-width: 56.25em) {
      .hero2__gorsel {
        float: left;
        height: 100%; } }
    .hero2__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero2__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero2__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero2__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero2__gorsel--8 {
          margin-top: 58rem; } }
    .hero2__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero2__gorsel--4 {
          margin-top: 18rem; } }

.hero3 {
  position: relative;
  z-index: 5; }
  .hero3__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 5; }
    @media only screen and (max-width: 56.25em) {
      .hero3__gorsel {
        float: left;
        height: 100%; } }
    .hero3__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero3__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero3__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero3__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero3__gorsel--8 {
          margin-top: 58rem; } }
    .hero3__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero3__gorsel--4 {
          margin-top: 18rem; } }

.hero4 {
  position: relative;
  z-index: 8; }
  .hero4__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 11; }
    @media only screen and (max-width: 56.25em) {
      .hero4__gorsel {
        float: left;
        height: 100%; } }
    .hero4__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero4__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero4__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero4__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero4__gorsel--8 {
          margin-top: 58rem; } }
    .hero4__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero4__gorsel--4 {
          margin-top: 18rem; } }

.hero5 {
  position: relative;
  z-index: 9; }
  .hero5__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 11; }
    @media only screen and (max-width: 56.25em) {
      .hero5__gorsel {
        float: left;
        height: 100%; } }
    .hero5__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero5__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero5__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero5__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero5__gorsel--8 {
          margin-top: 58rem; } }
    .hero5__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero5__gorsel--4 {
          margin-top: 18rem; } }

.hero6 {
  position: relative;
  z-index: 10; }
  .hero6__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 11; }
    @media only screen and (max-width: 56.25em) {
      .hero6__gorsel {
        float: left;
        height: 100%; } }
    .hero6__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero6__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero6__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero6__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero6__gorsel--8 {
          margin-top: 58rem; } }
    .hero6__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero6__gorsel--4 {
          margin-top: 18rem; } }

.hero7 {
  position: relative;
  z-index: 6; }
  .hero7__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 11; }
    @media only screen and (max-width: 56.25em) {
      .hero7__gorsel {
        float: left;
        height: 100%; } }
    .hero7__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero7__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero7__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero7__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero7__gorsel--8 {
          margin-top: 58rem; } }
    .hero7__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero7__gorsel--4 {
          margin-top: 18rem; } }

.hero8 {
  position: relative;
  z-index: 6; }
  .hero8__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 11; }
    @media only screen and (max-width: 56.25em) {
      .hero8__gorsel {
        float: left;
        height: 100%; } }
    .hero8__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero8__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero8__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero8__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero8__gorsel--8 {
          margin-top: 58rem; } }
    .hero8__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero8__gorsel--4 {
          margin-top: 18rem; } }

.hero9 {
  position: relative;
  z-index: 7; }
  .hero9__gorsel {
    width: 100%;
    /*height: 55rem;*/
    outline-offset: 2rem;
    z-index: 11; }
    @media only screen and (max-width: 56.25em) {
      .hero9__gorsel {
        float: left;
        height: 100%; } }
    .hero9__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/
      border-radius: 0.3rem; }
    .hero9__gorsel--8 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .hero9__gorsel--8 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .hero9__gorsel--8 {
          margin-top: 60rem; } }
      @media only screen and (max-width: 40em) {
        .hero9__gorsel--8 {
          margin-top: 58rem; } }
    .hero9__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .hero9__gorsel--4 {
          margin-top: 18rem; } }
		  
		  
.imagerotate1 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -38px 0 0 -60px; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate1 {
      width: 352px;
      left: 0%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: auto;
      position: relative; } }

.imagerotate2 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -38px 0 0 -60px;
  -webkit-animation: spin 15s linear infinite;
  -moz-animation: spin 15s linear infinite;
  animation: spin 15s linear infinite; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate2 {
      width: 352px;
      left: 0%;
      display: none; } }
	  
	  
	  
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.imagerotate3 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -38px 0 0 -60px;
  -webkit-animation: spin 15s linear infinite;
  -moz-animation: spin 15s linear infinite;
  animation: spin3 15s linear infinite; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate3 {
      width: 352px;
      left: 0%;
      display: none; } }

@-moz-keyframes spin3 {
  0% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin3 {
  0% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin3 {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.imagerotate4 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -38px 0 0 -60px;
  animation: pulse 3s ease infinite alternate,  nudge 5s linear infinite alternate; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate4 {
      width: 352px;
      left: 0%;
      display: none; } }

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(10px, 0); }
  80% {
    transform: translate(-10px, 0); } }
.imagerotate5 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -38px 0 0 -60px;
  animation: pulse1 3s ease infinite alternate,  nudge1 5s linear infinite alternate; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate5 {
      width: 352px;
      left: 0%;
      display: none; } }

@keyframes nudge1 {
  0%, 100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(0, 5px); }
  80% {
    transform: translate(0, -1px); } }
.imagerotate6 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -38px 0 0 -60px;
  animation: pp2 3s ease infinite alternate,  yy2 5s linear infinite alternate; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate6 {
      width: 352px;
      left: 0%;
      display: none; } }

@keyframes yy2 {
  0%, 100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(5px, 0); }
  80% {
    transform: translate(2px, 0); } }
.imagerotate7 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -6px 0 0 -172px;
  -webkit-animation: spins 15s linear infinite;
  -moz-animation: spins 15s linear infinite;
  animation: spins 15s linear infinite; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate7 {
      width: 352px;
      left: 0%;
      display: none; } }

@-moz-keyframes spins {
  0% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spins {
  0% {
    -webkit-transform: rotate(360deg); } }
@keyframes spins {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.imagerotate8 {
  position: absolute;
  top: 0%;
  left: 10%;
  margin: -2px 0 0 64px;
  -webkit-animation: spins1 15s linear infinite;
  -moz-animation: spins1 15s linear infinite;
  animation: spins1 15s linear infinite; }
  @media only screen and (max-width: 56.25em) {
    .imagerotate8 {
      width: 352px;
      left: 0%;
      display: none; } }