/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/**************************************************************
*******************Animació Dachs*******************************
****************************************************************/

.slide_bowling {
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 10%;
}
.slide1a {
	text-align: center;
	width: 80%;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 10%;
	right: 10%;
	opacity: 1;
	animation-name: left1a;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slide1a img {
	height: auto;
	width: 80%;
}
.slide1b {
	text-align: center;
	width: 80%;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 10%;
	right: 10%;
	opacity: 1;
	animation-name: right1b;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slide1b img {
	height: auto;
	width: 80%;
}
@keyframes left1a {
    0%   {left: 0%;	right: 20%; opacity: 0;}
    5%  {left: 10%; right: 10%; opacity: 1;}
	28%  {left: 10%; right: 10%; opacity: 1;}
	33%  {left: 0%; right: 20%; opacity: 0;}
	100%  {left: 0%; right: 20%; opacity: 0;}
}
@keyframes right1b {
    0%   {left: 20%; right: 0%; opacity: 0;}
    5%  {left: 10%; right: 10%; opacity: 1;}
	28%  {left: 10%; right: 10%; opacity: 1;}
	33%  {left: 20%; right: 0%; opacity: 0;}
	100%  {left: 20%; right: 0%; opacity: 0;}
}
.slide2a {
	text-align: center;
	width: 80%;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 10%;
	right: 10%;
	opacity: 1;
	animation-name: left2a;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slide2a img {
	height: auto;
	width: 80%;
}
.slide2b {
	text-align: center;
	width: 80%;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 10%;
	right: 10%;
	opacity: 1;
	animation-name: right2b;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slide2b img {
	height: auto;
	width: 80%;
}
@keyframes left2a {
    0%   {left: 0%;	right: 20%; opacity: 0;}
	33%   {left: 0%; right: 20%; opacity: 0;}
    38%  {left: 10%; right: 10%; opacity: 1;}
	61%  {left: 10%; right: 10%; opacity: 1;}
	66%  {left: 0%; right: 20%; opacity: 0;}
	100%  {left: 0%; right: 20%; opacity: 0;}
}
@keyframes right2b {
    0%   {left: 20%; right: 0%; opacity: 0;}
	33%   {left: 20%; right: 0%; opacity: 0;}
    38%  {left: 10%; right: 10%; opacity: 1;}
	61%  {left: 10%; right: 10%; opacity: 1;}
	66%  {left: 20%; right: 0%; opacity: 0;}
	100%  {left: 20%; right: 0%; opacity: 0;}
}
.slide3a {
	text-align: center;
	width: 80%;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 10%;
	right: 10%;
	opacity: 1;
	animation-name: left3a;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slide3a img {
	height: auto;
	width: 80%;
}
.slide3b {
	text-align: center;
	width: 80%;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 10%;
	right: 10%;
	opacity: 1;
	animation-name: right3b;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slide3b img {
	height: auto;
	width: 80%;
}
@keyframes left3a {
    0%   {left: 0%;	right: 20%; opacity: 0;}
	66%   {left: 0%;	right: 20%; opacity: 0;}
    71%  {left: 10%; right: 10%; opacity: 1;}
	95%  {left: 10%; right: 10%; opacity: 1;}
	100%  {left: 0%; right: 20%; opacity: 0;}
}
@keyframes right3b {
    0%   {left: 20%; right: 0%; opacity: 0;}
	66%   {left: 20%; right: 0%; opacity: 0;}
    71%  {left: 10%; right: 10%; opacity: 1;}
	95%  {left: 10%; right: 10%; opacity: 1;}
	100%  {left: 20%; right: 0%; opacity: 0;}
}