372 Results
Empowering Frontline Staff with Modern Technology
In this eBook, we'll discuss the various physical and mental effects of shift work, and how technology can help overcome them.
Harry Spicer
21 February 2018 |
About this eBook Frontline staff are the face of your business. Interactions with sales staff, cashiers, customer support, and other frontline workers often shape the opinion of a brand, regardless of how good the product is. At the end of the day, the experience they create is what clients will remember. In carrying out their jobs, they provide great customer experience, increase customer retention, elevate the brand, and grow the business. In this eBook, Tanda will take you through why empowering frontline workers matters, and how you can leverage technology to achieve that. What\'s inside Why Frontline Workers Matter Empowering Frontline Staff with Modern Tech Investing in workforce management software Name Work email Business name Company size Download
Adding unavailability just got way simpler!
The new Tanda Mobile App is really starting to take off with over 5,000 new users in the last month. On the back of some customer feedback, we have added our most requested feature, the option to enter unavailability in the app. Native Mobile Experience for Employees Employees have always been able to enter the […]
Team Tanda
20 February 2018 |
The new Tanda Mobile App is really starting to take off with over 5,000 new users in the last month. On the back of some customer feedback, we have added our most requested feature, the option to enter unavailability in the app. Native Mobile Experience for Employees Employees have always been able to enter the times they are unavailable via an online portal, but it was not always easy to get to. Now, a better version of this functionality is available any time through the app – meaning employees have a single location to check their rosters and also let their manager know when they can’t work. Once an employee enters their unavailability, we’ll let their manager know with an email. Filing of unavailability directly within the app Recurring unavailability can be scheduled (e.g. for students with classes) Real-time roster updates whenever an employee adds or changes their unavailability Using Unavailability Knowing the time your employees prefer not to work helps you plan a roster that works better for everyone. Tanda lets you do this in two ways. You can see all unavailability requests via My Tanda under ‘Time Off’ > ‘Unavailability’. You will be notified if you create a shift for someone that clashes with their availability. It doesn’t stop you from rostering the person at that time, it just gives you a heads-up about their schedule. Getting your Employees to install the Tanda Mobile App Encourage your employees to install the app directly from the Apple App Store (for iOS) and Google Play Store (for Android) by searching for ‘Tanda Employee App’. If you have any questions about your employee’s account or how to use the app, visit our Help Centre. You can also send an email to [email protected] and we’d be happy to help.
Introducing the Tanda Mobile App!
Tanda now has a mobile app, this means your employees have one simple location where they can see their roster and know exactly when they are working. Additionally, they can let their managers know when they are unavailable or would like to file for leave. What your staff can do right now with the […]
Team Tanda
5 February 2018 |
Tanda now has a mobile app, this means your employees have one simple location where they can see their roster and know exactly when they are working. Additionally, they can let their managers know when they are unavailable or would like to file for leave. What your staff can do right now with the app As of now, your staff can: View their shift roster View and apply for leave Enter unavailability In the coming weeks and months we will be adding many more exciting timesheet updates, as well as features for managers! How to get your staff to use the app Your staff can download the app on the Apple App Store or Google Play Store. Just search for “Tanda Employee App”: There will also be links to the app at the bottom of the roster email when you send that out. What if my staff don’t have an existing Tanda login? That’s no problem, all they need to know is their Tanda email address (the one they use to receive roster emails). Once they have downloaded the app, they simply click “I don’t know my password” and they will be prompted to enter their Tanda email for instructions. From here, they will receive a password reset link. After creating a password, they can then log in to the app! If you have any questions about your employee’s account or how to get your staff to use it, please contact [email protected] and we’d be happy to help.
Careers
Careers at Tanda As one of Australia’s fastest-growing technology companies, a career at Tanda gives you the opportunity to build skills and develop your career quickly. See all open positions What is Tanda? Tanda is one of the world’s leading developers of cloud-based workforce management software, based in Australia. Our mission is to pay staff […]
Josh Cameron
15 September 2017 |
Careers at Tanda As one of Australia’s fastest-growing technology companies, a career at Tanda gives you the opportunity to build skills and develop your career quickly. See all open positions .elementor-widget-wistia > .elementor-widget-container { overflow: hidden; } What is Tanda? Tanda is one of the world’s leading developers of cloud-based workforce management software, based in Australia. Our mission is to pay staff correctly for the time they work, quickly and compliantly. Thousands of clients all around the world use Tanda’s rostering, compliance and forecasting tools to create better and more efficient workplaces. Read our customer stories About us Tanda is a proud Brisbane-based company, founded by four QUT students back in 2012. Our culture reflects this – our office is vibrant, fun, and outcome focussed. If you like working alongside a high-energy team to get results and have a great time along the way, Tanda is for you. Meet the team Hear from our team on why Tanda is the right workplace for them. \"I\'ve had the privilege of working at Tanda for over 5 years. During this time, I\'ve developed professionally from an Implementation Consultant in Brisbane to a Product Manager in London. None of this would have been possible without the support and opportunity provided by Tanda.\" Bridget O\'Hare Product Manager UK \"Tanda is fortunate to have a customer base full of businesses who are true leaders in their respective industries. Working alongside an extremely talented team to help those businesses is one of the most rewarding parts of my role.\" Ryan Johnston Head of Customer Success \"Working in the Tanda product team, you really get to see the impact of your work. The act of taking an idea from conception to our clients\' hands is incredibly rewarding. I love that I can see the difference we\'re making to employees and managers\' lives.\" Hugo Kawamata Software Developer AU “Developing skills across a variety of channels is really important for career growth, and Tanda has played a huge part in encouraging me to explore and learn anything I\'m interested in, which is awesome.” Scott McDonald Talent Acquisition Manager AU \"No two days are the same at Tanda and it’s wonderful to work with such a driven, innovative and collaborative team where nothing feels off-limits. I\'ve thoroughly enjoyed my time at Tanda.\" Isabella McCarthy Customer Success AU \"Working at Tanda is about so much more than just software, I get to develop my skills and knowledge, and every day I help people get back lost time by improving their business processes\" Maclin Irvine Account Manager AU \"Through my role, I provide our clients with a solution to the challenge that is award compliance. The ease with which Tanda can interpret modern awards is a wonderful service to be a part of.\" Elsa Bland Compliance Consultant \"Working at Tanda for me has given me the opportunity to learn every day. Other jobs can become repetitive, but working at Tanda has allowed me to grow and use my skills with new and existing clients.\" Jill Bailey Healthcare Sales AU \"Our team is always willing to commit time to help me overcome an obstacle or to teach me something new, and for me, that\'s one of the best things about working at Tanda.\" Harrison Porter Associate Product Manager Purpose Eliminate employment friction for shift and hourly workers Reduce the global unemployment rate Principles Every customer gets the same code There are no silver bullets, but there is compounding revenue growth Talk to each other in person, the worst form of communication is a text comment Talk to customers Question the fundamental building blocks of the world The thing that sets us apart is speed The best way to make the world a better place tomorrow, is to gain more market share today Get it done Start your career with Tanda! If you’re looking to develop your skills in one of the fastest-growing, most innovative industries in the world, you’ve come to the right place. View job openings
Why Fingerprint Scanners Don’t Work for Time and Attendance
You think fingerprint time clocks are the best tools for tracking employee time and attendance? Think again.
Team Tanda
21 August 2017 |
The ability to quickly identify and verify individuals has been a crucial skill in human society, since the start of civilization. Where previously face-to-face recognition would have sufficed in tribes and small villages, thanks to today’s rapidly growing global population we require more tools to quickly identify who someone is. In the workplace, the need to identify individuals is particularly important, as it’s often tied to staff attendance, payroll, and workplace security. Throughout the years various solutions have been used to verify staff attendance from paper timesheets, to the Bundy Clock, to fingerprint and biometric scanners. Despite the best efforts of some die-hard fans, the fingerprint scanner has reached its limit, being surpassed by the electronic time clock. With so many other solutions available at our fingertips, why are some people so desperately clinging to their fingerprint scanner? Surely we’ve all seen enough spy movies to know fingerprint scanners aren’t foolproof, let alone feasible in today’s day and age where most of the fun comes from trying to fool the system. And yet, it’s something that we still occasionally hear, “why don’t you have fingerprint scanners?” So to put the debate to rest once and for all, here are three reasons why fingerprint scanners don’t work. And before you start saying, ‘but what about this…” here are three great reasons why the electronic time clock has surpassed the fingerprint scanner. 3 Reasons Why Fingerprint Scanners Don’t Work to Track Staff Attendance 1. They’re Expensive No matter which way you look at it, fingerprint scanners are expensive equipment. Despite the fact that the technology has been around for years, the cost of the device still remains relatively high, potentially setting you back a few thousand dollars. In addition to the device, the cost of the integration between the scanner and corresponding system can be expensive to build. The scanners are delicate and aren’t always built to handle the hundreds of fingerprints pressed onto them throughout their lifetime. Which brings me to my next point… 2. They’re Unreliable Unlike your favorite FBI crime-show encryption-grade biometric scanners, workplace fingerprint scanners are notoriously unreliable. In order to correctly identify and record an individual, fingerprint scanners require a clear image or impression of your fingerprint. Fingers that are dirty, greasy, cold or wet for example, often don’t register on the scanner, making it hard to both clock out and verify the individual. Employers who prefer to use fingerprint scanners, do so because they think it’s easier than remembering a passcode. However should the fingerprint scanner fail to register the scan, some systems will request a passcode. Not only is this an additional hassle to staff who are trying simply to clock in or out, but it also opens the window to time theft through buddy clocking. 3. Maintenance is a Pain As previously mentioned, fingerprint scanners are not cheap. They’re a costly purchase and are even more expensive to repair or replace when they wear out. Repairing a broken scanner requires a specialized technician and often costly parts. On the occasion that it is easier to replace than repair, users often run into more problems as they are not readily available at your local electronics store. On top of this, users often experience issues around the device’s durability, which lead to additional maintenance costs and ultimately a new device down the track. Introducing the 21st Century Solution Electronic time clocks are the most robust, user-friendly, and affordable solution to record staff attendance. According to Statista, 38.59 million British people are expected to own a tablet device this 2017. Leveraging this statistic, a tablet-based time clock like Tanda can provide an effective and consistent solution to time theft, streamlining your entire payroll process. 3 Reasons Why Electronic Time Clocks are the Market Leading Solution: 1. Affordability Tablets in their various forms have started to become more commonplace in businesses of all sizes. This is thanks to more core business functions such as POS, inventory, and payment processing, becoming available on tablet devices. This technology is providing business owners with greater mobility to engage with customers, as well as streamlining core business activities in one device. Time Clock tablets are easily accessible, affordable and present a number of additional benefits to a business looking to improve their customer offering. 2. Robust and Reliable Thanks to the prevalence of tablet usage, most people are familiar with how to use a tablet and how they should be treated. Tablets are touch-screen based and as such built to handle lots of little fingers pushing and tapping the screen. Tanda’s Time Clock verifies staff attendance through photos and PIN code verification. Which means that unlike a fingerprint scanner, it doesn’t matter if staff have dirty or wet fingers, they’ll still be able to clock out the first time around. The timestamp and photo verification also make it quick and easy for managers and business owners to quickly check that the right person has clocked in and out for the correct shift. 3. Cloud-Based for More Options Using a cloud-based Time Clock solution like Tanda provides users with more options, which enable rather than restrict the user. Software maintenance and upgrades are not required, as they’re done automatically in the system. Devices are easy to replace and interchangeable, and should the system connection be disrupted, all clock in data is stored locally and uploaded to the cloud later. In addition to this, as a backup, users can access the Time Clock app through a browser on a desktop. Using a cloud solution to track staff attendance provides unparalleled opportunities to streamline additional business administration tasks, as well as providing greater insight into labor costs, staff punctuality, and staff engagement. Workplaces are busy places, and managers have much better things to spend their time on than trying to get the fingerprint scanner to work. Using electronic Time Clocks to track employee attendance allows staff to clock in quickly and efficiently so that they can get out of the backroom and working in your business. Because at the end of the day, you need a system that is affordable, reliable, and accessible, so that you can get on with paying staff and focusing on your business.
Au-Payroll-Integration
Rowleth Manalastas
17 August 2017 |
Payroll Add-ons Paying people right made easy with a wide range of seamless integrations with all major payroll systems. BOOK A DEMO No credit card required. Fast and accurate payroll integrations Export in a single click to over 50 payroll systems. Tanda exports award-interpreted timesheets directly to your payroll system, ready for your next pay run. Error-free Data Entry Tanda exports all timesheet and wage data to your payroll system to avoid any costly data entry errors. Pay Item Management Tanda automatically matches your payroll items in your payroll software, making it easy to manage and track wage costs. Gross Wage Calculation Tanda’s robust award interpreter automatically breaks down your timesheets and calculates each employee’s gross wages, saving you time and reducing errors. One-click Payroll Save time with our one-click payroll integrations that automatically push approved timesheets from Tanda to your payroll system for fast and accurate processing of pay runs. BOOK A DEMO 2-way Sync Reduce admin time and improve reporting with our integrations that create and update pay items in your payroll system to match the relevant industry award. Compliance First Have peace of mind that staff are paid correctly. Let Tanda create and manage employee pay rates with automatic updates and multi-directional sync when Fair Work releases changes, staff have birthdays, or get promoted. Integrations Integrate Tanda with payroll and POS systems you already use POS PARTNERS PAYROLL PARTNERS Thousands of people across the globe use, and recommend, Tanda “I have used lots of other payroll software and I have found Tanda and Xero to be extremely user friendly and simple to complete a payroll.” Rebekah Eley, Farquhar Kitchens “Give Tanda a go, and watch very quickly how much more control and how much more understanding you have of your business – and you’ll look back and you’ll go, ‘why was I doing it any other way?’” Adrian Rosato, Director of rawGroup Hospitality “Tanda will be an essential tool for us moving forward as it will scale effortlessly.” Andres Shub, Chief Operating Officer at Mon Purse and Tanda Client Integrate your payroll with Tanda today BOOK A DEMO Learn more about Award Interpretation Let Tanda automatically calculate and update your wages and base rates Explore our payroll integrations Find your payroll system in our full list of add-ons
Au-Free Online Timesheet Calculator
Free Rostering Template for Excel Sheets Use this template to eliminate paperwork and create easier communication between you and your employees. Share your scheduling worksheet to your staff! The template is on Google Sheets and can be easily shared with read-only access. You can also communicate to your staff any changes in the roster with […]
Rowleth Manalastas
8 August 2017 |
Free Rostering Template for Excel Sheets Use this template to eliminate paperwork and create easier communication between you and your employees. /* */ /* */ #gform_wrapper_79[data-form-index=\"0\"].gform-theme,[data-parent-form=\"79_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image/svg+xml,%3Csvg width=\'8\' height=\'14\' viewBox=\'0 0 8 14\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E\");--gf-icon-ctrl-select: url(\"data:image/svg+xml,%3Csvg width=\'10\' height=\'6\' viewBox=\'0 0 10 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E\");--gf-icon-ctrl-search: url(\"data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'640\' height=\'640\'%3E%3Cpath d=\'M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);} Name(Required) Work email(Required) Business name Company size Download /* = 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find(\'#gform_wrapper_79\');var is_confirmation = jQuery(this).contents().find(\'#gform_confirmation_wrapper_79\').length > 0;var is_redirect = contents.indexOf(\'gformRedirect(){\') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery(\'html\').css(\'margin-top\'), 10) + parseInt(jQuery(\'body\').css(\'margin-top\'), 10) + 100;if(is_form){jQuery(\'#gform_wrapper_79\').html(form_content.html());if(form_content.hasClass(\'gform_validation_error\')){jQuery(\'#gform_wrapper_79\').addClass(\'gform_validation_error\');} else {jQuery(\'#gform_wrapper_79\').removeClass(\'gform_validation_error\');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window[\'gformInitDatepicker\']) {gformInitDatepicker();}if(window[\'gformInitPriceFields\']) {gformInitPriceFields();}var current_page = jQuery(\'#gform_source_page_number_79\').val();gformInitSpinner( 79, \'https://www.tanda.co/wp-content/plugins/gravityforms/images/spinner.svg\', true );jQuery(document).trigger(\'gform_page_loaded\', [79, current_page]);window[\'gf_submitting_79\'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find(\'.GF_AJAX_POSTBACK\').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery(\'#gform_wrapper_79\').replaceWith(confirmation_content);jQuery(document).trigger(\'gform_confirmation_loaded\', [79]);window[\'gf_submitting_79\'] = false;wp.a11y.speak(jQuery(\'#gform_confirmation_message_79\').text());}, 50);}else{jQuery(\'#gform_79\').append(contents);if(window[\'gformRedirect\']) {gformRedirect();}}jQuery(document).trigger(\'gform_post_render\', [79, current_page]);gform.utils.trigger({ event: \'gform/postRender\', native: false, data: { formId: 79, currentPage: current_page } });} );} ); /* ]]> */ Share your scheduling worksheet to your staff! The template is on Google Sheets and can be easily shared with read-only access. You can also communicate to your staff any changes in the roster with the comment feature. Do more with Tanda’s online rostering software Build rosters to match customer demand with Tanda’s online rostering software. See staff availability as you go, save templates, set budgets and cost rosters to make sure you never go over budget. Book a demo Start free trial Tanda’s new Employee Time Clock is here! Download the free Time Clock app to automatically create your timesheets. Get the new app <span data-metadata="\"><span data-buffer="\">Try another one of our tools Free resources, client stories, partner updates, and Tanda’s product release notes all in one place. Tanda’s comprehensive legal guide to performance management Read Tanda’s guide to the law around performance management in Australia. How to Streamline Your Hiring Process Find out how to hire staff faster with Tanda. Performance Management in Small and Medium Businesses Learn some practical tips about how to manage your employees from Tanda’s Nick Braban. Back to resource hub Ready to elevate staff engagement? Over 10,000 customers are achieving Workforce Success with Tanda today.Try a 14-day FREE trial. No credit card required. Get started
Free Roster Template for Excel
Free Rostering Template for Excel Sheets Use this template to eliminate paperwork and create easier communication between you and your employees. Name Enter your name Business Name Enter your business name Business Email Enter a valid email No. of staff How many staff do you have? Download Thank you! Check your inbox. We’ve sent you […]
Josh Cameron
13 April 2017 |
.fl-builder-content *,.fl-builder-content *:before,.fl-builder-content *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.fl-row:before,.fl-row:after,.fl-row-content:before,.fl-row-content:after,.fl-col-group:before,.fl-col-group:after,.fl-col:before,.fl-col:after,.fl-module:before,.fl-module:after,.fl-module-content:before,.fl-module-content:after {display: table;content: \" \";}.fl-row:after,.fl-row-content:after,.fl-col-group:after,.fl-col:after,.fl-module:after,.fl-module-content:after {clear: both;}.fl-row,.fl-row-content,.fl-col-group,.fl-col,.fl-module,.fl-module-content {zoom:1;}.fl-clear {clear: both;}.fl-clearfix:before,.fl-clearfix:after {display: table;content: \" \";}.fl-clearfix:after {clear: both;}.fl-clearfix {zoom:1;}.fl-visible-medium,.fl-visible-medium-mobile,.fl-visible-mobile,.fl-col-group .fl-visible-medium.fl-col,.fl-col-group .fl-visible-medium-mobile.fl-col,.fl-col-group .fl-visible-mobile.fl-col {display: none;}.fl-row,.fl-row-content {margin-left: auto;margin-right: auto;}.fl-row-content-wrap {position: relative;}.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {background-attachment: scroll;}.fl-row-bg-video,.fl-row-bg-video .fl-row-content,.fl-row-bg-embed,.fl-row-bg-embed .fl-row-content {position: relative;}.fl-row-bg-video .fl-bg-video,.fl-row-bg-embed .fl-bg-embed-code {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;}.fl-row-bg-video .fl-bg-video video,.fl-row-bg-embed .fl-bg-embed-code video {bottom: 0;left: 0px;max-width: none;position: absolute;right: 0;top: 0px;}.fl-row-bg-video .fl-bg-video iframe,.fl-row-bg-embed .fl-bg-embed-code iframe {pointer-events: none;width: 100vw;height: 56.25vw; max-width: none;min-height: 100vh;min-width: 177.77vh; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }.fl-bg-video-fallback {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;bottom: 0px;left: 0px;position: absolute;right: 0px;top: 0px;}.fl-row-bg-slideshow,.fl-row-bg-slideshow .fl-row-content {position: relative;}.fl-row .fl-bg-slideshow {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 0;}.fl-builder-edit .fl-row .fl-bg-slideshow * {bottom: 0;height: auto !important;left: 0;position: absolute !important;right: 0;top: 0;}.fl-row-bg-overlay .fl-row-content-wrap:after {border-radius: inherit;content: \'\';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-row-bg-overlay .fl-row-content {position: relative;z-index: 1;}.fl-row-full-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;min-height: 100vh;}.fl-row-overlap-top .fl-row-content-wrap {display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;}.fl-row-custom-height .fl-row-content-wrap {min-height: 0;}.fl-builder-edit .fl-row-full-height .fl-row-content-wrap {min-height: calc( 100vh - 48px );}.fl-row-full-height .fl-row-content,.fl-row-custom-height .fl-row-content {-webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}.fl-row-full-height .fl-row-full-width.fl-row-content,.fl-row-custom-height .fl-row-full-width.fl-row-content {max-width: 100%;width: 100%;}.fl-builder-ie-11 .fl-row.fl-row-full-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile),.fl-builder-ie-11 .fl-row.fl-row-custom-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile) {display: flex;flex-direction: column;height: 100%;}.fl-builder-ie-11 .fl-row-full-height .fl-row-content-wrap,.fl-builder-ie-11 .fl-row-custom-height .fl-row-content-wrap {height: auto;}.fl-builder-ie-11 .fl-row-full-height .fl-row-content,.fl-builder-ie-11 .fl-row-custom-height .fl-row-content {flex: 0 0 auto;flex-basis: 100%;margin: 0;}.fl-builder-ie-11 .fl-row-full-height.fl-row-align-top .fl-row-content,.fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content,.fl-builder-ie-11 .fl-row-custom-height.fl-row-align-top .fl-row-content,.fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content {margin: 0 auto;}.fl-builder-ie-11 .fl-row-full-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height),.fl-builder-ie-11 .fl-row-custom-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height) {display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-ms-flex-pack: center;}.fl-row-full-height.fl-row-align-center .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {align-items: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-ms-flex-pack: center;}.fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {align-items: flex-end;justify-content: flex-end;-webkit-align-items: flex-end;-webkit-justify-content: flex-end;-webkit-box-align: end;-webkit-box-pack: end;-ms-flex-align: end;-ms-flex-pack: end;}.fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,.fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {justify-content: flex-start;-webkit-justify-content: flex-start;}@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){.fl-row-full-height .fl-row-content-wrap{min-height: 1024px;}}@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape){.fl-row-full-height .fl-row-content-wrap{min-height: 768px;}}@media screen and (device-aspect-ratio: 40/71) {.fl-row-full-height .fl-row-content-wrap {min-height: 500px;}}.fl-col-group-equal-height,.fl-col-group-equal-height .fl-col,.fl-col-group-equal-height .fl-col-content{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}.fl-col-group-equal-height{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}.fl-col-group-equal-height.fl-col-group-has-child-loading {-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}.fl-col-group-equal-height .fl-col,.fl-col-group-equal-height .fl-col-content{-webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}.fl-col-group-equal-height .fl-col-content{-webkit-box-orient: vertical; -webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; flex-shrink: 1; min-width: 1px; max-width: 100%;width: 100%;}.fl-col-group-equal-height:before,.fl-col-group-equal-height .fl-col:before,.fl-col-group-equal-height .fl-col-content:before,.fl-col-group-equal-height:after,.fl-col-group-equal-height .fl-col:after,.fl-col-group-equal-height .fl-col-content:after{content: none;}.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {align-items: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-ms-flex-pack: center;}.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {justify-content: flex-end;-webkit-justify-content: flex-end;-webkit-box-align: end;-webkit-box-pack: end;-ms-flex-pack: end;}.fl-col-group-equal-height.fl-col-group-align-center .fl-module,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {width: 100%;}.fl-builder-ie-11 .fl-col-group-equal-height,.fl-builder-ie-11 .fl-col-group-equal-height .fl-col,.fl-builder-ie-11 .fl-col-group-equal-height .fl-col-content,.fl-builder-ie-11 .fl-col-group-equal-height .fl-module,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {min-height: 1px;}.fl-col {float: left;min-height: 1px;}.fl-col-bg-overlay .fl-col-content {position: relative;}.fl-col-bg-overlay .fl-col-content:after {border-radius: inherit;content: \'\';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-col-bg-overlay .fl-module {position: relative;z-index: 2;}.fl-module img {max-width: 100%;}.fl-builder-module-template {margin: 0 auto;max-width: 1100px;padding: 20px;}.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;font-size: 16px;font-weight: normal;line-height: 18px;padding: 12px 24px;text-decoration: none;text-shadow: none;}.fl-builder-content .fl-button:hover {text-decoration: none;}.fl-builder-content .fl-button:active {position: relative;top: 1px;}.fl-builder-content .fl-button-width-full .fl-button {display: block;text-align: center;}.fl-builder-content .fl-button-width-custom .fl-button {display: inline-block;text-align: center;max-width: 100%;}.fl-builder-content .fl-button-left {text-align: left;}.fl-builder-content .fl-button-center {text-align: center;}.fl-builder-content .fl-button-right {text-align: right;}.fl-builder-content .fl-button i {font-size: 1.3em;height: auto;margin-right:8px;vertical-align: middle;width: auto;}.fl-builder-content .fl-button i.fl-button-icon-after {margin-left: 8px;margin-right: 0;}.fl-builder-content .fl-button-has-icon .fl-button-text {vertical-align: middle;}.fl-icon-wrap {display: inline-block;}.fl-icon {display: table-cell;vertical-align: middle;}.fl-icon a {text-decoration: none;}.fl-icon i {float: left;height: auto;width: auto;}.fl-icon i:before {border: none !important;height: auto;width: auto;}.fl-icon-text {display: table-cell;text-align: left;padding-left: 15px;vertical-align: middle;}.fl-icon-text-empty {display: none;}.fl-icon-text *:last-child {margin: 0 !important;padding: 0 !important;}.fl-icon-text a {text-decoration: none;}.fl-icon-text span {display: block;}.fl-icon-text span.mce-edit-focus {min-width: 1px;}.fl-photo {line-height: 0;position: relative;}.fl-photo-align-left {text-align: left;}.fl-photo-align-center {text-align: center;}.fl-photo-align-right {text-align: right;}.fl-photo-content {display: inline-block;line-height: 0;position: relative;max-width: 100%;}.fl-photo-img-svg {width: 100%;}.fl-photo-content img {display: inline;height: auto;max-width: 100%;}.fl-photo-crop-circle img {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}.fl-photo-caption {font-size: 13px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.fl-photo-caption-below {padding-bottom: 20px;padding-top: 10px;}.fl-photo-caption-hover {background: rgba(0,0,0,0.7);bottom: 0;color: #fff;left: 0;opacity: 0;filter: alpha(opacity = 0);padding: 10px 15px;position: absolute;right: 0;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}.fl-photo-content:hover .fl-photo-caption-hover {opacity: 100;filter: alpha(opacity = 100);}.fl-builder-pagination,.fl-builder-pagination-load-more {padding: 40px 0;}.fl-builder-pagination ul.page-numbers {list-style: none;margin: 0;padding: 0;text-align: center;}.fl-builder-pagination li {display: inline-block;list-style: none;margin: 0;padding: 0;}.fl-builder-pagination li a.page-numbers,.fl-builder-pagination li span.page-numbers {border: 1px solid #e6e6e6;display: inline-block;padding: 5px 10px;margin: 0 0 5px;}.fl-builder-pagination li a.page-numbers:hover,.fl-builder-pagination li span.current {background: #f5f5f5;text-decoration: none;}.fl-slideshow,.fl-slideshow * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.fl-slideshow .fl-slideshow-image img {max-width: none !important;}.fl-slideshow-social {line-height: 0 !important;}.fl-slideshow-social * {margin: 0 !important;}.fl-builder-content .bx-wrapper .bx-viewport {background: transparent;border: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;left: 0;}.mfp-wrap button.mfp-arrow,.mfp-wrap button.mfp-arrow:active,.mfp-wrap button.mfp-arrow:hover,.mfp-wrap button.mfp-arrow:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 50%;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}.mfp-wrap .mfp-close,.mfp-wrap .mfp-close:active,.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-close:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 0;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}.admin-bar .mfp-wrap .mfp-close,.admin-bar .mfp-wrap .mfp-close:active,.admin-bar .mfp-wrap .mfp-close:hover,.admin-bar .mfp-wrap .mfp-close:focus {top: 32px!important;}img.mfp-img {padding: 0;}.mfp-counter {display: none;}.mfp-wrap .mfp-preloader.fa {font-size: 30px;}.fl-form-field {margin-bottom: 15px;}.fl-form-field input.fl-form-error {border-color: #DD6420;}.fl-form-error-message {clear: both;color: #DD6420;display: none;padding-top: 8px;font-size: 12px;font-weight: lighter;}.fl-form-button-disabled {opacity: 0.5;}.fl-animation {opacity: 0;}.fl-builder-preview .fl-animation,.fl-builder-edit .fl-animation,.fl-animated {opacity: 1;}.fl-animated {animation-fill-mode: both;-webkit-animation-fill-mode: both;}.fl-button.fl-button-icon-animation i {width: 0 !important;opacity: 0;-ms-filter: \"alpha(opacity=0)\";transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}.fl-button.fl-button-icon-animation:hover i {opacity: 1! important;-ms-filter: \"alpha(opacity=100)\";}.fl-button.fl-button-icon-animation i.fl-button-icon-after {margin-left: 0px !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {margin-left: 10px !important;}.fl-button.fl-button-icon-animation i.fl-button-icon-before {margin-right: 0 !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {margin-right: 20px !important;margin-left: -10px;}.single:not(.woocommerce).single-fl-builder-template .fl-content {width: 100%;}.fl-builder-layer {position: absolute;top:0;left:0;right: 0;bottom: 0;z-index: 0;pointer-events: none;overflow: hidden;}.fl-builder-shape-layer {z-index: 0;}.fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 2;}.fl-row-has-layers .fl-row-content {z-index: 1;}.fl-row-bg-overlay .fl-row-content {z-index: 2;}.fl-builder-layer > * {display: block;position: absolute;top:0;left:0;width: 100%;}.fl-builder-layer + .fl-row-content {position: relative;}.fl-builder-layer .fl-shape {fill: #aaa;stroke: none;stroke-width: 0;width:100%;}@supports (-webkit-touch-callout: inherit) {.fl-row.fl-row-bg-parallax .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited {background: #fafafa;border: 1px solid #ccc;color: #333;}.fl-builder-content a.fl-button *,.fl-builder-content a.fl-button:visited * {color: #333;}.fl-row-content-wrap { margin: 0px; }.fl-row-content-wrap { padding: 20px; }.fl-row-fixed-width { max-width: 1100px; }.fl-module-content { margin: 20px; }@media (max-width: 992px) { .fl-visible-desktop,.fl-visible-mobile,.fl-col-group .fl-visible-desktop.fl-col,.fl-col-group .fl-visible-mobile.fl-col {display: none;}.fl-visible-desktop-medium,.fl-visible-medium,.fl-visible-medium-mobile,.fl-col-group .fl-visible-desktop-medium.fl-col,.fl-col-group .fl-visible-medium.fl-col,.fl-col-group .fl-visible-medium-mobile.fl-col {display: block;}.fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,.fl-col-group-equal-height .fl-visible-medium.fl-col,.fl-col-group-equal-height .fl-visible-medium-mobile.fl-col {display: flex;} }@media (max-width: 768px) { .fl-visible-desktop,.fl-visible-desktop-medium,.fl-visible-medium,.fl-col-group .fl-visible-desktop.fl-col,.fl-col-group .fl-visible-desktop-medium.fl-col,.fl-col-group .fl-visible-medium.fl-col,.fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,.fl-col-group-equal-height .fl-visible-medium.fl-col {display: none;}.fl-visible-medium-mobile,.fl-visible-mobile,.fl-col-group .fl-visible-medium-mobile.fl-col,.fl-col-group .fl-visible-mobile.fl-col {display: block;}.fl-row-content-wrap {background-attachment: scroll !important;}.fl-row-bg-parallax .fl-row-content-wrap {background-attachment: scroll !important;background-position: center center !important;}.fl-col-group.fl-col-group-equal-height {display: block;}.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}.fl-col-group.fl-col-group-responsive-reversed {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;flex-flow: row wrap;-ms-box-orient: horizontal;-webkit-flex-flow: row wrap;}.fl-col-group.fl-col-group-responsive-reversed .fl-col {-webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; min-width: 0;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(1) {-webkit-box-ordinal-group: 12; -moz-box-ordinal-group: 12;-ms-flex-order: 12;-webkit-order: 12; order: 12;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(2) {-webkit-box-ordinal-group: 11;-moz-box-ordinal-group: 11;-ms-flex-order: 11;-webkit-order: 11;order: 11;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(3) {-webkit-box-ordinal-group: 10;-moz-box-ordinal-group: 10;-ms-flex-order: 10;-webkit-order: 10;order: 10;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(4) {-webkit-box-ordinal-group: 9;-moz-box-ordinal-group: 9;-ms-flex-order: 9;-webkit-order: 9;order: 9;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(5) {-webkit-box-ordinal-group: 8;-moz-box-ordinal-group: 8;-ms-flex-order: 8;-webkit-order: 8;order: 8;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(6) {-webkit-box-ordinal-group: 7;-moz-box-ordinal-group: 7;-ms-flex-order: 7;-webkit-order: 7;order: 7;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(7) {-webkit-box-ordinal-group: 6;-moz-box-ordinal-group: 6;-ms-flex-order: 6;-webkit-order: 6;order: 6;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(8) {-webkit-box-ordinal-group: 5;-moz-box-ordinal-group: 5;-ms-flex-order: 5;-webkit-order: 5;order: 5;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(9) {-webkit-box-ordinal-group: 4;-moz-box-ordinal-group: 4;-ms-flex-order: 4;-webkit-order: 4;order: 4;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(10) {-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(11) {-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}.fl-col-group-responsive-reversed .fl-col:nth-of-type(12) {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;}.fl-col {clear: both;float: none;margin-left: auto;margin-right: auto;width: auto !important;}.fl-col-small:not(.fl-col-small-full-width) {max-width: 400px;}.fl-block-col-resize {display:none;}.fl-row[data-node] .fl-row-content-wrap {margin: 0;padding-left: 0;padding-right: 0;}.fl-row[data-node] .fl-bg-video,.fl-row[data-node] .fl-bg-slideshow {left: 0;right: 0;}.fl-col[data-node] .fl-col-content {margin: 0;padding-left: 0;padding-right: 0;} }.page .fl-post-header, .single-fl-builder-template .fl-post-header { display:none; } .fl-node-5cbd5780b1f88 > .fl-row-content-wrap {padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.fl-node-5cbd5780b1f8d {width: 100%;} .fl-node-5cbd5780b1f8e > .fl-module-content {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {text-transform: none !important;}.industry-page .header.level-1 { position: relative; overflow: hidden;}.industry-page .video-background {position: absolute;min-width:100%;}.industry-page .tanda-gradient { position: absolute; background-image: linear-gradient(-90deg, #328cd7 40%, #3fafd7 60%); min-width: 100%; min-height: 100%; opacity: 0.7;}.industry-page .header .copy-cont .row { display: flex; align-items: center;}.fluid-width-video-wrapper { border: 10px #FFF solid; border-radius: 5px;}.styles_modal__gNwvD .signupForm__container input:not([type=submit]):not([type=checkbox]):not([type=range]):focus { border-color: #3fafd7 !important;}.logo {margin: 9px 0 0 0px;}.request-demo { border-radius: 25px; background-color: #FFA526; padding: 14px 15px; color: #FFFFFF !important; font-family: Lato; font-size: 14px; letter-spacing: 0.26px; line-height: 17px; display: block; width: 160px !important; text-align: center;margin: 0 auto;}.request-demo:hover { text-decoration: none; background-color: #FF9500;}.calendly-overlay .spinner { background-color: transparent;}.request-demo.left { margin: inherit;}@media screen and (max-width: 768px){ .industry-page .header .copy-cont .row { display: grid;} .request-demo.left { margin: 0 auto; } #reactSignup2 button { margin: 0 auto; display:block; } }@media screen and (max-width: 1200px) { div.heateor_sss_mobile_footer { display: none !important; }}.text-initial h3 { text-transform: initial !important;}.letter-spacing-0 { letter-spacing: 0px !important;}.d-heading-style h3 { letter-spacing: 0.36px; line-height: 42px; text-transform: initial !important;}.tanda-btn-primary-o a { background: #ffA526; padding: 16px 24px !important; border-radius: 24px; box-shadow: 1px 3px 5px rgba(0,0,0,.12);}.tanda-btn-secondary-o a { background: transparent !important; border: 1px solid #FFA526 !important; color: #FFA526 !important;}.tanda-btn-secondary-o a:hover { background: #FFA526 !important;}.tanda-btn-secondary-o a:hover span { color: #ffffff !important;}@media (min-width: 1200px) { .container { width: 1190px !important; }} .bounce-down-infinite { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }}@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s;}@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}.arrow-long-down {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); transform: rotate(90deg);margin-left: -10px;}.arrow-long { position: relative; width: 3.6rem; transition: all 0.3s ease-in;align-items: center; display: inline-flex;}.arrow-long .h-line { border-bottom: 3px solid #fff; width: 100%; top: 0.68rem;}.arrow-long i { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 7px;}.arrow-long .right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}.arrow-long.a-right { justify-content: flex-end;}.arrow-long.a-right .h-line { -webkit-transform: translateX(1.2rem); transform: translateX(1.2rem);}.img-right-box-shadow { box-shadow: -20px 20px 40px 0px rgba(0,0,0,0.08); border-radius: 10px; }.img-left-box-shadow { box-shadow: 20px 20px 40px 0px rgba(0,0,0,0.08); border-radius: 10px; }.box-shadow-none { box-shadow: none !important;}.p-0 { padding: 0 !important;}.pt-0 { padding-top: 0 !important}.py-80 { padding-top: 80px; padding-bottom: 80px;}.py-100 { padding-top: 100px; padding-bottom: 100px;}.py-120 { padding-top: 120px; padding-bottom: 120px;}.p-inherit { position: inherit;}.p-initial { position: static !important;} .d-block { display: block;}.d-none { display: none;}.d-flex { display: flex;}.align-items-center { align-items: center;}.align-items-flex-start { align-items: flex-start}.align-items-flex-end { align-items: flex-end;}.align-self-flex-end {align-self: flex-end;}.align-self-flex-start {align-self: flex-start;}.justify-content-center { justify-content: center;}.justify-content-flex-end { justify-content: flex-end;}.flex-direction-col { flex-direction: column;}.flex-shrink-grow-0 { flex-shrink: 0; flex-grow: 0;}.flex-flow-row-wrap { flex-flow: row wrap;}.border-none { border: none !important; }.mr-3rem { margin-right: 3rem;}.mr-0 {margin-right: 0 !important;}.mt-05 {margin-top: .5rem !important;}.mb-0 { margin-bottom: 0 !important;}.mb-05 {margin-bottom: .5rem !important;}.mb-1 {margin-bottom: 1rem !important;}.mb-1p5 {margin-bottom: 1.5rem !important;}.mb-2 {margin-bottom: 2rem !important;}.mb-3 {margin-bottom: 3rem !important;}.mb-4 {margin-bottom: 4rem !important;}.mb-5 {margin-bottom: 5rem !important;}.mb-6 {margin-bottom: 6rem !important;}.mb-7 {margin-bottom: 7rem !important;}.mb-8 {margin-bottom: 8rem !important;}.mb-9 {margin-bottom: 9rem !important;}.mt-n4{ margin-top: -4rem !important;}.w-20 { width: 20%;}.w-18 { width: 18%;}.w-30 { width: 30%;}.w-40 { width: 40%;}.w-50 { width: 50%;}.w-60 { width: 60%;}.w-70 { width: 70%;}.w-80 { width: 80%;}.font-lato {font-family: \"Lato\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}.font-bold { font-weight: bold;}.text-white { color: #fff !important;}.text-primary {color: #3fafd7 !important;}.text-primary2 { color: #3fafd7 !important;}.text-gray {color: #888888 !important;}.text-underline { text-decoration: underline !important;}.feature-page .signupForm button { border-radius: 50rem !important; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 0.26px; line-height: 17px; padding: 12px 24px; letter-spacing: 0; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.feature-page .signupForm button { border: 1px solid #fff; color: #fff; background: transparent; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; margin-left: 1em;}.feature-page .signupForm button:focus { background: #FFF; color: #3fafd7; border: none;}.feature-page .signupForm button:hover { background: #fff; color: #3fafd7;border: 1px solid #FFFFFF;}.feature-page #reactSignup3, .industry-page #reactSignup2 { display: inline-block; margin-right: 20px;}.industry-page #reactSignup2 button { margin-bottom: 0 !important;}.feature-page #reactSignup2 button { display: unset; margin-bottom: 2rem;}.btn { border-radius: 50rem !important; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 0.26px; line-height: 17px; padding: 12px 24px !important; letter-spacing: 0 !important;}.btn:focus {outline: 0 !important;}.btn:hover { color: #fff;}.btn-orange { background-color: #FA9A1F;}.btn-orange:hover, .btn-orange:focus, .btn-orange:active { background-color: #ff8e00; color: #fff;}.btn-white.btn-outline { border: 1px solid #fff; color: #fff; background: transparent; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active { background: #fff; color: #3fafd7;}.cta-cont { display: flex; align-items: flex-start; margin-bottom: 3rem;}.start-trial-div { text-align: center; margin-right: 1.3rem;}.start-trial-div .btn { margin-bottom: 0.5rem}.start-trial-div span { display: block; font-size: 13px; line-height: 1.6; margin-left: 1em;}.feature-page.onboarding .header .try-me { z-index: 4; position: absolute; color: #FFFFFF; font-size: 30px; font-weight: bold; background-color: #99C43C; border-radius: 8.51px; padding: 10px 40px; top: 167px;left: -57px;}.feature-page.onboarding .header .try-me::after { position: absolute; content: \'\'; width: 0;height: 0;right: -15px; top: 16px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #99C43C;}.feature-page.time-clock .image-one { width: 40% !important; right: 70px !important;}.feature-page.shift-swapping .header { padding-top: 50px; padding-bottom: 0px;}.feature-page.tanda-app .level-3 img { box-shadow: none;}.feature-page.tanda-app .level-3 .row { position: relative}.feature-page.shift-swapping .level-3 img, .feature-page.live-insights .level-3 img, .feature-page.tanda-app .level-3 .cols img { position: static !important;}.feature-page.tanda-app .level-3{ padding-top: 120px; padding-bottom: 30px}.feature-page.tanda-app .level-4 .container { padding-top: 30px; padding-bottom: 130px;}.feature-page.tanda-app .level-3 img { width: auto; z-index: 1; right: 0; top: -129px;}.feature-page.tanda-app .header img { width: 639px !important; max-width: auto;}.feature-page.tanda-app .header {z-index: 4; padding-top: 70px; padding-bottom: 0px;}.feature-page.tanda-app .header .copy-col { transform: translateY(80px);}.feature-page.tanda-app .level-2 .bg-absolute { overflow: hidden;}.feature-page.tanda-app .level-2 .bg-absolute img {transform: rotate(3deg);margin-left: 240px;margin-top: -155px; }.feature-page.live-insights .level-3 .small-img { width: auto !important; transform: translate(0%) !important; max-width: 65% !important;}.feature-page .integration .cols, .feature-page .conts-2 .cols { margin-right: 0;}.feature-page.tanda-app .level-3.add-on .integration .cols img { width: auto !important;}.feature-page .integration img { position: static !important; width: auto !important; display: inline-flex; align-items: center; margin-right: 32px; margin-bottom: 40px; max-width: 140px;}.feature-page { background-color: #3fafd7;background-image: linear-gradient(-90deg, #328CD7 40%, #3fafd7 60%); overflow: hidden; max-width: 1920px;}.industry-page { background-image: linear-gradient(-90deg, #328cd7 40%, #3fafd7 60%);display: flex; flex-direction: column;}.feature-page .header { padding-top: 100px; padding-bottom: 100px; display: flex; align-items: center; position: relative}.feature-page .header .image-one { margin-right: -20px; width: 50%;}.feature-page .header .live-demo { width: 50%; height: auto; box-shadow: -20px 20px 40px 0 rgba(0,0,0,0.08); border-radius: 10px; }.feature-page .live-demo iframe { }.feature-page .header .live-demo .fake-toolbar { border-radius: 10px 10px 0 0; background-color: #DAE0E8; display: flex; padding: 8px 13px; position: relative;}.feature-page .header .live-demo .embed-responsive { border-radius: 0 0 10px 10px; background: #3fafd7; padding-bottom: 710px !important;} .feature-page .filler {max-width: 98%; margin-top: 3rem; margin-right: 1.5rem;margin-left: 1.5rem;}.feature-page .filler .line:after, .feature-page .filler .circle:after { content: \'\'; position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0), rgba(255,255,255,0.3), rgba(0,0,0,0)); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation: loading 1.5s infinite; animation: loading 1.5s infinite;}@-webkit-keyframes loading { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }}@keyframes loading { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }}.feature-page .filler .line {overflow: hidden;position: relative; height: 20px; border-radius: 2px; background-color: rgba(218, 224, 232, 0.6509803921568628);}.feature-page .filler .circle { height: 22px; width: 22px; background: rgba(218, 224, 232, 0.6509803921568628); border-radius: 100%; margin-left: 5px; overflow: hidden; position: relative;}.feature-page .filler .box-row { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; border-bottom: 1px solid #dadada;}.feature-page .filler .box { max-width: 680px; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: 4px; box-shadow: 0 11px 32px rgba(12,109,161,.7);}.feature-page .filler .middle { margin-left: auto; margin-right: auto;}.feature-page .header .live-demo .fake-toolbar .circle { box-sizing: border-box; height: 10px; width: 10px; border: 1.23px solid transparent; display: block; border-radius: 50%; margin-left: 5px;}.feature-page .header .image-one, .feature-page .header .live-demo { position: absolute; right: 0; top: 50px; z-index: 4;}.feature-page .header .heading { font-size: 46px; font-weight: bold; line-height: 1.3; margin-bottom: 1rem; padding-top: 60px;}.feature-page .header .body-text { font-size: 20px; line-height: 1.5; margin-bottom: 2.5rem}.feature-page .features .cols { z-index: 5;}.feature-page .features .h1 { font-size: 36px; font-weight: bold; line-height: 1.2; color: #3fafd7; margin-bottom: 1rem;}.feature-page .features .body-text { color: #888888; font-size: 18px; line-height: 1.5; margin-bottom: 2rem;}.feature-page .features .highlight-feature { margin-bottom: 24px; display: flex;}.feature-page .features .highlight-feature img { width: 50px; height: 50px; flex-grow: 0; flex-shrink: 0; margin-right: 1.5rem; }.feature-page .features .highlight-feature .title { color: #3fafd7; font-size: 16px; line-height: 1.3; font-weight: bold; margin-bottom: .25rem;}.feature-page .features .highlight-feature .short-desc { color: #888888; font-size: 16px; line-height: 1.5; margin-bottom: 0;}.feature-page .features .bg { position: relative;}.feature-page .features .bg-light-blue .bg-absolute { background: #EAF3FB;}.feature-page .features .bg-white .bg-absolute { background: #fff;}.feature-page .features .bg-absolute { height: 100%; width: 200%; position: absolute; top: 0; z-index: 1; left: -150px; transform: rotate(-3deg);}.feature-page .integration img {-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.5; }.feature-page .link-out { display: inline-flex; align-items: center; color: #3fafd7 !important; font-size: 18px; line-height: 30px; margin-bottom: 1rem;}.feature-page .link-out .arrow-long { position: relative; width: 1.5rem; transition: all .3s ease-in; align-items: center!important; display: inline-flex!important; margin-bottom: -0.1rem;}.feature-page .link-out .arrow-long.a-right .h-line { -webkit-transform: translateX(.5rem); transform: translateX(.5rem);}.feature-page .link-out .arrow-long .h-line { border-bottom: 1px solid #3fafd7; width: 1.4rem; top: .67rem;}.feature-page .link-out .arrow-long i { border: solid #3fafd7; border-width: 0 1px 1px 0; display: inline-block; padding: 3px;}.feature-page .link-out.feature-page .link-out .arrow-long.a-right { justify-content: flex-end;}.feature-page .features .img-layered { width: 55% !important;}.feature-page .level-4 .bg-inside .container{ padding-top: 0px; padding-bottom: 0px;}.feature-page .features .level-4 .bg-absolute { height: 93%;}.feature-page .level-4 .container.cont-2{ padding-top: 0px; padding-bottom: 0px;}.feature-page .img-phone { z-index: 4;box-shadow: 11px 11px 31px 0px rgba(0,0,0,0.08); border-radius: 43px;}.feature-page .bg-inside { position: relative; padding-top: 200px; padding-bottom: 50px;}.feature-page .bg-inside .bg-i-absolute { position: absolute; z-index: 1; }.feature-page .bg-inside .bg-i-absolute.one.white { background: #fff; height: 57%; top: 90px;}.feature-page .bg-inside .bg-i-absolute.one { height: 120%; width: 120%; background: #EAF3FB; z-index: 2; transform: rotate(-3deg); top: 0; left: -31px;}.feature-page .bg-inside .bg-i-absolute.two { height: 160px; width: 120%; background: #fff; z-index: 3; bottom: -190px;}.feature-page .header-slider-cont { width: 50%;right: -70px !important;}.feature-page .header-slider-cont .slick-list, .feature-page .testimonial-slick .slick-list { overflow: visible;}.feature-page .header-slider-cont .slick-slide img { box-shadow: -20px 20px 40px 0px rgba(0,0,0,0.08); border-radius: 10px;}.feature-page .header-slider-cont .slick-dots { bottom: -45px;}.feature-page .header-slider-cont .slick-dots li button:before { font-size: 8px;}.feature-page .header-slider-cont .slick-dots li.slick-active button:before { color: #3fafd7; opacity: 1;}.feature-page .slick-container .slick-slide .img-cont { background-color: #fff; width: 1100px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; position: relative; min-height: 300px; overflow: hidden;}.feature-page .slick-container { position: relative; transform: translateY(103px);}.feature-page .slick-container .slide { overflow: hidden;}.feature-page .slick-container .slick-slide .slide { display: flex !important;box-shadow: 20px 20px 40px 0 rgba(0,0,0,0.08); border-radius: 15px; background: #fff;}.feature-page .slick-container .slick-absolute { }.feature-page .slick-container .slick-slide img { text-align: left; width: 50%; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}.feature-page .slick-container .slide .copy:before { content: \'\'; position: absolute; background-color: #fff; height: 124%; width: 100px; left: -26px; transform: rotate(7deg); z-index: 1;}.feature-page .slick-container .slick-slide .copy {position: relative; text-align: left !important; display: flex; flex-direction: column; justify-content: center; padding: 30px;width: 140%;}.feature-page .slick-container .slick-slide .copy .h1 { z-index: 2; font-weight: 400; font-size: 28px; line-height: 1.3; color: #3fafd7; margin-bottom: 2rem; margin-top: 0;}.feature-page .slick-container .slick-slide .copy .name, .feature-page .slick-container .slick-slide .copy .credentials {color: #888888;font-size: 16px;line-height: 1;margin-bottom: 0;z-index: 1;}.feature-page .slick-container .slick-slide .copy .name { font-weight: 700; font-size: 20px; margin-bottom: 0.2rem;}.feature-page .slick-prev { left: -50px;}.feature-page .slick-next { right: -50px;}.feature-page .slick-prev:before { font-family: FontAwesome; content: \'f053\'; color: #CAD2DE; font-size: 25px;}.feature-page .slick-next:before { font-family: FontAwesome; content: \'f054\'; color: #CAD2DE; font-size: 25px;}.feature-page .level-2 { padding-top: 170px; padding-bottom: 80px;}.feature-page .level-2 img { z-index: 5;}.feature-page .features .level-2 .highlight-feature img { width: 45px; height: 45px;}.feature-page .features .hidden-img { margin-bottom: 2.5rem;}.feature-page .level-3.add-on { padding-top: 0px; padding-bottom: 90px;}.feature-page.live-insights .level-3.add-on .bg-inside img { position: static !important; width: 100%;}.feature-page.tanda-app .level-3.add-on img { top: -225px; right: -230px;}.feature-page.tanda-app .level-3.add-on .cols img { width: 100% !important;}.feature-page.live-insights .level-3.add-on img { position: absolute !important;}.feature-page.tanda-app .level-3.add-on .cont-1st { padding-top: 210px; padding-bottom: 140px;}.feature-page .level-3.add-on .cont-1st { padding-top: 220px; padding-bottom: 85px;}.feature-page .level-3.add-on img { top: 67px;}.feature-page .level-3.add-on .testimonial-slick img { position: unset; z-index: unset; right: -130px; top: 70px; width: auto;}.feature-page .level-3 { padding-top: 150px; padding-bottom: 90px;}.feature-page .level-3 img { position: absolute; z-index: 4; right: -130px; top: 80px; width: 50%;}.feature-page .level-4 { padding-top: 120px; position: relative}.feature-page .bg-inside .container .cols, .feature-page .cont-2 .cols { margin-right: 0 !important;}.feature-page .level-4 .container { padding-top: 100px; padding-bottom: 100px}.feature-page .level-4 .img-one, .feature-page .level-2 .img-one { position: absolute; top: 150px; left: -130px; z-index: 4; width: 50%;}.feature-page .img-middle { width: 100% !important; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem}.feature-page .level-5 { padding-top: 180px; padding-bottom: 130px;}.feature-page .level-5.add-on { padding-top: 70px;}.feature-page .level-5 .h1 { margin-bottom: 2rem;}.feature-page .level-6 .container { position: relative;}.feature-page .level-6 .container::before { content: \" \"; position: absolute; height: 1px; width: 95%; background-color: #3fafd7; z-index: 9; bottom: -100px; left: 0; right: 0; margin: auto;}.feature-page .level-6 { margin-bottom: -50px; padding-top: 200px; padding-bottom: 200px;}.feature-page .level-6 .highlight-feature .link-out { color: #3fafd7; font-size: 28px; line-height: 1.3; margin-bottom: .6rem;}.feature-page .level-6 .highlight-feature .short-desc { color: #888888; font-size: 20px; line-height: 1.5;}.feature-page .level-6 .link-out .arrow-long { width: 2.7rem;}.feature-page .level-6 .link-out .arrow-long .h-line { width: 2.7rem; border-bottom: 2px solid #3fafd7;}.feature-page .level-6 .link-out .arrow-long.a-right .h-line { -webkit-transform: translateX(.6rem); transform: translateX(.6rem);}.feature-page .level-6 .link-out .arrow-long i { border-width: 0 2px 2px 0; padding: 4px;}.industry-page .copy-cont .sm-d-flex { display: block;}.feature-page .anim-bounce-down-infinite .arrow-long { cursor: pointer;} .industry-page .header.level-1 { min-height: 80vh; flex: 0 1 auto; }.industry-page .header .copy-cont { margin-right: auto !important; margin-left: auto !important;}.industry-page .integration img { opacity: 1; filter: unset; -webkit-filter: unset;}.clients-div{ background-color: #fff; padding-top: 30px; padding-bottom: 30px;}.clients-div .d-flex { justify-content: space-around; flex-wrap: wrap;}.industry-page .clients-div img, .industry-page .level-4 .clients-div img, .feature-page .level-4 .clients-div img, .feature-page .level-3.add-on .clients-div img, .feature-page.tanda-app .level-3.add-on .clients-div img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; margin-right: 0.5rem; margin-left: 0.5rem; margin-bottom: 1rem !important; align-self: center; width: auto !important; transform: translateX(0%) !important;max-width: 33.3333%;position: static;}.industry-page .overview .h1 { font-size: 40px; font-weight: bold; line-height: 1.3;}.industry-page .overview .body-text { font-size: 18px; line-height: 1.5;}.industry-page .overview { background-color: #fff; padding-top: 30px; padding-bottom: 240px; position: relative; min-height: 820px;} .industry-page .overview img.middle { left: 250px; }.industry-page .overview img {position: absolute;left: -50px;top: 35%; transform: translateY(-35%);max-height: 590px;width: auto;}.industry-page .collapsibles-div i{ font-size: 30px;margin-right: 1.5rem;}.industry-page .collapsibles-div p{ font-size: 18px; line-height: 1.5;}.industry-page .collapsibles-div .item .text-gray {height: 0;visibility: hidden;}.industry-page .collapsibles-div .item { display: flex; align-items: flex-start; padding: 0px 30px; cursor: pointer;}.industry-page .collapsibles-div .item.active { box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.10); border-radius: 10px; padding: 25px 30px; transition: all 0.3s ease-in-out;}.industry-page .collapsibles-div .item.active .text-gray { height: auto; visibility: visible;}.industry-page .features { margin-top: -200px;}.industry-page .features p, .industry-page .features .body-text {font-size: 20px; font-weight: normal; line-height: 1.5; margin-bottom: 0;}.industry-page .features .h1 { font-size: 40px; font-weight: bold; line-height: 1.3; margin-bottom: 0.5rem;}.industry-page .level-3 { padding-top: 130px;}.industry-page .level-3 img { position: static; width: auto; transform: translate(0%) !important;}.industry-page .integration .h1, .industry-page .integration .body-text, .industry-page .integration .link-out { color: #fff !important;}.industry-page .integration .link-out .arrow-long .h-line, .industry-page .integration .link-out .arrow-long i { border-color: #fff;}#stepsOverview { margin-bottom: 3rem; position: relative;}#stepsOverview .vertical-line { position: absolute; width: 1px; height: 90%; background-color: #CAD2DE; top: 10px; left: 17.5px; z-index: 1;}.industry-page .level-3 img.outer {max-height: 300px;height: auto;}#stepsOverview .step .step-text-div { display: none;}#stepsOverview .step div.circle + div{flex: 1;}#stepsOverview .step { margin-bottom: 1.3rem; cursor: pointer; transition: all 0.3s ease-in-out;}#stepsOverview .step p.title { color: #CAD2DE;}#stepsOverview .step.active p.title { color: #3fafd7; font-weight: bold;}#stepsOverview .step.active .circle .inner { background: #3fafd7;}#stepsOverview .step.active .circle .outer { background-color: rgba(63, 175, 215, 0.25);}#stepsOverview .circle {margin-right: 1.3rem; z-index: 2;}#stepsOverview .circle span { font-size: 17px; font-weight: bold; text-align: center; line-height: 1;}#stepsOverview .circle .inner { border-radius: 50px; background: #CAD2DE; height: 26.46px; width: 26.46px;}#stepsOverview .circle .outer { border-radius: 50px; height: 35px; width: 35px; background-color: rgba(202, 210, 222, 0.25);}#stepsOverview .step.active .step-text-div img { transform: translateX(0%) !important;}.industry-page .step-text-div i.fa { line-height: 1.5; width: 48.58px; display: block; margin-right: 1.3rem; text-align: center;}.industry-page .step-text-div a { font-size: 15px;}.industry-page .step-text-div .body-text { font-size: 18px; color: #888888; text-align: left !important;}@media (max-width: 1719.76px) { .industry-page .overview img.middle { left: 100px;} .industry-page .overview img { position: absolute; left: 0; max-width: 800px; max-height: auto; }}@media (max-width: 1599.76px) {.feature-page .header .image-one { width: 55%; top: 80px; } .feature-page .level-3.add-on .cont-1st { padding-top: 180px;}}@media (max-width: 1399.76px) { .industry-page .overview img { max-width: 700px; } .feature-page.tanda-app .level-2 .bg-absolute img { width: 600px;}.feature-page.tanda-app .level-3.add-on .cont-1st { padding-top: 140px; padding-bottom: 140px;}.feature-page.tanda-app .level-3.add-on img { right: -50px; top: -155px;} .feature-page .level-4 .img-one, .feature-page .level-3 img, .feature-page .level-3.add-on img, .feature-page .features .level-2 .img-one { max-width: 700px; } .feature-page .features .img-layered { width: 69% !important;} .feature-page .header-slider-cont .slick-dots li.slick-active button:before { color: #ffffff;}.xl-mb-9 {margin-bottom: 9rem !important;}.xl-mt-n4{ margin-top: -4rem !important;}}@media (max-width: 1349.76px) {.industry-page .overview img.middle { left: 50px;}}@media (max-width: 1199.76px) {.industry-page .overview img.middle { left: -40px;} .industry-page .features .h1 { font-size: 36px; }.industry-page .overview { padding-bottom: 240px;}.industry-page .collapsibles-div .item { padding: 0px 20px;}.industry-page .collapsibles-div .item.active { padding: 25px 20px;} .industry-page .overview .h1 { font-size: 36px; } .industry-page .overview .body-text, .industry-page .collapsibles-div p { font-size: 16px; } .industry-page .collapsibles-div i { font-size: 20px; line-height: 1.3; } .industry-page .overview img { left: -150px;}.feature-page.tanda-app .level-2 .bg-absolute img { width: 500px; margin-top: -50px;} .feature-page.tanda-app .level-2 { padding-top: 50px; padding-bottom: 50px;}.feature-page.tanda-app .level-3.add-on img { width: 60%; top: -100px;}.feature-page .header .live-demo .embed-responsive { padding-bottom: 600px !important;}.feature-page .level-2 { padding-top: 80px; padding-bottom: 80px;}.feature-page .level-3.add-on .cont-1st { padding-top: 140px;}.feature-page .integration img { max-width: 100px ; margin-right: 34px;}.feature-page .header .live-demo { display: none;} .feature-page .header, .feature-page.tanda-app .header { align-items: flex-start; padding-top: 60px; padding-bottom: 60px; } .feature-page .header .image-one { top: 50px; } .feature-page .header .heading { font-size: 36px; } .feature-page .header .body-text { font-size: 18px; } .feature-page .cta-cont { margin-bottom: 2rem; } .feature-page .features .body-text { font-size: 16px; } .feature-page .integration-outer .integration-logo-cont { display: inline-flex; align-items: center; justify-content: center; margin-right: 0; margin-bottom: 20px; width: 50%;}.feature-page .integration-logo.qb { width: 49px !important; height: 49px !important;}.feature-page .integration-logo { transform: scale(0.8);}.lg-d-block { display: block !important; } .lg-d-none.desktop-d-block { display: block !important; } .desktop-d-none { display: none !important; } }@media (max-width: 991.76px) {#stepsOverview .vertical-line { height: 97%;}#stepsOverview .step.active .step-text-div img { max-width: 100%; width: auto !important; display: block; margin-left: auto; margin-right: auto; margin-top: 2rem;}#stepsOverview .step.active { padding-bottom: 2rem; height: fit-content;}#stepsOverview .step.active .step-text-div { display: block;} .industry-page .overview { padding-top: 0;} .industry-page .overview img {max-width: 100%; width: auto; margin-bottom: 3rem; margin-left: auto; margin-right: auto; display: block; position: static; transform: translateY(0%);} .feature-page .integration img { align-self: center; margin-right: 55px; transform: translate(0%) !important; height: auto; max-width: 20% ;}.feature-page.time-clock .image-one { width: 50% !important; margin-left: auto !important; margin-right: auto !important;}.feature-page.tanda-app .header { margin-bottom: 0;}.feature-page.tanda-app .level-3.add-on .cont-1st { padding-top: 0px; padding-bottom: 40px;}.feature-page.tanda-app .level-3 .cols img { display: unset;}.feature-page.tanda-app .level-3 img { display: none;}.feature-page.tanda-app .level-3.add-on .cols img { transform: translate(0%);}.feature-page.tanda-app .header img { width: 567px !important; max-width: 100%;}.feature-page.tanda-app .header .container { margin-left: auto;}.feature-page.tanda-app .header .copy-col { transform: translateY(0px);}.feature-page.tanda-app .level-2 .bg-absolute img { display: none;} .feature-page.live-insights .level-3:nth-child(1) img { width: auto !important; translate: translate(0%) !important;} .feature-page.live-insights .level-3.add-on img { position: static !important;}.feature-page.shift-swapping .header { padding-top: 50px; padding-bottom: 50px;} .feature-page.shift-swapping .copy-cont, .feature-page.live-insights .copy-cont { margin-left: auto; } .feature-page .header-slider-cont .slick-dots { display: none !important;}.feature-page .header-slider-cont { margin-bottom: 0 !important;}.feature-page { background-image: linear-gradient(-90deg, #328CD7 30%, #3fafd7 70%);} .feature-page .header { align-items: unset; flex-direction: column; } .feature-page .header .heading { font-size: 42px; margin-top: 0; } .feature-page .copy-cont { margin-left: -15px; } .feature-page .header .body-text { font-size: 20px; } .feature-page .header .image-one { position: static; align-self: flex-end; width: 700px; margin-bottom: 3rem; margin-right: -20px; }.feature-page.tanda-app .level-4 img, .feature-page.tanda-app .level-3 img, .feature-page.tanda-app .level-2 img, .feature-page.tanda-app .header img { transform: translate(0%); }.feature-page .level-4 img.img-phone { width: 268px; transform: translate(0%) !important; margin-left: auto; margin-right: auto; } .feature-page .features .body-text { font-size: 18px;} .feature-page .level-2 { padding-top: 85px; padding-bottom: 60px } .feature-page .level-2 img { width: 60%; } .feature-page .level-3.add-on { padding-top: 40px; } .feature-page .level-3.add-on .cont-1st { padding-top: 0px; } .feature-page .level-3, .feature-page .level-4 { padding-top: 75px; padding-bottom: 75px;}.feature-page .level-4 .container{ padding-top: 0px; padding-bottom: 0px}.feature-page .level-3 img, .feature-page .level-4 img, .feature-page .features .level-2 .img-one { margin-bottom: 1.5rem;}.feature-page .level-3 img, .feature-page .level-3.add-on img { transform: translateX(5%) } .feature-page .level-2 .hidden-img, .feature-page .level-4 img, .feature-page .features .level-2 .img-one { transform: translateX(-5%) }.feature-page .level-5 { padding-top: 150px; padding-bottom: 100px;}.feature-page .bg-inside { padding-top: 85px;}.feature-page .slick-container .slick-slide .copy .h1 {font-size: 20px;}.feature-page .slick-container .slick-slide .copy .name {font-size: 16px;}.feature-page .slick-container .slick-slide .copy .credentials {font-size: 15px;}.feature-page.shift-swapping .img-middle {width: 511px !important;}.feature-page .integration-logo-cont { display: inline-flex; align-items: center; justify-content: center;margin-right: 60px; margin-bottom: 45px;}.feature-page .integration-logo { transform: translateX(0%) !important;}.feature-page .integration .logo-cont { display: inline-flex; width: 25%; justify-content: center; margin-bottom: 40px;}.feature-page .integration .logo-cont img { margin-right: 0px; margin-bottom: 0px; max-width: 110px; width: auto !important;}.md-d-block { display: block; }.md-d-none { display: none !important; } .md-d-flex { display: flex; } .md-p-initial { position: static !important; } .md-mt-0 { margin-top: 0 !important; }.md-mb-0 { margin-bottom: 0 !important; } .md-mb-1 { margin-bottom: 1 !important; } .md-mb-2 { margin-bottom: 2 !important; } .md-mb-3 { margin-bottom: 3 !important; } .md-flex-direction-col { flex-direction: column }}@media (max-width: 767.76px) {.industry-page .overview { padding-left: 15px; padding-right: 15px;}.feature-page .integration .logo-cont { display: inline-flex; width: 33.33333%; justify-content: center; margin-bottom: 40px;}.feature-page .integration-logo { transform: scale(0.8);}.feature-page .header, .feature-page.tanda-app .header{ margin-left: 35px; padding-top: 40px; padding-bottom: 40px;}.feature-page .header .heading { font-size: 36px; }.feature-page .header .body-text { font-size: 18px; } .feature-page .header .image-one { width: 105%; height: auto; max-width: 105%; } .feature-page .header .copy-cont { margin-left: -15px; margin-right: 20px; } .feature-page .header .body-text { margin-bottom: 2.5rem; } .feature-page .header .flex-item-1 { margin-right: 70px; } .feature-page .level-2 .container, .feature-page .level-3 .container, .feature-page .level-4 .container { width: 80%; } .feature-page.tanda-app .level-2 .container .cols, .feature-page.tanda-app .level-4 .container .cols, .feature-page.tanda-app .level-3 .container .cols{margin-right: 0;margin-left: 0;}.feature-page .level-3 img, .feature-page .level-3.add-on img { width: 100%; transform: translateX(13%) } .feature-page .level-4 img.img-phone { width: 268px !important; transform: translate(0%) !important; margin-left: auto; margin-right: auto; } .feature-page .level-2 .hidden-img, .feature-page .level-4 img, .feature-page .features .level-2 .img-one { width: 100% !important; transform: translateX(-13%) } .feature-page .level-3, .feature-page .level-4, .feature-page .level-3.add-on, .feature-page .level-2 { padding-top: 75px; padding-bottom: 75px;}.feature-page .features .img-layered { width: 105% !important; max-width: 105%;}.feature-page .slick-container .slick-slide .slide { flex-direction: column; max-width: 421.6px; margin-right: auto; margin-left: auto;}.feature-page .slick-container .slick-slide .img-cont { border-bottom-left-radius: 0; border-top-right-radius: 15px; width: 100%; height: 256px; min-height: auto;}.feature-page .slick-container .slick-slide .copy { width: 100%;}.feature-page .slick-container .slick-slide .slide .copy:before { display: none;}.feature-page .level-5 { padding-top: 100px; padding-bottom: 100px;}.feature-page.shift-swapping .img-middle {width: 400px !important;}.sm-d-flex { display: flex; } .sm-d-block { display: block; } .sm-mb-0 { margin-bottom: 0 !important; } .sm-mb-1 { margin-bottom: 1 !important; } .sm-mb-2 { margin-bottom: 2 !important; } .sm-mb-3 { margin-bottom: 3 !important; }}@media (max-width: 565.76px) {.feature-page.time-clock .image-one { width: 70% !important;}.feature-page.shift-swapping .img-middle {width: 320px !important;}.feature-page .header .image-one { margin-bottom: 2rem;}.feature-page .header .heading { font-size: 36px; margin-bottom: 0.5rem; }.feature-page .header .body-text { font-size: 17px; } .feature-page .header .copy-cont .sm-d-flex { display: block; } .feature-page .header .flex-item-1 { margin-right: 0px; } .feature-page .header .flex-item-2 { display: none !important; } .feature-page .features .body-text { font-size: 16px; }.feature-page .features .h1 { font-size: 28px; } .feature-page .level-2 .container, .feature-page .level-3 .container, .feature-page .level-4 .container { width: 90%; } .feature-page .level-3 img { transform: translateX(8%) } .feature-page .level-2 .hidden-img, .feature-page .level-4 img, .feature-page .features .level-2 .img-one { transform: translateX(-8%) } .feature-page .level-3, .feature-page .level-4, .feature-page .level-3.add-on, .feature-page .level-2 { padding-top: 50px;}.feature-page .level-4 img.img-phone { width: 220px !important; border-radius: 29px;} .xs-flex-direction-col { flex-direction: column; } .feature-page .bg-inside { padding-top: 75px;}.feature-page .level-6 .highlight-feature .link-out { font-size: 18px; font-weight: bold;}.feature-page .level-6 .highlight-feature .short-desc { font-size: 16px;} .feature-page .level-6 .link-out .arrow-long { width: 1.7rem; transform: translatey(0.1rem);}.feature-page .slick-next { right: -25px;}.feature-page .slick-prev { left: -25px;}.feature-page .slick-container .slick-slide .slide { transform: translateX(0px);}.feature-page .slick-container .slick-slide .slide { max-width: 342.55px ;}.feature-page .slick-container .slick-slide .img-cont { height: 208px;}.feature-page .level-6 { padding-top: 110px; padding-bottom: 110px;}}@media (max-width: 479.76px) { #stepsOverview .step.active .step-text-div img { max-width: 90%; } .industry-page .overview .h1 { font-size: 28px; } .industry-page .overview .body-text, .industry-page .collapsibles-div p { font-size: 16px; }.feature-page.time-clock .image-one { width: 90% !important; transform: translateX(-3%);}.feature-page .integration .logo-cont { width: 50%;}.feature-page .header .heading { font-size: 28px; }.feature-page .header .body-text { font-size: 15px; }.feature-page .btn, .feature-page .signupForm button { font-size: 12px; padding: 10px 16px !important;} .feature-page .header .body-text { margin-bottom: 2rem; }.start-trial-div span { font-size: 12px; line-height: 1.5;}.feature-page .header .image-one { width: 104%;} .feature-page .level-3 img { transform: translateX(9%) } .feature-page .level-2 .hidden-img, .feature-page .level-4 img, .feature-page .features .level-2 .img-one { transform: translateX(-9%) } .feature-page .level-3.add-on .body-text { margin-bottom: 0; } .feature-page .slick-container .slick-slide .copy { padding: 20px 13px; } .feature-page .slick-container .slick-slide .copy .h1 { font-size: 16px; } .feature-page .slick-container .slick-slide .copy .name { font-size: 14px; } .feature-page .slick-container .slick-slide .copy .credentials { font-size: 12px; } .feature-page .slick-container .slick-slide .slide { max-width: 263.5px;}.feature-page .slick-container .slick-slide .img-cont { height: 160px;}}@media (max-width: 369.76px) { .industry-page .overview .h1, .industry-page .overview .body-text { text-align: center; }#stepsOverview .step.active .step-text-div img { max-width: 90%; }.feature-page.tanda-app .header { margin-left: auto;} .feature-page .header .image-one { width: 105%;} .feature-page .header{ margin-left: 20px;} .feature-page .header .copy-cont { margin-right: 5px; } .feature-page .cta-cont { justify-content: center;} .feature-page .features .btn, .feature-page .signupForm button{ display: block; margin-right: auto; margin-left: auto; } .feature-page .level-5 .btn { display: unset;margin-right: 0; margin-left: 0; } .feature-page #reactSignup3 { display: inline-block; margin-right: 3px;} .feature-page .level-2 .container, .feature-page .level-3 .container, .feature-page .level-4 .container { width: 100%; } .feature-page .level-3 .container .cols, .feature-page .level-4 .container .cols { margin-left: 0px; } .feature-page .header .heading, .feature-page .header .body-text, .feature-page .features .h1, .feature-page .features .body-text { text-align: center; } .feature-page .slick-container .slick-slide .copy .h1 {text-align: left;} .feature-page .slick-next { right: -15px;}.feature-page .slick-prev { left: -15px;}.feature-page #reactSignup2 button { display: block;}.feature-page .level-4 img.img-phone { width: 180px !important;}}.industry-page .tanda-card-description .header { padding-top: 0; padding-bottom: 0; margin-left: 0 !important; display: block;}.tanda-card-description .header { color: #3fafd7 !important; text-align: left; font-size: 40px; line-height: 48px;}.tanda-card-description .titles ul { list-style: none; position: relative; padding: 0; width: 100%;display: flex;justify-content: space-between;}.tanda-card-description .titles ul::before { content: \"\"; position: absolute; width: 100%; height: 1px; display: block; bottom: -16px; left: 0; right: 0; background-color: #CAD2DE; transition: .3s;}.tanda-card-description .titles ul li#cardThree { margin-right: 0; }.tanda-card-description .titles ul li { cursor: pointer; display: inline; transition: .3s;}.tanda-card-description .titles .active,.tanda-card-description .titles ul li:hover { color: #3fafd7; font-weight: bold; position: relative;}.tanda-card-description .titles .active::before,.tanda-card-description .titles ul li:hover::before { content: \"\"; position: absolute; width: 100%; height: 3px; display: block; bottom: -17px; left: 0; right: 0; background-color: #3fafd7;}.tanda-card-description .titles { color: #CAD2DE; font-size: 20px; line-height: 1.3; font-weight: normal; margin: 2em 0;}.tanda-card-description .description { display:none;}.tanda-card-description .description.active { display:block;}.tanda-card-description .description li { font-size: 20px; color: #888888; line-height: 1.5; margin-bottom: 1em;}.tanda-card-description .description li:before { content: \"2022\"; font-family: \'Lato\'; font-size: 18px; display: inline-block; margin-left: -1.3em; width: 1.3em; color: #3fafd7;}.tanda-card-description .description ul { list-style: none;}.tanda-card-description .description strong { color: #3fafd7; font-weight: 500;}.tanda-card-deck{ position: relative; height: 643px;}.tanda-card-deck .tanda-card { position: absolute; border-radius: 22px; box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.08); left: 0; top: -150px; right: 0; margin: auto; overflow: hidden; height: 560px; width: 428px; transition: all 1s ease-out; -webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.tanda-card-deck .tanda-card .filter { position: relative; height: 100%; width: 100%;}.tanda-card-deck .tanda-card .filter p { color: #3fafd7; font-size: 50px; text-align: center; font-weight: bold; position: absolute; top:0 ;left: 0; bottom: 0; right: 0;}.tanda-card-deck .tanda-card .filter::after, .tanda-card-deck .tanda-card .filter::before { position: absolute; opacity: 0.7; width: 200%; left: -50px;}.tanda-card-deck .tanda-card .filter::after{ content: \'\'; background: #328CD7; height: 220px; bottom: -135px; transform: rotate(10deg)}.tanda-card-deck .tanda-card .filter::before{ content: \'\'; background: #81C383; height: 300px; bottom: -123px; transform: rotate(-10deg)}.tanda-card-deck .tanda-card.one { background-color: gainsboro; background: url(\'Happy-Puppy3.jpg\') no-repeat; background-size: cover; transform: translateY(200px) scale(1.07);}.tanda-card-deck .tanda-card.two { background-color: #ffffff; transform: translateY(160px) scale(1);}.tanda-card-deck .tanda-card.three { background-color: #FAFAFA; transform: translateY(120px) scale(0.934579);}.tanda-card-deck .tanda-card.four { opacity: 0; transform: translateY(80px) scale(0.873439);}.tanda-card-deck .tanda-card.five { opacity: 0; transform: translateY(40px) scale(0.803439);}.tanda-card-deck .tanda-card.one.move-forward { transform: translateY(240px) scale(1.14); opacity: 0;}.tanda-card-deck .tanda-card.two.move-forward { background-color: gainsboro; background: url(\'Happy-Puppy3.jpg\') no-repeat; background-size: cover; transform: translateY(200px) scale(1.07);}.tanda-card-deck .tanda-card.three.move-forward { background-color: #ffffff; transform: translateY(160px) scale(1.00);}.tanda-card-deck .tanda-card.four.move-forward { background-color: #FAFAFA; transform: translateY(120px) scale(0.934579); opacity: 1;}.tanda-card-deck .tanda-card.five { transform: translateY(80px) scale(0.873439);}.tanda-card-deck .tanda-card.one.move-forward.step-two { transform: translateY(280px) scale(1.21); opacity: 0;}.tanda-card-deck .tanda-card.two.move-forward.step-two { opacity: 0; transform: translateY(240px) scale(1.14);}.tanda-card-deck .tanda-card.three.move-forward.step-two { background-color: gainsboro; background: url(\'Happy-Puppy3.jpg\') no-repeat; background-size: cover; transform: translateY(200px) scale(1.07);}.tanda-card-deck .tanda-card.four.move-forward.step-two{ background-color: #ffffff; transform: translateY(160px) scale(1.0);}.tanda-card-deck .tanda-card.five.step-two { opacity: 1; background-color: #FAFAFA; transform: translateY(120px) scale(0.934579);}@media (max-width: 1200px) {.industry-page .tanda-card-description .header { font-size: 36px;}.tanda-card-description .description li { font-size: 16px;} .tanda-card-deck { height: 400px; } .tanda-card-deck .tanda-card { height: 392px; width: 299.6px; top: -60px; } .tanda-card-deck .tanda-card .filter::before { height: 210px; } .tanda-card-deck .tanda-card .filter::after { height: 154px; }}@media (max-width: 991px){ .industry-page .tanda-card-description .header { font-size: 36px;}.tanda-card-description .description li { font-size: 16px;} .tanda-card-deck { height: 452px; } .tanda-card-deck .tanda-card { height: 392px; width: 299.6px; top: -90px; } .tanda-card-description .titles { font-size: 18px; }}@media (max-width: 767.76px) { .industry-page .header.level-1 { min-height: 60vh;} .industry-page .header.level-1 .copy-cont .row{ padding-right: 15px; padding-left: 15px;}}@media (max-width: 575px) {.tanda-card-deck { display: none !important;} .tanda-card-description .titles ul { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .tanda-card-description .titles ul li { display: inline-block; margin-bottom: 10px; margin-right: 2rem; } .tanda-card-description .titles ul::before { display: none; } .tanda-card-description .titles .active::before, .tanda-card-description .titles ul li:hover::before { display: none; } .tanda-card-deck .tanda-card { height: 392px; width: 299.6px; } .tanda-card-deck .tanda-card .filter::before { height: 210px; } .tanda-card-deck .tanda-card .filter::after { height: 154px; }}::-webkit-input-placeholder { color: #CAD2DE!important;}.d-none { display: none !important; }#excel-form-button { position: relative;}.color-trans { color: transparent;}.loader { border: 3px solid #f3f3f3;border-top: 3px solid #3498db;border-radius: 50%; width: 20px; height: 20px; margin: 0 auto; animation: spin 2s linear infinite; position: absolute; top: 25%; left: 44%;}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}#root { margin-top: -80px; margin-bottom: 180px; position: relative;}.thank-you { display: flex; align-items: center; margin-top: 3em;}.thank-you span{ border: 2px solid white; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 10px;}.thank-you p { margin: 0 !important; line-height: 1.3 !important; }.modal-open footer,.modal-open #root,.modal-open .navbar,.modal-open .feature-page,.modal-open .timesheet-hero,.modal-open .timesheet-feature,.modal-open .timesheet-store,.modal-open .timesheet-cta{ -webkit-filter: blur(5px) brightness(50%); -moz-filter: blur(5px) brightness(50%); -o-filter: blur(5px) brightness(50%); -ms-filter: blur(5px) brightness(50%); filter: blur(5px) brightness(50%);}#excel-form .col-md-6 span.err-msg { position: absolute; top: 100%; color: #d22a2a;}#excel-form input + span.err-msg { display: none;}#excel-form input.danger + span.err-msg { display: block;}.modal-open .fl-html{ background-color: #8a8a8a;}.signupForm__title span{ font-size: 14px;}.signupForm__title span:first-child { display: block; color: #3fafd7; font-weight: bolder; margin: 0;}.submit-button { border-radius: 24px; background-color: #3FAFD7; box-shadow: 1px 3px 5px 0 rgba(0,0,0,0.12); color: white; padding: 12px 0; width: 100%; font-size: 16px; font-weight: bold; margin: 10px 0 0;}.tanda-button { text-transform: uppercase; font-weight: bold; font-size: 1em; padding: 10px 24px; border-radius: 20.5px; min-width: 160px; transition: .5s;}.tanda-button-solid {color: white;background-color: #F5A623;border: 1px solid #F5A623;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.08);}.tanda-button-outline {color: #fff;background-color: transparent;border: 1px solid #fff;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.08);}.timesheet-hero{ position:relative; color:#fff; padding:170px 0; background:linear-gradient(90deg,#3FAFD7 20%,#328CD7 80%);} .timesheet-hero h1{ color:#FFFFFF; font-size:42px; font-weight:bold; line-height:50px;}.timesheet-hero span{ position:absolute; bottom:0; left:70px; color:#87C9FF; font-size:14px; line-height:21px; text-align:center; }.timesheet-hero ol{ counter-reset:list-number; list-style:none; padding:0;}.timesheet-hero ol li{ counter-increment:list-number; padding:0; margin:24px 0; font-size:18px; position:relative;} .timesheet-hero ol > li::before{ content:counter(list-number); margin-right:16px; border:5px #80BDE5 solid; padding:4px 9.5px; font-size:16px; font-weight:bold; border-radius:100%; color:#3FAFD7; background-color:#fff;}.timesheet-hero > div > div > div:first-child p{ font-size:18px; line-height:27px;}.timesheet-hero > div > div > div:last-child p{ font-size:24px; font-weight:bold; line-height:29px;}.timesheet-hero > div > div > div:last-child p{ font-size:24px; font-weight:bold; line-height:29px;}.asymmetric-double, .asymmetric-top, .asymmetric-bottom{ position:relative; background:linear-gradient(90deg,#3FAFD7 0%,#328CD7 100%); padding:40px 0;}.asymmetric-double:before, .asymmetric-top:before{ position:absolute; content:\"\"; width:100%; height:100%; top:0; left:0; background:linear-gradient(90deg,#3FAFD7 0%,#328CD7 100%); transform-origin:top left; transform:skewY(-3deg); z-index:-1;}.asymmetric-double::after, .asymmetric-bottom:after{ position:absolute; content:\"\"; width:100%; height:100%; top:0; left:0; background:linear-gradient(90deg,#3FAFD7 0%,#328CD7 100%); transform-origin:bottom right; transform:skewY(-3deg); z-index:-1;}.timesheet-feature { padding: 80px 0;}.hero-card { background: #18395C; } .hero-card:after {background: #18395C;} .timesheet-feature h1, .timesheet-cta h2 { color: #fff; font-size:36px; font-weight:bold; line-height:38px; text-transform: none; letter-spacing: 0px;}.timesheet-feature p{font-size:18px;line-height:27px;}.timesheet-feature p:nth-child(3){ margin-bottom: 70px;}.timesheet-feature p, .timesheet-feature h2, .timesheet-store h2 { color:#fff; position:relative; text-align:left;}.timesheet-feature .tanda-button, .timesheet-cta .tanda-button { margin: 8px;}.timesheet-feature .tanda-button:first-child { margin-left: 0px;}.timesheet-feature .timesheet-feature-image img { border-radius: 8px;}.timesheet-feature .timesheet-feature-image { position: absolute; width: 90vw;top: -35px; box-shadow: -4px 4px 16px 0 rgba(0,0,0,0.16); border-radius: 8px;}.timesheet-feature span.no-credit{ display: inline-block; position: absolute; bottom: -30px; left: 230px; margin: 11px 0; color: #FFFFFF; font-size: 12px; font-weight: 400; line-height: 15px;}.timesheet-store { margin: 180px 0;}.timesheet-store > div > div{ display: flex; align-items: center;}.timesheet-store h2 { color: #3FAFD7; font-size: 36px; font-weight: bold; line-height: 44px; text-transform: initial; letter-spacing: 0; margin: 18px 0;}.timesheet-store p { color: #708093; font-size: 18px; line-height: 27px;}.timesheet-store .timesheet-store-image img { width: 500px; margin: auto; display: block;}.timesheet-store a > img { width: 140px; margin-right: 20px;}.timesheet-cta { text-align: center; padding: 120px 0;}@media screen and (max-width: 991px) {.timecal>.table__staff tfoot>tr>td>button:first-child{ padding:0 !important;}.timecal .remove__entry { padding: 0 !important;} .timesheet-feature .timesheet-feature-image { position: relative; width: 170vw;top: -55px; } .timesheet-store > div > div{ display: flex; align-items: center; flex-direction: column; text-align: center;}.timesheet-store h2 { text-align: center;}.timesheet-store .store-links { text-align: center;}.timesheet-hero ol { display:flex;}.timesheet-hero ol > li::before { position:absolute; top: -40px; left: 45%;}.timesheet-hero ol > li { text-align: center; margin-top: 60px; padding: 10px 20px;}.timesheet-hero span { bottom: -10%; width: 130px; right: 6%; left: auto;}}@media screen and (max-width: 575px) {.timesheet-hero { padding-top:80px;} .timesheet-hero ol { display:block;}.timesheet-hero ol > li { margin-top: 80px;}.timesheet-hero span { width: 100%; right: 0; left: 0; bottom: -5%;}}@media screen and (max-width: 407px ){ .timesheet-feature .tanda-button { margin-left: 0; margin-right: 16px; margin-top: 16px; } .timesheet-feature span.no-credit { left: 35px; }}@media print {#root { margin-top: 100px; }}.TandaModal .modal-dialog { max-width:527px;margin:auto; border-radius: 12px; background-color: #FFFFFF; box-shadow: 3px 5px 10px 0 rgba(0,0,0,0.12);}.TandaModal label { display: block; color: #888888; font-family: Lato; font-weight: normal; font-size: 16px; line-height: 19px; margin: 8px 0;}.TandaModal .danger { border-color: #DB3939;} .TandaModal .row > div { margin: 8px 0;}.TandaModal sup { color: #DB3939; font-size: 16px; vertical-align: sub;}.TandaModal .warning { border: 1px solid #DB3939;}.TandaModal span{ font-size: 14px; color: #DB3939; display: block; text-align: left; margin-top: 8px;}.TandaModal input, .TandaModal textarea, .TandaModal select { display: block; width: 100%; padding: 10px 20px; font-size: 16px; border: 1px solid #CAD2DE; border-radius: 25px; background-color: #FFFFFF; resize: none; outline: none;}.TandaModal select { color: #CAD2DE; -webkit-appearance: none; -moz-appearance: none; appearance: none;}.TandaModal .dropdown { position: relative;}.TandaModal .dropdown:after { content: \"\"; position: absolute; right: 20px; top: 18px; width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid lightgray;}.TandaModal input:focus, .TandaModal textarea:focus { border: 1px solid #3FAFD7 !important;}.TandaModal input::placeholder, .TandaModal textarea::placeholder { color: #CAD2DE;}.TandaModal .modal-content { padding: 50px 80px; margin-top: 8vh;}.TandaModal .close { height: 30px; width: 30px; border-radius: 18px; background-color: #FFFFFF; box-shadow: 1px 1px 5px 0 rgba(66, 66, 66, 0.79); position: absolute; top: -15px; color: #535151; right: -15px; opacity: 1;}.TandaModal .modal-header, .TandaModal .modal-footer { border: 0; padding: 0; text-align: center;}.TandaModal .modal-title { color:#26496E; font-size:24px;font-weight:bold;text-align:center;text-transform:inherit;letter-spacing:0;}.TandaModal .modal-header a { text-decoration: underline;}.TandaModal .modal-header p { color:#8A9BAE;font-size:16px;line-height:24px;text-align:center;letter-spacing:0;}.TandaModal .modal-body { padding: 0; border: 0;}.fl-builder-row-settings #fl-field-separator_position {display: none !important;}.fl-node-5cbd5780b1f8d .fl-col-content {}.fl-node-5cbd5780b1f8d .fl-col-content {-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);-webkit-transition: -webkit-box-shadow 500ms ease-in-out, -webkit-transform 500ms ease-in-out;-moz-transition: -moz-box-shadow 500ms ease-in-out, -moz-transform 500ms ease-in-out;transition: box-shadow 500ms ease-in-out, transform 500ms ease-in-out;will-change: box-shadow;} .elementor-inner { overflow: hidden; } ::-webkit-input-placeholder { color: #CAD2DE!important; } .d-none { display: none !important; } #excel-form-button { position: relative; } .color-trans { color: transparent; } .loader { border: 3px solid #f3f3f3; /* Light grey */ border-top: 3px solid #3498db; /* Blue */ border-radius: 50%; width: 20px; height: 20px; margin: 0 auto; animation: spin 2s linear infinite; position: absolute; top: 25%; left: 44%; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #root { margin-top: -80px; margin-bottom: 180px; position: relative; } .thank-you { display: flex; align-items: center; margin-top: 3em; } .thank-you span{ border: 2px solid white; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .thank-you p { margin: 0 !important; line-height: 1.3 !important; } .modal-open footer, .modal-open #root, .modal-open .navbar, .modal-open .feature-page, .modal-open .timesheet-hero, .modal-open .timesheet-feature, .modal-open .timesheet-store, .modal-open .timesheet-cta { -webkit-filter: blur(5px) brightness(50%); -moz-filter: blur(5px) brightness(50%); -o-filter: blur(5px) brightness(50%); -ms-filter: blur(5px) brightness(50%); filter: blur(5px) brightness(50%); } #excel-form .col-md-6 span.err-msg { position: absolute; top: 100%; color: #d22a2a; } #excel-form input + span.err-msg { display: none; } #excel-form input.danger + span.err-msg { display: block; } .modal-open .fl-html{ background-color: #8a8a8a; } .signupForm__title span{ font-size: 14px; } .signupForm__title span:first-child { display: block; color: #3fafd7; font-weight: bolder; margin: 0; } .submit-button { border-radius: 24px; background-color: #3FAFD7; box-shadow: 1px 3px 5px 0 rgba(0,0,0,0.12); color: white; padding: 12px 0; width: 100%; font-size: 16px; font-weight: bold; margin: 10px 0 0; } .tanda-button { text-transform: uppercase; font-weight: bold; font-size: 1em; padding: 10px 24px; border-radius: 20.5px; min-width: 160px; transition: .5s; } .tanda-button-solid { color: white; background-color: #F5A623; border: 1px solid #F5A623; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.08); } .tanda-button-outline { color: #fff!important; background-color: transparent!important; border: 1px solid #fff!important; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.08); } .timesheet-hero{ position:relative; color:#fff; padding:170px 0; background:linear-gradient(90deg,#3FAFD7 20%,#328CD7 80%); } .timesheet-hero h1{ color:#FFFFFF; font-size:42px; font-weight:bold; line-height:50px; } .timesheet-hero span{ position:absolute; bottom:0; left:70px; color:#87C9FF; font-size:14px; line-height:21px; text-align:center; } .timesheet-hero ol{ counter-reset:list-number; list-style:none; padding:0; } .timesheet-hero ol li{ counter-increment:list-number; padding:0; margin:24px 0; font-size:18px; position:relative; } .timesheet-hero ol > li::before{ content:counter(list-number); margin-right:16px; border:5px #80BDE5 solid; padding:4px 9.5px; font-size:16px; font-weight:bold; border-radius:100%; color:#3FAFD7; background-color:#fff; } .timesheet-hero > div > div > div:first-child p{ font-size:18px; line-height:27px; } .timesheet-hero > div > div > div:last-child p{ font-size:24px; font-weight:bold; line-height:29px; } .timesheet-hero > div > div > div:last-child p{ font-size:24px; font-weight:bold; line-height:29px; } .asymmetric-double, .asymmetric-top, .asymmetric-bottom{ position:relative; background:linear-gradient(90deg,#3FAFD7 0%,#328CD7 100%); padding:40px 0; } .asymmetric-double:before, .asymmetric-top:before{ position:absolute; content:\"\"; width:100%; height:100%; top:0; left:0; background:linear-gradient(90deg,#3FAFD7 0%,#328CD7 100%); transform-origin:top left; transform:skewY(-3deg); z-index:-1; } .asymmetric-double::after, .asymmetric-bottom:after{ position:absolute; content:\"\"; width:100%; height:100%; top:0; left:0; background:linear-gradient(90deg,#3FAFD7 0%,#328CD7 100%); transform-origin:bottom right; transform:skewY(-3deg); z-index:-1; } .timesheet-feature { padding: 80px 0; } .hero-card { background: #18395C; } .hero-card:after { background: #18395C; } .timesheet-feature h1, .timesheet-cta h2 { color: #fff; font-size:36px; font-weight:bold; line-height:38px; text-transform: none; letter-spacing: 0px; } .timesheet-feature p{ font-size:18px; line-height:27px; } .timesheet-feature p:nth-child(3){ margin-bottom: 70px; } .timesheet-feature p, .timesheet-feature h2, .timesheet-store h2 { color:#fff; position:relative; text-align:left; } .timesheet-feature .tanda-button, .timesheet-cta .tanda-button { margin: 8px; } .timesheet-feature .tanda-button:first-child { margin-left: 0px; } .timesheet-feature .timesheet-feature-image img { border-radius: 8px; } .timesheet-feature .timesheet-feature-image { position: absolute; width: 90vw; top: -35px; box-shadow: -4px 4px 16px 0 rgba(0,0,0,0.16); border-radius: 8px; } .timesheet-feature span.no-credit{ display: inline-block; position: absolute; bottom: -30px; left: 230px; margin: 11px 0; color: #FFFFFF; font-size: 12px; font-weight: 400; line-height: 15px; } .timesheet-store { margin: 180px 0; } .timesheet-store > div > div{ display: flex; align-items: center; } .timesheet-store h2 { color: #3FAFD7; font-size: 36px; font-weight: bold; line-height: 44px; text-transform: initial; letter-spacing: 0; margin: 18px 0; } .timesheet-store p { color: #708093; font-size: 18px; line-height: 27px; } .timesheet-store .timesheet-store-image img { width: 500px; margin: auto; display: block; } .timesheet-store a > img { width: 140px; margin-right: 20px; } .timesheet-cta { text-align: center; padding: 120px 0; } @media screen and (max-width: 991px) { .timecal>.table__staff tfoot>tr>td>button:first-child{ padding:0 !important; } .timecal .remove__entry { padding: 0 !important; } .timesheet-feature .timesheet-feature-image { position: relative; width: 170vw; top: -55px; } .timesheet-store > div > div{ display: flex; align-items: center; flex-direction: column; text-align: center; } .timesheet-store h2 { text-align: center; } .timesheet-store .store-links { text-align: center; } .timesheet-hero ol { display:flex; } .timesheet-hero ol > li::before { position:absolute; top: -40px; left: 45%; } .timesheet-hero ol > li { text-align: center; margin-top: 60px; padding: 10px 20px; } .timesheet-hero span { bottom: -10%; width: 130px; right: 6%; left: auto; } } @media screen and (max-width: 575px) { .timesheet-hero { padding-top:80px; } .timesheet-hero ol { display:block; } .timesheet-hero ol > li { margin-top: 80px; } .timesheet-hero span { width: 100%; right: 0; left: 0; bottom: -5%; } } @media screen and (max-width: 407px ){ .timesheet-feature .tanda-button { margin-left: 0; margin-right: 16px; margin-top: 16px; } .timesheet-feature span.no-credit { left: 35px; } } @media print { #root { margin-top: 100px; } } .TandaModal .modal-dialog { max-width:527px; margin:auto; border-radius: 12px; background-color: #FFFFFF; box-shadow: 3px 5px 10px 0 rgba(0,0,0,0.12); } .TandaModal label { display: block; color: #888888; font-family: Lato; font-weight: normal; font-size: 16px; line-height: 19px; margin: 8px 0; } .TandaModal .danger { border-color: #DB3939; } .TandaModal .row > div { margin: 8px 0; } .TandaModal sup { color: #DB3939; font-size: 16px; vertical-align: sub; } .TandaModal .warning { border: 1px solid #DB3939; } .TandaModal span{ font-size: 14px; color: #DB3939; display: block; text-align: left; margin-top: 8px; } .TandaModal input, .TandaModal textarea, .TandaModal select { display: block; width: 100%; padding: 10px 20px; font-size: 16px; border: 1px solid #CAD2DE; border-radius: 25px; background-color: #FFFFFF; resize: none; outline: none; } .TandaModal select { color: #CAD2DE; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .TandaModal .dropdown { position: relative; } .TandaModal .dropdown:after { content: \"\"; position: absolute; right: 20px; top: 18px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid lightgray; } .TandaModal input:focus, .TandaModal textarea:focus { border: 1px solid #3FAFD7 !important; } .TandaModal input::placeholder, .TandaModal textarea::placeholder { color: #CAD2DE; } .TandaModal .modal-content { padding: 50px 80px; margin-top: 8vh; } .TandaModal .close { height: 30px; width: 30px; border-radius: 18px; background-color: #FFFFFF; box-shadow: 1px 1px 5px 0 rgba(66, 66, 66, 0.79); position: absolute; top: -15px; color: #535151; right: -15px; opacity: 1; } .TandaModal .modal-header, .TandaModal .modal-footer { border: 0; padding: 0; text-align: center; } .TandaModal .modal-title { color:#26496E; font-size:24px; font-weight:bold; text-align:center; text-transform:inherit; letter-spacing:0; } .TandaModal .modal-header a { text-decoration: underline; } .TandaModal .modal-header p { color:#8A9BAE; font-size:16px; line-height:24px; text-align:center; letter-spacing:0; } .TandaModal .modal-body { padding: 0; border: 0; } $(document).ready(function(){ var allInputsHasValue = false; var emailIsValid = false; var staffInput = document.getElementById(\'excel-form-staff\'); staffInput.onkeydown = function(e) { if(!((e.keyCode > 95 && e.keyCode 47 && e.keyCode < 58) || e.keyCode == 8)) { return false; } } $("#signUpbtnTop").click(function(){ $("#reactSignup1 button").trigger("click"); }) $("#signUpbtnBottom").click(function(){ $("#reactSignup2 button").trigger("click"); }) $('#gotoTry').click(function() { window.location.href = 'https://www.tanda.co/try/'; }) $("#excel-form input").on('input', function(e){ let input = $(e.currentTarget); changeInputClass($(input).val(), input); if(input.is("input[type=email]")) { checkEmailIfValid(); } }) $("#excel-form input").blur(function(){ let $this = this; let val = $($this).val(); if(val) { $($this).removeClass("danger"); } else { $($this).addClass("danger"); } }); $("#excel-form-button").click(function(){ let $this = this; let formData = { name: $("#excel-form-name").val(), email: $("#excel-form-email").val(), business_name: $("#excel-form-business-name").val(), staffNo: $("#excel-form-staff").val() } $("#excel-form input").each(function(){ let input = this; changeInputClass($(input).val(), input); }) checkEmailIfValid(); if(emailIsValid && allInputsHasValue) { sendJSON(formData); $(".dl-text").addClass("color-trans") $(".loader").removeClass("d-none") $($this).attr("disabled", true); // console.log(formData); } }); function checkEmailIfValid (){ let input = $("#excel-form input[type=email]") let emailAddress = input.val(); let re = /^(([^()[]\\.,;:s@\"]+(.[^()[]\\.,;:s@\"]+)*)|(\".+\"))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/; emailIsValid = re.test(emailAddress); changeInputClass(emailIsValid, input) } function changeInputClass(value, inputEl) { if(value){ allInputsHasValue = true; $(inputEl).removeClass(\'danger\'); } else { allInputsHasValue = false $(inputEl).addClass(\'danger\'); } } function sendJSON(formData){ let address; $.getJSON( \"https://ipinfo.io/json?token=ce462a89288b0f\", function(data) { address = data.ip; fetch(\"https://hooks.zapier.com/hooks/catch/3349564/75gpet/\",{ method: \"POST\", body: JSON.stringify({ title: \"Free Rostering Template for Excel\", name: formData.name, business_name: formData.business_name, number_of_employees: formData.staffNo, work_email: formData.email, user_ip: address, country: \'au\', source_url: window.location.href, track_lead: $.cookie(\'track-lead-page\'), first_visit_date: $.cookie(\'first-visit-date\'), utm_medium: $.cookie(\'utm-medium\'), utm_source: $.cookie(\'utm-source\'), utm_campaign: $.cookie(\'utm-campaign\'), pardot_utm: \'free_tool\', pardot_tag: \'rostering template\', }) }).then(function(res){ res.json(); }) .then(function(response) { console.log(\'Success:\', JSON.stringify(response)) $(\"#excel-form-button\").addClass(\"d-none\"); $(\".thank-you\").removeClass(\"d-none\"); }) .catch(function(error){ console.error(\'Error:\', error) }); }); } }); Free Rostering Template for Excel Sheets Use this template to eliminate paperwork and create easier communication between you and your employees. #excel-form input,#excel-form .dropdown .btn{ -webkit-appearance:none; -moz-appearance:none; background:#FFF; border:1px solid #CAD2DE; border-radius:24px !important; padding:10px 25px !important; width:100%; text-align:left; text-transform:none; font-weight:normal; font-size:16px; line-height:22.8571px; } #excel-form input{ color:#888888; } #excel-form .dropdown.active .btn p{ color:#888888; } #excel-form .dropdown .btn{ display:flex; align-items:center; justify-content:space-between; transition:none; } #excel-form .dropdown .btn .caret{ display:block; margin-bottom:-2px; color:#8A9BAE; } #excel-form .dropdown.open .btn{ border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; border-bottom:none !important; } #excel-form .dropdown .btn p{ color:#CAD2DE; text-align:left; text-transform:none; font-weight:normal; font-size:16px; line-height:22.8571px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #excel-form .dropdown .dropdown-menu{ width:100%; border-radius:0; border-bottom-left-radius:24px; border-bottom-right-radius:24px; top:90%; border:1px solid #CAD2DE; border-top:none; box-shadow:none; max-height:200px; overflow:auto; } #excel-form .dropdown .dropdown-menu li{ padding:5px 25px; color:#888888; } #excel-form .dropdown .dropdown-menu li:hover{ color:#3fafd7; cursor:pointer; } #excel-form p{ font-size:16px; color:#fff; margin:25px 0 3px; font-weight:bold; } #excel-form::placeholder{ color:#CAD2DE; } #excel-form .industry.dropdown input{ cursor:text !important; } #excel-form .industry.dropdown::before{ content:\"f140\"; font-family:dashicons; position:absolute; right:15px; top:20%; font-size:20px; } #excel-form .industry.dropdown.open::before{ content:\"f142\"; } #excel-form .industry.dropdown li.other{ display:none; } #excel-form .industry.dropdown .dropdown-menu::-webkit-scrollbar-track { border-radius:24px; background-color:rgba(245,245,245,0.0); overflow:hidden; } #excel-form .industry.dropdown .dropdown-menu::-webkit-scrollbar { width:8px; background-color:rgba(136,136,136,0.0); } #excel-form .industry.dropdown .dropdown-menu::-webkit-scrollbar-thumb { border-radius:24px; background-color:rgba(245,245,245,0.0); } #excel-form .industry.dropdown .dropdown-menu:hover{ border-bottom-right-radius:0px; } #excel-form .industry.dropdown .dropdown-menu:hover::-webkit-scrollbar-thumb{ background-color:rgba(136,136,136,0.6); } #excel-form .industry.dropdown .dropdown-menu:hover::-webkit-scrollbar { background-color:rgba(245,245,245,0.9); } #excel-form-button{ border:none; border-radius:25px; background-color:#99CA2F; color:#FFF; margin-top:3em; padding:12px 24px; font-size:16px; text-transform:uppercase; font-weight:bold; box-shadow:1px 3px 5px 0 rgba(0,0,0,0.12); } #excel-form-button:hover{ background-color:#a0ce3d; } @media only screen and (max-width:728px){ #excel-form .button-row{ text-align:center; } .thank-you{ width:90%; margin-left:auto; margin-right:auto; } } Name Enter your name Business Name Enter your business name Business Email Enter a valid email No. of staff How many staff do you have? Download Thank you! Check your inbox. We\'ve sent you a copy of this template! Share your scheduling worksheet to your staff! The template is on Google Sheets and can be easily shared with read-only access. You can also communicate to your staff any changes in the roster with the comment feature. Do more with Tanda’s online rostering software Build rosters to match customer demand with Tanda’s online rostering software. See staff availability as you go, save templates, set budgets and cost rosters to make sure you never go over budget. Book a Demo Start Free Trial No credit card required Tanda’s new Employee Time Clock is here! Download the free Time Clock app to automatically create your timesheets. #comparison-cards{ width:100%; margin:0 auto 50px; max-width:790px; } #coc.card{ display:block; padding:30px; border-radius:24px; background-color:#F4F9FB; box-shadow:-8px 3px 15px 0 rgba(0,0,0,0.12),3px 1px 10px 0 rgba(0,0,0,0.08); margin-right:-10px; } #tanda-ws.card{ padding:30px; margin-left:-20px; margin-top:-26px; border-radius:24px; background-color:#FFFFFF; box-shadow:-8px 3px 15px 0 rgba(0,0,0,0.12),3px 1px 10px 0 rgba(0,0,0,0.08); } #coc.card h1{ color:#708093; font-size:22px; font-weight:bold; line-height:27px; text-align:center; white-space:nowrap; } #tanda-ws.card h1{ color:#708093; font-size:22px; font-weight:bold; line-height:27px; text-align:left; white-space:nowrap; margin-top:4px; margin-left:15px; } #tanda-ws.card img{ width:120px; display:block; margin-left:15px; } #coc p{ text-align:center; color:#8A9BAE; font-family:Lato; font-size:18px; line-height:22px; padding-top:25px; margin-left:-15px; } #tanda-ws div{ display:flex; justify-content:center; align-items:center; } #tanda-ws a{ color:white; border:none; border-radius:24px; padding:12px 12px; background-color:#FFA526; box-shadow:1px 3px 5px 0 rgba(0,0,0,0.12); text-decoration:none; } #coc ul,#tanda-ws ul{ list-style:none; margin-left:-30px; text-align:left; } #coc li{ color:#CAD2DE; font-family:Lato; font-size:16px; line-height:16px; padding-left:35px; padding-top:10px; padding-bottom:10px; } #tanda-ws li{ color:#3FAFD7; font-family:Lato; font-size:16px; line-height:16px; padding-left:35px; padding-top:10px; padding-bottom:10px; } #coc li:first-of-type,#tanda-ws li:first-of-type{ padding-top:15px; } #coc li.active,#tanda-ws li.active{ font-weight:600; font-family:Lato; font-size:18px; line-height:22px; background:url(\'https://www.tanda.co/wp-content/uploads/check-icon.png\') left center no-repeat; /* background-position-x:-10px;*/ } #coc li.active{ color:#708093; } @media only screen and (max-width:767px){ #comparison-cards{ max-width:340px; } #tanda-ws.card{ margin-top:-30px; margin-left:-10px; width:107%; } } Our free rostering template is great, but our Workforce Success platform is even better. Rostering is 10x easier when you use Tanda Free Rostering Template Manual Scheduling Manual Attendance Tracking Manual Attendance Tracking Pay interpretation Leave management Reporting Support Project Management Optional Add Ons Workforce Platform Scheduling Attendance Tracking Timesheets Pay interpretation Reporting Support Project Management Optional Add Ons Our free rostering template is great, but our Workforce Success platform is even better! Book a Demo Start Free Trial .feature-page > div.level-6{ background-color:#fff; padding:80px 0; } .feature-page > div > div > div > div{ display:flex; } .feature-page > div img{ width:50px; height:50px; flex-grow:0; flex-shrink:0; margin-right:1.5rem; } Timesheet Calculator Tanda’s free Timesheet Calculator automatically creates staff rosters, complete with shifts, breaks, total hours, and estimated wages. Superannuation Contributions Calculator Compute super contributions for multiple full-time, part-time, and casual employees using Tanda’s Superannuation Contributions Calculator.
Introducing the New Tanda Time Clock App!
We are very excited to announce that a brand new Time clock app is here, packed with new features, more stability and a much more user-friendly design. The Time clock is a core part of Tanda and it is key to making sure you can accurately track your staff attendance, whether that’s in Australia or […]
Team Tanda
30 September 2016 |
We are very excited to announce that a brand new Time clock app is here, packed with new features, more stability and a much more user-friendly design. The Time clock is a core part of Tanda and it is key to making sure you can accurately track your staff attendance, whether that’s in Australia or abroad! Tanda’s Time Clock app live streams employee clock ins, making it easy to track employee time and attendance. All data is stored in the system, and transferred automatically to timesheets, so you’ve always got a record of when staff are working. https://www.youtube.com/watch?v=M-ZQiRUFWKw&rel=0 Since we first released the Time clock app, we have received feedback for improvements and new feature ideas! We have taken all of this feedback on-board and built a brand new app that we know you will love. What’s new? A refreshed modern design A simple and intuitive interface More guidance for users Now works on iPads Current and upcoming shift information displayed upon clock-in / out Staff can submit leave and unavailability right through the app (optional feature) Download the Time Clock app Visit the Time Clock page for more information.
More Resources
Subscribe to our blog!
Stay updated with the latest insights on frontline work, industry news, business templates, and other free resources.
Subscribe to the Tanda Blog!
Stay updated with the latest insights on frontline work, industry news, business templates, and other free resources.
Subscribe to our Blog!
Stay updated with the latest insights on frontline work, industry news, business templates, and other free resources.
Thank you for subscribing!
Please check your email to confirm your subscription.
There’s plenty more to explore:
Watch videos© 2012-2023 Tanda. Lvl 6/545 Queen St, Brisbane City QLD 4000 Australia.