#formula-finder{display:flex;flex-direction:row;justify-content:space-between;margin:auto;max-width:1250px}#finder-controls{border:0 solid #ccc;font-size:15px;width:21%}.finder-controls-inner{background-color:#fff;border-radius:20px;margin:auto;max-width:250px;padding:10px 30px}@media only screen and (max-width:800px){#formula-finder{flex-direction:column}#finder-controls{margin:auto;width:90%}.finder-filter-box{width:100%}}#finder-results{border:0 solid #ccc;display:flex;flex-wrap:wrap;justify-content:flex-start;width:79%}.formula-box{border:0 solid red;border-radius:10px;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,.1);box-shadow:0 0 2px 1px rgba(0,0,0,.1);margin-bottom:20px;margin-left:20px;overflow:hidden;width:30%}.formula-box-top{align-items:center;background-position:0 20px;background-repeat:no-repeat;background-size:100% auto;display:flex;height:180px;justify-content:center;position:relative;text-align:center}.formula-box-bottom{background-color:#fff;height:150px;padding:20px}.formula-box-formula{max-height:120px;max-width:150px}.formula-box-formula-compare{max-height:100px;max-width:150px}.formula-box-icons{position:absolute;right:10px;top:5px}.formula-box-icons img{display:block;height:50px;margin-top:5px;width:50px}.formuladescription{display:block;font-size:15px;line-height:1.3em}.formulatitle{font-size:21px;font-weight:700;margin-bottom:10px}.formulabuynow{background-color:#5caeeb;border-radius:50vh;color:#fff;font-size:14px;font-weight:700;margin:10px auto;padding:8px;width:120px}.formulalearnmore{margin-top:10px}.formulalearnmore a{color:#0154a4;font-size:15px;font-weight:800}sup{font-size:9px}@media only screen and (max-width:800px){#finder-results{width:100%}.formula-box{margin:20px auto auto;max-width:350px;width:90%}.formulalearnmore a{color:#0154a4;font-size:16px;font-weight:800}.formulatitle{font-size:18px}.formula-box-formula{max-height:150px;max-width:170px}}.finder-filter-box{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#f5d875,#ffb485 25%,#faadb4 50%,#e2d1f6 75%,#5caeeb) border-box;border:3px solid transparent;border-radius:10px;font-size:15px;margin:10px 0;max-width:250px;overflow:hidden;padding:20px 10px}.finder-controls-blurb{font-size:13px;line-height:1.6em;margin:auto auto 20px;max-width:350px}.finder-filerby-text{display:flex;justify-content:space-between;margin:auto;max-width:350px}.finder-checkbox{background-color:#fff;border:1px solid #666;border-radius:3px;display:inline-block;height:13px;margin-bottom:-1px;margin-right:5px;width:13px}.finder-filter-box>p{font-size:15px;font-weight:800;margin:0}.filter-finder-choice{margin:10px}.filter-finder-choice:hover{cursor:pointer}.filter-compare-title{align-items:center;background-color:#fff;display:flex;font-weight:800;justify-content:space-between;overflow:hidden}.findercontrolon{background-color:#fab285!important}#filter-finder-compare,#filter-finder-concern{background-color:#fff}.arrow{border:solid #333;border-width:0 2px 2px 0;display:inline-block;display:none;margin-right:10px;padding:3px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.arrow-down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.displaydivoff{display:none}.comparetotext{font-weight:600}.formulaon{animation-duration:.5s;animation-name:fadein;animation-timing-function:ease-in-out;height:330px;opacity:1}.formulaoff{animation-duration:.5s;animation-name:fadeout;animation-timing-function:ease-in-out;display:none;opacity:.5}.filterby-mobile{border:1px solid #ccc;margin-bottom:10px;padding:10px;text-align:center}@media only screen and (max-width:800px){.finder-filter-box{margin:auto auto 6px;max-width:350px;padding:10px;width:100%}.finder-filerby-text{margin:auto;max-width:350px;width:90%}.arrow{display:block}.finder-rolled-up100{animation-duration:.5s;animation-name:rollmeup-finder100;animation-timing-function:ease-in-out;margin-top:-100px}.finder-rolled-down100{animation-duration:.5s;animation-name:rollmedown-finder100;animation-timing-function:ease-in-out;margin-top:0}.finder-rolled-up300{animation-duration:.5s;animation-name:rollmeup-finder300;animation-timing-function:ease-in-out;margin-top:-300px}.finder-rolled-down300{animation-duration:.5s;animation-name:rollmedown-finder300;animation-timing-function:ease-in-out;margin-top:0}}@media only screen and (min-width:800px){.filter-finder-choice:hover .finder-checkbox{background-color:#fde2d1}}@keyframes fadeout{0%{display:block;opacity:1}70%{display:block;opacity:0}to{display:block;opacity:0}}@keyframes fadein{0%{display:block;opacity:0}30%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes rollmeup-finder100{0%{margin-top:0}to{margin-top:-100px}}@keyframes rollmedown-finder100{0%{margin-top:-100px}to{margin-top:0}}@keyframes rollmeup-finder300{0%{margin-top:0}to{margin-top:-300px}}@keyframes rollmedown-finder300{0%{margin-top:-300px}to{margin-top:0}}