@font-face {
font-family: 'Socicon';
src: url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/fonts/Socicon.eot?xvgs9q);
src: url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/fonts/Socicon.eot?xvgs9q#iefix) format('embedded-opentype'), url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/fonts/Socicon.woff2?xvgs9q) format('woff2'), url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/fonts/Socicon.ttf?xvgs9q) format('truetype'), url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/fonts/Socicon.woff?xvgs9q) format('woff'), url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/fonts/Socicon.svg?xvgs9q#Socicon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="socicon-"],
[class*=" socicon-"] { font-family: 'Socicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.socicon-augment:before {
content: "\e908";
}
.socicon-bitbucket:before {
content: "\e909";
}
.socicon-fyuse:before {
content: "\e90a";
}
.socicon-yt-gaming:before {
content: "\e90b";
}
.socicon-sketchfab:before {
content: "\e90c";
}
.socicon-mobcrush:before {
content: "\e90d";
}
.socicon-microsoft:before {
content: "\e90e";
}
.socicon-pandora:before {
content: "\e907";
}
.socicon-messenger:before {
content: "\e906";
}
.socicon-gamewisp:before {
content: "\e905";
}
.socicon-bloglovin:before {
content: "\e904";
}
.socicon-tunein:before {
content: "\e903";
}
.socicon-gamejolt:before {
content: "\e901";
}
.socicon-trello:before {
content: "\e902";
}
.socicon-spreadshirt:before {
content: "\e900";
}
.socicon-500px:before {
content: "\e000";
}
.socicon-8tracks:before {
content: "\e001";
}
.socicon-airbnb:before {
content: "\e002";
}
.socicon-alliance:before {
content: "\e003";
}
.socicon-amazon:before {
content: "\e004";
}
.socicon-amplement:before {
content: "\e005";
}
.socicon-android:before {
content: "\e006";
}
.socicon-angellist:before {
content: "\e007";
}
.socicon-apple:before {
content: "\e008";
}
.socicon-appnet:before {
content: "\e009";
}
.socicon-baidu:before {
content: "\e00a";
}
.socicon-bandcamp:before {
content: "\e00b";
}
.socicon-battlenet:before {
content: "\e00c";
}
.socicon-mixer:before {
content: "\e00d";
}
.socicon-bebee:before {
content: "\e00e";
}
.socicon-bebo:before {
content: "\e00f";
}
.socicon-behance:before {
content: "\e010";
}
.socicon-blizzard:before {
content: "\e011";
}
.socicon-blogger:before {
content: "\e012";
}
.socicon-buffer:before {
content: "\e013";
}
.socicon-chrome:before {
content: "\e014";
}
.socicon-coderwall:before {
content: "\e015";
}
.socicon-curse:before {
content: "\e016";
}
.socicon-dailymotion:before {
content: "\e017";
}
.socicon-deezer:before {
content: "\e018";
}
.socicon-delicious:before {
content: "\e019";
}
.socicon-deviantart:before {
content: "\e01a";
}
.socicon-diablo:before {
content: "\e01b";
}
.socicon-digg:before {
content: "\e01c";
}
.socicon-discord:before {
content: "\e01d";
}
.socicon-disqus:before {
content: "\e01e";
}
.socicon-douban:before {
content: "\e01f";
}
.socicon-draugiem:before {
content: "\e020";
}
.socicon-dribbble:before {
content: "\e021";
}
.socicon-drupal:before {
content: "\e022";
}
.socicon-ebay:before {
content: "\e023";
}
.socicon-ello:before {
content: "\e024";
}
.socicon-endomodo:before {
content: "\e025";
}
.socicon-envato:before {
content: "\e026";
}
.socicon-etsy:before {
content: "\e027";
}
.socicon-facebook:before {
content: "\e028";
}
.socicon-feedburner:before {
content: "\e029";
}
.socicon-filmweb:before {
content: "\e02a";
}
.socicon-firefox:before {
content: "\e02b";
}
.socicon-flattr:before {
content: "\e02c";
}
.socicon-flickr:before {
content: "\e02d";
}
.socicon-formulr:before {
content: "\e02e";
}
.socicon-forrst:before {
content: "\e02f";
}
.socicon-foursquare:before {
content: "\e030";
}
.socicon-friendfeed:before {
content: "\e031";
}
.socicon-github:before {
content: "\e032";
}
.socicon-goodreads:before {
content: "\e033";
}
.socicon-google:before {
content: "\e034";
}
.socicon-googlescholar:before {
content: "\e035";
}
.socicon-googlegroups:before {
content: "\e036";
}
.socicon-googlephotos:before {
content: "\e037";
}
.socicon-googleplus:before {
content: "\e038";
}
.socicon-grooveshark:before {
content: "\e039";
}
.socicon-hackerrank:before {
content: "\e03a";
}
.socicon-hearthstone:before {
content: "\e03b";
}
.socicon-hellocoton:before {
content: "\e03c";
}
.socicon-heroes:before {
content: "\e03d";
}
.socicon-hitbox:before {
content: "\e03e";
}
.socicon-horde:before {
content: "\e03f";
}
.socicon-houzz:before {
content: "\e040";
}
.socicon-icq:before {
content: "\e041";
}
.socicon-identica:before {
content: "\e042";
}
.socicon-imdb:before {
content: "\e043";
}
.socicon-instagram:before {
content: "\e044";
}
.socicon-issuu:before {
content: "\e045";
}
.socicon-istock:before {
content: "\e046";
}
.socicon-itunes:before {
content: "\e047";
}
.socicon-keybase:before {
content: "\e048";
}
.socicon-lanyrd:before {
content: "\e049";
}
.socicon-lastfm:before {
content: "\e04a";
}
.socicon-line:before {
content: "\e04b";
}
.socicon-linkedin:before {
content: "\e04c";
}
.socicon-livejournal:before {
content: "\e04d";
}
.socicon-lyft:before {
content: "\e04e";
}
.socicon-macos:before {
content: "\e04f";
}
.socicon-mail:before {
content: "\e050";
}
.socicon-medium:before {
content: "\e051";
}
.socicon-meetup:before {
content: "\e052";
}
.socicon-mixcloud:before {
content: "\e053";
}
.socicon-modelmayhem:before {
content: "\e054";
}
.socicon-mumble:before {
content: "\e055";
}
.socicon-myspace:before {
content: "\e056";
}
.socicon-newsvine:before {
content: "\e057";
}
.socicon-nintendo:before {
content: "\e058";
}
.socicon-npm:before {
content: "\e059";
}
.socicon-odnoklassniki:before {
content: "\e05a";
}
.socicon-openid:before {
content: "\e05b";
}
.socicon-opera:before {
content: "\e05c";
}
.socicon-outlook:before {
content: "\e05d";
}
.socicon-overwatch:before {
content: "\e05e";
}
.socicon-patreon:before {
content: "\e05f";
}
.socicon-paypal:before {
content: "\e060";
}
.socicon-periscope:before {
content: "\e061";
}
.socicon-persona:before {
content: "\e062";
}
.socicon-pinterest:before {
content: "\e063";
}
.socicon-play:before {
content: "\e064";
}
.socicon-player:before {
content: "\e065";
}
.socicon-playstation:before {
content: "\e066";
}
.socicon-pocket:before {
content: "\e067";
}
.socicon-qq:before {
content: "\e068";
}
.socicon-quora:before {
content: "\e069";
}
.socicon-raidcall:before {
content: "\e06a";
}
.socicon-ravelry:before {
content: "\e06b";
}
.socicon-reddit:before {
content: "\e06c";
}
.socicon-renren:before {
content: "\e06d";
}
.socicon-researchgate:before {
content: "\e06e";
}
.socicon-residentadvisor:before {
content: "\e06f";
}
.socicon-reverbnation:before {
content: "\e070";
}
.socicon-rss:before {
content: "\e071";
}
.socicon-sharethis:before {
content: "\e072";
}
.socicon-skype:before {
content: "\e073";
}
.socicon-slideshare:before {
content: "\e074";
}
.socicon-smugmug:before {
content: "\e075";
}
.socicon-snapchat:before {
content: "\e076";
}
.socicon-songkick:before {
content: "\e077";
}
.socicon-soundcloud:before {
content: "\e078";
}
.socicon-spotify:before {
content: "\e079";
}
.socicon-stackexchange:before {
content: "\e07a";
}
.socicon-stackoverflow:before {
content: "\e07b";
}
.socicon-starcraft:before {
content: "\e07c";
}
.socicon-stayfriends:before {
content: "\e07d";
}
.socicon-steam:before {
content: "\e07e";
}
.socicon-storehouse:before {
content: "\e07f";
}
.socicon-strava:before {
content: "\e080";
}
.socicon-streamjar:before {
content: "\e081";
}
.socicon-stumbleupon:before {
content: "\e082";
}
.socicon-swarm:before {
content: "\e083";
}
.socicon-teamspeak:before {
content: "\e084";
}
.socicon-teamviewer:before {
content: "\e085";
}
.socicon-technorati:before {
content: "\e086";
}
.socicon-telegram:before {
content: "\e087";
}
.socicon-tripadvisor:before {
content: "\e088";
}
.socicon-tripit:before {
content: "\e089";
}
.socicon-triplej:before {
content: "\e08a";
}
.socicon-tumblr:before {
content: "\e08b";
}
.socicon-twitch:before {
content: "\e08c";
}
.socicon-twitter:before {
content: "\e08d";
}
.socicon-uber:before {
content: "\e08e";
}
.socicon-ventrilo:before {
content: "\e08f";
}
.socicon-viadeo:before {
content: "\e090";
}
.socicon-viber:before {
content: "\e091";
}
.socicon-viewbug:before {
content: "\e092";
}
.socicon-vimeo:before {
content: "\e093";
}
.socicon-vine:before {
content: "\e094";
}
.socicon-vkontakte:before {
content: "\e095";
}
.socicon-warcraft:before {
content: "\e096";
}
.socicon-wechat:before {
content: "\e097";
}
.socicon-weibo:before {
content: "\e098";
}
.socicon-whatsapp:before {
content: "\e099";
}
.socicon-wikipedia:before {
content: "\e09a";
}
.socicon-windows:before {
content: "\e09b";
}
.socicon-wordpress:before {
content: "\e09c";
}
.socicon-wykop:before {
content: "\e09d";
}
.socicon-xbox:before {
content: "\e09e";
}
.socicon-xing:before {
content: "\e09f";
}
.socicon-yahoo:before {
content: "\e0a0";
}
.socicon-yammer:before {
content: "\e0a1";
}
.socicon-yandex:before {
content: "\e0a2";
}
.socicon-yelp:before {
content: "\e0a3";
}
.socicon-younow:before {
content: "\e0a4";
}
.socicon-youtube:before {
content: "\e0a5";
}
.socicon-zapier:before {
content: "\e0a6";
}
.socicon-zerply:before {
content: "\e0a7";
}
.socicon-zomato:before {
content: "\e0a8";
}
.socicon-zynga:before {
content: "\e0a9";
}.wcf2w_rectangular_button{
padding: 5px 11px 5px 11px!important;
outline:none!important;
text-decoration: none!important;
border:none!important;
box-shadow: none!important;
font-size: 16px!important;
border-radius: 5px!important;
position: relative!important;
line-height: normal!important;
opacity: 0.9;
position: fixed!important;
font-family: Arial, sans-serif;
z-index: 99999999!important;
cursor: pointer;
}
.wcf2w_rectangular_button i{
top: 1px;
position: relative;
}    
.wcf2w_rectangular_button:hover{
text-decoration: none!important;
outline:none!important;
border:none!important;
box-shadow: none!important;
opacity: 1;
} 
.wcf2w_rectangular_button:focus{
text-decoration: none!important;
outline:none!important;
border:none!important;
box-shadow: none!important;
}   
.wcf2w_rectangular_button:link{
text-decoration: none!important;
outline:none!important;
border:none!important;
box-shadow: none!important;
} .wcf2w_round_button{
border-radius: 50px!important;
text-align: center!important;
padding: 0px!important;
outline:none!important;
text-decoration: none!important;
border:none!important;
box-shadow: none!important;
position: fixed;
width: 60px;
height: 60px;
margin:0px!important;
line-height: normal!important;
opacity: 0.9;
z-index: 99999999!important;
cursor: pointer;
}
.wcf2w_round_button:hover{
text-decoration: none!important;
outline:none!important;
border:none!important;
box-shadow: none!important;
opacity: 1;
} 
.wcf2w_round_button:focus{
text-decoration: none!important;
outline:none!important;
border:none!important;
box-shadow: none!important;
}   
.wcf2w_round_button:link{
text-decoration: none!important;
outline:none!important;
border:none!important;
box-shadow: none!important;
}
.wcf2w_round_button i{
font-size: 35px!important;
position: relative!important;
top: 12px!important;
} [data-modal-cover] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
opacity: 0;
cursor: pointer;
z-index: 1000000000000;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.3);
transform: translate3d(100%, 0, 0);
transition: transform 0s .6s, opacity .3s linear .3s;
}
[data-modal-cover]::before {
content: '';
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
}
[data-modal-dialog] {
opacity: 0;
cursor: default;
position: relative;
transform: scale(0.8);
transition: all .3s cubic-bezier(.32, -0.1, .4, 1.24);
}
[data-modal-cover='enabled'] {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: transform 0s, opacity .3s linear;
}
[data-modal-cover='enabled'] [data-modal-dialog] {
opacity: 1;
transform: scale(1);
transition: all .3s cubic-bezier(.32, -0.1, .4, 1.24) .3s;
}
[data-modal-scroll='disabled'] {
overflow: hidden;
padding: 0 17px 0 0;
}
[data-modal-inner-close] {
display: none;
}
.cross_remove::before {
display: none;
}
.cross_add [data-modal-inner-close] {
top: 2px;
right: -25px;
width: 12px;
height: 12px;
display: block;
position: absolute;
cursor: pointer;
background: url(//www.zapatosinfantilespuntapie.es/wp-content/plugins/wcf2w/assets/imgs/close.svg) no-repeat 50% 50% / 100%;
}
.wcf2w_cover {
width: 800px;
line-height: 28px;
background: #fff;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16);
margin: 0px;
padding: 0px;
}
.wcf2w_modal_heading{
background: #2db742; 
padding: 10px;
}
.wcf2w_modal_heading p{
font-family: 'Montserrat', sans-serif;
padding: 0px;
margin: 0px;
text-align: center;
color: #fff;
}
.wcf2w_modal_title{
font-size: 22px;  
font-weight: 600;
}
.wcf2w_modal_subtitle{
font-size: 14px;  
}
.wcf2w_result{
width: 800px;
padding: 30px 50px;
overflow: auto;
}
.wcf2w_result::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.wcf2w_result::-webkit-scrollbar-track-piece {
background: #efefef;
}
.wcf2w_result::-webkit-scrollbar-thumb:vertical {
background: #ccc;
}
.wcf2w_item{
clear: both;
box-shadow: 0 10px 6px -6px #eaeaea;
height: 125px;
border: 1px solid #f1f1f1;
border-left: 2px solid #2db742;
margin-bottom: 15px;
padding: 10px;
width: 100%;
transition: all 0.3s linear;
cursor: pointer;
}
.wcf2w_item:hover{
background: #efefef;
}
.wcf2w_item:last-child{
margin-bottom: 0px;
}
.wcf2w_thumbnail{
display: inline-block;
float: left;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
.wcf2w_thumbnail img{
width: 100%!important;
height: 100%!important;
object-fit: cover;
}
.wcf2w_contact_info{
margin-left: 15px;
display: inline-block;
}
.wcf2w_contact_info p{
margin: 0px;
padding: 0px;
}
.wcf2w_contact_name{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
color: #353535;
}
.wcf2w_contact_title{
color: #909090;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
.wcf2w_contact_status{
color: #2db742;
font-size: 10px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
position: relative;
left: 13px;
}
.wcf2w_contact_status::before{
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #2db742;
position: absolute;
top: 9px;
left: -13px;
}
.wcf2w_icon{
display: inline-block;
float: right;
margin-top: 35px;
margin-right: 10px;
}
.wcf2w_icon i{
font-size: 26px;
color: #2db742;
}
.wcf2w_offline{
filter: grayscale(100%);
pointer-events: none;
} .wcf2w_single_page{
margin-top: 20px;
display: inline-block;
width: 100%;
}
.wcf2w_single_page
.wcf2w_item{
background: #fff;  
width: 320px;
}
.wcf2w_single_page
.wcf2w_item:hover{
background: #efefef;
}
.wcf2w_single_page
.wcf2w_contact_name{
color: #353535;  
}
.wcf2w_single_page
.wcf2w_contact_title{
color: #909090;  
}
.wcf2w_single_page 
.wcf2w_thumbnail{
width: 50px;
height: 50px;
}
.wcf2w_single_page 
.wcf2w_item{
height: 75px; 
}
.wcf2w_single_page 
.wcf2w_icon{
margin-top: 15px;
}
.wcf2w_single_page 
.wcf2w_contact_status{
display: none;   
} @media only screen and (max-width: 900px){
.wcf2w_cover,
.wcf2w_result {
width: 600px;
}
}
@media only screen and (max-width: 700px){
.wcf2w_cover{
line-height: 24px;
}
.wcf2w_cover,
.wcf2w_result {
width: 500px;
}
.wcf2w_item{
height: 102px;
}
.wcf2w_thumbnail{
width: 80px;
height: 80px; 
}
.wcf2w_contact_status{
left: 10px;
}
.wcf2w_contact_status::before{
top: 7px;
}
.wcf2w_icon{
margin-top: 25px;
}
}
@media only screen and (max-width: 600px){
.wcf2w_cover,
.wcf2w_result {
width: 400px;
}
}    
@media only screen and (max-width: 500px){
.wcf2w_rectangular_button {
font-size: 12px!important;
}
}
@media only screen and (max-width: 480px){
.wcf2w_cover,
.wcf2w_result {
width: 350px;
}
.wcf2w_item{
height: 102px;
}
.wcf2w_thumbnail{
width: 50px;
height: 50px; 
}
.wcf2w_icon,
.wcf2w_contact_title{
display: none;
}
.wcf2w_item{
height: 72px;
}
.wcf2w_contact_name{
font-size: 14px;
}
}  
@media only screen and (max-width: 400px){
.wcf2w_cover,
.wcf2w_result {
width: 260px;
}
.wcf2w_result {
padding: 20px 20px;
}
.wcf2w_modal_title{
font-size: 20px;
}
.wcf2w_modal_subtitle {
font-size: 12px;
line-height: 16px;
}
.wcf2w_rectangular_button {
font-size: 10px!important;
}
}
@media only screen and (max-width: 315px){
.wcf2w_rectangular_button{
display: none!important;
}
.wcf2w_round_button{
display: none!important;
}
.wcf2w_cover,
.wcf2w_result {
display: none!important;  
}
}@-webkit-keyframes rotate {
20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);}
40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);}
60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);}
80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);}
100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);}
}
@-moz-keyframes rotate {
20% {-moz-transform: rotate3d(0, 0, 1, 15deg);}
40% {-moz-transform: rotate3d(0, 0, 1, -10deg);}
60% {-moz-transform: rotate3d(0, 0, 1, 5deg);}
80% {-moz-transform: rotate3d(0, 0, 1, -5deg);}
100% {-moz-transform: rotate3d(0, 0, 1, 0deg);}
}
@-o-keyframes rotate {
20% {-o-transform: rotate3d(0, 0, 1, 15deg);}
40% {-o-transform: rotate3d(0, 0, 1, -10deg);}
60% {-o-transform: rotate3d(0, 0, 1, 5deg);}
80% {-o-transform: rotate3d(0, 0, 1, -5deg);}
100% {-o-transform: rotate3d(0, 0, 1, 0deg);}
}
@keyframes rotate {
20% {transform: rotate3d(0, 0, 1, 15deg);}
40% {transform: rotate3d(0, 0, 1, -10deg);}
60% {transform: rotate3d(0, 0, 1, 5deg);}
80% {transform: rotate3d(0, 0, 1, -5deg);}
100% {transform: rotate3d(0, 0, 1, 0deg);}
}
.ak86_rotate:hover{
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
} @-webkit-keyframes tada {
0% {-webkit-transform:scale(1)}
10%, 20% {-webkit-transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {-webkit-transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {-webkit-transform:scale(1.1) rotate(-3deg)}
100% {-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada {
0% {-moz-transform:scale(1)}
10%,20% {-moz-transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {-moz-transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {-moz-transform:scale(1.1) rotate(-3deg)}
100% {-moz-transform:scale(1) rotate(0)}
}
@-o-keyframes tada {
0% {-o-transform:scale(1)}
10%,20% {-o-transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {-o-transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {-o-transform:scale(1.1) rotate(-3deg)}
100% {-o-transform:scale(1) rotate(0)}
}
@keyframes tada {
0% {transform:scale(1)}
10%, 20% {transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {transform:scale(1.1) rotate(-3deg)}
100% {transform:scale(1) rotate(0)}
}
.ak86_tada{
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
}
.ak86_tada:hover{
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes swing{
15%{-webkit-transform: translateX(5px);transform: translateX(5px);}
30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
50%{-webkit-transform: translateX(3px);transform: translateX(3px);}
65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
80%{-webkit-transform: translateX(2px);transform: translateX(2px);}
100%{-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes swing{
15%{-webkit-transform: translateX(5px);transform: translateX(5px);}
30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
50%{-webkit-transform: translateX(3px);transform: translateX(3px);}
65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
80%{-webkit-transform: translateX(2px);transform: translateX(2px);}
100%{-webkit-transform: translateX(0);transform: translateX(0);}
}
.ak86_swing:hover{
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .ak86_grow{
transition:all 0.8s ease!important;
}
.ak86_grow:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
} .ak86_shrink{
transition:all 0.8s ease!important;
}
.ak86_shrink:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
} @-webkit-keyframes ak86_buzz{
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes ak86_buzz{
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.ak86_buzz {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.ak86_buzz:hover, .ak86_buzz:focus, .ak86_buzz:active {
-webkit-animation-name: ak86_buzz;
animation-name: ak86_buzz;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .ak86_forward {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.ak86_forward:hover, .ak86_forward:focus, .ak86_forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
} .ak86_backward {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.ak86_backward:hover, .ak86_backward:focus, .ak86_backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}