.autoship-landing{display:flex;flex-direction:column;padding:40px 50px 100px;position:relative;width:100%}.autoship-landing .autoship-logo{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;justify-content:flex-start;margin-bottom:40px;position:relative}.autoship-logo{align-items:center;display:flex;flex-wrap:wrap;justify-content:end}.autoship-logo>div{align-items:center;display:flex;flex-wrap:wrap}.autoship-landing .autoship-logo--image{background:url(/media/1/assets/autoship_mis_color.svg) no-repeat;background-size:contain;display:flex;flex:0 0 60px;height:60px;margin-right:0;position:relative;width:60px}.autoship-logo--icon{flex:0 0 auto;margin-right:8px}.autoship-logo--text{flex:0 0 auto;font-family:var(--titlef);font-size:24px}.autoship-landing .section1{display:flex;flex-direction:column;margin-bottom:40px;padding:0 11vw;position:relative}.autoship-landing .section1>.flex-row{align-items:flex-start;justify-content:space-between}.autoship-landing .section1 .autoship-landing-text{flex:1 1 48%;margin-bottom:30px;position:relative;z-index:1}.autoship-landing .section1 .right-col{flex:0 0 34%;margin-left:100px}.autoship-landing-text .info-title{color:var(--primary);font-family:var(--titlef);font-size:27px;font-weight:300;margin-bottom:8px}.autoship-landing-text .info-subtitle{font-size:16px;line-height:1.5}.autoship-landing-text.right-col .info-title{font-size:21px}.autoship-landing .section1 .autoship-landing-list{line-height:1.4}.autoship-landing .section1 .autoship-landing-list li{font-size:15px;font-weight:500;margin-bottom:10px}.autoship-landing li:before{color:var(--secondary);content:"!";font-family:bilua-icons2;font-size:20px;margin-right:5px;position:relative;top:3px}.autoship-landing .section2{position:relative;z-index:1}.autoship-landing .section2 .title2{margin-bottom:30px}.autoship-landing .section2{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.autoship-landing .section2 .info-title{color:var(--secondary);font-size:23px;font-weight:600}.autoship-landing .section2 .how-steps{align-items:flex-start;justify-content:center;padding:10px 0}.autoship-landing .section2 .how-step{flex:0 0 26%}.autoship-landing .section2 .how-step>.step-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #e9e9e9;border-radius:200px;box-sizing:content-box!important;flex:0 0 200px;height:200px;justify-content:center;margin:auto auto 15px;width:200px}.autoship-landing .section2 .how-step>p{font-size:13px;line-height:1.5;padding:0 40px;text-align:center}.autoship-landing .section2 .how-step:nth-of-type(1)>.step-image{background-image:url(/media/1/assets/corp/autoship-1.jpg)}.autoship-landing .section2 .how-step:nth-of-type(2)>.step-image{background-image:url(/media/1/assets/corp/autoship-2.jpg)}.autoship-landing .section2 .how-step:nth-of-type(3)>.step-image{background-image:url(/media/1/assets/corp/autoship-3.jpg)}.autoship-landing .section3{margin-top:100px;position:relative;z-index:1}.autoship-landing .section3 .autoship-landing-text{padding:0 300px;text-align:center}.autoship-landing .section3 .autoship-landing-button{cursor:pointer;height:50px;margin:30px auto;width:220px}.autoship-landing .section3 .autoship-landing-button .button-text{font-family:var(--titlef);font-size:18px}.autoship-landing .section4{padding:0 10%}.autoship-landing .section4 .custom-box--title{font-size:18px;font-weight:400}.autoship-landing .section4 .expandable-box{margin:0 0 18px}.desktop .autoship-landing .section4 .custom-box--header{padding:5px 24px 6px}.top-brands{padding:16px 5% 54px;position:relative}.top-brands .top-brands-wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.top-brands-wrapper .brand-image{background-position:50%!important;background-repeat:no-repeat!important;background-size:110px!important;background:#fff;border-radius:var(--br2);height:80px;margin:0 8px;transition:transform .15s ease,box-shadow .25s ease-in-out;width:122px}.top-brands-wrapper .brand-image:hover{box-shadow:0 4px 16px #0000001a;filter:brightness(1);transform:translateY(-4px);z-index:2}.top-brands-wrapper .brand-image:active{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px);transition:none}.top-brands-wrapper .brand-image.brand-royal-canin{background-image:url(/media/1/brands/royal-canin.jpg);order:1}.top-brands-wrapper .brand-image.brand-hills{background-image:url(/media/1/brands/hills.jpg);order:2}.top-brands-wrapper .brand-image.brand-advance{background-image:url(/media/1/brands/advance.jpg);order:3}.top-brands-wrapper .brand-image.brand-eukanuba{background-image:url(/media/1/brands/eukanuba.png);order:4}.top-brands-wrapper .brand-image.brand-acana{background-image:url(/media/1/brands/acana.jpg);order:5}.top-brands-wrapper .brand-image.brand-orijen{background-image:url(/media/1/brands/orijen.jpg);order:6}.top-brands-wrapper .brand-image.brand-taste-of-the-wild{background-image:url(/media/1/brands/taste-of-the-wild.jpg);order:7}.top-brands-wrapper .brand-image.brand-nayeco{background-image:url(/media/1/brands/nayeco.jpg);order:8}.top-brands-wrapper .brand-image.brand-pro-plan{background-image:url(/media/1/brands/pro-plan-purina.jpg);order:9}.top-brands-wrapper .brand-image.brand-purina{background-image:url(/media/1/brands/purina.jpg);order:10}.autoship-landing .section4 .autoship-landing-text{margin:20px 0 28px;padding:0 300px;text-align:center}.autoship-landing .section4 .title{background-color:#fff1c4;font-size:16px;margin:auto;padding:20px;position:relative;width:700px}.autoship-landing .section4 .expandable-box .custom-box--content{overflow:hidden}.autoship-landing .section4 .expandable-box .custom-box--content{max-height:0;padding:0}.autoship-landing .section4 .custom-box.is-open .custom-box--content{max-height:4000px}.autoship-landing .autoship-landing-text.title3{font-family:var(--titlef);font-size:24px;margin-top:50px;padding:0 30%;position:relative;text-align:center;z-index:1}.autoship-landing .autoship-landing-text.title3>p>a{border-bottom:1px dashed var(--primarylight);color:var(--primary)}.desktop .autoship-landing .autoship-landing-text.title3>p>a:hover{border-bottom:1px solid var(--primary)}.desktop .autoship-landing-hidden-text{padding:0 70px 0 25px}.is-mobile .autoship-landing{padding:0}.is-mobile .autoship-landing{background:#fff;padding:3.5vw 0 70px;position:relative;width:100%}.is-mobile .autoship-landing section{margin-bottom:20px;padding:0 5vw}.is-mobile .autoship-landing .autoship-logo{margin-bottom:25px}.is-mobile .autoship-logo>div{justify-content:center}.is-mobile .autoship-landing .box-image{display:none}.is-mobile .autoship-landing .section1 .autoship-landing-text{margin:0 0 30px;padding:0;width:100%;z-index:1}.is-mobile .autoship-landing-text .info-title{padding:0}.is-mobile .autoship-landing-text .info-subtitle{font-size:15px;padding:0}.is-mobile .autoship-landing .section1 .autoship-landing-text.title{margin-top:15px}.is-mobile .autoship-landing .section1 .autoship-landing-list{margin-top:10px;width:100%}.is-mobile .autoship-landing .section1 .autoship-landing-list li{margin-bottom:4px;padding-left:29px;text-indent:-29px}.is-mobile .autoship-landing .autoship-landing-text.title2{margin:0;padding:0}.is-mobile .autoship-landing .section2{display:flex;flex:0 0 100%;flex-direction:column;padding:15px 5vw}.is-mobile .autoship-landing .section2 .how-step>.step-image{margin-bottom:5px}.is-mobile .autoship-landing .section2 .how-step>p{margin-bottom:30px;padding:0 10%}.is-mobile .autoship-landing .section2 .how-steps{flex-direction:column!important}.is-mobile .autoship-landing .section2 .info-title{font-size:18px;text-align:center}.is-mobile .autoship-landing .section3{margin-top:15px}.is-mobile .autoship-landing .section3 .autoship-landing-text{padding:0}.is-mobile .autoship-landing .section4{padding:0 5vw}.is-mobile .autoship-landing .section4 .autoship-landing-text{margin:0 0 20px;padding:0 0 0 2px;text-align:left}.is-mobile .autoship-landing .autoship-landing-text.title3{font-size:24px;margin-top:20px;padding:0 5vw}.is-mobile .autoship-landing .section3 .info-title{font-size:24px}.is-mobile .autoship-landing .custom-box--content-products{padding:0 16px}.is-mobile .autoship-landing .autoship-landing-text.title3>p>a:active{border-bottom:1px solid var(--primary)}