@font-face {
font-family: 'Socicon';
src: url(//dinaapartmentsargostoli.com/wp-content/plugins/ultimate-contact-buttons/fb-messenger-button/css/frontend/socicon/fonts/Socicon.eot?xvgs9q);
src: url(//dinaapartmentsargostoli.com/wp-content/plugins/ultimate-contact-buttons/fb-messenger-button/css/frontend/socicon/fonts/Socicon.eot?xvgs9q#iefix) format('embedded-opentype'), url(//dinaapartmentsargostoli.com/wp-content/plugins/ultimate-contact-buttons/fb-messenger-button/css/frontend/socicon/fonts/Socicon.woff2?xvgs9q) format('woff2'), url(//dinaapartmentsargostoli.com/wp-content/plugins/ultimate-contact-buttons/fb-messenger-button/css/frontend/socicon/fonts/Socicon.ttf?xvgs9q) format('truetype'), url(//dinaapartmentsargostoli.com/wp-content/plugins/ultimate-contact-buttons/fb-messenger-button/css/frontend/socicon/fonts/Socicon.woff?xvgs9q) format('woff'), url(//dinaapartmentsargostoli.com/wp-content/plugins/ultimate-contact-buttons/fb-messenger-button/css/frontend/socicon/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";
}  .wpfbmb-button-wrap *,
.wpfbmb-button-wrap, 
.wpfbmb-button-wrap *:before,
.wpfbmb-button-wrap *:after,
.wpfbmb-menu-button-wrap * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpfbmb-button-wrap a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap a {
display: inline-block;
vertical-align: middle;
padding: 6px 12px 7px;
border: 0 ! important;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
font-weight: 400;
font-family: 'Lato', sans-serif;
outline: 0;
line-height: 1.5;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.wpfbmb-button-wrap a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap a i{
display: inline-block;
vertical-align: middle;
}
body .wpfbmb-button-wrap a:hover,
body .wpfbmb-button-wrap a:focus,
body #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap a:hover,
body #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap a:focus{
color: #ffffff;
outline: 0;
} body .wpfbmb-button-template-1 a,
body #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-1 a{
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #1BB8FB;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
.wpfbmb-button-template-1 a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-1 a i {
vertical-align: top;
margin: 4px 3px 0 0;
}
.wpfbmb-button-template-1 a i {
margin-right: 0;
}
.wpfbmb-button-template-1 .wpfbmb-text-only a{
padding: 10px 15px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both a {
line-height:2;
padding: 8px 11px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right: 52px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a {
padding-left: 50px;
}
.wpfbmb-button-template-1 .wpfbmb-icon-only a{
padding: 14px;
width: auto;
line-height: 1;
}
.wpfbmb-button-template-1 .wpfbmb-icon-only a i{
font-size:25px;
margin-top: 0;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both a i {
font-size: 25px;
line-height:18px;
} .wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-left.wpfbmb-button-without-text a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-1 .wpfbmb-button-position-left.wpfbmb-button-without-text a i{
margin-right: 0;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-1 .wpfbmb-button-position-left.wpfbmb-button-without-text a i{
margin-left: 0;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i{
margin-left: 15px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both a i{
position: absolute;
top: 10px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-1 .wpfbmb-button-position-left a i {
left:7px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:7px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i{ margin-left: 10px;
}
.wpfbmb-button-template-1 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i { margin-right: 10px;
} .wpfbmb-button-template-2 a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 a {
-webkit-border-radius: 0;
border-radius: 0;
background-color:#27b899;
color: #eeeeee;
position: relative;
font-size: 18px;
padding:10px 18px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 .wpfbmb-button-without-text a{
padding:0;
}
.wpfbmb-button-template-2 .wpfbmb-icon-only a{
font-size: 20px;
padding: 12px;
line-height: 1;
}
.wpfbmb-button-template-2 .wpfbmb-text-icon-both a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 a i {
position: absolute;
top:0;
height: 100%;
background-color: #eeeeee;
color: #444444;
padding: 12px 15px;
font-size: 23px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 .wpfbmb-button-without-text.wpfbmb-button-position-left a{
padding:0;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 .wpfbmb-button-without-text a i{
position: static;
}
.wpfbmb-button-template-2 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 .wpfbmb-button-position-left a {
padding-left: 70px;
}
.wpfbmb-button-template-2 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:70px;
color: #ffffff;
}
.wpfbmb-button-template-2 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-2 .wpfbmb-button-position-left a i {
left:0;
}
.wpfbmb-button-template-2 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:0;
} body .wpfbmb-button-template-3 a,
body  #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 a  {
-webkit-border-radius: 0;
border-radius: 0;
background-color:#e54c3e;
color: #ffffff;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size:18px;
position: relative;
letter-spacing: 0.5px;
}
.wpfbmb-button-template-3 .wpfbmb-text-icon-both a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 a i {
position: absolute;
top:0;
height: 100%;
padding: 12px;
font-size: 18px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 .wpfbmb-button-without-text a i{
position: static;
}
.wpfbmb-button-template-3 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 .wpfbmb-button-position-left a  {
padding-left: 65px;
padding-right:20px;
}
.wpfbmb-button-template-3 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:65px;
padding-left: 20px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 .wpfbmb-button-without-text a{
padding:0;
border:0;
}
.wpfbmb-button-template-3 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 .wpfbmb-button-position-left a i {
left:0;
border-right: 1px solid #ffffff;
}
.wpfbmb-button-template-3 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:0;
border-left: 1px solid #ffffff;
} body .wpfbmb-button-template-4 a,
body #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-4 a  {
-webkit-border-radius: 5px;
border-radius: 5px;
border-bottom: 3px solid rgba(19, 121, 165, 0.68) !important;
background-color:  #1BB8FB;
color: #ffffff;
font-size: 18px;
padding: 5px;
color: #ffffff;
overflow: hidden;
}
body .wpfbmb-button-template-4 a{
padding:0;
border:1px solid #f1f1f1;
}
.wpfbmb-button-template-4 .wpfbmb-text-only a {
padding:5px 15px;
}
.wpfbmb-button-template-4 a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-4 a i {
padding:10px;
background-color: #ffffff;
color: #1BB8FB;
border-radius: 5px;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-4 a i {
font-size: 16px;
padding:10px;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-4 .wpfbmb-button-position-left a  {
padding-left: 5px;
padding-right:20px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-4 .wpfbmb-button-position-left.wpfbmb-button-without-text a{
padding-right: 5px;
}
.wpfbmb-menu-button-wrap.wpfbmb-button-template-4 .wpfbmb-button-without-text a{
padding:0;
background: transparent;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:5px;
padding-left: 20px;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a{
padding-left: 0;
padding-right: 20px;
line-height: 34px;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a{
padding-right: 0;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i{
margin-right: 20px;
float: left;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-3 .wpfbmb-button-without-text a{
margin-right: 0;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
margin-left: 20px;
}
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i,
.wpfbmb-button-template-4 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i{
border-radius: 0;
} body .wpfbmb-button-template-5 a,
body #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 a  {
padding:8px 25px;
border-radius: 30px;
text-transform: uppercase;
background-color: #0a9d4c;
color: #ffffff;
font-size: 17px;
font-family: 'Roboto Condensed', sans-serif;
position: relative;
}
.wpfbmb-button-template-5 a:before {
border-radius: 30px;
}
.wpfbmb-button-template-5 .wpfbmb-icon-only a{
border-radius: 50%;
font-size: 28px;
width: 55px;
height: 55px;
line-height: 52px;
padding: 0;
text-align: center;
}
.wpfbmb-button-template-5 .wpfbmb-icon-only a i{
font-size:35px;
color:#fff;
}
.wpfbmb-button-template-5 .wpfbmb-icon-only a:before {
border-radius: 50%;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both a i,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 a i {
position: absolute;
top:0;
height: 100%;
background-color: #eeeeee;
color: #0a9d4c;
padding: 9px 18px 9px 12px;
font-size: 25px;
border-radius: 0 30px 30px 0;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i {
left: 0;
-webkit-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-text-inner-wrapper.wpfbmb-button-without-text a{
padding-left: 0;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-without-text a{
padding:0;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-without-text a i {
position: static;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both a i{
font-size: 25px;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 a i {
padding:9px 15px 9px;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a,
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-position-left a  {
padding-left: 70px;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:70px;
} #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-position-left a i{
left:0;
border-radius: 30px 0 0 30px;
} #wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-position-right a i{
right:0;
border-radius: 30px 0 0 30px;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-position-left.wpfbmb-button-without-text a i,
#wpfbmb-button-menu-template.wpfbmb-button-template-5 .wpfbmb-button-without-text a i{
-webkit-border-radius: 50%;
border-radius: 50%;
padding:0;
line-height: 50px;
}
.wpfbmb-button-template-5 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:0;
}
#wpfbmb-button-menu-template.wpfbmb-menu-button-wrap.wpfbmb-button-template-5 .wpfbmb-button-position-left.wpfbmb-button-without-text a,
#wpfbmb-button-menu-template.wpfbmb-button-template-5 .wpfbmb-button-without-text a{
width: 50px;
height: 50px;
background:#f2f2f2;
text-align: center;
display: inline-block;
} body .wpfbmb-button-template-6 a{
background-color: #3584fb;
color: #fff;
padding: 10px 20px;
font-size: 18px;
position: relative;
font-weight: 700;
font-family:'Roboto', sans-serif;
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none; 
}
.wpfbmb-button-template-6 .wpfbmb-icon-only a{
font-size: 21px;
line-height: 1;
padding: 12px 15px;
}
.wpfbmb-button-template-6 .wpfbmb-icon-only a i{
font-size:25px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both a i{
position: absolute;
top:0;
height: 100%;
color: #ffffff;
background-color: #166cee;
padding: 15px;
font-size: 25px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both a i:after{
content: '';
position: absolute;
width: 0;
height: 0;
background-color: transparent;
border-width: 10px;
border-style: solid;
top: 50%;
margin-top: -10px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i:after{
border-color: transparent transparent transparent #166cee;
right: -20px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i:after {
border-color:transparent #166cee transparent transparent;
left:-20px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both a {
padding:12px 20px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a {
padding-left: 90px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:90px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i {
left:0;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:0;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i:after {
border-color: transparent transparent transparent #166cee;
right: -20px;
}
.wpfbmb-button-template-6 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i:after {
border-color:transparent #166cee transparent transparent;
left:-20px;
} body .wpfbmb-button-template-7 a {
background-color:#ad306b;
color: #ffffff;
padding:10px 25px;
border-radius: 30px;
text-transform: uppercase;
font-size: 18px;
font-family: 'Oswald', sans-serif;
position: relative;
}
.wpfbmb-button-template-7 a:before {
border-radius: 30px;
}
.wpfbmb-button-template-7 .wpfbmb-text-icon-both a {
padding:15px 30px;
}
.wpfbmb-button-template-7 .wpfbmb-icon-only a{
width: 60px;
height: 60px;
border-radius: 50%;
padding: 0;
}
.wpfbmb-button-template-7 .wpfbmb-icon-only a:before {
border-radius: 50%;
}
.wpfbmb-button-template-7 .wpfbmb-icon-only a i {
height: 52px;
width: 52px;
color: #ad306b;
background-color: #ffffff;
padding: 14px;
font-size: 23px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-left: -26px;
margin-top: -26px;
}
.wpfbmb-button-template-7 .wpfbmb-text-icon-both a i {
position: absolute;
top: 50%;
height: 48px;
width: 48px;
color: #ad306b;
background-color: #ffffff;
padding: 14px;
font-size: 20px;
border-radius: 50%;
margin-top:-24px;
}
.wpfbmb-button-template-7 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a {
padding-left: 70px;
}
.wpfbmb-button-template-7 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:70px;
}
.wpfbmb-button-template-7 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i {
left:4px;
}
.wpfbmb-button-template-7 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:4px;
} .wpfbmb-button-template-8 a {
background-color: #3d92c5;
color: #ffffff;
padding: 12px 30px; 
position: relative;
font-size: 18px;
font-family:'Roboto', sans-serif;
}
.wpfbmb-button-template-8 a:before {
width: calc(100% - 10px);
height: calc(100% - 10px);
content:'';
position: absolute;
background-color: transparent;
border:3px solid #ffffff;
top:5px;
left: 5px;
}
.wpfbmb-button-template-8 .wpfbmb-icon-only a {
padding: 13px 16px 15px;
font-size: 21px;
line-height: 1;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both a i {
position: absolute;
background-color: #ffffff;
top:8px;
width: 44px;
color: #3d92c5;
font-size: 20px;
height: calc(100% - 16px);
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both a i:before {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both a i:after {
content: '';
position: absolute;
top:50%;
width: 0;
height: 0;
background-color: transparent;
border-style: solid;
border-width: 8px 11px;
margin-top: -11px;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i:after {
border-color: transparent transparent transparent #ffffff;
right: -22px;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i:after {
border-color: transparent #ffffff transparent transparent;
left: -22px;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a {
padding-left:90px;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right: 90px;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i {
left:8px;
}
.wpfbmb-button-template-8 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:8px;
} body .wpfbmb-button-template-9 a {
background-color: #000000;
color: #40b7ff;
border-radius: 5px;
padding:10px 25px;
text-transform: uppercase;
font-size: 17px;
position: relative;
letter-spacing: 1px;
font-weight: 700;
}
.wpfbmb-button-wrap.wpfbmb-button-template-9 a:before {
border-radius: 5px;
}
.wpfbmb-button-wrap.wpfbmb-button-template-9 a:hover,
.wpfbmb-button-wrap.wpfbmb-button-template-9 a:focus{
color: #40b7ff;
}
.wpfbmb-button-template-9 .wpfbmb-icon-only a {
padding: 10px 12px 14px;
font-size: 23px;
line-height: 1;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both a {
padding:18px 25px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both a i{
position: absolute;
top: 50%;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #40b7ff;
color: #ffffff;
font-size: 20px;
padding: 14px;
margin-top:-24px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both a i:after {
content: '';
position: absolute;
top: 50%;
width: 0;
height: 0;
background-color: transparent;
border-style: solid;
border-width: 13px 13px 4px 13px;
margin-top: -4px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i:after {
border-color: transparent transparent transparent #40b7ff;
right: -20px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i:after {
border-color: transparent #40b7ff transparent transparent;
left: -20px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a {
padding-left:80px;
border-radius: 30px 5px 5px 30px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right: 80px;
border-radius: 5px 30px 30px 5px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i {
left:7px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right:7px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a:before{
border-radius: 30px 5px 5px 30px;
}
.wpfbmb-button-template-9 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a:before {
border-radius: 5px 30px 30px 5px;
} body .wpfbmb-button-template-10 a {
background-color: #1BB8FB;
color: #ffffff;
padding: 10px 25px;
text-transform: uppercase;
font-size: 18px;
border-radius: 30px;
position: relative;
overflow:hidden;
color: #fff;
}
.wpfbmb-button-template-10 .wpfbmb-icon-only a {
border-radius: 50%;
padding: 5px;
font-size: 26px;
line-height: 1;
background-color: transparent;
}
.wpfbmb-button-template-10 .wpfbmb-icon-only a i{
color:#0084ff;
font-size:40px;
}
.wpfbmb-button-template-10 .wpfbmb-icon-only a:before {
border-radius: 50%;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both a {
padding: 12px 25px;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both a i{
position: absolute;
top:0;
height:100%;
padding: 15px 10px 15px 25px;
background-color: #edebff;
color: #1BB8FB;
font-size: 24px;
z-index: 2;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both a i:after {
content: '';
position: absolute;
background-color: #edebff;
height: 200px;
width: 35px;
transform: rotate(25deg);
top: 50%;
margin-top: -100px;
z-index: -1;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a  {
padding-left:100px;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a {
padding-right:100px;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i{
left:0;
border-radius: 30px 0 0 30px;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i {
right: 0;
border-radius: 0 30px 30px 0;
padding: 15px 25px 15px 10px;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both.wpfbmb-button-postion-left a i:after{
right:-13px;
}
.wpfbmb-button-template-10 .wpfbmb-text-icon-both.wpfbmb-button-postion-right a i:after {
left: -13px;
} .wpfbmb-button-wrap.wpfbmb-tooltip-disable .wpfbmb-tooltip-enable-text {
display: none;
}
.wpfbmb-button-wrap.wpfbmb-tooltip-enable.wpfbmb-default .wpfbmb-text-inner-wrapper{
position: relative;
display: inline-block;
}
.wpfbmb-button-wrap .wpfbmb-tooltip-enable-text {
display: inline-block;
color: #d2d2d2;
font-size: 13px;
position: relative;
font-family: 'Roboto', sans-serif;
position: absolute;
bottom:100%;
left:0;
right: 0;
-moz-transition:all 400ms ease-in-out;
-webkit-transition:all 400ms ease-in-out;
transition:all 400ms ease-in-out;
opacity: 0;
visibility: hidden;
}
.wpfbmb-button-wrap .wpfbmb-tooltip-enable-text span {
background-color: #000;
padding: 5px;
display: inline-block;
white-space: nowrap;
}
.ucb_top_left_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text ,
.ucb_top_right_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text ,
.ucb_top_center_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text {
bottom: -50px;
}
.ucb_top_right_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text ,
.ucb_bottom_right_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text {
left: unset;
}
.ucb_top_right_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before ,
.ucb_bottom_right_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before {
left: unset;
right: 20px;
}
.ucb_left_center_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text {
bottom: unset;
top: 30%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: unset;
right: -70%;
}
.ucb_right_center_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text {
bottom: unset;
top: 30%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: -80%;
right: unset;
}
.ucb_left_center_container .wpfbmb-button-wrap .wpfbmb-icon-only .wpfbmb-tooltip-enable-text {
left: 70px;
}
.ucb_right_center_container .wpfbmb-button-wrap .wpfbmb-icon-only .wpfbmb-tooltip-enable-text {
right: 70px;
left: unset;
}
.ucb_left_center_container .wpfbmb-button-wrap .wpfbmb-text-only .wpfbmb-tooltip-enable-text {
right: -100%;
}
.ucb_right_center_container .wpfbmb-button-wrap .wpfbmb-text-only .wpfbmb-tooltip-enable-text {
left: -100%;
}
.wpfbmb-button-wrap.wpfbmb-tooltip-enable a {
margin-top: 10px;
} 
.ucb_left_center_container .wpfbmb-button-wrap.wpfbmb-tooltip-enable a,
.ucb_right_center_container .wpfbmb-button-wrap.wpfbmb-tooltip-enable a {
margin-top: 0;
}
.wpfbmb-button-wrap.wpfbmb-top.wpfbmb-tooltip-enable a {
margin-bottom: 20px;
} 
.wpfbmb-button-wrap.wpfbmb-top .wpfbmb-tooltip-enable-text {
top:100%;
bottom:auto;
}
.wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before {
content: '';
position: absolute;
background-color: transparent;
width: 0;
height: 0;
border-width: 8px;
border-style: solid;
border-color: #000 transparent transparent;
bottom: -15px;
left: 50%;
margin-left: -8px;
}
.wpfbmb-button-wrap.wpfbmb-top .wpfbmb-tooltip-enable-text:before {
border-color: transparent transparent #000;
bottom: auto;
top:-15px;
}
.ucb_top_left_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before ,
.ucb_top_right_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before ,
.ucb_top_center_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before {
border-color: transparent transparent #000;
bottom: unset;
top: -15px;
}
.ucb_left_center_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before {
left: -8px;
top: 7px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ucb_right_center_container .wpfbmb-button-wrap .wpfbmb-tooltip-enable-text:before {
right: -16px;
left: unset;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 7px;
}
.wpfbmb-button-wrap.wpfbmb-tooltip-enable .wpfbmb-text-inner-wrapper .wpfbmb-tooltip-enable-text {
text-align: center;
}
.wpfbmb-button-wrap.wpfbmb-tooltip-enable .wpfbmb-text-inner-wrapper:hover .wpfbmb-tooltip-enable-text {
opacity: 1;
visibility: visible;
-webkit-animation-name: wpfbmb-bob-float, wpfbmb-bob;
animation-name: wpfbmb-bob-float, wpfbmb-bob;
-webkit-animation-duration: .3s, 1s;
animation-duration: .3s, 1s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .wpfbmb-top .wpfbmb-text-inner-wrapper,
.wpfbmb-left .wpfbmb-text-inner-wrapper,
.wpfbmb-bottom .wpfbmb-text-inner-wrapper,
.wpfbmb-right .wpfbmb-text-inner-wrapper {
position: absolute;
}
.wpfbmb-top.wpfbmb-enable-sticky .wpfbmb-text-inner-wrapper,
.wpfbmb-left.wpfbmb-enable-sticky .wpfbmb-text-inner-wrapper,
.wpfbmb-bottom.wpfbmb-enable-sticky .wpfbmb-text-inner-wrapper,
.wpfbmb-right.wpfbmb-enable-sticky .wpfbmb-text-inner-wrapper {
position: fixed;
z-index: 99999;
}
.wpfbmb-top .wpfbmb-text-inner-wrapper {
top: 20px;
}
.wpfbmb-left .wpfbmb-text-inner-wrapper {
left: 20px;
}
.wpfbmb-bottom .wpfbmb-text-inner-wrapper {
bottom: 20px;
}
.wpfbmb-right .wpfbmb-text-inner-wrapper {
right: 20px;
}
.wpfbmb-button-wrap.wpfbmb-top.wpfbmb-center .wpfbmb-text-inner-wrapper,
.wpfbmb-button-wrap.wpfbmb-bottom.wpfbmb-center .wpfbmb-text-inner-wrapper  {
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wpfbmb-button-wrap.wpfbmb-left.wpfbmb-center .wpfbmb-text-inner-wrapper,
.wpfbmb-button-wrap.wpfbmb-right.wpfbmb-center .wpfbmb-text-inner-wrapper {
top:50%;
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}  .wpfbmb-button-wrap.wpfbmb-animation-1 a {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.wpfbmb-button-wrap.wpfbmb-animation-1 a:hover {
-webkit-animation-name: wpfbmb-pulse;
animation-name: wpfbmb-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} .wpfbmb-button-wrap.wpfbmb-animation-2 a {
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.wpfbmb-button-wrap.wpfbmb-animation-2 a:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.wpfbmb-button-wrap.wpfbmb-animation-2 a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.wpfbmb-button-wrap.wpfbmb-animation-2 a:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
} .wpfbmb-button-wrap.wpfbmb-animation-3 a {
-moz-box-shadow: 3px 3px 0 #36315C !important;
-webkit-box-shadow: 3px 3px 0 #36315C !important;
box-shadow: 3px 3px 0 #36315C !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wpfbmb-button-wrap.wpfbmb-animation-3 a:hover {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
} .wpfbmb-button-wrap.wpfbmb-animation-4 a {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.wpfbmb-button-wrap.wpfbmb-animation-4 a:hover {
-webkit-animation-name: wpfbmb-wobble-skew;
animation-name: wpfbmb-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .wpfbmb-button-wrap.wpfbmb-animation-5 a {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.wpfbmb-button-wrap.wpfbmb-animation-5 a:hover {
-webkit-animation-name: wpfbmb-buzz;
animation-name: wpfbmb-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;
} .wpfbmb-button-wrap.wpfbmb-animation-6 a:hover {
transform-origin:top center;
animation-name:wpfbmb-swing;
-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;
} .wpfbmb-button-wrap.wpfbmb-animation-7 a {
-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;
}
.wpfbmb-button-wrap.wpfbmb-animation-7 a:hover {
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
} .wpfbmb-button-wrap.wpfbmb-animation-8 a {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.wpfbmb-button-wrap.wpfbmb-animation-8 a:hover {
-webkit-animation-name: wpfbmb-bob-float, wpfbmb-bob;
animation-name: wpfbmb-bob-float, wpfbmb-bob;
-webkit-animation-duration: .3s, 1s;
animation-duration: .3s, 1s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .wpfbmb-button-wrap.wpfbmb-animation-9 a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.wpfbmb-button-wrap.wpfbmb-animation-9 a:before {
content: '';
position: absolute;
border: rgba(0,0,0, 0.2) solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.wpfbmb-button-wrap.wpfbmb-animation-9 a:hover:before {
-webkit-animation-name: wpfbmb-ripple-out;
animation-name: wpfbmb-ripple-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 1;
} .wpfbmb-button-wrap.wpfbmb-animation-10 a {
position: relative;
overflow:hidden;
-moz-transition:all 350ms ease-in-out;
-webkit-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.wpfbmb-button-wrap.wpfbmb-animation-10 a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.2);
content: '';
z-index: 10;
-webkit-transition: -webkit-transform .6s;
-moz-transition: -moz-transform .6s;
-ms-transition: -ms-transform .6s;
transition: transform .6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-200%,22px);
-moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-200%,22px);
-ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-200%,22px);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-200%,22px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.wpfbmb-button-wrap.wpfbmb-animation-10 a:hover:after{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,22px);
-moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,22px);
-ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,22px);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,22px);
opacity: 1;
visibility: visible;
}
@-webkit-keyframes wpfbmb-pulse {
25% {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes wpfbmb-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes wpfbmb-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes wpfbmb-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@-webkit-keyframes wpfbmb-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 wpfbmb-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);
}
}
@-moz-keyframes wpfbmb-swing{
20%{
transform:rotate(15deg)
}
40%{
transform:rotate(-10deg)
}
60%{
transform:rotate(5deg)
}
80%{
transform:rotate(-5deg)
}
to{
transform:rotate(0deg)
}
}
@-webkit-keyframes wpfbmb-swing{
20%{
transform:rotate(15deg)
}
40%{
transform:rotate(-10deg)
}
60%{
transform:rotate(5deg)
}
80%{
transform:rotate(-5deg)
}
to{
transform:rotate(0deg)
}
}
@keyframes wpfbmb-swing{
20%{
transform:rotate(15deg)
}
40%{
transform:rotate(-10deg)
}
60%{
transform:rotate(5deg)
}
80%{
transform:rotate(-5deg)
}
to{
transform:rotate(0deg)
}
}
@-webkit-keyframes wpfbmb-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes wpfbmb-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes wpfbmb-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes wpfbmb-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes wpfbmb-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes wpfbmb-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.wpfbmb-button-template-2 .wpfbmb-icon-only a i,
.wpfbmb-button-template-3 .wpfbmb-icon-only a i,
.wpfbmb-button-template-4 .wpfbmb-icon-only a i{
font-size:25px;
}
.wpfbmb-button-wrap {
margin-bottom: 5px;
}