#reveal-call { overflow-y: visible; border: solid 0.73rem white; } @media screen and (max-width: 1200px) { #rng_luximmo_wrapper_btn { display: none !important; } } .fade-in-ringo { animation: fadeIn 0.35s ease-in forwards; } @keyframes fadeIn { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .wrapper-social-dropdown { right: 0 !important; bottom: 5rem !important; position: fixed; display: flex; justify-content: center; align-items: center; z-index: 20 !important; } .dropdown-social-btn { width: 60px; height: 60px; border: 2px solid #fff; background-color: #e10a0a; z-index: 9994; transform-origin: 50% 50% 0; position: absolute; bottom: 0; right: 20px; cursor: pointer; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .callback-ringo-btn-ui { width: 55px; height: 55px; border: 2px solid #e10a0a; background-color: #e10a0a; display: none; z-index: 9994; transform-origin: 50% 50% 0; position: absolute; bottom: 0; right: 20px; cursor: pointer; border-radius: 50%; display: flex; justify-content: center; align-items: center; opacity: .85; } .callback-ringo-btn-ui img{ scale:.8; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; z-index: 1; } .callback-ringo-btn-ui:hover img{ scale:.85; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -ms-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } .wrapper-social-dropdown .social--icons { text-decoration: none; width: 50px; height: 50px; bottom: 0; right: 35px; cursor: pointer; z-index: 9995; margin: 5px 0; position: absolute; transition-timing-function: ease-out; visibility: hidden; background: transparent; } /* .callback-ringo-btn-ui:after{ content: ''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: block; padding:1rem; padding: 4rem; } */ .wrapper-social-dropdown { z-index: 98; } @media screen and (max-width: 1150px) { .cd-auto-hide-header { z-index: 999 !important; } .wrapper-social-dropdown { position: fixed !important; top: unset !important; bottom: 0.5rem !important; } } /* TEST ANIM */ /* animation: ringostat_pulse2 2.5s infinite ease-in-out; transform-origin: 50% 50% 0; */ .ringo-circles-wrapper{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; background-color: #e10a0a; box-shadow: 0 0 0 15px rgba(5,94,167,0); -webkit-box-shadow: 0 0 0 15px rgba(5,94,167,0); -moz-box-shadow: 0 0 0 15px rgba(5,94,167,0); -ms-box-shadow: 0 0 0 15px rgba(5,94,167,0); -o-box-shadow: 0 0 0 15px rgba(5,94,167,0); box-shadow: 0 0 0 15px rgba(5,94,167,0); -webkit-transition: box-shadow .8s ease-in-out; -moz-transition: box-shadow .8s ease-in-out; -ms-transition: box-shadow .8s ease-in-out; -o-transition: box-shadow .8s ease-in-out; transition: box-shadow .8s ease-in-out; transform-origin: 50% 50% 0; } .callback-ringo-btn-ui { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; transform-origin: 50% 50% 0; } .callback-ringo-btn-ui:hover { opacity: 1; text-shadow: 0 0 12px rgb(35 35 35); } .callback-ringo-btn-ui:hover .ringo-circles-wrapper { background: #e10a0a; -webkit-box-shadow: 0 0 0 0 #e10a0a; -moz-box-shadow: 0 0 0 0 #e10a0a; -ms-box-shadow: 0 0 0 0 #e10a0a; -o-box-shadow: 0 0 0 0 #e10a0a; box-shadow: 0 0 0 0 #e10a0a; }