.age-calculator .calculator__side{background:#1e1e1e;border-radius:32px;margin:24px auto;max-width:652px;padding:32px 16px;position:relative;width:100%;z-index:4}.age-calculator .calculator__properties{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 0 60px}.age-calculator .calculator__property{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:140px}.age-calculator .calculator__property-icon{background:no-repeat;height:86px;margin:0 0 16px;width:102px}.age-calculator .calculator__property-icon.mod_sleep{background-image:url(../img/sleep.svg)}.age-calculator .calculator__property-icon.mod_activity{background-image:url(../img/activity.svg);width:100px}.age-calculator .calculator__property-icon.mod_learning{background-image:url(../img/learning.svg)}.age-calculator .calculator__property-icon.mod_weight{background-image:url(../img/weight.svg);width:101px}.age-calculator .calculator__property-caption{color:#b0b0b0;font-size:18px;max-width:100%;text-align:center}.age-calculator .calculator__description{color:#fefefe;font-size:18px;margin:0 0 15px;max-width:460px;text-transform:uppercase}.age-calculator .calculator__row{margin:0 0 28px}.age-calculator .calculator__caption{color:#b0b0b0;font-size:18px;margin:0 0 15px}.age-calculator .calculator__weight{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.age-calculator .calculator__weight-item{width:140px}.age-calculator .calculator__weight-input{height:30px;margin:0;opacity:0;overflow:hidden;padding:0;vertical-align:top}.age-calculator .calculator__weight-label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #a77bc8;border-radius:20px;color:#b0b0b0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:16px;font-weight:700;height:283px;justify-content:flex-end;margin:-30px 0 0;padding:20px 0}.age-calculator .calculator__weight-label:before{background:bottom no-repeat;background-size:contain;content:"";height:200px;margin:0 0 15px;width:100%}.age-calculator .calculator__weight-label[for=radio-weight-1]:before{background-image:url(../images/content/age-calculator/dog-mini.png)}.age-calculator .calculator__weight-label[for=radio-weight-2]:before{background-image:url(../images/content/age-calculator/dog-small.png)}.age-calculator .calculator__weight-label[for=radio-weight-3]:before{background-image:url(../images/content/age-calculator/dog-medium.png)}.age-calculator .calculator__weight-label[for=radio-weight-4]:before{background-image:url(../images/content/age-calculator/dog-large.png)}.age-calculator .calculator__button,.age-calculator .calculator__weight-input:checked+.calculator__weight-label{background:#a77bc8;color:#fff}.age-calculator .calculator__select{font-size:15px;width:300px}.age-calculator .calculator__select .select{width:100%}.age-calculator .calculator__age{display:-webkit-box;display:-ms-flexbox;display:flex}.age-calculator .calculator__button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;border-radius:2.67em;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:15px;height:2.67em;justify-content:center;padding:0 1.6em;text-decoration:none}.age-calculator .progress__step,.age-calculator .progress__steps{display:-webkit-box;display:-ms-flexbox}.age-calculator .calculator__button[disabled]{background-color:#777;cursor:default}.age-calculator .js-select,.age-calculator .select{height:40px}.age-calculator .select{background:#fff;border-radius:40px;color:#000;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.age-calculator .select__inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:space-between;overflow:hidden;padding:0 18px;position:relative;z-index:2}.age-calculator .select select,.age-calculator .select__list{position:absolute;width:100%}.age-calculator .select__inner:after{border:7px solid transparent;border-bottom:0;border-top:8px solid #000;content:"";margin:3px 0 0;-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.age-calculator .select__open .select__inner{z-index:10}.age-calculator .select__open .select__inner:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.age-calculator .select__caption{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;margin-right:5px;overflow:hidden;white-space:nowrap}.age-calculator .select__list{background-color:inherit;border-radius:0 0 20px 20px;left:0;max-height:0;overflow:hidden;top:50%;-webkit-transition:max-height .3s ease;transition:max-height .3s ease;z-index:1}.age-calculator .select__list-inner{border-top:1px solid #666;margin:20px 0 0;max-height:130px;overflow-y:scroll;padding:10px 0}.age-calculator .select__open .select__list{max-height:500px;-webkit-transition:max-height .3s ease;transition:max-height .3s ease;z-index:9}.age-calculator .select__option{margin:0 0 3px;padding:0 18px}.age-calculator .select__option:last-child{margin:0}.age-calculator .select select{-webkit-appearance:menulist-button;display:none;font:inherit;height:40px;left:-9999px;line-height:40px;opacity:0;top:0}@media(max-width:767px){.age-calculator .calculator__button-row,.age-calculator .main__content{display:-webkit-box;display:-ms-flexbox}.age-calculator .main__content,.age-calculator .progress__steps{-webkit-box-orient:vertical;-webkit-box-direction:normal}.age-calculator .calculator__side{margin:0 -16px;max-width:none;width:auto}.age-calculator .calculator__properties{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.age-calculator .calculator__row{margin-bottom:24px}.age-calculator .calculator__caption{font-size:16px;margin:0 0 24px}.age-calculator .calculator__weight{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.age-calculator .calculator__weight-item{height:225px;width:100%}.age-calculator .calculator__weight-item:nth-child(-n+2){margin-bottom:0}.age-calculator .calculator__weight-label{font-size:14px;height:100%}.age-calculator .calculator__weight-label:before{margin:0 0 1vw}.age-calculator .calculator__weight-label[for=radio-weight-1]:before{height:61.27%;width:100%}.age-calculator .calculator__weight-label[for=radio-weight-2]:before,.age-calculator .calculator__weight-label[for=radio-weight-3]:before{height:83%;width:100%}.age-calculator .calculator__weight-label[for=radio-weight-4]:before{height:86.7%;width:100%}.age-calculator .calculator__select{width:100%}.age-calculator .calculator__age{-ms-flex-wrap:wrap;flex-wrap:wrap}.age-calculator .calculator__button-row{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}}@media(max-width:600px){.age-calculator .calculator__weight{display:grid;grid-template-columns:repeat(2,1fr)}}.page .popup__body{background:#1e1e1e;border-radius:15px;-webkit-box-shadow:0 0 75px 0 hsla(0,0%,100%,.1);box-shadow:0 0 75px 0 hsla(0,0%,100%,.1);-webkit-box-sizing:content-box;box-sizing:content-box;color:#fff;font-size:30px;font-weight:900;max-width:100%;overflow:hidden;padding:80px 64px;position:relative;text-align:center;width:600px}.page .popup__content{font-weight:900}.page .popup__value{color:#a77bc8;white-space:nowrap}.page .popup__closer{background-image:url(../images/content/age-calculator/closer.png);background-repeat:no-repeat;background-size:contain;cursor:pointer;height:31px;position:absolute;right:40px;top:40px;width:31px}.page .popup__overlay{-webkit-box-pack:center;-ms-flex-pack:center;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.page .popup__button,.page .popup__overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page .popup__button{background:#a77bc8;border:0;border-radius:2.67em;color:#fff;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:15px;font-weight:400;height:2.67em;margin-top:30px;padding:0 1.6em;text-decoration:none}@media(max-width:767px){.page .popup__body{font-size:18px;margin:16px;padding:64px 24px}.page .popup__closer{height:24px;right:24px;top:24px;width:24px}}