.scrolled .filter-bar{top:108px}@media (min-width: 1024px){.scrolled .filter-bar{top:66px}}.filter-bar{position:absolute;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:1.875rem;transition:all .3s;width:100%;z-index:5;background-color:#fff}@media (min-width: 1024px){.filter-bar{overflow:visible}}@media (min-width: 640px){.filter-bar{max-height:50px;height:100%;flex-wrap:nowrap;padding:0 0 0 1.375rem;background-color:var(--dark)}}.filter-bar.sticky{position:fixed}@media (min-width: 1024px){.filter-bar.instructors{display:flex}}.filter-bar.instructors .secondary-nav{max-height:50px}.filter-bar.instructors ul{min-height:48px}@media (min-width: 640px){.filter-bar.instructors ul{min-height:unset;min-height:none}}.filter-bar.desktop-only{display:none}@media (min-width: 640px){.filter-bar.desktop-only{display:flex}}.filter-bar.global{justify-content:flex-start;margin-bottom:0}@media (min-width: 640px){.filter-bar.global{padding:.75rem 2.5rem;height:auto;min-height:50px;max-height:unset}}.filter-bar.global .title{order:0;width:50%;padding:16px 20px;flex-wrap:wrap}@media (min-width: 640px){.filter-bar.global .title{padding:0;width:100%}}.filter-bar.global .title.mobile-100{width:100%}.filter-bar.global .title .h6{line-height:22px}.filter-bar.global .title .name{width:100%;margin-bottom:0}.filter-bar.global .contact{order:0;width:50%;padding:1px 20px;justify-content:flex-end;font-size:.75rem;text-transform:uppercase}@media (min-width: 640px){.filter-bar.global .contact{order:2;padding:0;width:auto}}.filter-bar.global .contact a{line-height:2.8125rem;padding-top:.3125rem;color:#fff;font-family:SoinSansNeue;white-space:nowrap;position:relative;padding-right:20px}@media (min-width: 640px){.filter-bar.global .contact a{line-height:1.625rem;padding-top:0;padding-right:24px;margin-left:32px}}.filter-bar.global .contact a:after{content:"";background-repeat:no-repeat;background-image:url(icon-contact-us.svg);background-position:center center;-webkit-background-position:center center;-o-background-position:center center;background-size:contain;background-color:transparent;width:14px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (min-width: 640px){.filter-bar.global .contact a:after{top:calc(50% - 1px)}}.filter-bar.global nav{order:1;width:100%}@media (min-width: 640px){.filter-bar.global nav{width:auto;order:1}}.filter-bar.global nav ul{padding:12px 20px;width:100%;justify-content:space-between}@media (min-width: 640px){.filter-bar.global nav ul{padding:0;justify-content:flex-start;width:auto}}.filter-bar.global nav ul li{margin-right:16px;width:100%;display:flex;justify-content:center}@media (min-width: 640px){.filter-bar.global nav ul li{margin-right:32px}}.filter-bar.global nav ul li:first-of-type{justify-content:flex-start}.filter-bar.global nav ul li:last-of-type{margin-right:0;padding-right:16px;justify-content:flex-end}@media (min-width: 640px){.filter-bar.global nav ul li:last-of-type{padding-right:0}}.filter-bar .h4{width:100%;color:#fff;margin:0}@media (min-width: 1024px){.filter-bar .h4{padding-top:4px;margin:0;width:auto}}.filter-bar nav{overflow:auto}@media (min-width: 640px){.filter-bar nav{overflow:visible}}.filter-bar ul{display:flex;align-items:center;list-style:none;margin:0;padding:0 18px}@media (min-width: 640px){.filter-bar ul{background-color:transparent}}.filter-bar ul li{font-size:.75rem;text-transform:uppercase;margin-right:30px;white-space:nowrap}.filter-bar ul li:last-of-type{padding-right:18px}@media (min-width: 640px){.filter-bar ul li{margin-right:32px}.filter-bar ul li:last-of-type{padding-right:0}}.filter-bar ul li a{color:var(--dark);font-family:SoinSansNeue;font-weight:500;position:relative}@media (min-width: 640px){.filter-bar ul li a{color:#fff}}.filter-bar ul li a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;opacity:0;background-color:var(--dark);transition:.3s all}@media (min-width: 1024px){.filter-bar ul li a:after{background-color:#fff}}.filter-bar ul li a:hover,.filter-bar ul li a.active{font-weight:600}.filter-bar ul li a:hover:after,.filter-bar ul li a.active:after{opacity:1}.filter-bar .dropdown-wrapper{flex-direction:column;align-items:flex-start;justify-content:flex-start;max-height:50px;overflow:hidden;display:none;position:absolute;padding:0;top:0;left:20px;transition:all .3s;width:25.75rem}@media (min-width: 1024px){.filter-bar .dropdown-wrapper{display:flex}}.filter-bar .dropdown-wrapper.open{max-height:800px}.filter-bar .dropdown-wrapper li{font-size:16px;line-height:24px;margin-right:0;position:relative}.filter-bar .dropdown-wrapper li a{font-weight:500;padding:0 26px 0 20px}.filter-bar .dropdown-wrapper li a:hover{font-weight:500}.filter-bar .dropdown-wrapper li a:after{content:none}.filter-bar .dropdown-wrapper li.active{order:-1;padding:12px 0 13px}.filter-bar .dropdown-wrapper li.active:after{content:"";pointer-events:none;background-repeat:no-repeat;background-image:url(icon-chev-white.svg);background-position:center center;-webkit-background-position:center center;-o-background-position:center center;background-size:contain;background-color:transparent;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(180deg)}@media (min-width: 640px){.filter-bar .dropdown-wrapper li.active:after{top:calc(50% - 1px)}}.filter-bar .dropdown-wrapper li:not(.active){width:100%}.filter-bar .dropdown-wrapper li:not(.active) a{background-color:#fff;color:#000;padding:14px 20px;display:block}.filter-bar .dropdown-wrapper li:not(.active) a:hover{background-color:#000;color:#fff}.filter-bar .secondary-nav{display:none;flex-wrap:wrap;align-items:center;overflow:hidden;height:100%;width:100%;background-color:var(--dark);transition:.3s all}@media (min-width: 1024px){.filter-bar .secondary-nav{flex-wrap:nowrap;overflow:visible;width:auto;display:flex}}.filter-bar .secondary-nav.active{max-height:500px;padding-bottom:48px}.filter-bar .secondary-nav .mobile-filter{display:block;height:50px;color:#fff;width:100%;line-height:50px;font-size:14px;font-family:SoinSansNeue;font-weight:600;padding:0 20px 0 52px;text-transform:uppercase;position:relative;background-color:#000;order:1}.filter-bar .secondary-nav .mobile-filter:before{content:"";background-repeat:no-repeat;background-image:url(icon-white-filters.svg);background-position:center center;-webkit-background-position:center center;-o-background-position:center center;background-size:20px;background-color:transparent;position:absolute;top:50%;left:20px;transform:translateY(-50%);width:21px;height:18px}.filter-bar .secondary-nav .mobile-filter:after{content:"";height:8px;width:8px;border-bottom:1px solid #fff;border-right:1px solid #fff;position:absolute;right:20px;top:calc(50% - 4px);transform:translateY(-50%) rotate(45deg);transition:.3s all}.filter-bar .secondary-nav .mobile-filter.active:after{top:50%;transform:translateY(-50%) rotate(225deg)}@media (min-width: 1024px){.filter-bar .secondary-nav .mobile-filter{display:none}}.filter-bar .secondary-nav .item{white-space:nowrap;width:100%;display:flex;justify-content:space-between;order:3;margin:40px 24px;padding:0}@media (min-width: 1024px){.filter-bar .secondary-nav .item{display:block;width:auto;text-align:left;margin:0 40px;text-align:right;order:1}}.filter-bar .secondary-nav .item .label{font-size:16px;line-height:16px;font-family:SoinSansNeue;font-weight:700;color:#fff;text-transform:uppercase}@media (min-width: 1024px){.filter-bar .secondary-nav .item .label{font-size:12px;line-height:12px}}.filter-bar .secondary-nav .item .switch{position:relative;padding-right:4.375rem;color:var(--dark)}@media (min-width: 1024px){.filter-bar .secondary-nav .item .switch{color:#fff;padding-right:3.75rem}}.filter-bar .secondary-nav .item .switch .slider{position:absolute;cursor:pointer;top:50%;left:50%;background-color:var(--dark);transition:.4s;border-radius:2.125rem;height:1.125rem;width:2.0625rem;transform:translate(-50%,-50%);background-color:#fff}@media (min-width: 1024px){.filter-bar .secondary-nav .item .switch .slider{background-color:#d8d8d81a}}.filter-bar .secondary-nav .item .switch .slider:before{position:absolute;content:"";height:.75rem;width:.75rem;left:.1875rem;top:50%;background-color:var(--dark);transition:.4s;border-radius:50%;transform:translateY(-50%)}@media (min-width: 1024px){.filter-bar .secondary-nav .item .switch .slider:before{background-color:#fff}}.filter-bar .secondary-nav .item .switch .slider:hover,.filter-bar .secondary-nav .item .switch .slider:focus{box-shadow:0 0 1px var(--pink)}.filter-bar .secondary-nav .item .switch.active .slider{background-color:var(--pink)}.filter-bar .secondary-nav .item .switch.active .slider:before{transform:translate(.9375rem,-50%)}.filter-bar .secondary-nav .search-wrapper{display:flex;height:100%;padding:0 20px;width:100%;position:relative;order:2;border-top:1px solid #fff}@media (min-width: 1024px){.filter-bar .secondary-nav .search-wrapper{margin:0 40px;border-top:0;padding:0}}.filter-bar .secondary-nav .search-wrapper .count{color:#fff;position:absolute;line-height:50px;font-family:SoinSansNeue;font-weight:600;font-size:12px;top:calc(50% + 2px);left:-25px;transform:translateY(-50%)}.filter-bar .secondary-nav .search-wrapper .search-form{display:flex;align-items:center;width:100%;transition:.3s all;margin-top:30px;position:relative}@media (min-width: 1024px){.filter-bar .secondary-nav .search-wrapper .search-form{max-width:0;width:auto;margin:0;overflow:hidden}.filter-bar .secondary-nav .search-wrapper .search-form.active{max-width:400px}}.filter-bar .secondary-nav .search-wrapper .search-form input{height:46px;font-size:14px;padding:13px 40px 13px 12px;width:100%;border:1px solid #fff;background-color:transparent;margin:0;text-transform:uppercase;color:#fff}@media (min-width: 1024px){.filter-bar .secondary-nav .search-wrapper .search-form input{border:none;padding:4px;height:22px;width:auto;border-bottom:1px solid #fff}}.filter-bar .secondary-nav .search-wrapper .search-form .search-icon{color:#fff;margin-left:1.0313rem;position:absolute;right:12px;top:14px}@media (min-width: 1024px){.filter-bar .secondary-nav .search-wrapper .search-form .search-icon{position:static}}.filter-bar .secondary-nav .search-wrapper .error-msg{display:none;height:35px;width:165px;position:absolute;bottom:-35px;left:0;background-color:#fff;font-size:12px;font-family:SoinSansNeue;font-weight:600;text-align:center;line-height:35px}.filter-bar .secondary-nav .search-wrapper .search-toggle{color:#fff;line-height:50px;display:none}@media (min-width: 1024px){.filter-bar .secondary-nav .search-wrapper .search-toggle{display:block}}.filter-bar .secondary-nav .apply{order:3;margin:0 20px 30px;display:block;width:100%;text-align:center}@media (min-width: 1024px){.filter-bar .secondary-nav .apply{display:none}}.filter-bar .secondary-nav .clear{margin:0 20px;order:4;width:100%;background-color:transparent;color:var(--lightblue)}@media (min-width: 1024px){.filter-bar .secondary-nav .clear{padding:.625rem 0;max-width:0;margin:0;height:100%;font-size:12px;text-transform:none;color:var(--dark);background-color:var(--lightblue);border-color:var(--dark);order:3}.filter-bar .secondary-nav .clear.active{max-width:4.875rem;min-width:4.875rem;padding:.625rem;border-color:var(--lightblue)}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/style-filter-bar.css.map */