-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path7b0e0e0dc92c1c99df17.css
1 lines (1 loc) · 16.7 KB
/
7b0e0e0dc92c1c99df17.css
1
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;width:100%;height:100%;scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans",sans-serif;letter-spacing:1px;width:100%;height:100%;-webkit-tap-highlight-color:rgba(3,2,2,0);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration:none;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}figure{margin:0}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}ul{list-style-type:none;padding:0}svg{cursor:pointer;pointer-events:auto}h1,h2,h3,h4,h5,p,ul{margin:0}:root{--brown-background: url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);--white_255: rgb(255, 255, 255);--white_250: rgb(250, 250, 250);--white_246: rgb(246, 246, 246);--orange: rgb(241, 205, 179);--orange_hover: rgb(253, 220, 196);--dark__buttons: rgb(41, 41, 41);--dark__76: rgb(76, 76, 76);--dark__84: rgb(84, 84, 84);--dark__205: rgb(205, 205, 205);--nav__active-color: rgb(241, 205, 179);--nav__active-border: 3px solid var(--nav__active-color);--buttons-borderRadius: 100px;--buttons-padding: 14px 44px 14px 44px;--content-width: 1200px;--padding-contentInline: 40px;--Georgia-regular: "Georgia", "sans-serif";--transition: all 0.3s ease}.body{font-family:"Georgia", "sans-serif";font-family:var(--Georgia-regular);font-weight:400}.body_fixed{overflow:hidden}.body_popup_fixed{overflow:hidden}.container{margin:0 auto;padding-left:40px;padding-right:40px;padding-left:var(--padding-contentInline);padding-right:var(--padding-contentInline);max-width:1200px;max-width:var(--content-width);box-sizing:content-box}.title{font-size:max(25px, min(4.5572916667vw, 35px));font-weight:400;line-height:130%;letter-spacing:2.1px;text-align:left;color:rgb(84, 84, 84);color:var(--dark__84)}@media only screen and (max-width: 767px){.title{letter-spacing:1.5px;text-align:center}}.subtitle{font-family:"Arial","sans-serif";font-size:15px;line-height:160%;letter-spacing:0;text-align:left}@media only screen and (max-width: 767px){.subtitle{text-align:justify}}.subtitle-animal{color:rgb(84, 84, 84);color:var(--dark__84);font-size:20px;line-height:23px;text-align:center}@media only screen and (max-width: 1279.5px){.subtitle-animal{letter-spacing:1.2px}}@media only screen and (max-width: 767px){.subtitle-animal{letter-spacing:1px}}.header{background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.header .container{padding-top:30px}@media only screen and (max-width: 1279.5px){.header .container{padding-left:30px;padding-right:30px}}@media only screen and (max-width: 767px){.header .container{padding-left:20px;padding-right:20px}}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo__title{margin-bottom:10px;font-size:32px;line-height:110%;letter-spacing:2px;color:rgb(241, 205, 179);color:var(--orange)}.logo__subtitle{margin-left:4px;color:rgb(255, 255, 255);color:var(--white_255);font-size:13px;line-height:15px;letter-spacing:1.3px}.nav{color:rgb(205, 205, 205);color:var(--dark__205)}.nav__list{display:flex;-moz-column-gap:36px;column-gap:36px}@media only screen and (max-width: 767px){.nav__list{position:fixed;right:0;top:0;flex-direction:column;align-items:center;row-gap:38px;padding-top:248px;padding-bottom:248px;width:320px;height:100dvh;background:rgb(41, 41, 41);background:var(--dark__buttons);z-index:1;transform:translateX(200%);transition:transform .5s ease-in-out}}.nav__list_active{transform:translateX(0);box-shadow:0 0 0 9999px rgba(0,0,0,.6)}.nav__item{border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.nav__item:hover{color:rgb(250, 250, 250);color:var(--white_250)}}.nav__item:active{color:rgb(250, 250, 250);color:var(--white_250);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.nav__item:first-of-type{color:rgb(250, 250, 250);color:var(--white_250);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}@media only screen and (max-width: 767px){.nav__item{font-size:32px}}.burger{display:none;flex-direction:column;row-gap:8.5px;position:relative;z-index:2;width:30px;height:22px;cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}.burger::before{content:"";position:absolute;display:block;top:-15px;left:-15px;right:-15px;bottom:-15px}@media only screen and (max-width: 767px){.burger{display:flex}}.burger__line{border-bottom:2px solid rgb(241, 205, 179);border-bottom:2px solid var(--nav__active-color)}.burger_active{transform:rotate(90deg)}.header{background:rgb(255, 255, 255);background:var(--white_255)}.header .container{padding-bottom:30px}.logo__title{color:rgb(84, 84, 84);color:var(--dark__84)}.logo__subtitle{color:rgb(41, 41, 41);color:var(--dark__buttons)}.nav{color:rgb(84, 84, 84);color:var(--dark__84)}@media only screen and (max-width: 767px){.nav__list{background:rgb(255, 255, 255);background:var(--white_255)}}@media(hover: hover){.nav__item:hover{color:rgb(41, 41, 41);color:var(--dark__buttons)}}.nav__item:active{color:rgb(41, 41, 41);color:var(--dark__buttons);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.nav__item:first-of-type{color:rgb(84, 84, 84);color:var(--dark__84);border-bottom:none}.nav__item:nth-of-type(2){color:rgb(41, 41, 41);color:var(--dark__buttons);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.burger__line{border-bottom:2px solid #000}.popup{position:fixed;top:50%;left:50%;display:none;z-index:3;width:900px;background:rgb(250, 250, 250);background:var(--white_250);border-radius:9px;transform:translate(-50%, -50%);box-shadow:0px 2px 35px 14px rgba(13,13,13,.04)}@media only screen and (max-width: 1279.5px){.popup{width:630px}}@media only screen and (max-width: 767px){.popup{padding:10px;width:240px}}.popup_active{display:flex;justify-content:flex-start}@media only screen and (max-width: 767px){.popup_active{justify-content:center}}.popup__text{color:#000;font-weight:400;line-height:115%;text-align:left}.popup__picture{margin-right:30px}@media only screen and (max-width: 1279.5px){.popup__picture{margin-right:11px}}@media only screen and (max-width: 767px){.popup__picture{display:none}}.popup__picture-image{width:500px;height:500px}@media only screen and (max-width: 1279.5px){.popup__picture-image{width:350px;height:350px}}.popup__content{padding-top:52px;padding-right:20px}@media only screen and (max-width: 1279.5px){.popup__content{padding-top:10px;padding-right:8px}}@media only screen and (max-width: 767px){.popup__content{padding-top:0;padding-right:0}.popup__content :where(h4,h5){text-align:center}}.popup__title{margin-bottom:8px;font-size:35px;line-height:130%;letter-spacing:2.1px}@media only screen and (max-width: 767px){.popup__title{margin-bottom:10px}}.popup__breed{margin-bottom:40px;font-size:20px;line-height:115%;letter-spacing:1.2px}@media only screen and (max-width: 1279.5px){.popup__breed{margin-bottom:20px}}.popup__description{margin-bottom:40px;font-size:15px;letter-spacing:.9px}@media only screen and (max-width: 1279.5px){.popup__description{margin-bottom:20px;font-size:13px;letter-spacing:.78px;line-height:110%}}@media only screen and (max-width: 767px){.popup__description{margin-bottom:20px;text-align:justify}}.popup__item{position:relative;padding-left:13px;font-size:15px;font-weight:700;list-style:none;line-height:110%;letter-spacing:.9px;color:#000}.popup__item:not(:last-of-type){margin-bottom:11px}@media only screen and (max-width: 1279.5px){.popup__item:not(:last-of-type){margin-bottom:6px}}@media only screen and (max-width: 767px){.popup__item:not(:last-of-type){margin-bottom:7px}}@media only screen and (max-width: 767px){.popup__item{font-size:15px;padding-left:15px}}.popup__item:before{position:absolute;top:7px;left:0;display:block;content:"";width:4px;height:4px;border-radius:50%;background:rgb(241, 205, 179);background:var(--nav__active-color)}.popup__span{font-weight:400}.popup__button{position:absolute;top:-52px;right:-42px;z-index:0;padding:0;width:52px;height:52px;border:2px solid rgb(241, 205, 179);border:2px solid var(--nav__active-color);border-radius:26px;color:rgb(41, 41, 41);color:var(--dark__buttons);outline:none;cursor:pointer;background-color:rgba(0,0,0,0);transition:all 0.3s ease;transition:var(--transition)}.popup__button::before{content:url(assets/images/svg/ad115b3922e9177158a4.svg)}@media only screen and (max-width: 767px){.popup__button{top:-52px;right:-29px}}@media(hover: hover){.popup__button:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.popup__button:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.popup__button_hover{background:rgb(253, 220, 196);background:var(--orange_hover)}.popup_shadow{position:fixed;display:none;top:0;right:0;bottom:0;left:0;background:rgba(41,41,41,.6);z-index:1;min-height:100%;cursor:pointer}.popup_shadow-on{display:block}.pets{background:rgb(246, 246, 246);background:var(--white_246)}.pets .container{padding-bottom:100px;padding-left:31px;padding-right:31px;padding-top:80px}@media only screen and (max-width: 1279.5px){.pets .container{padding:80px 30px 82px}}@media only screen and (max-width: 767px){.pets .container{padding:42px 10px}}.pets__inner{display:flex;flex-direction:column;align-items:center}.pets__title{margin-bottom:58px;text-align:center}@media only screen and (max-width: 1279.5px){.pets__title{margin-bottom:30px}}@media only screen and (max-width: 767px){.pets__title{margin-bottom:42px;max-width:300px}}.pets__images{display:flex;flex-wrap:wrap;align-items:center;align-self:flex-start;gap:30px 40px;align-self:center;margin-bottom:58px;max-width:1200px}@media only screen and (max-width: 1279.5px){.pets__images{gap:29px 40px;max-width:708px;justify-content:center;margin-bottom:38px}}@media only screen and (max-width: 767px){.pets__images{flex-direction:column;margin-bottom:42px}}.pets__images-image{width:270px;height:270px;margin-bottom:26px}@media only screen and (max-width: 1279.5px){.pets__images-image{margin-bottom:23px}}.pets__images-figure{display:flex;flex-direction:column;align-items:center;border-radius:9px;background:rgb(250, 250, 250);background:var(--white_250);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__images-figure:hover{background:rgb(255, 255, 255);background:var(--white_255)}.pets__images-figure:hover .pets__images-button{background:rgb(253, 220, 196);background:var(--orange_hover)}}.pets__images-text{margin-bottom:28px;text-align:center}@media only screen and (max-width: 1279.5px){.pets__images-text{margin-bottom:30px}}.pets__images-button{margin-bottom:31px;padding:14px 44px 14px 44px;padding:var(--buttons-padding);color:rgb(41, 41, 41);color:var(--dark__buttons);border:2px solid #f1cdb3;border-radius:100px;border-radius:var(--buttons-borderRadius);background:rgba(0,0,0,0);font-size:17px;line-height:130%;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}.pets__buttons{display:flex;justify-content:center;gap:0 20px;width:100%}@media only screen and (max-width: 767px){.pets__buttons{gap:0 10px}}.pets__buttons-item{width:52px;height:52px;border:2px solid rgb(205, 205, 205);border:2px solid var(--dark__205);border-radius:100px;border-radius:var(--buttons-borderRadius);color:rgb(205, 205, 205);color:var(--dark__205);font-size:20px;font-family:"Georgia"}.pets__buttons-item_disabled{color:rgb(205, 205, 205);color:var(--dark__205);background:rgba(0,0,0,0);border:2px solid rgb(205, 205, 205);border:2px solid var(--dark__205)}.pets__buttons-item_enabled{border:2px solid rgb(241, 205, 179);border:2px solid var(--nav__active-color);background:rgba(0,0,0,0);color:rgb(41, 41, 41);color:var(--dark__buttons);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__buttons-item_enabled:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.pets__buttons-item_enabled:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.left-start::before{content:"<<"}.left::before{content:"<"}.right::before{content:">"}.right-end::before{content:">>"}.current{color:rgb(41, 41, 41);color:var(--dark__buttons);background:rgb(241, 205, 179);background:var(--nav__active-color)}.footer{background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.footer .container{padding-top:40px}@media only screen and (max-width: 1279.5px){.footer .container{padding:28px 30px 0}}@media only screen and (max-width: 767px){.footer .container{padding-left:10px;padding-right:10px}}.footer__inner{display:flex;flex-wrap:wrap;-moz-column-gap:160px;column-gap:160px}@media only screen and (max-width: 1279.5px){.footer__inner{justify-content:center;align-items:center;gap:0 60px}}.footer__contacts{padding-top:16px}.footer__contacts:first-of-type{max-width:278px}.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:38px}@media only screen and (max-width: 1279.5px){.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:36px}}@media only screen and (max-width: 767px){.footer__contacts:first-of-type{display:flex;flex-direction:column;align-items:center;margin-bottom:0}}.footer__contacts:last-of-type{max-width:302px}.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:34px}@media only screen and (max-width: 1279.5px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:31px}}@media only screen and (max-width: 767px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:39px}}@media only screen and (max-width: 1279.5px){.footer__contacts{padding-top:0;margin-bottom:65px}}@media only screen and (max-width: 767px){.footer__contacts{margin-bottom:0}}.footer__contacts-title{color:rgb(255, 255, 255);color:var(--white_255);letter-spacing:2px}@media only screen and (max-width: 767px){.footer__contacts-title{max-width:294px;letter-spacing:1.5px}}.footer__contacts-link{display:flex;align-items:center}.footer__contacts-link:first-of-type{margin-bottom:32px}@media only screen and (max-width: 1279.5px){.footer__contacts-link:first-of-type{margin-bottom:36px}}@media only screen and (max-width: 767px){.footer__contacts-link:first-of-type{margin-bottom:37px}.footer__contacts-link:last-of-type{margin-bottom:38px}}.footer__contacts-link-svg{margin-right:20px;width:40px;height:36px}.footer__contacts-link-marker{margin-right:20px;min-width:22px;height:32px}.footer__contacts-link-text{color:rgb(241, 205, 179);color:var(--orange);font-size:20px;line-height:115%;letter-spacing:1.2px}.footer__picture-image{width:max(260px, min(60vw, 300px))}@media only screen and (max-width: 1279.5px){.footer .container{padding-top:25px}}@media only screen and (max-width: 767px){.footer .container{padding-top:30px}}