.loader { border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #1BA691; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; margin: 0 auto; } .suffixmatch { text-transform: uppercase; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .wp-text-link:hover { text-decoration:none; } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } .shake { -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } #overlay { position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; cursor: pointer; } #video_t { position: absolute; top: 50%; left: 50%; font-size: 50px; color: white; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .opacity-0 { opacity: 0 } .opacity-1 { opacity: 1 } @media screen and (max-width: 480px) { .wrapper { display: flex; justify-content: center; position: relative; } } video[poster] { object-fit: fill; } ::-webkit-scrollbar { width: 10px; height: 10px; } /* Track */ ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.4); } ::-webkit-scrollbar-track:horizontal { background: rgba(0, 0, 0, 0.4); } /* Handle */ ::-webkit-scrollbar-thumb { background: lightgreen; border-radius: 10px; } ::-webkit-scrollbar-thumb:horizontal { background: #1BA691; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #1BA691; } .sw a, .sw a:visited { color: #1BA691; } .sw a:hover { background-color: #1BA691; } .t_color a, .t_color a:visited { padding: 10px; color: white; } .t_color a:hover { padding: 10px; color: white; background-color: #1BA691; } .box { background: rgba(0, 0, 0, 0.2); padding: 15px; border-radius: 20px; color: lightgreen; } .sp_green{ color: lightgreen !important; } .walink, .walink:visited { color: #fff; } .wp-rectangle { padding: 20px 10px 20px 10px; border-radius: 10px; background: #1BA691; color: white; border: 0px solid white; text-decoration: none; width: 160px; } .wp-rectangle:hover { /*background-color:#4DCB5B;*/ background: #1BA691; color: white; border: 0px solid white; text-decoration: none; animation: bounce; animation-duration: 2s; } .swtoggle { color: lightgreen !important; border-radius: 10px; } @media (pointer: coarse), (hover: none) { [title]:focus::after { content: attr(title); color: #000; background-color: #fff; margin-top: 20px; border: 1px solid; width: fit-content; padding: 3px; } } .shakes { width: 40px; height: 40px; border-radius: 50%; } .shakes:hover { background: #36BE4A; box-shadow: 0 0 20px #36BE4A; /* Start the shake animation and make the animation last for 0.5 seconds animation: shake 0.5s; */ /* When the animation is finished, start again */ /* animation-iteration-count: infinite; */ } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .offer_form input[type="text"] { background-color: black; color: lightgreen; font-weight: bold; font-size: 20px; text-align: center; } .offer_form ::placeholder { color: lightgreen; font-size: 20px; opacity: 1; } .offer_form :-ms-input-placeholder { color: lightgreen; font-size: 20px; } .offer_form ::-ms-input-placeholder { color: lightgreen; font-size: 20px; } .video { border: 0px solid black; } .wrapper { display: flex; justify-content: center; position: relative; } .wrapper>div { width: 220px; height: auto; position: relative; } .playpause { width: 55px; height: 72px; bottom: 0; right: -14px; top:320px; cursor: pointer; position: absolute; } svg.arrow { width: 36px; height: 72px; filter: drop-shadow(2px 2px 2px rgba(173, 255, 241, 0.81)); position: relative; animation: 3s ease 0s infinite beat; } .line1 { fill: hsla(170, 100%, 33%, 1); filter: url(#shadow); -webkit-filter: url(#shadow); -webkit-animation: light-pulse 3s infinite; -moz-animation: light-pulse 3s infinite; animation: light-pulse 3s infinite; } @keyframes beat { 0%, 50%, 100% { transform: scale(1, 1); } 30%, 80% { transform: scale(0.92, 0.95); } } @keyframes light-pulse { 1% { fill: hsl(170, 100%, 33%); } 50% { fill: hsl(170, 100%, 88%); } 100% { fill: hsl(170, 100%, 33%); } } @-webkit-keyframes light-pulse { 1% { fill: hsl(170, 100%, 33%); } 50% { fill: hsl(170, 100%, 88%); } 100% { fill: hsl(170, 100%, 33%); } } svg.arrow .line1 { filter: brightness(1); } .subscribe-container { padding: 10px; } .subscribe-container h5 { color: #fff; } .subscribe-container .input-group { margin-bottom: 10px; display: flex; justify-content: center; } .subscribe-container input[type=email] { display: table-cell; color: lightgreen; width: 250px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; background-image: none; background-color: #0a0a0a; border: 1px solid #3a3a3a; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin: 0; } .subscribe-container .input-group-btn { display: table-cell; position: relative; font-size: 0; white-space: nowrap; vertical-align: middle; height: 34px; } .subscribe-container .btn { margin: 0; border-radius: 0 4px 4px 0 !important; -moz-border-radius: 0 4px 4px 0 !important; -webkit-border-radius: 0 4px 4px 0 !important; color: #fff; background-color: #1BA691; border: 1px solid #156F61; z-index: 2; margin-left: -1px; } .alert-success { color: #fff; font-size: 2rem; padding: 10px; background-color: rgba(20, 217, 152, 0.5); } .p-0 { padding: 0 } .border-0 { border: none } .rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } .offer_form input { height: 35px; border: none; border-radius: 10px; padding: 5px 10px; } .offer_form button { border: none; background: none; margin-top: 5px; } .bincontainer { margin-top: 10px; } .leftcontainer { padding-left: 0 !important } .close-modal { top: 1.5px !important; right: 1.5px !important; } .jquery-modal { z-index: 1000 !important; } .LDS_Button { background-color: #1BA691; border-radius: 10px; border: none; color: white; padding: 5px; padding-left: 10px; padding-right: 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; } .d-none { display: none } /* video popup styling */ .video-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0,0.4); overflow-y: auto; } .popup-video { max-width: 400px; margin: 30px auto; background-color: #fff; } blockquote { padding: 12px 0; } .close-btns { padding: 5px 10px; float: right; font-size: 21px; font-weight: 700; color: #000; border: 0; background: transparent; cursor: pointer; } @media (max-width: 768px) { .popup-video { max-width: 350px; } .tiktok-embed { width: 300px !important; min-width: 300px !important; margin: 10px auto !important; } .close-btns { padding: 10px; width: 100%; display: flex; justify-content: flex-end; } } /* video popup styling end */ .parent { position: relative; } .whatsappImage { position: relative; } .loadingImage { position: absolute; top: 26%; left: 66.5%; }

OnlineZone.com

Site Name Reserved

Dave Lahoti Connect With Me On WhatsApp WhatsApp
Subscribe to Alerts
Unregistered Alternatives

17+ Public Site Names Start With:
OnlineZone

OnlineZone.biz
OnlineZone.fun
OnlineZone.info
OnlineZone.live
OnlineZone.net
OnlineZone.online
OnlineZone.org
OnlineZone.pro
OnlineZone.shop
OnlineZone.site
OnlineZone.us
OnlineZone.xyz
Online-Zone.com
OnlineZone360.com
OnlineZoneComputers.com
OnlineZoneIt.com
OnlineZoneS.com

VIEW ALL

OnlineZonedigitalservice.org