.indexo_slider h2,.indexo_slider h4,.indexo_slider div,.indexo_slider span,.indexo_slider a {
vertical-align:baseline;
border:none;
text-decoration:none;
text-shadow:none;
margin:0;
padding:0;
}
.indexo_slider p {
margin:0 !important;
}
.indexo_slider {
position:relative;
z-index:1;
}
.indexo_slider .indexo_slides {
position:absolute;
z-index:1;
left:0;
overflow:hidden;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.indexo_slider .indexo_slideri {
width:100%;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
height:auto !important;
}
.indexo_slider .indexo_slideri .indexo_inner_wrap {
height:100%;
margin:20px 15px 20px 40px;
}
.indexo_slider .indexo_inner {
position:absolute;
top:0;
min-width:90%;
max-width:90%;
height:auto !important;
margin:0;
}
.indexo_slider .indexo_nested_wrap {
position:relative;
}
.indexo_slider .indexoi_nav {
position:absolute;
bottom:20px;
text-align:center;
z-index:15;
margin:0;
}
.indexo_slider .indexoi_nav a {
display:block;
width:8px;
float:left;
height:8px;
background:url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/buttons/default/nav.png) no-repeat top left;
margin:3px;
}
.indexo_slider .indexoi_nav a.activeSlide {
background-position:-8px 0;
}
.indexo_slider.indexoi_nav a:focus {
outline:none;
}
.indexo_slider .indexo_slider_thumbnail {
z-index: 999;
position: relative;
}
.indexo_slider .focuscrop {
position: relative !important;
overflow:hidden !important;
}
.indexo_slider .focuscrop .indexo_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;
}
.indexo_slider .slider_htitle {
z-index: 99;
}
div.indexo-slider-control {
position:absolute;
z-index:4;
right:0;
margin:20px 20px 20px 0;
}
div.indexo-slider-nav {
float:left;
cursor:pointer;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
padding:10px 15px;
}
.indexo_nav_thumb {
float:left !important;
display:block;
margin:0 15px 0 0;
padding:0 !important;
}
div.indexo-slider-nav h2 {
float:left;
padding-bottom:4px;
clear:none;
margin:0 !important;
}
.indexo_slider .slidernav_htitle {
float:left;
padding-bottom:4px;
clear:none;
margin:0 !important;
}
span.indexo-meta {
border:1px solid #ccc;
display:block;
float:left;
border-width:1px 0 0;
padding:1px 0;
}
div.indexo-active {
background-color:transparent !important;
background:url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/arrow_bg.png) no-repeat center left;
margin-left:-21px;
padding-left:36px;
border:none !important;
}
div.indexo-active span.indexo-meta {
color:#797979 !important;
border:0 !important;
border-top:1px solid #ddd !important;
}
div.indexo-active-lt {
background-color:transparent !important;
background:url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/arrow_lt_bg.png) no-repeat center right;
margin-right:-20px;
padding-right:36px;
border:none !important;
}
div.indexo-active-lt span.indexo-meta {
color:#797979 !important;
border:0 !important;
}
div.indexo-active-theme-red {
border-right:5px solid #e33100 !important;
}
div.indexo-active-lt-theme-red {
border-left:5px solid #e33100 !important;
}
div.indexo-active-theme-green {
border-right:5px solid #91bd09 !important;
}
div.indexo-active-lt-theme-green {
border-left:5px solid #91bd09 !important;
}
div.indexo-active-theme-blue {
border-right:5px solid #2daebf !important;
}
div.indexo-active-lt-theme-blue {
border-left:5px solid #2daebf !important;
}
div.indexo-active-theme-magenta {
border-right:5px solid #a9014b !important;
}
div.indexo-active-lt-theme-magenta {
border-left:5px solid #a9014b !important;
}
div.indexo-active-theme-yellow {
border-right:5px solid #ffb515 !important;
}
div.indexo-active-lt-theme-yellow {
border-left:5px solid #ffb515 !important;
}
div.indexo-active-theme-orange {
border-right:5px solid #ff5c00 !important;
}
div.indexo-active-lt-theme-orange {
border-left:5px solid #ff5c00 !important;
}
div.indexo_slideri h4 {
padding-bottom:20px;
margin:0 !important;
}
div.indexo-excerpt {
padding:0;
}
div.indexo-excerpt p {
padding:0 !important;
}
a.indexo_more,a.indexo_more:visited {
background:#222;
display:block;
float:right;
margin-top:10px;
color:#fff !important;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border-bottom:1px solid rgba(0,0,0,0.25);
position:relative;
cursor:pointer;
padding:5px 10px 6px !important;
}
a.indexo_more:hover {
background-color:#111;
color:#fff;
}
a.indexo_more:active {
top:1px;
}
a.indexo_small.indexo_more,a.indexo_small.indexo_more:visited {
font-size:11px;
right:10px;
}
a.indexo_more,a.indexo_more:visited,a.indexo_medium.indexo_more,a.indexo_medium.indexo_more:visited {
font-size:13px;
font-weight:700;
line-height:1;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
a.indexo_large.indexo_more,a.indexo_large.indexo_more:visited {
font-size:14px;
padding:8px 14px 9px;
}
a.indexo_green.indexo_more,a.indexo_green.indexo_more:visited {
background-color:#91bd09;
}
a.indexo_green.indexo_more:hover {
background-color:#749a02;
}
a.indexo_blue.indexo_more,a.indexo_blue.indexo_more:visited {
background-color:#2daebf;
}
a.indexo_blue.indexo_more:hover {
background-color:#007d9a;
}
a.indexo_red.indexo_more,a.indexo_red.indexo_more:visited {
background-color:#e33100;
}
a.indexo_red.indexo_more:hover {
background-color:#872300;
}
a.indexo_magenta.indexo_more,a.indexo_magenta.indexo_more:visited {
background-color:#a9014b;
}
a.indexo_magenta.indexo_more:hover {
background-color:#630030;
}
a.indexo_orange.indexo_more,.indexo_orange.indexo_more:visited {
background-color:#ff5c00;
}
a.indexo_orange.indexo_more:hover {
background-color:#d45500;
}
a.indexo_yellow.indexo_more,.indexo_yellow.indexo_more:visited {
background-color:#ffb515;
}
a.indexo_yellow.indexo_more:hover {
background-color:#fc9200;
}
.indexo_slider .sldr_clearlt {
display:block;
visibility:hidden;
clear:left;
height:0;
content:".";
}
.indexo_slider .sldr_clearrt {
display:block;
visibility:hidden;
clear:right;
height:0;
content:".";
}
.indexo_slider .mejs-overlay-button {
margin-left:-13px;
}
.indexo_slider .indexo_eshortcode {
position:relative;
max-width:100%;
z-index: 999;
}
.indexo_slider video {
display:inline-block;
width:100% !important;
}
.indexo_slider .indexo_eshortcode .mejs-overlay-button {
display: none;
}
.indexo_slider div.mejs-mediaelement {
max-width:100% !important;
}
.indexo_slider div.mejs-inner,.indexo_slider div.wp-video-shortcode,.indexo_slider div.wp-video,.indexo_slider .mejs-layers,.indexo_slider .mejs-overlay-play, div.me-plugin {
height:100% !important;
max-width:100% !important;
margin:0 !important;
}
.indexo_slider .indexo_eshortcode iframe {
max-width: 100%;
height: 100%; 	
}
.indexo_slider .hentry .mejs-container {
margin:none !important;
}
.indexo_slider .indexoleft {
float:left !important;
}
.indexo_slider .indexoright {
float:right !important;
}
.indexo_slider .indexoTB {
padding-bottom:5px !important;
padding-top:10px;
}
.indexo_slider .indexoTL {
padding-bottom:20px !important;
padding-top:0;
}
.indexo_slider_fouc .indexo_slider,span.indexo-order {
display:none;
}
div.indexo-active h2,div.indexo-active-lt h2 {
margin-bottom:1px;
color:#222 !important;
}
.indexo_slider .indexoNone,.indexo_slider .indexonone {
float:none !important;
} .indexo_slider .indexo-right-wrap {
box-sizing: border-box;
}
.indexo_slider .rateit {
vertical-align: bottom;
}
.indexo_slider .woo_sale {
height: 35px;
position: absolute;
width: 180px;
margin-left: -65px;
background-color: green;
z-index: 99;
-ms-transform: rotate(320deg);
-webkit-transform: rotate(320deg);
transform: rotate(320deg);
}
.indexo_slider .woo_sale {
color: white;
}
.indexo_slider .woo_sale span {
padding: 8px 0px 0px 66px;
display: block;
font-size: 19px;
}
.indexo_slider .indexo-left-wrap, .indexo_slider .indexo-right-wrap, .indexo_slider .adc-wrap, .indexo_slider .slidewoorate {
margin-top: 10px;
}
.indexo_slider .indexo_woocat {
padding: 5px 0 2px 20px;
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/images/cat-white.png) no-repeat center left;
margin-right: 3em;
}
.indexo_slider .slidewoorate {
margin-bottom: 10px;
}
.indexo_slider .wpsc-add-to-cart-button {
margin-top: 10px;
}
.indexo_slider .wpsc_buy_button {
max-width: 100%;
}
.indexo_slider .checkout_link {
display: none;
color: #ffffff;
}  .indexo_slider div.gold div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/gold.png);
}
.indexo_slider div.gold div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/range.png);
height: 32px;
} .indexo_slider div.black div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/black.png);
}
.indexo_slider div.black div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/range.png);
height: 32px;
} .indexo_slider div.red div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/red.png);
}
.indexo_slider div.red div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/range.png);
height: 32px;
} .indexo_slider div.green div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/green.png);
}
.indexo_slider div.green div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/range.png);
height: 32px;
} .indexo_slider div.yellow div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/yellow.png);
}
.indexo_slider div.yellow div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/range.png);
height: 32px;
} .indexo_slider div.grogreen div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/grogreen.png);
}
.indexo_slider div.grogreen div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/rangegro.png);
height: 32px;
} .indexo_slider div.grored div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/grored.png);
}
.indexo_slider div.grored div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/rangegro.png);
height: 32px;
} .indexo_slider div.groyellow div.rateit-selected {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/groyellow.png);
}
.indexo_slider div.groyellow div.rateit-range {
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/images/star/rangegro.png);
height: 32px;
} .indexo_slider .event-time, .indexo_slider .event_addr, .indexo_slider .indexo_eventcat, .indexo_slider .event_address_wrap  {
margin-top: 10px;
}
.indexo_slider .eventday {
font-size: 30px;
}
.indexo_slider .eventday::before {
content: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/images/calendar.png) no-repeat center left;
margin-right: 8px;
}
.indexo_slider .event-time::before {
content: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/images/clock.png) no-repeat center left;
margin-right: 8px;
}
.indexo_slider .indexo_eventaddr {
padding: 20px 0px 0px 20px;
float: left;
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/images/pin.png) no-repeat center left;
}
.indexo_slider .indexo_eventcat {
padding: 5px 0 2px 20px;
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/skins/default/images/cat-white.png) no-repeat center left;
margin-right: 5px;
} .indexo-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;
}
.indexo-animated.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.indexo-animated.indexo-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);
}
}
.indexo-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;
}
}
.indexo-flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
animation-name: flash;
} @-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
animation-name: tada;
} @-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;
}
}
.indexo-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);
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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);
}
}
.indexo-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;}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-animated.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-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;
}
}
.indexo-hinge {
-webkit-animation-name: svhinge;
-moz-animation-name: svhinge;
animation-name: svhinge;
} @-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;
}
}
.indexo-rollIn {
-webkit-animation-name: svrollIn;
-moz-animation-name: svrollIn;
animation-name: svrollIn;
} @-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;
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-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);
}
}
.indexo-slideInUp {
-webkit-animation-name: svslideInUp;
-moz-animation-name: svslideInUp;
animation-name: svslideInUp;
}.rateit {
display: -moz-inline-box;
display: inline-block;
position: relative;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.rateit .rateit-range
{
position: relative;
display: -moz-inline-box;
display: inline-block;
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/css/star.gif);
height: 16px;
outline: none;
}
.rateit .rateit-range * {
display:block;
} * html .rateit, * html .rateit .rateit-range
{
display: inline;
} * + html .rateit, * + html .rateit .rateit-range
{
display: inline;
}
.rateit .rateit-hover, .rateit .rateit-selected
{
position: absolute;
left: 0px;
}
.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
left: auto;
right: 0px;
}
.rateit .rateit-hover
{
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/css/star.gif) left -32px;
}
.rateit .rateit-hover-rtl
{
background-position: right -32px;
}
.rateit .rateit-selected
{
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/css/star.gif) left -16px;
}
.rateit .rateit-selected-rtl
{
background-position: right -16px;
}
.rateit .rateit-preset
{
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/css/star.gif) left -48px;
}
.rateit .rateit-preset-rtl
{
background: url(//nova.nl/rijschool/wp-content/plugins/indexo-slider/css/css/star.gif) left -48px;
}
.rateit button.rateit-reset
{ width: 16px;
height: 16px;
display: -moz-inline-box;
display: inline-block;
float: left;
outline: none;
border:none;
padding: 0;
}
.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
background-position: 0 -16px;
}