@charset "utf-8";
/* Template Name: Express KDK Created: August 2019 Version: 1.0.0 Updated: August 2020 File Description: Main Css file of the template & optiaztion */ .bg-primary { background-color: #2f55d4 !important; } .bg-soft-primary { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; color: #2f55d4 !important; } .text-primary { color: #2f55d4 !important; } a.text-primary:hover, a.text-primary:focus { color: #284bc1 !important; } .bg-secondary { background-color: #5a6d90 !important; } .bg-soft-secondary { background-color: rgba(90, 109, 144, 0.2) !important; border: 1px solid rgba(90, 109, 144, 0.2) !important; color: #5a6d90 !important; } .text-secondary { color: #5a6d90 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #506180 !important; } .bg-success { background-color: #2eca8b !important; } .bg-soft-success { background-color: rgba(46, 202, 139, 0.2) !important; border: 1px solid rgba(46, 202, 139, 0.2) !important; color: #2eca8b !important; } .text-success { color: #2eca8b !important; } a.text-success:hover, a.text-success:focus { color: #29b57d !important; } .bg-warning { background-color: #f17425 !important; } .bg-soft-warning { background-color: rgba(241, 116, 37, 0.2) !important; border: 1px solid rgba(241, 116, 37, 0.2) !important; color: #f17425 !important; } .text-warning { color: #f17425 !important; } a.text-warning:hover, a.text-warning:focus { color: #ed650f !important; } .bg-info { background-color: #17a2b8 !important; } .bg-soft-info { background-color: rgba(23, 162, 184, 0.2) !important; border: 1px solid rgba(23, 162, 184, 0.2) !important; color: #17a2b8 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #148ea1 !important; } .bg-danger { background-color: #e43f52 !important; } .bg-soft-danger { background-color: rgba(228, 63, 82, 0.2) !important; border: 1px solid rgba(228, 63, 82, 0.2) !important; color: #e43f52 !important; } .text-danger { color: #e43f52 !important; } a.text-danger:hover, a.text-danger:focus { color: #e1293e !important; } .bg-dark { background-color: #3c4858 !important; } .bg-soft-dark { background-color: rgba(60, 72, 88, 0.2) !important; border: 1px solid rgba(60, 72, 88, 0.2) !important; color: #3c4858 !important; } .text-dark { color: #3c4858 !important; } a.text-dark:hover, a.text-dark:focus { color: #323c49 !important; } .bg-muted { background-color: #8492a6 !important; } .bg-soft-muted { background-color: rgba(132, 146, 166, 0.2) !important; border: 1px solid rgba(132, 146, 166, 0.2) !important; color: #8492a6 !important; } .text-muted { color: #8492a6 !important; } a.text-muted:hover, a.text-muted:focus { color: #75859b !important; } .bg-light { background-color: #f8f9fc !important; } .bg-soft-light { background-color: rgba(248, 249, 252, 0.2) !important; border: 1px solid rgba(248, 249, 252, 0.2) !important; color: #f8f9fc !important; } .text-light { color: #f8f9fc !important; } a.text-light:hover, a.text-light:focus { color: #e6eaf4 !important; } .bg-blue { background-color: #2f55d4 !important; } .bg-soft-blue { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; color: #2f55d4 !important; } .text-blue { color: #2f55d4 !important; } a.text-blue:hover, a.text-blue:focus { color: #284bc1 !important; } .bg-footer { background-color: #202942 !important; } .bg-soft-footer { background-color: rgba(32, 41, 66, 0.2) !important; border: 1px solid rgba(32, 41, 66, 0.2) !important; color: #202942 !important; } .text-footer { color: #202942 !important; } a.text-footer:hover, a.text-footer:focus { color: #181e30 !important; } .bg-black { background: #161c2d !important; } .list-inline-item:not(:last-child) { margin-right: 0px; margin-bottom: 5px; } .rounded { border-radius: 6px !important; } .rounded-top { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-left { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-bottom { border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-right { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-md { border-radius: 10px !important; } .rounded-lg { border-radius: 30px !important; } .border { border: 1px solid #e9ecef !important; } .border-top { border-top: 1px solid #e9ecef !important; } .border-bottom { border-bottom: 1px solid #e9ecef !important; } .border-left { border-left: 1px solid #e9ecef !important; } .border-right { border-right: 1px solid #e9ecef !important; } .small, small { font-size: 90%; } .card .card-body { padding: 1.5rem; } .component-wrapper .title { font-size: 20px; } .component-wrapper.sticky-bar li { margin-bottom: 6px; } .component-wrapper.sticky-bar li:last-child { margin-bottom: 0px !important; } .component-wrapper.sticky-bar li a:hover, .component-wrapper.sticky-bar li a:focus { color: #2f55d4 !important; } .btn-primary { background-color: #2f55d4 !important; border: 1px solid #2f55d4 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus { background-color: #2443ac !important; border-color: #2443ac !important; color: #ffffff !important; } .btn-soft-primary { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; color: #2f55d4 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus { background-color: #2f55d4 !important; border-color: #2f55d4 !important; color: #ffffff !important; } .btn-outline-primary { border: 1px solid #2f55d4; color: #2f55d4; background-color: transparent; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active { background-color: #2f55d4; border-color: #2f55d4; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-secondary { background-color: #5a6d90 !important; border: 1px solid #5a6d90 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3); box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.focus { background-color: #465571 !important; border-color: #465571 !important; color: #ffffff !important; } .btn-soft-secondary { background-color: rgba(90, 109, 144, 0.2) !important; border: 1px solid rgba(90, 109, 144, 0.2) !important; color: #5a6d90 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3); box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3); } .btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary:active, .btn-soft-secondary.active, .btn-soft-secondary.focus { background-color: #5a6d90 !important; border-color: #5a6d90 !important; color: #ffffff !important; } .btn-outline-secondary { border: 1px solid #5a6d90; color: #5a6d90; background-color: transparent; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.focus, .btn-outline-secondary:not(:disabled):not(.disabled):active { background-color: #5a6d90; border-color: #5a6d90; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3); box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3); } .btn-success { background-color: #2eca8b !important; border: 1px solid #2eca8b !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3); box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus { background-color: #25a06e !important; border-color: #25a06e !important; color: #ffffff !important; } .btn-soft-success { background-color: rgba(46, 202, 139, 0.2) !important; border: 1px solid rgba(46, 202, 139, 0.2) !important; color: #2eca8b !important; -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3); box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3); } .btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.focus { background-color: #2eca8b !important; border-color: #2eca8b !important; color: #ffffff !important; } .btn-outline-success { border: 1px solid #2eca8b; color: #2eca8b; background-color: transparent; } .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:not(:disabled):not(.disabled):active { background-color: #2eca8b; border-color: #2eca8b; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3); box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3); } .btn-warning { background-color: #f17425 !important; border: 1px solid #f17425 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3); box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus { background-color: #d55b0e !important; border-color: #d55b0e !important; color: #ffffff !important; } .btn-soft-warning { background-color: rgba(241, 116, 37, 0.2) !important; border: 1px solid rgba(241, 116, 37, 0.2) !important; color: #f17425 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3); box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3); } .btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning:active, .btn-soft-warning.active, .btn-soft-warning.focus { background-color: #f17425 !important; border-color: #f17425 !important; color: #ffffff !important; } .btn-outline-warning { border: 1px solid #f17425; color: #f17425; background-color: transparent; } .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:not(:disabled):not(.disabled):active { background-color: #f17425; border-color: #f17425; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3); box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3); } .btn-info { background-color: #17a2b8 !important; border: 1px solid #17a2b8 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3); box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus { background-color: #117a8b !important; border-color: #117a8b !important; color: #ffffff !important; } .btn-soft-info { background-color: rgba(23, 162, 184, 0.2) !important; border: 1px solid rgba(23, 162, 184, 0.2) !important; color: #17a2b8 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3); box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3); } .btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active, .btn-soft-info.focus { background-color: #17a2b8 !important; border-color: #17a2b8 !important; color: #ffffff !important; } .btn-outline-info { border: 1px solid #17a2b8; color: #17a2b8; background-color: transparent; } .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:not(:disabled):not(.disabled):active { background-color: #17a2b8; border-color: #17a2b8; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3); box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3); } .btn-danger { background-color: #e43f52 !important; border: 1px solid #e43f52 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3); box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus { background-color: #d21e32 !important; border-color: #d21e32 !important; color: #ffffff !important; } .btn-soft-danger { background-color: rgba(228, 63, 82, 0.2) !important; border: 1px solid rgba(228, 63, 82, 0.2) !important; color: #e43f52 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3); box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3); } .btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:active, .btn-soft-danger.active, .btn-soft-danger.focus { background-color: #e43f52 !important; border-color: #e43f52 !important; color: #ffffff !important; } .btn-outline-danger { border: 1px solid #e43f52; color: #e43f52; background-color: transparent; } .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:not(:disabled):not(.disabled):active { background-color: #e43f52; border-color: #e43f52; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3); box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3); } .btn-dark { background-color: #3c4858 !important; border: 1px solid #3c4858 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3); box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3); } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus { background-color: #272f3a !important; border-color: #272f3a !important; color: #ffffff !important; } .btn-soft-dark { background-color: rgba(60, 72, 88, 0.2) !important; border: 1px solid rgba(60, 72, 88, 0.2) !important; color: #3c4858 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3); box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3); } .btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark.focus { background-color: #3c4858 !important; border-color: #3c4858 !important; color: #ffffff !important; } .btn-outline-dark { border: 1px solid #3c4858; color: #3c4858; background-color: transparent; } .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active { background-color: #3c4858; border-color: #3c4858; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3); box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3); } .btn-muted { background-color: #8492a6 !important; border: 1px solid #8492a6 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3); box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3); } .btn-muted:hover, .btn-muted:focus, .btn-muted:active, .btn-muted.active, .btn-muted.focus { background-color: #68788f !important; border-color: #68788f !important; color: #ffffff !important; } .btn-soft-muted { background-color: rgba(132, 146, 166, 0.2) !important; border: 1px solid rgba(132, 146, 166, 0.2) !important; color: #8492a6 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3); box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3); } .btn-soft-muted:hover, .btn-soft-muted:focus, .btn-soft-muted:active, .btn-soft-muted.active, .btn-soft-muted.focus { background-color: #8492a6 !important; border-color: #8492a6 !important; color: #ffffff !important; } .btn-outline-muted { border: 1px solid #8492a6; color: #8492a6; background-color: transparent; } .btn-outline-muted:hover, .btn-outline-muted:focus, .btn-outline-muted:active, .btn-outline-muted.active, .btn-outline-muted.focus, .btn-outline-muted:not(:disabled):not(.disabled):active { background-color: #8492a6; border-color: #8492a6; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3); box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3); } .btn-light { background-color: #f8f9fc !important; border: 1px solid #f8f9fc !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3); box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3); } .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.focus { background-color: #d4daed !important; border-color: #d4daed !important; color: #ffffff !important; } .btn-soft-light { background-color: rgba(248, 249, 252, 0.2) !important; border: 1px solid rgba(248, 249, 252, 0.2) !important; color: #f8f9fc !important; -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3); box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3); } .btn-soft-light:hover, .btn-soft-light:focus, .btn-soft-light:active, .btn-soft-light.active, .btn-soft-light.focus { background-color: #f8f9fc !important; border-color: #f8f9fc !important; color: #ffffff !important; } .btn-outline-light { border: 1px solid #f8f9fc; color: #f8f9fc; background-color: transparent; } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active { background-color: #f8f9fc; border-color: #f8f9fc; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3); box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3); } .btn-blue { background-color: #2f55d4 !important; border: 1px solid #2f55d4 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-blue.focus { background-color: #2443ac !important; border-color: #2443ac !important; color: #ffffff !important; } .btn-soft-blue { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; color: #2f55d4 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-soft-blue:hover, .btn-soft-blue:focus, .btn-soft-blue:active, .btn-soft-blue.active, .btn-soft-blue.focus { background-color: #2f55d4 !important; border-color: #2f55d4 !important; color: #ffffff !important; } .btn-outline-blue { border: 1px solid #2f55d4; color: #2f55d4; background-color: transparent; } .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.focus, .btn-outline-blue:not(:disabled):not(.disabled):active { background-color: #2f55d4; border-color: #2f55d4; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-footer { background-color: #202942 !important; border: 1px solid #202942 !important; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3); box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3); } .btn-footer:hover, .btn-footer:focus, .btn-footer:active, .btn-footer.active, .btn-footer.focus { background-color: #0f131f !important; border-color: #0f131f !important; color: #ffffff !important; } .btn-soft-footer { background-color: rgba(32, 41, 66, 0.2) !important; border: 1px solid rgba(32, 41, 66, 0.2) !important; color: #202942 !important; -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3); box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3); } .btn-soft-footer:hover, .btn-soft-footer:focus, .btn-soft-footer:active, .btn-soft-footer.active, .btn-soft-footer.focus { background-color: #202942 !important; border-color: #202942 !important; color: #ffffff !important; } .btn-outline-footer { border: 1px solid #202942; color: #202942; background-color: transparent; } .btn-outline-footer:hover, .btn-outline-footer:focus, .btn-outline-footer:active, .btn-outline-footer.active, .btn-outline-footer.focus, .btn-outline-footer:not(:disabled):not(.disabled):active { background-color: #202942; border-color: #202942; color: #ffffff !important; -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3); box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3); } .btn { padding: 8px 20px; outline: none; text-decoration: none; font-size: 16px; letter-spacing: 0.5px; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 600; border-radius: 6px; } .btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .btn.btn-sm { padding: 7px 16px; font-size: 10px; } .btn.btn-lg { padding: 14px 30px; font-size: 16px; } .btn.searchbtn { padding: 6px 20px; } .btn.btn-pills { border-radius: 30px; } .btn.btn-light { color: #3c4858 !important; border: 1px solid #dee2e6 !important; } .btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active, .btn.btn-light.focus { background-color: #d4daed !important; color: #3c4858 !important; } .btn.btn-soft-light { color: rgba(60, 72, 88, 0.5) !important; border: 1px solid #dee2e6 !important; } .btn.btn-soft-light:hover, .btn.btn-soft-light:focus, .btn.btn-soft-light:active, .btn.btn-soft-light.active, .btn.btn-soft-light.focus { color: #3c4858 !important; } .btn.btn-outline-light { border: 1px solid #dee2e6 !important; color: #3c4858 !important; background-color: transparent; } .btn.btn-outline-light:hover, .btn.btn-outline-light:focus, .btn.btn-outline-light:active, .btn.btn-outline-light.active, .btn.btn-outline-light.focus { background-color: #f8f9fc !important; } .btn.btn-icon { height: 36px; width: 36px; line-height: 34px; padding: 0; } .btn.btn-icon .icons { height: 16px; width: 16px; font-size: 16px; } .btn.btn-icon.btn-lg { height: 48px; width: 48px; line-height: 46px; } .btn.btn-icon.btn-lg .icons { height: 20px; width: 20px; font-size: 20px; } .btn.btn-icon.btn-sm { height: 30px; width: 30px; line-height: 28px; } button:not(:disabled) { outline: none; } .shadow { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important; } .shadow-md { -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important; box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important; } .badge-primary { background-color: #2f55d4 !important; color: #ffffff !important; } .badge-outline-primary { background-color: transparent !important; color: #2f55d4 !important; border: 1px solid #2f55d4 !important; } .badge-secondary { background-color: #5a6d90 !important; color: #ffffff !important; } .badge-outline-secondary { background-color: transparent !important; color: #5a6d90 !important; border: 1px solid #5a6d90 !important; } .badge-success { background-color: #2eca8b !important; color: #ffffff !important; } .badge-outline-success { background-color: transparent !important; color: #2eca8b !important; border: 1px solid #2eca8b !important; } .badge-warning { background-color: #f17425 !important; color: #ffffff !important; } .badge-outline-warning { background-color: transparent !important; color: #f17425 !important; border: 1px solid #f17425 !important; } .badge-info { background-color: #17a2b8 !important; color: #ffffff !important; } .badge-outline-info { background-color: transparent !important; color: #17a2b8 !important; border: 1px solid #17a2b8 !important; } .badge-danger { background-color: #e43f52 !important; color: #ffffff !important; } .badge-outline-danger { background-color: transparent !important; color: #e43f52 !important; border: 1px solid #e43f52 !important; } .badge-dark { background-color: #3c4858 !important; color: #ffffff !important; } .badge-outline-dark { background-color: transparent !important; color: #3c4858 !important; border: 1px solid #3c4858 !important; } .badge-muted { background-color: #8492a6 !important; color: #ffffff !important; } .badge-outline-muted { background-color: transparent !important; color: #8492a6 !important; border: 1px solid #8492a6 !important; } .badge-light { background-color: #f8f9fc !important; color: #ffffff !important; } .badge-outline-light { background-color: transparent !important; color: #f8f9fc !important; border: 1px solid #f8f9fc !important; } .badge-blue { background-color: #2f55d4 !important; color: #ffffff !important; } .badge-outline-blue { background-color: transparent !important; color: #2f55d4 !important; border: 1px solid #2f55d4 !important; } .badge-footer { background-color: #202942 !important; color: #ffffff !important; } .badge-outline-footer { background-color: transparent !important; color: #202942 !important; border: 1px solid #202942 !important; } .badge { padding: 5px 8px; border-radius: 3px; letter-spacing: 0.5px; } .badge.badge-light { color: #3c4858 !important; background-color: #f8f9fc !important; } .badge.badge-outline-light { color: #3c4858 !important; border: 1px solid #b1bcdd !important; background-color: transparent !important; } .badge.badge-pill { border-radius: 12px; } .badge:focus, .badge.focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .dropdown-primary .dropdown-menu .dropdown-item:hover, .dropdown-primary .dropdown-menu .dropdown-item.active, .dropdown-primary .dropdown-menu .dropdown-item:active, .dropdown-primary .dropdown-menu .dropdown-item.focus, .dropdown-primary .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #2f55d4 !important; } .dropdown-secondary .dropdown-menu .dropdown-item:hover, .dropdown-secondary .dropdown-menu .dropdown-item.active, .dropdown-secondary .dropdown-menu .dropdown-item:active, .dropdown-secondary .dropdown-menu .dropdown-item.focus, .dropdown-secondary .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #5a6d90 !important; } .dropdown-success .dropdown-menu .dropdown-item:hover, .dropdown-success .dropdown-menu .dropdown-item.active, .dropdown-success .dropdown-menu .dropdown-item:active, .dropdown-success .dropdown-menu .dropdown-item.focus, .dropdown-success .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #2eca8b !important; } .dropdown-warning .dropdown-menu .dropdown-item:hover, .dropdown-warning .dropdown-menu .dropdown-item.active, .dropdown-warning .dropdown-menu .dropdown-item:active, .dropdown-warning .dropdown-menu .dropdown-item.focus, .dropdown-warning .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #f17425 !important; } .dropdown-info .dropdown-menu .dropdown-item:hover, .dropdown-info .dropdown-menu .dropdown-item.active, .dropdown-info .dropdown-menu .dropdown-item:active, .dropdown-info .dropdown-menu .dropdown-item.focus, .dropdown-info .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #17a2b8 !important; } .dropdown-danger .dropdown-menu .dropdown-item:hover, .dropdown-danger .dropdown-menu .dropdown-item.active, .dropdown-danger .dropdown-menu .dropdown-item:active, .dropdown-danger .dropdown-menu .dropdown-item.focus, .dropdown-danger .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #e43f52 !important; } .dropdown-dark .dropdown-menu .dropdown-item:hover, .dropdown-dark .dropdown-menu .dropdown-item.active, .dropdown-dark .dropdown-menu .dropdown-item:active, .dropdown-dark .dropdown-menu .dropdown-item.focus, .dropdown-dark .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #3c4858 !important; } .dropdown-muted .dropdown-menu .dropdown-item:hover, .dropdown-muted .dropdown-menu .dropdown-item.active, .dropdown-muted .dropdown-menu .dropdown-item:active, .dropdown-muted .dropdown-menu .dropdown-item.focus, .dropdown-muted .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #8492a6 !important; } .dropdown-light .dropdown-menu .dropdown-item:hover, .dropdown-light .dropdown-menu .dropdown-item.active, .dropdown-light .dropdown-menu .dropdown-item:active, .dropdown-light .dropdown-menu .dropdown-item.focus, .dropdown-light .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #f8f9fc !important; } .dropdown-blue .dropdown-menu .dropdown-item:hover, .dropdown-blue .dropdown-menu .dropdown-item.active, .dropdown-blue .dropdown-menu .dropdown-item:active, .dropdown-blue .dropdown-menu .dropdown-item.focus, .dropdown-blue .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #2f55d4 !important; } .dropdown-footer .dropdown-menu .dropdown-item:hover, .dropdown-footer .dropdown-menu .dropdown-item.active, .dropdown-footer .dropdown-menu .dropdown-item:active, .dropdown-footer .dropdown-menu .dropdown-item.focus, .dropdown-footer .dropdown-menu .dropdown-item:focus { background-color: transparent; color: #202942 !important; } .btn-group .dropdown-toggle:after { content: ""; position: relative; right: -4px; top: -2px; border: solid #ffffff; border-radius: 0.5px; border-width: 0 2px 2px 0; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 0; vertical-align: 0; } .btn-group .dropdown-menu { margin-top: 10px; border: 0; border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } .btn-group .dropdown-menu:before { content: ""; position: absolute; top: 2px; left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 7px solid #495057; border-radius: 0.5px; border-color: transparent transparent #ffffff #ffffff; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15); box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15); } .alert-primary { background-color: rgba(47, 85, 212, 0.9); color: #ffffff; border-color: #2f55d4; } .alert-primary .alert-link { color: #122258; } .alert-outline-primary { background-color: #ffffff; color: #2f55d4; border-color: #2f55d4; } .alert-secondary { background-color: rgba(90, 109, 144, 0.9); color: #ffffff; border-color: #5a6d90; } .alert-secondary .alert-link { color: #1f2632; } .alert-outline-secondary { background-color: #ffffff; color: #5a6d90; border-color: #5a6d90; } .alert-success { background-color: rgba(46, 202, 139, 0.9); color: #ffffff; border-color: #2eca8b; } .alert-success .alert-link { color: #124d35; } .alert-outline-success { background-color: #ffffff; color: #2eca8b; border-color: #2eca8b; } .alert-warning { background-color: rgba(241, 116, 37, 0.9); color: #ffffff; border-color: #f17425; } .alert-warning .alert-link { color: #753208; } .alert-outline-warning { background-color: #ffffff; color: #f17425; border-color: #f17425; } .alert-info { background-color: rgba(23, 162, 184, 0.9); color: #ffffff; border-color: #17a2b8; } .alert-info .alert-link { color: #062a30; } .alert-outline-info { background-color: #ffffff; color: #17a2b8; border-color: #17a2b8; } .alert-danger { background-color: rgba(228, 63, 82, 0.9); color: #ffffff; border-color: #e43f52; } .alert-danger .alert-link { color: #79111d; } .alert-outline-danger { background-color: #ffffff; color: #e43f52; border-color: #e43f52; } .alert-dark { background-color: rgba(60, 72, 88, 0.9); color: #ffffff; border-color: #3c4858; } .alert-dark .alert-link { color: black; } .alert-outline-dark { background-color: #ffffff; color: #3c4858; border-color: #3c4858; } .alert-muted { background-color: rgba(132, 146, 166, 0.9); color: #ffffff; border-color: #8492a6; } .alert-muted .alert-link { color: #3d4654; } .alert-outline-muted { background-color: #ffffff; color: #8492a6; border-color: #8492a6; } .alert-light { background-color: rgba(248, 249, 252, 0.9); color: #ffffff; border-color: #f8f9fc; } .alert-light .alert-link { color: #8d9dce; } .alert-outline-light { background-color: #ffffff; color: #f8f9fc; border-color: #f8f9fc; } .alert-blue { background-color: rgba(47, 85, 212, 0.9); color: #ffffff; border-color: #2f55d4; } .alert-blue .alert-link { color: #122258; } .alert-outline-blue { background-color: #ffffff; color: #2f55d4; border-color: #2f55d4; } .alert-footer { background-color: rgba(32, 41, 66, 0.9); color: #ffffff; border-color: #202942; } .alert-footer .alert-link { color: black; } .alert-outline-footer { background-color: #ffffff; color: #202942; border-color: #202942; } .alert { padding: 8px 15px; border-radius: 6px; font-size: 14px; } .alert.alert-light { background-color: #f8f9fc; color: #3c4858; border-color: #dee2e6; } .alert.alert-dismissible { padding-right: 30px; } .alert.alert-dismissible .close { top: -2px; right: -10px; font-size: 16px !important; } .alert.alert-pills { border-radius: 30px; display: inline-block; } .alert.alert-pills .content { font-weight: 600; } .page-next-level .title { font-size: 28px; letter-spacing: 1px; } .page-next-level .page-next { position: relative; top: 110px; z-index: 99; } .breadcrumb { letter-spacing: 0.5px; padding: 8px 24px; display: block; } .breadcrumb .breadcrumb-item { text-transform: uppercase; font-size: 14px; font-weight: 700; padding-left: 0; display: inline-block; } .breadcrumb .breadcrumb-item a { color: #3c4858; } .breadcrumb .breadcrumb-item a:hover { color: #2f55d4; } .breadcrumb .breadcrumb-item.active { color: #2f55d4; } .breadcrumb .breadcrumb-item:before { content: ""; } .breadcrumb .breadcrumb-item:after { content: "\F0142" !important; font-size: 14px; color: #3c4858; font-family: "Material Design Icons"; padding-left: 5px; } .breadcrumb .breadcrumb-item:last-child:after { display: none; } .pagination .page-item:first-child .page-link { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .pagination .page-item:last-child .page-link { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .pagination .page-item .page-link { color: #3c4858; border: 1px solid #dee2e6; padding: 10px 15px; font-size: 14px; } .pagination .page-item .page-link:focus { -webkit-box-shadow: none; box-shadow: none; } .pagination .page-item .page-link:hover { color: #ffffff; background: rgba(47, 85, 212, 0.9); border-color: rgba(47, 85, 212, 0.9); } .pagination .page-item.active .page-link { color: #ffffff; background: #2f55d4 !important; border-color: #2f55d4; cursor: not-allowed; } .avatar.avatar-ex-sm { max-height: 25px; } .avatar.avatar-md-sm { height: 45px; width: 45px; } .avatar.avatar-small { height: 65px; width: 65px; } .avatar.avatar-md-md { height: 80px; width: 80px; } .avatar.avatar-medium { height: 110px; width: 110px; } .avatar.avatar-large { height: 140px; width: 140px; } .avatar.avatar-ex-large { height: 180px; width: 180px; } .faq-container .question { font-size: 20px; } .faq-content .card .faq .card-header { padding-right: 40px !important; } .faq-content .card a.faq[data-toggle="collapse"] { background-color: #ffffff; color: #2f55d4; -webkit-transition: all 0.5s; transition: all 0.5s; } .faq-content .card a.faq[data-toggle="collapse"]:before { content: "\F0143"; display: block; font-family: "Material Design Icons"; font-size: 18px; color: #3c4858; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .faq-content .card a.faq[data-toggle="collapse"].collapsed { background-color: #ffffff; color: #3c4858 !important; -webkit-transition: all 0.5s; transition: all 0.5s; } .faq-content .card a.faq[data-toggle="collapse"].collapsed:before { top: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #3c4858 !important; } .faq-content .card .title { font-size: 16px; } .nav-pills { margin-bottom: 15px; background: #f4f6fa; } .nav-pills .nav-link { color: #495057 !important; padding: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .nav-pills .nav-link.active { background: #2f55d4; color: #ffffff !important; } .nav-pills .nav-link.active .tab-para { color: rgba(255, 255, 255, 0.65) !important; } .nav-pills a .title { font-size: 17px; font-weight: 700; } .progress-box .title { font-size: 15px; } .progress-box .progress { height: 8px; overflow: visible; } .progress-box .progress .progress-bar { border-radius: 6px; -webkit-animation: animate-positive 3s; animation: animate-positive 3s; overflow: visible !important; } .progress-box .progress .progress-value { position: absolute; top: -25px; right: -15px; font-size: 13px; } @-webkit-keyframes animate-positive { 0% { width: 0; } } @keyframes animate-positive { 0% { width: 0; } } .blockquote { border-left: 3px solid #dee2e6; border-radius: 6px; font-size: 16px; } .form-group { /* margin-bottom: 20px;*/ } .form-group label { /* font-size: 14px; */ /* font-weight: 700; */ } .form-group .form-control { -webkit-box-shadow: none; box-shadow: none; background-color: #ffffff; border: 1px solid #dee2e6; color: #3c4858; height: 42px; font-size: 13px; border-radius: 6px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .form-group .form-control:focus, .form-group .form-control.active { border-color: #2f55d4; } .form-group textarea { height: 120px !important; } .form-group textarea.form-control { line-height: 25px; } .form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1; } .custom-control-input:checked ~ .custom-control-label:before { color: #ffffff; border-color: #2f55d4; background-color: #2f55d4; } .custom-control-input:focus ~ .custom-control-label::before, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #2f55d4; } .custom-control-label { cursor: pointer; } .custom-control-label:before, .custom-control-label:after { top: 2px; } .custom-switch .custom-control-label:after { top: 4px; } .subcribe-form input { padding: 14px 20px; width: 100%; color: #3c4858 !important; border: none; outline: none !important; padding-right: 160px; padding-left: 30px; background-color: rgba(255, 255, 255, 0.8); } .subcribe-form button { position: absolute; top: 6px; right: 6px; outline: none !important; } .subcribe-form form { position: relative; max-width: 600px; margin: 0px auto; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive .table td, .table-responsive .table th { vertical-align: middle; } .table-responsive .table-center th { vertical-align: middle !important; } .table-responsive .table-center tbody tr:hover { color: #3c4858; background-color: #f8f9fa; } .table-responsive .table-center.invoice-tb th, .table-responsive .table-center.invoice-tb td { text-align: end; } .modal-open { padding-right: 0 !important; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg, #ffffff, #ffffff); z-index: 9999999; } #preloader #status { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #preloader #status .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #2f55d4; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } #preloader #status .spinner .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .social-icon li a { color: #3c4858; border: 1px solid #3c4858; display: inline-block; height: 32px; width: 32px; line-height: 28px; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; position: relative; } .social-icon li a .fea-social { stroke-width: 2; } .social-icon li a:hover { background-color: #2f55d4; border-color: #2f55d4 !important; color: #ffffff !important; } .social-icon li a:hover .fea-social { fill: #2f55d4; } .social-icon.social li a { color: #adb5bd; border-color: #adb5bd; } .back-to-top { z-index: 99; position: fixed; bottom: 30px; right: 30px; display: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .back-to-top .icons { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } /* .back-to-top:hover { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .back-to-top:hover .icons { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } */ .back-to-home { position: absolute; top: 4%; right: 2%; z-index: 1; } .sticky-bar { position: -webkit-sticky; position: sticky; top: 80px; } .fea { stroke-width: 1.8; } .fea.icon-sm { height: 16px; width: 16px; } .fea.icon-ex-md { height: 20px; width: 20px; } .fea.icon-m-md { height: 28px; width: 28px; } .fea.icon-md { height: 35px; width: 35px; } .fea.icon-lg { height: 42px; width: 42px; } .fea.icon-ex-lg { height: 52px; width: 52px; } .display-1 { font-size: 80px !important; } .display-2 { font-size: 72px !important; } .display-3 { font-size: 64px !important; } .display-4 { font-size: 56px !important; } [class^="uil-"]:before, [class*=" uil-"]:before { margin: 0; } .uim-svg { vertical-align: 0 !important; } @media (max-width: 768px) { .page-next-level .page-next { top: 70px; } .display-1 { font-size: 56px !important; } .display-2 { font-size: 50px !important; } .display-3 { font-size: 42px !important; } .display-4 { font-size: 36px !important; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.5; font-weight: 600; } ::-moz-selection { background: rgba(47, 85, 212, 0.9); color: #ffffff; } ::selection { background: rgba(47, 85, 212, 0.9); color: #ffffff; } a { text-decoration: none !important; } p { line-height: 1.6; } .section { padding: 100px 0; position: relative; } .section-two { padding: 60px 0; position: relative; } .bg-overlay { background-color: rgba(60, 72, 88, 0.7); position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .bg-overlay-gradient { background-color: rgba(47, 85, 212, 0.6); } .bg-overlay-white { background-color: rgba(255, 255, 255, 0.5); } .bg-overlay-gradient2 { background-image: -webkit-gradient( linear, left top, right top, from(#2eca8b), color-stop(#2f55d4), to(#2eca8b) ); background-image: linear-gradient(90deg, #2eca8b, #2f55d4, #2eca8b); opacity: 0.5; } .title-heading { line-height: 26px; } .title-heading .heading { font-size: 45px; letter-spacing: 1px; } .title-heading .para-desc { font-size: 18px; } .section-title { position: relative; } .section-title .title { letter-spacing: 0.5px; font-size: 30px; } .text-shadow-title { text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 4px 0 rgba(255, 255, 255, 0.4), 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff; } .para-desc { max-width: 600px; } .mt-100 { margin-top: 100px; } .shape { position: absolute; pointer-events: none; right: 0; bottom: -2px; left: 0; } .shape > svg { -webkit-transform: scale(2); transform: scale(2); width: 100%; height: auto; -webkit-transform-origin: top center; transform-origin: top center; } .mover { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } @-webkit-keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } .feature-posts-placeholder { position: absolute; bottom: 0px; left: 0; right: 0; height: 66.6%; } .spin-anything { -webkit-animation: spinner-animation 5s linear infinite; animation: spinner-animation 5s linear infinite; } @-webkit-keyframes spinner-animation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-animation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media (min-width: 768px) { .margin-top-100 { margin-top: 100px; } .margin-top-100 .heading { font-size: 40px; } } @media (max-width: 768px) { .section { padding: 60px 0; } .title-heading .heading { font-size: 35px !important; } .title-heading .para-desc { font-size: 18px; } .section-title .title { font-size: 24px; } .mt-60 { margin-top: 60px; } } @media (max-width: 425px) { .shape { bottom: -4px; } } @media (max-width: 425px) { .feature-posts-placeholder { height: 80%; } } #topnav {position: fixed;right: 0;left: 0;top: 0px;z-index: 1030;background-color: transparent;border: 0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px 0 0;} #topnav .logo { float: left; color: #3c4858 !important; } #topnav .logo .l-dark { display: none; } #topnav .logo .l-light { display: inline-block; } #topnav .has-submenu.active a { color: #ffffff; } #topnav .has-submenu.active .submenu li.active > a { color: #2f55d4 !important; } #topnav .has-submenu.active.active .menu-arrow { border-color: #2f55d4; } #topnav .has-submenu { position: relative; } #topnav .has-submenu .submenu .submenu-arrow { border: solid #3c4858; border-radius: 0.5px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 20px; top: 14px; } #topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow { border-color: #2f55d4; } #topnav .navbar-toggle { border: 0; position: relative; width: 60px; padding: 0; margin: 0; cursor: pointer; } #topnav .navbar-toggle .lines {width: 45px;display: block;position: relative;margin: 11px auto;height: 42px;padding: 11px 11px 0px;} #topnav .navbar-toggle span { height: 2px; width: 100%; background-color: #3c4858; display: block; margin-bottom: 5px; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } #topnav .navbar-toggle span:last-child { margin-bottom: 0; } #topnav .buy-button { float: right; line-height: 68px; } #topnav .buy-button .login-btn-primary { display: none; } #topnav .buy-button .login-btn-light { display: inline-block; } #topnav .navbar-toggle.open span { position: absolute; } #topnav .navbar-toggle.open span:first-child { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #topnav .navbar-toggle.open span:nth-child(2) { visibility: hidden; } #topnav .navbar-toggle.open span:last-child { width: 100%; top: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #topnav .navbar-toggle.open span:hover { background-color: #2f55d4; } #topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus, #topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus { background-color: transparent; } #topnav .navigation-menu { list-style: none; margin: 0; padding: 0; } #topnav .navigation-menu > li { float: left; display: block; position: relative; margin: 0 10px; } #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a { color: #2f55d4 !important; } #topnav .navigation-menu > li > a {display: block;color: #3c4858;font-size: 13px;background-color: transparent !important;font-weight: 500;/* letter-spacing: 1px; */line-height: 24px;/* text-transform: uppercase; */-webkit-transition: all 0.5s;transition: all 0.5s;padding-left: 15px;padding-right: 15px;} #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active { color: #2f55d4; } #topnav .navigation-menu .has-submenu .menu-arrow {border: solid #3c4858;border-radius: 0.5px;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;-webkit-transition: all 0.5s;transition: all 0.5s;right: -1px;top: 22px;} #topnav .navigation-menu .has-submenu:hover .menu-arrow { -webkit-transform: rotate(225deg); transform: rotate(225deg); } #topnav .menu-extras { float: right; } #topnav.scroll { background-color: #ffffff; border: none; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } #topnav.scroll .navigation-menu > li > a { color: #3c4858; } #topnav.scroll .navigation-menu > li > .menu-arrow { border-color: #3c4858; } #topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a { color: #2f55d4; } #topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow { border-color: #2f55d4; } #topnav.defaultscroll.dark-menubar .logo { line-height: 70px; } #topnav.defaultscroll.scroll .logo { line-height: 62px; } #topnav.defaultscroll.scroll.dark-menubar .logo { line-height: 62px; } #topnav.nav-sticky { background: #ffffff; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } #topnav.nav-sticky .navigation-menu.nav-light > li > a { color: #3c4858; } #topnav.nav-sticky .navigation-menu.nav-light > li.active > a { color: #2f55d4 !important; } #topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow { border-color: #2f55d4 !important; } #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a { color: #2f55d4 !important; } #topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow { border-color: #3c4858; } #topnav.nav-sticky .buy-button .login-btn-primary { display: inline-block; } #topnav.nav-sticky .buy-button .login-btn-light { display: none; } #topnav.nav-sticky .logo .l-dark { display: inline-block; } #topnav.nav-sticky .logo .l-light { display: none; } .logo { font-weight: 700; font-size: 24px; padding: 0 0 6px; letter-spacing: 1px; line-height: normal; vertical-align: middle; height: 43px !important; margin-top: 0.259rem; } @media (min-width: 992px) { #topnav .navigation-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #topnav .navigation-menu > .has-submenu > .submenu > .has-submenu > .submenu::before { top: 20px; margin-left: -35px; -webkit-box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15); box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15); border-color: transparent #ffffff #ffffff transparent; } #topnav .navigation-menu > .has-submenu:hover .menu-arrow {top: 26px !important;} #topnav .navigation-menu > .has-submenu.active .menu-arrow { top: 30px; } #topnav .navigation-menu > li .submenu { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 15px 0; list-style: none; min-width: 180px; visibility: hidden; opacity: 0; margin-top: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } #topnav .navigation-menu > li .submenu:before { content: ""; position: absolute; top: 2px; left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 7px solid #495057; border-color: transparent transparent #ffffff #ffffff; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15); box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15); } #topnav .navigation-menu > li .submenu li { position: relative; } #topnav .navigation-menu > li .submenu li a {display: block;padding: 10px 20px;clear: both;white-space: nowrap;font-size: 13px;text-transform: uppercase;letter-spacing: 0.04em;font-weight: 700;color: #3c4858 !important;-webkit-transition: all 0.3s;transition: all 0.3s;} #topnav .navigation-menu > li .submenu li a:hover { color: #2f55d4 !important; } #topnav .navigation-menu > li .submenu li ul { list-style: none; padding-left: 0; margin: 0; } #topnav .navigation-menu > li .submenu.megamenu { white-space: nowrap; width: auto; } #topnav .navigation-menu > li .submenu.megamenu > li { overflow: hidden; min-width: 180px; display: inline-block; vertical-align: top; } #topnav .navigation-menu > li .submenu.megamenu > li .submenu { left: 100%; top: 0; margin-left: 10px; margin-top: -1px; } #topnav .navigation-menu > li .submenu > li .submenu { left: 106%; top: 0; margin-left: 10px; margin-top: -1px; } #topnav .navigation-menu > li > a {padding-top: 17px;padding-bottom: 14px;min-height: 59px;} #topnav .navigation-menu > li:hover > .menu-arrow { border-color: #2f55d4; } #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a { color: #2f55d4 !important; } #topnav .navigation-menu > li.last-elements .submenu { left: auto; right: 0; } #topnav .navigation-menu > li.last-elements .submenu:before { left: auto; right: 10px; } #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu { left: auto; right: 100%; margin-left: 0; margin-right: 10px; } #topnav .navigation-menu.nav-light > li > a { color: rgba(255, 255, 255, 0.5); } #topnav .navigation-menu.nav-light > li.active > a { color: #ffffff !important; } #topnav .navigation-menu.nav-light > li:hover > .menu-arrow { border-color: #ffffff !important; } #topnav .navigation-menu.nav-light > li:hover > a { color: #ffffff !important; } #topnav .navigation-menu.nav-light .has-submenu .menu-arrow { border-color: rgba(255, 255, 255, 0.5); } #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow { border-color: #ffffff !important; } #topnav .navigation-menu.nav-right { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } #topnav .navigation-menu.nav-left { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } #topnav .navigation-menu.nav-left > li.last-elements .submenu { left: 0 !important; right: auto !important; } #topnav .navigation-menu.nav-left > li.last-elements .submenu:before { left: 45px !important; right: auto !important; } #topnav .buy-button {padding-left: 8;margin-left: 0;} #topnav .navbar-toggle { display: none; } #topnav #navigation { display: block !important; } #topnav.scroll { top: 0; } #topnav.scroll .navigation-menu > li > a { padding-top: 20px; padding-bottom: 20px; } #topnav.scroll-active .navigation-menu > li > a { padding-top: 25px; padding-bottom: 25px; } } @media (max-width: 991px) { #topnav {background-color: #ffffff;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);min-height: 60px;height: 66px;} #topnav .logo .l-dark { display: inline-block !important; } #topnav .logo .l-light { display: none !important; } #topnav .container { width: auto; } #topnav #navigation { max-height: 400px; } #topnav .navigation-menu { float: none; } #topnav .navigation-menu > li { float: none; } #topnav .navigation-menu > li .submenu { display: none; list-style: none; padding-left: 20px; margin: 0; } #topnav .navigation-menu > li .submenu li a { display: block; position: relative; padding: 7px 15px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.04em; font-weight: 700; color: #3c4858 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } #topnav .navigation-menu > li .submenu.open { display: block; } #topnav .navigation-menu > li .submenu .submenu { display: none; list-style: none; } #topnav .navigation-menu > li .submenu .submenu.open { display: block; } #topnav .navigation-menu > li .submenu.megamenu > li > ul { list-style: none; padding-left: 0; } #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span { display: block; position: relative; padding: 10px 15px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: #8492a6; } #topnav .navigation-menu > li > a { color: #3c4858; padding: 10px 20px; } #topnav .navigation-menu > li > a:after { position: absolute; right: 15px; } #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a { color: #2f55d4; } #topnav .menu-extras .menu-item { border-color: #8492a6; } #topnav .navbar-header { float: left; } #topnav .buy-button .login-btn-primary { display: inline-block !important; } #topnav .buy-button .login-btn-light { display: none; } #topnav .has-submenu .submenu .submenu-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 12px; } #topnav .has-submenu.active a { color: #2f55d4; } #navigation { position: absolute; top: 74px; left: 0; width: 100%; display: none; height: auto; padding-bottom: 0; overflow: auto; border-top: 1px solid #f1f3f9; border-bottom: 1px solid #f1f3f9; background-color: #ffffff; } #navigation.open { display: block; overflow-y: auto; } } @media (max-width: 768px) { #topnav .navigation-menu .has-submenu .menu-arrow { right: 16px; top: 16px; } #topnav .buy-button { padding: 3px 0; } } @media (min-width: 768px) { #topnav .navigation-menu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; } #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-left: 0; margin-right: 0; } .navbar-toggle { display: block; } } @media (max-width: 375px) { #topnav .buy-button { display: none; } #topnav .buy-menu-btn { display: block !important; margin: 0 10px; padding: 10px 20px; } #topnav .navbar-toggle .lines { margin-right: 0 !important; } } .bg-home { height: 100vh; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .bg-half-260 { padding: 260px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .bg-half-170 { padding: 100px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .bg-half-100 { padding: 100px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .bg-half { padding: 184px 0 90px; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .gradient { background: #2f55d4 !important; background: linear-gradient(45deg, #2f55d4, #2f55d4) !important; opacity: 0.9; } .bg-circle-gradiant { background: radial-gradient( circle at 50% 50%, rgba(47, 85, 212, 0.1) 0%, rgba(47, 85, 212, 0.1) 33.333%, rgba(47, 85, 212, 0.3) 33.333%, rgba(47, 85, 212, 0.3) 66.666%, rgba(47, 85, 212, 0.5) 66.666%, rgba(47, 85, 212, 0.5) 99.999% ); } .home-dashboard img { position: relative; top: 60px; z-index: 1; } .classic-saas-image .bg-saas-shape:after { bottom: 3rem; left: 0; width: 75rem; height: 55rem; border-radius: 20rem; opacity: 0.9; -webkit-transform: rotate(130deg); transform: rotate(130deg); } .studio-home { padding: 7%; } .agency-wrapper:before { content: ""; position: absolute; bottom: 22rem; right: 54rem; width: 90rem; height: 35rem; border-radius: 17rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #f8f9fc; z-index: -1; } .bg-marketing { padding: 76px 0 0px; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; display: table !important; width: 100% !important; background-image: url("../img/content/images/features/features-and-tools/hero/home-image.adapt.1800.high.nocrop-03.webp?1"); } .home-slider .carousel-control-next, .home-slider .carousel-control-prev { width: 5%; } .home-slider .carousel-item, .home-slider .carousel { height: 100vh; width: 100%; } .home-slider .carousel-item { background-position: center center; background-size: cover; } .home-slider .carousel-item.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-slider .slides .bg-slider { background-size: cover; height: 100vh; position: relative; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .main-slider .slides .bg-slider.shopping { height: 75vh; } .flex-control-paging li a { background: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .flex-control-paging li a.flex-active { background: #2f55d4; cursor: default; font-size: 17px; width: 15px; height: 15px; -webkit-box-shadow: none; box-shadow: none; } .flex-control-nav { display: none; } .bg-animation-left:after { content: ""; position: absolute; left: 0px; top: 0px; width: 70%; height: 100%; background: rgba(255, 255, 255, 0.85); -webkit-clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%); clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%); } .bg-animation-left.dark-left:after { background: rgba(60, 72, 88, 0.6); } .bg-animation-left.crypto-home:after { background: #2f55d4; width: 80%; -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%); } .bg-animation-left.task-management-home:after { background: url("../images/task/bg.png") #2f55d4; width: 100%; -webkit-clip-path: circle(65% at 40% 25%); clip-path: circle(65% at 40% 25%); } .bg-invoice { padding: 100px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .classic-app-image .bg-app-shape:after { bottom: 3rem; left: -8rem; width: 55rem; height: 35rem; border-radius: 20rem; -webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: 0.9; } .classic-app-image .app-images { position: absolute; bottom: 60px; right: -20px; } .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after { content: " "; position: absolute; z-index: -1; } .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after { -webkit-box-shadow: 0 0 40px rgba(47, 85, 212, 0.5); box-shadow: 0 0 40px rgba(47, 85, 212, 0.5); background-color: #2f55d4; } .shape-before .shape-img { position: absolute; top: -50px; left: -35px; z-index: -1; height: auto; overflow: hidden; } .swiper-slider-hero .swiper-container, .swiper-slider-hero .swiper-slide .slide-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .swiper-slider-hero .swiper-container .swiper-button-prev, .swiper-slider-hero .swiper-container .swiper-button-next { background: transparent; width: 35px; height: 35px; line-height: 35px; margin-top: -30px; } .swiper-slider-hero .swiper-container .swiper-button-prev:before, .swiper-slider-hero .swiper-container .swiper-button-next:before { font-family: "Material Design Icons"; font-weight: 900; color: #ffffff; } .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .swiper-slider-hero .swiper-container .swiper-button-next:hover { background: #2f55d4; border-color: #2f55d4 !important; } .swiper-slider-hero .swiper-container .swiper-button-prev { left: 10px; } .swiper-slider-hero .swiper-container .swiper-button-prev:before { content: "\f0141"; } .swiper-slider-hero .swiper-container .swiper-button-next { right: 10px; } .swiper-slider-hero .swiper-container .swiper-button-next:before { content: "\f0142"; } .swiper-slider-hero .swiper-pagination-bullet { color: #f8f9fa; background: transparent; } .swiper-slider-hero .swiper-pagination-bullet-active { color: #ffffff; } .swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-slider-hero .swiper-pagination-custom, .swiper-slider-hero .swiper-pagination-fraction { bottom: 45px; } .swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 13px; } @media (min-width: 769px) { .bg-studio:after { content: ""; position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background: #ffffff none repeat scroll 0 0; z-index: 2; } } @media (min-width: 768px) { .home-dashboard.onepage-hero { overflow: hidden; } } @media (max-width: 768px) { .agency-wrapper:before { right: 12rem; } .bg-half { padding: 169px 0 50px; } .wave-one, .wave-three { background-size: 50% 50px; } .wave-two { background-size: 50% 70px; } .classic-saas-image .bg-saas-shape img { max-width: 550px; } } @media (max-width: 767px) { .bg-home, .bg-half-170, .bg-half-260, .main-slider .slides .bg-slider, .bg-marketing, .swiper-slider-hero .swiper-container .swiper-slide {padding: 150px 10px;height: auto;} .agency-wrapper:before { right: 0; } .bg-animation-left:after { width: 100%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .classic-saas-image .bg-saas-shape img { max-width: 100%; height: auto; } .classic-saas-image .bg-saas-shape:after { bottom: -5rem; left: 10rem; width: 30rem; height: 30rem; border-radius: 10rem; } } .features .icon, .features .icons { background: rgba(47, 85, 212, 0.1); } .features .icons { height: 80px; line-height: 80px; margin: 0 auto; } .features .image:before { content: ""; position: absolute; bottom: 5px; right: -15px; width: 70px; height: 70px; border-radius: 6px; -webkit-transform: rotate(33.75deg); transform: rotate(33.75deg); background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.09)); z-index: -1; } .features .ride-image { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .features .ride-image img { border-radius: 100% 100% 100% 0; } .features .title-2 { font-size: 20px; } .features:hover .image:before { background: rgba(47, 85, 212, 0.07); -webkit-animation: spinner-border 5s linear infinite; animation: spinner-border 5s linear infinite; } .features.fea-primary { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .features.fea-primary .content .title { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .features.fea-primary .content .title:hover { color: #2f55d4 !important; } .features.fea-primary .big-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; opacity: 0.015; font-size: 180px; } .features.fea-primary:hover { -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15); box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15); background-color: #2f55d4 !important; color: #ffffff !important; } .features.fea-primary:hover .icon2, .features.fea-primary:hover .para { color: rgba(255, 255, 255, 0.5) !important; } .features.fea-primary:hover .content, .features.fea-primary:hover .icon2 { z-index: 2; } .features.fea-primary:hover .big-icon { opacity: 0.05; } .features .title, .key-feature .title { font-size: 18px; } .features .icon, .key-feature .icon { height: 45px; width: 45px; line-height: 45px; } .key-feature { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .key-feature .icon { background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15)); } .key-feature:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important; box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important; } .work-process { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .work-process .title { font-size: 20px; } .work-process .step, .work-process .step-icon { opacity: 0.06; } .work-process a { font-size: 15px; } .work-process.process-arrow:after { content: ""; position: absolute; width: 60%; height: 40px; top: 80px; left: 80%; background: url("../images/process.png") center center no-repeat; z-index: 1; } .work-process.process-arrow:hover { -webkit-transform: none !important; transform: none !important; } .work-process:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .work-process.d-none-arrow:hover { -webkit-transform: none !important; transform: none !important; } .course-feature .title { font-size: 20px; } .course-feature .title:hover { color: #2f55d4 !important; } .course-feature .full-img { position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; margin: 0 auto; z-index: -2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .course-feature:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .course-feature:hover .full-img { opacity: 0.08; } .crypto-table, .course-feature, .features-absolute { position: relative; z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .crypto-table, .course-feature { margin: -260px 0 0px; } .features-absolute { margin: -200px 0 0px; } .features-absolute.blog-search { margin: -120px 0 0px; } .catagories { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .catagories:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } .catagories a:hover { color: #2f55d4 !important; } .app-feature-shape-right:after, .app-feature-shape-left:after { bottom: 0rem; width: 30rem; height: 40rem; border-radius: 10rem; } .app-feature-shape-right:after { left: 10rem; -webkit-transform: rotate(150deg); transform: rotate(150deg); } .app-feature-shape-left:after { right: 10rem; -webkit-transform: rotate(210deg); transform: rotate(210deg); } .app-subscribe { position: absolute; top: -200px; } .saas-feature-shape-left:after, .saas-feature-shape-right:after { bottom: -3rem; width: 35rem; height: 35rem; border-radius: 15rem; -webkit-transform: rotate(145deg); transform: rotate(145deg); } .saas-feature-shape-left:after { left: -10rem; } .saas-feature-shape-right:after { right: -10rem; } .app-feature-shape-right:after, .app-feature-shape-left:after, .saas-feature-shape-left:after, .saas-feature-shape-right:after, .social-feature-left:after, .social-feature-right:after { background: rgba(47, 85, 212, 0.1); -webkit-box-shadow: 0 0 40px rgba(47, 85, 212, 0.1); box-shadow: 0 0 40px rgba(47, 85, 212, 0.1); } .app-feature-shape-right:after, .app-feature-shape-left:after, .saas-feature-shape-left:after, .saas-feature-shape-right:after, .social-feature-left:after, .social-feature-right:after { content: ""; position: absolute; z-index: -1; } .social-feature-left:after, .social-feature-right:after { width: 450px; height: 520px; border-radius: 30px; bottom: -75px; } .social-feature-left:after { right: -200px; } .social-feature-right:after { left: -200px; } .explore-feature { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .explore-feature .icon { height: 80px; width: 80px; line-height: 80px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .explore-feature:hover { -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important; } .explore-feature:hover .icon, .explore-feature:hover .title { color: #2f55d4 !important; } @media (max-width: 768px) { .app-feature-shape-right:after { left: 0; } .app-feature-shape-left:after { right: 0; } .social-feature-left:after, .social-feature-right:after { width: 300px; height: 400px; bottom: -65px; } .features-absolute { margin: -140px 0 0; } .features-absolute.blog-search { margin: -90px 0 0px; } } @media screen and (max-width: 767px) { .process-arrow:after { display: none; } .course-feature, .crypto-table { margin: 0 0 30px; } .app-subscribe { position: relative; top: 0; } .saas-feature-shape-left:after, .saas-feature-shape-right:after { bottom: -1rem; width: 25rem; height: 25rem; border-radius: 10rem; } } @media (max-width: 575px) { .social-feature-left:after, .social-feature-right:after { bottom: -35px; } .social-feature-left:after { right: 60px; } .social-feature-right:after { left: 60px; } } .owl-theme .owl-dots .owl-dot span { background: #2f55d4 !important; } .customer-testi { cursor: e-resize; } .customer-testi .content:before { content: ""; position: absolute; top: 30px; left: 0; margin-left: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 8px solid #3c4858; border-color: transparent #ffffff #ffffff transparent; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15); box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15); } .owl-theme .owl-dots .owl-dot span { border-radius: 3px; background: rgba(47, 85, 212, 0.5) !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots.clickable .owl-dot:hover span { background: #2f55d4 !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .owl-carousel .owl-item img { display: block; width: auto; } .slick-slider { overflow-x: hidden !important; cursor: pointer; } .pricing-rates { position: relative; z-index: 1; border-bottom: 3px solid #adb5bd !important; } .pricing-rates .title { font-weight: 700; font-size: 16px; } .pricing-rates .price { font-weight: 400; } .pricing-rates.business-rate { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pricing-rates.business-rate:hover { -webkit-transform: scale(1.03); transform: scale(1.03); z-index: 2; border-color: #2f55d4; -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important; box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important; background-color: #ffffff !important; } .pricing-rates.business-rate:hover .title { color: #2f55d4; } .pricing-rates.starter-plan { -webkit-transform: scale(1.05); transform: scale(1.05); z-index: 2; border-color: #2f55d4; } .pricing-rates.best-plan { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .pricing-rates.best-plan .lable { width: 200px; position: absolute; top: 15px; right: -65px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .pricing-rates.best-plan .lable h6 { font-size: 12px; } .pricing-rates.best-plan:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .invoice-top .logo-invoice { font-weight: 700; font-size: 27px; letter-spacing: 1px; } @media (max-width: 767px) { .pricing-rates.starter-plan { -webkit-transform: scale(1); transform: scale(1); } } .watch-video a.watch { font-size: 14px; font-weight: 700; } .watch-video a .play-icon-circle { height: 36px; width: 36px; background-color: #2f55d4; line-height: 36px; } .watch-video a .play-icon-circle.play-iconbar { font-size: 16px; } .watch-video a .play-icon-circle.play { top: 77%; } .bg-cta { padding: 150px 0; } .play-btn { height: 78px; width: 78px; font-size: 30px; line-height: 76px; border-radius: 50%; display: inline-block; color: #ffffff; } .play-icon { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); right: 0; left: 0; text-align: center; } .play-icon i { height: 75px; -webkit-text-stroke: 2px #2f55d4; -webkit-text-fill-color: transparent; width: 75px; font-size: 25px; line-height: 75px; display: inline-block; } .play-icon i:hover { -webkit-text-stroke: 2px #2f55d4; -webkit-text-fill-color: #2f55d4; } .mfp-iframe-holder .mfp-content { max-width: 1110px; } .blog { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .blog .content h4 { line-height: 1.2; } .blog .content .title { font-size: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog .content .title:hover { color: #2f55d4 !important; } .blog .content .post-meta .like, .blog .content .post-meta .comments, .blog .content .post-meta .readmore { font-size: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog .content .post-meta .like:hover { color: #e43f52 !important; } .blog .content .post-meta .comments:hover { color: #2eca8b !important; } .blog .content .post-meta .readmore:hover { color: #2f55d4 !important; } .blog .author, .blog .teacher, .blog .course-fee { position: absolute; z-index: 1; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog .author { top: 5%; left: 5%; } .blog .teacher { bottom: 6%; left: 5%; } .blog .course-fee { bottom: -5%; right: 5%; width: 50px; height: 50px; } .blog .course-fee .fee { line-height: 50px; } .blog.blog-detail:hover { -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } .blog:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .blog:hover .overlay { opacity: 0.4; } .blog:hover .author, .blog:hover .teacher, .blog:hover .course-fee { opacity: 1; } .blog .blog-list-meta { position: absolute; bottom: 24px; } .sidebar .widget .widget-search form { position: relative; } .sidebar .widget .widget-search input[type="text"], .sidebar .widget .searchform input[type="text"] { -webkit-box-shadow: none; box-shadow: none; padding: 12px 15px; height: 45px; font-size: 14px; display: block; width: 100%; outline: none !important; padding-right: 45px; } .sidebar .widget .widget-search input[type="submit"], .sidebar .widget .searchform input[type="submit"] { position: absolute; top: 5px; right: 10px; opacity: 0; width: 40px; height: 40px; } .sidebar .widget .widget-search .searchform:after { content: "\F0349"; position: absolute; font-family: "Material Design Icons"; right: 16px; top: 15px; font-size: 20px; line-height: 20px; pointer-events: none; } .sidebar .widget .widget-title { font-size: 18px; } .sidebar .widget .blog-catagories li { padding-bottom: 10px; } .sidebar .widget .blog-catagories li:last-child { padding-bottom: 0; } .sidebar .widget .blog-catagories li a, .sidebar .widget .blog-catagories li span { font-size: 15px; } .sidebar .widget .blog-catagories li a { color: #3c4858; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar .widget .blog-catagories li a:hover { color: #2f55d4; } .sidebar .widget .post-recent { padding-bottom: 15px; } .sidebar .widget .post-recent:last-child { padding-bottom: 0; } .sidebar .widget .post-recent .post-recent-thumb { width: 25%; } .sidebar .widget .post-recent .post-recent-content { width: 75%; padding-left: 10px; } .sidebar .widget .post-recent .post-recent-content a { display: block; color: #3c4858; font-size: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar .widget .post-recent .post-recent-content a:hover { color: #2f55d4; } .sidebar .widget .post-recent .post-recent-content span { font-size: 13px; } .sidebar .widget .tagcloud > a { background: #e9ecef; color: #3c4858; display: inline-block; font-size: 9px; letter-spacing: 1px; margin: 5px 10px 5px 0; padding: 8px 12px 7px; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 600; } .sidebar .widget .tagcloud > a:hover { background: #2f55d4; color: #ffffff; } .page-title { font-size: 20px; } .media-list .media .media-heading:hover { color: #2f55d4 !important; } .media-list .sub-comment { border-left: 2px dashed #dee2e6; } .blog .overlay, .job-box .job-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .job-box { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .job-box .job-overlay { opacity: 0.6; } .job-box .head { position: absolute; top: 15px; right: 15px; } .job-box .position { position: absolute; top: 15px; left: 15px; } .job-box .position a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .job-box .position a:hover { color: #2f55d4 !important; } .job-box .firm-logo { position: absolute; left: 0; right: 0; height: 60px; width: 60px; line-height: 60px; margin: 0 auto; top: -30px; } .job-box .company-name { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .job-box .company-name:hover { color: #2f55d4 !important; } .job-box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } @media (min-width: 1024px) { .job-profile { top: -378px; } } @media (min-width: 768px) and (max-width: 1023px) { .job-profile { top: -338px; } } @media (max-width: 767px) { .company-logo { float: none !important; text-align: left !important; } } .work-container.work-classic .work-image { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .work-container.work-classic .work-image:hover { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } .work-container.work-classic .content .title, .work-container.work-grid .content .title, .work-container.work-modern .content .title { font-size: 18px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .work-container.work-classic .content .title:hover, .work-container.work-grid .content .title:hover, .work-container.work-modern .content .title:hover { color: #2f55d4 !important; } .work-container.work-classic .content .tag, .work-container.work-grid .content .tag, .work-container.work-modern .content .tag { font-size: 15px !important; } .work-container.work-modern img, .work-container.work-modern .overlay-work, .work-container.work-modern .content, .work-container.work-modern .client, .work-container.work-modern .read_more, .work-container.work-modern .icons, .work-container.work-modern .icons .work-icon { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .work-container.work-modern .overlay-work, .work-container.work-modern .content, .work-container.work-modern .client, .work-container.work-modern .read_more, .work-container.work-modern .icons { position: absolute; } .work-container.work-modern .overlay-work { top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 1; } .work-container.work-modern .content { z-index: 1; bottom: 5%; left: 5%; } .work-container.work-modern .content, .work-container.work-modern .client { opacity: 0; } .work-container.work-modern .client, .work-container.work-modern .read_more { z-index: 1; right: 5%; top: 5%; } .work-container.work-modern .read_more { height: 30px; width: 30px; line-height: 30px; } .work-container.work-modern .icons { right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; opacity: 0; } .work-container.work-modern .icons .work-icon { height: 45px; width: 45px; line-height: 45px; } .work-container.work-modern .icons .work-icon:hover { background: #2f55d4 !important; color: #ffffff !important; } .work-container.work-modern:hover img { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } .work-container.work-modern:hover .overlay-work { opacity: 0.65; } .work-container.work-modern:hover .icons { opacity: 1; } .work-container.work-modern:hover .personal-port, .work-container.work-modern:hover .content, .work-container.work-modern:hover .client { opacity: 1; } .work-container.work-grid { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .work-container.work-grid img, .work-container.work-grid .content, .work-container.work-grid .content .title { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .work-container.work-grid .content { position: absolute; bottom: 0; right: 0; left: 0; -webkit-transform: translateY(150px); transform: translateY(150px); overflow: hidden; } .work-container.work-grid:hover { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } .work-container.work-grid:hover img { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .work-container.work-grid:hover .content { -webkit-transform: translateY(0); transform: translateY(0); } .work-details ul li b { max-width: 90px; width: 100%; display: inline-block; } .courses-desc img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .courses-desc:hover img { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } .courses-desc .overlay-work, .popular-tour .overlay-work { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .courses-desc:hover .overlay-work, .popular-tour:hover .overlay-work { opacity: 0.6; } .event-schedule { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .event-schedule .date .day { font-size: 18px; width: 50px; height: 50px; border-radius: 50px; background: rgba(47, 85, 212, 0.1); line-height: 48px; border: 2px solid #ffffff; -webkit-box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5); box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5); } .event-schedule .date .month { font-size: 13px; } .event-schedule .content .title { font-size: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .event-schedule .content .title:hover { color: #2f55d4 !important; } .event-schedule .content .location-time { font-size: 14px; } .event-schedule:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); border-color: #2f55d4 !important; background: #f8f9fc !important; } .courses-desc { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .courses-desc .content .title { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .courses-desc .content .title:hover { color: #2f55d4 !important; } .courses-desc .collection, .courses-desc .preview { position: absolute; opacity: 0; z-index: 1; } .courses-desc .collection { top: 15px; left: 15px; } .courses-desc .collection i { -webkit-text-stroke: 2px #e43f52; -webkit-text-fill-color: transparent; } .courses-desc .collection i:active { -webkit-text-stroke: 0px #e43f52; -webkit-text-fill-color: #e43f52; } .courses-desc .preview { bottom: 15px; right: 15px; } .courses-desc:hover { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .courses-desc:hover .collection, .courses-desc:hover .preview { opacity: 1; } .personal-port { opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .container-filter li a { font-size: 13px; padding: 0px 15px; margin: 5px 3px; font-weight: 700; letter-spacing: 0.8px; cursor: pointer; line-height: 34px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .container-filter li a.active, .container-filter li a:hover { color: #2f55d4 !important; border-color: #2f55d4 !important; } .spacing { padding-left: 7px; padding-right: 7px; } .shop-list .shop-image .overlay-work, .shop-list .shop-image .shop-icons { position: absolute; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .shop-list .shop-image .overlay-work { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .shop-list .shop-image .shop-icons { top: 15px; right: 15px; z-index: 2; -webkit-transform: translateX(100px); transform: translateX(100px); } .shop-list .shop-image:hover .overlay-work, .shop-list .shop-image:hover .shop-icons { opacity: 1; } .shop-list .shop-image:hover .shop-icons { -webkit-transform: translateX(0px); transform: translateX(0px); } .shop-list .content .product-name { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .shop-list .content .product-name:hover { color: #2f55d4 !important; } .popular-tour .content { position: absolute; bottom: 3%; left: 5%; } .main-icon { border: 2px solid #e9ecef; height: 40px; width: 40px; line-height: 0; text-align: center; } .main-icon .fea { height: 20px; } .timeline-page:after { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 95%; margin: auto; width: 2px; background-color: #e9ecef !important; } .timeline-page .timeline-item .date-label-left, .timeline-page .timeline-item .duration-right { margin-right: 15px; } .timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after { content: ""; position: absolute; top: 12px; width: 12px; height: 12px; z-index: 1; background-color: #2f55d4; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .timeline-page .timeline-item .date-label-left { float: right; margin-right: 15px; } .timeline-page .timeline-item .date-label-left:after { right: -37px; } .timeline-page .timeline-item .duration-right { float: left; margin-left: 15px; } .timeline-page .timeline-item .duration-right:after { left: -37px; } .timeline-page .timeline-item .event { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .timeline-page .timeline-item .event.event-description-right { margin-left: 15px; } .timeline-page .timeline-item .event.event-description-left { margin-right: 15px; text-align: right; } @media (min-width: 768px) { .main-icon { margin: 0 auto; } } @media (max-width: 767px) { .timeline-page { margin-left: 18px; } .timeline-page:after { margin: 0; } .timeline-page .timeline-item .duration { float: left !important; margin: 0 0 30px 15px !important; text-align: left !important; } .timeline-page .timeline-item .duration:after { left: -21px !important; } .timeline-page .timeline-item .duration .event { text-align: left !important; margin-left: 15px; } .timeline-page .timeline-item .event-description-left { text-align: left !important; margin: 0 0 0 15px; } } .team img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team .name:hover { color: #2f55d4 !important; } .team .team-icon { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); right: 0; opacity: 0; left: 0; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team:hover img { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); opacity: 0.2; } .team:hover .overlay-team { opacity: 0.6; } .team:hover .team-icon { opacity: 1; } .login-page { font-size: 15px; } .login-page .forgot-pass { z-index: 99; position: relative; font-size: 13px; } .cover-user .container-fluid { max-width: 100%; } .cover-user .container-fluid .padding-less.img { background: scroll center no-repeat; background-size: cover; position: absolute; height: 100%; } .cover-user .cover-user-img { height: 100vh; } .bg-profile { padding: 100px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center; } .bg-profile .public-profile { top: 175px; } .accounts { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .accounts .pro-icons, .accounts .title { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .accounts:hover, .accounts.active { background-color: #2f55d4; } .accounts:hover .pro-icons, .accounts.active .pro-icons { color: rgba(255, 255, 255, 0.5) !important; } .accounts:hover .title, .accounts.active .title { color: #ffffff !important; } @media (min-width: 1025px) { .cover-user .cover-user-img { padding: 0px 20%; } } @media (max-width: 768px) { .cover-user .padding-less { position: relative !important; height: 400px !important; } .cover-user .cover-user-content { text-align: left !important; } .cover-user .cover-user-img { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; height: auto !important; } .cover-user .cover-my-30 { margin: 30px 0; } } .coming-soon, .maintenance, .error-page { font-size: 40px; letter-spacing: 1px; } #countdown .count-down, #eventdown .count-down { display: inline-block; margin: 30px 10px; color: #ffffff; border-radius: 50%; text-align: center; border: 4px solid #dee2e6; height: 130px; width: 130px; } #countdown .count-down .count-number, #eventdown .count-down .count-number { font-size: 40px; line-height: 95px; } #countdown .count-down .count-head, #eventdown .count-down .count-head { display: block; position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px); text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } #eventdown .count-down { margin: 10px !important; border: 0; height: 20px; width: 80px; } #eventdown .count-down .count-number { line-height: 80px; } #eventdown .count-down .count-head { -webkit-transform: translateY(-15px); transform: translateY(-15px); } #clock { color: #ffffff; } #clock p { width: 80px; } #clock p span { font-size: 40px; } #clock p span.indicator { font-size: 18px; } @media (min-width: 200px) and (max-width: 767px) { .coming-soon, .maintenance, .error-page { font-size: 32px; } #eventdown .count-down { width: 60px; } #eventdown .count-down .count-number { font-size: 30px; } #eventdown .count-down .count-head { font-size: 10px; } } .contact-detail .content .title { font-size: 20px; } .form-group .icons { position: absolute; top: 43px; left: 18px; } .map { line-height: 0; } .map iframe { width: 100%; height: 400px; } label.form-label label.error { margin: 8px 0px; display: none; color: #e43f52; font-size: 0.85rem; position: absolute; bottom: -1.999rem; right: 0; } #ajaxsuccess { font-size: 16px; width: 100%; display: none; clear: both; margin: 8px 0px; } .error_message { padding: 10px; margin-bottom: 20px; text-align: center; border: 2px solid #e43f52; color: #e43f52; border-radius: 6px; font-size: 14px; }
/******main tds design******/
.clearfix:after, .form, .glf.glf-short .glf-quick, .info-panel-bottom:after, .info-panel-left, .info-panel-top:after, .is-edit-mode .glf-back-to-top, .is-edit-mode .glf-quick, .is-edit-mode .glf-social, .no-flexbox .pricing-grid-cards:after, .no-flexbox .profile-grid:after, .pricing-grid, .pricing-grid-wrapper:after, .row .row.collapse:after, .row .row:after, .row:after, .slick-track:after { clear: both; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;box-sizing: border-box;/* font-family: "National2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; */font-size: 16px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} hr { width: 100%; color: #d4d7dc; height: 0; } img, legend { border: 0; } pre, textarea { overflow: auto; } body, legend, td, th { padding: 0; } body, sub, sup { position: relative; } *, .form-input[type="search"], .slick-slider, :after, :before, hr, input[type="search"] { box-sizing: border-box; } body, dialog { background: #fff; } .btn.btn-disabled, .form-label div, .form-label span, .slick-slide.dragging img, label div, label span { pointer-events: none; } .btn-select-options-styled-option:last-child:after, .invisible, .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .glf-nav-section, .glf-nav-section:nth-child(3) { -webkit-column-break-inside: avoid; break-inside: avoid; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width: 320px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } .hide, [hidden], template { display: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0; } mark { background: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } .antialiased, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button { overflow: visible; } button, select { text-transform: none; } .brandon-grotesqu, .text-uppercase, a.standalone { text-transform: uppercase; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } .btn-expand, .btn-hint, .btn-plus, .form-input, .form-search input, .htabs__options, input[type="search"].form-input { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } textarea { height: auto; min-height: 50px; } table { border-collapse: collapse; border-spacing: 0; } meta.foundation-version { font-family: "/5.5.2/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 29.9375em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:30em)/"; width: 30em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:30em) and (max-width:47.9375em)/"; width: 30em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:48em)/"; width: 48em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:48em) and (max-width:61.1875em)/"; width: 48em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:61.25em)/"; width: 61.25em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:61.25em) and (max-width:89.9375em)/"; width: 61.25em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:90em)/"; width: 90em; } .row, select {width: 100%;} meta.foundation-data-attribute-namespace { font-family: false; } body, html { height: 100%; font-size: 100%; } body { flex-flow: column; align-items: center; justify-content: flex-start; min-height: 100vh; cursor: auto; font-style: normal; font-weight: 400; font-size: 0.875em; color: #45474d; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; } a:hover { cursor: pointer; } #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .row .row.collapse:after, .row .row.collapse:before, .row .row:after, .row .row:before, .row:after, .row:before { content: " "; display: table; } .row {margin: 0 auto;max-width: 61.25rem;} .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { margin: 0 -0.625rem; max-width: none; width: auto; } .row .row.collapse { margin: 0; max-width: none; width: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; width: 100%; float: left; } .column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child { float: left; } .column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end { float: left; } @media only screen { .column, .columns, .small-pull-0, .small-pull-1, .small-pull-10, .small-pull-11, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-0, .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-6, .small-push-7, .small-push-8, .small-push-9 { position: relative; } .small-push-0 { left: 0; right: auto; } .small-pull-0 { right: 0; left: auto; } .small-push-1 { left: 8.3333333333%; right: auto; } .small-pull-1 { right: 8.3333333333%; left: auto; } .small-push-2 { left: 16.6666666667%; right: auto; } .small-pull-2 { right: 16.6666666667%; left: auto; } .small-push-3 { left: 25%; right: auto; } .small-pull-3 { right: 25%; left: auto; } .small-push-4 { left: 33.3333333333%; right: auto; } .small-pull-4 { right: 33.3333333333%; left: auto; } .small-push-5 { left: 41.6666666667%; right: auto; } .small-pull-5 { right: 41.6666666667%; left: auto; } .small-push-6 { left: 50%; right: auto; } .small-pull-6 { right: 50%; left: auto; } .small-push-7 { left: 58.3333333333%; right: auto; } .small-pull-7 { right: 58.3333333333%; left: auto; } .small-push-8 { left: 66.6666666667%; right: auto; } .small-pull-8 { right: 66.6666666667%; left: auto; } .small-push-9 { left: 75%; right: auto; } .small-pull-9 { right: 75%; left: auto; } .small-push-10 { left: 83.3333333333%; right: auto; } .small-pull-10 { right: 83.3333333333%; left: auto; } .small-push-11 { left: 91.6666666667%; right: auto; } .small-pull-11 { right: 91.6666666667%; left: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .small-1 { width: 8.3333333333%; } .small-2 { width: 16.6666666667%; } .small-3 { width: 25%; } .small-4 { width: 33.3333333333%; } .small-5 { width: 41.6666666667%; } .small-6 { width: 50%; } .small-7 { width: 58.3333333333%; } .small-8 { width: 66.6666666667%; } .small-9 { width: 75%; } .small-10 { width: 83.3333333333%; } .small-11 { width: 91.6666666667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0 !important; } .small-offset-1 { margin-left: 8.3333333333% !important; } .small-offset-2 { margin-left: 16.6666666667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.3333333333% !important; } .small-offset-5 { margin-left: 41.6666666667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.3333333333% !important; } .small-offset-8 { margin-left: 66.6666666667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.3333333333% !important; } .small-offset-11 { margin-left: 91.6666666667% !important; } .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } } @media only screen and (min-width: 30em) { .column, .columns, .medium-pull-0, .medium-pull-1, .medium-pull-10, .medium-pull-11, .medium-pull-2, .medium-pull-3, .medium-pull-4, .medium-pull-5, .medium-pull-6, .medium-pull-7, .medium-pull-8, .medium-pull-9, .medium-push-0, .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-6, .medium-push-7, .medium-push-8, .medium-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 { position: relative; } .medium-push-0 { left: 0; right: auto; } .medium-pull-0 { right: 0; left: auto; } .medium-push-1 { left: 8.3333333333%; right: auto; } .medium-pull-1 { right: 8.3333333333%; left: auto; } .medium-push-2 { left: 16.6666666667%; right: auto; } .medium-pull-2 { right: 16.6666666667%; left: auto; } .medium-push-3 { left: 25%; right: auto; } .medium-pull-3 { right: 25%; left: auto; } .medium-push-4 { left: 33.3333333333%; right: auto; } .medium-pull-4 { right: 33.3333333333%; left: auto; } .medium-push-5 { left: 41.6666666667%; right: auto; } .medium-pull-5 { right: 41.6666666667%; left: auto; } .medium-push-6 { left: 50%; right: auto; } .medium-pull-6 { right: 50%; left: auto; } .medium-push-7 { left: 58.3333333333%; right: auto; } .medium-pull-7 { right: 58.3333333333%; left: auto; } .medium-push-8 { left: 66.6666666667%; right: auto; } .medium-pull-8 { right: 66.6666666667%; left: auto; } .medium-push-9 { left: 75%; right: auto; } .medium-pull-9 { right: 75%; left: auto; } .medium-push-10 { left: 83.3333333333%; right: auto; } .medium-pull-10 { right: 83.3333333333%; left: auto; } .medium-push-11 { left: 91.6666666667%; right: auto; } .medium-pull-11 { right: 91.6666666667%; left: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .medium-1 { width: 8.3333333333%; } .medium-2 { width: 16.6666666667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.3333333333%; } .medium-5 { width: 41.6666666667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.3333333333%; } .medium-8 { width: 66.6666666667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.3333333333%; } .medium-11 { width: 91.6666666667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0 !important; } .medium-offset-1 { /* margin-left: 8.3333333333% !important; */ } .medium-offset-2 { margin-left: 16.6666666667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.3333333333% !important; } .medium-offset-5 { margin-left: 41.6666666667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.3333333333% !important; } .medium-offset-8 { margin-left: 66.6666666667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.3333333333% !important; } .medium-offset-11 { margin-left: 91.6666666667% !important; } .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .push-0 { left: 0; right: auto; } .pull-0 { right: 0; left: auto; } .push-1 { left: 8.3333333333%; right: auto; } .pull-1 { right: 8.3333333333%; left: auto; } .push-2 { left: 16.6666666667%; right: auto; } .pull-2 { right: 16.6666666667%; left: auto; } .push-3 { left: 25%; right: auto; } .pull-3 { right: 25%; left: auto; } .push-4 { left: 33.3333333333%; right: auto; } .pull-4 { right: 33.3333333333%; left: auto; } .push-5 { left: 41.6666666667%; right: auto; } .pull-5 { right: 41.6666666667%; left: auto; } .push-6 { left: 50%; right: auto; } .pull-6 { right: 50%; left: auto; } .push-7 { left: 58.3333333333%; right: auto; } .pull-7 { right: 58.3333333333%; left: auto; } .push-8 { left: 66.6666666667%; right: auto; } .pull-8 { right: 66.6666666667%; left: auto; } .push-9 { left: 75%; right: auto; } .pull-9 { right: 75%; left: auto; } .push-10 { left: 83.3333333333%; right: auto; } .pull-10 { right: 83.3333333333%; left: auto; } .push-11 { left: 91.6666666667%; right: auto; } .pull-11 { right: 91.6666666667%; left: auto; } } @media only screen and (min-width: 48em) { .column, .columns, .large-pull-0, .large-pull-1, .large-pull-10, .large-pull-11, .large-pull-2, .large-pull-3, .large-pull-4, .large-pull-5, .large-pull-6, .large-pull-7, .large-pull-8, .large-pull-9, .large-push-0, .large-push-1, .large-push-10, .large-push-11, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-6, .large-push-7, .large-push-8, .large-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 { position: relative; } .large-push-0 { left: 0; right: auto; } .large-pull-0 { right: 0; left: auto; } .large-push-1 { left: 8.3333333333%; right: auto; } .large-pull-1 { right: 8.3333333333%; left: auto; } .large-push-2 { left: 16.6666666667%; right: auto; } .large-pull-2 { right: 16.6666666667%; left: auto; } .large-push-3 { left: 25%; right: auto; } .large-pull-3 { right: 25%; left: auto; } .large-push-4 { left: 33.3333333333%; right: auto; } .large-pull-4 { right: 33.3333333333%; left: auto; } .large-push-5 { left: 41.6666666667%; right: auto; } .large-pull-5 { right: 41.6666666667%; left: auto; } .large-push-6 { left: 50%; right: auto; } .large-pull-6 { right: 50%; left: auto; } .large-push-7 { left: 58.3333333333%; right: auto; } .large-pull-7 { right: 58.3333333333%; left: auto; } .large-push-8 { left: 66.6666666667%; right: auto; } .large-pull-8 { right: 66.6666666667%; left: auto; } .large-push-9 { left: 75%; right: auto; } .large-pull-9 { right: 75%; left: auto; } .large-push-10 { left: 83.3333333333%; right: auto; } .large-pull-10 { right: 83.3333333333%; left: auto; } .large-push-11 { left: 91.6666666667%; right: auto; } .large-pull-11 { right: 91.6666666667%; left: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .large-1 { width: 8.3333333333%; } .large-2 { width: 16.6666666667%; } .large-3 { width: 25%; } .large-4 { width: 33.3333333333%; } .large-5 { width: 41.6666666667%; } .large-6 { width: 50%; } .large-7 { width: 58.3333333333%; } .large-8 { width: 66.6666666667%; } .large-9 { width: 75%; } .large-10 { width: 83.3333333333%; } .large-11 { width: 91.6666666667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0 !important; } .large-offset-1 { margin-left: 8.3333333333% !important; } .large-offset-2 { margin-left: 16.6666666667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.3333333333% !important; } .large-offset-5 { margin-left: 41.6666666667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.3333333333% !important; } .large-offset-8 { margin-left: 66.6666666667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.3333333333% !important; } .large-offset-11 { margin-left: 91.6666666667% !important; } .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .push-0 { left: 0; right: auto; } .pull-0 { right: 0; left: auto; } .push-1 { left: 8.3333333333%; right: auto; } .pull-1 { right: 8.3333333333%; left: auto; } .push-2 { left: 16.6666666667%; right: auto; } .pull-2 { right: 16.6666666667%; left: auto; } .push-3 { left: 25%; right: auto; } .pull-3 { right: 25%; left: auto; } .push-4 { left: 33.3333333333%; right: auto; } .pull-4 { right: 33.3333333333%; left: auto; } .push-5 { left: 41.6666666667%; right: auto; } .pull-5 { right: 41.6666666667%; left: auto; } .push-6 { left: 50%; right: auto; } .pull-6 { right: 50%; left: auto; } .push-7 { left: 58.3333333333%; right: auto; } .pull-7 { right: 58.3333333333%; left: auto; } .push-8 { left: 66.6666666667%; right: auto; } .pull-8 { right: 66.6666666667%; left: auto; } .push-9 { left: 75%; right: auto; } .pull-9 { right: 75%; left: auto; } .push-10 { left: 83.3333333333%; right: auto; } .pull-10 { right: 83.3333333333%; left: auto; } .push-11 { left: 91.6666666667%; right: auto; } .pull-11 { right: 91.6666666667%; left: auto; } } @media only screen and (min-width: 61.25em) { .column, .columns, .xlarge-pull-0, .xlarge-pull-1, .xlarge-pull-10, .xlarge-pull-11, .xlarge-pull-2, .xlarge-pull-3, .xlarge-pull-4, .xlarge-pull-5, .xlarge-pull-6, .xlarge-pull-7, .xlarge-pull-8, .xlarge-pull-9, .xlarge-push-0, .xlarge-push-1, .xlarge-push-10, .xlarge-push-11, .xlarge-push-2, .xlarge-push-3, .xlarge-push-4, .xlarge-push-5, .xlarge-push-6, .xlarge-push-7, .xlarge-push-8, .xlarge-push-9 { position: relative; } .xlarge-push-0 { left: 0; right: auto; } .xlarge-pull-0 { right: 0; left: auto; } .xlarge-push-1 { left: 8.3333333333%; right: auto; } .xlarge-pull-1 { right: 8.3333333333%; left: auto; } .xlarge-push-2 { left: 16.6666666667%; right: auto; } .xlarge-pull-2 { right: 16.6666666667%; left: auto; } .xlarge-push-3 { left: 25%; right: auto; } .xlarge-pull-3 { right: 25%; left: auto; } .xlarge-push-4 { left: 33.3333333333%; right: auto; } .xlarge-pull-4 { right: 33.3333333333%; left: auto; } .xlarge-push-5 { left: 41.6666666667%; right: auto; } .xlarge-pull-5 { right: 41.6666666667%; left: auto; } .xlarge-push-6 { left: 50%; right: auto; } .xlarge-pull-6 { right: 50%; left: auto; } .xlarge-push-7 { left: 58.3333333333%; right: auto; } .xlarge-pull-7 { right: 58.3333333333%; left: auto; } .xlarge-push-8 { left: 66.6666666667%; right: auto; } .xlarge-pull-8 { right: 66.6666666667%; left: auto; } .xlarge-push-9 { left: 75%; right: auto; } .xlarge-pull-9 { right: 75%; left: auto; } .xlarge-push-10 { left: 83.3333333333%; right: auto; } .xlarge-pull-10 { right: 83.3333333333%; left: auto; } .xlarge-push-11 { left: 91.6666666667%; right: auto; } .xlarge-pull-11 { right: 91.6666666667%; left: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .xlarge-1 { width: 8.3333333333%; } .xlarge-2 { width: 16.6666666667%; } .xlarge-3 { width: 25%; } .xlarge-4 { width: 33.3333333333%; } .xlarge-5 { width: 41.6666666667%; } .xlarge-6 { width: 50%; } .xlarge-7 { width: 58.3333333333%; } .xlarge-8 { width: 66.6666666667%; } .xlarge-9 { width: 75%; } .xlarge-10 { width: 83.3333333333%; } .xlarge-11 { width: 91.6666666667%; } .xlarge-12 { width: 100%; } .xlarge-offset-0 { margin-left: 0 !important; } .xlarge-offset-1 { margin-left: 8.3333333333% !important; } .xlarge-offset-2 { margin-left: 16.6666666667% !important; } .xlarge-offset-3 { margin-left: 25% !important; } .xlarge-offset-4 { margin-left: 33.3333333333% !important; } .xlarge-offset-5 { margin-left: 41.6666666667% !important; } .xlarge-offset-6 { margin-left: 50% !important; } .xlarge-offset-7 { margin-left: 58.3333333333% !important; } .xlarge-offset-8 { margin-left: 66.6666666667% !important; } .xlarge-offset-9 { margin-left: 75% !important; } .xlarge-offset-10 { margin-left: 83.3333333333% !important; } .xlarge-offset-11 { margin-left: 91.6666666667% !important; } .xlarge-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.xlarge-centered, .columns.xlarge-centered { margin-left: auto; margin-right: auto; float: none; } .column.xlarge-uncentered, .columns.xlarge-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.xlarge-centered:last-child, .columns.xlarge-centered:last-child { float: none; } .column.xlarge-uncentered:last-child, .columns.xlarge-uncentered:last-child { float: left; } .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite { float: right; } .row.xlarge-collapse > .column, .row.xlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .row.xlarge-collapse .row { margin-left: 0; margin-right: 0; } .row.xlarge-uncollapse > .column, .row.xlarge-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } } @media only screen and (min-width: 90em) { .column, .columns, .xxlarge-pull-0, .xxlarge-pull-1, .xxlarge-pull-10, .xxlarge-pull-11, .xxlarge-pull-2, .xxlarge-pull-3, .xxlarge-pull-4, .xxlarge-pull-5, .xxlarge-pull-6, .xxlarge-pull-7, .xxlarge-pull-8, .xxlarge-pull-9, .xxlarge-push-0, .xxlarge-push-1, .xxlarge-push-10, .xxlarge-push-11, .xxlarge-push-2, .xxlarge-push-3, .xxlarge-push-4, .xxlarge-push-5, .xxlarge-push-6, .xxlarge-push-7, .xxlarge-push-8, .xxlarge-push-9 { position: relative; } .xxlarge-push-0 { left: 0; right: auto; } .xxlarge-pull-0 { right: 0; left: auto; } .xxlarge-push-1 { left: 8.3333333333%; right: auto; } .xxlarge-pull-1 { right: 8.3333333333%; left: auto; } .xxlarge-push-2 { left: 16.6666666667%; right: auto; } .xxlarge-pull-2 { right: 16.6666666667%; left: auto; } .xxlarge-push-3 { left: 25%; right: auto; } .xxlarge-pull-3 { right: 25%; left: auto; } .xxlarge-push-4 { left: 33.3333333333%; right: auto; } .xxlarge-pull-4 { right: 33.3333333333%; left: auto; } .xxlarge-push-5 { left: 41.6666666667%; right: auto; } .xxlarge-pull-5 { right: 41.6666666667%; left: auto; } .xxlarge-push-6 { left: 50%; right: auto; } .xxlarge-pull-6 { right: 50%; left: auto; } .xxlarge-push-7 { left: 58.3333333333%; right: auto; } .xxlarge-pull-7 { right: 58.3333333333%; left: auto; } .xxlarge-push-8 { left: 66.6666666667%; right: auto; } .xxlarge-pull-8 { right: 66.6666666667%; left: auto; } .xxlarge-push-9 { left: 75%; right: auto; } .xxlarge-pull-9 { right: 75%; left: auto; } .xxlarge-push-10 { left: 83.3333333333%; right: auto; } .xxlarge-pull-10 { right: 83.3333333333%; left: auto; } .xxlarge-push-11 { left: 91.6666666667%; right: auto; } .xxlarge-pull-11 { right: 91.6666666667%; left: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } .xxlarge-1 { width: 8.3333333333%; } .xxlarge-2 { width: 16.6666666667%; } .xxlarge-3 { width: 25%; } .xxlarge-4 { width: 33.3333333333%; } .xxlarge-5 { width: 41.6666666667%; } .xxlarge-6 { width: 50%; } .xxlarge-7 { width: 58.3333333333%; } .xxlarge-8 { width: 66.6666666667%; } .xxlarge-9 { width: 75%; } .xxlarge-10 { width: 83.3333333333%; } .xxlarge-11 { width: 91.6666666667%; } .xxlarge-12 { width: 100%; } .xxlarge-offset-0 { margin-left: 0 !important; } .xxlarge-offset-1 { margin-left: 8.3333333333% !important; } .xxlarge-offset-2 { margin-left: 16.6666666667% !important; } .xxlarge-offset-3 { margin-left: 25% !important; } .xxlarge-offset-4 { margin-left: 33.3333333333% !important; } .xxlarge-offset-5 { margin-left: 41.6666666667% !important; } .xxlarge-offset-6 { margin-left: 50% !important; } .xxlarge-offset-7 { margin-left: 58.3333333333% !important; } .xxlarge-offset-8 { margin-left: 66.6666666667% !important; } .xxlarge-offset-9 { margin-left: 75% !important; } .xxlarge-offset-10 { margin-left: 83.3333333333% !important; } .xxlarge-offset-11 { margin-left: 91.6666666667% !important; } .xxlarge-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.xxlarge-centered, .columns.xxlarge-centered { margin-left: auto; margin-right: auto; float: none; } .column.xxlarge-uncentered, .columns.xxlarge-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.xxlarge-centered:last-child, .columns.xxlarge-centered:last-child { float: none; } .column.xxlarge-uncentered:last-child, .columns.xxlarge-uncentered:last-child { float: left; } .column.xxlarge-uncentered.opposite, .columns.xxlarge-uncentered.opposite { float: right; } .row.xxlarge-collapse > .column, .row.xxlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .row.xxlarge-collapse .row { margin-left: 0; margin-right: 0; } .row.xxlarge-uncollapse > .column, .row.xxlarge-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; float: left; } } @media only screen { .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down { display: inherit !important; } .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down { display: table-row; } td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down { display: table-cell !important; } } @media only screen and (min-width: 30em) { .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down { display: inherit !important; } .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down { display: table-row; } td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down { display: table-cell !important; } } @media only screen and (min-width: 48em) { .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down { display: inherit !important; } .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down { display: table-row; } td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down { display: table-cell !important; } } @media only screen and (min-width: 61.25em) { .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down { display: inherit !important; } .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down { display: table-row; } td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down { display: table-cell !important; } } @media only screen and (min-width: 90em) { .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up { display: inherit !important; } .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only { display: none !important; } .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up { display: table !important; } thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up { display: table-header-group !important; } tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up { display: table-row-group !important; } tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up { display: table-row; } td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up { display: table-cell !important; } } .hide-for-portrait, .show-for-landscape { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .hide-for-portrait, .show-for-landscape { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } table.hide-for-portrait, table.show-for-landscape { display: table !important; } thead.hide-for-portrait, thead.show-for-landscape { display: table-header-group !important; } tbody.hide-for-portrait, tbody.show-for-landscape { display: table-row-group !important; } tr.hide-for-portrait, tr.show-for-landscape { display: table-row !important; } td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape { display: table-cell !important; } } @media only screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } } .show-for-touch { display: none !important; } .hide-for-touch, .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } .touch table.show-for-touch, table.hide-for-touch { display: table !important; } .touch thead.show-for-touch, thead.hide-for-touch { display: table-header-group !important; } .touch tbody.show-for-touch, tbody.hide-for-touch { display: table-row-group !important; } .touch tr.show-for-touch, tr.hide-for-touch { display: table-row !important; } .touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch { display: table-cell !important; } .show-for-sr, .show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .print-only { display: none !important; } @media print { blockquote, img, pre, tr { page-break-inside: avoid; } * { background: 0 0 !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } blockquote, pre { border: 1px solid #999; } thead { display: table-header-group; } img { max-width: 100% !important; } @page { margin: 0.5cm; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print, th.show-for-print { display: table-cell !important; } } a, a:focus, a:hover { text-decoration: none; } @media not print { .show-for-print { display: none !important; } } .slick-list, .slick-slider, .slick-track { position: relative; display: block; } .slick-slider { -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { left: 0; top: 0; } .slick-track:after, .slick-track:before { content: ""; display: table; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden, dialog { display: none; } dialog { position: absolute; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; margin: auto; } ._dialog_overlay, dialog + .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .title, dialog[open] { display: block; } @media screen and (max-width: 540px) { dialog[_polyfill_modal] { top: 0; width: auto; margin: 1em; } } .font-light { font-weight: 100; } .font-book { font-weight: 300; } .font-regular { font-weight: 400; } .font-semibold { font-weight: 500; } .font-bold { font-weight: 700; } .title, .title-1, h1 { font-weight: 100; } .endorsements-description, .text-italic { font-style: italic; } .text-left { text-align: left; } .text-right { text-align: right; } .component-title-text p, .condensed-hero p, .endorsements-title, .features .icon-padding, .features p:only-of-type, .hero-paragraph, .profile-expanded-extras dt, .profile-expanded-social dt, .title, .title-1, .title-2, .title-3, .title-4, .title-5, .title-6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75rem; } .btn, .btn-link-arrow, .btn-play, blockquote { font-family: National, Calibri,'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; } .component-title-text p, .condensed-hero p, .endorsements-title, .hero-paragraph, .title, .title-1, .title-2, .title-3, .title-4, .title-5, .title-6, h1, h2, h3, h4, h5, h6 { font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; line-height: 1.2; margin-top: 0; } .title-1, h1 { font-size: 2.24rem; margin-top: -0.45rem; } @media (min-width: 30em) { .component-title-text p, .condensed-hero p, .endorsements-title, .features .icon-padding, .features p:only-of-type, .hero-paragraph, .profile-expanded-extras dt, .profile-expanded-social dt, .title, .title-1, .title-2, .title-3, .title-4, .title-5, .title-6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.9rem; } .title-1, h1 { font-size: 2.74rem; margin-top: -0.5rem; } } .title-2, h2 { margin-top: -0.35rem; } @media (min-width: 30em) { .title-2, h2 { font-size: 100%; margin-top: 10px; } } .title-3, h3 { font-size: 1.57rem; margin-top: -0.3rem; } @media (min-width: 30em) { .title-3, h3 { font-size: 1.87rem; margin-top: -0.4rem; } } .title-4, h4 { font-size: 1.4rem; margin-top: -0.2rem; } @media (min-width: 30em) { .title-4, h4 { font-size: 1.55rem; margin-top: -0.3rem; } } .title-5, h5 { font-size: 1.24rem; font-weight: 400; margin-top: -0.2rem; } @media (min-width: 30em) { .title-5, h5 { font-size: 1.28rem; } } .component-title-text p, .condensed-hero p, .endorsements-title, .hero-paragraph, .title-6, h6 { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.0125rem; margin-top: -0.2rem; line-height: 1.85rem; } p { margin-top: -0.25rem; margin-bottom: 0.9rem; } a { background-color: transparent; transition: all 0.1s ease-in-out; } p a { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0.06rem; } p a:focus, p a:hover { border-bottom-color: transparent; } a.standalone { border: none; padding-bottom: 0; font-size: 0.75rem; font-weight: 700; } a.standalone:focus, a.standalone:hover { color: #017095; } .small-text, small { font-size: 0.75rem; margin: 0 0 0.75rem; } blockquote { font-size: 1.05rem; margin: 0 0 2rem; quotes: "\201C""\201D""\2018""\2019"; } blockquote:after, blockquote:before { font-size: 1.8em; line-height: 0.1em; vertical-align: -0.4em; } blockquote:before {/* content: open-quote; */margin-right: 0.2em;} blockquote:after {/* content: close-quote; */margin-left: 0.2em;} .strikethrough { text-decoration: line-through; } .btn, .btn-link, .btn-play { text-decoration: none; } ::-moz-selection { background: #26306b; color: #fff; text-shadow: none; } ::selection { background: #26306b; color: #fff; text-shadow: none; } .btn {color: #fff;background-color: #45474d;line-height: 2.6rem;padding: 0 1.8rem;display: inline-block;font-size: 1.08rem;border-radius: 4px;cursor: pointer;transition: all 0.2s ease-in-out;transition-property: background-color, color, border-color;border: 2px solid transparent;margin: 1rem auto;} .btn + .btn, .btn + .btn-play { margin-left: 1.4rem; } .btn + .btn.btn-nested { margin-left: 0; } .btn .capitalize { text-transform: capitalize; } .btn:focus, .btn:hover { color: #fff; background-color: #2e2f33; } .btn:active { color: #fff; background-color: #000; } .btn.btn-small { font-size: 1rem; line-height: 2.1rem; border-radius: 3px; } .btn.btn-large { font-size: 1.25rem; line-height: 3.1rem; padding: 0 2rem; border-radius: 5px; } .btn.btn-tight { padding: 0 1rem; } .btn.btn-alt, .is-hero-overlay-active .btn.hero-cta:not(.btn-primary) { color: #45474d; background-color: #fff; } .btn.btn-alt:focus, .btn.btn-alt:hover, .is-hero-overlay-active .btn.hero-cta:focus:not(.btn-primary), .is-hero-overlay-active .btn.hero-cta:hover:not(.btn-primary) { color: #45474d; background-color: #e6e6e6; } .btn.btn-alt:active, .is-hero-overlay-active .btn.hero-cta:active:not(.btn-primary) { color: #45474d; background-color: #d0d0d0; } .btn.btn-primary { color: #fff; background-color: #ff6161; } .btn.btn-primary:focus, .btn.btn-primary:hover { color: #fff; background-color: #bd4545; } .btn.btn-primary:active { color: #fff; background-color: #d04b4b; } .btn.btn-primary-alt { color: #fff; background-color: #26306b; } .btn.btn-primary-alt:focus, .btn.btn-primary-alt:hover { color: #fff; background-color: #119dcb; } .btn.btn-primary-alt:active { color: #fff; background-color: #0c6e8e; } .btn.btn-tinted { color: #45474d; background-color: #f3f3f3; } .btn.btn-tinted:focus, .btn.btn-tinted:hover { color: #00a3d3; background-color: #effafd; } .btn.btn-tinted:active { color: #effafd; background-color: #effafd; } .btn.btn-tinted-alt { color: #00a3d3; background-color: #effafd; } .btn.btn-tinted-alt:focus, .btn.btn-tinted-alt:hover { color: #017095; background-color: #effafd; } .btn.btn-tinted-alt:active { color: #effafd; background-color: #effafd; } .btn.btn-primary-alt-outline { color: #26306b; border: 2px solid #26306b; background-color: transparent; } .btn.btn-primary-alt-outline:active, .btn.btn-primary-alt-outline:focus, .btn.btn-primary-alt-outline:hover { background-color: #26306b; color: #fff; } .btn.btn-primary-alt-outline:active { border-color: #26306b; } .btn.btn-support { color: #fff; background-color: #ec6c00; } .btn.btn-support:focus, .btn.btn-support:hover { color: #fff; background-color: #d45f00; } .btn.btn-support:active { color: #fff; background-color: #ba5400; } .btn.btn-tertiary { color: #45474d; border: 2px solid #45474d; background-color: transparent; } .btn.btn-tertiary:focus, .btn.btn-tertiary:hover { color: #fff; background-color: #45474d; } .btn.btn-tertiary:active { color: #fff; border-color: #2e2f33; background-color: #2e2f33; } .btn.btn-tertiary-alt, .is-hero-overlay-active .btn.hero-cta.btn-tertiary { color: #fff; border: 2px solid #fff; /* background-color: transparent; */ } .btn.btn-tertiary-alt:focus, .btn.btn-tertiary-alt:hover, .is-hero-overlay-active .btn.hero-cta.btn-tertiary:focus, .is-hero-overlay-active .btn.hero-cta.btn-tertiary:hover { color: #45474d; background-color: #fff; } .btn.btn-tertiary-alt:active, .is-hero-overlay-active .btn.hero-cta.btn-tertiary:active { color: #45474d; border-color: #e6e6e6; background-color: #e6e6e6; } .btn.btn-disabled { color: #a8a9ac; border: 2px solid #e6e6e6; background-color: #e6e6e6; cursor: default; } .btn.hide { display: none; } .btn.btn-kdkgstsoftwarecon { color: #fff; background-color: #1e3240; } .btn.btn-kdkgstsoftwarecon:focus, .btn.btn-kdkgstsoftwarecon:hover { background-color: #365973; } .btn.btn-kdkgstsoftwarecon:active { background-color: #4e81a6; } .btn.btn-kdkgstsoftwarecon-alt { color: #1e3240; background-color: transparent; border-color: #1e3240; } .btn.btn-kdkgstsoftwarecon-alt:focus, .btn.btn-kdkgstsoftwarecon-alt:hover { color: #fff; background-color: #1e3240; border-color: #1e3240; } .btn.btn-kdkgstsoftwarecon-alt:active { color: #fff; background-color: #365973; border-color: #365973; } .btn.btn-nested { float: left; margin-right: 1px; } .btn.btn-nested.btn-nested-left { border-radius: 3px 0 0 3px; } .btn.btn-nested.btn-nested-right { border-radius: 0 3px 3px 0; margin-right: 0; } .btn.btn-nested.btn-nested-middle { border-radius: 0; } .btn.btn-full-width { text-align: center; display: block; } .btn-play { background: 0 0; border-style: none; color: #45474d; font-size: 1.125rem; padding: 0; } .btn-play:focus, .btn-play:hover { color: #45474d; outline: 0; } .btn-play:focus .btn-play-icon, .btn-play:hover .btn-play-icon { display: none; } .btn-play-icon, .btn-play:focus .btn-play-icon-hover, .btn-play:hover .btn-play-icon-hover { display: inline-block; } .btn-play.btn-play-small { font-size: 1rem; } .btn-play.btn-play-small .btn-play-icon { width: 1.8rem; height: 1.8rem; } .btn-play.btn-play-large { font-size: 1.25rem; } .btn-play.btn-play-alt, .is-hero-overlay-active .btn-play.hero-play { color: #fff; } .btn-play.btn-play-alt .btn-play-icon, .is-hero-overlay-active .btn-play.hero-play .btn-play-icon { fill: #fff; } .btn-play.btn-play-alt:focus, .btn-play.btn-play-alt:hover, .is-hero-overlay-active .btn-play.hero-play:focus, .is-hero-overlay-active .btn-play.hero-play:hover { color: #e6e6e6; } .btn-play.btn-play-alt:focus .btn-play-icon-hover, .btn-play.btn-play-alt:hover .btn-play-icon-hover, .is-hero-overlay-active .btn-play.hero-play:focus .btn-play-icon-hover, .is-hero-overlay-active .btn-play.hero-play:hover .btn-play-icon-hover { fill: #e6e6e6; } .btn-play-icon, .btn-select { fill: #45474d; } .btn-play .btn-play-icon { -webkit-transform: translateY(-0.08125rem); transform: translateY(-0.08125rem); } .btn-play.btn-play-large .btn-play-icon { width: 2.6rem; height: 2.6rem; -webkit-transform: translateY(-0.0875rem); transform: translateY(-0.0875rem); } .btn-play.btn-play-small .btn-play-icon { -webkit-transform: translateY(-0.05rem); transform: translateY(-0.05rem); } .btn-play-icon-hover { display: none; } .btn-link { display: block; } .btn-link-large { font-size: 1rem; } .btn-link-large .btn-link-arrow { font-size: 1.1rem; } .btn-link-small { font-size: 0.75rem; } .btn-link-small .btn-link-arrow { font-size: 0.9rem; } .btn-link-arrow { margin-left: 0.2rem; font-size: 1rem; } .btn-select { background: #fff; color: #45474d; border: 2px solid #45474d; border-radius: 5px; padding: 0.6rem 0.8rem; transition: opacity 0.2s ease-out; display: inline-block; height: 2.8125rem; } .btn-select:hover { opacity: 0.5; } .btn-select.btn-select-small { height: 2.3125rem; padding: 0.35rem 0.8rem; } .btn-select-wrapper { position: relative; pointer-events: initial; } @media (min-width: 48.01em) { .btn-select-wrapper-styled { pointer-events: none; } } .btn-select-label { display: none; font-weight: 500; } .btn-select-heading { font-weight: 500; margin-right: 3.125rem; } .btn-select-icon { fill: inherit; height: 0.9em; margin-left: 2rem; position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.9em; } .btn-select-options { border: 0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .btn-select-options-styled { color: #4b6174; display: none; font-size: 0.875rem; left: 0; list-style: none; margin: 0; max-width: 15rem; padding: 0; position: absolute; text-align: left; top: 1rem; z-index: 75; } .btn-hint, .btn-plus:before, .logo-container { text-align: center; } .form-hide-dormant-native-elements .form-name, .form-location-dynamic .form-name { z-index: 1; } .btn-select-options-styled.is-active { display: block; } .btn-select-options-styled-wrapper { position: relative; pointer-events: initial; display: none; left: 0; } @media (min-width: 48.01em) { .btn-select-options-styled-wrapper { display: block; } } .btn-select-options-styled-label { height: 0; overflow: hidden; display: none; } .btn-select-options-styled-option { background: #fff; padding: 0.375rem 1rem; margin: 0; font-weight: 500; white-space: nowrap; border-left: 2px solid #aab9c8; border-right: 2px solid #aab9c8; position: relative; } .btn-select-options-styled-option:focus, .btn-select-options-styled-option:hover { background: #f2f5f7; outline: 0; } .btn-select-options-styled-option:after { content: ""; display: block; width: 100%; left: 0; bottom: 0; position: absolute; height: 2px; background: #e6ebf0; } .btn-select-options-styled-option:first-of-type { border-radius: 5px 5px 0 0; border-top: 2px solid #aab9c8; margin-top: -2px; } .btn-select-options-styled-option:last-child { border-radius: 0 0 5px 5px; border-bottom: 2px solid #aab9c8; } .btn-expand, .btn-hint { border: 0; padding: 0; display: inline-block; } .btn-select-options-styled-option.is-active { color: #119dcb; background: #effafd; } .btn-multi-region { width: 10.94rem; margin: 0 0.75rem 1rem !important; padding: 0; } .btn-expand { background: 0 0; border-radius: 0; color: #00a3d3; font: 400 0.875rem/1 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; } .btn-expand:focus, .btn-expand:hover { color: #017095; outline: 0; } .btn-expand:after { content: "‹"; display: inline-block; font: 300 1.25em/1 National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0.5rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all 0.5s; } .btn-expand.is-expanded:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .btn-hint { background: #e6ebf0; border-radius: 50%; color: #4b6174; font: 500 0.875rem National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; height: 1rem; margin: 0 0 0 0.625rem; position: absolute; width: 1rem; } .btn-hint:focus, .btn-hint:hover { background: #4b6174; color: #fff; outline: 0; } .btn-plus { background: 0 0; border: 0; border-radius: 0; color: #00a3d3; font: 400 0.875rem/1 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0.125rem 0 0 2.8125rem; display: inline-block; min-height: 1.6875rem; position: relative; } .btn-plus:focus, .btn-plus:hover { color: #017095; outline: 0; } .btn-plus:before { border: 0.125rem solid #00a3d3; border-radius: 50%; content: "+"; display: block; font: 500 1.6875rem/0.75 National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; height: 1.6875rem; left: 0; overflow: hidden; position: absolute; top: 0; transition: all 0.5s; width: 1.6875rem; } .btn-filter, .logo-container .logo-tagline { font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; } .btn-plus:focus:before, .btn-plus:hover:before { border-color: #017095; } .btn-filter { font-size: 0.875rem; font-weight: 500; text-transform: uppercase; } .btn-filter:before { content: "☰ "; font-size: 0.8125rem; } .btn-filter:focus, .btn-filter:hover { outline: 0; } .logo-container .logo, .logo-container .logo-tagline { display: inline-block; vertical-align: middle; } .logo-container .logo-tagline { font-size: 16px; white-space: nowrap; margin: 0; } .logo-container.logo-container-light { color: #fff; } .logo-container.logo-container-horizontal .logo { margin-right: 10px; } .logo-container.logo-container-vertical .logo-tagline { display: block; padding-top: 0.4rem; } .form { margin-bottom: 2.5rem; } .form-group {position: relative;margin-top: 0.6rem;} .form-input { width: 100%; display: block; border-radius: 4px; color: #45474d; border: 1px solid #a8a9ac; font-size: 1rem; height: 2.8rem; padding: 0 0.9rem; } .form-input-textarea { height: 150px; padding: 2rem 0.9rem 0.9rem; transition: padding-top 0.2s; } .form-input-textarea:focus, .form-label-active .form-input-textarea { padding-top: 0.75rem; } .form-input-textarea::-webkit-input-placeholder { font-style: italic; } .form-input-textarea::-moz-placeholder { font-style: italic; } .form-input-textarea:-ms-input-placeholder { font-style: italic; } .form-input:focus { outline: 0; border: 2px solid #26306b; } .form-label { display: block; color: #a8a9ac; transition: all 0.2s ease-in-out; } .form-checkbox .form-label, .form-radio .form-label { color: #45474d; cursor: pointer; } .form-label-active .form-name { font-size: 0.875rem; top: -1.5rem; color: #45474d; } .form-name, .form-select-current { position: absolute; left: 0.9rem; right: 0.9rem; top: 0.68rem; overflow: hidden; pointer-events: none; transition: all 0.2s ease-in-out; color: #a8a9ac; white-space: nowrap; text-align: left; text-overflow: ellipsis; font-size: 1rem; } .form-disabled .form-select, .form-input[disabled] { border-color: #dadadb; background-color: #f3f3f3; } .checkbox-input[type="checkbox"], .radio-input[type="radio"] { height: auto; width: auto; position: absolute; left: 0; top: 0.6rem; margin-right: 0.2rem; } .form-checkbox, .form-radio { position: relative; display: block; line-height: 2rem; } .form-select { display: block; position: relative; width: 100%; height: 2.8rem; padding: 0 0.9rem; border: 1px solid #a8a9ac; border-radius: 4px; background: #fff; pointer-events: auto !important; } .form-select:focus { border: 2px solid #26306b; outline: 0; } .form-select-current { color: #45474d; font-size: 0.875rem; right: 1.775rem; } .form-select-arrow { position: absolute; right: 0.9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: #dadadb; font-size: 0.875rem; } .form-select select { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; border: none; background: 0 0; cursor: pointer; } .form-disabled .form-label, .form-disabled .form-name { color: #dadadb; } .form-error .form-input, .form-error .form-select { border-color: red; } .form-error .form-error-messege { display: block; } .form-error .form-checkbox .form-label { color: red; } .form-error-messege { color: red; font-size: 0.81rem; position: absolute; bottom: -1.2rem; right: 0; display: none; } .form-hide-dormant-native-elements { position: relative; } .form-hide-dormant-native-elements:after { background: #fff; border-radius: 4px; content: ""; display: block; height: calc(100% - 2px); left: 1px; position: absolute; top: 1px; transition: opacity 0.2s ease-out; width: 50%; } .form-hide-dormant-native-elements.form-label-active:after { opacity: 0; pointer-events: none; } .form-hide-dormant-native-elements .form-input { background: #fff; padding: 0.65rem 0.9rem; } .input-group { position: relative; } .input-group .btn { position: absolute; top: 0; right: 0; width: 3.5rem; padding: 0; border-radius: 0 4px 4px 0; } .input-group-input { padding-right: 3.5rem; } .input-group-input .form-input { border-radius: 4px 0 0 4px; border-right: 0; } .input-group-icon { fill: #fff; } .input-group-dark .form-label-active .form-name { color: #45474d; } .input-group-dark .form-name { color: #fff; } .input-group-dark .form-input { color: #fff; border-color: #45474d; background-color: #45474d; } .form-location-dynamic, .form-location-dynamic * { pointer-events: auto !important; } .form-location-dynamic .twitter-typeahead { display: block !important; } .form-location-static { display: none; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); transition-duration: 0.3s; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .form-location-static.is-not-hidden { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .checkbox-styled { background-color: transparent; border: 1px solid #aab9c8; border-radius: 0.1875rem; cursor: pointer; display: inline-block; height: 1.25rem; padding: 0.25rem 0 0 0.25rem; position: relative; width: 1.25rem; vertical-align: top; } .ftl-card-country:before, .global-ceiling-bar-tagline, .hero-center, .icon, .icon-padding { vertical-align: middle; } .checkbox-styled.is-checked { background-color: #26306b; border-style: none; } .checkbox-styled.is-checked .icon { display: block; } .checkbox-styled .icon { display: none; fill: #fff; height: 0.7rem; left: 0.325rem; position: absolute; top: 0.25rem; width: 0.6rem; } .checkbox-styled input[type="checkbox"] { display: inline-block; position: relative; visibility: visible; z-index: -9999; } .icon-dark { fill: #45474d; } .icon-light { fill: #fff; } .icon-blue { fill: #26306b; } .icon-green { fill: #5fc261; } .icon-orange { fill: #ec6c00; } .icon { width: 1em; height: 1em; } .icon.icon-large { width: 1.5em; height: 1.5em; } .icon-padding { width: 2.2em; height: 2.2em; } .icon-padding.icon-padding-small { width: 1.7em; height: 1.7em; } .icon-padding.icon-padding-large { width: 2.7em; height: 2.7em; } .icon-padding.icon-padding-xl { width: 3rem; height: 3rem; } .icon-addthis { fill: #f8694d; } .icon-facebook { fill: #3b5a97; } .icon-instagram { fill: #000; } .icon-linkedin { fill: #0077b5; } .icon-pinterest { fill: #bd081c; } .icon-twitter { fill: #55acee; } .icon-youtube { fill: #cd201f; } @media (min-width: 30em) { html:not(.no-js) body:not(.is-edit-mode) [data-animateicon] { transition: opacity 0.5s ease-out; opacity: 0; } } html:not(.no-js) body:not(.is-edit-mode) [data-animateicon].is-animateicon-evaluated { opacity: 1; } .clearfix:after, .clearfix:before { content: " "; display: table; } .hide-text { color: transparent; font: 0/0 a; text-shadow: none; } .hero, .hero a { color: #fff; } .hide-element { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .no-margin { margin: 0; } .no-top-margin { margin-top: 0; } .no-bottom-margin { margin-bottom: 0; } .no-padding { padding: 0; } .no-top-padding { padding-top: 0; } .no-bottom-padding { padding-bottom: 0; } .no-select-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .margin-bottom-2-5 { margin-bottom: 2.5rem; } .component, .info-panel:last-child { margin-bottom: 2rem; } @media (min-width: 30em) { .component, .info-panel:last-child { margin-bottom: 3.5rem; } } .component-title-text p { font-weight: 400; } .section-blue .component-title-text p, .section-slate .component-title-text p { font-weight: 400; } .row {padding-left: 0.625rem;padding-right: 0.625rem;} @media (min-width: 30em) and (max-width: 47.99em) { .row-quarters .column:nth-of-type(3), .row-quarters .columns:nth-of-type(3) { clear: both; } } .column, .columns { min-height: 1px; } .ecosystem .column + .column:last-child, .ecosystem .columns + .columns:last-child, .pricing-panel-wrapper .column + .column:last-child, .pricing-panel-wrapper .columns + .columns:last-child { float: left; } .hero { background-color: #45474d; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; height: auto; } .hero:before { content: ""; display: block; height: 100%; left: 0; opacity: 0.85; position: absolute; top: 0; width: 100%; z-index: 0; } .hero a:focus, .hero a:hover { color: #e6e6e6; } .hero a:active { color: #d0d0d0; } .hero-bgpos-bottom { background-position: center bottom; } .hero-bgpos-center { background-position: center center; } .hero-bgpos-top { background-position: center top; } .hero-custom-none { padding: 0 0 0; height: auto; } @media (min-width: 48em) { .offset-up-1 { margin-top: -3.5rem; } .hero:before { display: none; } .hero.t-hero-light { color: #45474d; background-color: #fff; } .hero.t-hero-light .hero-paragraph, .hero.t-hero-light .hero-title { color: #45474d; } } .hero.t-hero-overlay-slate:before { background: #45474d; } .hero.t-hero-overlay-blue:before { background: #0c6e8e; } .hero-content { display: table; margin: auto; text-align: center; width: 100%; } @media (min-width: 30em) { .hero-content { height: 31rem; } } .hero-center { display: table-cell; padding: 1rem 0; } .is-hero-overlay-active .hero-paragraph a { color: #90dcf5; } .is-hero-overlay-active .hero-paragraph a:focus, .is-hero-overlay-active .hero-paragraph a:hover { color: #dadadb; } .hero-paragraph p:last-of-type { margin-bottom: 0; } .hero-btn.hero-btn-1 { margin: 1rem 0 0; } .hero-btn.hero-btn-2 { margin: 1rem 1.3rem 0; } .hero-play { padding: 0; border: none; background: 0 0; outline: 0; } @media (min-width: 48em) { .hero-content { text-align: left; } .hero.hero-signup .hero-center-copy { padding-right: 5rem; } } @media (min-width: 61.25em) { .hero.hero-signup .hero-center-copy { padding-right: 6.5rem; } } .hero.hero-signup .hero-center-signup { padding: 0; min-width: 20rem; width: 41.25%; } @media (max-width: 47.99em) { .hero.hero-signup .hero-center-signup { display: none; } } .hero .signup-form { margin: 0; padding-left: 1.125rem; padding-right: 1.125rem; } .hero .signup-form-background { border-radius: 0; position: relative; } .hero .signup-form-background:after, .hero .signup-form-background:before { background: #fff; content: ""; display: block; height: 99999px; left: 0; position: absolute; width: 100%; } .hero .signup-form-background:before { bottom: 100%; } .hero .signup-form-background:after { top: 100%; } .hero .signup-form .title { margin-bottom: -2rem; font-size: 1.85rem; } .hero .signup-form .form-group { margin-top: 1.85rem; } .hero .signup-form .signup-form-terms { margin-top: 1.1rem; } .hero .signup-form-submit { margin-top: 1.4rem; } .hero-logo { text-align: center; padding: 0; position: relative; width: 100%; pointer-events: none; } @media (min-width: 48em) { .hero-logo { position: absolute; bottom: 0; max-width: 61.25rem; padding: 0 1.875rem; } } .hero-logo-container { padding: 1rem 2rem; margin: 0 -0.625rem; } @media (min-width: 48em) { .hero-logo-container { margin: 0; float: right; } } .hero-logo-container-text { text-align: left; margin: 0 0.8rem 0 0; max-width: 12.5rem; display: inline-block; font-size: 0.875rem; } .hero-logo-container-img { max-width: 8.4375rem; min-width: 6.875rem; width: 28%; } @media (min-width: 48em) { .hero-logo-container-text { font-size: 0.75rem; margin: 0 1.25rem 0 0; } .hero-logo-container-img { max-width: 11.5625rem; width: auto; } } .hero-logo-default-bg-color { background-color: #fff; } .hero-logo-text-white { color: #fff; } .hero-logo-text-slate { color: #45474d; } .pricing-grid-wrapper { text-align: center; } .pricing-grid-wrapper:after, .pricing-grid-wrapper:before { content: " "; display: table; } .pricing-grid { position: relative; width: 100%; } .pricing-grid-cards { -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 10.75em; position: relative; width: 100%; } .no-flexbox .pricing-grid-cards:after, .no-flexbox .pricing-grid-cards:before { content: " "; display: table; } .pricing-grid-more-button-hidden .pricing-grid-more-button, .pricing-grid-more-text-hidden .pricing-grid-more-text { display: none; } .pricing-grid-footnote { border-bottom-style: none; color: #a8a9ac; float: left; font-size: 0.75rem; line-height: 1.75; margin: 0; text-align: center; padding-bottom: 0.75rem; } .pricing-grid-footnote a { border-bottom-style: none; color: #45474d; } .pricing-grid-footnote a:focus, .pricing-grid-footnote a:hover { border-bottom-style: solid; border-bottom-color: #45474d; } .pricing-grid-more-link, .pricing-grid-more-text { border-bottom-style: none; } .pricing-grid-footnote-right { color: #45474d; } @media (min-width: 48em) { .pricing-grid-footnote { float: left; text-align: left; } .pricing-grid-footnote-right { float: right; text-align: right; } } .pricing-grid-footnote-right p { color: #a8a9ac; font-size: 0.75rem; line-height: 1.75; padding-bottom: 0; text-align: center; } .pricing-grid-footnote-right a { color: #26306b; } .pricing-grid-footnote-right a:focus, .pricing-grid-footnote-right a:hover { border-bottom-style: none; color: #0c6e8e; } .pricing-grid-more-text { float: left; margin: 0; text-align: center; padding-bottom: 0.75rem; } .pricing-grid-more-link:focus, .pricing-grid-more-link:hover { color: #0c6e8e; } .pricing-grid-more-button { min-width: 16.125rem; margin-bottom: 1.25rem; margin-left: auto; margin-right: auto; } @media (min-width: 30em) { .pricing-grid-more-button { float: right; margin-right: 0.625rem; } } .no-flexbox .pricing-card-wrapper, .no-flexbox .pricing-grid-more-card-wrapper { float: left; } .pricing-grid-more-card-wrapper { -ms-flex-item-align: auto; border-radius: 4px; display: none; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-order: 0; min-height: 10.75em; position: relative; width: 100%; padding-bottom: 1.25rem; } @media (min-width: 30em) { .pricing-grid-more-card-wrapper { width: 50%; } } @media (min-width: 48em) { .pricing-grid-more-card-wrapper { width: 50%; } } @media (min-width: 61.25em) { .pricing-grid-more-card-wrapper { width: 25%; } } .pricing-grid-with-more-card .pricing-grid-more-card-wrapper { display: block; } .pricing-grid-more-card-hidden .pricing-grid-more-card-wrapper { display: none; } .pricing-grid-more-card { box-sizing: border-box; color: #a8a9ac; display: block; height: 100%; line-height: 100%; margin: 1px 1px 0; overflow: visible; padding: 0; position: relative; text-align: center; width: auto; } .pricing-grid-more-card:after, .pricing-grid-more-card:before { content: ""; position: absolute; } .ftl-year-overflow:before, .ftl-year-title:after, .ftl-year-title:before, .ftl-year:before, .global-ceiling-bar-menu-icon::after, .global-ceiling-bar-menu-icon::before { content: ""; } .pricing-grid-more-card:before { background-image: linear-gradient( to bottom, #dadadb 0, rgba(218, 218, 219, 0) 100% ); border-radius: 5px; bottom: 0; left: -1px; right: -1px; top: -1px; z-index: 0; } @media (min-width: 30em) { .pricing-grid-more-card:before { background-image: linear-gradient( to right, #dadadb 0, rgba(218, 218, 219, 0) 100% ); right: 0; bottom: -1px; } } .pricing-grid-more-card:focus:before, .pricing-grid-more-card:hover:before { background-image: linear-gradient( to bottom, #26306b 0, rgba(19, 181, 234, 0) 100% ); } @media (min-width: 30em) { .pricing-grid-more-card:focus:before, .pricing-grid-more-card:hover:before { background-image: linear-gradient( to right, #26306b 0, rgba(19, 181, 234, 0) 100% ); } .pricing-grid-more-card { margin: 1px 0 1px 1px; } } .pricing-grid-more-card:after { background: #fff; border-radius: 4px; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; } .pricing-grid-more-card-inner { box-sizing: border-box; display: block; height: 2rem; position: absolute; top: 25%; width: 100%; z-index: 1; padding-left: 1rem; padding-right: 1rem; } .pricing-grid-more-card-inner br { display: none; } @media (min-width: 30em) { .pricing-grid-more-card-inner { top: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } .pricing-grid-more-card-inner br { display: block; } } .pricing-grid-more-card-icon { border: 2px solid #a8a9ac; border-radius: 1.75rem; display: none; fill: #a8a9ac; height: 2.5rem; margin: -3.5em auto 0.5rem; padding: 0; width: 2.5rem; } .pricing-grid-more-card:focus .pricing-grid-more-card-icon, .pricing-grid-more-card:hover .pricing-grid-more-card-icon { border-color: #119dcb; fill: #119dcb; } .endorsements-blue .endorsements-icon, .endorsements-slate .endorsements-icon { fill: #fff; } @media (min-width: 30em) { .pricing-grid-more-card-icon { display: block; } } .pricing-grid-more-card-icon-mobile { border-radius: 1.09375rem; display: inline; height: 1.8rem; margin: 0 0.25rem -0.45rem 0; width: 1.8rem; } .pricing-grid-more-card:hover { color: #119dcb; } .pricing-card-wrapper { -ms-flex-item-align: auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-order: 0; position: relative; transition: opacity 0.5s ease-in-out, width 0.5s ease-in-out; width: 100%; padding-bottom: 1.25rem; padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 30em) { .pricing-grid-more-card-icon-mobile { display: none; } .pricing-card-wrapper { width: 50%; } } @media (min-width: 48em) { .pricing-card-wrapper { width: 33.333333333%; } .pricing-grid-with-more-card .pricing-card-wrapper { width: 50%; } } .price-multiplan-card-hidden .pricing-card-payroll-version, .price-strikethrough-hidden .pricing-card-price-previous, .pricing-grid-cards-hidden .pricing-card-more { display: none; } @media (min-width: 61.25em) { .pricing-grid-with-more-card .pricing-card-wrapper { width: 25%; } .pricing-grid-more-card-hidden .pricing-grid-with-more-card .pricing-card-wrapper { width: 33.333333333%; } } @media (min-width: 30em) { .text-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .text-image .center-left-text { margin: auto; } .text-image .center-center-text { margin: auto; text-align: center; } } @media (max-width: 29.99em) { .text-image-mobile-text-left { text-align: left; } .text-image-mobile-text-center { text-align: center; } } .text-image .text { margin-bottom: 2rem; } @media (min-width: 30em) { .text-image .text { margin-bottom: 0; } } .text-image .btn { margin-bottom: 1rem; } .text-image img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } @media (min-width: 30em) { .text-image .btn { margin-bottom: 0; } .text-image-align-left .text { padding-left: 0.375rem; } .text-image-align-left img { padding-right: 0.375rem; } } @media (min-width: 48em) { .pricing-grid-more-card-hidden .pricing-grid-with-more-card .pricing-card-wrapper { width: 33.333333333%; } .text-image-align-left .text { padding-left: 0.625rem; } .text-image-align-left img { padding-right: 0.625rem; } } .text .btn { margin-top: 0.75rem; } @media (min-width: 30em) { .text-image-align-right .text { padding-right: 0.375rem; } .text-image-align-right img { padding-left: 0.375rem; } .text .btn { margin-top: 1.1rem; } } .text img.wrap-left { margin: 0 0.75rem 0.75rem 0; float: left; } .text img.wrap-right { margin: 0 0 0.75rem 0.75rem; float: right; } .text .capitalize { text-transform: capitalize; } .sticky-navigation { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08); top: 0; z-index: 80; } .sticky-navigation.logo-bar { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.1s, opacity 0.1s linear; } .sticky-navigation.logo-bar.is-stickyfill-stuck { visibility: visible; opacity: 1; transition-delay: 0s; } .sticky-navigation-anchor { display: none; } .sticky-navigation-cta { text-align: center; transition: opacity 0.5s ease-out; } @media (min-width: 48em) { .text-image-align-right .text { padding-right: 0.625rem; } .text-image-align-right img { padding-left: 0.625rem; } .sticky-navigation-anchor { display: block; } .sticky-navigation-cta { opacity: 0; overflow: hidden; text-align: right; } .is-stickyfill-stuck .sticky-navigation-cta, .sticky-navigation-cta-nofade { opacity: 1 !important; } .is-stickyfill-stuck .sticky-navigation-cta .btn, .sticky-navigation-cta-nofade .btn { left: 0 !important; transition-delay: 0s; } .sticky-navigation-cta .btn { font-size: 1rem; line-height: 2.1rem; border-radius: 3px; left: 999999px; } } .sticky-navigation-cta .btn { position: relative; transition: left 0s 0.5s; } @media (min-width: 61.25em) { .sticky-navigation-cta .btn { font-size: 1.125rem; line-height: 2.5rem; border-radius: 4px; } } .sticky-navigation-inner { padding-top: 0; padding-bottom: 0; line-height: 4.9rem; } @media (min-width: 48em) { .sticky-navigation-list { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .sticky-navigation-list li { display: inline-block; margin: 0 1.75rem 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; } .sticky-navigation-list li a { color: #a8a9ac; display: inline-block; line-height: 4.9rem; text-decoration: none; transition: all 0.1s ease-in-out; } .sticky-navigation-list li a:hover, .sticky-navigation-list li.active a { color: #26306b; } .sticky-navigation-list li.active { border-bottom: 3px solid #26306b; margin-bottom: -1px; } } .ftl-card-categorisation, .ftl-card-title, .ftl-date-title, .ftl-year-title, .ftl-year:last-of-type .ftl-year-startdate, .sticky-navigation .sticky-strapline { font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; } .sticky-navigation .sticky-logo > img { width: 3.4375rem; height: 3.4375rem; } .sticky-navigation .sticky-strapline { display: inline-block; width: 4.375rem; margin-left: 0.4375rem; color: #45474d; font-size: 0.875rem; line-height: 1; vertical-align: middle; } @media (max-width: 61.24em) { .sticky-navigation .sticky-strapline { display: none; } } .section { position: relative; } .section-padding { padding-top: 3rem; padding-bottom: 1rem; } @media (min-width: 30em) { .section-padding { padding-top: 5.5rem; padding-bottom: 2rem; } } .section-padding-small { padding-top: 2.75rem; padding-bottom: 0; overflow: hidden; } .section-padding-small .component { margin-bottom: 2.75rem; } .section-padding-top-only { padding-bottom: 0; } .section-padding-bottom-only { padding-top: 0; } .section-padding-none { padding-top: 0; padding-bottom: 0; } .section-light-slate { background-color: #f3f3f3; } .section-slate { background-color: #45474d; color: #fff; } .section-blue { background-color: #26306b; color: #fff; } .section-blue a:not(.btn) { color: #015875; } .section-blue a:not(.btn):focus, .section-blue a:not(.btn):hover { color: #012835; } .section-green { background-color: #5fc261; color: #fff; } .section-green a:not(.btn) { color: #015875; } .section-green a:not(.btn):focus, .section-green a:not(.btn):hover { color: #012835; } .section-kdkgstsoftwarecon-blue { background-color: #1e3240; color: #fff; } .section-kdkgstsoftwarecon-blue a:not(.btn) { color: #fff; } .section-kdkgstsoftwarecon-blue a:not(.btn):focus, .section-kdkgstsoftwarecon-blue a:not(.btn):hover { color: #e6e6e6; } @media (max-width: 47.99em) { .section-overlay-blue, .section-overlay-slate { color: #fff; } .section-overlay { overflow: auto; } .section-overlay:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .section-overlay-slate:before { background-color: rgba(69, 71, 77, 0.8); } .section-overlay-blue:before { background-color: rgba(19, 181, 234, 0.8); } } .section-image { background-position: center; background-size: cover; background-color: transparent; } .section-image-dark, .section-image-dark a:not(.btn), .section-image-dark a:not(.btn):focus, .section-image-dark a:not(.btn):hover { color: #fff; } .section-image-light a:not(.btn) { color: #015875; } .section-image-light a:not(.btn):focus, .section-image-light a:not(.btn):hover { color: #012835; } .ftl { background: #45474d; color: #fff; } .ftl-introduction { padding: 3rem 0 2rem; } .ftl-wrapper { overflow: hidden; width: 100%; } .ftl-conclusion { max-width: 100%; padding: 1rem 0 3rem; } .ftl-conclusion h2 { padding-top: 0; } .ftl-year { position: relative; } .ftl-year:before { border-radius: 200% 200% 0 0; display: block; height: 37.5rem; left: -50%; position: absolute; top: -3.125rem; width: 200%; } .ftl-year:nth-of-type(1), .ftl-year:nth-of-type(1):before { background: #45474d; } .ftl-year:nth-of-type(1) .ftl-year-title:after { background: #2d2e32; } .ftl-year:nth-of-type(2), .ftl-year:nth-of-type(2):before { background: #51535a; } .ftl-year:nth-of-type(2) .ftl-year-title:after { background: #393b40; } .ftl-year:nth-of-type(3), .ftl-year:nth-of-type(3):before { background: #5d6068; } .ftl-year:nth-of-type(3) .ftl-year-title:after { background: #45474d; } .ftl-year:nth-of-type(4), .ftl-year:nth-of-type(4):before { background: #696c75; } .ftl-year:nth-of-type(4) .ftl-year-title:after { background: #51535a; } .ftl-year:nth-of-type(5), .ftl-year:nth-of-type(5):before { background: #757983; } .ftl-year:nth-of-type(5) .ftl-year-title:after { background: #5d6068; } .ftl-year:nth-of-type(6), .ftl-year:nth-of-type(6):before { background: #82868f; } .ftl-year:nth-of-type(6) .ftl-year-title:after { background: #696c75; } .ftl-year:nth-of-type(7), .ftl-year:nth-of-type(7):before { background: #90939b; } .ftl-year:nth-of-type(7) .ftl-year-title:after { background: #757983; } .ftl-year:nth-of-type(8), .ftl-year:nth-of-type(8):before { background: #9da0a7; } .ftl-year:nth-of-type(8) .ftl-year-title:after { background: #82868f; } .ftl-year:nth-of-type(9), .ftl-year:nth-of-type(9):before { background: #abadb3; } .ftl-year:nth-of-type(9) .ftl-year-title:after { background: #90939b; } .ftl-year:nth-of-type(10), .ftl-year:nth-of-type(10):before { background: #b8babf; } .ftl-year:nth-of-type(10) .ftl-year-title:after { background: #9da0a7; } .ftl-year:nth-of-type(11), .ftl-year:nth-of-type(11):before { background: #c6c7cb; } .ftl-year:nth-of-type(11) .ftl-year-title:after { background: #abadb3; } .ftl-year:nth-of-type(12), .ftl-year:nth-of-type(12):before { background: #d3d4d8; } .ftl-year:nth-of-type(12) .ftl-year-title:after { background: #b8babf; } .ftl-year:nth-of-type(13), .ftl-year:nth-of-type(13):before { background: #e0e1e4; } .ftl-year:nth-of-type(13) .ftl-year-title:after { background: #c6c7cb; } .ftl-year:nth-of-type(14), .ftl-year:nth-of-type(14):before { background: #eeeef0; } .ftl-year:nth-of-type(14) .ftl-year-title:after { background: #d3d4d8; } .ftl-year:nth-of-type(15), .ftl-year:nth-of-type(15):before { background: #fbfbfc; } .ftl-year:nth-of-type(15) .ftl-year-title:after { background: #e0e1e4; } .ftl-year:first-of-type { margin-top: 2rem; } .ftl-year-startdate { display: none; } .ftl-year:last-of-type .ftl-year-startdate { background: inherit; color: rgba(255, 255, 255, 0.5); display: block; margin: 0; padding-top: 2rem; position: relative; text-align: center; text-transform: uppercase; } .ftl-year:last-of-type .ftl-year-startdate:before { background: #26306b; border-radius: 50%; content: ""; display: inline-block; height: 1.375rem; left: 50%; margin-left: -0.6875rem; position: absolute; top: 0; width: 1.375rem; z-index: 20; } .ftl-year-overflow { padding: 0 1.25rem; } .ftl-year-overflow:before { background: currentColor; display: block; height: 100px; left: 0; position: absolute; top: 100%; width: 100%; } .ftl-year-wrapper { margin: auto; max-width: 58.75rem; position: relative; padding-bottom: 13.75rem; text-align: center; } @media (min-width: 48em) { body:not(.is-edit-mode) .ftl-year-wrapper { padding-bottom: 0; } } .ftl-year-title { color: #fff; font-size: 1.375rem; font-weight: 700; margin: 0; padding: 0; position: relative; z-index: 0; } .ftl-year-title:after, .ftl-year-title:before { left: 50%; position: absolute; display: block; } .ftl-year-title:before { background: #fff; height: 9999px; top: -6.25rem; width: 1px; z-index: -2; } .ftl-year:first-of-type .ftl-year-title:before { top: 0; } .ftl-year-title:after { background: #000; border-radius: 50%; height: 4.5rem; margin: -2.25rem 0 0 -2.25rem; top: 50%; width: 4.5rem; z-index: -1; } .ftl-date { max-width: 23.75rem; margin: auto; padding-top: 2.5rem; z-index: 20; } body.is-edit-mode .ftl-date { padding-bottom: 3.125rem; } body:not(.is-edit-mode) .ftl-date { transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; } body:not(.is-edit-mode) .ftl-date.is-ftl-date-not-ready { -webkit-transform: translateY(3.125rem); transform: translateY(3.125rem); } @media (min-width: 48em) { body:not(.is-edit-mode) .ftl-date { max-width: none; position: absolute; width: 50%; } body:not(.is-edit-mode) .ftl-date.l-ftl-date-left { left: 0; } body:not(.is-edit-mode) .ftl-date.l-ftl-date-left .ftl-date-title { text-align: left; } body:not(.is-edit-mode) .ftl-date.l-ftl-date-right { right: 0; } } .ftl-date-title { color: #fff; font-size: 0.75rem; font-weight: 700; margin: 0 0 0.375rem; padding: 0; text-align: right; text-transform: uppercase; } .ftl-card { display: block; height: 7.5rem; margin: 0 auto 0.25rem; -webkit-perspective: 800; perspective: 800; position: relative; text-align: left; width: 100%; z-index: 30; } @media (min-width: 48em) { body:not(.is-edit-mode) .ftl-card { width: 94%; } } @media (min-width: 61.25em) { body:not(.is-edit-mode) .ftl-card { width: 80%; } } .ftl-card:focus { outline: 0; } @media (min-width: 48em) { body:not(.is-edit-mode) .ftl-card:first-of-type:before { content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 6%; } } @media (min-width: 61.25em) { body:not(.is-edit-mode) .ftl-card:first-of-type:before { width: 25%; } } body:not(.is-edit-mode) .l-ftl-date-left .ftl-card:first-of-type:before { left: 100%; } @media (min-width: 48em) { body:not(.is-edit-mode) .ftl-card:first-of-type:after { border-radius: 50%; content: ""; display: block; height: 10px; margin: -5px 0 0 -5px; position: absolute; top: 50%; width: 10px; } body:not(.is-edit-mode) .l-ftl-date-left .ftl-card:first-of-type:after { left: 106%; } } @media (min-width: 61.25em) { body:not(.is-edit-mode) .l-ftl-date-left .ftl-card:first-of-type:after { left: 125%; } } @media (min-width: 48em) { body:not(.is-edit-mode) .l-ftl-date-right .ftl-card:first-of-type:after, body:not(.is-edit-mode) .l-ftl-date-right .ftl-card:first-of-type:before { left: -6%; } body:not(.is-edit-mode) .l-ftl-date-left .ftl-card { margin-right: 6%; } body:not(.is-edit-mode) .l-ftl-date-right .ftl-card { margin-left: 6%; } } @media (min-width: 61.25em) { body:not(.is-edit-mode) .l-ftl-date-right .ftl-card:first-of-type:after, body:not(.is-edit-mode) .l-ftl-date-right .ftl-card:first-of-type:before { left: -25%; } body:not(.is-edit-mode) .l-ftl-date-left .ftl-card { margin-right: 20%; } body:not(.is-edit-mode) .l-ftl-date-right .ftl-card { margin-left: 20%; } } hr { border: 0; border-bottom: 1px solid #dadadb; } hr.large, hr.medium { border-color: #a8a9ac; } hr.large { border-bottom-width: 2px; } hr.hr-margin { margin: 3rem 0; } .divider-offset-none { margin: 2rem 0; } .divider-offset-true { margin: -2rem 0 3rem; } @media (max-width: 29.99em) { .divider-offset-true { margin: -1rem 0 2rem; } } .divider-group { position: relative; } .divider-group.hr-margin { margin: 3rem 0; } .divider-group.divider-offset-none { margin: 2rem 0; } .divider-group.divider-offset-true { margin: -2rem 0 3rem; } @media (max-width: 29.99em) { .divider-group.divider-offset-true { margin: -1rem 0 2rem; } } .divider-portion { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 33%; } .divider-portion:nth-child(2) { right: 0; } .divider-portion hr { margin: 0; } .divider-icon-wrapper { position: absolute; text-align: center; top: 0; width: 100%; } .divider-circle { border-radius: 50%; margin: 0 auto; padding: 0; width: 3.4375rem; } .divider-general .divider-circle { background: #26306b; fill: #fff; } .divider-icon { height: 4.0625rem; margin-left: -0.3125rem; margin-top: -0.3125rem; width: 4.0625rem; } .link-divider { border-right: 1px solid #a8a9ac; margin-left: 0.8rem; margin-right: 0.75rem; } @media (max-width: 47.99em) { .global-header { height: 3.75rem; position: relative; } } .global-ceiling-bar { background-color: #32465a; color: #fff; } .global-ceiling-bar-row {height: 3.75rem;max-width: 100rem;margin: 0 auto;padding: 0;} .global-ceiling-bar-group { display: -webkit-box; display: -ms-flexbox; display: flex; height: 2.25rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .global-ceiling-bar-branding { -ms-flex-item-align: start; align-self: flex-start; display: block; margin: auto -1.125rem auto 0; padding: 0; position: absolute; right: 50%; } @media (min-width: 48em) { .global-ceiling-bar-branding { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto 0; position: static; right: auto; } } .global-ceiling-bar-home, .global-ceiling-bar-logo { display: block; height: 100%; width: 100%; } .global-ceiling-bar-company { display: block; margin-top: -0.125rem; width: 6rem; } .global-ceiling-bar-tagline { font: 500 0.9375rem/1 National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; height: 0.9375rem; margin: auto 0; overflow: hidden; -webkit-transform: translateY(-0.1rem); transform: translateY(-0.1rem); width: 0; } @media (min-width: 48em) { .global-ceiling-bar-tagline { margin-left: 0.75rem; overflow: visible; width: auto; } } .global-ceiling-bar-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: auto 0; } .global-ceiling-bar-cta1 { margin: auto 0; } .global-ceiling-bar-cta2 { display: none; margin: auto 0; } @media (min-width: 48em) { .global-ceiling-bar-cta2 { display: block; } } .global-ceiling-bar-cta2 + .global-ceiling-bar-cta1 { margin-left: 0.75rem; } .global-ceiling-bar-btn { box-sizing: border-box; display: block; font-size: 1.0625rem; line-height: 2rem; padding: 0 1.45rem; } .global-ceiling-bar-btn:focus { outline: 0; } .global-ceiling-bar .gsc-input { width: 100%; padding-right: 0 !important; height: 2.5rem; font-size: 1rem; } .global-ceiling-bar .gsc-input::-ms-clear { display: none; width: 0; height: 0; } .is-focused .global-ceiling-bar .gsc-input { padding-right: 0; } .global-ceiling-bar .gsc-input input[type="text"] { background: rgba(170, 185, 200, 0.2) !important; color: #32465a; padding: 0.8rem 0.8rem 0.8rem 2.7rem; border: none; outline: 0; width: 100%; border-radius: 2px; transition: all 0.2s ease-in-out; text-overflow: ellipsis; -webkit-appearance: none; } @media (min-width: 48em) { .global-ceiling-bar .gsc-input { height: 2.25rem; } .global-ceiling-bar .gsc-input input[type="text"] { background: 0 0 !important; border: 1px solid transparent; color: #aab9c8; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.875rem; height: 100%; line-height: 2.25rem; padding: 0 0.75rem 0 3rem !important; } } .global-ceiling-bar .gsc-input input[type="text"].gsc-input-focus { background: #fff !important; } @media (min-width: 48em) { .global-ceiling-bar .gsc-input input[type="text"].gsc-input-focus { color: #32465a; background: 0 0 !important; } } .global-ceiling-bar .gsc-input input[type="text"]::-webkit-input-placeholder { color: #aab9c8; } .global-ceiling-bar .gsc-input input[type="text"]::-moz-placeholder { color: #aab9c8; } .global-ceiling-bar .gsc-input input[type="text"]:-ms-input-placeholder { color: #aab9c8; } .global-ceiling-bar .gsc-search-box { position: relative; } .global-ceiling-bar .gsc-clear-button, .global-ceiling-bar .gsc-search-button { display: none; } .global-ceiling-bar-search { background: #fff; left: 0; margin: 0; position: absolute; top: 3.75rem; width: 100%; z-index: 80; } .global-ceiling-bar-search.is-focused { background: #fff; border-bottom: 1px solid #e6ebf0; } @media (min-width: 61.25em) { .global-ceiling-bar-search.is-focused { width: 18.75rem; } } @media (min-width: 48em) { .global-ceiling-bar-search { background: #4b6174; border-radius: 4px; display: block; height: 2.25rem; margin: auto 0 auto 2.5rem; position: static; width: 13.75rem; transition: all 0.2s ease-in-out; } } .global-ceiling-bar-search-clear-btn { position: absolute; outline: 0; background: 0 0; border: 0 transparent; cursor: pointer; top: 1.095rem; right: 1.3rem; fill: #aab9c8; visibility: hidden; opacity: 0; transition: visibility 0s 0.2s; transition-delay: 0.2s; } .global-ceiling-bar-search-clear-btn:hover { fill: #32465a; } .is-focused .global-ceiling-bar-search-clear-btn { visibility: visible; opacity: 1; } .global-ceiling-bar-search-clear-btn .icon { fill: inherit; } .global-ceiling-bar-search-form { background: #fff; padding: 0.7rem; } @media (min-width: 48em) { .global-ceiling-bar-search-clear-btn { top: 0.285rem; right: 0.5rem; } .global-ceiling-bar-search-form { background: 0 0; display: block; height: 100%; margin: 0; position: relative; padding: 0; } } .is-focused .global-ceiling-bar-search-form { padding-right: 3rem; } @media (min-width: 48em) { .is-focused .global-ceiling-bar-search-form { padding-right: 1.8rem; } } .global-ceiling-bar-search-clear-txt, .global-ceiling-bar-search-label, .global-ceiling-bar-search-txt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .global-ceiling-bar-search-btn { position: absolute; top: 1.9rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); outline: 0; background: 0 0; border: 0 transparent; cursor: pointer; display: block; width: 2rem; height: 2rem; left: 1.4rem; padding: 0.4375rem; } .global-ceiling-bar-search-btn .icon { fill: #aab9c8; height: 100%; width: 100%; } .global-ceiling-bar-search-form:hover .global-ceiling-bar-search-btn .icon { fill: #aab9c8; } @media (min-width: 48em) { .global-ceiling-bar-search-btn { top: 0; top: 1.05rem; left: 0.8rem; transition: all 0.2s ease-in-out; transition-property: color; } .global-ceiling-bar-search-form:hover .global-ceiling-bar-search-btn .icon { fill: #fff; } .is-focused .global-ceiling-bar-search-form:hover .global-ceiling-bar-search-btn .icon { fill: #aab9c8; } } .global-ceiling-bar-search-btn .icon:focus { fill: #aab9c8; } .global-ceiling-bar-hamburger { height: 1.3125rem; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: auto 0; width: 5.5rem; } @media (min-width: 48em) { .global-ceiling-bar-search-btn .icon:focus { fill: #fff; } .global-ceiling-bar-hamburger { display: none; } } .global-ceiling-bar-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: 0 0; color: #aab9c8; cursor: pointer; display: block; font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 1.0625rem; line-height: 1.3125rem; padding: 0 0 0 1.9375rem; position: relative; text-transform: uppercase; border: 0 transparent; text-decoration: none; } .global-ceiling-bar-menu:focus, .global-ceiling-bar-menu:hover { color: #fff; outline: 0; } .global-ceiling-bar-menu-icon, .global-ceiling-bar-menu-icon::after, .global-ceiling-bar-menu-icon::before { background: #aab9c8; border-width: 0; display: block; height: 0.125rem; left: 0; position: absolute; width: 1.1875rem; transition: all 0.2s ease-in-out; } .global-ceiling-bar-menu:focus .global-ceiling-bar-menu-icon, .global-ceiling-bar-menu:focus .global-ceiling-bar-menu-icon::after, .global-ceiling-bar-menu:focus .global-ceiling-bar-menu-icon::before, .global-ceiling-bar-menu:hover .global-ceiling-bar-menu-icon, .global-ceiling-bar-menu:hover .global-ceiling-bar-menu-icon::after, .global-ceiling-bar-menu:hover .global-ceiling-bar-menu-icon::before { background: #fff; } .global-ceiling-bar-menu-icon { margin-top: 0.59375rem; } .global-ceiling-bar-menu-icon::before { -webkit-transform: translateY(0.4375rem); transform: translateY(0.4375rem); } .global-ceiling-bar-menu-icon::after { -webkit-transform: translateY(-0.4375rem); transform: translateY(-0.4375rem); } .global-ceiling-bar-menu-label { opacity: 1; transition: all 0.2s ease-in-out; color: #fff; } .global-ceiling-bar-menu.is-active .global-ceiling-bar-menu-icon { background: 0 0; } .global-ceiling-bar-menu.is-active .global-ceiling-bar-menu-icon::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .global-ceiling-bar-menu.is-active .global-ceiling-bar-menu-icon::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .global-ceiling-bar-menu.is-active .global-ceiling-bar-menu-label { opacity: 0; } .global-ceiling-bar-close { display: none; } .global-hamburger-content-wrapper { position: absolute; z-index: 80; width: 100%; } .global-hamburger-content-wrapper .global-hamburger-content { /* visibility: visible; */ /* transition: visibility 0s 0.2s; */ transition-delay: 1s; } .global-hamburger-content-wrapper.is-expanded .global-hamburger-content { visibility: visible; } .global-hamburger-content-wrapper.tier-2-is-active .global-hamburger-content { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media (min-width: 48em) { .global-hamburger-content-wrapper { position: static; width: auto; } .global-hamburger-content-wrapper .global-hamburger-content { /* visibility: visible; */ transition: 0.2s; transition-delay: 0s; } .global-hamburger-content-wrapper.tier-2-is-active .global-hamburger-content { -webkit-transform: translateX(0); transform: translateX(0); } } .global-hamburger-content-wrapper.tier-3-is-active .global-hamburger-content { -webkit-transform: translateX(-200%); transform: translateX(-200%); } .glh-pageoverlay { visibility: hidden; opacity: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 50; transition: 0.75s; transition-property: visibility, opacity; transition-delay: 0s; } .glh-pageoverlay.is-active { visibility: visible; opacity: 1; } @media (min-width: 48em) { .global-hamburger-content-wrapper.tier-3-is-active .global-hamburger-content { -webkit-transform: translateX(0); transform: translateX(0); } .glh-pageoverlay.is-active { display: none; visibility: hidden; } } .global-primary-nav-col-2, .global-primary-nav.is-active-item { display: block; } .gssb_c td.gssb_e { box-shadow: none; } @media (max-width: 47.99em) { .global-hamburger-content-wrapper.is-expanded { bottom: 0; top: 0; background: #fff; } .gssb_c { width: 100% !important; left: 0 !important; -webkit-transform: translateY(1.125rem); transform: translateY(1.125rem); height: 100%; background: #fff; } .gssb_c td.gssb_e { vertical-align: top; } } .gssb_c table.gsc-completion-container { border: none; background: 0 0; box-shadow: none; } .gssb_c table.gsc-completion-container td.gssb_a { padding: 0; } .gssb_c table.gsc-completion-container td.gssb_a .gsq_a { padding: 0.625rem 0.75rem 0.625rem 3.35rem; font-size: 1rem; color: #32465a; background: #fff; border: 0; } .gssb_c table.gsc-completion-container td.gssb_a .gsq_a span { display: block; width: auto !important; text-overflow: ellipsis; overflow: hidden; } @media (min-width: 48em) { .gssb_c table.gsc-completion-container { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .gssb_c table.gsc-completion-container td.gssb_a .gsq_a { padding-left: 3rem; font-size: 0.875rem; border-left: 1px solid #e6ebf0; border-right: 1px solid #e6ebf0; } .gssb_c table.gsc-completion-container td.gssb_a .gsq_a span { width: 9.85rem !important; } .gssb_c table.gsc-completion-container tr:first-child .gsq_a { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e6ebf0; } } @media (min-width: 61.25em) { .gssb_c table.gsc-completion-container td.gssb_a .gsq_a span { width: 14.85rem !important; } } .gssb_c table.gsc-completion-container tr.gsc-completion-selected { background: 0 0; } .gssb_c table.gsc-completion-container tr.gsc-completion-selected .gsq_a { background: #e6ebf0; } .global-primary-nav { background-color: #fff; height: 0; position: relative; transition: background-color 0.3s; width: 100%; will-change: position; z-index: 1; overflow: hidden; } .global-primary-nav { box-shadow: 0 1px 10px 0 rgba(69, 71, 77, 0.2); display: block; height: auto; overflow: visible; padding: 0; text-align: center; z-index: 80; } @media (min-width: 48em) { .gssb_c table.gsc-completion-container tr:last-child .gsq_a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #e6ebf0; } .global-primary-nav { box-shadow: 0 1px 10px 0 rgba(69, 71, 77, 0.2); display: block; height: auto; overflow: visible; padding: 0; text-align: center; z-index: 80; } } .global-primary-nav .global-hamburger-content { /* padding: 4rem 0 0; */ position: relative; } @media (min-width: 48em) { .global-primary-nav .global-hamburger-content { height: 3.75rem; max-width: 100rem; padding: 0 0.75rem 0 1.25rem; position: static; } } @media (max-width: 47.99em) { .global-primary-nav .global-hamburger-content .columns { padding: 0; } } .global-primary-nav .external-link-icon { fill: #aab9c8; height: 0.65rem; margin-left: 0.7rem; width: 0.65rem; pointer-events: none; } .global-primary-nav-col-1 { float: left; margin-top: 0.65rem; padding-right: 0; text-align: left; } @media (min-width: 48em) { .global-primary-nav-col-2 { left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; width: 100%; } } .global-primary-nav-col-3 { float: right; margin-top: 0.675rem; padding: 0; text-align: right; } .global-primary-nav-col-1, .global-primary-nav-col-3 { display: none; position: relative; width: 7rem; z-index: 80; } @media (min-width: 62.75rem) { .global-primary-nav-col-1, .global-primary-nav-col-3 { display: block; } } @media (max-width: 1025px) { .global-primary-nav-col-1, .global-primary-nav-col-3 { display: block; } } .global-primary-nav-cta, .global-primary-nav-logo { display: block; opacity: 1; transition: visibility 0s 0.2s, opacity 0.2s; visibility: visible; } .global-primary-nav-logo img { width: 7.5rem; height: 2.5rem; } .global-primary-nav-cta { line-height: 2.1rem; padding: 0 1.25rem; } .global-primary-nav-items { font-size: 0; margin: 0; padding: 0; } .global-primary-nav-item { display: block; list-style: none; margin: 0; padding: 0; position: static; } @media (min-width: 48em) { .is-sticky .global-primary-nav-cta, .is-sticky .global-primary-nav-logo { opacity: 1; transition-delay: 0s; visibility: visible; } .global-primary-nav-item { display: inline-block; } } .global-primary-nav-item.is-active-item .global-primary-nav-tier-2-list { display: block; visibility: visible; } @media (min-width: 48em) { .global-primary-nav-item.is-active-item .global-primary-nav-tier-2-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .global-primary-nav-item-anchor, .global-primary-nav-item-anchor-sm { border-bottom: 1px solid #e6ebf0; color: #32465a; display: block; fill: #32465a; font-size: 1rem; line-height: 1.25rem; min-height: 3.5625rem; padding: 1.25rem; } @media (min-width: 48em) { .global-primary-nav-item-anchor, .global-primary-nav-item-anchor-sm { border-bottom: 0; font-size: 0.875rem; padding: 1.25rem 0.8rem; } } .global-primary-nav-item-anchor-sm:focus, .global-primary-nav-item-anchor-sm:hover, .global-primary-nav-item-anchor:focus, .global-primary-nav-item-anchor:hover { color: #26306b; fill: #26306b; outline: 0; } .global-primary-nav-item-anchor-sm:active, .global-primary-nav-item-anchor:active { background: #e6ebf0; } @media (min-width: 69.625rem) { .global-primary-nav-item-anchor, .global-primary-nav-item-anchor-sm { font-size: 0.9375rem; } } .global-primary-nav-item-anchor-sm.is-current-section, .global-primary-nav-item-anchor.is-current-section { background: #e6ebf0; border-bottom: none; margin-top: -0.0625rem; } @media (min-width: 48em) { .global-primary-nav-item-anchor-sm.is-current-section, .global-primary-nav-item-anchor.is-current-section { background: 0 0; margin-top: 0; padding: 1.25rem 0.8rem 1.063rem; } .global-primary-nav-item-anchor-sm.is-current-section:after, .global-primary-nav-item-anchor.is-current-section:after { background-color: #26306b; bottom: -1.05rem; content: " "; display: block; height: 0.2rem; position: relative; width: 100%; } } .global-primary-nav-item-anchor-arrow, .global-primary-nav-item-anchor-sm-arrow { display: none; fill: inherit; float: right; height: 0.875rem; margin-top: 0.2rem; pointer-events: none; width: 0.875rem; } .has-children .global-primary-nav-item-anchor-arrow, .has-children .global-primary-nav-item-anchor-sm-arrow { display: inline-block; } .global-primary-nav-section-title { padding-top: 1.75rem; } @media (min-width: 48em) { .global-primary-nav-item-anchor-arrow, .global-primary-nav-item-anchor-sm-arrow { float: none; height: 0.65rem; margin: 0.35rem 0 0 0.5rem; position: relative; top: -4px; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; width: 0.65rem; } .is-active-item .global-primary-nav-item-anchor-arrow, .is-active-item .global-primary-nav-item-anchor-sm-arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .global-primary-nav-item-anchor { font-weight: 500; } .is-active-item .global-primary-nav-item-anchor { color: #26306b; fill: #26306b; } .global-primary-nav-item-anchor-sm .global-primary-nav-item-anchor-arrow { display: none; } .global-primary-nav-section-title { font-size: inherit; min-height: 0; padding: 0.5rem; } } .global-primary-nav-mega { display: block; font-size: 1rem; position: absolute; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; } @media (min-width: 48em) { .global-primary-nav-mega { background: #fff; border-top: 1px solid #dadadb; box-shadow: 0 8px 10px -6px rgba(69, 71, 77, 0.2); display: none; height: 0; left: 0; overflow: hidden; position: absolute; top: 3.75rem; width: 100%; } } .global-primary-nav-mega ul { list-style: none; padding: 0; } .global-primary-nav-mega-inner { margin: auto; max-width: 62.75rem; text-align: left; position: relative; } @media (min-width: 48em) { .global-primary-nav-mega-inner { opacity: 0; padding: 2rem 0; transition: visibility 0s 0.2s, opacity 0.2s; transition-delay: 0s; visibility: hidden; } .is-expanded .global-primary-nav-mega-inner { opacity: 1; visibility: visible; } .global-primary-nav-mega-inner.scrollable-menu { overflow-y: scroll; } } .global-primary-nav-tier-2-list, .global-primary-nav-tier-3-list { background: #fff; display: none; position: absolute; right: -100%; top: 0; visibility: hidden; width: 100%; z-index: 80; } @media (min-width: 48em) { .global-primary-nav-tier-2-list, .global-primary-nav-tier-3-list { background: 0 0; display: block; position: static; right: 0; top: auto; visibility: visible; width: 100%; } } .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm { font-size: 0.9375rem; min-height: 1px; padding: 1rem 1rem 1rem 2.5rem; position: relative; } .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm:after, .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm:before, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm:after, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm:before { border-top: solid 1px #fff; bottom: -1px; content: ""; position: absolute; width: 1.25rem; } .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm:before, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm:before { left: 0; } .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm:after, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm:after { right: 0; } .global-primary-nav-tier-2-item { margin-bottom: 0; } @media (min-width: 48em) { .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm { border-bottom: 0; min-height: 0; padding: 0; } .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm:after, .global-primary-nav-tier-2-list .global-primary-nav-item-anchor-sm:before, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm:after, .global-primary-nav-tier-3-list .global-primary-nav-item-anchor-sm:before { content: none; } .global-primary-nav-tier-2-list { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-primary-nav-tier-2-item { font-size: 1rem; margin-bottom: 1rem; padding: 0 0.8rem; position: static; vertical-align: top; width: 25%; } } .global-primary-nav-tier-2-item-subtitle { display: none; visibility: hidden; } @media (min-width: 48em) { .global-primary-nav-tier-2-item-subtitle { color: #32465a; display: block; line-height: 1.25rem; opacity: 0.6; visibility: visible; } .global-primary-nav-tier-2-item.is-single-item { height: 100%; } } .global-primary-nav-tier-2-item-subtitle .over-limit { color: #32465a; } .is-edit-mode .global-primary-nav-tier-2-item-subtitle .over-limit { color: red; } .global-primary-nav-tier-2-item[data-position="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .global-primary-nav-tier-2-item[data-position="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .global-primary-nav-tier-2-item[data-position="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .global-primary-nav-tier-2-item[data-position="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .global-primary-nav-tier-2-item.is-active-item .global-primary-nav-tier-3-list { display: block; visibility: visible; } .global-primary-nav-tier-2-item > .global-primary-nav-item-anchor-sm { margin-bottom: 0; } @media (min-width: 48em) { .global-primary-nav-tier-2-item.column-width-2 li, .global-primary-nav-tier-2-item.column-width-3 li, .global-primary-nav-tier-2-item.column-width-4 li { padding: 0; } .global-primary-nav-tier-2-item.column-width-2 { width: 50%; } .global-primary-nav-tier-2-item.column-width-2 ul { -webkit-columns: 2; columns: 2; } .global-primary-nav-tier-2-item.column-width-3 { width: 75%; } .global-primary-nav-tier-2-item.column-width-3 ul { -webkit-columns: auto 3; columns: auto 3; -webkit-column-gap: 0.8rem; column-gap: 0.8rem; } .global-primary-nav-tier-2-item.column-width-4 { width: 100%; } .global-primary-nav-tier-2-item.column-width-4 ul { -webkit-columns: auto 4; columns: auto 4; -webkit-column-gap: 0.8rem; column-gap: 0.8rem; } .global-primary-nav-tier-2-item > .global-primary-nav-item-anchor-sm { border-bottom: solid 1px #aab9c8; margin-bottom: 1rem; padding-bottom: 0.35rem; } .global-primary-nav-tier-2-item > .global-primary-nav-item-anchor-sm:hover { border-bottom: solid 1px #26306b; } } .global-primary-nav-tier-3-item { margin-bottom: 0; } @media (min-width: 48em) { .global-primary-nav-tier-3-item { margin-bottom: 1.25rem; } .global-primary-nav-tier-3-item .global-primary-nav-item-anchor-sm { color: #32465a; font-size: 0.865rem; opacity: 0.75; } .global-primary-nav-tier-3-item .global-primary-nav-item-anchor-sm:focus, .global-primary-nav-tier-3-item .global-primary-nav-item-anchor-sm:hover { color: #26306b; } } @media (min-width: 61.25em) { .global-primary-nav-tier-3-item { margin-bottom: 0.6rem; } } .benefits-list, .benefits-list > li { margin-top: 0; margin-bottom: 0; } .global-primary-nav-tier-2-item.hide-desktop, .global-primary-nav-tier-3-item.hide-desktop { display: block; } @media (min-width: 48em) { .global-primary-nav-tier-2-item.hide-desktop, .global-primary-nav-tier-3-item.hide-desktop { display: none; } } .global-primary-nav-back-btn, .tbf-tab { display: block; text-align: left; outline: 0; } .global-primary-nav-back-btn { border: none; background: #e6ebf0; color: #32465a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; line-height: 1; padding: 1rem; width: 100%; } .global-primary-nav-back-btn:focus { color: #26306b; } .global-primary-nav-back-btn:focus .icon { fill: #26306b; } .global-primary-nav-back-btn .icon { fill: #32465a; height: 9px; margin-right: 0.25rem; position: relative; top: -1px; } .xsticky-wrapper .is-sticky { position: fixed; top: 0; left: 0; right: 0; bottom: auto; width: 100%; margin-left: 0; margin-right: 0; } .tbf { border: 1px solid #dadadb; background: #fbfcfd; position: relative; transition: height 0.5s ease-out; width: 100%; } @media (max-width: 47.99em) { .xsticky-wrapper { height: 85px; } .tbf { height: auto !important; } } @media (min-width: 48em) { .tbf { background: #fff; min-height: 28.35rem; overflow: hidden; } .tbf:before { background: #fbfcfd; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 18.75rem; z-index: 0; } } .tbf-tab { background: 0 0; border: 1px solid transparent; color: #a8a9ac; font-family: "National", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1rem; padding: 1.0625rem 3rem 1.0625rem 4.5rem; position: relative; transition: 0.25s ease-out; transition-property: color, border; width: 100%; z-index: 2; } .glf-bar.glf-bar-nobuttons .glf-bar-copy p, .glf-social { text-align: center; } .tbf-tab-no-icon { padding: 1.0625rem 3rem 1.0625rem 1.5rem; } @media (min-width: 48em) { .tbf-tab-no-icon { padding: 1.125rem 1.1rem 1.125rem 1.5rem; } .tbf-tab { padding-bottom: 1.125rem; padding-right: 1.1rem; padding-top: 1.125rem; width: 18.75rem; } .is-remove-tbf-tab-border .tbf-tab { border-bottom-color: transparent; } } .tbf-tab:before { background: #26306b; bottom: -1px; content: ""; display: none; left: -1px; position: absolute; top: -1px; width: 6px; } @media (max-width: 47.99em) { .tbf-tab:nth-of-type(1n + 2) { border-top-color: #dadadb; } } @media (min-width: 48em) { .tbf-tab:after { background: #fff; bottom: 0; content: ""; display: none; position: absolute; right: -3px; top: 0; width: 6px; } .tbf-tab.is-tbf-tab-active:nth-of-type(1n + 2) { border-top-color: #dadadb; } .tbf-tab.is-tbf-tab-active:after { display: block; } } .tbf-tab.is-tbf-tab-active { background: #fff; border-bottom-color: #dadadb; color: #26306b; } .tbf-tab.is-tbf-tab-active:before { display: block; } .tbf-tab-icon { fill: #a8a9ac; left: 2.5rem; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: fill 0.25s ease-out; } .is-tbf-tab-active .tbf-tab-icon { fill: #26306b; } .tbf-tab-toggle { color: transparent; font: 0/0 a; text-shadow: none; height: 1rem; margin-top: -0.5rem; position: absolute; right: 1.375rem; top: 50%; width: 1rem; } .tbf-tab-toggle:after, .tbf-tab-toggle:before { background: #a8a9ac; content: ""; display: block; height: 0.125rem; margin-top: -0.0625rem; position: absolute; right: 0; top: 50%; width: 1rem; } .tbf-tab-toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.25s ease-out; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .is-tbf-tab-active .tbf-tab-toggle:after { opacity: 0; -webkit-transform: rotate(0); transform: rotate(0); } .tbf-feature { height: 0; overflow: hidden; transition: 0.25s ease-out; transition-property: height opacity; width: 100%; } .is-tbf-tab-active + .tbf-feature .tbf-feature-border { background: #fff; transition-duration: 0; } .tbf-feature-border { background: 0 0; transition: background 0.25s ease-out; } .tbf-feature-content { color: #45474d; width: 100%; } @media (min-width: 48em) { .tbf-tab-toggle:after, .tbf-tab-toggle:before { display: none; } .tbf-feature { bottom: 0; height: auto !important; opacity: 0; overflow: visible !important; padding-left: 18.75rem; position: absolute; right: 0; top: 0; } .is-tbf-tab-active + .tbf-feature { opacity: 1; z-index: 1; } .tbf-feature-border { border-left: 1px solid #dadadb; height: 100%; } .tbf-feature-content { display: table; height: 100%; } .tbf-feature-center { display: table-cell; vertical-align: middle; } } .tbf-feature-center { padding: 4.375rem 1.5rem; text-align: center; } .tbf-feature-center p:last-of-type { margin-bottom: 0; } .tbf-feature-no-icon .tbf-feature-icon { display: none; } .tbf-feature-no-icon .tbf-feature-title { margin: 0 0 0.75rem; } .tbf-feature-icon { height: 6rem; width: 6rem; } @media (min-width: 30em) { .tbf-feature-icon { height: 8rem; width: 8rem; } } .tbf-feature-title { margin: 1.8rem 0 0.75rem; font-weight: 300; } .tbf-feature-description { margin: 0 0 1rem; } .tbf-feature-link { color: #26306b; display: block; font-size: 0.75rem; font-weight: 500; margin-top: 1.25rem; text-transform: uppercase; } .glf-bar p a, .section-blue .signup-form-additional-text, .section-green .signup-form-additional-text, .section-slate .signup-form-additional-text { font-weight: 700; } .tbf-feature-link:focus, .tbf-feature-link:hover { color: #0c6e8e; } .glf { background: #32465a; color: #fff; overflow: hidden; width: 100%; } .glf :focus { outline: 0; } .glf-nav { padding-top: 2.2rem; padding-bottom: 0.875rem; } .glf-nav-sections { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0; list-style: none; padding-right: 0; margin-bottom: 2rem; min-height: 0; } .glf-nav-section { margin: 0; padding-left: 0; } @media (min-width: 48em) { .glf-nav-sections { -webkit-column-count: auto; column-count: auto; } .glf-nav-section { width: 20%; -webkit-column-break-inside: initial; break-inside: initial; } } .glf-nav-section-list { margin: 0; } .glf-nav-section-list-heading, .glf-nav-section-list-item { padding: 0; margin: 0 0 0.75rem; line-height: 1rem; } .glf-nav-section-list-item { list-style: none; } .glf-nav-section-list-item a { color: #aab9c8; font-size: 0.8125rem; } .glf-nav-section-list-item a:focus, .glf-nav-section-list-item a:hover { color: #e6ebf0; } .glf-nav-section-list-heading { font-size: 0.75rem; padding-top: 0.75rem; } .glf-nav-section-list-heading a, .glf-nav-section-list-item .glf-nav-section-list-heading { color: #fff; font-size: 0.75rem; } .glf-nav-section-list-heading a:focus, .glf-nav-section-list-heading a:hover, .glf-nav-section-list-item .glf-nav-section-list-heading:focus, .glf-nav-section-list-item .glf-nav-section-list-heading:hover { color: #aab9c8; } .glf-nav-store-links { list-style: none; padding: 0.875rem 0 0; max-width: 23rem; margin: 0 auto; } @media (max-width: 61.24em) { .glf-nav-store-links { float: none !important; } } .glf-nav-store-links li { max-width: 11.25rem; margin-bottom: 0.75rem; } @media (min-width: 61.25em) { .glf-nav-store-links li { margin-bottom: 0.625rem; } } .glf-nav-store-links img { width: 100%; } .glf-social { display: block; list-style: none; } .is-edit-mode .glf-social { float: none; padding-bottom: 1rem; padding-top: 1rem; } .glf-social-list { padding: 0; } .glf-social li { display: inline-block; margin: 0; padding: 0 1.25rem 1.2rem 0; } @media (min-width: 23.5rem) { .glf-social li { padding-right: 1.875rem; } } @media (min-width: 48em) { .glf-social li { padding-right: 3.25rem; } } .glf-social li:last-child { padding-right: 0; } .glf-social-link { color: #a8a9ac; } .glf-social-link:focus, .glf-social-link:hover { color: #fff; } .glf-social-link:focus svg, .glf-social-link:hover svg { fill: #fff; } .glf-social-link svg { fill: #aab9c8; } .glf-social-icon { height: 1.25rem; width: 1.25rem; -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem); transition: fill 0.25s ease-out; } .glf-bar { background: #2e2f33; padding-bottom: 2.5rem; padding-top: 2.5rem; } @media (min-width: 30em) { .glf-bar { padding-bottom: 2rem; padding-top: 2rem; } } .glf-bar.glf-bar-nobuttons .glf-bar-copy { width: 100%; } .glf-bar-content { display: table; min-height: 2.8rem; } @media (min-width: 48em) { .glf-bar-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .glf-bar-copy-left { text-align: left; } } .glf-bar p { margin: 0; text-align: center; } @media (min-width: 48em) { .glf-bar p { text-align: left; } } .glf-bar p a { color: #26306b; transition: color 0.25s ease-out; } .glf-bar p a:focus, .glf-bar p a:hover { color: #90dcf5; } .glf-bar-cta { text-align: center; } .glf-bar-cta .btn { margin: 1.5rem 0.75rem 0; } @media (min-width: 48em) { .glf-bar-cta { -ms-flex-negative: 50%; flex-shrink: 50%; padding-left: 1.25rem; text-align: right; white-space: nowrap; } .glf-bar-cta .btn { margin: 0; } .glf-bar-cta .btn:nth-of-type(1n + 2) { margin-left: 1.25rem; } } .glf-region { padding-top: 0.3125rem; } .glf-region .region-changer { display: block; width: 100%; height: 2.5rem; border-radius: 0.125rem; background: #1c2733; color: #aab9c8; } .glf-quick, .glf-quick a { color: #fff; } .glf-extras { padding: 1.5rem 0 6rem; background: #2b3b4c; } @media (min-width: 48em) { .glf-extras { padding-top: 1rem; } } .is-edit-mode .glf-extras { padding-bottom: 0; } .glf-extras.back-to-top-hidden { padding-bottom: 1rem; } .glf-quick { display: block; list-style: none; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8125rem; margin: 0 0 1.5rem; padding: 0; } .card small, .card-footer small, .card-lightbox small, .card-share-content li a { font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-edit-mode .glf-quick { max-width: 100%; text-align: left; float: none; padding-bottom: 1rem; padding-top: 1rem; } @media (min-width: 48em) { .glf-quick { margin-bottom: 1rem; text-align: left; } } .glf-quick li { display: inline-block; margin: 0 0.7rem; } .glf-quick li:first-of-type { margin-left: 0; } .glf-copyright { font-size: 0.8125rem; color: #aab9c8; margin-bottom: 1.25rem; } @media (min-width: 48em) { .glf-copyright { margin-bottom: 0; } } .glf-copyright p:last-of-type { margin-bottom: 0; } .is-edit-mode .glf-copyright { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; } .glf-back-to-top { background: #1c2733; border: none; color: #fff; border-radius: 0.125rem; text-align: center; font-size: 0.75rem; padding-top: 0.75rem; height: 2.5rem; width: 2.5rem; position: fixed; bottom: 2rem; left: 2rem; opacity: 0; visibility: hidden; transition: 0.75s; } .glf-back-to-top.is-visible { opacity: 0.9; visibility: visible; } .is-edit-mode .glf-back-to-top { position: relative; left: 0; bottom: 0; float: left; margin-left: 0.5rem; opacity: 0.9; visibility: visible; } .glf-back-to-top-arrow { position: absolute; width: 0.625rem; height: 0.625rem; top: 0.5rem; left: 0; right: 0; margin: 0 auto; fill: #fff; } .text-overlay { display: table; overflow: hidden; background-size: cover; background-position: center; color: #fff; text-align: center; position: relative; background-color: #f3f3f3; height: 345px; width: 100%; } .text-overlay.grid-layout { margin-bottom: 1.25rem; } .text-overlay-wrapper .columns:last-child .text-overlay { margin-bottom: 2rem; } .text-overlay .text-overlay-tint { background-color: #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.3; transition: opacity 0.2s; z-index: 75; } .text-overlay-small-wide:focus .text-overlay-tint, .text-overlay-small-wide:hover .text-overlay-tint, .text-overlay-small:focus .text-overlay-tint, .text-overlay-small:hover .text-overlay-tint { opacity: 0.5; } .text-overlay .text-overlay-content { padding: 1.25rem; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 75; } @media (min-width: 48em) { .text-overlay-wrapper .columns:last-child .text-overlay { margin-bottom: 3.5rem; } .text-overlay .text-overlay-content-align-top { margin-top: 6rem; padding: 0 1.25rem; position: relative; top: auto; left: auto; right: auto; -webkit-transform: none; transform: none; } } .text-overlay .text-overlay-icon { fill: #fff; height: 2.75rem; width: 2.75rem; } .text-overlay .text-overlay-title { color: #fff; margin: 0 0 1.75rem; } .text-overlay .text-overlay-subtitle { color: #dadadb; margin: 0; } .text-overlay-large { height: 345px; } .text-overlay-large-wide { height: 259px; } .text-overlay-small { height: 224px; } @media (min-width: 48em) { .text-overlay-large-wide .text-overlay-content-align-top { margin-top: 3.75rem; } .text-overlay-small .text-overlay-content-align-top { margin-top: 2.625rem; } } .text-overlay-small .text-overlay-title { margin: 0 0 0.375rem; } .text-overlay-small-wide { height: 168px; } @media (min-width: 48em) { .text-overlay-small-wide .text-overlay-content-align-top { margin-top: 1rem; } } .text-overlay-small-wide .text-overlay-title { margin: 0 0 0.25rem; } .one-image-stacked, .sbg-footer-bar { margin-bottom: 1.25rem; } .one-image img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .one-image img.align-left { margin-left: 0; margin-right: 0; } .sbg-footer-bar { padding: 3rem; color: #fff; background-color: #45474d; } .sbg-footer-bar-no-margin { margin-bottom: 0; } .sbg-footer-bar-content { display: inline-block; width: 75%; vertical-align: middle; } .sbg-footer-bar-cta { display: inline-block; width: 25%; float: right; text-align: right; } @media (max-width: 47.99em) { .sbg-footer-bar .sbg-footer-bar-content, .sbg-footer-bar .sbg-footer-bar-cta { width: auto; display: block; text-align: center; } .sbg-footer-bar .sbg-footer-bar-cta { float: none; margin-top: 1rem; } } .directory { padding: 0 0 2rem; } .directory .title-5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1rem; margin-bottom: 0.45rem; } .campaign-header-branding, .glh-strapline, .message-description, .pricing-panel-discount, .sbg-quote blockquote:before, .tabbed-panel-nav li, .title-text-dropdown-button { font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; } .directory .btn-link { display: inline-block; margin-bottom: 0.3rem; } @media (min-width: 30em) { .directory { padding: 2.5rem 0; } .directory .btn-link { margin-bottom: 0; } .directory-first { padding-top: 2.5rem; } } .directory-first { padding-top: 2.5rem; } .directory-links { margin: 0; padding: 0; } .directory-links li { display: block; margin: 0; padding: 0; } .directory-links li:last-child a { margin-bottom: 0; } .directory-links a { display: inline-block; } .info-panel { width: 100%; height: auto; background-color: #fff; border: 1px solid #dadadb; padding: 2rem; margin-bottom: 0.75rem; } .info-panel-title { color: #45474d; margin-bottom: 0; } .info-panel-icon { fill: #ec6c00; width: 2rem; height: 2rem; } .info-panel-description { margin: 0.6rem 0 0; display: inline-block; color: #a8a9ac; } .info-panel-btn { margin: 0.6rem 0 0; float: right; } @media (max-width: 47.99em) { .info-panel-btn { float: inherit; } } .info-panel-icon, .info-panel-title { display: inline-block; vertical-align: middle; } .info-panel-left { width: 60%; float: left; } @media (max-width: 47.99em) { .info-panel-left { width: 100%; } } .info-panel-right { width: 40%; float: left; } .info-panel-form { margin: 0; } @media (max-width: 47.99em) { .info-panel-right { width: 100%; } .info-panel-form { display: none; } } .info-panel-bottom:after, .info-panel-bottom:before, .info-panel-top:after, .info-panel-top:before { content: " "; display: table; } .title-text-dropdown { background-color: #fff; width: 100%; padding: 3rem 0; margin-bottom: 0; } .title-text-dropdown .btn-toggle-active .btn-link-arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .title-text-dropdown .btn-toggle-inactive .btn-link-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .title-text-dropdown .btn-toggle .btn-link-arrow { transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; display: inline-block; margin: 0 0 0 10px; } .title-text-dropdown-footer { margin-top: 2rem; } .title-text-dropdown .content-toggle { margin-top: 3rem; } .title-text-dropdown-text { margin-bottom: 3rem; } .title-text-dropdown-button svg { fill: #00a3d3; } .title-text-dropdown.no-top-padding { padding: 0 0 3rem; } .title-text-dropdown .cta-center { padding-left: 0.6rem; } @media (min-width: 48em) { .title-text-dropdown .cta-center, .title-text-dropdown-footer { text-align: center; } .title-text-dropdown .content-toggle { margin-top: 4rem; } .title-text-dropdown-text { margin-bottom: 0.9rem; } } .glf.glf-short { padding-top: 1.3rem; } .glf.glf-short.glf-nopadding { padding-top: 0; } .glf.glf-short .glf-quick, .glf.glf-short .glf-social { max-width: 100%; text-align: center; } .glf.glf-short .glf-social { margin-left: 0; padding-top: 1.2rem; } .glf.glf-short .glf-quick { margin: 0; padding-top: 0.7rem; } .glf.glf-short .glf-copyright { padding: 0.7rem 0 2.5rem; text-align: center; } .glh-logo { letter-spacing: -4px; } .glh-logo > img { max-height: 3.4375rem; } .glh-strapline { width: 4.375rem; margin-left: 0.4375rem; color: #fff; font-size: 0.875rem; line-height: 1; vertical-align: middle; text-align: left; } @media (max-width: 61.24em) { .glh-strapline { display: none; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .signup-form { color: #45474d; max-width: 28.75rem; margin: 5.5rem auto; text-align: center; } .signup-form-buy-version .signup-form-trial-copy { display: none; } .signup-form-buy-version .signup-form-buy-copy { display: block; } .g-recaptcha, .signup-form-buy-copy { display: none; } .signup-form-background { padding: 2.25rem; margin: 1.8rem auto 0; border-radius: 4px; background: #fff; } .signup-form-background .title-text { margin-top: 0; } .signup-form .title-text { margin-bottom: 3rem; } .signup-form .form-name { text-align: left; } .signup-form .form-checkbox { font-size: 0.75rem; line-height: 1.5rem; } .signup-form .form-checkbox a { color: #26306b; } .signup-form .form-checkbox a:focus, .signup-form .form-checkbox a:hover { color: #119dcb; } .signup-form-with-additional-text { margin-bottom: 2.25rem; } .signup-form-additional-text { margin: 0 auto 3.25rem; max-width: 28.75rem; } .section-image .signup-form-additional-text, .section-image .signup-form-additional-text a { color: #fff; } .section-image .signup-form-additional-text a:focus, .section-image .signup-form-additional-text a:hover { color: #e6e6e6; } .section-image .signup-form-additional-text a:active { color: #d0d0d0; } .g-recaptcha { height: 4.5rem; } .g-recaptcha-submit, .g-recaptcha > div { display: inline-block; } .g-recaptcha > div { -webkit-transform: scale(0.925); transform: scale(0.925); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .g-recaptcha.invalid > div { border: 1px solid red; box-sizing: border-box; border-radius: 4px; } .features-row { margin-bottom: 1rem; } .features-item { margin-bottom: 2rem; padding: 0 0.75rem; } @media (min-width: 30em) { .features.features-2-columns .features-row .columns:nth-child(2n + 3), .features.features-3-columns .features-row .columns:nth-child(2n + 3) { clear: left; } .features.features-2-columns .features-row .columns:last-child, .features.features-3-columns .features-row .columns:last-child { float: left; } .g-recaptcha > div { -webkit-transform-origin: 10rem 0; transform-origin: 10rem 0; } .features-item { margin-bottom: 2.5rem; } } .features a.standalone { font-weight: 400; outline: 0; } .features button.standalone { background: 0 0; color: #00a3d3; border-style: none; display: inline; font-size: 0.75rem; outline: 0; padding: 0; text-transform: uppercase; } .features button.standalone:focus, .features button.standalone:hover { color: #017095; } .tabbed-panel-light .tabbed-panel-nav { background-color: #26306b; } @media (min-width: 48em) { .features.features-3-columns .features-row .columns:nth-child(2n + 3) { clear: none; } .features.features-3-columns .features-row .columns:nth-child(3n + 4) { clear: left; } .tabbed-panel-light .tabbed-panel-nav { background-color: transparent; } } .tabbed-panel-light .tabbed-panel-button { color: #26306b; background-color: #fff; } @media (min-width: 48em) { .tabbed-panel-light .tabbed-panel-button { background-color: transparent; } } .tabbed-panel-light .tabbed-panel-button:focus, .tabbed-panel-light .tabbed-panel-button:hover { color: #26306b; } .tabbed-panel-light .tabbed-panel-button.is-active { color: #26306b; background-color: #fff; border-color: #fff; } .tabbed-panel-light .tabbed-panel-header { background-color: #26306b; } .tabbed-panel-dark .tabbed-panel-nav { background-color: #0c6e8e; } @media (min-width: 48em) { .tabbed-panel-light .tabbed-panel-button.is-active { color: #26306b; border-color: #26306b; } .tabbed-panel-dark .tabbed-panel-nav { background-color: transparent; } } .tabbed-panel-dark .tabbed-panel-button:focus, .tabbed-panel-dark .tabbed-panel-button:hover { color: #0c6e8e; background: #fff; } @media (min-width: 48em) { .tabbed-panel-dark .tabbed-panel-button:focus, .tabbed-panel-dark .tabbed-panel-button:hover { background-color: transparent; } } .tabbed-panel-dark .tabbed-panel-button.is-active { color: #0c6e8e; background-color: #fff; border-color: #fff; } .tabbed-panel-dark .tabbed-panel-header { background-color: #0c6e8e; } .tabbed-panel-nav { padding: 3rem 1rem 0; margin: 0 -1.25rem; background-color: #dadadb; text-align: center; position: relative; } @media (min-width: 48em) { .tabbed-panel-dark .tabbed-panel-button.is-active { color: #0c6e8e; border-color: #0c6e8e; } .tabbed-panel-nav { margin: 0; padding-left: 0; padding-right: 0; text-align: center; } } .tabbed-panel-nav ul { padding: 0; list-style-type: none; margin: 0; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } @media (min-width: 48em) { .tabbed-panel-nav ul { display: block; padding: 0; background-color: transparent; text-align: left; } } .tabbed-panel-nav li { color: #fff; margin: 0 0.3rem; display: inline-block; font-size: 1rem; transition: color 0.2s; position: relative; visibility: visible; height: auto; -ms-flex-preferred-size: 30%; flex-basis: 30%; } .tabbed-panel-nav li.is-hidden { visibility: hidden; height: 0; } @media (min-width: 48em) { .tabbed-panel-nav li { width: auto; color: #a8a9ac; margin: 0 1.8rem 0 0; } .tabbed-panel-nav li.is-hidden { visibility: hidden; } .tabbed-panel-nav li.is-hidden .tabbed-panel-button { bottom: -2rem; } } .tabbed-panel-nav li.tabbed-panel-visible { display: inline-block; } .tabbed-panel-nav li:last-child { margin-right: 0; } .tabbed-panel-nav .tabbed-panel-button { outline: 0; width: 100%; text-align: center; display: inline-block; border: 2px solid #fff; border-radius: 3px; margin-bottom: 1rem; padding: 0.5rem 0.8rem; background: 0 0; position: relative; transition: 0.5s bottom; bottom: 0; color: #fff; } @media (min-width: 48em) { .tabbed-panel-nav .tabbed-panel-button.is-active { border-bottom: 2px solid; } .tabbed-panel-nav .tabbed-panel-button { color: #a8a9ac; background: #fff; border-radius: 0; margin-bottom: 0; padding: 0; height: 2.2rem; border: none; } } .tabbed-panel-more-button { position: relative; right: auto; bottom: auto; background: 0 0; border: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; color: #26306b; padding: 0.5rem; margin: 0; outline: 0; display: inline-block; } .tabbed-panel-header-expanded, .tabbed-panel-more-button.is-more-active { display: none; } @media (min-width: 48em) { .tabbed-panel-more-button { z-index: 2; position: absolute; right: 0; bottom: 0.8rem; padding: 0; opacity: 1; transition: 0.5s opacity; } .tabbed-panel-more-button.is-more-active { opacity: 0; } } .tabbed-panel-header { color: #fff; background-color: #dadadb; margin: 0 -1.25rem; padding: 3rem; text-align: center; } @media (min-width: 48em) { .tabbed-panel-header { margin: 0; text-align: left; } } .tabbed-panel-header-title { margin: 0; } .tabbed-panel-header span.strikethrough { opacity: 0.8; color: #a8a9ac; } .tabbed-panel-header-arrow { border: none; background: 0 0; padding: 0; margin: 0 0 0 0.5rem; outline: 0; transition: 0.5s -webkit-transform; transition: 0.5s transform; transition: 0.5s transform, 0.5s -webkit-transform; } .tabbed-panel-header-arrow.is-opened { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tabbed-panel-header-title { margin-bottom: 0.5rem; } .tabbed-panel-header-sub { font-family: National, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; } .tabbed-panel-header-expanded.is-expanded { display: block; } .tabbed-panel-content { min-height: 500px; margin: 0 -1.25rem; padding: 3rem 2.5rem; } @media (min-width: 48em) { .tabbed-panel-content { margin: 0; border: 1px solid #dadadb; border-top: 0; } } .tabbed-panel-content-left { width: 50%; float: left; } .tabbed-panel-content-right { width: 50%; float: right; } .tabbed-panel-content.has-form { min-height: 710px; } .tabbed-panel-content .signup-form { margin: 2rem auto 0; padding: 0; } @media (min-width: 48em) { .tabbed-panel-content .signup-form { margin: 0; padding: 0; } } .tabbed-panel-content .signup-form .title-text { margin-bottom: 2rem; } .tabbed-panel-footer { margin: 0 -1.25rem; padding: 1rem 0; text-align: center; color: #a8a9ac; } .tabbed-panel-footer-info { margin: 0; font-size: 0.75rem; } .tabbed-panel-features { margin: 0; padding: 0; width: 100%; list-style-type: none; } @media (min-width: 48em) { .tabbed-panel-footer { margin: 0; border: 1px solid #dadadb; border-top: 0; background-color: #fbfcfd; } .tabbed-panel-features { width: 80%; } } .tabbed-panel-features-title { margin: 0 0 0.6rem; } .tabbed-panel-features-info { margin: 0; } .tabbed-panel-features-icon { position: absolute; width: 24px; top: -3px; left: -35px; fill: #27c229; } .tabbed-panel-features li { margin: 0 0 1.5rem; font-size: 0.75rem; position: relative; } .tabbed-panel-features li.inactive { color: #a8a9ac; text-decoration: line-through; } .tabbed-panel-features li.inactive .tabbed-panel-features-icon { display: none; } .tabbed-panel-half { width: 100%; display: block; } .tabbed-panel-half:last-child { margin: 0; } @media (min-width: 48em) { .tabbed-panel-half { width: 45%; display: inline-block; vertical-align: top; } .tabbed-panel-half:last-child { margin-left: 60px; } } .form-search { position: relative; height: 2.75rem; } .form-search-tag { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-search input, .form-search label { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .form-search input { background: #fff; border: 1px solid #a8a9ac; border-radius: 4px 0 0 4px; color: #45474d; display: block; padding: 0 2.7rem 0 0.7rem; } .form-search input::-webkit-input-placeholder { color: #45474d; } .form-search input:-moz-placeholder { color: #45474d; opacity: 1; } .form-search input::-moz-placeholder { color: #45474d; opacity: 1; } .form-search input:-ms-input-placeholder { color: #45474d; } .form-search input:focus::-webkit-input-placeholder { color: #a8a9ac; } .form-search input:focus:-moz-placeholder { color: #a8a9ac; opacity: 1; } .form-search input:focus::-moz-placeholder { color: #a8a9ac; opacity: 1; } .form-search input:focus:-ms-input-placeholder { color: #a8a9ac; } .form-search-button { padding: 0; border: none; background: #45474d; border-radius: 0 4px 4px 0; height: 100%; position: absolute; right: 0; top: 0; transition: background 0.25s ease-out; width: 2.75rem; } .form-search-button:focus, .form-search-button:hover { background: #45474d; } .form-search-icon { height: 0.875rem; fill: #fff; width: 0.875rem; } .all-cards-section { position: relative; } .all-cards-overlay { position: absolute; background: #fff; } .all-cards-overlay.overlay-on { z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8; } .packery-container { padding-bottom: 0 !important; } .tablet-container { width: auto; } @media (min-width: 48em) { .tablet-container { width: 620px; margin: 0 auto; } .tablet-container .card-hero { padding-top: 40px; } } @media (min-width: 61.25em) { .tablet-container { width: auto; } } .cards-nav { position: relative; display: none; width: 70%; float: right; } .cards-nav.cards-nav-open { display: block; } .load-more-btn { outline: 0; } .salesforce-chat { display: block; position: fixed; right: 40px; bottom: 0; z-index: 83; } .salesforce-chat-button { border: none; background: 0 0; display: none; padding: 0.5rem 0.8rem; border-radius: 0.25rem 0.25rem 0 0; line-height: 1; transition: 0.2s background; } @media (min-width: 61.25em) { .salesforce-chat { right: 50px; } .salesforce-chat-button { padding: 0.875rem 1.25rem; } } .salesforce-chat-button-online { background: #0c6e8e; color: #fff; } .salesforce-chat-button-online:focus, .salesforce-chat-button-online:hover { outline: 0; background: #119dcb; } .salesforce-chat-button-offline { background: #a8a9ac; color: #dadadb; } .salesforce-chat.is-offline .salesforce-chat-button-offline, .salesforce-chat.is-online .salesforce-chat-button-online { display: block; } @media (max-width: 47.99em) { body:not(.is-salesforce-mobile-enabled) [class^="salesforce-chat"], body:not(.is-salesforce-mobile-enabled) [id^="liveagent_"] { display: none !important; opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } } [id^="liveagent_invite_button"] { width: 230px !important; z-index: 83 !important; } [id^="liveagent_invite_button"] img[src$="/x.png?1"] { right: 15px !important; top: 15px !important; } [id^="liveagent_invite_button"] img:not([src$="/x.png?1"]) { height: auto !important; width: 100% !important; } @media only screen and (max-width: 30em) { [id^="liveagent_invite_button"] { left: 50% !important; margin: 0 !important; max-width: 230px; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; width: 90% !important; } } @media (min-width: 48em) { .hero.hero-custom-kdkgstsoftwaregami .hero-content, .hero.hero-custom-taxTouch .hero-content { margin: 0; max-width: 25rem; } } .hero-custom-addons, .hero-custom-addons:before { background: 0 0 !important; } .condensed-hero-content { padding: 4.7rem 0; } .condensed-hero-bg-position-bottom { background-position: center bottom; } .condensed-hero-bg-position-center { background-position: center center; } .condensed-hero-bg-position-top { background-position: center top; } .condensed-hero:before { background: rgba(12, 110, 142, 0.85); height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .condensed-hero > * { position: relative; z-index: 1; } .condensed-hero p:last-of-type { margin-bottom: 0; } .hero.hero-custom-financial > .row { position: relative; z-index: 2; } @media (min-width: 30em) { .tt-suggestion-post { padding-left: 0.5rem; } } .tt-no-result:hover { background-color: transparent; cursor: initial; } [hidden] { display: none; } .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } body { padding: 0; margin: 0; } .container {margin: 0 auto;} .cq-Dialog .coral-TabList { padding: 0 1em; } .rte-dialog-column, .rte-fullscreen-dialog coral-dialog-content { font-family: "AvenirNextforTDS", harmonyicons; } .pathBrowserPreview__container { width: 25%; position: absolute; right: 0; transform: translateX(100%); padding: 1em; } .coral-Pathbrowser-pickerPanel.pathBrowserPreview__enabled { width: 75%; } .rte-editorWrapper { background-color: #666; } @media screen and (min-width: 1024px) { } .full-width, .main-area-container, .main-footer-container, .main-header-container, .main-page-container { width: 100%; } :root { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } *, :after, :before { box-sizing: inherit; } @keyframes fadeIn { from { opacity: 0; max-height: 1px; } to { opacity: 1; max-height: 100vh; } } @keyframes fadeOut { from { opacity: 0; max-height: 100vh; } to { opacity: 1; max-height: 1px; } } @keyframes fadeLeft { to { opacity: 1; max-width: 414px; } from { opacity: 0; max-width: 1px; } } .main-page-container { flex-grow: 2; } .flex-row { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .flex-column { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .flex-center { align-items: center; justify-content: center; } .flex-break { flex-wrap: wrap; } .align-center { text-align: center; } .align-right { text-align: right; } .main-area-container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } @media screen and (min-width: 768px) { .flex-row-tablet { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .flex-center-tablet { align-items: center; justify-content: center; } .grid-container { max-width: 1200px; width: 100%; margin: auto; position: relative; } } @media screen and (min-width: 1024px) { .flex-row-desktop { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .flex-grow-desktop { flex-grow: 1; } } .banner-container { float: unset; } @media (min-width: 1200px) { .mobile-only { display: none; } } .adaptiveImage__img { width: auto; max-width: 100%; } @keyframes slideInFromLeft { 1% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes slideInFromTop { 1% { transform: translateY(-5%); } 100% { transform: translateY(0); } } .text-component { word-wrap: break-word; } .text-component a { color: #055393; text-decoration: none; } .text-component a:hover, .text-component u, .text-component u * { text-decoration: underline; } .text-component b, .text-component b * { font-weight: 700; } .text-component i, .text-component i * { font-style: italic; } .text-component sup { margin-right: 2px; font-weight: 400 !important; opacity: 0.75; position: relative; top: -0.5em; left: 1px; font-size: 75% !important; line-height: 0; vertical-align: baseline; } .text-component sub { vertical-align: sub; font-size: smaller; } .text-component li { padding: 8px 0; } .text-component ul { list-style-position: inherit !important; padding-left: 10px; } .text-component .heading-1, .text-component h1, .text-component h1 * { font-family: Geogrotesque, harmonyicons; font-size: 36px; line-height: 40px; font-weight: 500; } .text-component .heading-2, .text-component h2, .text-component h2 * { font-family: Geogrotesque, harmonyicons; font-size: 28px; line-height: 32px; font-weight: 500; } .text-component .heading-3, .text-component h3, .text-component h3 * { font-family: Geogrotesque, harmonyicons; font-size: 19px; line-height: 24px; font-weight: 500; } .text-component .heading-4, .text-component .p, .text-component h1 .fontStyle__in--avenir, .text-component h1 .fontStyle__in--avenir *, .text-component h2 .fontStyle__in--avenir, .text-component h2 .fontStyle__in--avenir *, .text-component h3 .fontStyle__in--avenir, .text-component h3 .fontStyle__in--avenir *, .text-component h4, .text-component h4 *, .text-component p1, .text-component p1 *, .text-component p2, .text-component p2 *, .text-component p3, .text-component p3 *, .text-component p4, .text-component p4 * { font-family: "AvenirNextforTDS"; } .text-component .heading-4, .text-component h4, .text-component h4 * { font-size: 19px; line-height: 24px; font-weight: 500; } .text-component .p, .text-component p1, .text-component p1 * { font-size: 16px; line-height: 20px; font-weight: 500; } .text-component .p b, .text-component p1 * b, .text-component p1 b { font-weight: 700; } .text-component .p, .text-component p2, .text-component p2 * { font-size: 14px; line-height: 20px; font-weight: 500; } .text-component .p b, .text-component p2 * b, .text-component p2 b { font-weight: 700; } .text-component .p, .text-component p3, .text-component p3 * { font-size: 12px; line-height: 16px; font-weight: 500; } .text-component .p b, .text-component p3 * b, .text-component p3 b { font-weight: 700; } .text-component .p, .text-component p4, .text-component p4 * { font-size: 12px; line-height: 16px; font-weight: 500; } .text-component .p b, .text-component p4 * b, .text-component p4 b { font-weight: 700; } @media (max-width: 767px) { .text-component { text-align: center; } } @media (min-width: 1200px) { .text-component .heading-1, .text-component h1, .text-component h1 * { font-family: Geogrotesque, harmonyicons; font-size: 44px; line-height: 48px; font-weight: 500; } .text-component .heading-2, .text-component h2, .text-component h2 * { font-family: Geogrotesque, harmonyicons; font-size: 36px; line-height: 40px; font-weight: 500; } .text-component .heading-3, .text-component h3, .text-component h3 * { font-family: Geogrotesque, harmonyicons; font-size: 28px; line-height: 32px; font-weight: 500; } .text-component .heading-4, .text-component .p, .text-component h1 .fontStyle__in--avenir, .text-component h1 .fontStyle__in--avenir *, .text-component h2 .fontStyle__in--avenir, .text-component h2 .fontStyle__in--avenir *, .text-component h3 .fontStyle__in--avenir, .text-component h3 .fontStyle__in--avenir *, .text-component h4, .text-component h4 *, .text-component p1, .text-component p1 *, .text-component p2, .text-component p2 *, .text-component p3, .text-component p3 *, .text-component p4, .text-component p4 * { font-family: "AvenirNextforTDS"; } .text-component .heading-4, .text-component h4, .text-component h4 * { font-size: 24px; line-height: 28px; font-weight: 500; } .text-component .p, .text-component p1, .text-component p1 * { font-size: 19px; line-height: 24px; font-weight: 500; } .text-component .p b, .text-component p1 * b, .text-component p1 b { font-weight: 700; } .text-component .p, .text-component p2, .text-component p2 * { font-size: 16px; line-height: 20px; font-weight: 500; } .text-component .p b, .text-component p2 * b, .text-component p2 b { font-weight: 700; } .text-component .p, .text-component p3, .text-component p3 * { font-size: 14px; line-height: 20px; font-weight: 500; } .text-component .p b, .text-component p3 * b, .text-component p3 b { font-weight: 700; } .text-component .p, .text-component p4, .text-component p4 * { font-size: 12px; line-height: 16px; font-weight: 500; } .text-component .p b, .text-component p4 * b, .text-component p4 b { font-weight: 700; } } @media only screen and (max-width: 1199px) { .footer__tools--content { display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 0 40px; } } .footer__tools--form, .footer__tools--support { display: none; } .footer__tools--sales, .footer__tools--social { display: flex; flex-flow: row; align-items: center; justify-content: center; margin: 0 18px; } .footer__tools--countries { display: flex; flex-flow: row; align-items: center; justify-content: center; margin-top: 20px; } .footer__tools--country { display: flex; flex-flow: row; align-items: center; justify-content: center; color: #d4d7dc; text-decoration: none; } .footer__global--content { display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 20px 0; padding: 0 20px; } .footer__global--logo { display: block; background-image: url(../img/logo/kdkgst-02.svg?1); height: 42px; width: 100px; background-position: center; } .footer__global--legalLinks { display: flex; flex-flow: row; align-items: stretch; justify-content: baseline; } .footer__global--legalLink { color: #d4d7dc; text-decoration: none; padding: 0 10px; margin: 20px 0; border-left: 1px solid #fff; } .footer__global--legalLink:first-child { border: 0; } .footer__global--bottom { display: flex; flex-flow: column; align-items: center; justify-content: center; } .footer__global--legal { color: #d4d7dc; font-size: 14px; text-align: center; } .footer__global--legal:first-child { font-weight: 600; } .footer__global--certificate { margin-top: 20px; display: block; background-image: url(../img/global-sprite.svg?1); background-position: -500px -940px; width: 115px; height: 40px; } .footer__global--trustelogo { margin-top: 20px; } .footerLinks__container { display: none; } .footerLinks__item { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .footerLinks__link { padding: 0 20px; display: flex; flex-flow: row; align-items: center; justify-content: flex-start; background-color: #fff; height: 40px; text-decoration: none; border-bottom: 1px solid #d4d7dc; } .footerLinks__site__link { padding: 20px 20px 0; display: flex; flex-flow: row; align-items: center; justify-content: flex-start; background-color: transparent; height: 40px; color: #d4d7dc; text-decoration: none; border: 0; font-size: 14px; } @media (min-width: 1200px) { .footer__content, .footer__global { max-width: 1200px; width: 100%; margin: auto; } .footer__nav { margin-top: 40px; display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; } .footer__nav--title { display: none; } .footer__nav--link { display: flex; } .footer__tools--content { justify-content: space-between; padding: 10px 0; } .footer__tools--social { justify-content: flex-start; margin: 0 0 0 16px; } .footer__tools--sales { display: none; } .footer__tools--form, .footer__tools--main, .footer__tools--search, .footer__tools--support { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; } .footer__tools--search { justify-content: space-between; border-bottom: 1px solid #fff; } .footer__tools--link { color: #d4d7dc; text-decoration: none; padding: 0 10px; margin: 20px 0; border-left: 1px solid #fff; } .footer__tools--link:first-child { border: 0; } .footer__tools--link:hover { text-decoration: underline; color: #fff; } .footer__tools--link--noHover { color: #d4d7dc; text-decoration: none; padding: 0 10px; margin: 20px 0; border-left: 1px solid #fff; } .footer__tools--link--noHover:first-child { border: 0; } .footer__global--legalLink:hover, .footer__tools--country:hover { text-decoration: underline; color: #fff; } .footer__tools--input { border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-width: 0; height: 30px; padding: 0 10px; } .footer__tools--submit { height: 30px; width: 30px; border: 0; background-color: #fff; border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-image: url(../img/global-sprite.svg?1); cursor: pointer; background-position: 6px -954px; } .footer__tools { margin: 0 20px; } .footer__global { padding: 0 20px; } .footer__tools--countries { margin: 0; } .footer__global--content { margin: 20px 0; padding: 0; } .footer__global--bottom, .footer__global--top { width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-bottom: 40px; } .footer__global--legal { text-align: left; } .footer__legal--container { flex-basis: 50%; } .footer__global--legalLink:last-child { padding-right: 0; } .footer__global--trustelogo { margin-top: 0; } .footerLinks__container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .footerLinks__link { background-color: transparent; color: #d4d7dc; border: 0; } .footerLinks__link:hover { text-decoration: underline; color: #fff; } .footerLinks__item:first-child .footerLinks__link { font-weight: 600; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } } @media (max-width: 1023px) { .main-header-container .header__mainNavView .header__navBar .nav__dropdown--child > li { padding: 0; } .main-header-container .header__mainNavView .header__navBar .nav__dropdown--child > li.nav__header { padding: 14px 15px; } .main-header-container .header__quickNav--menu .nav__dropdown--child li > a { display: block; padding: 14px 15px; } .main-header-container .header__quickNav--menu li.header__brand--logo a { display: block; } .header__mainNavView .header__subDomains li { list-style: none; padding: 14px 15px; cursor: pointer; } .header__mainNavView .header__subDomains li.header__brand--logo:hover { background-color: #eceef1; } .header__mainNavView .header__subDomains li.header__brand--logo:first-child { padding-top: 0; } } @media (min-width: 1024px) { .hidden-lg, .hidden-md { display: none !important; } } .white { color: #fff; } .base-icon { font-family: harmonyicons; } .text-subheading { margin-top: 18px; } .alignItems__center { margin-left: 50%; transform: translateX(-50%); } .alignItems__right { float: right; } .container-fluid { padding: 0 !important; } .margin-container { margin: 0 20px; } .page-container { padding: 0 20px; } .full-width .page-container, .page-container .page-container { padding: 0; } @media (min-width: 768px) and (max-width: 1199px) { .page-container { padding: 0 24px; } } @media (min-width: 1200px) { .page-container { padding: 0 24px; } } .hidden { display: none !important; } .hide { display: none; } .show-block-on-mobile { display: block; } @media screen and (min-width: 768px) { .show-block-on-mobile { display: none; } .show-block-on-tablet { display: block; } } .section-heading { padding-top: 40px; margin-bottom: 40px; } @media screen and (min-width: 1024px) { .show-block-on-tablet { display: none; } .show-block-on-desktop { display: block; } .section-heading { padding-top: 60px; margin-bottom: 40px; } .hero-container { overflow: hidden; } } .hero-container { position: relative; } .hero-container .cq-placeholder { height: auto; } .hero-container .heroBackground { position: absolute; right: 0; top: 0; bottom: 0; min-height: 100%; min-width: 100%; left: 50%; transform: translateX(-50%); } .hero-container .hero-background-image { position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .hero-container .hero { color: #fff; padding: 40px 0; } .hero-container .hero .text-heading, .hero-container .hero .text-subheading { color: #fff; } .hero-container .hero .section-heading { border-top: 0; } .hero-container .aem-Grid { justify-content: center; } .hero-container.heroImg-container.margin-true { margin: 0 10px; } @media screen and (min-width: 768px) { .hero-container { text-align: left; } .hero-container .text-heading, .hero-container .text-subheading { width: 40%; } } .content-dark { background-color: #393a3d; padding: 1.6rem; } .text-center-align { padding-bottom: 20px; } .border-rounding-none { border-radius: 0; } .border-rounding-four { border-radius: 4px; } .border-rounding-eight { border-radius: 8px; } .border-rounding-sixteen { border-radius: 16px; } /*@import url("https://fonts.googleapis.com/css?family=Lato");*/ /* latin-ext */ /*@font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXjeu.woff2?1) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } latin @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXg.woff2?1) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }*/ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {/* font-family: National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; */font-size: inherit;} .html { font-family: Lato-Regular, National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; } .ks {font: 400 1rem/1.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;} .ks .title h1, .ks .title-1, .ks .title.title-1, .ks [class*="hero"] h1, .ks h1.title { font: 500 1.8125rem/2.25rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.0375rem; margin: -0.1875rem 0 0.375rem -0.125rem; padding: 0; } @media (min-width: 30em) { .ks .title h1, .ks .title-1, .ks .title.title-1, .ks [class*="hero"] h1, .ks h1.title { font: 500 2.75rem/3.25rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.05625rem; margin: -0.125rem 0 1.1875rem -0.25rem; padding: 0; } } @media (min-width: 52.5em) { .ks .title h1, .ks .title-1, .ks .title.title-1, .ks [class*="hero"] h1, .ks h1.title {font: 500 3.525rem/3.75rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: -0.0625rem;margin: 0 0 1rem -0.25rem;padding: 0;} } .commentary__title .ks .title h1, .commentary__title .ks [class*="hero"] h1, .commentary__title .ks h1.title, .ks .commentary__title h1.title, .ks .title .commentary__title h1, .ks .title h2, .ks .title-2, .ks .title.title-2, .ks [class*="hero"] .commentary__title h1, .ks [class*="hero"] h2, .ks h2.title { font: 500 1.5rem/2rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.0125rem; margin: 0 0 0.4375rem -0.125rem; padding: 0; } @media (min-width: 30em) { .commentary__title .ks .title h1, .commentary__title .ks [class*="hero"] h1, .commentary__title .ks h1.title, .ks .commentary__title h1.title, .ks .title .commentary__title h1, .ks .title h2, .ks .title-2, .ks .title.title-2, .ks [class*="hero"] .commentary__title h1, .ks [class*="hero"] h2, .ks h2.title { font: 500 2rem/2.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.015625rem; margin: 0 0 0.8125rem -0.1875rem; padding: 0; } } @media (min-width: 52.5em) { .commentary__title .ks .title h1, .commentary__title .ks [class*="hero"] h1, .commentary__title .ks h1.title, .ks .commentary__title h1.title, .ks .title .commentary__title h1, .ks .title h2, .ks .title-2, .ks .title.title-2, .ks [class*="hero"] .commentary__title h1, .ks [class*="hero"] h2, .ks h2.title { font: 600 2.1rem/2.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.01875rem; margin: -0.25rem 0 0.875rem -0.1875rem; padding: 0; } } .ks .job-detail-desc-wrapper .metrics__overlay__text, .ks .job-detail-desc-wrapper h3, .ks .title .metrics__overlay__text, .ks .title h3, .ks .title-3, .ks .title.metrics__overlay__text, .ks .title.title-3, .ks [class*="hero"] .metrics__overlay__text, .ks [class*="hero"] h3, .ks h3.title { font: 500 1.375rem/1.75rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: 0.125rem 0 0.5rem -0.125rem; padding: 0; } @media (min-width: 30em) { .ks .job-detail-desc-wrapper .metrics__overlay__text, .ks .job-detail-desc-wrapper h3, .ks .title .metrics__overlay__text, .ks .title h3, .ks .title-3, .ks .title.metrics__overlay__text, .ks .title.title-3, .ks [class*="hero"] .metrics__overlay__text, .ks [class*="hero"] h3, .ks h3.title { font: 500 1.6875rem/2.25rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: -0.25rem 0 0.875rem -0.125rem; padding: 0; } } @media (min-width: 52.5em) { .ks .job-detail-desc-wrapper .metrics__overlay__text, .ks .job-detail-desc-wrapper h3, .ks .title .metrics__overlay__text, .ks .title h3, .ks .title-3, .ks .title.metrics__overlay__text, .ks .title.title-3, .ks [class*="hero"] .metrics__overlay__text, .ks [class*="hero"] h3, .ks h3.title { font: 500 1.675rem/2.25rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: -0.25rem 0 0.5rem -0.125rem; padding: 0; } } .ks .advisors-profile-industry-app-scaffold-content h4, .ks .advisors-profile-note h4, .ks .marketplace-switcher-heading, .ks .title h4, .ks .title-4, .ks .title.title-4, .ks [class*="hero"] h4, .ks h4.title { font: 500 1.25rem/1.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: 0.125rem 0 0.5625rem -0.125rem; padding: 0; } @media (min-width: 30em) { .ks .advisors-profile-industry-app-scaffold-content h4, .ks .advisors-profile-note h4, .ks .marketplace-switcher-heading, .ks .title h4, .ks .title-4, .ks .title.title-4, .ks [class*="hero"] h4, .ks h4.title { font: 500 1.255rem/2rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: 0 0 0.875rem -0.125rem; padding: 0; } } @media (min-width: 52.5em) { .ks .advisors-profile-industry-app-scaffold-content h4, .ks .advisors-profile-note h4, .ks .marketplace-switcher-heading, .ks .title h4, .ks .title-4, .ks .title.title-4, .ks [class*="hero"] h4, .ks h4.title { font: 500 1.33rem/1.8rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: 0 0 0.375rem -0.125rem; padding: 0; } } .ks .title h5, .ks .title-5, .ks .title.title-5, .ks h5.title { font: 500 1.125rem/1.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; margin: -0.125rem 0 0.5rem -0.0625rem; padding: 0; } @media (min-width: 30em) { .ks .title h5, .ks .title-5, .ks .title.title-5, .ks h5.title { letter-spacing: 0; margin: -0.125rem 0 0.5rem -0.0625rem; padding: 0; } } .hero.hero-overlay-primary:before { background: #0c6e8e; } @media (max-width: 47.9375em) { .htabs__wrapper--mobile.fixed { top: 0; } } .cHuGRC { font: 400 1rem/1.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-letter-spacing: 0; -moz-letter-spacing: 0; -ms-letter-spacing: 0; letter-spacing: 0; margin: -0.0625rem 0 1rem; padding: 0; } .ks .section-bright a:not(.btn), .ks .section-bright-alt a:not(.btn) { color: #00a3d3; } .ks .section-bright a:not(.btn):focus, .ks .section-bright a:not(.btn):hover, .ks .section-bright-alt a:not(.btn):focus, .ks .section-bright-alt a:not(.btn):hover { color: #017095; } .ks .section-bright .inverted, .ks .section-bright .primary, .ks .section-bright .kscon, .ks .section-bright-alt .inverted, .ks .section-bright-alt .primary, .ks .section-bright-alt .kscon { color: #fff; } .ks .section-bright .inverted a:not(.btn), .ks .section-bright .primary a:not(.btn), .ks .section-bright .kscon a:not(.btn), .ks .section-bright-alt .inverted a:not(.btn), .ks .section-bright-alt .primary a:not(.btn), .ks .section-bright-alt .kscon a:not(.btn) { color: #f7f9fa; } .ks .section-bright .inverted a:not(.btn):focus, .ks .section-bright .inverted a:not(.btn):hover, .ks .section-bright .primary a:not(.btn):focus, .ks .section-bright .primary a:not(.btn):hover, .ks .section-bright .kscon a:not(.btn):focus, .ks .section-bright .kscon a:not(.btn):hover, .ks .section-bright-alt .inverted a:not(.btn):focus, .ks .section-bright-alt .inverted a:not(.btn):hover, .ks .section-bright-alt .primary a:not(.btn):focus, .ks .section-bright-alt .primary a:not(.btn):hover, .ks .section-bright-alt .kscon a:not(.btn):focus, .ks .section-bright-alt .kscon a:not(.btn):hover { color: #90dcf5; } .ks .section-bright { background-color: #fff; } .ks .section-bright-alt { background-color: #f2f5f7; } .ks .section-inverted, .ks .section-primary, .ks .section-kdkgstsoftwarecon { color: #fff; } .ks .section-inverted a:not(.btn), .ks .section-primary a:not(.btn), .ks .section-kdkgstsoftwarecon a:not(.btn) { color: #f7f9fa; } .ks .section-inverted a:not(.btn):focus, .ks .section-inverted a:not(.btn):hover, .ks .section-primary a:not(.btn):focus, .ks .section-primary a:not(.btn):hover, .ks .section-kdkgstsoftwarecon a:not(.btn):focus, .ks .section-kdkgstsoftwarecon a:not(.btn):hover { color: #90dcf5; } .ks .section-inverted .bright a:not(.btn), .ks .section-primary .bright a:not(.btn), .ks .section-kdkgstsoftwarecon .bright a:not(.btn) { color: #00a3d3; } .ks .section-inverted .bright a:not(.btn):focus, .ks .section-inverted .bright a:not(.btn):hover, .ks .section-primary .bright a:not(.btn):focus, .ks .section-primary .bright a:not(.btn):hover, .ks .section-kdkgstsoftwarecon .bright a:not(.btn):focus, .ks .section-kdkgstsoftwarecon .bright a:not(.btn):hover { color: #017095; } .ks .section-primary { background-color: #f5f6f7; } .ks .section-inverted { background-color: #2b3b4c; } .ks .section-kdkgstsoftwarecon { background-color: #1e3240; } /* HOME section heading*/ .section-headline { color: rgb(68, 68, 68); font-weight: 700; position: relative; text-align: center; text-transform: capitalize; } .section-headline h2 { display: inline-block; font-size: 34px; margin-bottom: 50px; position: relative; text-transform: capitalize; font-weight: 600; } .section-headline p { font-weight: 400; line-height: 24px; text-transform: none; } .section-headline h2::after { left: 0px; position: absolute; border-width: 0.6px; border-style: solid; border-color: rgb(26, 130, 212); border-image: initial; margin: 0px auto; } .section-headline h2::after, .sine-text h3::after { bottom: -11x; width: 60px; content: ""; right: 0px; } /* /HOME section heading*/ .hero { background-color: transparent; } .btn-play .hero-play, .hero-btn { color: #ffffff; fill: #ffffff; } .btn-play.btn-play-large .btn-play-icon { color: #ffffff; } .footer__global--logo { background-image: url(../img/logo/kdklogo-02.svg?1); height: 42px; width: 100px; background-position: center; margin: 0 auto; } .eKphk, .btn_big_demo, .BNRSn { border: 0.125rem solid transparent; border-radius: 0.25rem; cursor: pointer; display: inline-block; font: 500 1.2rem/2.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0.4rem 1.75rem; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-transition-property: background-color, color, border-color; transition-property: background-color, color, border-color; text-decoration: none; -webkit-font-smoothing: antialiased; white-space: nowrap; text-align: center; } .eKphk, .btn_big_demo, .BNRSn { color: #ffffff; background-color: #27c229; } .BNRSn { background-color: #ffffff; color: #45474d; } .eKphk:hover, .eKphk:focus { background-color: #21a623; } .eKphk:active { background-color: #19801b; } .BNRSn:hover, .BNRSn:focus { background-color: #e6e6e6; } .BNRSn:active { background-color: #d0d0d0; } .jhTWAg { background-color: #45474d; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/hero/image.adapt.800.medium.greyscale.jpg?1); color: #ffffff; position: relative; text-align: center; } .dCIxwn { margin-right: auto; margin-left: auto; min-width: 20rem; max-width: 78rem; width: 100%; } @media only screen and (min-width: 30em) { .dCIxwn { width: 94.791666666666667%; } } @media only screen and (min-width: 52.5em) { .dCIxwn { width: 92.5%; } } @media only screen and (min-width: 64em) { .dCIxwn { width: 89.84375%; } } @media only screen and (min-width: 90em) { .dCIxwn { width: 78rem; } } .cacIDp, .bmCzRN { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hrJIrl { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0.625rem; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 30em) { .hrJIrl { -webkit-flex-basis: 83.33333333333334%; -ms-flex-basis: 83.33333333333334%; flex-basis: 83.33333333333334%; max-width: 83.33333333333334%; margin-left: 8.333333333333332%; } } @media only screen and (min-width: 52.5em) { .hrJIrl { -webkit-flex-basis: 66.66666666666666%; -ms-flex-basis: 66.66666666666666%; flex-basis: 66.66666666666666%; max-width: 66.66666666666666%; } } @media only screen and (min-width: 64em) { .hrJIrl { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } } .hehnRc, .bkstox { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0.625rem; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 30em) { .hehnRc { -webkit-flex-basis: 83.33333333333334%; -ms-flex-basis: 83.33333333333334%; flex-basis: 83.33333333333334%; max-width: 83.33333333333334%; } } .jhTWAg { background-color: #45474d; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../img/hero/image.adapt.800.medium.greyscale.jpg?1"); color: #ffffff; position: relative; text-align: center; } .jhTWAg:before { content: ""; background: #0c6e8e; display: block; height: 100%; left: 0; opacity: 0.85; position: absolute; top: 0; width: 100%; z-index: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .jhTWAg { background-image: url("../img/hero/image.adapt.800.medium.greyscale.jpg?1"); } .jhTWAg { background-image: url("../img/hero/image.adapt.800.medium.greyscale.jpg?1"); } } @media only screen and (min-width: 52.5em) { .jhTWAg { background-image: url("../img/hero/image.adapt.1800.high.nocrop.jpg?1"); text-align: inherit; } .jhTWAg:before { display: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 52.5em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 52.5em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 52.5em), only screen and (min-device-pixel-ratio: 2) and (min-width: 52.5em), only screen and (min-resolution: 192dpi) and (min-width: 52.5em), only screen and (min-resolution: 2dppx) and (min-width: 52.5em) { .jhTWAg { background-image: url("../img/hero/image.adapt.3500.high.nocrop.jpg?1"); } } .hWmgRd { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4rem 0; position: relative; } .hWmgRd * { -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } @media only screen and (min-width: 30em) { .hWmgRd { height: 31rem; } } .iauEKy { margin-top: 0.7rem; } .iauEKy * { margin-right: 1.3rem; margin-top: 1rem; } .gGTxRs, .lnxToZ { font: 500 1.8125rem/2.25rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-letter-spacing: -0.0375rem; -moz-letter-spacing: -0.0375rem; -ms-letter-spacing: -0.0375rem; letter-spacing: -0.0375rem; margin: -0.1875rem 0 1.5rem -0.125rem; padding: 0; } .gGTxRs { color: #ffffff; } @media only screen and (min-width: 30em) { .lnxToZ, .gGTxRs { font: 500 2.75rem/3.25rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-letter-spacing: -0.05625rem; -moz-letter-spacing: -0.05625rem; -ms-letter-spacing: -0.05625rem; letter-spacing: -0.05625rem; margin: -0.125rem 0 1.5rem -0.25rem; padding: 0; } } @media only screen and (min-width: 52.5em) { .lnxToZ, .gGTxRs { font: 500 3.125rem/3.75rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-letter-spacing: -0.0625rem; -moz-letter-spacing: -0.0625rem; -ms-letter-spacing: -0.0625rem; letter-spacing: -0.0625rem; margin: 0 0 1.5rem -0.25rem; padding: 0; } } .cline { font-size: 14px; text-align: center; display: inline-block; width: 275px; margin-top: 0.3rem; } .iauEKy1 { /*width: 273px;*/ display: inline-grid; } .btn-play.btn-play-large { font-size: 1.125rem; } @media (max-width: 48em) { .spacingContainer__large { height: 10px; } } .hero-paragraph p:last-of-type { color: #ffffff; } .section-headline h2::after, .sine-text h3::after { bottom: -12px; } .tbf-tab.is-tbf-tab-active { color: #0e4c76; } .tbf-tab:before { background: #0e4c76; } .is-tbf-tab-active .tbf-tab-icon { fill: #0e4c76; } @media (min-width: 30em) { .section-padding { padding-top: 2rem; padding-bottom: 2rem; } .section-padding-link { padding-top: 4.5rem; padding-bottom: 2rem; } } ul.breadcrumb { padding: 10px 0px 20px; list-style: none; } ul.breadcrumb li { display: inline; font-size: inherit; } ul.breadcrumb li + li:before { padding: 8px; color: #fffbfb; content: "/\00a0"; } ul.breadcrumb li:last-child { color: #242b2d; text-decoration: none; font-size: 14px; } ul.breadcrumb li + li:before { padding: 8px; color: #fffbfb; content: "/\00a0"; } ul.breadcrumb li a { color: #ffffff; text-decoration: none; font-size: 14px; } ul.breadcrumb li a:hover {color: #2391d6;text-decoration: underline;} @media (max-width: 767px) { .text-component { text-align: inherit; } } .KbDetailLtContainer__articleContent .subheading, .KbDetailLtContainer__articleContent a, .commonStyle__zt3Link:hover, .themeLink:hover, .commonStyle__zt3Link:hover, .themeLink:hover, .commonStyle__zt3LinkActive, .commonStyle__zt3bdrLine { color: #055393 !important; } @media only screen and (max-width: 767px) { .ks .title h1, .ks .title-1, .ks .title.title-1, .ks [class*="hero"] h1, .ks h1.title { font-size: 1.8rem; text-align: center; } .KbDetailLtContainer__articleTitle { margin: 0 1rem 0 0; } .container-fluid Ol, .container-fluid ul { margin: auto !important; } .section.bright p { text-align: center; } .aem-GridColumn, .column, .columns {padding: 0px 11px;} .Layout__oneColumn, .Layout__twoColumn { padding: 0.5rem 0; } } .affix { position: fixed; } .affix { top: 0; } .affix-top { position: static; } .affix-bottom { position: absolute; } .omelette { margin-top: 10px; border: 1px solid #fcda9c; border-radius: 4px; } .omelette .omelette-background { background-color: #fdf9c0; border-bottom: 1px solid #fcda9c; } .omelette p:empty { display: none; } .omelette.affix { right: 8.2%; left: 70.5%; } .omelette.affix-bottom { right: 5%; left: 5%; } /****************************/ .ks .hero.bright { background-color: #fff; } .ks .hero.inverted { background-color: #001e28; } .ks .hero.primary { background-color: #0c6e8e; } .ks .hero.hero-overlay-inverted:before { background: #45474d; } .ks .hero.hero-overlay-primary:before { background: #0c6e8e; } .ks .hero.hero-overlay-bright:before { background: #fff; } .ks .hero.inverted { background-color: #26306b; } .ks .hero.hero-overlay-inverted:before { background: #45474d; } .ks .section-inverted, .ks .section-primary, .ks .section-kdkgstsoftware { color: #32465a !important; } .global-ceiling-bar { background-color: #25306c; color: #fff; } .ks .bright .text a.standalone, .ks .bright a.standalone, .ks .text a.standalone, .ks a.standalone { border: none; color: #00a3d3; font: 400 1rem/1.5rem National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; padding: 0; text-decoration: none; text-transform: uppercase; } .ks .text-center { text-align: center; } .glf-social-link { margin-left: 7%; } .footer__tools--sales, .footer__tools--social { margin: 0 8px; } .features-item .icon-padding { /*width: 4.2em; height: 4.2em;*/ } .ks .benefits-icon-hidden { visibility: hidden; } .ks .benefits-list.benefits-list-secondary .benefits-item { background: 0 0; border: none; padding: none; margin-bottom: 0.75rem; } div#section-id-whyWeUse li.benefits-item { padding-bottom: 1px; margin-bottom: auto; } .ks .benefits-list.benefits-list-secondary .benefits-item-strikethrough h6 { color: #9aa9b8; text-decoration: line-through; } .ks .benefits-list.benefits-list-secondary .benefits-item-strikethrough .metrics__revision, .ks .benefits-list.benefits-list-secondary .benefits-item-strikethrough p { color: #9aa9b8; } .ks .benefits-list.benefits-list-secondary .benefits-item-strikethrough .benefits-icon { opacity: 0; visibility: hidden; } .ks .benefits-list.benefits-list-secondary .benefits-cell { height: auto; vertical-align: top; } .ks .benefits-list.benefits-list-secondary .benefits-cell h6 { margin: 0.2rem 0 0.5rem 0.5rem; } .ks .benefits-list.benefits-list-secondary .benefits-cell .metrics__revision, .ks .benefits-list.benefits-list-secondary .benefits-cell p { margin: 0 0 0.1rem 0.5rem; } .ks .primary .benefits-list.benefits-list-secondary .benefits-cell .metrics__revision, .ks .primary .benefits-list.benefits-list-secondary .benefits-cell h6, .ks .primary .benefits-list.benefits-list-secondary .benefits-cell p, .ks .primary .benefits-list.benefits-list-secondary .benefits-item-strikethrough .metrics__revision, .ks .primary .benefits-list.benefits-list-secondary .benefits-item-strikethrough h6, .ks .primary .benefits-list.benefits-list-secondary .benefits-item-strikethrough p { color: #32465a !important; } .ks .benefits-list.benefits-list-secondary .benefits-icon { width: 1.5rem; height: 1.5rem; } .ks .carousel-slider.slick-initialized .carousel-view-tile, .ks .carousel-view.slick-initialized .carousel-view-tile { opacity: 1; visibility: visible; } .ks .carousel-slider.slick-initialized .carousel-slider-tile, .ks .carousel-view.slick-initialized .carousel-slider-tile { opacity: 0.4; visibility: visible; } .ks .carousel-slider.slick-initialized .carousel-slider-tile.slick-current, .ks .carousel-view.slick-initialized .carousel-slider-tile.slick-current { opacity: 1; } .ks .carousel-tile { color: #fff; text-align: center; visibility: hidden; opacity: 0; outline: 0; margin: 0 0.5rem; } .ks .benefits-list { padding-left: 0; margin-left: 0; list-style: none; } .ks .benefits-item { background-color: #fbfcfd; border: 1px solid #ced8e1; color: #45474d; padding: 0 0.75rem; } .ks .benefits-item:last-child { margin-bottom: 3rem; } .ks .benefits-item:not(:last-child) { border-bottom: 0; } .ks .benefits-cell { display: table-cell; height: 4.75rem; vertical-align: middle; } .ks .benefits-cell .metrics__revision, .ks .benefits-cell p { margin: 0 0 0 0.5rem; } .ks .benefits-icon { height: 3rem; width: 3rem; } .benefits-cell p { font-size: 0.95rem !important; } @media (min-width: 30em) { .ks .benefits-icon { height: 2.8rem; width: 2.8rem; } } .ks .benefits-icon-hidden { visibility: hidden; } .ks .benefits-list.benefits-list-secondary .benefits-item {background: 0 0;border: none;padding: none;margin-bottom: 0.6rem;display: block;list-style: decimal;} .ks .marketplace-tile { position: relative; color: #45474d; width: 100%; padding: 1rem; } @media (min-width: 30em) { .ks .marketplace-tile { width: 50%; } } @media (min-width: 52.5em) { .ks .marketplace-tile { width: 33.3333333333%; } } .ks .marketplace-tile:not(.globalsearch-content) { padding: 0; width: 100%; } .ks .marketplace-tile-wrapper { background: #fff; border: 1px solid #ced8e1; position: relative; height: 100%; } .ks .marketplace-tile-head { color: #fff; width: 100%; height: 5rem; display: block; position: relative; } .ks .marketplace-tile-head:focus .marketplace-tile-head-arrow, .ks .marketplace-tile-head:hover .marketplace-tile-head-arrow { opacity: 1; } .ks .marketplace-tile-head-wrapper { width: 100%; height: 5rem; display: block; position: relative; border-bottom: solid 1px #ced8e1; } .ks .marketplace-tile-head-logo { max-height: 3rem; max-width: 15rem; position: absolute; top: 50%; left: 1.2rem; transform: translateY(-50%); } .ks .marketplace-tile-head-arrow { position: absolute; top: 50%; right: 1.25rem; transform: translateY(-50%); fill: #fff; opacity: 0.5; transition: opacity 0.3s; } .ks .marketplace-tile-body { background: #fff; padding: 1.25rem 1.25rem 3rem; } .ks .marketplace-tile-body-type { font-size: 0.7rem; color: #9aa9b8; margin: 0; } .ks .marketplace-tile-body .metrics__overlay__text, .ks .marketplace-tile-body h3, .ks .marketplace-tile-body strong { font-size: 1rem; color: #45474d; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ks .marketplace-tile-body strong { display: block; margin-bottom: 1rem; } .ks .marketplace-tile-body .marketplace-tile-title.metrics__overlay__text, .ks .marketplace-tile-body h3.marketplace-tile-title { font-size: 1.5rem; color: #45474d; overflow: visible; white-space: normal; width: 100%; margin-top: 0; } .ks .marketplace-tile-body .ellipsis-container { width: 100%; overflow: hidden; } @media (max-width: 29.99em) { .ks .marketplace-tile-body .ellipsis-container { height: auto; } } .ks .marketplace-tile-body .ellipsis-container .metrics__revision, .ks .marketplace-tile-body .ellipsis-container p { margin: 0; } .ks .marketplace-tile-reviews { width: 100%; overflow: hidden; margin-top: 1.3rem; margin-bottom: 0.4rem; } .ks .marketplace-tile-reviews-info, .ks .marketplace-tile-reviews-review { width: 50%; height: 3.2rem; float: left; display: block; } .ks .marketplace-tile-reviews-info .metrics__revision, .ks .marketplace-tile-reviews-info p, .ks .marketplace-tile-reviews-review .metrics__revision, .ks .marketplace-tile-reviews-review p { font-size: 0.8rem; color: #9aa9b8; margin-bottom: 0.7rem; transition: color 0.3s; } .ks .marketplace-tile-reviews-info .metrics__revision:first-child, .ks .marketplace-tile-reviews-info p:first-child, .ks .marketplace-tile-reviews-review:hover .metrics__revision, .ks .marketplace-tile-reviews-review:hover p { color: #45474d; } .ks .marketplace-tile-reviews-review.black span { } .ks .marketplace-tile-reviews-review .metrics__revision, .ks .marketplace-tile-reviews-review p { margin-bottom: 0.35rem; } .ks .marketplace-tile-reviews-review span { width: 95px; height: 19px; display: block; background-size: 19px 35px; background-repeat: repeat-x; background-position: 0 -19px; } .ks .marketplace-tile-reviews-review span span { background-position: 0 0; } .ks .marketplace-tile-links { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 1.25rem; width: 100%; } .ks .marketplace-tile-links a { color: #9aa9b8; text-transform: uppercase; font-size: 0.85rem; line-height: 1; position: absolute; right: 3rem; } .ks .marketplace-tile-links a:first-child { position: relative; right: auto; } .ks .marketplace-switcher { padding-top: 2rem; } .ks .marketplace-switcher-top { position: relative; text-align: center; z-index: 1; } .ks .marketplace-switcher .switch-container { overflow: hidden; display: inline-block; margin-bottom: 2rem; } @media (min-width: 52.5em) { .ks .marketplace-switcher { padding-top: 3.5rem; } .ks .marketplace-switcher-top { text-align: right; padding: 0 1.25rem; } .ks .marketplace-switcher .switch-container { margin-bottom: 0; } .ks .marketplace-switcher .business-type-column:nth-child(n + 7) { width: 25%; } .ks .marketplace-switcher .business-type-column:last-child { float: left; } } .ks .marketplace-switcher-heading { margin-bottom: 3rem; margin-top: -3rem; margin-left: 0.5rem; } @media (max-width: 52.49em) { .ks .marketplace-switcher .content-1 .column, .ks .marketplace-switcher .content-1 .row, .ks .marketplace-switcher .content-2 .column, .ks .marketplace-switcher .content-2 .row { padding: 0; } } .ks .marketplace-switcher .marketplace-switcher-button-1, .ks .marketplace-switcher .marketplace-switcher-button-2 { padding: 0 1.3rem; background-color: #fff; border: 2px solid #45474d; color: #45474d; margin-right: 0; outline: 0; } .ks .marketplace-general-hero, .ks .marketplace-switcher .marketplace-switcher-button-1.is-active, .ks .marketplace-switcher .marketplace-switcher-button-2.is-active { background-color: #45474d; color: #fff; } .ks .marketplace-switcher .marketplace-switcher-button-1 { border-right: none; } .ks .marketplace-switcher .marketplace-switcher-button-2 { border-left: none; } .ks .marketplace-general-hero { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; transition: height 0.5s ease-out; } .ks .marketplace-general-hero a { color: #fff; text-decoration: none; } .ks .marketplace-general-hero a:focus, .ks .marketplace-general-hero a:hover { color: #f2f5f7; } .ks .marketplace-general-hero a:active { color: #ced8e1; } .ks .marketplace-general-hero-content { display: table; margin: auto; text-align: left; width: 100%; } @media (min-width: 52.5em) { .ks .marketplace-switcher .app-functions-column:last-child { float: left; } .ks .marketplace-general-hero-content { text-align: left; } } @media (min-width: 30em) { .ks .marketplace-general-hero-content { height: 25rem; } .ks .marketplace-general-hero-content.is-small { height: 15rem; } } .ks .marketplace-general-hero-center { display: table-cell; vertical-align: middle; padding: 4rem 0; } .ks .marketplace-general-hero-back { position: relative; left: -0.5rem; } .ks .marketplace-general-hero-back-copy { display: inline-block; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 0.7rem; border-bottom: solid 1px transparent; } .ks .marketplace-general-hero-back:focus .marketplace-general-hero-back-copy, .ks .marketplace-general-hero-back:hover .marketplace-general-hero-back-copy { border-bottom: solid 1px #fff; } .ks .marketplace-general-hero-arrow { fill: #fff; transform: rotate(180deg); position: relative; top: 0.1rem; width: 1rem; height: 0.8rem; margin-right: 0.2rem; } .ks .marketplace-general-hero-chevron { fill: #fff; width: 0.3rem; height: 0.5rem; margin: 0 0.8rem 0 0.6rem; } .ks .marketplace-general-hero-breadcrumb { text-transform: uppercase; font-size: 0.7rem; list-style-type: none; margin-left: -1rem; } .ks .marketplace-general-hero-breadcrumb li { display: inline-block; margin-bottom: 0; } .ks .marketplace-general-hero-breadcrumb li:nth-child(n + 2):before { content: ""; display: inline-block; margin: 0 0.6rem 0 0.2rem; width: 0.5rem; height: 0.5rem; background-repeat: no-repeat; background-size: 0.5rem 0.5rem; } .ks .marketplace-general-hero-breadcrumb a { font-weight: 600; } .ks .marketplace-general-hero-breadcrumb a:hover { color: #fff; border-bottom: solid 1px #fff; } .ks .marketplace-search-bar { margin-bottom: 0; background-color: #fff; } .ks .marketplace-search-bar:after { content: ""; display: block; background-color: #fff; width: 100%; height: calc(100% - 5rem); position: absolute; top: calc(5rem + 1px); z-index: 3; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s ease-out; } .ks .marketplace-search-bar.overlay-active:after { visibility: visible; opacity: 0.6; transition-delay: 0s; } .ks .marketplace-search-bar .marketplace-search-box { border-bottom: 1px solid #ced8e1; margin-bottom: 0; position: relative; } .ks .marketplace-search-bar .marketplace-search-box .light-text { color: #9aa9b8; } .ks .marketplace-search-bar .marketplace-search-box-form { padding-left: 2.2rem; padding-right: 2.2rem; position: relative; } .ks .marketplace-search-bar .marketplace-search-box-form.is-active .icon-search { fill: #13b5ea; fill: #9aa9b8; } .ks .marketplace-search-bar .marketplace-search-box-submit-icon { position: absolute; top: 1.9rem; left: 0; background: 0 0; border: none; padding: 0; margin: 0; } .ks .marketplace-search-bar .marketplace-search-box-submit-icon .icon { height: 1.625rem; width: 1.625rem; fill: #45474d; } @media (min-width: 30em) { .ks .marketplace-search-bar .marketplace-search-box-submit-icon .icon { display: initial; } } .ks .marketplace-search-bar .marketplace-search-box .icon-search-arrow { height: 1.625rem; width: 1.625rem; } .ks .marketplace-search-bar .marketplace-search-box-submit { display: none; position: absolute; top: 0.75rem; right: 0; background: 0 0; border: 0; padding: 1rem 0.5rem; } .ks .marketplace-search-bar .marketplace-search-box-submit .icon { fill: #13b5ea; } .ks .marketplace-search-bar .marketplace-search-box-submit:focus, .ks .marketplace-search-bar .marketplace-search-box-submit:hover { outline: 0; } .ks .marketplace-search-bar .marketplace-search-box-submit:focus .icon, .ks .marketplace-search-bar .marketplace-search-box-submit:hover .icon { fill: #26306b; } .ks .marketplace-search-bar .marketplace-search-box-submit:active .icon { fill: #0c6e8e; } .ks .marketplace-search-bar .marketplace-search-box input, .ks .marketplace-search-bar .marketplace-search-box label { font-size: 1.25rem; } .ks .marketplace-search-bar .marketplace-search-box label { position: absolute; top: 1.75rem; z-index: 0; left: 2.2rem; } .ks .marketplace-search-bar .marketplace-search-box label span { display: none; } @media (min-width: 30em) { .ks .marketplace-search-bar .marketplace-search-box label span { display: initial; } } .ks .marketplace-search-bar .marketplace-search-box input { width: 100%; padding: 1.875rem 0; border: 0; background: 0 0; position: relative; z-index: 1; } .ks .marketplace-search-bar .marketplace-search-box input[value] + label { display: none; } .ks .marketplace-search-bar .marketplace-search-box input:hover + label { color: #45474d; } .ks .marketplace-search-bar .marketplace-search-box input:hover + label span { color: inherit; } .ks .marketplace-search-bar .marketplace-search-box input:focus { outline: 0; } .ks .marketplace-search-bar .marketplace-search-box input:focus + label { color: #9aa9b8; } .ks .marketplace-search-bar .marketplace-search-box-ac { background-color: #fff; padding: 0; width: 100%; max-width: 500px; box-shadow: 0 6px 30px 0 rgba(150, 159, 167, 0.3); } .ks .marketplace-search-bar .marketplace-search-box-ac-inner { border-top: 1px solid #ced8e1; padding: 2.5rem 2.5rem 1.5rem; } @media (min-width: 30em) { .ks .marketplace-search-bar .marketplace-search-box-ac-inner { border-right: 1px solid #ced8e1; border-left: 1px solid #ced8e1; } } .ks .marketplace-search-bar .marketplace-search-box-ac-group { margin-bottom: 2rem; } .ks .marketplace-search-bar .marketplace-search-box-ac-group:last-child { margin-bottom: 0; } .ks .marketplace-search-bar .marketplace-search-box-ac-group-title { font-size: 1.5rem; color: #9aa9b8; } .ks .marketplace-search-bar .marketplace-search-box-ac ul { list-style: none; padding-left: 0; } .ks .marketplace-search-bar .marketplace-search-box-ac-item a:focus, .ks .marketplace-search-bar .marketplace-search-box-ac-item a:hover { outline: 0; color: #0c6e8e; } .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn { border-left: none; border-right: none; border-top: 1px solid #ced8e1; border-bottom: 1px solid #ced8e1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: block; width: 100%; padding: 1.35rem 1.25rem 1.35rem 2.5rem; background: 0; color: #13b5ea; text-align: left; line-height: 1.5rem; text-decoration: none; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; } .ks .marketplace-search-bar .marketplace-search-result-item a, .ks .marketplace-search-bar .marketplace-search-result-list dt { font-size: 1.5rem; } @media (min-width: 30em) { .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn { border-right: 1px solid #ced8e1; border-left: 1px solid #ced8e1; } } .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn .icon { fill: #13b5ea; float: right; } .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn:focus, .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn:hover { outline: 0; color: #26306b; border: 1px solid #13b5ea; background-color: #effafd; } .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn:focus .icon, .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn:hover .icon { fill: #26306b; } .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn:active { color: #0c6e8e; } .ks .marketplace-search-bar .marketplace-search-box-ac-more-btn:active .icon { fill: #0c6e8e; } .ks .marketplace-search-bar #marketplace-search-box-ac-row { position: relative; display: none; } .ks .marketplace-search-bar #marketplace-search-box-ac-row #marketplace-search-box-ac-column { position: absolute; z-index: 4; } @media (max-width: 29.99em) { .ks .marketplace-search-bar #marketplace-search-box-ac-row, .ks .marketplace-search-bar #marketplace-search-box-ac-row #marketplace-search-box-ac-column { padding: 0; } } .ks .marketplace-search-bar .no-js .marketplace-search-box label { position: static; } .ks .marketplace-search-bar .marketplace-search-result { padding: 2rem 0 3rem; background-color: #fbfcfd; min-height: 500px; } @media (min-width: 30em) { .ks .marketplace-search-bar .marketplace-search-result { padding-top: 3rem; } } .ks .marketplace-search-bar .marketplace-search-result .light-text { color: #9aa9b8; } .ks .marketplace-search-bar .marketplace-search-result a:active, .ks .marketplace-search-bar .marketplace-search-result a:focus, .ks .marketplace-search-bar .marketplace-search-result a:hover { outline: 0; color: #0c6e8e; } .ks .marketplace-search-bar .marketplace-search-result-group { margin-bottom: 3rem; } .ks .marketplace-search-bar .marketplace-search-result-group-title { margin-bottom: 1rem; } .ks .marketplace-search-bar .marketplace-search-result-list { list-style: none; padding-left: 0; } .ks .marketplace-search-bar .marketplace-search-result-list dl { margin-bottom: 0.4rem; } .ks .marketplace-search-bar .marketplace-search-result-list dd { margin-left: 0; } .ks .marketplace-search-bar .marketplace-search-result-item { margin-bottom: 0.5rem; } .ks .marketplace-search-bar .marketplace-search-result-item.with-description .small-text { font-size: 0.75rem; } .ks .marketplace-tile { position: relative; color: #45474d; width: 100%; padding: 1rem; } @media (min-width: 30em) { .ks .marketplace-tile { width: 50%; } } @media (min-width: 52.5em) { .ks .marketplace-tile { width: 33.3333333333%; } } .ks .marketplace-tile:not(.globalsearch-content) { padding: 0; width: 100%; } .ks .marketplace-tile-wrapper { /* background: #26306b; */ border: 1px solid #ced8e1; position: relative; height: 100%; color: #ffffff; } .ks .marketplace-tile-head { color: #fff; width: 100%; height: 5rem; display: block; position: relative; } .ks .marketplace-tile-head:focus .marketplace-tile-head-arrow, .ks .marketplace-tile-head:hover .marketplace-tile-head-arrow { opacity: 1; } .ks .marketplace-tile-head-wrapper { width: 100%; height: 5rem; display: block; position: relative; border-bottom: solid 1px #ced8e1; } .ks .marketplace-tile-head-logo { max-height: 3rem; max-width: 15rem; position: absolute; top: 50%; left: 1.2rem; transform: translateY(-50%); } .ks .marketplace-tile-head-arrow { position: absolute; top: 50%; right: 1.25rem; transform: translateY(-50%); fill: #fff; opacity: 0.5; transition: opacity 0.3s; } .ks .marketplace-tile-body .metrics__overlay__text, .ks .marketplace-tile-body h3, .ks .marketplace-tile-body strong { font-size: 1rem; color: #45474d; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ks .marketplace-tile-body strong { display: block; margin-bottom: 1rem; } .ks .marketplace-tile-body .marketplace-tile-title.metrics__overlay__text, .ks .marketplace-tile-body h3.marketplace-tile-title { font-size: 1.5rem; color: #45474d; overflow: visible; white-space: normal; width: 100%; margin-top: 0; } .ks .marketplace-tile-body .ellipsis-container { width: 100%; overflow: hidden; } @media (max-width: 29.99em) { .ks .marketplace-tile-body .ellipsis-container { height: auto; } } .ks .marketplace-tile-body .ellipsis-container .metrics__revision, .ks .marketplace-tile-body .ellipsis-container p { margin: 0; } .ks .marketplace-tile-reviews { width: 100%; overflow: hidden; margin-top: 1.3rem; margin-bottom: 0.4rem; } .ks .marketplace-tile-reviews-info, .ks .marketplace-tile-reviews-review { width: 50%; height: 3.2rem; float: left; display: block; } .ks .marketplace-tile-reviews-info .metrics__revision, .ks .marketplace-tile-reviews-info p, .ks .marketplace-tile-reviews-review .metrics__revision, .ks .marketplace-tile-reviews-review p { font-size: 0.8rem; color: #9aa9b8; margin-bottom: 0.7rem; transition: color 0.3s; } .ks .marketplace-tile-reviews-info .metrics__revision:first-child, .ks .marketplace-tile-reviews-info p:first-child, .ks .marketplace-tile-reviews-review:hover .metrics__revision, .ks .marketplace-tile-reviews-review:hover p { color: #45474d; } .ks .marketplace-tile-reviews-review.black span { } .ks .marketplace-tile-reviews-review .metrics__revision, .ks .marketplace-tile-reviews-review p { margin-bottom: 0.35rem; } .ks .marketplace-tile-reviews-review span { width: 95px; height: 19px; display: block; background-size: 19px 35px; background-repeat: repeat-x; background-position: 0 -19px; } .ks .marketplace-tile-reviews-review span span { background-position: 0 0; } .ks .marketplace-tile-links { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 1.25rem; width: 100%; } .ks .marketplace-tile-links a { color: #9aa9b8; text-transform: uppercase; font-size: 0.85rem; line-height: 1; position: absolute; right: 3rem; } .ks .marketplace-tile-links a:first-child { position: relative; right: auto; } @media (min-width: 52.5em) { .ks .marketplace-results-filter.switcher-is-open .filter-list { display: table; } } .ks .globalsearch-extensions-top > .columns { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .ks .globalsearch-content { transition: opacity 0.25s ease-in; } .ks .globalsearch-content.is-dormant { pointer-events: none; opacity: 0; } .ks .globalsearch-results { padding-bottom: 1.5rem; padding-top: 1.5rem; } .ks .globalsearch-results .column:last-child, .ks .globalsearch-results .columns:last-child { float: left; } .ks .globalsearch-results.searchfilterresults-advisors { margin: 0 auto; padding-left: 0; padding-right: 0; padding-top: 0; } .ks .globalsearch-results.searchfilterresults-marketplace { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ks .globalsearch-tally { padding: 1rem 2rem 1rem 0; } .ks .globalsearch-order label { background: 0 0; } .ks .globalsearch-loadmore { color: #32465a; border: 2px solid #32465a; border-radius: 5px; padding: 0.6rem 2rem; transition: opacity 0.2s ease-out; position: relative; background: 0 0; cursor: pointer; font-weight: 500; margin: 2px auto; outline: 0; } .ks .globalsearch-loadmore:hover { opacity: 0.5; } .ks .globalsearch-messages[data-global-search-message="error"] .globalsearch-messages-error, .ks .globalsearch-messages[data-global-search-message="match"] .globalsearch-messages-match, .ks .globalsearch-messages[data-global-search-message="geo"] .globalsearch-messages-geo { display: block; } .ks .globalsearch-messages > * { display: none; padding-bottom: 3rem; } .ks .globalsearch-loading { clear: both; display: block; height: 0; overflow: hidden; } .ks .globalsearch-loading .loader { display: block; margin: 0 auto; padding: 1.5rem 0; text-align: center; width: 100%; } .ks .row {margin: 0 auto;max-width: 78rem;padding-left: 0;padding-right: 0;position: relative;width: 100%;} @media (min-width: 30em) { .ks .row {width: 94.7916666667%;} } @media (min-width: 52.5em) { .ks .row {width: 92.5%;} } @media (min-width: 64em) { .ks .row {width: 100%;} } @media (min-width: 90em) { .ks .row {width: 78rem;} } @media (min-width: 30em) and (max-width: 52.49em) { .ks .row-quarters .column:nth-of-type(3), .ks .row-quarters .columns:nth-of-type(3) { clear: both; } } .ks .row .row { width: 100%; } .ks .row .Row { margin-left: -0.625rem; margin-right: -0.625rem; } .btn.btn-primary {color: #ffffff;background-color: #477c3b;} .btn.btn-primary:focus, .btn.btn-primary:hover { color: #fff; background-color: #64a256; } .btn.btn-primary:active { color: #fff; background-color: #c32447; } .glf { background: #06314e; color: #fff; } .glf-extras { background: #041a29; } .btn-play-icon, .btn-select { fill: #f64c71; } .btn-play:focus, .btn-play:hover { color: #f2f5f7; outline: 0; } .ks .pricing-card-header { background: #154a8e; border-left: 1px solid #15478c; border-right: 1px solid #1d2552; } ul.breadcrumb li:last-child { color: #f64c71; } .ks .hero.hero-overlay-primary:before { background: #ffffff; } /********white theme************/ .global-ceiling-bar { background-color: #ffffff; color: #fff; } .ks .inverted:not(.is-hero-overlay-active) .hero-paragraph, .ks .inverted:not(.is-hero-overlay-active) .hero-title, .ks .is-hero-overlay-active.hero-overlay-inverted .hero-paragraph, .ks .is-hero-overlay-active.hero-overlay-inverted .hero-title, .ks .is-hero-overlay-active.hero-overlay-primary .hero-paragraph, .ks .is-hero-overlay-active.hero-overlay-primary .hero-title, .ks .primary:not(.is-hero-overlay-active) .hero-paragraph, .ks .primary:not(.is-hero-overlay-active) .hero-title { color: #393a3d; } #section-id-kdk h2.title.title-2, .hero-title {font-family: AvenirNextforTDS, National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .hero-title { font-weight: 900 !important; } .ks .sticky-navigation { background-color: #e6ebf0 !important; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08); } #section-id-kdk h2.title.title-2 { font-weight: 800 !important; } .signup-form .title-text { margin-bottom: 0rem; } .ks .hero.inverted { background-color: #ffffff; } .nav-border { border-bottom: 1px solid #eaeaea; } .fy-5__widget { padding: 20px; border: 1px solid #babec5; box-sizing: border-box; background-color: #fff; max-height: 549px; overflow: hidden; } .hero-paragraph p:last-of-type { color: #f64c71; } div#section-id-kdk ul { list-style: none; } div#section-id-kdk li { /* background-image: url("../img/content/images/success-02.svg?1"); */ /* background-repeat: no-repeat; */ /* background-position-x: 0; */ /* background-position-y: 11px; */ /* background-size: 21px; */ /* padding-left: 30px; */ /* font-size: 15px; */ } .global-primary-nav-col-3 { margin-right: 0.2rem; width: 8rem; } a.global-primary-nav-cta.btn.loginTDS { padding: 0; margin: 0; text-align: center; } .global-primary-nav-cta { line-height: 2.1rem; padding: 0 1rem; text-align: center; width: 7.5rem; max-height: 37px; height: 37px; min-height: 37px; } .btn.btn-tertiary-alt, .is-hero-overlay-active .btn.hero-cta.btn-tertiary { border: 2px solid #45474d; /* background-color: transparent; */ } .btn.btn-tertiary-alt:focus, .btn.btn-tertiary-alt:hover, .is-hero-overlay-active .btn.hero-cta.btn-tertiary:focus, .is-hero-overlay-active .btn.hero-cta.btn-tertiary:hover { color: #45474d; background-color: #ffffff; } h4.marketplace-tile-title.title-4 { color: #45474d; } div#section-id-whyWeUse { background-color: #f5f6f7; } div#section-id-whyWeUse ul { list-style: none; } /*******INLINE CSS***********/ .ytHeadermain { position: relative; left: 160px; top: 10px; display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 52.5rem), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 52.5rem), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 52.5rem), only screen and (min-device-pixel-ratio: 2) and (min-width: 52.5rem), only screen and (min-resolution: 192dpi) and (min-width: 52.5rem), only screen and (min-resolution: 2dppx) and (min-width: 52.5rem) { .ytHeadermain { left: 0px; top: 10px; display: block; } } @media (max-width: 30rem) { .ytHeadermain { left: 160px; top: 10px; display: none; } } @media (min-width: 60.5rem) { .ytHeadermain { left: 0px; top: 10px; display: block; } } .ks .sticky-navigation { background-color: #fff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08); top: 0; z-index: 80; } .ks .sticky-navigation.logo-bar { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.1s, opacity 0.1s linear; } .ks .sticky-navigation.logo-bar.is-stickyfill-stuck { visibility: visible; opacity: 1; transition-delay: 0s; } .ks .sticky-navigation-anchor { display: none; } .ks .sticky-navigation-cta { text-align: center; } @media (min-width: 52.5em) { .ks .text-image-align-right .text { padding-right: 0.625rem; } .ks .text-image-align-right img { padding-left: 0.625rem; } .ks .sticky-navigation-anchor { display: block; } .ks .sticky-navigation-cta { overflow: hidden; text-align: right; } .ks .sticky-navigation-cta .btn { font-size: 1rem; line-height: 2rem; border-radius: 3px; } } @media (min-width: 64em) { .ks .sticky-navigation-cta .btn { font-size: 1rem; line-height: 2.5rem; border-radius: 4px; } } .ks .sticky-navigation-inner { padding-top: 0; padding-bottom: 0; line-height: 4.9rem; } @media (min-width: 52.5em) { .ks .sticky-navigation-list { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .ks .sticky-navigation-list li { display: inline-block; margin: 0 1.75rem 0 0; font-family: National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; } .ks .sticky-navigation-list li a { color: #9aa9b8; display: inline-block; line-height: 4.9rem; text-decoration: none; transition: all 0.1s ease-in-out; } .ks .sticky-navigation-list li a:hover, .ks .sticky-navigation-list li.active a { color: #13b5ea; } .ks .sticky-navigation-list li.active { border-bottom: 3px solid #13b5ea; margin-bottom: -1px; } } .ks .sticky-navigation .sticky-logo > img { width: 3.4375rem; height: 3.4375rem; } .ks .sticky-navigation .sticky-strapline { display: inline-block; width: 4.375rem; margin-left: 0.4375rem; color: #45474d; font-family: National2, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1; vertical-align: middle; } .ks .hero-paragraph { max-width: 500px; } @media (max-width: 63.99em) { .ks .sticky-navigation .sticky-strapline { display: none; } } .global-primary-nav-tier-2-item > .global-primary-nav-item-anchor-sm1 { border-bottom: solid 1px #fff; } .global-primary-nav-tier-2-item > .global-primary-nav-item-anchor-sm1:hover { border-bottom: solid 1px #fff; } .icon-green { fill: #6fe256; } .icon-blue { fill: #26316b; } .global-primary-nav-col-1 { margin-top: 0.2rem; /* display: block; */ } @media (max-width: 29.99em) { .global-primary-nav-col-3.freetrail { display: none; visibility: hidden; } .section { padding: 1rem 1rem 2rem; } } .icaiOffer { font: inherit; color: #ffffff; font-size: 1.5rem; background-color: #3f51b5; padding: 3px 11px; margin: 1% auto; } .features-item.text.text-center {border: 1px solid #f3f3f3;min-height: 261px;vertical-align: middle;display: grid;background: #f0f9ff17;padding-top: 0.5rem;margin: 1.2rem .85rem;box-shadow: 0px 1px 34px rgb(70 74 85 / 10%);border-radius: 7px;min-height: 306px;} .features-item.text.text-center:hover {border: 1px solid #ffffff;background: #ffffff;box-shadow: 0 1px 10px 0 rgb(98 101 111 / 22%);} @media only screen and (max-width: 767px) { .section.bright p { text-align: justify; }#section-id-features2  p{ text-align: center; } } input#full_name { text-transform: capitalize; }


/*******Theme color*********/
.bg-primary, .btn-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .badge-primary, .pagination .page-item.active .page-link, .nav-pills .nav-link.active, .custom-control-input:checked ~ .custom-control-label:before, #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2, .social-icon li a:hover, #topnav .navbar-toggle.open span:hover, .gradient, .flex-control-paging li a.flex-active, .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots.clickable .owl-dot:hover span, .watch-video a .play-icon-circle, .sidebar .widget .tagcloud > a:hover, .flatpickr-day.selected, .flatpickr-day.selected:hover, .bg-animation-left.crypto-home:after, .bg-animation-left.task-management-home:after, .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after, .work-container.work-modern .icons .work-icon:hover, .features.fea-primary:hover, .accounts:hover, .accounts.active, .timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after, .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .swiper-slider-hero .swiper-container .swiper-button-next:hover { background-color: #2391d6 !important; } .text-primary, .bg-soft-primary, .btn-soft-primary, .btn-outline-primary, .badge-outline-primary, .alert-outline-primary, .breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item a:hover, .faq-content .card a.faq[data-toggle="collapse"], .faq-content .card a.faq[data-toggle="collapse"]:before, #topnav .has-submenu.active .submenu li.active > a, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a, #topnav .has-submenu.active a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a, #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a, .course-feature .title:hover, .pricing-rates.business-rate:hover .title, .blog .content .title:hover, .blog .content .post-meta .readmore:hover, .sidebar .widget .blog-catagories li a:hover, .sidebar .widget .post-recent .post-recent-content a:hover, .media-list .media .media-heading:hover, .job-box .position a:hover, .job-box .company-name:hover, .event-schedule .content .title:hover, .courses-desc .content .title:hover, .container-filter li a.active, .container-filter li a:hover, .team .name:hover, .catagories a:hover, .explore-feature:hover .icon, .explore-feature:hover .title, .work-container.work-classic .content .title:hover, .work-container.work-grid .content .title:hover, .work-container.work-modern .content .title:hover, .shop-list .content .product-name:hover, .features.fea-primary .content .title:hover, .dropdown-primary .dropdown-menu .dropdown-item:hover, .dropdown-primary .dropdown-menu .dropdown-item.active, .dropdown-primary .dropdown-menu .dropdown-item:active, .dropdown-primary .dropdown-menu .dropdown-item.focus, .dropdown-primary .dropdown-menu .dropdown-item:focus { color: #2391d6 !important; } .btn-primary, .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .badge-outline-primary, .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .alert-primary, .alert-outline-primary, .pagination .page-item.active .page-link, .form-group .form-control:focus, .form-group .form-control.active, .custom-control-input:checked ~ .custom-control-label:before, .custom-control-input:focus ~ .custom-control-label::before, .form-control:focus, .social-icon li a:hover, #topnav .has-submenu.active.active .menu-arrow, #topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow, #topnav .navigation-menu > li:hover > .menu-arrow, #topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow, .pricing-rates.business-rate:hover, .pricing-rates.starter-plan, .event-schedule:hover, .container-filter li a.active, .container-filter li a:hover, .flatpickr-day.selected, .flatpickr-day.selected:hover, .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .swiper-slider-hero .swiper-container .swiper-button-next:hover { border-color: #2391d6 !important; } .btn-primary, .btn-soft-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active { box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus { background-color: #2443ac !important; border-color: #2443ac !important; } .btn-soft-primary { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; } .alert-primary, .pagination .page-item .page-link:hover, ::selection { background-color: rgba(47, 85, 212, 0.9); } .alert-primary .alert-link { color: #122258; } .pagination .page-item .page-link:hover { border-color: rgba(47, 85, 212, 0.9); } a.text-primary:hover, a.text-primary:focus { color: #284bc1 !important; } .social-icon li a:hover .fea-social { fill: #2391d6; } .bg-overlay-gradient { background-color: rgba(47, 85, 212, 0.6); } .bg-overlay-gradient2 { background-image: linear-gradient(90deg, #2eca8b, #2391d6, #2eca8b); } .gradient { background: linear-gradient(45deg, #2391d6, #2391d6) !important; } .features .image:before { background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.09)); } .features .icon, .features .icons, .app-feature-shape-right:after, .app-feature-shape-left:after, .saas-feature-shape-left:after, .saas-feature-shape-right:after, .social-feature-left:after, .social-feature-right:after { background: rgba(47, 85, 212, 0.1); } .features:hover .image:before { background: rgba(47, 85, 212, 0.07); } .key-feature .icon { background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15)); } .owl-theme .owl-dots .owl-dot span { background: rgba(47, 85, 212, 0.5) !important; } .play-icon i, .play-icon i:hover { -webkit-text-stroke: 2px #2391d6; } .play-icon i:hover { -webkit-text-fill-color: #2391d6; } .icon-green { fill: #2391d6; } .event-schedule .date .day { background: rgba(47, 85, 212, 0.1); box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5); } .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after { box-shadow: 0 0 40px rgba(47, 85, 212, 0.5); } .app-feature-shape-right:after, .app-feature-shape-left:after, .saas-feature-shape-left:after, .saas-feature-shape-right:after, .social-feature-left:after, .social-feature-right:after { box-shadow: 0 0 40px rgba(47, 85, 212, 0.1); } .bg-circle-gradiant { background: radial-gradient( circle at 50% 50%, rgba(47, 85, 212, 0.1) 0%, rgba(47, 85, 212, 0.1) 33.333%, rgba(47, 85, 212, 0.3) 33.333%, rgba(47, 85, 212, 0.3) 66.666%, rgba(47, 85, 212, 0.5) 66.666%, rgba(47, 85, 212, 0.5) 99.999% ); } .bg-soft-primary { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; } .ks .sticky-navigation {background-color: #31719b !important;box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);} #section-id-kdk.advisors-hero-search { background-color: #f5f6f7; } .fy-5__widget { border: 1px solid #4fb9ebc4; background-color: #52bcf14d; } .ks .inverted:not(.is-hero-overlay-active) .hero-paragraph, .ks .inverted:not(.is-hero-overlay-active) .hero-title, .ks .is-hero-overlay-active.hero-overlay-inverted .hero-paragraph, .ks .is-hero-overlay-active.hero-overlay-inverted .hero-title, .ks .is-hero-overlay-active.hero-overlay-primary .hero-paragraph, .ks .is-hero-overlay-active.hero-overlay-primary .hero-title, .ks .primary:not(.is-hero-overlay-active) .hero-paragraph, .ks .primary:not(.is-hero-overlay-active) .hero-title { color: #45474d; } .ks .section-inverted, .ks .section-primary, .ks .section-kdkgstsoftware { color: #45474d !important; } @media (max-width: 29.99em) { .fy-5__widget { border: 1px solid #eceff4; background-color: #ebebeea3; } } .ks .marketplace-tile-body { background: #4a5fc312; padding: 1.25rem 1.25rem 3rem; display: block; height: 100%; } .ks .marketplace-tile-wrapper:hover { box-shadow: 0 1px 10px 0 rgba(69, 71, 77, 0.2); } input.error { border: 1px solid #ffc4c4a6; } .form-input.error:focus { border-bottom: 2px solid #e91e6373; } /******Valication Css*******/ #pr-box.light { color: #2d2f31; } #pr-box.light p { background-color: #2391d6; color: #f1f1f1; } #pr-box.light ul { background-color: #f1f1f1; } #pr-box.light ul li span { background-color: #f1f1f1; border: 3px solid #2391d6; } #pr-box.light ul li span.pr-ok { background-color: #2391d6; border: 3px solid #2391d6; } #pr-box.dark { color: #f1f1f1; } #pr-box.dark p { background-color: #2391d6; } #pr-box.dark ul { background-color: #2d2f31; } #pr-box.dark ul li span { background-color: #2d2f31; border: 3px solid #2391d6; } #pr-box.dark ul li span.pr-ok { background-color: #2391d6; border: 3px solid #2391d6; } .fy-5__widget hr { border-bottom: 1px solid #82c7ed; } .glf-bar { background: #0d5e86; }

/**********password **********/
/* * jQuery Minimun Password Requirements 1.1 * http://elationbase.com * Copyright 2014, elationbase * Check Minimun Password Requirements * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ #pr-box { font: 13px/16px sans-serif; position: absolute; z-index:1000; display:none; width:300px; max-width:100%; } #pr-box i { width: 0; height: 0; margin-left: 20px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #2391d6; } #pr-box-inner { margin-top: 6px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2); box-shadow: 0 2px 10px rgba(0,0,0,0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #pr-box p { padding:20px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #pr-box ul { padding:7px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #pr-box ul li { list-style: none; padding:7px; } #pr-box ul li span { width:15px; height:15px; display:block; float:left; border-radius:100%; margin-right:15px; } #pr-box.light { color:#2d2f31; } #pr-box.light p { background-color:#2391d6; color:#f1f1f1; } #pr-box.light ul { background-color:#f1f1f1; } #pr-box.light ul li span { background-color:#f1f1f1; border:3px solid #2391d6; } #pr-box.light ul li span.pr-ok { background-color:#2391d6; border:3px solid #2391d6; } #pr-box.dark { color:#f1f1f1; } #pr-box.dark p { background-color:#2391d6; } #pr-box.dark ul { background-color:#2d2f31; } #pr-box.dark ul li span { background-color:#2d2f31; border:3px solid #2391d6; } #pr-box.dark ul li span.pr-ok { background-color:#2391d6; border:3px solid #2391d6; }

.ks_menu {-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;margin: 9px 4px;padding: 14px;overflow: hidden;vertical-align: middle;cursor: pointer;height: 44px;width: 49px;-webkit-user-select: none;-webkit-flex: 0 0 auto;flex: 0 0 auto;}.ks_menu:hover { background-color: rgba(60,64,67,0.08); outline: none; }.ks_menu:active { background-color: rgba(60,64,67,0.12); outline: none; }.ks_menu:focus, .ks_menu:focus:hover { background-color: rgba(60,64,67,0.1); outline: none; }

.pricing-hero {
    background-image: url(img/content/hero/pricingHero/image.adapt.800.medium.jpg?1);
    color: white;
}
.ks_menu {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 9px 4px;
    padding: 14px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    height: 44px;
    width: 49px;
    -webkit-user-select: none;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}
#topnav .navbar-toggle {
    border: 0;
    position: relative;
    width: 60px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

#topnav .navbar-toggle .lines {
    /* width:25px; */
    display: block;
    /* position:relative; */
    /* margin:28px 20px; */
    /* height:18px; */
}

#topnav .navbar-toggle span {
    height: 2px;
    width: 23px;
    background-color: #3c4858;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}

#topnav .navbar-toggle span:last-child {
    margin-bottom: 0
}

#topnav .buy-button {
    float: right;
    line-height: 68px
}

#topnav .buy-button .login-btn-primary {
    display: none
}

#topnav .buy-button .login-btn-light {
    display: inline-block
}

#topnav .navbar-toggle.open span {
    position: absolute
}

#topnav .navbar-toggle.open span:first-child {
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#topnav .navbar-toggle.open span:nth-child(2) {
    visibility: hidden
}

#topnav .navbar-toggle.open span:last-child {
    width: 22px;
    top: 17px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#topnav .navbar-toggle.open span:hover {
    background-color: #2f55d4
}

#topnav .navbar-toggle:hover,#topnav .navbar-toggle:focus,#topnav .navbar-toggle .navigation-menu>li>a:hover,#topnav .navbar-toggle:focus {
    background-color: transparent
}
.ks .row .row{
    width:100%;
}

td.pimg.expitr_logoleftpadd amp-img.i-amphtml-element.i-amphtml-layout-fixed.i-amphtml-layout-size-defined.i-amphtml-built.i-amphtml-layout {
    position: relative;
    left: -24px;
}


.blogdetails_imgdiv {
   
    padding: 15px 10px 40px 10px;
}


/*****************/

.fmwrap_k06 {
    margin: 0 auto;
    font-family: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media (max-width: 767px) {
    .fmwrap_k06 img {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .fmwrap_k06 {
        padding: 0 1.25rem;
    }
}

.fmwrap_k06.fmxlarge_k06 {
    max-width: 90rem;
}

.fmwrap_k06.fmlarge_k06 {
    max-width: 75rem;
}

.fmwrap_k06.fmmedium_k06 {
    max-width: 64rem;
}

.fmwrap_k06.fmgrey_k06 {
    background: transparent;
}

.fmwrap_k06.fmgrey_k06:before {
    content: "";
    position: absolute;
    background: #f4f5f8;
    z-index: 0;
    top: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    .fmwrap_k06.fmleft_k06 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fmwrap_k06.fmleft_k06:before {
        left: 0;
        right: 25%;
    }

    .fmwrap_k06.fmleft_k06.fmoutset_k06:before {
        left: -3.75rem;
    }

    .fmwrap_k06.fmright_k06 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fmwrap_k06.fmright_k06:before {
        right: 0;
        left: 25%;
    }
}

@media (min-width: 1024px) {
    .fmwrap_k06.fmright_k06.fmoutset_k06:before {
        right: -3.75rem;
    }
}

@media (min-width: 768px) {
    .fmasset_k06,
    .fmcopy_k06 {
        width: 50%;
    }
}

.fmcopy_k06 {
    color: #393a3d;
    z-index: 1;
}

@media (min-width: 768px) {
    .fmcopy_k06 {
        padding: 3.75rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fmcopy_k06.fmleft_k06 {
        padding-right: 2.5rem;
    }

    .fmcopy_k06.fmleft_k06.fminset_k06 {
        padding-left: 3.75rem;
    }

    .fmcopy_k06.fmright_k06 {
        padding-left: 2.5rem;
    }

    .fmcopy_k06.fmright_k06.fminset_k06 {
        padding-right: 3.75rem;
    }
}

.fmasset_k06 {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
}

.fmasset_k06 > * {
    max-width: 100%;
    height: auto;
}

.fmasset_k06 img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .fmasset_k06 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 2.5rem 0;
        margin-bottom: 0;
    }

    .fmasset_k06.fmleft_k06 {
        padding-left: 2.5rem;
    }

    .fmasset_k06.fmright_k06 {
        padding-right: 2.5rem;
    }
}

.fmgrey_k06 {
    background: #f4f5f8;
}

.fmwhite_k06 {
    background: #fff;
}

.fmctas_k06 {
    margin-top: 2.5rem;
}

.fmleader_k06 {
    margin: 1.25rem 0;
}

@media (min-width: 1024px) {
    .fmleader_k06 {
        margin: 2.5rem 0;
    }
}

@media (max-width: 1023px) {
    .fmheadingLeaderActive_k06 {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .fmfeatureHeading_k06 {
        margin-top: 1.25rem !important;
    }
}

.fmeyebrow_k06 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding-top: 1.25rem;
}

@media (max-width: 1023px) {
    .fmeyebrow_k06 {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 1023px) {
    .fmsubLeaderActive_k06 {
        margin-top: 0;
        padding-top: 0;
    }
}

.fmrte_k06 ol,
.fmrte_k06 ul {
    padding: 0 0 0 1rem;
    margin: 0;
}

.fmrte_k06 li {
    margin: 0.625rem 0;
}

.fmcta_k06 {
    margin-top: 1.25rem;
}

@media (min-width: 768px) {
    .fmcta_k06 {
        margin-top: 2.5rem;
    }
}

.fmheadingDefault_k06,
.fmheadingSmall_k06 {
    line-height: 1.3;
    font-weight: 700;
    margin: 0 0 1.25rem;
}

@media (min-width: 768px) {
    .fmheadingDefault_k06,
    .fmheadingSmall_k06 {
        margin: 0 0 1.875rem;
    }
}

.fmheadingDefault_k06 {
    font-size: 2.125rem;
}

@media (min-width: 768px) {
    .fmheadingDefault_k06 {
        font-size: 2.5rem;
    }
}

.fmheadingSmall_k06 {
    font-size: 1.75rem;
}

.fmsubDefault_k06,
.fmsubSmall_k06 {
    margin: 0 0 1.25rem;
    font-weight: 500;
    font-size: 1.25rem;
}

@-webkit-keyframes Featuredrawer_module_qbalFadeEnter__754cee93 {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes Featuredrawer_module_qbalFadeEnter__754cee93 {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes Featuredrawer_module_qbalUpExaggeratedEnter__754cee93 {
    0% {
        -webkit-transform: translateY(7.8125rem);
        transform: translateY(7.8125rem);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes Featuredrawer_module_qbalUpExaggeratedEnter__754cee93 {
    0% {
        -webkit-transform: translateY(7.8125rem);
        transform: translateY(7.8125rem);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes Featuredrawer_module_qbalGrowEnter__754cee93 {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes Featuredrawer_module_qbalGrowEnter__754cee93 {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}
/* div[class*="fmgrey"]:before {
    background: rgb(5,83,147) !important;
    background: -moz-linear-gradient(119deg, rgba(5,83,147,1) 0%, rgba(0,119,197,1) 35%, rgba(0,193,191,1) 100%) !important;
    background: -webkit-linear-gradient(235deg, rgba(5,83,147,1) 0%, rgba(0,119,197,1) 35%, rgba(0,193,191,1) 100%) !important;
    background: linear-gradient(235deg, rgba(5,83,147,1) 0%, rgba(0,119,197,1) 35%, rgba(0,193,191,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#055393",endColorstr="#00c1bf",GradientType=1) !important;
    border-radius: 15px;
}
    */
div[class*="fmred"]:before {
    background: #fc7d72 !important;
    background: -moz-linear-gradient(119deg, rgba(5, 83, 147, 1) 0%, rgba(0, 119, 197, 1) 35%, rgba(0, 193, 191, 1) 100%) !important;
    /* background: -webkit-linear-gradient(
235deg, rgba(5,83,147,1) 0%, rgba(0,119,197,1) 35%, rgba(0,193,191,1) 100%) !important; */
    /* background: linear-gradient(
235deg, rgba(5,83,147,1) 0%, rgba(0,119,197,1) 35%, rgba(0,193,191,1) 100%) !important; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#055393",endColorstr="#00c1bf",GradientType=1) !important;
    border-radius: 15px;
}
div[class*="fmgrey_k06"]:before {
    border-radius: 15px;
}

@media (max-width: 480px) {
    .fmwrap_k06.fmgrey_k06 {
        background: rgb(236 236 236);
        background: linear-gradient(344deg, rgb(230 230 230) 0%, rgb(239 239 239) 35%, rgb(245 245 245) 100%) !important;
        background: linear-gradient(344deg, rgb(230 230 230) 0%, rgb(239 239 239) 35%, rgb(245 245 245) 100%) !important;
        background: linear-gradient(344deg, rgb(230 230 230) 0%, rgb(239 239 239) 35%, rgb(245 245 245) 100%) !important;
        border-radius: 15px;
        padding: 17px;
    }
    div[class*="fmcta"] {
        margin-bottom: 1.25rem !important;
    }
    div[class*="fmasset"] {
        margin-top: 1.25rem !important;
    }
}