/*Call String New*/ .callStringNew.footerNumShow { padding-top: 10px; padding-bottom: 9px; display: none; } .callStringNew { justify-content: flex-start; align-items: center; position: fixed; background-color: #1c1531 !important; bottom: 0px; left: 1px; width: 99%; z-index: 1 !important; margin: 0 auto; /* border: 1px solid #f9cd07;*/ border-radius: 6px; /*border-left-width: 7px;*/ } .callStringNew a { color: #000; padding-left: 12px; font-size: 12px; font-weight: 600; text-align: center; display: block; padding-bottom: 1px; line-height: 25px; position: relative; top: -1px; z-index: 10; text-decoration: none; } .callStringNew .callIcon { position: relative; right: 12px; } .callImgGirl { position: absolute; top: -9px; left:10px; width: 80px; display: block; } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.3, 1.3); } 100% { transform: scale(1, 1); } } .wifi-symbol { display: block; position: absolute; top: 5px; left: 6px; display: inline-block; height: 36px; } .wifi-symbol .wifi-circle { box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: 100%; height: 100%; font-size: 21.4285714286px; position: absolute; bottom: 0; left: 0; border-color: #fff; border-style: solid; border-width: 2px 2px 0 0; -webkit-border-radius: 0 100% 0 0; border-radius: 0 100% 0 0; opacity: 0; -o-animation: wifianimation 2.5s infinite; -moz-animation: wifianimation 2.5s infinite; -webkit-animation: wifianimation 2.5s infinite; animation: wifianimation 2.5s infinite; } .wifi-symbol .wifi-circle.first { -o-animation-delay: 800ms; -moz-animation-delay: 800ms; -webkit-animation-delay: 800ms; animation-delay: 800ms; width: 15px; height: 15px; left: 16px; top: 0px; } .wifi-symbol .wifi-circle.second { width: 12px; height: 12px; -o-animation-delay: 400ms; -moz-animation-delay: 400ms; -webkit-animation-delay: 400ms; animation-delay: 400ms; left: 14px; top: 5px; } .wifi-symbol .wifi-circle.third { width: 8px; height: 8px; left: 12px; top: 10px; } .wifi-symbol .fourth { width: 30px; height: 36px; background: url(../images/animatePhone.png) left center no-repeat; background-size: 20px; display: inline-block; } @keyframes wifianimation { 0% { opacity: 1; } 5% { opactiy: 1; } 6% { opactiy: .8; } 100% { opactiy: .8; } } .callStringNew .rightCall { display: flex; width: 100%; text-align: center; justify-content: center; padding-right: 7px; padding-left: 47px; } /*.callStringNew a span { font-size: 25px; display: block; padding-top: 0; letter-spacing: 2px; font-weight: bold; font-family: 'Montserrat'; }*/ .callStringNew a span._speak { font-size: 14px; font-weight: 500; letter-spacing: normal; } .callStringNew.showTop img { display: inline-block; } .callStringNew.showTop { -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; top: 0; bottom: auto; padding: 5px; padding-bottom: 2px; } .callStringNew.showTop .rightCall { justify-content: flex-start; } .callStringNew.showTop a { line-height: 24px; padding-bottom: 2px; top: -1px; } .callStringNew .fulclk { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .fulclk ._call-num { font-size: 0 !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .callStringNew a span._callphone { padding-left: 5px; font-weight: 700; color: #fff; font-size:15px; } .callStringNew a small { color: #000000; background-color: #ffe000; border-radius: 5px; padding: 3px 5px; font-weight: 400; letter-spacing: 1px; } .callStringNew a span._numcall { font-size: 26px; display: block; padding-top: 0; font-weight: bold; color: #f3f3f3; } .callIcon1 { position: relative; right:15px; top: 1px; } .callStringNew a._phonebox { width: 40px; height: 40px; background: #007c04; border: 2px solid #fff; display: flex; border-radius: 50%; justify-content: center; align-items: center; animation: zoom-in-zoom-out 2s ease-out infinite; } .footerNumShow { display: flex !important; } .footerNumShow .phone-call { background: transparent !important; height: auto; width: auto; border-radius: 50%; left: 0; } .footer-call-section { display: none } @media only screen and (max-width: 600px) { .footer-call-section { display: block; } } .wifi-symbol02 { display: block; position: absolute; top: 6px; left: 12px; display: inline-block; height: 36px; } .wifi-symbol02 .wifi-circle { box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: 100%; height: 100%; font-size: 21.4285714286px; position: absolute; bottom: 0; left: 0; border-color: #fff; border-style: solid; border-width: 2px 2px 0 0; -webkit-border-radius: 0 100% 0 0; border-radius: 0 100% 0 0; opacity: 0; -o-animation: wifianimation 2.5s infinite; -moz-animation: wifianimation 2.5s infinite; -webkit-animation: wifianimation 2.5s infinite; animation: wifianimation 2.5s infinite; } .wifi-symbol02 .wifi-circle.first { -o-animation-delay: 800ms; -moz-animation-delay: 800ms; -webkit-animation-delay: 800ms; animation-delay: 800ms; width: 15px; height: 15px; left: 16px; top: 0px; } .wifi-symbol02 .wifi-circle.second { width: 12px; height: 12px; -o-animation-delay: 400ms; -moz-animation-delay: 400ms; -webkit-animation-delay: 400ms; animation-delay: 400ms; left: 14px; top: 5px; } .wifi-symbol02 .wifi-circle.third { width: 8px; height: 8px; left: 12px; top: 10px; } .wifi-symbol02 .fourth { width: 30px; height: 36px; /* background: url(../images/animatePhone.png) left center no-repeat;*/ background-size: 20px; display: inline-block; } @keyframes wifianimation { 0% { opacity: 1; } 5% { opactiy: 1; } 6% { opactiy: .8; } 100% { opactiy: .8; } }