.BuyersGuideComponent { width: 100%; margin: 0 auto 4rem; } .BuyersGuideComponent header > h2:nth-child(1) { font-size: 1.625rem; line-height: 2.125rem; margin: 0 0 1rem; } .BuyersGuideComponent h2 { font-size: 1.625rem; line-height: 2.125rem; margin: 2rem 0 1rem; } .BuyersGuideComponent span.last-updated { display: block; margin: 0 0 1rem; color: black; } .BuyersGuideComponent ul { margin-left: 2rem; } .BuyersGuideComponent ul li { color: #191a1a; list-style: disc; padding: 0.75rem; font-size: 1rem; line-height: 1.375rem; } .BuyersGuideComponent table { margin: 1rem 0; border: 1px solid #e5e6e6; background-color: white; } .BuyersGuideComponent table tbody tr td { padding: 0.75rem; margin-bottom: 2rem; border-bottom: 1px solid #e5e6e6; color: #191a1a; font-size: 1rem; line-height: 1.375rem; } .BuyersGuideComponent strong { font-weight: 700; } .BuyersGuideComponent p { color: #191a1a; margin-bottom: 1rem; } .BuyersGuideComponent br { margin: 4px 0; } .BuyersGuideComponent a { color: #544b91; font-weight: 700; } .BuyersGuideComponent a:hover { color: #2d284d; } @media (max-width: 576px) { .BuyersGuideComponent img { width: 100%; height: auto; } } .CompetitiveAdvantagesComponent { margin-bottom: 4rem; } .CompetitiveAdvantagesComponent > article { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 1.5rem 0 0 1.5rem; background: white; border: 1px solid #e5e6e6; border-radius: 0.5rem; -webkit-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.15); box-shadow: 0 2px 4px rgba(102, 102, 102, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .CompetitiveAdvantagesComponent > article > p { color: #323434; -webkit-flex: 0 1 33.33%; flex: 0 1 33.33%; -ms-flex: 0 1 29.84%; padding: 0 1.5rem 1.5rem 0; text-align: center; } @media (max-width: 576px) { .CompetitiveAdvantagesComponent > article > p { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .CompetitiveAdvantagesComponent > article > p > i { display: block; height: 2.5rem; width: 2.5rem; margin: 0 auto 1rem auto; } .CompetitiveAdvantagesComponent > article > p > i.icon-0 { background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9776 22.476H5.72717C4.99616 22.476 4.40356 23.0686 4.40356 23.7996V37.1248C4.40356 37.8558 4.99616 38.4484 5.72717 38.4484H10.9776C11.7086 38.4484 12.3012 37.8558 12.3012 37.1248V23.7996C12.3012 23.0686 11.7086 22.476 10.9776 22.476Z' fill='%23FD810D'/%3E%3Cpath d='M21.5508 19.808H16.3004C15.5694 19.808 14.9768 20.4006 14.9768 21.1316V37.1244C14.9768 37.8554 15.5694 38.448 16.3004 38.448H21.5508C22.2818 38.448 22.8744 37.8554 22.8744 37.1244V21.1316C22.8744 20.4006 22.2818 19.808 21.5508 19.808Z' fill='%23FD810D'/%3E%3Cpath d='M32.1236 16.9784H26.8732C26.1422 16.9784 25.5496 17.571 25.5496 18.302V37.1244C25.5496 37.8554 26.1422 38.448 26.8732 38.448H32.1236C32.8546 38.448 33.4472 37.8554 33.4472 37.1244V18.302C33.4472 17.571 32.8546 16.9784 32.1236 16.9784Z' fill='%23FD810D'/%3E%3Cpath d='M5.34924 22.4464V35.7712C5.34988 36.2547 5.54227 36.7182 5.88421 37.0601C6.22615 37.402 6.68972 37.5942 7.17324 37.5948H12.4232C12.9067 37.5941 13.3702 37.4018 13.712 37.06C14.0539 36.7181 14.2462 36.2546 14.2468 35.7712V22.4464C14.2463 21.9629 14.054 21.4993 13.7122 21.1573C13.3703 20.8154 12.9068 20.623 12.4232 20.6224H7.17324C6.68968 20.623 6.22611 20.8154 5.88418 21.1573C5.54225 21.4992 5.34988 21.9628 5.34924 22.4464ZM6.34924 22.4464C6.34945 22.2279 6.43634 22.0184 6.59082 21.864C6.7453 21.7095 6.95477 21.6226 7.17324 21.6224H12.4232C12.6416 21.6227 12.851 21.7096 13.0054 21.8641C13.1598 22.0186 13.2466 22.228 13.2468 22.4464V35.7712C13.2465 35.9895 13.1597 36.1988 13.0053 36.3532C12.8509 36.5076 12.6416 36.5945 12.4232 36.5948H7.17324C6.95484 36.5946 6.74543 36.5077 6.59096 36.3533C6.43649 36.1989 6.34956 35.9896 6.34924 35.7712V22.4464Z' fill='%231C1826'/%3E%3Cpath d='M17.7461 17.9548C17.2626 17.9554 16.7992 18.1477 16.4573 18.4896C16.1155 18.8314 15.9231 19.2949 15.9225 19.7784V35.7712C15.9231 36.2546 16.1155 36.7181 16.4573 37.06C16.7992 37.4018 17.2626 37.5941 17.7461 37.5948H22.9961C23.4796 37.5942 23.9432 37.402 24.2851 37.0601C24.6271 36.7182 24.8194 36.2547 24.8201 35.7712V19.7784C24.8194 19.2948 24.6271 18.8313 24.2851 18.4895C23.9432 18.1476 23.4796 17.9553 22.9961 17.9548H17.7461ZM23.8201 19.7784V35.7712C23.8198 35.9896 23.7328 36.1989 23.5784 36.3533C23.4239 36.5077 23.2145 36.5946 22.9961 36.5948H17.7461C17.5277 36.5946 17.3184 36.5077 17.1639 36.3533C17.0095 36.1989 16.9227 35.9895 16.9225 35.7712V19.7784C16.9227 19.56 17.0095 19.3506 17.1639 19.1962C17.3184 19.0418 17.5277 18.955 17.7461 18.9548H22.9961C23.2145 18.955 23.4239 19.0418 23.5784 19.1962C23.7328 19.3506 23.8198 19.56 23.8201 19.7784Z' fill='%231C1826'/%3E%3Cpath d='M33.5693 15.1252H28.3201C27.8366 15.1257 27.373 15.318 27.0311 15.6599C26.6891 16.0017 26.4967 16.4653 26.4961 16.9488V35.7712C26.4967 36.2547 26.6891 36.7182 27.0311 37.0601C27.373 37.402 27.8366 37.5942 28.3201 37.5948H33.5693C34.0528 37.5942 34.5163 37.4019 34.8582 37.0601C35.2001 36.7182 35.3924 36.2547 35.3929 35.7712V16.9488C35.3924 16.4653 35.2001 16.0018 34.8582 15.6599C34.5163 15.318 34.0528 15.1257 33.5693 15.1252ZM34.3929 35.7712C34.3927 35.9895 34.3058 36.1989 34.1514 36.3533C33.997 36.5077 33.7877 36.5946 33.5693 36.5948H28.3201C28.1017 36.5946 27.8923 36.5077 27.7378 36.3533C27.5833 36.1989 27.4964 35.9896 27.4961 35.7712V16.9488C27.4964 16.7304 27.5833 16.521 27.7378 16.3666C27.8923 16.2122 28.1017 16.1254 28.3201 16.1252H33.5693C33.7877 16.1254 33.997 16.2122 34.1514 16.3666C34.3058 16.5211 34.3927 16.7304 34.3929 16.9488V35.7712Z' fill='%231C1826'/%3E%3Cpath d='M14.5149 9.78878C14.4335 9.75862 14.3457 9.75014 14.2601 9.76417C14.1745 9.77819 14.094 9.81424 14.0265 9.86878L6.70207 15.8532C6.59938 15.9371 6.53422 16.0584 6.52095 16.1903C6.50767 16.3223 6.54735 16.4541 6.63127 16.5568C6.71518 16.6595 6.83645 16.7246 6.9684 16.7379C7.10035 16.7512 7.23218 16.7115 7.33487 16.6276L14.4401 10.8256L20.7033 13.12C20.7817 13.1488 20.866 13.1575 20.9487 13.1452C21.0313 13.1329 21.1095 13.1 21.1761 13.0496L35.0801 2.56637V6.17478C35.0801 6.30738 35.1327 6.43456 35.2265 6.52833C35.3203 6.6221 35.4475 6.67478 35.5801 6.67478C35.7127 6.67478 35.8399 6.6221 35.9336 6.52833C36.0274 6.43456 36.0801 6.30738 36.0801 6.17478V1.65237C36.0956 1.58318 36.096 1.51145 36.0813 1.44208C36.0666 1.3727 36.0371 1.30732 35.9949 1.25037C35.94 1.18133 35.8674 1.12852 35.7849 1.09757C35.7741 1.09277 35.7629 1.09037 35.7517 1.08597C35.7081 1.07057 35.6626 1.06141 35.6165 1.05877C35.6041 1.05877 35.5933 1.05157 35.5801 1.05157H30.5141C30.3815 1.05157 30.2543 1.10425 30.1605 1.19802C30.0667 1.29179 30.0141 1.41897 30.0141 1.55157C30.0141 1.68418 30.0667 1.81136 30.1605 1.90513C30.2543 1.9989 30.3815 2.05157 30.5141 2.05157H34.1029L20.7917 12.0872L14.5149 9.78878Z' fill='%231C1826'/%3E%3C/svg%3E%0A"); } .CompetitiveAdvantagesComponent > article > p > i.icon-1 { background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15402 31.7004C10.0277 31.7004 10.736 30.9922 10.736 30.1184C10.736 29.2447 10.0277 28.5364 9.15402 28.5364C8.28031 28.5364 7.57202 29.2447 7.57202 30.1184C7.57202 30.9922 8.28031 31.7004 9.15402 31.7004Z' fill='white'/%3E%3Cpath d='M2.96442 18.08H10.8252C11.0095 18.0801 11.1863 18.1534 11.3165 18.2838C11.4468 18.4141 11.52 18.5909 11.52 18.7752V35.1544C11.52 35.4392 11.4069 35.7122 11.2056 35.9136C11.0042 36.1149 10.7312 36.228 10.4464 36.228H1.71642C1.54552 36.228 1.38161 36.1601 1.26076 36.0393C1.13991 35.9184 1.07202 35.7545 1.07202 35.5836V19.9728C1.07202 19.4709 1.27139 18.9895 1.62627 18.6345C1.98115 18.2796 2.46249 18.0801 2.96442 18.08Z' fill='%23FD810D'/%3E%3Cpath d='M37.7672 21.4228C38.3623 21.1426 38.8442 20.668 39.1335 20.0773C39.4227 19.4865 39.5021 18.8149 39.3585 18.173C39.2149 17.5311 38.8568 16.9573 38.3434 16.5461C37.8299 16.135 37.1917 15.911 36.534 15.9112H30.24C29.6992 15.9102 29.1809 15.695 28.7985 15.3126C28.4162 14.9302 28.2009 14.4119 28.2 13.8712V7.29037C28.2 6.7583 28.0943 6.23152 27.8891 5.74061C27.6839 5.2497 27.3832 4.80444 27.0045 4.43065C26.6259 4.05686 26.1768 3.76199 25.6832 3.56316C25.1897 3.36433 24.6616 3.26548 24.1296 3.27237C23.7313 3.28284 23.3531 3.44924 23.0763 3.73576C22.7995 4.02227 22.6463 4.406 22.6496 4.80437V8.64997L20.6552 14C20.2609 15.0487 19.5569 15.9528 18.6367 16.592C17.7165 17.2312 16.6236 17.5754 15.5032 17.5788C15.3706 17.5788 15.2434 17.6315 15.1496 17.7252C15.0559 17.819 15.0032 17.9462 15.0032 18.0788C15.0032 18.2114 15.0559 18.3386 15.1496 18.4323C15.2434 18.5261 15.3706 18.5788 15.5032 18.5788C16.8271 18.5748 18.1185 18.1683 19.206 17.4132C20.2934 16.658 21.1254 15.5899 21.5916 14.3508L23.6168 8.91477C23.6378 8.8589 23.6485 8.79967 23.6484 8.73997V4.80437C23.6464 4.66921 23.6966 4.53849 23.7885 4.4394C23.8804 4.34032 24.007 4.28049 24.142 4.27237C24.5417 4.26702 24.9384 4.34113 25.3093 4.49041C25.6801 4.63968 26.0175 4.86115 26.302 5.14193C26.5866 5.42272 26.8124 5.75724 26.9666 6.12605C27.1207 6.49487 27.2001 6.89064 27.2 7.29037V13.87C27.2011 14.6759 27.5218 15.4484 28.0917 16.0183C28.6615 16.5882 29.4341 16.9088 30.24 16.91H36.534C37.0363 16.91 37.518 17.1095 37.8732 17.4647C38.2284 17.8199 38.428 18.3017 38.428 18.804C38.428 19.3063 38.2284 19.788 37.8732 20.1432C37.518 20.4984 37.0363 20.698 36.534 20.698H35.9164C35.8505 20.698 35.7854 20.711 35.7246 20.7362C35.6638 20.7615 35.6086 20.7985 35.5621 20.8451C35.5157 20.8918 35.4789 20.9471 35.4539 21.008C35.4289 21.0689 35.4161 21.1341 35.4164 21.2V21.5088C35.4164 21.6414 35.4691 21.7686 35.5628 21.8623C35.6566 21.9561 35.7838 22.0088 35.9164 22.0088H36.3012C36.5685 22.0088 36.8325 22.0686 37.0738 22.1838C37.315 22.2991 37.5275 22.4668 37.6956 22.6747C37.8637 22.8826 37.9832 23.1254 38.0453 23.3855C38.1075 23.6455 38.1107 23.9161 38.0548 24.1776C37.9607 24.5857 37.7289 24.9489 37.3983 25.2061C37.0678 25.4633 36.6587 25.5987 36.24 25.5896H34.76C34.6943 25.5895 34.6293 25.6024 34.5686 25.6275C34.5079 25.6526 34.4527 25.6895 34.4063 25.7359C34.3599 25.7823 34.323 25.8375 34.2979 25.8982C34.2728 25.9589 34.2599 26.0239 34.26 26.0896V26.4C34.2599 26.4656 34.2728 26.5307 34.2979 26.5914C34.323 26.6521 34.3599 26.7072 34.4063 26.7536C34.4527 26.8001 34.5079 26.8369 34.5686 26.862C34.6293 26.8871 34.6943 26.9 34.76 26.9H35.04C35.3073 26.9003 35.5711 26.9604 35.8122 27.0757C36.0533 27.1911 36.2656 27.3589 36.4335 27.5669C36.6014 27.7748 36.7207 28.0177 36.7828 28.2777C36.8448 28.5377 36.8479 28.8082 36.792 29.0696C36.6982 29.4774 36.4669 29.8404 36.1369 30.0976C35.8068 30.3549 35.3983 30.4906 34.98 30.482H32.7328C32.6002 30.482 32.473 30.5346 32.3792 30.6284C32.2855 30.7222 32.2328 30.8494 32.2328 30.982V31.3168C32.2328 31.4494 32.2855 31.5766 32.3792 31.6703C32.473 31.7641 32.6002 31.8168 32.7328 31.8168H32.8528C33.1639 31.8168 33.4623 31.9404 33.6824 32.1604C33.9024 32.3804 34.026 32.6788 34.026 32.99C34.026 33.3011 33.9024 33.5995 33.6824 33.8195C33.4623 34.0396 33.1639 34.1632 32.8528 34.1632H22.2264L17.0992 31.84C17.0344 31.8104 16.964 31.7951 16.8928 31.7952H15.5032C15.3706 31.7952 15.2434 31.8479 15.1496 31.9416C15.0559 32.0354 15.0032 32.1626 15.0032 32.2952C15.0032 32.4278 15.0559 32.555 15.1496 32.6487C15.2434 32.7425 15.3706 32.7952 15.5032 32.7952H16.7832L21.9104 35.1188C21.9752 35.1483 22.0456 35.1636 22.1168 35.1636H32.8528C33.279 35.1635 33.6958 35.038 34.0512 34.8028C34.4066 34.5676 34.685 34.233 34.8517 33.8407C35.0183 33.4484 35.0659 33.0158 34.9885 32.5967C34.9111 32.1775 34.7122 31.7904 34.4164 31.4836H34.9812C35.5614 31.4959 36.131 31.3271 36.6108 31.0007C37.0906 30.6743 37.4568 30.2064 37.6583 29.6622C37.8599 29.118 37.8869 28.5245 37.7355 27.9643C37.5841 27.4041 37.2618 26.905 36.8136 26.5364C37.3666 26.4333 37.8755 26.1653 38.2734 25.7675C38.6712 25.3698 38.9393 24.8609 39.0425 24.3079C39.1457 23.7549 39.0791 23.1836 38.8515 22.6691C38.6238 22.1547 38.2458 21.7211 37.7672 21.4256V21.4228Z' fill='%231C1826'/%3E%3Cpath d='M13.6127 16.014H5.32514C4.69083 16.0148 4.08274 16.2672 3.63425 16.7158C3.18576 17.1643 2.93348 17.7725 2.93274 18.4068V34.3044C2.93306 34.5318 3.02357 34.7498 3.18442 34.9106C3.34527 35.0714 3.56332 35.1618 3.79074 35.162H13.3299C13.6087 35.1617 13.876 35.0508 14.073 34.8536C14.2701 34.6564 14.3809 34.3891 14.3811 34.1104V16.7828C14.381 16.579 14.3001 16.3836 14.156 16.2394C14.0119 16.0953 13.8165 16.0142 13.6127 16.014ZM13.3811 34.1104C13.3812 34.1171 13.3799 34.1238 13.3774 34.1301C13.3748 34.1364 13.371 34.142 13.3663 34.1468C13.3615 34.1516 13.3559 34.1554 13.3496 34.158C13.3434 34.1606 13.3367 34.162 13.3299 34.162H3.93274V18.4068C3.93316 18.0376 4.07998 17.6836 4.34101 17.4225C4.60203 17.1614 4.95595 17.0145 5.32514 17.014H13.3811V34.1104Z' fill='%231C1826'/%3E%3Cpath d='M9.1539 32.2C9.56588 32.2 9.96863 32.0779 10.3112 31.849C10.6537 31.6202 10.9207 31.2948 11.0783 30.9142C11.2359 30.5335 11.2771 30.1147 11.1966 29.7107C11.1161 29.3066 10.9175 28.9355 10.6261 28.6444C10.3346 28.3532 9.96335 28.155 9.55923 28.0749C9.15512 27.9948 8.73632 28.0364 8.35583 28.1943C7.97534 28.3523 7.65025 28.6196 7.42171 28.9623C7.19316 29.3051 7.07143 29.708 7.0719 30.12C7.07306 30.6716 7.29286 31.2003 7.68311 31.5902C8.07337 31.98 8.60226 32.1993 9.1539 32.2ZM9.1539 29.0356C9.36791 29.0355 9.57714 29.0988 9.75515 29.2176C9.93316 29.3364 10.072 29.5053 10.154 29.703C10.236 29.9007 10.2577 30.1182 10.2161 30.3281C10.1745 30.5381 10.0717 30.731 9.92052 30.8825C9.76936 31.034 9.57668 31.1373 9.36684 31.1793C9.15699 31.2213 8.9394 31.2002 8.74156 31.1186C8.54372 31.037 8.37451 30.8985 8.25532 30.7208C8.13612 30.5431 8.0723 30.334 8.0719 30.12C8.07179 29.8328 8.18569 29.5573 8.38857 29.354C8.59145 29.1508 8.86672 29.0364 9.1539 29.036V29.0356Z' fill='%231C1826'/%3E%3C/svg%3E%0A"); } .CompetitiveAdvantagesComponent > article > p > i.icon-2 { background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8236 24.2104C22.603 24.2104 24.0456 22.7679 24.0456 20.9884C24.0456 19.209 22.603 17.7664 20.8236 17.7664C19.0441 17.7664 17.6016 19.209 17.6016 20.9884C17.6016 22.7679 19.0441 24.2104 20.8236 24.2104Z' fill='%23FD810D'/%3E%3Cpath d='M20 38.5768C23.6741 38.5769 27.2658 37.4875 30.3208 35.4463C33.3758 33.4051 35.7569 30.5038 37.163 27.1093C38.5691 23.7149 38.937 19.9797 38.2203 16.3761C37.5035 12.7725 35.7343 9.46244 33.1363 6.86439C30.5383 4.26633 27.2282 2.49703 23.6247 1.7802C20.0211 1.06338 16.2859 1.43124 12.8914 2.83726C9.49695 4.24328 6.59563 6.62432 4.55437 9.67927C2.5131 12.7342 1.42358 16.3259 1.42358 20C1.42919 24.9251 3.38813 29.6469 6.87066 33.1295C10.3532 36.6121 15.0749 38.5711 20 38.5768ZM20 2.42323C23.4764 2.42315 26.8747 3.45394 29.7652 5.38526C32.6558 7.31657 34.9087 10.0617 36.2391 13.2734C37.5695 16.4851 37.9177 20.0193 37.2395 23.4288C36.5613 26.8384 34.8873 29.9704 32.4292 32.4286C29.9711 34.8868 26.8392 36.5608 23.4296 37.2391C20.02 37.9173 16.4859 37.5693 13.2741 36.2389C10.0624 34.9086 7.31722 32.6557 5.38584 29.7652C3.45446 26.8747 2.42358 23.4764 2.42358 20C2.42888 15.3401 4.28236 10.8725 7.57741 7.57734C10.8725 4.28221 15.34 2.42863 20 2.42323Z' fill='%231C1826'/%3E%3Cpath d='M20 34.6069C22.889 34.6068 25.713 33.75 28.115 32.145C30.517 30.5399 32.3892 28.2586 33.4947 25.5896C34.6002 22.9205 34.8894 19.9836 34.3257 17.1502C33.7621 14.3168 32.3709 11.7141 30.3281 9.67135C28.2852 7.62859 25.6826 6.23747 22.8491 5.67389C20.0157 5.11032 17.0788 5.39961 14.4098 6.50517C11.7407 7.61074 9.45948 9.48293 7.85448 11.885C6.24949 14.2871 5.39282 17.1111 5.39282 20.0001C5.39727 23.8727 6.93768 27.5855 9.67611 30.3239C12.4145 33.0622 16.1274 34.6025 20 34.6069ZM20 6.39326C22.6912 6.39334 25.3219 7.19143 27.5594 8.68661C29.797 10.1818 31.541 12.3069 32.5708 14.7932C33.6006 17.2796 33.87 20.0154 33.3449 22.6549C32.8199 25.2943 31.5239 27.7188 29.6209 29.6217C27.718 31.5246 25.2935 32.8204 22.654 33.3454C20.0146 33.8704 17.2787 33.6009 14.7924 32.5711C12.3061 31.5412 10.1811 29.7972 8.68595 27.5595C7.19084 25.3219 6.39282 22.6912 6.39282 20.0001C6.39695 16.3925 7.8319 12.9339 10.3829 10.383C12.9338 7.83213 16.3925 6.39728 20 6.39326Z' fill='%231C1826'/%3E%3Cpath d='M20 30.4752C22.0718 30.4752 24.0971 29.8608 25.8197 28.7098C27.5423 27.5588 28.885 25.9228 29.6778 24.0087C30.4706 22.0946 30.6781 19.9884 30.2739 17.9564C29.8697 15.9244 28.8721 14.0579 27.4071 12.5929C25.9421 11.1279 24.0756 10.1303 22.0436 9.72606C20.0116 9.32188 17.9054 9.52932 15.9913 10.3222C14.0772 11.115 12.4412 12.4576 11.2902 14.1803C10.1391 15.9029 9.52478 17.9282 9.52478 20C9.52796 22.7772 10.6326 25.4398 12.5964 27.4036C14.5602 29.3674 17.2228 30.472 20 30.4752ZM20 10.5248C21.874 10.5248 23.7059 11.0805 25.2641 12.1216C26.8223 13.1628 28.0368 14.6426 28.7539 16.374C29.4711 18.1053 29.6587 20.0105 29.2931 21.8485C28.9275 23.6865 28.0251 25.3748 26.7 26.7C25.3748 28.0251 23.6865 28.9275 21.8485 29.2931C20.0105 29.6587 18.1053 29.4711 16.374 28.7539C14.6426 28.0368 13.1628 26.8223 12.1216 25.2641C11.0805 23.7059 10.5248 21.874 10.5248 20C10.5275 17.4879 11.5267 15.0794 13.303 13.303C15.0794 11.5267 17.4878 10.5275 20 10.5248Z' fill='%231C1826'/%3E%3Cpath d='M19.9999 27.05C21.3943 27.0501 22.7574 26.6367 23.9168 25.8621C25.0762 25.0875 25.9799 23.9864 26.5136 22.6982C27.0472 21.41 27.1869 19.9925 26.9149 18.6249C26.6429 17.2573 25.9715 16.0011 24.9856 15.0151C23.9996 14.0291 22.7434 13.3576 21.3759 13.0855C20.0083 12.8135 18.5907 12.953 17.3025 13.4866C16.0142 14.0202 14.9132 14.9238 14.1385 16.0832C13.3638 17.2426 12.9503 18.6056 12.9503 20C12.9524 21.8691 13.6958 23.661 15.0174 24.9826C16.339 26.3043 18.1309 27.0478 19.9999 27.05ZM19.9999 13.95C21.1965 13.9499 22.3663 14.3047 23.3612 14.9694C24.3562 15.6342 25.1317 16.579 25.5897 17.6845C26.0476 18.79 26.1675 20.0065 25.9341 21.1801C25.7007 22.3537 25.1245 23.4317 24.2785 24.2779C23.4324 25.124 22.3544 25.7003 21.1808 25.9337C20.0072 26.1672 18.7907 26.0474 17.6852 25.5895C16.5797 25.1316 15.6348 24.3562 14.97 23.3613C14.3052 22.3663 13.9503 21.1966 13.9503 20C13.952 18.396 14.5899 16.8582 15.7241 15.724C16.8582 14.5898 18.3959 13.9518 19.9999 13.95Z' fill='%231C1826'/%3E%3Cpath d='M20 24.228C20.8037 24.2281 21.5894 23.9898 22.2577 23.5434C22.9261 23.0969 23.447 22.4622 23.7546 21.7197C24.0622 20.9771 24.1427 20.1601 23.9859 19.3718C23.8291 18.5835 23.4421 17.8594 22.8738 17.291C22.3054 16.7227 21.5813 16.3357 20.793 16.1789C20.0047 16.0221 19.1877 16.1026 18.4451 16.4102C17.7026 16.7178 17.0679 17.2387 16.6214 17.9071C16.175 18.5754 15.9367 19.3611 15.9368 20.1648C15.9379 21.2421 16.3664 22.2749 17.1281 23.0367C17.8899 23.7984 18.9227 24.2269 20 24.228ZM20 17.1012C20.6059 17.1012 21.1983 17.2808 21.7021 17.6173C22.206 17.9539 22.5987 18.4324 22.8307 18.9922C23.0626 19.552 23.1233 20.168 23.0051 20.7623C22.887 21.3566 22.5952 21.9025 22.1668 22.331C21.7384 22.7595 21.1925 23.0513 20.5982 23.1695C20.0039 23.2878 19.3879 23.2271 18.8281 22.9953C18.2682 22.7634 17.7898 22.3707 17.4531 21.8669C17.1165 21.3631 16.9368 20.7708 16.9368 20.1648C16.9376 19.3526 17.2606 18.574 17.8349 17.9996C18.4091 17.4253 19.1878 17.1022 20 17.1012Z' fill='%231C1826'/%3E%3C/svg%3E%0A"); } .FrontrunnersChartComponent.column.frontrunners-results-chart { -webkit-flex: 0 1 58.33333%; -ms-flex: 0 1 58.33333%; flex: 0 1 58.33333%; max-width: 52.25rem; padding: 0rem 1rem 0 0; background: white; } @media (max-width: 576px) { .FrontrunnersChartComponent.column.frontrunners-results-chart { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } } .FrontrunnersChartComponent.column.frontrunners-results-chart img.quadrant-image { width: 100%; } .FrontrunnersChartComponent.column.frontrunners-results-chart img.frontrunners-key { display: block; margin: 1rem auto 0; max-width: 250px; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #19172c; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-title { padding: 1.5rem 1.5rem 0.5rem 1.5rem; } @media (max-width: 576px) { .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-title { margin-bottom: 1.5rem; } } @media (max-width: 576px) { .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-title { margin-bottom: 0.5rem; } } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-title img { width: 10rem; height: auto; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview { display: -webkit-flex; display: -ms-flexbox; display: flex; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 768px) { .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-title { -webkit-flex: 0 1 58.33333%; -ms-flex: 0 1 58.33333%; flex: 0 1 58.33333%; padding: 1.5rem; } @media (max-width: 768px) { .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-title { padding: 0 1.5rem; } } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-title h2 { color: white; font-size: 1.75rem; font-weight: 700; line-height: 2.375rem; letter-spacing: -0.025rem; } @media (max-width: 576px) { .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-title h2 { font-size: 1.5rem; line-height: 2.125rem; letter-spacing: -0.0125rem; } } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb { -webkit-flex: 0 1 41.66667%; -ms-flex: 0 1 41.66667%; flex: 0 1 41.66667%; padding: 1.5rem; } @media (max-width: 768px) { .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb { padding: 0 1.5rem 1.5rem 1.5rem; } } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb p, .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb a { color: white; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb p.learn-more, .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb a.learn-more { display: block; color: white; text-decoration: underline; font-weight: bold; margin: 1rem 0 0.5rem; } .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb p.learn-more:hover, .FrontrunnersHeaderComponent .wrapper.frontrunners-hero .column.frontrunners-hero-overview .column.frontrunners-blurb a.learn-more:hover { cursor: pointer; text-decoration: none; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal { position: absolute; padding: 1rem; top: 7%; left: 25%; width: calc(600px - 2rem); background: white; border-radius: 0.25rem; -webkit-box-shadow: 0 1px 18px rgba(45, 40, 77, 0.06), 0 6px 10px rgba(45, 40, 77, 0.07), 0 3px 5px rgba(45, 40, 77, 0.1); box-shadow: 0 1px 18px rgba(45, 40, 77, 0.06), 0 6px 10px rgba(45, 40, 77, 0.07), 0 3px 5px rgba(45, 40, 77, 0.1); z-index: 999; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal .frontrunners-methodology-modal-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal .frontrunners-methodology-modal-header h4 { margin-bottom: 0; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal .frontrunners-methodology-modal-header .close:hover { cursor: pointer; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal p { color: #2d284d; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal ul { list-style: disc; margin: 1rem 0 0rem 2rem; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal ul li { font-size: 14px; line-height: 20px; margin-bottom: 0.25rem; color: #2d284d; } .FrontrunnersHeaderComponent .frontrunners-methodology-modal .frontrunner-methodology-additional-info ul { margin: 0rem 0 1rem 2rem; } .FrontrunnersProductListComponent.column.frontrunners-results-list { -webkit-flex: 0 1 41.66667%; -ms-flex: 0 1 41.66667%; flex: 0 1 41.66667%; max-height: 600px; overflow-y: scroll; -webkit-overflow-scrolling: auto; padding-left: 1.5rem; padding-top: 0; } @media (max-width: 768px) { .FrontrunnersProductListComponent.column.frontrunners-results-list { max-height: 400px; } } @media (max-width: 576px) { .FrontrunnersProductListComponent.column.frontrunners-results-list { display: none; } } .FrontrunnersProductListComponent.column.frontrunners-results-list ul li { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1.85rem 0; } .FrontrunnersProductListComponent.column.frontrunners-results-list ul li:first-child { padding-top: 1rem; } .FrontrunnersProductListComponent.column.frontrunners-results-list ul li a.logo-link { width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2px; margin: 0 0.5rem; padding: 2px; } .FrontrunnersProductListComponent.column.frontrunners-results-list ul li a.logo-link img { width: auto; height: auto; max-height: 100%; max-width: 100%; } .FrontrunnersProductListComponent.column.frontrunners-results-list ul li a.frontrunners-product { color: #544b91; text-decoration: underline; font-weight: 700; } .FrontrunnersProductListComponent.column.frontrunners-results-list ul li a.frontrunners-product:hover { color: #2d284d; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 1rem auto; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 576px) { .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips { -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .frontrunners-chips-title { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; margin-left: 1.5rem; margin-bottom: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .frontrunners-chips-selector { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 1rem; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 20rem; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 576px) { .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper { width: 100%; } } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper label { white-space: nowrap; margin-right: 0.5rem; color: black; } @media (max-width: 576px) { .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper label { display: none; } } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper #chips-select { width: 100%; position: relative; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; padding-left: 0.3125rem; display: inline-block; margin: 0.4375rem 0.625rem 0.4375rem 0; border-radius: 0.25rem; border: 0.125rem solid #e5e6e6 !important; padding: 0.4375rem 0.875rem; border: none; -webkit-box-shadow: none; box-shadow: none; color: #2d284d; font-size: 0.875rem; line-height: 1.4; text-decoration: none; cursor: default; background-color: white; background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%223.5%2C6.5%204.5%2C5.5%208%2C9%2011.5%2C5.5%2012.5%2C6.5%208%2C11%20%22%20fill%3D%22%23595458%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat; background-position: calc(100% - 0.5rem) 0.5rem; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper #chips-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 black; } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper #chips-select::-ms-expand { display: none; } @media (max-width: 576px) { .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper #chips-select { margin: 0 0 0 1.5rem; } } .FrontrunnersVersionDropdownComponent .wrapper.frontrunners-chips .chips-select-wrapper #chips-select:hover { border: 0.125rem solid #cbcdcd !important; background-color: #f2f2f3; cursor: pointer; } .FrontrunnersComponent { width: 100%; margin: 0 auto 4rem; } .FrontrunnersComponent > .wrapper { background: white; position: relative; } .FrontrunnersComponent .frontrunners-quadrant { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .FrontrunnersComponent .frontrunners-quadrant > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .FrontrunnersComponent .frontrunners-key { text-align: right; } .FrontrunnersComponent .frontrunners-key img { margin-top: 0.5rem; display: inline-block; } @media (max-width: 768px) { .FrontrunnersComponent .frontrunners-key { display: none; } } .FrontrunnersComponent .frontrunners-help { padding: 1.5rem; } .FrontrunnersComponent .frontrunners-help p span { display: block; font-size: 12px; color: black; } .u-border-all { border: 0.0625rem solid #e5e6e6; } .u-border-top { border-top: 0.0625rem solid #e5e6e6; } .u-border-right { border-right: 0.0625rem solid #e5e6e6; } .u-border-bottom { border-bottom: 0.0625rem solid #e5e6e6; } .u-border-left { border-left: 0.0625rem solid #e5e6e6; } .u-width-8 { width: 8%; } .u-width-16 { width: 16%; } .u-width-25 { width: 25%; } .u-width-33 { width: 33%; } .u-width-41 { width: 41%; } .u-width-50 { width: 50%; } .u-width-58 { width: 58%; } .u-width-66 { width: 66%; } .u-width-75 { width: 75%; } .u-width-83 { width: 83%; } .u-width-91 { width: 91%; } .u-width-100 { width: 100%; } .u-m-0 { margin: 0px !important; } .u-p-0 { padding: 0px !important; } .u-mt-0 { margin-top: 0px !important; } .u-pt-0 { padding-top: 0px !important; } .u-mb-0 { margin-bottom: 0px !important; } .u-pb-0 { padding-bottom: 0px !important; } .u-ml-0 { margin-left: 0px !important; } .u-pl-0 { padding-left: 0px !important; } .u-mr-0 { margin-right: 0px !important; } .u-pr-0 { padding-right: 0px !important; } .u-m-2 { margin: 2px !important; } .u-p-2 { padding: 2px !important; } .u-mt-2 { margin-top: 2px !important; } .u-pt-2 { padding-top: 2px !important; } .u-mb-2 { margin-bottom: 2px !important; } .u-pb-2 { padding-bottom: 2px !important; } .u-ml-2 { margin-left: 2px !important; } .u-pl-2 { padding-left: 2px !important; } .u-mr-2 { margin-right: 2px !important; } .u-pr-2 { padding-right: 2px !important; } .u-m-4 { margin: 4px !important; } .u-p-4 { padding: 4px !important; } .u-mt-4 { margin-top: 4px !important; } .u-pt-4 { padding-top: 4px !important; } .u-mb-4 { margin-bottom: 4px !important; } .u-pb-4 { padding-bottom: 4px !important; } .u-ml-4 { margin-left: 4px !important; } .u-pl-4 { padding-left: 4px !important; } .u-mr-4 { margin-right: 4px !important; } .u-pr-4 { padding-right: 4px !important; } .u-m-6 { margin: 6px !important; } .u-p-6 { padding: 6px !important; } .u-mt-6 { margin-top: 6px !important; } .u-pt-6 { padding-top: 6px !important; } .u-mb-6 { margin-bottom: 6px !important; } .u-pb-6 { padding-bottom: 6px !important; } .u-ml-6 { margin-left: 6px !important; } .u-pl-6 { padding-left: 6px !important; } .u-mr-6 { margin-right: 6px !important; } .u-pr-6 { padding-right: 6px !important; } .u-m-8 { margin: 8px !important; } .u-p-8 { padding: 8px !important; } .u-mt-8 { margin-top: 8px !important; } .u-pt-8 { padding-top: 8px !important; } .u-mb-8 { margin-bottom: 8px !important; } .u-pb-8 { padding-bottom: 8px !important; } .u-ml-8 { margin-left: 8px !important; } .u-pl-8 { padding-left: 8px !important; } .u-mr-8 { margin-right: 8px !important; } .u-pr-8 { padding-right: 8px !important; } .u-m-10 { margin: 10px !important; } .u-p-10 { padding: 10px !important; } .u-mt-10 { margin-top: 10px !important; } .u-pt-10 { padding-top: 10px !important; } .u-mb-10 { margin-bottom: 10px !important; } .u-pb-10 { padding-bottom: 10px !important; } .u-ml-10 { margin-left: 10px !important; } .u-pl-10 { padding-left: 10px !important; } .u-mr-10 { margin-right: 10px !important; } .u-pr-10 { padding-right: 10px !important; } .u-m-12 { margin: 12px !important; } .u-p-12 { padding: 12px !important; } .u-mt-12 { margin-top: 12px !important; } .u-pt-12 { padding-top: 12px !important; } .u-mb-12 { margin-bottom: 12px !important; } .u-pb-12 { padding-bottom: 12px !important; } .u-ml-12 { margin-left: 12px !important; } .u-pl-12 { padding-left: 12px !important; } .u-mr-12 { margin-right: 12px !important; } .u-pr-12 { padding-right: 12px !important; } .u-m-14 { margin: 14px !important; } .u-p-14 { padding: 14px !important; } .u-mt-14 { margin-top: 14px !important; } .u-pt-14 { padding-top: 14px !important; } .u-mb-14 { margin-bottom: 14px !important; } .u-pb-14 { padding-bottom: 14px !important; } .u-ml-14 { margin-left: 14px !important; } .u-pl-14 { padding-left: 14px !important; } .u-mr-14 { margin-right: 14px !important; } .u-pr-14 { padding-right: 14px !important; } .u-m-16 { margin: 16px !important; } .u-p-16 { padding: 16px !important; } .u-mt-16 { margin-top: 16px !important; } .u-pt-16 { padding-top: 16px !important; } .u-mb-16 { margin-bottom: 16px !important; } .u-pb-16 { padding-bottom: 16px !important; } .u-ml-16 { margin-left: 16px !important; } .u-pl-16 { padding-left: 16px !important; } .u-mr-16 { margin-right: 16px !important; } .u-pr-16 { padding-right: 16px !important; } .u-m-18 { margin: 18px !important; } .u-p-18 { padding: 18px !important; } .u-mt-18 { margin-top: 18px !important; } .u-pt-18 { padding-top: 18px !important; } .u-mb-18 { margin-bottom: 18px !important; } .u-pb-18 { padding-bottom: 18px !important; } .u-ml-18 { margin-left: 18px !important; } .u-pl-18 { padding-left: 18px !important; } .u-mr-18 { margin-right: 18px !important; } .u-pr-18 { padding-right: 18px !important; } .u-m-20 { margin: 20px !important; } .u-p-20 { padding: 20px !important; } .u-mt-20 { margin-top: 20px !important; } .u-pt-20 { padding-top: 20px !important; } .u-mb-20 { margin-bottom: 20px !important; } .u-pb-20 { padding-bottom: 20px !important; } .u-ml-20 { margin-left: 20px !important; } .u-pl-20 { padding-left: 20px !important; } .u-mr-20 { margin-right: 20px !important; } .u-pr-20 { padding-right: 20px !important; } .u-m-22 { margin: 22px !important; } .u-p-22 { padding: 22px !important; } .u-mt-22 { margin-top: 22px !important; } .u-pt-22 { padding-top: 22px !important; } .u-mb-22 { margin-bottom: 22px !important; } .u-pb-22 { padding-bottom: 22px !important; } .u-ml-22 { margin-left: 22px !important; } .u-pl-22 { padding-left: 22px !important; } .u-mr-22 { margin-right: 22px !important; } .u-pr-22 { padding-right: 22px !important; } .u-m-24 { margin: 24px !important; } .u-p-24 { padding: 24px !important; } .u-mt-24 { margin-top: 24px !important; } .u-pt-24 { padding-top: 24px !important; } .u-mb-24 { margin-bottom: 24px !important; } .u-pb-24 { padding-bottom: 24px !important; } .u-ml-24 { margin-left: 24px !important; } .u-pl-24 { padding-left: 24px !important; } .u-mr-24 { margin-right: 24px !important; } .u-pr-24 { padding-right: 24px !important; } .u-m-26 { margin: 26px !important; } .u-p-26 { padding: 26px !important; } .u-mt-26 { margin-top: 26px !important; } .u-pt-26 { padding-top: 26px !important; } .u-mb-26 { margin-bottom: 26px !important; } .u-pb-26 { padding-bottom: 26px !important; } .u-ml-26 { margin-left: 26px !important; } .u-pl-26 { padding-left: 26px !important; } .u-mr-26 { margin-right: 26px !important; } .u-pr-26 { padding-right: 26px !important; } .u-m-28 { margin: 28px !important; } .u-p-28 { padding: 28px !important; } .u-mt-28 { margin-top: 28px !important; } .u-pt-28 { padding-top: 28px !important; } .u-mb-28 { margin-bottom: 28px !important; } .u-pb-28 { padding-bottom: 28px !important; } .u-ml-28 { margin-left: 28px !important; } .u-pl-28 { padding-left: 28px !important; } .u-mr-28 { margin-right: 28px !important; } .u-pr-28 { padding-right: 28px !important; } .u-m-30 { margin: 30px !important; } .u-p-30 { padding: 30px !important; } .u-mt-30 { margin-top: 30px !important; } .u-pt-30 { padding-top: 30px !important; } .u-mb-30 { margin-bottom: 30px !important; } .u-pb-30 { padding-bottom: 30px !important; } .u-ml-30 { margin-left: 30px !important; } .u-pl-30 { padding-left: 30px !important; } .u-mr-30 { margin-right: 30px !important; } .u-pr-30 { padding-right: 30px !important; } .u-m-32 { margin: 32px !important; } .u-p-32 { padding: 32px !important; } .u-mt-32 { margin-top: 32px !important; } .u-pt-32 { padding-top: 32px !important; } .u-mb-32 { margin-bottom: 32px !important; } .u-pb-32 { padding-bottom: 32px !important; } .u-ml-32 { margin-left: 32px !important; } .u-pl-32 { padding-left: 32px !important; } .u-mr-32 { margin-right: 32px !important; } .u-pr-32 { padding-right: 32px !important; } .u-m-34 { margin: 34px !important; } .u-p-34 { padding: 34px !important; } .u-mt-34 { margin-top: 34px !important; } .u-pt-34 { padding-top: 34px !important; } .u-mb-34 { margin-bottom: 34px !important; } .u-pb-34 { padding-bottom: 34px !important; } .u-ml-34 { margin-left: 34px !important; } .u-pl-34 { padding-left: 34px !important; } .u-mr-34 { margin-right: 34px !important; } .u-pr-34 { padding-right: 34px !important; } .u-m-36 { margin: 36px !important; } .u-p-36 { padding: 36px !important; } .u-mt-36 { margin-top: 36px !important; } .u-pt-36 { padding-top: 36px !important; } .u-mb-36 { margin-bottom: 36px !important; } .u-pb-36 { padding-bottom: 36px !important; } .u-ml-36 { margin-left: 36px !important; } .u-pl-36 { padding-left: 36px !important; } .u-mr-36 { margin-right: 36px !important; } .u-pr-36 { padding-right: 36px !important; } .u-m-38 { margin: 38px !important; } .u-p-38 { padding: 38px !important; } .u-mt-38 { margin-top: 38px !important; } .u-pt-38 { padding-top: 38px !important; } .u-mb-38 { margin-bottom: 38px !important; } .u-pb-38 { padding-bottom: 38px !important; } .u-ml-38 { margin-left: 38px !important; } .u-pl-38 { padding-left: 38px !important; } .u-mr-38 { margin-right: 38px !important; } .u-pr-38 { padding-right: 38px !important; } .u-m-40 { margin: 40px !important; } .u-p-40 { padding: 40px !important; } .u-mt-40 { margin-top: 40px !important; } .u-pt-40 { padding-top: 40px !important; } .u-mb-40 { margin-bottom: 40px !important; } .u-pb-40 { padding-bottom: 40px !important; } .u-ml-40 { margin-left: 40px !important; } .u-pl-40 { padding-left: 40px !important; } .u-mr-40 { margin-right: 40px !important; } .u-pr-40 { padding-right: 40px !important; } .u-textalign-left { text-align: left !important; } .u-textalign-right { text-align: right !important; } .u-textalign-center { text-align: center !important; } .u-textalign-justify { text-align: justify !important; } .u-text-right { text-align: right; } .u-whitespace-nowrap, .no-wrap, .u-nowrap, .u-text-nowrap { white-space: nowrap; } .u-noscroll { overflow-y: hidden; } .u-text-bold { font-weight: bold; } .u-text-italic { font-style: italic; } @media all and (min-width: 1101px) and (max-width: 4000px) { .u-hide-desktop { display: none !important; } } @media all and (min-width: 577px) and (max-width: 4000px) { .u-hide-desktop-and-tablet { display: none !important; } } @media all and (min-width: 577px) and (max-width: 1100px) { .u-hide-tablet-only { display: none !important; } } @media all and (min-width: 0px) and (max-width: 1100px) { .u-hide-tablet-and-mobile { display: none !important; } } @media all and (max-width: 576px) { .u-hide-mobile-only { display: none !important; } } .u-float-left { float: left !important; } .u-float-right { float: right !important; } .u-float-none { float: none !important; } br { display: block; width: 0rem; height: 1rem; content: ' '; } .u-divider-100 { border-width: 0 0 0.0625rem 0; border-bottom: 0.0625rem solid #e5e6e6; margin: 1rem auto; padding: 0 0rem; width: 100vw; max-width: 100vw; } hr.u-divider-flex { border-width: 0 0 0.0625rem 0; border-bottom: 0.0625rem solid #e5e6e6; width: 100%; max-width: 73.81rem; margin: 1rem auto; padding: 0; } hr.u-basic-hr { border: none; height: 0.0625rem; color: #e5e6e6; background-color: #e5e6e6; margin: 1rem 0; padding: 0; } .FilterTagsComponent.filters-tags { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0.5rem 0 0 0.5rem; } .FilterTagsComponent.filters-tags .filters-tags-tag { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: 0.75rem; background: #e9e8f3; border-radius: 3px; color: #2b303b; padding: 2px 28px 2px 8px; margin-right: 0.75rem; position: relative; } .FilterTagsComponent.filters-tags .filters-tags-tag span { font-size: 0.75rem; display: block; white-space: nowrap; opacity: 0.75; } .FilterTagsComponent.filters-tags .filters-tags-tag i { -webkit-transform: scale(1); transform: scale(1); opacity: 0.75; position: absolute; right: 0.5rem; top: 0.5rem; width: 0.75rem; height: 0.75rem; background-size: 0.75rem; display: inline-block; background-repeat: no-repeat; background-position: cover; background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctitle%3Eicon%3C%2Ftitle%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%3Cpath%20d%3D%22M6.32%2C6.19h0Z%22%20fill%3D%22%23595458%22%2F%3E%3Cpolygon%20points%3D%2214.15%202.84%2013.16%201.85%208%207.01%202.84%201.85%201.85%202.84%207.01%208%201.85%2013.16%202.84%2014.15%208%208.99%2013.16%2014.15%2014.15%2013.16%208.99%208%2014.15%202.84%22%20fill%3D%22%23595458%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: -webkit-transform 25ms ease 0ms; transition: -webkit-transform 25ms ease 0ms; transition: transform 25ms ease 0ms; transition: transform 25ms ease 0ms, -webkit-transform 25ms ease 0ms; } .FilterTagsComponent.filters-tags .filters-tags-tag:hover span, .FilterTagsComponent.filters-tags .filters-tags-tag:hover i { opacity: 1; cursor: pointer; } .FilterTagsComponent.filters-tags .filters-tags-tag:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 50ms ease 0ms; transition: -webkit-transform 50ms ease 0ms; transition: transform 50ms ease 0ms; transition: transform 50ms ease 0ms, -webkit-transform 50ms ease 0ms; } .RadioFilterComponent.radio-container, .CheckboxFilterComponent.checkbox-container { position: relative; height: 1.75rem; } .RadioFilterComponent.radio-container:hover, .CheckboxFilterComponent.checkbox-container:hover { font-weight: bold; } .RadioFilterComponent.radio-container .checkbox, .CheckboxFilterComponent.checkbox-container .checkbox { position: static; position: initial; } .RadioFilterComponent.radio-container .radio, .CheckboxFilterComponent.checkbox-container .radio { padding-right: 1rem; } .RadioFilterComponent.radio-container [type='radio'], .RadioFilterComponent.radio-container [type='checkbox'], .CheckboxFilterComponent.checkbox-container [type='radio'], .CheckboxFilterComponent.checkbox-container [type='checkbox'] { position: absolute; left: -624.9rem; } .RadioFilterComponent.radio-container [type='radio'] + label, .RadioFilterComponent.radio-container [type='checkbox'] + label, .CheckboxFilterComponent.checkbox-container [type='radio'] + label, .CheckboxFilterComponent.checkbox-container [type='checkbox'] + label { position: relative; padding-left: 1.5rem; cursor: pointer; line-height: 1.0625rem; display: block; color: #2d284d; font-size: 0.875rem; } .RadioFilterComponent.radio-container [type='radio'] + label:before, .CheckboxFilterComponent.checkbox-container [type='radio'] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; border: 0.09375rem solid #2d284d; border-radius: 100%; background: #fff; } .RadioFilterComponent.radio-container [type='checkbox'] + label:before, .CheckboxFilterComponent.checkbox-container [type='checkbox'] + label:before { content: ''; background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20rx%3D%221.25%22%20fill%3D%22white%22%20stroke%3D%22%232B303B%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; } .RadioFilterComponent.radio-container [type='radio'] + label:after, .CheckboxFilterComponent.checkbox-container [type='radio'] + label:after { content: ''; width: 0.5rem; height: 0.5rem; background: #6b61ae; position: absolute; top: 0.25rem; left: 0.25rem; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .RadioFilterComponent.radio-container [type='radio']:checked + label, .RadioFilterComponent.radio-container [type='checkbox']:checked + label, .CheckboxFilterComponent.checkbox-container [type='radio']:checked + label, .CheckboxFilterComponent.checkbox-container [type='checkbox']:checked + label { color: #2d284d; } .RadioFilterComponent.radio-container [type='radio']:checked + label:before, .CheckboxFilterComponent.checkbox-container [type='radio']:checked + label:before { border: 0.09375rem solid #2d284d; } .RadioFilterComponent.radio-container [type='radio']:not(:checked):hover + label:before, .CheckboxFilterComponent.checkbox-container [type='radio']:not(:checked):hover + label:before { border: 0.09375rem solid #6b61ae; } .RadioFilterComponent.radio-container [type='checkbox']:checked + label:before, .CheckboxFilterComponent.checkbox-container [type='checkbox']:checked + label:before { content: ''; background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20fill%3D%22%236B61AD%22%2F%3E%0A%3Cg%20opacity%3D%220.01%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.51%2012.5L2%208.01002L2.99%207.02002L6.51%2010.52L13.03%204.02002L14.02%205.01002L6.51%2012.5V12.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat; } .RadioFilterComponent.radio-container [type='checkbox']:not(:checked):hover + label:before, .CheckboxFilterComponent.checkbox-container [type='checkbox']:not(:checked):hover + label:before { content: ''; background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20rx%3D%221.25%22%20fill%3D%22white%22%20stroke%3D%22%236b61ae%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat; } .RadioFilterComponent.radio-container [type='radio']:checked:hover + label:before, .CheckboxFilterComponent.checkbox-container [type='radio']:checked:hover + label:before { border: 0.09375rem solid #1c1826; cursor: default; } .RadioFilterComponent.radio-container [type='radio']:checked:hover + label, .CheckboxFilterComponent.checkbox-container [type='radio']:checked:hover + label { cursor: default; } .RadioFilterComponent.radio-container [type='checkbox']:checked:hover + label:before, .CheckboxFilterComponent.checkbox-container [type='checkbox']:checked:hover + label:before { background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20fill%3D%22%236B61AD%22%2F%3E%0A%3Cg%20opacity%3D%220.01%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.51%2012.5L2%208.01002L2.99%207.02002L6.51%2010.52L13.03%204.02002L14.02%205.01002L6.51%2012.5V12.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat; } .RadioFilterComponent.radio-container [type='radio']:checked:hover + label:after, .CheckboxFilterComponent.checkbox-container [type='radio']:checked:hover + label:after { background: #6b61ae; cursor: default; } .RadioFilterComponent.radio-container [type='checkbox']:checked:hover + label:after, .CheckboxFilterComponent.checkbox-container [type='checkbox']:checked:hover + label:after { background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20fill%3D%22%236B61AD%22%2F%3E%0A%3Cg%20opacity%3D%220.01%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.51%2012.5L2%208.01002L2.99%207.02002L6.51%2010.52L13.03%204.02002L14.02%205.01002L6.51%2012.5V12.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat; } .RadioFilterComponent.radio-container [type='radio']:not(:checked) + label:after, .RadioFilterComponent.radio-container [type='checkbox']:not(:checked) + label:after, .CheckboxFilterComponent.checkbox-container [type='radio']:not(:checked) + label:after, .CheckboxFilterComponent.checkbox-container [type='checkbox']:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .RadioFilterComponent.radio-container [type='radio']:checked + label:after, .RadioFilterComponent.radio-container [type='checkbox']:checked + label:after, .CheckboxFilterComponent.checkbox-container [type='radio']:checked + label:after, .CheckboxFilterComponent.checkbox-container [type='checkbox']:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .RadioFilterComponent.radio-container.radio-container-disabled [type='radio'] + label:before, .CheckboxFilterComponent.checkbox-container.radio-container-disabled [type='radio'] + label:before { border: 0.09375rem solid #dddddd; } .RadioFilterComponent.radio-container.checkbox-container-disabled [type='checkbox'] + label:before, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled [type='checkbox'] + label:before { background: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20rx%3D%221.25%22%20fill%3D%22white%22%20stroke%3D%22%237D8182%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat #eeeeee !important; } .RadioFilterComponent.radio-container.checkbox-container-disabled label, .RadioFilterComponent.radio-container.radio-container-disabled label, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled label, .CheckboxFilterComponent.checkbox-container.radio-container-disabled label { color: #979a9b !important; } .RadioFilterComponent.radio-container.checkbox-container-disabled [type='checkbox']:not(:checked):hover + label, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled [type='checkbox']:not(:checked):hover + label { text-decoration: none; } .RadioFilterComponent.radio-container.radio-container-disabled [type='radio'] + label:after, .CheckboxFilterComponent.checkbox-container.radio-container-disabled [type='radio'] + label:after { background: #eeeeee; opacity: 1; -webkit-transform: scale(1); transform: scale(1); height: 0.75rem; width: 0.75rem; left: 0.0625rem; top: 0.0625rem; } .RadioFilterComponent.radio-container.radio-container-disabled:hover, .RadioFilterComponent.radio-container.radio-container-disabled span:hover, .RadioFilterComponent.radio-container.radio-container-disabled input:hover, .RadioFilterComponent.radio-container.radio-container-disabled label:hover, .RadioFilterComponent.radio-container.radio-container-disabled:hover, .CheckboxFilterComponent.checkbox-container.radio-container-disabled:hover, .CheckboxFilterComponent.checkbox-container.radio-container-disabled span:hover, .CheckboxFilterComponent.checkbox-container.radio-container-disabled input:hover, .CheckboxFilterComponent.checkbox-container.radio-container-disabled label:hover, .CheckboxFilterComponent.checkbox-container.radio-container-disabled:hover { cursor: default; } .RadioFilterComponent.radio-container.radio-container-disabled [type='radio']:hover + label:before, .RadioFilterComponent.radio-container.radio-container-disabled [type='radio']:checked:hover + label:before, .CheckboxFilterComponent.checkbox-container.radio-container-disabled [type='radio']:hover + label:before, .CheckboxFilterComponent.checkbox-container.radio-container-disabled [type='radio']:checked:hover + label:before { border: 0.09375rem solid #dddddd; cursor: default; } .RadioFilterComponent.radio-container.radio-container-disabled [type='radio']:hover + label:after, .RadioFilterComponent.radio-container.radio-container-disabled [type='radio']:checked:hover + label:after, .CheckboxFilterComponent.checkbox-container.radio-container-disabled [type='radio']:hover + label:after, .CheckboxFilterComponent.checkbox-container.radio-container-disabled [type='radio']:checked:hover + label:after { background: #eeeeee; cursor: default; } .RadioFilterComponent.radio-container.checkbox-container-disabled:hover, .RadioFilterComponent.radio-container.checkbox-container-disabled span:hover, .RadioFilterComponent.radio-container.checkbox-container-disabled input:hover, .RadioFilterComponent.radio-container.checkbox-container-disabled label:hover, .RadioFilterComponent.radio-container.checkbox-container-disabled:hover, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled:hover, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled span:hover, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled input:hover, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled label:hover, .CheckboxFilterComponent.checkbox-container.checkbox-container-disabled:hover { cursor: default; } .IndustryFilterSectionComponent p#no-industry-filters { color: #7d8182; } @media (max-width: 576px) { .IndustryFilterSectionComponent p#no-industry-filters { padding: 0.75rem 0; } } .IndustryFilterSectionComponent .filters-mobile-toggle p { color: #544b91; font-weight: bold; margin-top: 0.5rem; } .SizesFilterSectionComponent .filters-mobile-toggle p { color: #544b91; font-weight: bold; margin-top: 0.5rem; } .tooltip { position: relative; display: inline-block; } .tooltip i.tooltip { display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%23A6A0A5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 8.07503C6.25239 7.56967 6.34992 7.06928 6.5375 6.60003C6.70337 6.16352 6.95403 5.76418 7.275 5.42503C7.60776 5.09275 8.0028 4.82939 8.4375 4.65003C8.93418 4.45295 9.46588 4.35938 10 4.37503C10.6167 4.35821 11.2312 4.45569 11.8125 4.66253C12.2458 4.82745 12.6412 5.07832 12.975 5.40003C13.2565 5.65958 13.4746 5.98033 13.6125 6.33753C13.7321 6.63583 13.7957 6.95365 13.8 7.27503C13.8133 7.67509 13.7497 8.07398 13.6125 8.45003C13.3895 9.00717 13.0013 9.48266 12.5 9.81253L11.85 10.275C11.6276 10.4276 11.426 10.6082 11.25 10.8125C11.081 11.0291 10.9769 11.2892 10.95 11.5625V12.125H8.9125V11.45C8.93588 11.079 9.02475 10.7151 9.175 10.375C9.29468 10.1063 9.45487 9.85761 9.65 9.63753C9.82261 9.439 10.0153 9.25887 10.225 9.10003C10.4221 8.96239 10.61 8.81208 10.7875 8.65003C10.969 8.51085 11.1254 8.34176 11.25 8.15003C11.3407 7.946 11.3793 7.72266 11.3625 7.50003C11.3756 7.31637 11.3513 7.13196 11.2912 6.95793C11.231 6.78391 11.1362 6.62389 11.0125 6.48753C10.8863 6.36839 10.7366 6.27686 10.573 6.21875C10.4095 6.16065 10.2356 6.13724 10.0625 6.15003C9.82047 6.12794 9.5766 6.16217 9.35 6.25003C9.15518 6.34968 8.98779 6.49561 8.8625 6.67503C8.72887 6.85764 8.63518 7.06633 8.5875 7.28753C8.52197 7.53217 8.48836 7.78426 8.4875 8.03753L6.25 8.07503ZM8.75 13.075H11.25V15.575H8.75V13.075Z' fill='white'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; width: 1.25rem; height: 1.25rem; position: relative; right: -0.75rem; top: 2px; } .tooltip i.tooltip:hover, .tooltip i.tooltip:active { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%23544B90'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 8.07503C6.25239 7.56967 6.34992 7.06928 6.5375 6.60003C6.70337 6.16352 6.95403 5.76418 7.275 5.42503C7.60776 5.09275 8.0028 4.82939 8.4375 4.65003C8.93418 4.45295 9.46588 4.35938 10 4.37503C10.6167 4.35821 11.2312 4.45569 11.8125 4.66253C12.2458 4.82745 12.6412 5.07832 12.975 5.40003C13.2565 5.65958 13.4746 5.98033 13.6125 6.33753C13.7321 6.63583 13.7957 6.95365 13.8 7.27503C13.8133 7.67509 13.7497 8.07398 13.6125 8.45003C13.3895 9.00717 13.0013 9.48266 12.5 9.81253L11.85 10.275C11.6276 10.4276 11.426 10.6082 11.25 10.8125C11.081 11.0291 10.9769 11.2892 10.95 11.5625V12.125H8.9125V11.45C8.93588 11.079 9.02475 10.7151 9.175 10.375C9.29468 10.1063 9.45487 9.85761 9.65 9.63753C9.82261 9.439 10.0153 9.25887 10.225 9.10003C10.4221 8.96239 10.61 8.81208 10.7875 8.65003C10.969 8.51085 11.1254 8.34176 11.25 8.15003C11.3407 7.946 11.3793 7.72266 11.3625 7.50003C11.3756 7.31637 11.3513 7.13196 11.2912 6.95793C11.231 6.78391 11.1362 6.62389 11.0125 6.48753C10.8863 6.36839 10.7366 6.27686 10.573 6.21875C10.4095 6.16065 10.2356 6.13724 10.0625 6.15003C9.82047 6.12794 9.5766 6.16217 9.35 6.25003C9.15518 6.34968 8.98779 6.49561 8.8625 6.67503C8.72887 6.85764 8.63518 7.06633 8.5875 7.28753C8.52197 7.53217 8.48836 7.78426 8.4875 8.03753L6.25 8.07503ZM8.75 13.075H11.25V15.575H8.75V13.075Z' fill='white'/%3E%3C/svg%3E%0A"); cursor: pointer; } .tooltip i.tooltip:hover + .tiptextwrap, .tooltip i.tooltip:active + .tiptextwrap { visibility: visible; } .tooltip .tiptextwrap { position: absolute; width: 343px; left: 12px; bottom: 36px; /* white */ background: white; border: 1px solid #e5e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 4px 8px rgba(45, 40, 77, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 8px rgba(45, 40, 77, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 16px 25px 16px 16px; visibility: hidden; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .tooltip .tiptextwrap span { color: #646768; display: block; width: 100%; font-family: Nunito Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; } .SortByFilterSectionComponent .tooltip .tiptextwrap { left: unset; right: 12px; } @media (max-width: 576px) { .SortByFilterSectionComponent .tooltip .tiptextwrap { left: -55px; } } .u-border-all { border: 0.0625rem solid #e5e6e6; } .u-border-top { border-top: 0.0625rem solid #e5e6e6; } .u-border-right { border-right: 0.0625rem solid #e5e6e6; } .u-border-bottom { border-bottom: 0.0625rem solid #e5e6e6; } .u-border-left { border-left: 0.0625rem solid #e5e6e6; } .u-width-8 { width: 8%; } .u-width-16 { width: 16%; } .u-width-25 { width: 25%; } .u-width-33 { width: 33%; } .u-width-41 { width: 41%; } .u-width-50 { width: 50%; } .u-width-58 { width: 58%; } .u-width-66 { width: 66%; } .u-width-75 { width: 75%; } .u-width-83 { width: 83%; } .u-width-91 { width: 91%; } .u-width-100 { width: 100%; } .u-m-0 { margin: 0px !important; } .u-p-0 { padding: 0px !important; } .u-mt-0 { margin-top: 0px !important; } .u-pt-0 { padding-top: 0px !important; } .u-mb-0 { margin-bottom: 0px !important; } .u-pb-0 { padding-bottom: 0px !important; } .u-ml-0 { margin-left: 0px !important; } .u-pl-0 { padding-left: 0px !important; } .u-mr-0 { margin-right: 0px !important; } .u-pr-0 { padding-right: 0px !important; } .u-m-2 { margin: 2px !important; } .u-p-2 { padding: 2px !important; } .u-mt-2 { margin-top: 2px !important; } .u-pt-2 { padding-top: 2px !important; } .u-mb-2 { margin-bottom: 2px !important; } .u-pb-2 { padding-bottom: 2px !important; } .u-ml-2 { margin-left: 2px !important; } .u-pl-2 { padding-left: 2px !important; } .u-mr-2 { margin-right: 2px !important; } .u-pr-2 { padding-right: 2px !important; } .u-m-4 { margin: 4px !important; } .u-p-4 { padding: 4px !important; } .u-mt-4 { margin-top: 4px !important; } .u-pt-4 { padding-top: 4px !important; } .u-mb-4 { margin-bottom: 4px !important; } .u-pb-4 { padding-bottom: 4px !important; } .u-ml-4 { margin-left: 4px !important; } .u-pl-4 { padding-left: 4px !important; } .u-mr-4 { margin-right: 4px !important; } .u-pr-4 { padding-right: 4px !important; } .u-m-6 { margin: 6px !important; } .u-p-6 { padding: 6px !important; } .u-mt-6 { margin-top: 6px !important; } .u-pt-6 { padding-top: 6px !important; } .u-mb-6 { margin-bottom: 6px !important; } .u-pb-6 { padding-bottom: 6px !important; } .u-ml-6 { margin-left: 6px !important; } .u-pl-6 { padding-left: 6px !important; } .u-mr-6 { margin-right: 6px !important; } .u-pr-6 { padding-right: 6px !important; } .u-m-8 { margin: 8px !important; } .u-p-8 { padding: 8px !important; } .u-mt-8 { margin-top: 8px !important; } .u-pt-8 { padding-top: 8px !important; } .u-mb-8 { margin-bottom: 8px !important; } .u-pb-8 { padding-bottom: 8px !important; } .u-ml-8 { margin-left: 8px !important; } .u-pl-8 { padding-left: 8px !important; } .u-mr-8 { margin-right: 8px !important; } .u-pr-8 { padding-right: 8px !important; } .u-m-10 { margin: 10px !important; } .u-p-10 { padding: 10px !important; } .u-mt-10 { margin-top: 10px !important; } .u-pt-10 { padding-top: 10px !important; } .u-mb-10 { margin-bottom: 10px !important; } .u-pb-10 { padding-bottom: 10px !important; } .u-ml-10 { margin-left: 10px !important; } .u-pl-10 { padding-left: 10px !important; } .u-mr-10 { margin-right: 10px !important; } .u-pr-10 { padding-right: 10px !important; } .u-m-12 { margin: 12px !important; } .u-p-12 { padding: 12px !important; } .u-mt-12 { margin-top: 12px !important; } .u-pt-12 { padding-top: 12px !important; } .u-mb-12 { margin-bottom: 12px !important; } .u-pb-12 { padding-bottom: 12px !important; } .u-ml-12 { margin-left: 12px !important; } .u-pl-12 { padding-left: 12px !important; } .u-mr-12 { margin-right: 12px !important; } .u-pr-12 { padding-right: 12px !important; } .u-m-14 { margin: 14px !important; } .u-p-14 { padding: 14px !important; } .u-mt-14 { margin-top: 14px !important; } .u-pt-14 { padding-top: 14px !important; } .u-mb-14 { margin-bottom: 14px !important; } .u-pb-14 { padding-bottom: 14px !important; } .u-ml-14 { margin-left: 14px !important; } .u-pl-14 { padding-left: 14px !important; } .u-mr-14 { margin-right: 14px !important; } .u-pr-14 { padding-right: 14px !important; } .u-m-16 { margin: 16px !important; } .u-p-16 { padding: 16px !important; } .u-mt-16 { margin-top: 16px !important; } .u-pt-16 { padding-top: 16px !important; } .u-mb-16 { margin-bottom: 16px !important; } .u-pb-16 { padding-bottom: 16px !important; } .u-ml-16 { margin-left: 16px !important; } .u-pl-16 { padding-left: 16px !important; } .u-mr-16 { margin-right: 16px !important; } .u-pr-16 { padding-right: 16px !important; } .u-m-18 { margin: 18px !important; } .u-p-18 { padding: 18px !important; } .u-mt-18 { margin-top: 18px !important; } .u-pt-18 { padding-top: 18px !important; } .u-mb-18 { margin-bottom: 18px !important; } .u-pb-18 { padding-bottom: 18px !important; } .u-ml-18 { margin-left: 18px !important; } .u-pl-18 { padding-left: 18px !important; } .u-mr-18 { margin-right: 18px !important; } .u-pr-18 { padding-right: 18px !important; } .u-m-20 { margin: 20px !important; } .u-p-20 { padding: 20px !important; } .u-mt-20 { margin-top: 20px !important; } .u-pt-20 { padding-top: 20px !important; } .u-mb-20 { margin-bottom: 20px !important; } .u-pb-20 { padding-bottom: 20px !important; } .u-ml-20 { margin-left: 20px !important; } .u-pl-20 { padding-left: 20px !important; } .u-mr-20 { margin-right: 20px !important; } .u-pr-20 { padding-right: 20px !important; } .u-m-22 { margin: 22px !important; } .u-p-22 { padding: 22px !important; } .u-mt-22 { margin-top: 22px !important; } .u-pt-22 { padding-top: 22px !important; } .u-mb-22 { margin-bottom: 22px !important; } .u-pb-22 { padding-bottom: 22px !important; } .u-ml-22 { margin-left: 22px !important; } .u-pl-22 { padding-left: 22px !important; } .u-mr-22 { margin-right: 22px !important; } .u-pr-22 { padding-right: 22px !important; } .u-m-24 { margin: 24px !important; } .u-p-24 { padding: 24px !important; } .u-mt-24 { margin-top: 24px !important; } .u-pt-24 { padding-top: 24px !important; } .u-mb-24 { margin-bottom: 24px !important; } .u-pb-24 { padding-bottom: 24px !important; } .u-ml-24 { margin-left: 24px !important; } .u-pl-24 { padding-left: 24px !important; } .u-mr-24 { margin-right: 24px !important; } .u-pr-24 { padding-right: 24px !important; } .u-m-26 { margin: 26px !important; } .u-p-26 { padding: 26px !important; } .u-mt-26 { margin-top: 26px !important; } .u-pt-26 { padding-top: 26px !important; } .u-mb-26 { margin-bottom: 26px !important; } .u-pb-26 { padding-bottom: 26px !important; } .u-ml-26 { margin-left: 26px !important; } .u-pl-26 { padding-left: 26px !important; } .u-mr-26 { margin-right: 26px !important; } .u-pr-26 { padding-right: 26px !important; } .u-m-28 { margin: 28px !important; } .u-p-28 { padding: 28px !important; } .u-mt-28 { margin-top: 28px !important; } .u-pt-28 { padding-top: 28px !important; } .u-mb-28 { margin-bottom: 28px !important; } .u-pb-28 { padding-bottom: 28px !important; } .u-ml-28 { margin-left: 28px !important; } .u-pl-28 { padding-left: 28px !important; } .u-mr-28 { margin-right: 28px !important; } .u-pr-28 { padding-right: 28px !important; } .u-m-30 { margin: 30px !important; } .u-p-30 { padding: 30px !important; } .u-mt-30 { margin-top: 30px !important; } .u-pt-30 { padding-top: 30px !important; } .u-mb-30 { margin-bottom: 30px !important; } .u-pb-30 { padding-bottom: 30px !important; } .u-ml-30 { margin-left: 30px !important; } .u-pl-30 { padding-left: 30px !important; } .u-mr-30 { margin-right: 30px !important; } .u-pr-30 { padding-right: 30px !important; } .u-m-32 { margin: 32px !important; } .u-p-32 { padding: 32px !important; } .u-mt-32 { margin-top: 32px !important; } .u-pt-32 { padding-top: 32px !important; } .u-mb-32 { margin-bottom: 32px !important; } .u-pb-32 { padding-bottom: 32px !important; } .u-ml-32 { margin-left: 32px !important; } .u-pl-32 { padding-left: 32px !important; } .u-mr-32 { margin-right: 32px !important; } .u-pr-32 { padding-right: 32px !important; } .u-m-34 { margin: 34px !important; } .u-p-34 { padding: 34px !important; } .u-mt-34 { margin-top: 34px !important; } .u-pt-34 { padding-top: 34px !important; } .u-mb-34 { margin-bottom: 34px !important; } .u-pb-34 { padding-bottom: 34px !important; } .u-ml-34 { margin-left: 34px !important; } .u-pl-34 { padding-left: 34px !important; } .u-mr-34 { margin-right: 34px !important; } .u-pr-34 { padding-right: 34px !important; } .u-m-36 { margin: 36px !important; } .u-p-36 { padding: 36px !important; } .u-mt-36 { margin-top: 36px !important; } .u-pt-36 { padding-top: 36px !important; } .u-mb-36 { margin-bottom: 36px !important; } .u-pb-36 { padding-bottom: 36px !important; } .u-ml-36 { margin-left: 36px !important; } .u-pl-36 { padding-left: 36px !important; } .u-mr-36 { margin-right: 36px !important; } .u-pr-36 { padding-right: 36px !important; } .u-m-38 { margin: 38px !important; } .u-p-38 { padding: 38px !important; } .u-mt-38 { margin-top: 38px !important; } .u-pt-38 { padding-top: 38px !important; } .u-mb-38 { margin-bottom: 38px !important; } .u-pb-38 { padding-bottom: 38px !important; } .u-ml-38 { margin-left: 38px !important; } .u-pl-38 { padding-left: 38px !important; } .u-mr-38 { margin-right: 38px !important; } .u-pr-38 { padding-right: 38px !important; } .u-m-40 { margin: 40px !important; } .u-p-40 { padding: 40px !important; } .u-mt-40 { margin-top: 40px !important; } .u-pt-40 { padding-top: 40px !important; } .u-mb-40 { margin-bottom: 40px !important; } .u-pb-40 { padding-bottom: 40px !important; } .u-ml-40 { margin-left: 40px !important; } .u-pl-40 { padding-left: 40px !important; } .u-mr-40 { margin-right: 40px !important; } .u-pr-40 { padding-right: 40px !important; } .u-textalign-left { text-align: left !important; } .u-textalign-right { text-align: right !important; } .u-textalign-center { text-align: center !important; } .u-textalign-justify { text-align: justify !important; } .u-text-right { text-align: right; } .u-whitespace-nowrap, .no-wrap, .u-nowrap, .u-text-nowrap { white-space: nowrap; } .u-noscroll { overflow-y: hidden; } .u-text-bold { font-weight: bold; } .u-text-italic { font-style: italic; } @media all and (min-width: 1101px) and (max-width: 4000px) { .u-hide-desktop { display: none !important; } } @media all and (min-width: 577px) and (max-width: 4000px) { .u-hide-desktop-and-tablet { display: none !important; } } @media all and (min-width: 577px) and (max-width: 1100px) { .u-hide-tablet-only { display: none !important; } } @media all and (min-width: 0px) and (max-width: 1100px) { .u-hide-tablet-and-mobile { display: none !important; } } @media all and (max-width: 576px) { .u-hide-mobile-only { display: none !important; } } .u-float-left { float: left !important; } .u-float-right { float: right !important; } .u-float-none { float: none !important; } br { display: block; width: 0rem; height: 1rem; content: ' '; } .u-divider-100 { border-width: 0 0 0.0625rem 0; border-bottom: 0.0625rem solid #e5e6e6; margin: 1rem auto; padding: 0 0rem; width: 100vw; max-width: 100vw; } hr.u-divider-flex { border-width: 0 0 0.0625rem 0; border-bottom: 0.0625rem solid #e5e6e6; width: 100%; max-width: 73.81rem; margin: 1rem auto; padding: 0; } hr.u-basic-hr { border: none; height: 0.0625rem; color: #e5e6e6; background-color: #e5e6e6; margin: 1rem 0; padding: 0; } .MultiSelectFiltersComponent { border: 1px solid #e5e6e6; border-radius: 0.5rem 0.5rem 0 0; } .MultiSelectFiltersComponent .filters-title { color: #19172c; margin-bottom: 1rem; font-size: 1.125rem; line-height: 26px; } .MultiSelectFiltersComponent .filters-columns { display: -webkit-flex; display: -ms-flexbox; display: flex; } .MultiSelectFiltersComponent .filters-columns .column { padding-left: 1rem; } .MultiSelectFiltersComponent .filters-columns .column.IndustryFilterSectionComponent, .MultiSelectFiltersComponent .filters-columns .column.SizesFilterSectionComponent { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; overflow-x: hidden; } .MultiSelectFiltersComponent .filters-columns .column.PricingFilterSectionComponent { -webkit-flex: 0 1 33.33333%; -ms-flex: 0 1 33.33333%; flex: 0 1 33.33333%; } @media (max-width: 768px) { .MultiSelectFiltersComponent .filters-columns .column.PricingFilterSectionComponent { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; } } .MultiSelectFiltersComponent .filters-columns .column.SortByFilterSectionComponent { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; min-width: 12.5rem; } .MultiSelectFiltersComponent .filters-columns .column .title-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .MultiSelectFiltersComponent .filters-columns .column .filters-list-title { color: #646768; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 0.5rem; } .MultiSelectFiltersComponent .filters-columns .column:first-child { margin: 0; } .MultiSelectFiltersComponent .filters-columns .column .filters-list { height: 8.75rem; overflow-y: scroll; -webkit-overflow-scrolling: auto; overflow-x: hidden; } .MultiSelectFiltersComponent .filters-columns .column .filters-list::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .MultiSelectFiltersComponent .filters-columns .column .filters-list::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .CheckboxFilterComponent label, .RadioFilterComponent label { white-space: nowrap; color: #323434; font-size: 14px; } .CheckboxFilterComponent label span.radio:after, .CheckboxFilterComponent label span.checkbox:after, .RadioFilterComponent label span.radio:after, .RadioFilterComponent label span.checkbox:after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0)), color-stop(75%, white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); content: ''; position: absolute; right: 0px; height: 100%; width: 16px; } @media (max-width: 576px) { .flexColumnContainer.filters-mobile-active { overflow: hidden !important; } .filters-mobile-controls { text-align: right; margin-bottom: 1rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .filters-mobile-controls .total-products { font-size: 95%; color: black; } .filters-mobile-controls .button { border-width: 2px !important; position: relative; } .filters-mobile-controls .button i { display: inline-block; width: 0.95rem; height: 0.95rem; background-size: 0.95rem; background-repeat: no-repeat; background-position: center; margin: 0 auto; position: relative; top: 4px; margin-right: 4px; left: -4px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%207.2998H0V8.6998H16V7.2998Z%22%20fill%3D%22%23544B91%22%2F%3E%0A%3Cpath%20d%3D%22M16%2012.2998H0V13.6998H16V12.2998Z%22%20fill%3D%22%23544B91%22%2F%3E%0A%3Cpath%20d%3D%22M16%202.2998H0V3.6998H16V2.2998Z%22%20fill%3D%22%23544B91%22%2F%3E%0A%3Cpath%20d%3D%22M3.5%204.5C4.32843%204.5%205%203.82843%205%203C5%202.17157%204.32843%201.5%203.5%201.5C2.67157%201.5%202%202.17157%202%203C2%203.82843%202.67157%204.5%203.5%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M3.50078%205.19981C3.06566%205.19981%202.64032%205.07078%202.27853%204.82904C1.91674%204.5873%201.63476%204.24371%201.46825%203.84171C1.30173%203.43971%201.25817%202.99737%201.34305%202.57061C1.42794%202.14385%201.63747%201.75185%201.94515%201.44417C2.25282%201.1365%202.64483%200.926966%203.07158%200.842078C3.49834%200.757191%203.94069%200.800758%204.34269%200.967271C4.74468%201.13378%205.08828%201.41576%205.33002%201.77755C5.57175%202.13934%205.70078%202.56469%205.70078%202.99981C5.69815%203.58247%205.46552%204.14052%205.05351%204.55253C4.6415%204.96455%204.08345%205.19717%203.50078%205.19981ZM3.50078%202.19981C3.34256%202.19981%203.18789%202.24672%203.05633%202.33463C2.92477%202.42254%202.82223%202.54748%202.76168%202.69366C2.70113%202.83984%202.68529%203.00069%202.71615%203.15588C2.74702%203.31106%202.82321%203.45361%202.9351%203.56549C3.04698%203.67737%203.18953%203.75357%203.34471%203.78443C3.49989%203.8153%203.66075%203.79946%203.80693%203.73891C3.95311%203.67836%204.07805%203.57582%204.16596%203.44426C4.25386%203.3127%204.30078%203.15803%204.30078%202.99981C4.30078%202.78763%204.2165%202.58415%204.06647%202.43412C3.91644%202.28409%203.71296%202.19981%203.50078%202.19981Z%22%20fill%3D%22%23544B91%22%2F%3E%0A%3Cpath%20d%3D%22M12.5%209.5C13.3284%209.5%2014%208.82843%2014%208C14%207.17157%2013.3284%206.5%2012.5%206.5C11.6716%206.5%2011%207.17157%2011%208C11%208.82843%2011.6716%209.5%2012.5%209.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.5008%2010.1998C12.0657%2010.1998%2011.6403%2010.0708%2011.2785%209.82904C10.9167%209.5873%2010.6348%209.24371%2010.4682%208.84171C10.3017%208.43971%2010.2582%207.99737%2010.3431%207.57061C10.4279%207.14385%2010.6375%206.75185%2010.9451%206.44417C11.2528%206.1365%2011.6448%205.92697%2012.0716%205.84208C12.4983%205.75719%2012.9407%205.80076%2013.3427%205.96727C13.7447%206.13378%2014.0883%206.41576%2014.33%206.77755C14.5718%207.13934%2014.7008%207.56469%2014.7008%207.99981C14.6982%208.58247%2014.4655%209.14052%2014.0535%209.55253C13.6415%209.96455%2013.0834%2010.1972%2012.5008%2010.1998ZM12.5008%207.19981C12.3426%207.19981%2012.1879%207.24672%2012.0563%207.33463C11.9248%207.42254%2011.8222%207.54748%2011.7617%207.69366C11.7011%207.83984%2011.6853%208.00069%2011.7162%208.15588C11.747%208.31106%2011.8232%208.45361%2011.9351%208.56549C12.047%208.67737%2012.1895%208.75357%2012.3447%208.78443C12.4999%208.8153%2012.6607%208.79946%2012.8069%208.73891C12.9531%208.67836%2013.0781%208.57582%2013.166%208.44426C13.2539%208.3127%2013.3008%208.15803%2013.3008%207.99981C13.3008%207.78763%2013.2165%207.58415%2013.0665%207.43412C12.9164%207.28409%2012.713%207.19981%2012.5008%207.19981Z%22%20fill%3D%22%23544B91%22%2F%3E%0A%3Cpath%20d%3D%22M6.5%2014.5C7.32843%2014.5%208%2013.8284%208%2013C8%2012.1716%207.32843%2011.5%206.5%2011.5C5.67157%2011.5%205%2012.1716%205%2013C5%2013.8284%205.67157%2014.5%206.5%2014.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M6.50078%2015.1998C6.06566%2015.1998%205.64032%2015.0708%205.27853%2014.829C4.91674%2014.5873%204.63476%2014.2437%204.46825%2013.8417C4.30173%2013.4397%204.25817%2012.9974%204.34305%2012.5706C4.42794%2012.1438%204.63747%2011.7518%204.94515%2011.4442C5.25282%2011.1365%205.64483%2010.927%206.07158%2010.8421C6.49834%2010.7572%206.94069%2010.8008%207.34269%2010.9673C7.74468%2011.1338%208.08828%2011.4158%208.33002%2011.7776C8.57175%2012.1393%208.70078%2012.5647%208.70078%2012.9998C8.69815%2013.5825%208.46552%2014.1405%208.05351%2014.5525C7.6415%2014.9645%207.08345%2015.1972%206.50078%2015.1998ZM6.50078%2012.1998C6.34256%2012.1998%206.18789%2012.2467%206.05633%2012.3346C5.92477%2012.4225%205.82223%2012.5475%205.76168%2012.6937C5.70113%2012.8398%205.68529%2013.0007%205.71615%2013.1559C5.74702%2013.3111%205.82322%2013.4536%205.9351%2013.5655C6.04698%2013.6774%206.18953%2013.7536%206.34471%2013.7844C6.49989%2013.8153%206.66075%2013.7995%206.80693%2013.7389C6.95311%2013.6784%207.07805%2013.5758%207.16596%2013.4443C7.25386%2013.3127%207.30078%2013.158%207.30078%2012.9998C7.30078%2012.7876%207.2165%2012.5841%207.06647%2012.4341C6.91644%2012.2841%206.71296%2012.1998%206.50078%2012.1998Z%22%20fill%3D%22%23544B91%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .filters-mobile-controls .button.filters-button-applied { width: 100%; } .filters-mobile-controls .button.filters-button-applied .filters-count { background: #fff; color: #6b61ae; border-radius: 100px; display: inline-block; min-width: 1.5rem; height: 1.5rem; padding-top: 2px; text-align: center; position: absolute; left: 0.5rem; top: 0.375rem; } .filters { position: fixed; top: 0; left: 0; width: 100vw; height: 100% !important; background: #fff; z-index: 9999; margin-top: 0; padding: 1rem 1rem 4.5rem 1rem; overflow-y: scroll; border-radius: 0; } .filters .filters-title { display: none; } .filters .filters-title.filters-mobile-title { display: block; margin-top: 1rem; margin-bottom: 1.75rem; font-weight: bold; } .filters .filters-mobile-close { display: block; position: absolute; right: 1rem; top: 2rem; text-indent: -9999em; width: 1rem; height: 1rem; background-size: 1rem; background-repeat: no-repeat; background-position: cover; background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctitle%3Eicon%3C%2Ftitle%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%3Cpath%20d%3D%22M6.32%2C6.19h0Z%22%20fill%3D%22%23595458%22%2F%3E%3Cpolygon%20points%3D%2214.15%202.84%2013.16%201.85%208%207.01%202.84%201.85%201.85%202.84%207.01%208%201.85%2013.16%202.84%2014.15%208%208.99%2013.16%2014.15%2014.15%2013.16%208.99%208%2014.15%202.84%22%20fill%3D%22%23595458%22%2F%3E%3C%2Fsvg%3E"); } .filters .filters-columns { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .filters .filters-columns .column { margin-bottom: 1.5rem; padding-left: 0; } .filters .filters-columns .column:first-child { margin-bottom: 1.5rem; } .filters .filters-columns .column h4.filters-list-title { font-size: 1rem; font-weight: bold; margin: 0rem 0rem 0.375rem 0rem; padding: 0rem 0rem 0.5rem 0rem; color: #646768; border-bottom: 1px solid #cbcdcd; } .filters .filters-columns .column ul.filters-list { height: auto; height: initial; overflow-y: hidden; } .filters .filters-columns .column ul.filters-list li.filters-mobile-toggle { display: block; margin-top: 0.5rem; } .filters .filters-columns .column ul.filters-list li.filters-mobile-toggle p { color: #544b91; font-weight: bold; } .filters .filters-columns .column ul.filters-list.filters-list-expanded li.filters-list-item { display: block; } .filters .filters-columns .column ul.filters-list.filters-list-expanded li.filters-mobile-toggle { display: none; } .filters .filters-columns .column li.filters-list-item { padding: 0; margin: 0; } .filters .filters-columns .column li.filters-list-item div.RadioFilterComponent.radio-container, .filters .filters-columns .column li.filters-list-item div.CheckboxFilterComponent.checkbox-container { height: auto; height: initial; } .filters .filters-columns .column li.filters-list-item div.RadioFilterComponent.radio-container label, .filters .filters-columns .column li.filters-list-item div.CheckboxFilterComponent.checkbox-container label { padding: 0.75rem 0rem 0.75rem 0; } .filters .filters-columns .column li.filters-list-item div.RadioFilterComponent.radio-container label::before, .filters .filters-columns .column li.filters-list-item div.CheckboxFilterComponent.checkbox-container label::before { right: 0; top: 0.75rem; left: auto; left: initial; } .filters .filters-columns .column li.filters-list-item div.RadioFilterComponent.radio-container label::after, .filters .filters-columns .column li.filters-list-item div.CheckboxFilterComponent.checkbox-container label::after { right: 0.25rem; top: 1rem; left: auto; left: initial; } .filters .filters-columns .column li.filters-list-item div.RadioFilterComponent.radio-container label span::after, .filters .filters-columns .column li.filters-list-item div.CheckboxFilterComponent.checkbox-container label span::after { display: none; } .filters .filters-mobile-submit { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; bottom: 0; left: 0; right: 0; background: white; padding: 1rem; -webkit-box-shadow: 0px -2px 4px -2px #b1b3b4; box-shadow: 0px -2px 4px -2px #b1b3b4; } .filters .filters-mobile-submit .button.md { padding: 8px 52px; margin-left: auto; } .filters .filters-mobile-submit a.reset-button { font-size: 0.875rem; color: #544b91; font-weight: bold; width: 78px; text-align: center; } .filters .filters-mobile-submit:last-child { text-align: right; } } .CategoryComponent { -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; } .CategoryComponent section#product-info section.secondary { width: 100%; margin: 0 auto 4rem; } @media (max-width: 576px) { .CategoryComponent section#product-info .desktop-top-recommended { display: none; } } .PopularComparisonsComponent .secondary.comparison { width: 100%; margin: 0 auto 4rem; } .PopularComparisonsComponent .primary-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -1.5rem 0 1.5rem -1.5rem; } .PopularComparisonsComponent .primary-wrapper > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .PopularComparisonsComponent .primary-wrapper > * { padding: 1.5rem 0 0 1.5rem; } @media (max-width: 768px) { .PopularComparisonsComponent .primary-wrapper { margin: -1rem 0 1rem -1rem; } .PopularComparisonsComponent .primary-wrapper > * { padding: 1rem 0 0 1rem; } } .PopularComparisonsComponent .primary-wrapper .column.comparison__card { -webkit-flex: 0 1 50%; flex: 0 1 50%; -ms-flex: 0 1 41.66667%; text-decoration: none; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content { margin: -0.25rem 0; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--logo { -webkit-flex: 0 1 41.66667%; -ms-flex: 0 1 41.66667%; flex: 0 1 41.66667%; text-align: center; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--logo .content div.image-container { border: 1px solid #f2f2f3; width: 5rem; height: 5rem; margin: auto; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--logo .content div.image-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--logo .content div.image-container img { width: calc(100% - 2rem); display: inline-block; vertical-align: middle; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--logo .content p.product-title { margin-top: 0.5rem; color: #2d284d; overflow: hidden; max-width: 100%; max-height: 40px; margin: 0.5rem auto 0; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--vs { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: center; padding: 0 24px; } .PopularComparisonsComponent .primary-wrapper .column.comparison__card .content .wrapper .column.comparison__card--vs i.icon-versus { margin: 0 auto; padding: 0 5%; border-radius: 100px; width: 2rem; height: 2rem; background: #e9e7f3; color: black; display: block; padding: 6px 0px 0px 0px; text-align: center; font-size: 12px; font-weight: 800; } @media (max-width: 768px) { .PopularComparisonsComponent .secondary.comparison > .wrapper { margin: 0; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin-left: -1rem; margin-top: -0.5rem; padding: 0.5rem 0 0 1rem; position: relative; width: calc(100vw); overflow: scroll; } .PopularComparisonsComponent .secondary.comparison > .wrapper > * { padding: 0; } .PopularComparisonsComponent .secondary.comparison > .wrapper .column.comparison__card { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-basis: calc(100vw - 3.5rem); -ms-flex-preferred-size: calc(100vw - 3.5rem); flex-basis: calc(100vw - 3.5rem); margin-bottom: 1.5rem; padding: 0 1rem 0 0; } .PopularComparisonsComponent .secondary.comparison > .wrapper .swiped { display: none; pointer-events: none; } } .PricingGuideComponent .wrapper { margin-bottom: 4rem; /* Standardizes margins. Need this if not including gutters */ } .PricingGuideComponent .wrapper .pricing-guide-wrapper { cursor: pointer; -webkit-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.15); box-shadow: 0 2px 4px rgba(102, 102, 102, 0.15); border-radius: 0.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .PricingGuideComponent .wrapper .pricing-guide-wrapper > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 576px) { .PricingGuideComponent .wrapper .pricing-guide-wrapper { -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 4rem 0; background-image: url("https://software-advice.imgix.net/category_page/pricing-guide-background.png?fit=clip&h=&w=&auto=compress,format"); background-size: cover; border-radius: 0.5rem 0 0 0.5rem; } @media (max-width: 576px) { .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro { border-radius: 0.5rem 0.5rem 0 0; } } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: -1.5rem 0 1.5rem -1.5rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper > * { padding: 1.5rem 0 0 1.5rem; } @media (max-width: 768px) { .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper { margin: -1rem 0 1rem -1rem; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper > * { padding: 1rem 0 0 1rem; } } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper div { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper div img { opacity: 1; width: 100%; max-width: 7rem; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper .tagline { -webkit-flex: 0 1 58.33333%; -ms-flex: 0 1 58.33333%; flex: 0 1 58.33333%; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__intro .wrapper .tagline h2 { color: white; font-size: 26px; font-weight: 800; line-height: 34px; margin: 0; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 2rem; background: white; border-radius: 0 0.5rem 0.5rem 0; border-right: 1px solid #e5e6e6; border-top: 1px solid #e5e6e6; border-bottom: 1px solid #e5e6e6; } @media (max-width: 576px) { .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta { border-radius: 0 0 0.5rem 0.5rem; } } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta .content .cta-tagline { color: #19172c; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta .content li { position: relative; margin-left: 0.5rem; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta .content li::before { content: ''; width: 1.25rem; height: 1.25rem; display: block; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.87965 13.23L1.13965 8.49001L2.12965 7.50001L5.87965 11.25L13.8696 3.26001L14.8596 4.25001L5.87965 13.23Z' fill='%23ffffff'/%3E%3C/svg%3E"); background-size: 0.75rem; background-repeat: no-repeat; background-position: 4px 4px; background-color: #544b91; border-radius: 0.75rem; position: absolute; left: 0; top: 0; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta .content li p { padding-left: 2rem; margin-bottom: 0.5rem; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta .content .button { margin-top: 1rem; float: right; } @media (max-width: 576px) { .PricingGuideComponent .wrapper .pricing-guide-wrapper .column.pricing-guide__cta .content .button { width: 100%; } } @media (max-width: 768px) { .PricingGuideComponent .wrapper .pricing-guide-wrapper .pricing-guide-wrapper { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .pricing-guide-wrapper .column.pricing-guide__intro { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 1rem 0; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } .PricingGuideComponent .wrapper .pricing-guide-wrapper .pricing-guide-wrapper .column.pricing-guide__cta { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; border-top-right-radius: 0; border-bottom-left-radius: 0.5rem; border-top: 0; } } .RelatedSoftwareComponent { margin: 0 auto 4rem; width: 100%; } .RelatedSoftwareComponent h2:first-of-type { font-size: 1.625rem; line-height: 2.125rem; margin: 0 0 1rem; } .RelatedSoftwareComponent .related-content { -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; margin: 0 0 1rem; } .RelatedSoftwareComponent .related-content .related-header { margin-bottom: 0.1rem; } .RelatedSoftwareComponent .related-content .related-header p { color: #0c0d0d; font-size: 18px; font-weight: bold; line-height: 24px; } .RelatedSoftwareComponent .related-content .related-links > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 100%; } .RelatedSoftwareComponent .related-content .related-links > ul li { -webkit-flex: 1 1 32%; -ms-flex: 1 1 32%; flex: 1 1 32%; max-width: 32%; padding: 0.25rem 1rem 0 0; } .RelatedSoftwareComponent .related-content .related-links > ul li a { font-weight: 700; color: #544b91; } @media (max-width: 576px) { .RelatedSoftwareComponent .related-content .related-links > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } .RelatedSoftwareComponent .related-content .related-links > ul li { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .TopFeaturesComponent { margin-bottom: 4rem; } @media (max-width: 576px) { .TopFeaturesComponent { margin-bottom: 2.5rem; } } .TopFeaturesComponent > article { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 576px) { .TopFeaturesComponent > article { overflow-x: scroll; } } .TopFeaturesComponent > article > section { border: 1px solid #e5e6e6; border-right: none; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #19172c; -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; padding: 1rem 0; min-height: 190px; } @media (max-width: 576px) { .TopFeaturesComponent > article > section { position: absolute; top: -9999px; left: -9999px; } } .TopFeaturesComponent > article > section > button { background-color: #19172c; border: none; color: white; height: 3.25rem; width: 100%; font-size: 0.875rem; position: relative; padding-left: 3rem; text-align: left; } .TopFeaturesComponent > article > section > button.active { background-color: #544b91; font-weight: 700; } .TopFeaturesComponent > article > section > button:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Eicon%3C/title%3E%3Crect width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpath d='M8,15.7A7.7,7.7,0,1,1,15.7,8,7.7,7.7,0,0,1,8,15.7Zm0-14A6.3,6.3,0,1,0,14.3,8,6.31,6.31,0,0,0,8,1.7Z' fill='%23FD810D'/%3E%3Cpolygon points='7.25 11.49 6.26 10.51 8.76 8 6.26 5.5 7.25 4.5 10.74 8 7.25 11.49' fill='%23FD810D'/%3E%3C/svg%3E"); height: 1rem; left: 1rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 1rem; } .TopFeaturesComponent > article > section > button:hover { background-color: #2d284d; font-weight: 700; } @media (max-width: 576px) { .TopFeaturesComponent > article > div { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .TopFeaturesComponent > article > div > article { border: 1px solid #e5e6e6; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; height: 100%; max-height: 294px; overflow-y: auto; -webkit-overflow-scrolling: auto; padding: 2rem; width: 100%; } .TopFeaturesComponent > article > div > article::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .TopFeaturesComponent > article > div > article::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } @media (max-width: 576px) { .TopFeaturesComponent > article > div > article { border-radius: 0.5rem; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-basis: calc(100vw - 5rem); -ms-flex-preferred-size: calc(100vw - 5rem); flex-basis: calc(100vw - 5rem); -ms-flex: 1 0 75%; height: 346px; max-height: none; margin: 0 1.5rem 1.5rem 0; } .TopFeaturesComponent > article > div > article:last-child { margin-right: 0; } } .TopFeaturesComponent > article > div > article.swiped { display: none; pointer-events: none; } .TopFeaturesComponent > article > div > article.hidden { position: absolute; top: -9999px; left: -9999px; } @media (max-width: 576px) { .TopFeaturesComponent > article > div > article.hidden { position: relative; top: auto; left: auto; } } .TopFeaturesComponent > article > div > article > h3 { font-size: 1rem; font-weight: 700; line-height: 1.375rem; } .TopFeaturesComponent > article > div > article > p { font-size: 0.875rem; color: #4b4d4e; } .indicator-wrapper { position: absolute; left: 1px; top: -.0625rem; width: calc(100% - 2px); height: calc(100% - 4px); z-index: 102; background: white; } .indicator-wrapper .indicator { margin-top: 10%; } .indicator-wrapper .indicator .indeterminate-loop { text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .indeterminate-loop .indicator-dots span { display: inline-block; width: .75rem; height: .75rem; border-radius: 6.25rem; margin: 0 .35rem; opacity: 0; background-color: #404859; } .indeterminate-loop span:nth-child(1) { -webkit-animation: opacityChange 1s ease infinite; animation: opacityChange 1s ease infinite; } .indeterminate-loop span:nth-child(2) { -webkit-animation: opacityChange 1s ease 0.2s infinite; animation: opacityChange 1s ease 0.2s infinite; } .indeterminate-loop span:nth-child(3) { -webkit-animation: opacityChange 1s ease 0.4s infinite; animation: opacityChange 1s ease 0.4s infinite; } @-webkit-keyframes opacityChange { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } @keyframes opacityChange { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } .indicator-wrapper { opacity: 0; visibility: hidden; -webkit-transition: all 150ms ease 50ms; transition: all 150ms ease 50ms; } .indicator-wrapper .indicator { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: -webkit-transform 50ms ease 0ms; transition: -webkit-transform 50ms ease 0ms; transition: transform 50ms ease 0ms; transition: transform 50ms ease 0ms, -webkit-transform 50ms ease 0ms; } .indicator-wrapper.indicator-wrapper-activated { opacity: 1; visibility: visible; -webkit-transition: all 0ms ease 0ms; transition: all 0ms ease 0ms; } .indicator-wrapper.indicator-wrapper-activated .indicator { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 75ms ease 10ms; transition: -webkit-transform 75ms ease 10ms; transition: transform 75ms ease 10ms; transition: transform 75ms ease 10ms, -webkit-transform 75ms ease 10ms; } @-webkit-keyframes fade { 0% { opacity: 1; } } @keyframes fade { 0% { opacity: 1; } } @-webkit-keyframes scale { 81% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale { 81% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .BestValueProductComponentV1 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: calc(33.33% - 1.5rem); -ms-flex-preferred-size: calc(33.33% - 1.5rem); flex-basis: calc(33.33% - 1.5rem); text-decoration: none; margin-bottom: 0 !important; } @media (max-width: 576px) { .BestValueProductComponentV1 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: calc(50% - 1.5rem); -ms-flex-preferred-size: calc(50% - 1.5rem); flex-basis: calc(50% - 1.5rem); } } .BestValueProductComponentV1 > div { -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0.25rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; height: 100%; } .BestValueProductComponentV1 > div > figure { -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #e5e6e6; border-radius: 0.25rem; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2.75rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0.25rem; text-align: center; width: 2.75rem; } .BestValueProductComponentV1 > div > figure > img { max-height: 2.25rem; max-width: 2.25rem; width: auto; } .BestValueProductComponentV1 > div > p { text-align: center; } .BestValueListComponentV1 > h4 { color: #4b4d4e; line-height: 1.375rem; margin-bottom: 1.5rem; } .BestValueListComponentV1 > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: -1.5rem 0 1.5rem -1.5rem; } .BestValueListComponentV1 > div > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .BestValueListComponentV1 > div > * { padding: 1.5rem 0 0 1.5rem; } @media (max-width: 768px) { .BestValueListComponentV1 > div { margin: -1rem 0 1rem -1rem; } .BestValueListComponentV1 > div > * { padding: 1rem 0 0 1rem; } } .PricingTipsComponent { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -1.5rem 0 1.5rem -1.5rem; } .PricingTipsComponent > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .PricingTipsComponent > * { padding: 1.5rem 0 0 1.5rem; } @media (max-width: 768px) { .PricingTipsComponent { margin: -1rem 0 1rem -1rem; } .PricingTipsComponent > * { padding: 1rem 0 0 1rem; } } .PricingTipsComponent > section { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: calc(50% - 1.5rem); -ms-flex-preferred-size: calc(50% - 1.5rem); flex-basis: calc(50% - 1.5rem); } @media (max-width: 576px) { .PricingTipsComponent > section { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .PricingTipsComponent > section > h4, .PricingTipsComponent > section > ul li { color: #4b4d4e; font-size: 0.875rem; } .PricingTipsComponent > section > h4 { font-weight: 700; line-height: 1.25rem; position: relative; padding-left: 1.5rem; } .PricingTipsComponent > section > h4::before { background-size: contain; content: ''; height: 1rem; left: 0; position: absolute; top: 0; width: 1rem; } .PricingTipsComponent > section > h4.icon-calendar::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.38V0.119995H11V1.38H5V0.119995H3V1.38H0.25V15.88H15.75V1.38H13ZM14.25 14.38H1.75V2.88H14.25V14.38Z' fill='%23FD810D'/%3E%3Cpath d='M7.5 4.13H5.5V6.13H7.5V4.13Z' fill='%23FD810D'/%3E%3Cpath d='M10.5 4.13H8.5V6.13H10.5V4.13Z' fill='%23FD810D'/%3E%3Cpath d='M13.5 4.13H11.5V6.13H13.5V4.13Z' fill='%23FD810D'/%3E%3Cpath d='M4.5 7.63H2.5V9.63H4.5V7.63Z' fill='%23FD810D'/%3E%3Cpath d='M7.5 7.63H5.5V9.63H7.5V7.63Z' fill='%23FD810D'/%3E%3Cpath d='M10.5 7.63H8.5V9.63H10.5V7.63Z' fill='%23FD810D'/%3E%3Cpath d='M13.5 7.63H11.5V9.63H13.5V7.63Z' fill='%23FD810D'/%3E%3Cpath d='M4.5 11.13H2.5V13.13H4.5V11.13Z' fill='%23FD810D'/%3E%3Cpath d='M7.5 11.13H5.5V13.13H7.5V11.13Z' fill='%23FD810D'/%3E%3Cpath d='M10.5 11.13H8.5V13.13H10.5V11.13Z' fill='%23FD810D'/%3E%3C/svg%3E"); } .PricingTipsComponent > section > h4.icon-infinity::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4 4.41666C11.44 4.41666 10.5333 4.79 9.88334 5.44L8 7.10666L7.99666 7.10332L6.98666 7.99332L6.99331 7.99997L5.19666 9.59332C4.77 10.0167 4.20334 10.25 3.6 10.25C2.35334 10.25 1.34 9.24 1.34 8C1.34 6.76 2.35334 5.75 3.6 5.75C4.20334 5.75 4.77 5.98335 5.22666 6.43666L5.98331 7.10666L6.98997 6.21666L6.14663 5.47C5.46663 4.79334 4.56328 4.42 3.59997 4.42C1.61334 4.41666 0 6.02335 0 8C0 9.97666 1.61334 11.5834 3.6 11.5834C4.56 11.5834 5.46334 11.21 6.11666 10.5633L8 8.89335L8.00334 8.89669L9.01 8.00335L9.00666 8L10.8033 6.41C11.23 5.98335 11.7967 5.75 12.4 5.75C13.6467 5.75 14.66 6.76 14.66 8C14.66 9.24 13.6467 10.25 12.4 10.25C11.7967 10.25 11.23 10.0167 10.7733 9.56666L10.0167 8.89666L9.01 9.79L9.85334 10.5367C10.5333 11.2133 11.4367 11.5833 12.3967 11.5833C14.3867 11.5833 16 9.97666 16 8C16 6.02335 14.3867 4.41666 12.4 4.41666Z' fill='%23FD810D'/%3E%3C/svg%3E"); } .PricingTipsComponent > section > ul li { line-height: 1.375rem; margin-bottom: 0.5rem; } .PricingCardComponent { background-color: #f2f2f8; border: 1px solid #e5e6e6; border-top: none; padding: 2rem 1rem 0 1rem; } .PricingCardComponent > header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.5rem; } .PricingCardComponent > header > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .PricingCardComponent > header > h3 { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 1.5rem; } .PricingCardComponent > header > a { color: #544b91; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; margin-bottom: 1rem; } .ProductListComponent > header { background-color: white; border-left: 1px solid #e5e6e6; border-right: 1px solid #e5e6e6; padding: 1.5rem; color: black; } .ProductListComponent > .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; position: relative; } .ProductListComponent > .wrapper > .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ProductListComponent > footer { padding: 1rem 0 0 0; } .TopRecommendedListComponent { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1.5rem; /* Standardizes margins. Need when not including gutters */ } .TopRecommendedListComponent.column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 576px) { .TopRecommendedListComponent { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list { background-color: white; border: 1px solid #e5e6e6; border-radius: 0.5rem; padding: 0; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list { border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 45px; padding-top: 15px; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list a { text-decoration: none; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul { width: 100%; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item { border-bottom: 1px solid #e5e6e6; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item { border-bottom: none; width: 50%; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item:hover { cursor: pointer; background-color: #f2f2f3; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item:hover { background-color: transparent; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item > a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 1rem; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item > a { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link { border-bottom: none; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link { display: none; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link:hover { cursor: default; background-color: white; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link a { display: block; padding: 10px 1rem; font-size: 14px; line-height: 20px; font-weight: 700; color: #646768; text-align: center; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link a:hover { text-decoration: underline; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link a:active, .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link a:link, .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item.recommendations__list--item-link a:visited { color: #646768; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__logo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 1rem; width: 32px; height: 32px; background: white; border: 1px solid #e5e6e6; border-radius: 0.25rem; padding: 2px; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__logo { width: 80px; height: 80px; margin-right: 0; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__logo img { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 28px; -webkit-transform: scale(1); transform: scale(1); } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__logo img { max-width: 70px; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__title { -webkit-flex: 0 1 66.66667%; -ms-flex: 0 1 66.66667%; flex: 0 1 66.66667%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__title p { color: #191a1a; font-weight: 600; text-decoration: none; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__title p { display: none; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__title p:hover { text-decoration: underline; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__title p.mobile { display: none; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__title p.mobile { display: block; margin-top: 8px; text-align: center; } } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__recs { display: none; } } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__recs p { position: relative; text-align: right; padding-right: 1.25rem; margin-left: 1rem; white-space: nowrap; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item .item__recs p::after { content: ''; width: 0.75rem; height: 0.75rem; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Eicon%3C/title%3E%3Crect width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpolygon points='12.14 3.25 12.14 4.75 13.33 4.75 8.14 9.94 5.14 6.94 0.11 11.97 1.17 13.03 5.14 9.06 8.14 12.06 14.39 5.81 14.39 7 15.89 7 15.89 3.25 12.14 3.25' fill='%23595458'/%3E%3C/svg%3E"); position: absolute; background-size: contain; right: 4px; top: 3px; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item-link-mobile { display: none; } @media (max-width: 576px) { .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item-link-mobile { border-top: 1px solid #e5e6e6; display: block; margin-top: 15px; padding: 15px; text-align: center; width: 100%; } .TopRecommendedListComponent.column.recommendations__list#top-recommended-list ul .recommendations__list--item-link-mobile > a { width: 100%; } } @media (max-width: 576px) { .TopRecommendedComponent#top-recommended p, .TopRecommendedComponent#top-recommended a, .TopRecommendedComponent#top-recommended h2 { font-weight: 700; font-family: Arial; } } .TopRecommendedComponent#top-recommended header .tooltip { display: none; } @media (max-width: 576px) { .TopRecommendedComponent#top-recommended header { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: white; border-left: 1px solid #e5e6e6; border-right: 1px solid #e5e6e6; border-top: 1px solid #e5e6e6; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .TopRecommendedComponent#top-recommended header h2 { margin: 0; } .TopRecommendedComponent#top-recommended header p { display: none; } .TopRecommendedComponent#top-recommended header .tooltip { display: block; } .TopRecommendedComponent#top-recommended header .tooltip i.tooltip { right: 0rem; } .TopRecommendedComponent#top-recommended header .tooltip .tiptextwrap { left: -260px; bottom: 50px; max-width: 343px; width: auto; } } .CategoryOverviewComponent { width: 100%; margin: 0 auto 4rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .CategoryOverviewComponent { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .CategoryOverviewComponent .column.overview__copy { -webkit-flex: 0 1 58.33333%; -ms-flex: 0 1 58.33333%; flex: 0 1 58.33333%; } @media (max-width: 1100px) { .CategoryOverviewComponent .column.overview__copy { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } } @media (max-width: 768px) { .CategoryOverviewComponent .column.overview__copy { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 1.5rem; } } .CategoryOverviewComponent .column.overview__copy p { margin-bottom: 1.5rem; color: #323434; } .CategoryOverviewComponent .column.overview__copy p:last-child { margin: 0; } .CategoryOverviewComponent .column.overview__copy ul { color: #323434; } .CategoryOverviewComponent .mobile-top-recommended { display: none; } @media (max-width: 576px) { .CategoryOverviewComponent .mobile-top-recommended { display: block; } } .MobileTrayNavComponent { display: none; } @media (max-width: 576px) { .MobileTrayNavComponent { display: block; } .MobileTrayNavComponent ul.wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; padding: 8px 16px 26px 16px; position: fixed; bottom: 0; z-index: 5; background-color: white; border-top: 1px solid #f7f7f7; height: 80px; width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .MobileTrayNavComponent ul.wrapper li { width: 68px; height: 46px; text-align: center; } .MobileTrayNavComponent ul.wrapper li:last-child { background-color: #6b61ae; border-radius: 8px; width: 46px; } .MobileTrayNavComponent ul.wrapper li:last-child a { color: white; } .MobileTrayNavComponent ul.wrapper li a { color: #4b4d4e; cursor: pointer; font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; text-decoration: none; } .MobileTrayNavComponent ul.wrapper li a:hover { text-decoration: none; } .MobileTrayNavComponent ul.wrapper li a.overview::before, .MobileTrayNavComponent ul.wrapper li a.browse::before, .MobileTrayNavComponent ul.wrapper li a.guide::before, .MobileTrayNavComponent ul.wrapper li a.chat::before { content: ''; width: 1.5rem; height: 1.5rem; display: block; background-size: contain; margin: 5px auto -5px; } .MobileTrayNavComponent ul.wrapper li a.overview::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpolygon points='8 3.5 3 7.5 3 12.5 7 12.5 7 9 9 9 9 12.5 13 12.5 13 7.5 8 3.5' fill='%234b4d4e'/%3E%3C/svg%3E"); } .MobileTrayNavComponent ul.wrapper li a.browse::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpolygon points='13 7.5 3 7.5 1.5 7.5 1.5 12.5 14.5 12.5 14.5 7.5 13 7.5' fill='%234b4d4e'/%3E%3Cpolygon points='11.5 6.5 13 6.5 13 5.5 11.5 5.5 4.5 5.5 3 5.5 3 6.5 4.5 6.5 11.5 6.5' fill='%234b4d4e'/%3E%3Crect x='4.5' y='3.5' width='7' height='1' fill='%234b4d4e'/%3E%3C/svg%3E"); } .MobileTrayNavComponent ul.wrapper li a.guide::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23fff' opacity='0'/%3E%3Cpath d='M6,13.2v3.3c0,1.5,3,3,6,3s6-1.5,6-3V13.2l-6,2.62Z' fill='%234b4d4e'/%3E%3Cpath d='M12,4.5,1.5,9.68,12,14.18l8.25-3.53v5l.75-.28V10.32l1.5-.64Z' fill='%234b4d4e'/%3E%3C/svg%3E"); } .MobileTrayNavComponent ul.wrapper li a.chat::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Crect width='22' height='22' fill='%23fff' opacity='0'/%3E%3Cpath d='M19.63,1.92H6.34A1,1,0,0,0,5.32,3V5.17H2.4a1.05,1.05,0,0,0-1,1.07V16.55a1,1,0,0,0,1,1.06H4.06v1.59a1,1,0,0,0,1,1.06,1,1,0,0,0,.49-.13L10,17.6h6.83a1,1,0,0,0,1-1.06V6.24a1,1,0,0,0-1-1.06H6.76c0-.77,0-1.28,0-1.69V3.44H19.19V11l-.51,0a.76.76,0,0,0,0,1.51l.94,0a1,1,0,0,0,1-1.06V3A1,1,0,0,0,19.63,1.92ZM16.4,16.09H9.9a1,1,0,0,0-.48.12L5.5,18.43V17.15a1,1,0,0,0-1-1.06H2.83V6.69H16.4Zm-5.93-4.66h0a.91.91,0,1,0-.91.95.94.94,0,0,0,.91-.95Zm3.55,0h0a.91.91,0,1,0-.91.95A.94.94,0,0,0,14,11.42Zm-7.1,0h0a.91.91,0,1,0-.91.95A.94.94,0,0,0,6.92,11.42Z' transform='translate(0)' fill='%23fff'/%3E%3C/svg%3E"); } } .SidenavComponent { position: fixed; background: #19172c; padding: 1.25rem 0 1.25rem 0; -webkit-flex: 0 0 245px; -ms-flex: 0 0 245px; flex: 0 0 245px; height: calc(100% - 72px); overflow-x: hidden; overflow-x: -moz-hidden-unscrollable; width: 245px; z-index: 6; left: 0; display: none; } @media (max-width: 768px) { .SidenavComponent { display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 576px) { .SidenavComponent { height: 94% !important; } } .SidenavComponent .side-nav-primary { position: absolute; left: 0; -webkit-transition: left 250ms ease-in-out 0ms; transition: left 250ms ease-in-out 0ms; width: 100%; } .SidenavComponent .side-nav-primary.hidden { left: -100%; } .SidenavComponent nav { margin-top: 5px; position: fixed; } .SidenavComponent .subtext { color: #8b82bf; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; line-height: 14px; padding: 24px 20px 0 24px; text-transform: uppercase; } .SidenavComponent .subtext.more { margin-bottom: 0.25rem; padding-left: 0; padding-top: 8px; } .SidenavComponent ul.menu { padding: 0.25rem 1.5rem 1rem; } .SidenavComponent ul.menu .menu--item div { border-bottom: 1px solid #323434; color: white; font-size: 16px; font-weight: 400; height: 40px; line-height: 22px; min-width: 240px; position: relative; padding: 12px 24px 12px 0px; } .SidenavComponent ul.menu .menu--item > div:hover { cursor: pointer; } .SidenavComponent ul.menu .menu--item.menu--item-related { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Crect width='12' height='12' fill='%23fff' opacity='0'/%3E%3Cpolygon points='5.03 15.53 3.97 14.47 10.44 8 3.97 1.53 5.03 0.47 12.56 8 5.03 15.53' fill='%23fff'/%3E%3C/svg%3E"); background-position: 100% 50%; background-repeat: no-repeat; background-size: 0.75rem; } .SidenavComponent .tablet-menu__items { padding: 1rem 1.5rem; display: none; } .SidenavComponent .tablet-menu__items ul li { border-bottom: 1px solid #323434; height: 48px; padding: 12px 24px 12px 0; } .SidenavComponent .tablet-menu__items ul li:last-child { border-bottom: none; } .SidenavComponent .tablet-menu__items ul li p a { display: block; font-weight: 400; position: relative; color: #c9c6e2; text-decoration: none; font-size: 16px; line-height: 22px; } .SidenavComponent .tablet-menu__items ul li a { width: 100%; } .LayoutComponent section.SidenavComponent { opacity: 1; } .LayoutComponent main::before { content: ''; background-color: rgba(0, 0, 0, 0); -webkit-transition: background-color 150ms ease-in-out 0ms; transition: background-color 150ms ease-in-out 0ms; } .LayoutComponent.SidenavOpen { overflow: hidden; } .LayoutComponent.SidenavOpen section.SidenavComponent { left: 0; overflow-x: hidden; overflow-x: -moz-hidden-unscrollable; -webkit-transition: left 250ms ease-in-out 0ms; transition: left 250ms ease-in-out 0ms; z-index: 6; -webkit-box-shadow: 4px 0 12px rgba(102, 102, 102, 0.15); box-shadow: 4px 0 12px rgba(102, 102, 102, 0.15); } .LayoutComponent.SidenavOpen main { position: relative; } .LayoutComponent.SidenavOpen main::before { z-index: 1; content: ''; position: absolute; width: 100vw; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: background-color 250ms ease-in-out 0ms; transition: background-color 250ms ease-in-out 0ms; } @media (max-width: 1101px) and (min-width: 769px) { .SidenavComponent { position: fixed; height: calc(100% - 72px); left: -300px; -webkit-transition: left 250ms ease-in-out 0ms; transition: left 250ms ease-in-out 0ms; } .SidenavComponent { max-width: 300px; width: 100%; } .SidenavComponent nav { -webkit-order: 1; -ms-flex-order: 1; order: 1; position: static; position: initial; } .SidenavComponent .tablet-menu__items { display: block; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media (max-width: 768px) { .SidenavComponent { position: fixed; height: 96%; left: -100%; -webkit-transition: left 250ms ease-in-out 0ms; transition: left 250ms ease-in-out 0ms; padding-top: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .SidenavComponent { max-width: none; max-width: initial; width: 100%; overflow: scroll; -webkit-overflow-scrolling: auto; } .SidenavComponent nav { -webkit-order: 1; -ms-flex-order: 1; order: 1; position: static; position: initial; } .SidenavComponent ul.menu .menu--item div { border-bottom: 1px solid #323434; padding: 12px 24px 12px 0px; height: 48px; } .SidenavComponent .tablet-menu__items { display: block; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .SidenavComponent .tablet-menu__items li:last-of-type { padding-bottom: 35px; } } .SidenavLinkComponent { text-decoration: none; } .RelatedCategoriesComponent { height: 100%; padding: 24px 24px 0px; position: absolute; right: 0; -webkit-transition: right 250ms ease-in-out 0ms; transition: right 250ms ease-in-out 0ms; width: 100%; } .RelatedCategoriesComponent.hidden { right: -100%; } .RelatedCategoriesComponent p.subtext { margin-bottom: 4px; padding: 0; } .RelatedCategoriesComponent div.back-button { border-bottom: 1px solid #323434; color: white; font-size: 16px; font-weight: 400; height: 48px; margin-top: 6px; padding: 12px 0 0 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Crect width='12' height='12' fill='%23fff' opacity='0'/%3E%3Cpolygon transform='translate(16, 16) rotate(180)' points='5.03 15.53 3.97 14.47 10.44 8 3.97 1.53 5.03 0.47 12.56 8 5.03 15.53' fill='%23fff'/%3E%3C/svg%3E"); background-position: 1% 50%; background-repeat: no-repeat; background-size: 0.75rem; } .RelatedCategoriesComponent div { margin-top: 16px; } .RelatedCategoriesComponent div ul { padding: 0 !important; } .RelatedCategoriesComponent div ul li { border-bottom: 1px solid #323434; padding: 12px 24px 12px 0px; position: static; position: initial; right: 0; min-height: 48px; } .RelatedCategoriesComponent div ul li a { color: white; font-size: 16px; font-weight: 400; height: 100%; line-height: 22px; text-decoration: none; width: 100%; } .RelatedCategoriesComponent div ul li:last-child { border-bottom: none; } .RelatedCategoriesComponent div ul li.hidden { position: absolute; right: -110%; } .RelatedCategoriesComponent div ul li.view-more { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Crect width='12' height='12' fill='%23fff' opacity='0'/%3E%3Cpolygon points='15.53 5.03 8 12.56 0.47 5.03 1.53 3.97 8 10.44 14.47 3.97 15.53 5.03' fill='%23fff'/%3E%3C/svg%3E"); background-position: 100% 50%; background-repeat: no-repeat; background-size: 0.75rem; padding-right: 0; } .RelatedCategoriesComponent div ul li.view-more a { display: block; }