.fone { font-size: 22px; color: #f00; line-height: 40px; font-weight: bold; padding-left: 45px; margin: 0 0;}.fix_tel { position:fixed; bottom:370px; right:0; z-index:999;}.fix_tel a {text-decoration: none; display:block;}.tel { background: #eee;width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc;}.ring-alo-phone { background-color: transparent; cursor: pointer; height: 80px; position: absolute; transition: visibility 0.5s ease 0s; visibility: hidden; width: 80px; z-index: 200000 !important;}.ring-alo-phone.ring-alo-show { visibility: visible;}.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover { opacity: 1;}.ring-alo-ph-circle { animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 70px; left: 10px; opacity: 0.1; position: absolute; top: 12px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px;}.ring-alo-phone.ring-alo-active .ring-alo-ph-circle { animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}.ring-alo-phone.ring-alo-static .ring-alo-ph-circle { animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle { border-color: #f00; opacity: 0.5;}.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle { border-color: #baf5a7; opacity: 0.5;}.ring-alo-phone.ring-alo-green .ring-alo-ph-circle { border-color: #f00; opacity: 0.5;}.ring-alo-ph-circle-fill { animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim; background-color: #000; border: 2px solid transparent; border-radius: 100%; height: 30px; left: 30px; opacity: 0.1; position: absolute; top: 33px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 30px;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); opacity: 0.75 !important;}.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: 0.75 !important;}.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); opacity: 0.75 !important;}.ring-alo-ph-img-circle { animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim; border: 2px solid transparent; border-radius: 100%; height: 30px; left: 30px; opacity: 1; position: absolute; top: 33px; transform-origin: 50% 50% 0; width: 30px;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle { background-color: #f00;}.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle { background-color: #75eb50;}.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle { background-color: #f00;}@keyframes ring-alo-circle-anim { 0% { opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); }}@keyframes ring-alo-circle-img-anim { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); }}@keyframes ring-alo-circle-fill-anim { 0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } } .ring-alo-ph-img-circle a img { padding: 1px 0 0 1px; width: 30px; position: relative; top: -1px; }}a.taq-button{ border: none; cursor: pointer; padding: 0 15px 0 60px; display: inline-block; margin: 10px 0 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #c7c7c7; color: #fff !important; text-decoration: none !important; font-size: 14px; height: 45px; line-height: 45px; opacity: .9; overflow: hidden;}a.taq-button.without-icon{padding: 0 15px !important;} .ring-alo-phone.ring-alo-green .ring-alo-ph-circle { border-color: #f00; background-color: #f00; border-color: #f00; opacity: 0.5; }