@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.cdnfonts.com/css/blankit";html{scroll-padding-top:188px;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;text-decoration:none}h1{font-size:16px;font-weight:600}h2{font-family:blankit;font-size:64px;font-weight:100}h3{font-size:36px;font-weight:600}h4{font-size:large}p,input,button,textarea{font-size:16px}a{text-decoration:none;color:#000}section{position:relative;display:flex;flex-direction:column;justify-content:center;max-width:100%;width:100vw;margin:0}.fake-nav{position:relative;height:188px}nav{position:fixed;top:0;left:0;background-color:#fff;width:100vw;display:flex;flex-direction:column;justify-content:center;height:190px;align-items:center;z-index:2}nav ul{align-items:center}nav a,nav li{display:flex;flex-direction:column;justify-content:center}#back-to-top-btn{position:fixed;bottom:10vh;right:10vw;height:45px;padding:10px 40px;z-index:2;display:none;justify-content:center;align-items:center;border-radius:3em;border:#D6C426 1px solid;background-color:#fff;filter:drop-shadow(0px 14px 20px rgba(0,0,0,.2));opacity:0;transition:opacity .2s ease}.button-link{height:45px;border-radius:10px;transition:transform .2s ease}.button img{width:25px}@media (hover: hover){.button-link:hover{background-color:#d6c426;transform:scale(1.05)}}.navigation{width:100%;height:188px;max-width:1024px;display:flex;flex-direction:row;justify-content:space-between;list-style:none}#header-logo{height:70px;margin:10px 20px}.button{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center;width:190px;height:45px;border-radius:10px;border:2px solid #D6C426;color:#000}hr{border:2px solid #d7d7d7;width:100%}.tabs{width:100%;height:80px;max-width:1024px;display:flex;flex-direction:row;justify-content:space-between;list-style:none}.tabs li{padding:10px 40px}.tabs li a{padding:5px;transition:transform .2s ease}@media (hover: hover){.tabs li a:hover{transform:scale(1.05);font-weight:500}}.tabs li a img{width:1.8em}@media (hover: hover){#call:hover{transform:scale(1.15)}}.banner{position:relative;display:flex;flex-direction:row;justify-content:center;margin:70px 0;background-image:url(img/pattern1.svg);background-repeat:repeat;width:100%;gap:5vw}.banner:before{content:"";position:absolute;align-self:center;width:90%;height:100%;margin:70px 0;background-image:url(/banner-pattern.png);background-repeat:repeat;background-size:20vw;z-index:-1}.banner #banner-services{display:flex;flex-direction:column;justify-content:space-around;align-items:start;list-style:none}.banner #banner-services li{width:35vw;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:30px;transition:scale .2s ease}.banner #banner-services li:nth-child(2),.banner #banner-services li:nth-child(4){transform:translate(4vw)}@media (hover: hover){.banner #banner-services li:nth-child(2):hover,.banner #banner-services li:nth-child(4):hover{scale:1.05}}.banner #banner-services li:nth-child(3){transform:translate(5vw)}@media (hover: hover){.banner #banner-services li:nth-child(3):hover{scale:1.05}}@media (hover: hover){.banner #banner-services li:nth-child(1):hover,.banner #banner-services li:nth-child(5):hover{scale:1.05}}.banner p{font-size:16px;font-style:normal}.banner-icon{height:auto}.banner #banner-elkee{width:50%;display:flex;justify-content:end;align-items:center}.banner #banner-elkee img{width:70%;height:auto}.banner #banner-services{width:50%}@media (hover: hover){.banner #banner-services li:hover{cursor:pointer}}.banner #banner-services img{width:3.5rem}.button-div{display:flex;width:90%;align-self:center;justify-content:center;margin:40px 0}.button-div button{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;width:90vw;background-color:#d6c426;border:none;border-radius:10px;font-weight:700}.button-div img{width:20px}.button-div button{color:#000}.modal-card{position:relative;width:100%;height:100%}.modal-card .modal-title{height:20%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.modal-grid{width:100%;height:80%;display:flex;flex-direction:row;align-items:center}.modal-grid .modal-divider{height:80%;width:1px;background-color:gray}.modal-grid .modal-col{height:100%;width:50%;padding:10px 30px}.modal-grid .modal-col p{font-size:small;text-align:left}.puppy-right{display:flex;flex-direction:column;height:100%}.puppy-right-top p{text-align:center!important}.puppy-right-bottom{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.puppy-right-bottom span{font-size:large;font-weight:700;line-height:1}#wedding-price{padding-top:10%;text-align:center}#wedding-price span{font-size:x-large;font-weight:700;line-height:1}#popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center;z-index:2}.popup{position:relative;background-color:#fff;padding:30px;border-radius:5px;width:750px;height:350px;text-align:center;z-index:2}#popup-standard{position:relative;height:100%}#suggestions{max-height:150px;overflow-y:auto;position:absolute;top:2.5rem;left:12rem;width:100%;background-color:#fff;display:none;z-index:10}#suggestions div{padding:8px;cursor:pointer}@media (hover: hover){#suggestions div:hover{background-color:#f0f0f0}}#popup-body{width:100%;height:100%}#popup-groom{position:relative;display:flex;flex-direction:column;height:100%;width:100%}#close-popup{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background-color:#d6c426;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000}#popup-type,#groom-popup-type{position:absolute;bottom:-60px;width:60px;height:60px;left:calc(50% - 30px)}#popup-groom-top{display:flex;flex-direction:column;height:40%}#popup-groom-top h3{text-align:start;z-index:0}#popup-groom-top-breed{display:flex;flex-direction:row}#popup-groom-top-price{display:flex;flex-direction:row;align-items:center;margin-top:-.5em;gap:1em}#popup-groom-top-price-circle{display:flex;align-items:center;background-image:url(/price-circle.svg);background-size:100% auto;background-repeat:no-repeat;background-position:center;padding:0 .5em;height:4em}#popup-groom-top-price h2{font-size:30px;font-family:Poppins;font-weight:700;color:#000;margin:0;text-align:center;white-space:nowrap}#popup-groom-bottom{display:flex;flex-direction:row;height:55%}#popup-groom-bottom-left{display:flex;flex-direction:column;justify-content:space-around;text-align:start;width:50%;height:100%}#popup-groom-bottom-left p{font-size:16px}#popup-groom-bottom-left #grooming-search{display:flex;align-items:center;justify-content:space-between;position:relative}#popup-groom-bottom-left #grooming-search label{font-size:16px}#popup-groom-bottom-left #searchBreed{width:12em;border-radius:.5rem;border-style:none;outline:none;height:2.5rem;padding:0 1rem;background-color:#f0f0f0;filter:drop-shadow(5px 5px 10px #00000047)}#popup-groom-bottom-right{display:flex;justify-content:center;align-items:end;width:50%;height:100%}#popup-groom-bottom-right img{width:70%}.welcome{position:relative;align-self:center;width:90%;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:100px 0}.welcome:before{content:"";position:absolute;align-self:center;width:90%;height:70%;margin:100px 0;background-image:url(/pattern2.svg);background-repeat:repeat;z-index:-1}.welcome-info{width:50vw;margin-right:-150px;margin-left:20px;z-index:1}.welcome-info p{background-color:#fff}.welcome img:nth-child(1){width:220px}#julie{width:360px}.location{display:flex;flex-direction:row;justify-content:center;align-items:center;width:80%;align-self:center;margin:100px 0;background-image:url(img/pattern3.svg);background-repeat:repeat}.location .location-info img{width:40px}.location .location-info div{display:flex;align-items:center}.location .location-info h3{font-size:34px}.location .imgs{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40vw}.location .imgs img{width:50%}#googleMap{width:50%;height:240px;transition:transform .2s ease}@media (hover: hover){#googleMap:hover{transform:scale(1.2)}}.location .location-info{display:flex;flex-direction:column;gap:10px;height:300px;width:40vw;padding:20px 40px;background-color:#fff}.location .location-info div{display:flex;flex-direction:row;gap:10px}.gallery-section{margin:100px 0;width:90%;align-self:center}.filter-buttons{margin-bottom:20px;display:flex;justify-content:center}.filter-buttons button{padding:5px 24px;margin:10px;border:1px solid #D6C426;cursor:pointer;background-color:#fff;border-radius:20px;transition:all .3s ease;color:#000}.filter-buttons button.active{background-color:#d6c426;color:#000}@media (hover: hover){.filter-buttons button:hover{background-color:#d6c426;color:#000}}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:1000px;margin:auto}.gallery img{width:100%;height:200px;object-fit:cover;border-radius:10px;display:block}.contact-container{display:flex;flex-direction:column;justify-content:center;align-self:center;width:60vw;margin:100px 0;gap:20px}.contact-title{display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.contact-title img{padding:0 1em}.contact-body{display:flex;justify-content:center;width:100%;gap:20px}#contact-details{margin-top:30px;display:flex;flex-direction:column;background-color:#fff;color:#000;border-radius:10px;padding:1.5em;gap:10px}#contact-details div,#contact-details div a{display:flex;align-items:center}#contact-details div img{width:1.8em;margin-right:1em}#contact-details div a img{transition:transform .2s ease}@media (hover: hover){#contact-details div a img:hover{transform:scale(1.15)}}#contact-contact-form{display:flex;flex-direction:column;justify-content:space-between;width:50%}.contact-submit-btn{color:#000}#contact-contact-form input{border:none;border-bottom:#D6C426 2px solid;outline:none;height:2.5em;padding:0 1em}#contact-contact-form textarea{border:none;border-bottom:#D6C426 2px solid!important;border:#D4D4D4 2px dashed;border-radius:8px 8px 0 0;outline:none;height:6em;padding:0 1em;resize:none}#contact-contact-form button{border:black 1px solid;border-radius:10px;background-color:#fff;outline:none;height:2.5em;padding:0 1em;cursor:pointer;transition:background-color .5s ease}@media (hover: hover){#contact-contact-form button:hover{background-color:#000;color:#fff}}.contact-info-container{width:50%;background-color:#d6c426;border-radius:10px;padding:30px;color:#fff}#hide-input-field{display:none}#form-response-container{display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:10px;padding:10%;gap:1em;width:50%;color:#fff;outline:white 2px solid;transition:color 1s ease;transition:outline 1s ease}footer{height:300px;background-color:#d6c426;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:100px}.contact-info a,.socials a{transition:transform .2s ease}@media (hover: hover){.contact-info a:hover,.socials a:hover{transform:scale(1.15)}}footer .contact-info{display:flex;flex-direction:column;justify-content:center;height:200px;gap:30px;background-color:#fff;padding:0 20px;border-radius:15px}footer .contact-info div{display:flex;flex-direction:row;justify-content:left;gap:10px;align-items:center}footer .contact-info div a{display:flex;align-items:center}footer .contact-info div a img{width:1.5em}footer .socials div a img{width:2.5em}footer .socials{display:grid;grid-template-columns:50px 50px;grid-template-rows:50px 50px;align-content:center;justify-content:center;height:150px;width:150px;background-color:#fff;border-radius:15px}footer .socials div{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 768px){.button-div{display:none}#banner-elkee img{transform:scaleX(-1)}}@media only screen and (max-width: 1024px){nav{height:80px;filter:drop-shadow(0px 0px 7px #00000050)}.navigation{height:80px}#separator{display:none}.fake-nav{height:80px}#header-logo{height:60px}.tabs{display:none!important}.navigation .button-link{margin-right:20px!important}.navigation .button{width:80px!important}.button h1{display:none!important}.banner #banner-services img{width:3rem}.banner p{display:none}.banner h1{font-weight:400}.welcome img:nth-child(1){display:none}.location .location-info h3{font-size:21px}.location .location-info img{width:30px}.location .imgs img{display:none}.location .imgs #googleMap{width:100%}.contact-container{width:80vw}footer>img{display:none}}@media only screen and (max-width: 768px){.popup{height:67vh;width:90vw;min-height:520px}#popup-groom-top h3{font-size:24px}#popup-groom-bottom{flex-direction:column-reverse}#popup-groom-bottom div{width:100%}#popup-groom-bottom p{font-size:12px}#grooming-search{margin-top:20px}#suggestions{top:44px;left:90px}}@media only screen and (max-width: 768px){.banner #banner-services{height:300px}.banner #banner-services img{width:2.5rem}.welcome-info h2{font-size:52px}footer>a{display:none}footer{justify-content:space-evenly}.filter-buttons{flex-wrap:wrap}.filter-buttons button{font-size:16px;padding:8px 20px;margin:10px}.desktop-text{display:none}p{font-size:16px}nav #header-logo{height:50px}.banner{gap:0;margin:50px 0 20px}.banner h1{font-size:16px}.banner #banner-elkee img{width:240px;transform:translate(0)}.banner #banner-services .banner-service:nth-child(1),.banner #banner-services .banner-service:nth-child(5){transform:translate(-20px)}.banner #banner-services .banner-service:nth-child(2){transform:translate(30px) translateY(-5px)}.banner #banner-services .banner-service:nth-child(4){transform:translate(30px) translateY(5px)}.banner #banner-services .banner-service:nth-child(3){transform:translate(40px)}.banner #banner-services .banner-service{gap:10px}.welcome{margin:60px 0}.welcome img{width:130px!important}.welcome-info{margin:0}.welcome-info h2{font-size:30px}.welcome-info h1{font-size:16px}#googleMap:hover{transform:none}.location .location-info{display:none}.location{width:100vw;margin:60px 0}.location .imgs{width:100vw}.gallery-section{margin:50px 0}.gallery-section .filter-buttons button{font-size:16px;margin:3px}.contact-container{margin:40px 0}.contact-container .contact-title h3{font-size:20px}.contact-container .contact-body{flex-direction:column;gap:50px}.contact-container .contact-body #contact-contact-form,.contact-container .contact-body #form-response-container{width:100%;height:350px}.contact-container .contact-body #contact-contact-form textarea{height:120px}.contact-container .contact-body .contact-info-container{padding:15px;width:100%}.modal-grid{flex-direction:column}.modal-grid .modal-col{width:100%;height:50%;padding:10px 0}.modal-grid .modal-divider,.puppy-right-top{display:none}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.banner-service img.animated{animation:pulse .5s ease-in-out}}#julie{will-change:transform}
