FTP #button-contact-vr { position: fixed; bottom: 0; z-index: 99999; } /*phone*/ #button-contact-vr .button-contact { position: relative; margin-top: -5px; } #button-contact-vr .button-contact .phone-vr { position: relative; visibility: visible; background-color: transparent; width: 90px; height: 90px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; } .phone-vr-circle-fill { width: 65px; height: 65px; top: 12px; left: 12px; position: absolute; box-shadow: 0 0 0 0 #c31d1d; background-color: rgba(230, 8, 8, 0.7); border-radius: 50%; border: 2px solid transparent; -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out; animation: phone-vr-circle-fill 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animuiion: zoom 1.3s infinite; animation: zoom 1.3s infinite; } .phone-vr-img-circle { background-color: #e60808; width: 40px; height: 40px; line-height: 40px; top: 25px; left: 25px; position: absolute; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phone-vr-circle-fill 1s infinite ease-in-out; } .phone-vr-img-circle a { display: block; line-height: 37px; } .phone-vr-img-circle img { max-height: 25px; max-width: 27px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } @-webkit-keyframes phone-vr-circle-fill { 0% {-webkit-transform: rotate(0) scale(1) skew(1deg); } 10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);} 20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);} 30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);} 40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);} 50% {-webkit-transform: rotate(0) scale(1) skew(1deg);} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);} } @-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}} .phone-bar a { position: absolute; margin-top: -65px; left: 30px; z-index: -1; color: #fff; font-size: 16px; padding: 7px 15px 7px 50px; border-radius: 100px; white-space: nowrap; } .phone-bar a:hover { opacity: 0.8;color: #fff; } @media(max-width: 736px){ .phone-bar{display: none;} } #zalo-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2196F3; background-color: rgba(33, 150, 243, 0.7); } #zalo-vr .phone-vr-img-circle { background-color: #2196F3; } #viber-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #714497; background-color: rgba(113, 68, 151, 0.8); } #viber-vr .phone-vr-img-circle { background-color: #714497; } #contact-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2196F3; background-color: rgba(33, 150, 243, 0.7); } #contact-vr .phone-vr-img-circle { background-color: #2196F3; } div#whatsapp-vr .phone-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #1fd744; background-color: rgb(35 217 72 / 70%); } div#whatsapp-vr .phone-vr .phone-vr-img-circle { background: #1cd741; } div#whatsapp-vr .phone-vr .phone-vr-img-circle img { max-width: 100%; max-height: 100%; border-radius: 50%; } #fanpage-vr img { max-width: 35px; max-height: 35px; } #fanpage-vr .phone-vr-img-circle { background-color: #1877f2; } #fanpage-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 rgb(24 119 242 / 65%); background-color: rgb(24 119 242 / 70%); } /*css all in one*/ #gom-all-in-one .button-contact { transition: 1.6s all; -moz-transition: 1.6s all; -webkit-transition: 1.6s all; } #button-contact-vr.active #gom-all-in-one .button-contact { margin-left: -100%; } #all-in-one-vr .phone-bar { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; color: #fff; padding: 5px 15px 5px 48px; border-radius: 50px; margin-left: -64px; width: max-content; cursor: pointer; } #popup-showroom-vr, div#popup-form-contact-vr { display: none; } #popup-showroom-vr.active, div#popup-form-contact-vr.active { display: block; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 99999; } .bg-popup-vr { position: absolute; left: 0; top: 0; background: rgb(51 51 51 / 50%); width: 100%; height: 100vh; } .content-popup-vr { background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 95%; border-radius: 5px; box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%); max-width: 600px; display: flex; } .content-popup-vr input, .content-popup-vr textarea { width: 100%; max-height: 100px; min-height: 38px; border: 1px solid #b1b1b1; margin-bottom: 10px; padding: 0 7px; background: #fff; } .content-popup-vr label { width: 100%; } .content-popup-vr input.wpcf7-form-control.wpcf7-submit { max-width: fit-content; padding: 5px 32px 2px; background: #2196f3; border: 0; color: #fff; font-size: 16px; border-radius: 5px; margin: 10px auto 0; display: block; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 29%); font-weight: 400;min-height: auto;line-height: 30px;} .content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover { opacity: 0.7; } .content-popup-vr .close-popup-vr { font-family: sans-serif; width: 23px; height: 23px; background: black; position: absolute; top: -10px; right: -10px; color: #fff; text-align: center; line-height: 23px; font-size: 17px; border-radius: 50%; cursor: pointer; } .content-popup-vr .close-popup-vr:hover { background: #b50000; } .content-popup-vr .content-popup-div-vr { width: 100%; padding: 25px; } .content-popup-vr .content-popup-img-vr { width: 100%; max-width: 45%; border-radius: 10px 0 0 10px; overflow: hidden; } #loco-top, #loco-bottom { display: block; } #loco-top .content-popup-img-vr, div#popup-form-contact-vr #loco-bottom .content-popup-img-vr { max-width: 100%; text-align: center; } #contact-showroom.no-event a { pointer-events: none; } .content-popup-vr .content-popup-div-vr ul {color: #333;list-style: none;font-size: 15px;} @media(max-width: 673px){ div#popup-form-contact-vr .content-popup-vr { display: block; } div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr { max-width: 100%; display: none; } } Top List WordPress Plugin - TopListWP
8.6 C
New York
Tuesday, December 10, 2024
Eduma Premium Education WordPress Theme
HomeTop List WordPressTop List WordPress Plugin

Top List WordPress Plugin

LearnPress vs LifterLMS: A Clear Comparison

If you're looking for a way to create and manage a website for online courses, chances are you have come across both LearnPress and...

10 Best WordPress Membership Plugins

Are you looking for the WordPress Membership Plugins to build, manage, and grow your memberships and protect your premium content? Obviously, it seems quite...

10 Best WordPress Gallery Plugin for Websites

The websites are going on a revolution on advertisements and art, and your web should be one of those. A proper-anticipated website must be...

10 Best WordPress Popup Plugins for WordPress Websites

WordPress Popup Plugin is one of the most important tools for every WordPress website. Once your website has a visitor, it will pop up...

10 Best Free & Premium WordPress Contact Form Plugins

Are you running a business and looking for a powerful WordPress website? At the same time, you also want to connect more and more...

10 Best WordPress Translate Plugins

Are you looking for a perfect and suitable WordPress Translate Plugin? To begin a business, creating a website is supposedly one of the vital steps...

10 Best WordPress Backup Plugins (Expert-Pick)

After having a WordPress website, the next important step for you is to install the best WordPress Backup Plugin. Basically, backup plugins help to...

10 Best WordPress Cache Plugins

Normally, WordPress is the first choice when you start creating a website. It's simple and easy to use for everyone. However, you should not...

10 Best Free and Pro WordPress Forum Plugins for Online Communities

To create a community online on your WordPress website, you absolutely need a WordPress Forum Plugin.  Normally, we find an online forum where we can...

Best WordPress Donation Plugins – Review

Are you a fundraiser? If yes, you absolutely need a WordPress Donation Plugin for your charity, non-profit, or relief fund website. If you are using...

10 Best Free & Paid WordPress Booking Plugins

If you are running a business such as a restaurant, cafe, hotel, travel, gym, and so much more, you probably need a WordPress website...

7 Best WordPress Security Plugins

Do you want to protect your business or personal website from malware, brute-force attacks, and hacking attempts? If yes, you should install one of...
Stay Connected
Eduma Premium Education WordPress Theme
Latest Articles