/*
Version: 3.1.6
Upgrade: Using old file.
*/
.akkord_slider_fouc .akkord_slider.metro {
	display: none;
}
.akkord_slider.metro div,.akkord_slider.metro p,.akkord_slider.metro li,.akkord_slider.metro span,.akkord_slider.metro img,.akkord_slider.metro h2,.akkord_slider.metro ul{
	list-style:none;vertical-align:baseline;
}
.akkord_slider.metro {
	overflow:hidden;
	margin: 0 0 0 0;
	line-height:18px;
	position: relative;
	z-index: 10;
	width:100%; 
}
.akkord_slider.metro .akkord_slider_thumbnail {
	max-width:none;
}
.akkord_slider.metro .kwicks-expanded .akkord_slider_thumbnail { 
	min-width:200px;
	transition: opacity 0.5s ease; 
}
.akkord_slider.metro a {
	border:none !important;
	text-decoration:none !important;
}
.akkord_slider.metro .more a {
	padding: 5px 0 2px 10px;
}
.akkord_slider.metro h2 {
	clear:none;
	display:block;
	padding:0px;
	border:none;
	text-shadow:none;
	word-wrap:break-word;
}
.akkord_slider.metro ul {	
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	display:block;
	height:400px;
}
.akkord_slider.metro ul li { 
	margin:0px; 
	float:left;
	width: 200px;
	height: 100%;
	display: block;
	overflow: hidden;
	padding: 0;
	position:absolute;
	z-index:10;
	background: #000;
}
.akkord_slider ul.akkord-loader {
	background:url(preload.gif) no-repeat center center;
}
.akkord_slider.metro li.akkord_li_br {
	border-left:1px solid #aaa;
}
.akkord_fadeout {
	background: transparent url(overlay.png) repeat-y right top;
	position: relative;
	width: 200px;
	display: block;	
	float:right;
	margin-bottom:-400px;
	margin-right:-100px;
	z-index: 3;
	height: 400px;
}
/* vertical title */
.akkord_slider.metro .akkord_text {  
	position:absolute;  
	bottom:8px; 
	left:8px; 
	background:#fff;
	width:inherit;
	padding: 7px;
	display: none;
}
.akkord_slider.metro .kwicks-expanded:hover .akkord_text {
	opacity:0;
}
.akkord_slider.metro .akkord_text h2 {
	display:block;
	word-spacing: -0.15em;
	font-weight: 300;	
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Raleway', Arial, sans-serif;
}
.akkord_slider.metro .akkord_text .akkord-content-span {
	font-family:Arial,Helvetica,san-serif;
	font-size:12px;
	opacity: 0
}
.akkord_slider.metro .akkord_text h2 a {
	color:#222;
}
/* horizontal title */
.akkord_slider.metro .akkord-ptitle {
	text-align:right;
	position: absolute;
	top: 30px;
	left: 5%;
	width: 90%;
	opacity: 0;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	text-transform: uppercase;
}
.akkord_slider.metro .akkord-ptitle h2 {
	margin: 0;
}
.akkord-ptitle::after {
	position: absolute;
	left: 0;
	height: 4px;
	width: 100%;
	background: #fff;
	content: "";
	opacity: 1;
	-webkit-transform: translate3d(0,8px,0);
	-moz-transform: translate3d(0,8px,0);
	transform: translate3d(0,8px,0);
}
/* center view more icon */
.akkord_slider.metro .akkord_vmore {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #FC584C; 
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	border-radius: 50%;
}
.akkord_slider.metro .kwicks-expanded:hover .akkord_vmore {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	z-index: 100;
	color: #fff;
}
.akkord_slider.metro .akkord_vmore .fa-bars {
	font-size: 1.7em;
	vertical-align: middle;
	color: #fff;
}
/* Content */
.akkord_slider.metro .akkord-content-span {
	width: 90%;
	left: 5%;
	position: absolute;
	opacity: 0;
	bottom: 30px;
	padding: 5px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	text-transform: uppercase;
	color: #fff;	
	letter-spacing: 1px;
	line-height: 1.5;
	text-align: right;
}
/* Meta wrappers */
.akkord_slider.metro .akkord-meta-wrap {
	z-index: 5;
	position: absolute; 
	top:19%;
	right: 25px;
	opacity: 0;
	-webkit-transform: translate3d(0,40px,0);
	-moz-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	padding-top: 10px;
	text-align: right;
}
.akkord_slider.metro .akkord-meta-wrap .akkord-meta {
	border-top: 0 !important;
}
.akkord_slider.metro .akkord-meta .akkord-author {
	background: none;
	padding: 5px 15px 2px 10px;
	margin-right: 0;
}
.akkord_slider.metro .akkord-meta .akkord-comments {
	background: none;
	padding: 5px 15px 2px 10px;
	margin-right: 0;
}
.akkord_slider.metro .akkord-meta .akkord-date {
	background: none;
	padding: 5px 15px 2px 10px;
	margin-right: 0;
}
.akkord_slider.metro .akkord-meta .akkord-category {
	background: none;
	padding: 5px 15px 2px 10px;
	margin-right: 0;
}
.akkord_slider.metro .akkord-meta .fa-user {
	font-size: 1.5em;
	color: #fff;
}
.akkord_slider.metro .akkord-meta .fa-clock-o {
	font-size: 1.5em;
	color: #fff;
}
/* Next and Previous navigational arrows */
.akkord_slider.metro .akkord_nav {
	display: none;
}
.akkord_slider.metro .akkord_next {	
	position: absolute; 
	top:40%; 
	right: 5px; 
	width: 64px; 
	height: 64px; 
	cursor: pointer; 
	zoom:1;
	z-index:200;
}
.akkord_slider.metro .akkord_prev { 
	position: absolute; 
	top:40%; 
	left: 5px; 
	width: 64px; 
	height: 64px; 
	cursor: pointer; 
	zoom:1;
	z-index:200;
}
.akkord_slider.metro .fa-arrow-circle-o-right {
	font-size: 5em;
	color: #ffffff;
	float: right;
}
.akkord_slider.metro .fa-arrow-circle-o-left {
	font-size: 5em;
	color: #ffffff;
	float: left;
}
/* Navigation dots */
.akkord_slider.metro .akkord_nav_dots { 
	text-align: center; 
	margin-top: 10px; 
}
.akkord_slider.metro .akkord_nav_dots span {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.akkord_slider.metro .akkord_nav_dots span a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: #000;
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
	z-index: 99;
}
.akkord_slider.metro .akkord_nav_dots span svg {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}
.akkord_slider.metro .akkord_nav_dots span svg circle {
	opacity: 0;
	fill: none;
	stroke: #000;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 39 39;
	stroke-dashoffset: 39;
	-webkit-transition: stroke-dashoffset 0.3s, opacity 0.3s;
	transition: stroke-dashoffset 0.3s, opacity 0.3s;
}
.akkord_slider.metro .akkord_nav_dots span a:hover {
	opacity: 0.5 !important;
}
.akkord_slider.metro .akkord_nav_dots span.akkord-pager-active a,
.akkord_slider.metro .akkord_nav_dots span a:focus {
	opacity: 0.1;
}

.akkord_slider.metro .akkord_nav_dots span.akkord-pager-active svg circle {
	opacity: 1;
	stroke-dashoffset: 0;
	-webkit-transition: stroke-dashoffset 0.3s, opacity 0.15s;
	transition: stroke-dashoffset 0.8s, opacity 0.15s; /* set second of circle drawing */
}
/* read more */
.akkord_slider.metro span.more {
	background: none;
	display:inline-block;
	padding: 5px 15px 2px 0px;
	margin-right:0;
}
.akkord_slider.metro .fa-plus-square-o {
	font-size: 1.5em;
	color: #fff;
}
/* clear left and right */
.akkord_slider.metro  .sldr_clearlt {
	display:block;
	visibility:hidden;
	clear:left;
	height:0;
	content:".";
}
.akkord_slider.metro  .sldr_clearrt {	
	display:block;
	visibility:hidden;
	clear:right;
	height:0;
	content:".";
}
/*akkord video*/
.akkord_slider.metro .wp-video {
	margin:0 auto;
}
.akkord_slider.metro .akkord_eshortcode {
	top:0;
	position:absolute;
	height:100%!important;
	min-width:100%;
}
.akkord_slider.metro .akkord_eshortcode iframe body {
	cursor: pointer;
}
.akkord_slider.metro video {
	display:inline-block;
	width:100%!important;
	height:100%;
	margin:0!important;
	max-width: 100%;
}
.akkord_slider.metro .mejs-container {
	margin:0!important;
}
.akkord_slider.metro .mejs-overlay-button {
	z-index:5;
}
.akkord_slider.metro div.mejs-mediaelement {
	height:100%!important;
}
.akkord_slider.metro .akkord_eshortcode iframe {
	width:100%;
	height:100%;
}
.akkord_slider.metro .akkord_eshortcode .mejs-overlay-button{
	display: none;
}
/*make slider background black if vimeo slider*/
.akkord_slider.metro.vimeo .akkord-slider-handle {
	background-color: #000;
}
.akkord_slider_fouc .akkord_slider.metro,.akkord_slider.metro .akkord_text,.akkord_slider.metro .kwicks-expanded .akkord_contentc,.akkord_slider.metro .kwicks-collapsed .akkord_text,.akkord_slider.metro .kwicks-collapsed .akkord_contentc,.akkord_slider .akkord_nav {
	display:none;
}
.akkord_slider.metro div.mejs-inner,.akkord_slider.metro div.wp-video-shortcode,.akkord_slider.metro div.wp-video,.akkord_slider.metro .mejs-layers,.akkord_slider.metro .mejs-overlay-play,.akkord_slider.metro .me-plugin,.akkord_slider.metro .me-plugin * {
	height:100% !important;
	max-width:100% !important;
	width:100% !important;
}
.akkord_slider.metro .akkord-iframe {
	max-width: none;
}
/* For collapsed slide - 3.0 */
.akkord_slider.metro .akkord_contentc {
	padding:10px 15px;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#FC584C;
	opacity:1;
	padding: 7px;
	-moz-transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-moz-transform: rotate(-90deg) translateY(100%);
	-webkit-transform: rotate(-90deg) translateY(100%);
	transform: rotate(-90deg) translateY(100%);
	width: auto;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.akkord_slider.metro .akkord_contentc h2 a {
	color: #fff;
}
.akkord_slider.metro .kwicks-expanded .akkord_contentc {
	opacity: 0;
}
/*Responsiveness thru JS*/
.akkord_slider.metro.akkord_mobile li.akkord_li_br{
	border: 0;
}
.akkord_slider.metro.akkord_mobile .akkord_slider_thumbnail{
	height: auto !important;
	width:100%;
	visibility: visible;
}

.akkord_slider.metro .focuscrop {
	/*position: relative !important;*/
	overflow:hidden !important;
}
.akkord_slider.metro .focuscrop .akkord_slider_thumbnail{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	width: auto !important; 
	height: auto !important;
	min-width: 100%; 
	min-height: 100%;
	max-width: none;
	max-height: none;
	box-sizing: border-box;
}
.akkord_slider.metro.akkord_mobile .akkord_fadeout{
	display: none;
}
/**
* --------------------------------------------------------------------------------------------------------------
* V3.0 	
*
* Added for wooCommerce skin 
* --------------------------------------------------------------------------------------------------------------
**/
div.akkord-active .slidernav_htitle.eshop {
	background: none;
	margin-bottom: 4px !important;
}
.akkord_slider.metro .akkord_woocat {
	padding: 5px 0 2px 20px;
	background: url(images/cat-white.png) no-repeat center left;
}
.akkord_slider.metro .woo_sale {
	height: 35px ;
	position: absolute;
	width: 180px ;
	margin-left: -65px;
	background-color: green;
	z-index: 99;
	-ms-transform: rotate(320deg); /* IE 9 */
    	-webkit-transform: rotate(320deg); /* Chrome, Safari, Opera */
    	transform: rotate(320deg); /* Standard syntax */
}
.akkord_slider.metro .woo_sale span {
	padding: 8px 0px 0px 66px;
	display: block;	
	font-size: 19px;
	color: white;
	float: left;
}
.akkord_slider.metro .slidewoorate {
	display: inline;
	padding-left: 12px;
}

.akkord_slider.metro .wooreview {
	padding-left: 7px;
	color: #ffffff;
	font-size: 12px;
	line-height: 25px;
}
.akkord_slider.metro .rateit {
	vertical-align: bottom;
}
.akkord_slider.metro .woonavprice {
	display: table-cell;
}

.akkord_slider.metro .akkord_text .regular, .akkord_slider.metro .add_to_cart_button{
	margin: 0 15px;
}
/* Added for collapsed slide - 3.0 */
.akkord_slider.metro .akkord_contentc .regular, .akkord_slider.metro .akkord_contentc .sale-price, .akkord_slider.metro .akkord_contentc .add_to_cart_button, .akkord_slider.metro .akkord_contentc .akkord_woocat_wrap, .akkord_slider.metro .akkord_contentc .slidewoorate, .akkord_slider.metro .akkord_contentc .eshop_price  {
	display: none;
}
/**
* --------------------------------------------------------------------------------------------------------------
* V3.0 	
* 														
* Added for eCommerce skin	
* --------------------------------------------------------------------------------------------------------------			
**/
.akkord_slider.metro .wpsc_buy_button {
	float: left;
	margin-left: 25px;
	padding: 3px 5px;
	line-height: 15px;
	border-radius: 0;
	text-transform: none;
	cursor: pointer;
}
.akkord_slider.metro .akkord-woocat {
	float: right;
	margin-bottom: 2px;
	padding: 5px 0 2px 20px;
	background: url(images/category.png) no-repeat center left;
	margin-right: 3em;
}

.akkord_slider.metro .checkout_link {
	display:none;
	color:#ffffff;
}
/* Added for collapsed slide - 3.0 */
.akkord_slider.metro .akkord_contentc .wpsc-add-to-cart-button, .akkord_slider.metro .akkord_contentc .checkout_link {
	display: none;
}
/**
* --------------------------------------------------------------------------------------------------------------
* V3.0 :					  
*
* Added for eCommerce and WooCommerce Star rating 
* --------------------------------------------------------------------------------------------------------------
**/
/*star gold*/
.akkord_slider.metro span.gold span.rateit-selected {
    background: url(../../../images/star/gold.png);
}
.akkord_slider.metro span.gold span.rateit-range {
    background: url(../../../images/star/range.png);
    height: 32px;
}
/*star black*/
.akkord_slider.metro span.black span.rateit-selected {
    background: url(../../../images/star/black.png);
}
.akkord_slider.metro span.black span.rateit-range {
    background: url(../../../images/star/range.png);
    height: 32px;
}
/*star red*/
.akkord_slider.metro span.red span.rateit-selected {
    background: url(../../../images/star/red.png);
}
.akkord_slider.metro span.red span.rateit-range {
    background: url(../../../images/star/range.png);
    height: 32px;
}
/*star green*/
.akkord_slider.metro span.green span.rateit-selected {
    background: url(../../../images/star/green.png);
}
.akkord_slider.metro span.green span.rateit-range {
    background: url(../../../images/star/range.png);
    height: 32px;
}
/*star yellow*/
.akkord_slider.metro span.yellow span.rateit-selected {
    background: url(../../../images/star/yellow.png);
}
.akkord_slider.metro span.yellow span.rateit-range {
    background: url(../../../images/star/range.png);
    height: 32px;
}
/*star grogreen*/
.akkord_slider.metro span.grogreen span.rateit-selected {
    background: url(../../../images/star/grogreen.png);
}
.akkord_slider.metro span.grogreen span.rateit-range {
    background: url(../../../images/star/rangegro.png);
    height: 32px;
}
/*star grored*/
.akkord_slider.metro span.grored span.rateit-selected {
    background: url(../../../images/star/grored.png);
}
.akkord_slider.metro span.grored span.rateit-range {
    background: url(../../../images/star/rangegro.png);
    height: 32px;
}
/*star groyellow*/
.akkord_slider.metro span.groyellow span.rateit-selected {
    background: url(../../../images/star/groyellow.png);
}
.akkord_slider.metro span.groyellow span.rateit-range {
    background: url(../../../images/star/rangegro.png);
    height: 32px;
}
/**
* --------------------------------------------------------------------------------------------------------------
* V3.0 :					  
*
* Added for events skin 
*
* --------------------------------------------------------------------------------------------------------------
**/
.akkord_slider.metro .akkord-event-content {
	margin-bottom: 10px;
}
.akkord_slider.metro .akkord_eventcat_wrap {
	margin-left: 2%;
}
.akkord_slider.metro .eventdate {
	margin-right: 20px;
}
.akkord_slider.metro .eventday::before {
	content: url(images/calendar.png) no-repeat center left;
	margin-right: 8px;
}
.akkord_slider.metro .eventtime::before {
	content: url(images/clock-event.png) no-repeat center left;
	margin-right: 8px;
}
.akkord_slider.metro .akkord_eventcat {
	padding: 5px 0 2px 20px;
	background: url(images/cat-white.png) no-repeat center left;
	margin-right: 5px;
}
.akkord_slider.metro div.akkord-excerpt div.eventwrap {
	width: 100%;
	display: flex;
}
.akkord_slider.metro div.akkord-excerpt div.eventwrap p {
	width: 60%;
	float: left;
}
.akkord_slider.metro .akkord_eventaddr {
	padding: 50px 5px 0px 30px;
	float: left;
	background: url(images/pin.png) no-repeat center left;
}
.akkord_slider.metro .slidedatetime {
	padding: 5px 10px 0 0;
}
.akkord_slider.metro .event_heading {
	width: 90%;
}
.akkord_slider.metro .wpsc-add-to-cart-button {
	display: inline-block;
}
/*
Added for akkord slider edit link
*/
.akkord-edit {
	margin: 5px 0;
	display: block;
}
/**
* --------------------------------------------------------------------------------------------------------------
* V3.0 	
*
* Style For Animation Effects (Transitions) *
* --------------------------------------------------------------------------------------------------------------
**/
.akkord-animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
          animation-fill-mode: both;
}

.akkord-animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.akkord-animated.akkord-hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes svbounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@-moz-keyframes svbounce {
  0%, 20%, 53%, 80%, 100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -moz-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -moz-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -moz-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes svbounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.akkord-bounce {
  -webkit-animation-name: svbounce;
  -moz-animation-name: svbounce;
          animation-name: svbounce;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.akkord-flash {
  	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.akkord-pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes rubberBand {
  0% {
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -moz-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -moz-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -moz-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -moz-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -moz-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.akkord-rubberBand {
  -webkit-animation-name: rubberBand;
  -moz-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -moz-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.akkord-shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -moz-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -moz-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -moz-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -moz-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.akkord-swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.akkord-tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: none;
            transform: none;
  }

  15% {
    -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -moz-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes svbounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes svbounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -moz-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -moz-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -moz-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -moz-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -moz-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes svbounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.akkord-bounceIn {
  -webkit-animation-name: svbounceIn;
  -moz-animation-name: svbounceIn;
          animation-name: svbounceIn;
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes svbounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svbounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -moz-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -moz-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -moz-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svbounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-bounceInDown {
  -webkit-animation-name: svbounceInDown;
  -moz-animation-name: svbounceInDown;
          animation-name: svbounceInDown;
}

@-webkit-keyframes svbounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svbounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -moz-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -moz-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -moz-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -moz-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svbounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-bounceInLeft {
  -webkit-animation-name: svbounceInLeft;
  -moz-animation-name: svbounceInLeft;
          animation-name: svbounceInLeft;
}

@-webkit-keyframes svbounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svbounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -moz-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -moz-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -moz-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -moz-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svbounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-bounceInRight {
  -webkit-animation-name: svbounceInRight;
  -moz-animation-name: svbounceInRight;
           animation-name: svbounceInRight;
}

@-webkit-keyframes svbounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes svbounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -moz-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -moz-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -moz-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes svbounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.akkord-bounceInUp {
  -webkit-animation-name: svbounceInUp;
  -moz-animation-name: svbounceInUp;
          animation-name: svbounceInUp;
}

@-webkit-keyframes svfadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes svfadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes svfadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.akkord-fadeIn {
  -webkit-animation-name: svfadeIn;
  -moz-animation-name: svfadeIn;
          animation-name: svfadeIn;
}

@-webkit-keyframes svfadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInDown {
  -webkit-animation-name: svfadeInDown;
  -moz-animation-name: svfadeInDown;
          animation-name: svfadeInDown;
}

@-webkit-keyframes svfadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInDownBig {
  -webkit-animation-name: svfadeInDownBig;
  -moz-animation-name: svfadeInDownBig;
          animation-name: svfadeInDownBig;
}

@-webkit-keyframes svfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInLeft {
  -webkit-animation-name: svfadeInLeft;
  -moz-animation-name: svfadeInLeft;
          animation-name: svfadeInLeft;
}

@-webkit-keyframes svfadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

.akkord-fadeInLeftBig {
  -webkit-animation-name: svfadeInLeftBig;
  -moz-animation-name: svfadeInLeftBig;
          animation-name: svfadeInLeftBig;
}

@-webkit-keyframes svfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInRight {
  -webkit-animation-name: svfadeInRight;
  -moz-animation-name: svfadeInRight;
          animation-name: svfadeInRight;
}

@-webkit-keyframes svfadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInRightBig {
  -webkit-animation-name: svfadeInRightBig;
  -moz-animation-name: svfadeInRightBig;
          animation-name: svfadeInRightBig;
}

@-webkit-keyframes svfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInUp {
  -webkit-animation-name: svfadeInUp;
  -moz-animation-name: svfadeInUp;
          animation-name: svfadeInUp;
}

@-webkit-keyframes svfadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svfadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svfadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-fadeInUpBig {
  -webkit-animation-name: svfadeInUpBig;
  -moz-animation-name: svfadeInUpBig;
          animation-name: svfadeInUpBig;
}

@-webkit-keyframes svflip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@-moz-keyframes svflip {
  0% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -moz-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -moz-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -moz-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -moz-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -moz-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -moz-transform: perspective(400px);
            transform: perspective(400px);
    -moz-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes svflip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.akkord-animated.akkord-flip {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: svflip;
  -moz-animation-name: svflip;
           animation-name: svflip;
}

@-webkit-keyframes svflipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@-moz-keyframes svflipInX {
  0% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -moz-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes svflipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.akkord-flipInX {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: svflipInX;
  -moz-animation-name: svflipInX;
          animation-name: svflipInX;
}

@-webkit-keyframes svflipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@-moz-keyframes svflipInY {
  0% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -moz-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -moz-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -moz-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes svflipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.akkord-flipInY {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: svflipInY;
  -moz-animation-name: svflipInY;
          animation-name: svflipInY;
}

@-webkit-keyframes svlightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-moz-keyframes svlightSpeedIn {
  0% {
    -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -moz-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -moz-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -moz-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes svlightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.akkord-lightSpeedIn {
  -webkit-animation-name: svlightSpeedIn;
  -moz-animation-name: svlightSpeedIn;
          animation-name: svlightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes svrotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-moz-keyframes svrotateIn {
  0% {
    -moz-transform-origin: center;
            transform-origin: center;
    -moz-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: center;
            transform-origin: center;
    -moz-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes svrotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.akkord-rotateIn {
  -webkit-animation-name: svrotateIn;
  -moz-animation-name: svrotateIn;
          animation-name: svrotateIn;
}

@-webkit-keyframes svrotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-moz-keyframes svrotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
            transform-origin: left bottom;
    -moz-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: left bottom;
            transform-origin: left bottom;
    -moz-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes svrotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.akkord-rotateInDownLeft {
  -webkit-animation-name: svrotateInDownLeft;
  -moz-animation-name: svrotateInDownLeft;
          animation-name: svrotateInDownLeft;
}

@-webkit-keyframes svrotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-moz-keyframes svrotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
            transform-origin: right bottom;
    -moz-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: right bottom;
            transform-origin: right bottom;
    -moz-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes svrotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.akkord-rotateInDownRight {
  -webkit-animation-name: svrotateInDownRight;
  -moz-animation-name: svrotateInDownRight;
          animation-name: svrotateInDownRight;
}

@-webkit-keyframes svrotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-moz-keyframes svrotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
            transform-origin: left bottom;
    -moz-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: left bottom;
            transform-origin: left bottom;
    -moz-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes svrotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.akkord-rotateInUpLeft {
  -webkit-animation-name: svrotateInUpLeft;
  -moz-animation-name: svrotateInUpLeft;
          animation-name: svrotateInUpLeft;
}

@-webkit-keyframes svrotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-moz-keyframes svrotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
            transform-origin: right bottom;
    -moz-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: right bottom;
            transform-origin: right bottom;
    -moz-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes svrotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.akkord-rotateInUpRight {
  -webkit-animation-name: svrotateInUpRight;
  -moz-animation-name: svrotateInUpRight;
           animation-name: svrotateInUpRight;
}

@-webkit-keyframes svhinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-moz-keyframes svhinge {
  0% {
    -moz-transform-origin: top left;
            transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -moz-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -moz-transform-origin: top left;
            transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -moz-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -moz-transform-origin: top left;
            transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -moz-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes svhinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.akkord-hinge {
  -webkit-animation-name: svhinge;
  -moz-animation-name: svhinge;
          animation-name: svhinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes svrollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes svrollIn {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes svrollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.akkord-rollIn {
  -webkit-animation-name: svrollIn;
  -moz-animation-name: svrollIn;
          animation-name: svrollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes svzoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-moz-keyframes svzoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes svzoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.akkord-zoomIn {
  -webkit-animation-name: svzoomIn;
  -moz-animation-name: svzoomIn;
          animation-name: svzoomIn;
}

@-webkit-keyframes svzoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@-moz-keyframes svzoomInDown {
  0% {
    opacity: 0;
    -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes svzoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.akkord-zoomInDown {
  -webkit-animation-name: svzoomInDown;
  -moz-animation-name: svzoomInDown;
          animation-name: svzoomInDown;
}

@-webkit-keyframes svzoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@-moz-keyframes svzoomInLeft {
  0% {
    opacity: 0;
    -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes svzoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.akkord-zoomInLeft {
  -webkit-animation-name: svzoomInLeft;
  -moz-animation-name: svzoomInLeft;
          animation-name: svzoomInLeft;
}

@-webkit-keyframes svzoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@-moz-keyframes svzoomInRight {
  0% {
    opacity: 0;
    -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes svzoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.akkord-zoomInRight {
  -webkit-animation-name: svzoomInRight;
  -moz-animation-name: svzoomInRight;
          animation-name: svzoomInRight;
}

@-webkit-keyframes svzoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@-moz-keyframes svzoomInUp {
  0% {
    opacity: 0;
    -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes svzoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.akkord-zoomInUp {
  -webkit-animation-name: svzoomInUp;
  -moz-animation-name: svzoomInUp;
          animation-name: svzoomInUp;
}

@-webkit-keyframes svslideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes svslideInDown {
  0% {
    -moz-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -moz-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes svslideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.akkord-slideInDown {
  -webkit-animation-name: svslideInDown;
  -moz-animation-name: svslideInDown;
          animation-name: svslideInDown;
}

@-webkit-keyframes svslideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes svslideInLeft {
  0% {
    -moz-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -moz-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes svslideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.akkord-slideInLeft {
  -webkit-animation-name: svslideInLeft;
  -moz-animation-name: svslideInLeft;
           animation-name: svslideInLeft;
}

@-webkit-keyframes svslideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-moz-keyframes svslideInRight {
  0% {
    -moz-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -moz-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes svslideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.akkord-slideInRight {
  -webkit-animation-name: svslideInRight;
  -moz-animation-name: svslideInRight;
          animation-name: svslideInRight;
}

@-webkit-keyframes svslideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes svslideInUp {
  0% {
    -moz-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -moz-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes svslideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.akkord-slideInUp {
  -webkit-animation-name: svslideInUp;
  -moz-animation-name: svslideInUp;
          animation-name: svslideInUp;
}
/* END - Animation Effect */

/* M e d i a   Q u e r i e s */
@media only screen and (max-width: 768px) {
	.akkord_slider.metro .akkord-content-span, .akkord_slider.metro .event-slide .akkord-event-content, .akkord_slider.metro .event-slide .akkord-meta-wrap {
		display:none;
	}
	.akkord_slider.metro .event-slide .akkord-content-span {
		display: block;
	}
	.akkord_slider.metro .slider_htitle, .akkord_slider.metro .slider_htitle a {
		font-size: 22px !important;
		line-height: 22px !important;
	}
	.akkord_slider.metro .akkord_vmore {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
		line-height: 40px;
	}
	.akkord_slider.metro .akkord_vmore .fa-bars {
		font-size: 1.2em;
	}
}
@media only screen and (max-width: 480px) {
	.akkord_slider.metro .akkord-content-span, .akkord_slider.metro .event-slide .akkord-content-span, .akkord_slider.metro .event-slide .akkord-event-content, .akkord_slider.metro .akkord-meta-wrap {
		display:none;
	}
	.akkord_slider.metro .slider_htitle, .akkord_slider.metro .slider_htitle a {
		font-size: 16px !important;
		line-height: 16px !important;
	}
	.akkord_slider.metro .akkord_vmore {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		line-height: 30px;
	}
	.akkord_slider.metro .akkord_vmore .fa-bars {
		font-size: 1.0em;
	}
}