/*
@font-face {
    font-family: 'Nunito-Bold';
    src: url('fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Nunito-Bold.woff') format('woff'),
    url('fonts/Nunito-Bold.ttf') format('truetype'),
    url('fonts/Nunito-Bold.svg#Nunito-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold.woff2') format('woff2'),
         url('fonts/Lato-Bold.woff') format('woff'),
         url('fonts/Lato-Bold.ttf')  format('truetype'),
         url('fonts/Lato-Bold.svg#Lato') format('svg');
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular.woff2') format('woff2'),
         url('fonts/Lato-Regular.woff') format('woff'),
         url('fonts/Lato-Regular.ttf')  format('truetype'),
         url('fonts/Lato-Regular.svg#Lato') format('svg');
}
@font-face {
    font-family: 'RoundedMplus1c-Bold';
    src: url('fonts/RoundedMplus1c-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/RoundedMplus1c-Bold.woff') format('woff'),
    url('fonts/RoundedMplus1c-Bold.ttf') format('truetype'),
    url('fonts/RoundedMplus1c-Bold.svg#RoundedMplus1c-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'RoundedMplus1c-ExtraBold';
    src: url('fonts/RoundedMplus1c-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/RoundedMplus1c-ExtraBold.woff') format('woff'),
    url('fonts/RoundedMplus1c-ExtraBold.ttf') format('truetype'),
    url('fonts/RoundedMplus1c-ExtraBold.svg#RoundedMplus1c-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RoundedMplus1c-Black';
    src: url('fonts/RoundedMplus1c-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/RoundedMplus1c-Black.woff') format('woff'),
    url('fonts/RoundedMplus1c-Black.ttf') format('truetype'),
    url('fonts/RoundedMplus1c-Black.svg#RoundedMplus1c-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RoundedMplus1c-Medium';
    src: url('fonts/RoundedMplus1c-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/RoundedMplus1c-Medium.woff') format('woff'),
    url('fonts/RoundedMplus1c-Medium.ttf') format('truetype'),
    url('fonts/RoundedMplus1c-Medium.svg#RoundedMplus1c-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html, body{margin: 0; padding: 0;}
body{-webkit-touch-callout: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; font-family: Raleway-Regular, sans-serif, Helvetica, Arial;}
body.no-scroll{overflow: hidden}

ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none; color: inherit}
*{margin: 0; padding: 0; box-sizing: border-box}
h1, h2, h3, h4{font-weight: normal}
img{border: none}
.clear{clear: both}
.hidden{display: none}
.mobile{display: none !important}
.no-overflow{overflow: hidden}
.float-left{float: left}
.float-right{float: right}
.text-center{text-align: center;}
.clear{clear: both}
.btn{background-color: #FFDA47; border-radius: 8px; padding: 8px 15px; color: #FF2D9C; font-family: RoundedMplus1c-Bold, sans-serif, Helvetica, Arial; font-size: 18px; border: 1px solid #FFDA47; transition: .3s; display: inline-block}
.btn.boldtext{font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial;}
.btn:hover{background-color: #FF2D9C; color: #FFDA47}
.whatsapp_btn i {font-size: 35px; vertical-align: middle; margin: 0 5px 0 0;}
.main-container{width: 100%; max-width: 1380px; margin: auto; padding: 0 40px}
.main-container.large{max-width: 1600px}
.curve-bottom{border-bottom-right-radius: 100% 45%; border-bottom-left-radius: 100% 45%; width: 104%; margin: 0 0 0 -2%}
.curve-top{border-top-right-radius: 100% 20%; border-top-left-radius: 100% 20%; width: 104%; margin: 0 0 0 -2%}
.section-title{font-size: 24px; font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial; color: #FF2D9C; position: relative; z-index: 2; text-transform: uppercase; letter-spacing: 4px}
/* .section-title:after{content: ''; background: url('/assets/images/service-active-pink.png') no-repeat; background-size: 100% 100%; background-position: left center; position: absolute; width: 180px; height: 10px; bottom: -10px; margin: auto; transition: .3s; left: -90px; right: -90px} */
.section-title.noborder:after{display: none;}
.section-subtitle{font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; font-size: 45px; margin: 0; white-space: break-spaces; color: #333333}
.section-subtitle-long {font-size: 24px;}
.mobile{display: none}
.fade-in-effect{opacity: 0; visibility: hidden; transition: 1s}
.fade-in-effect.from-bottom{transform: translateY(10px)}
.fade-in-effect.animate{opacity: 1; visibility: visible}
.fade-in-effect.from-bottom.animate{opacity: 1; visibility: visible; transform: translateY(0)}
.fade-order{opacity: 0; visibility: hidden; transition: .3s}
.fade-order.animate{opacity: 1; visibility: visible}
.homepage .carousel .owl-nav .owl-next{animation: nudge 1.5s infinite ease-in-out}
.homepage .carousel .owl-nav .owl-next.disabled{animation: unset}
.homepage .carousel .owl-nav .owl-prev{animation: nudge 1.5s infinite ease-in-out; animation-direction: reverse}
.homepage .carousel .owl-nav .owl-prev.disabled{animation: unset}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #FFDA47}
.page{padding: 65px 0 0 0}
.push-to-front {position: relative; z-index: 20;}

/* Header */
header{height: 70px; position: relative; z-index: 100; position: fixed; width: 100%; transition: .3s}
header .main-menu{height: 50px; background-color: #FF2D9C; transition: .3s}
header .main-menu > div{display: flex; justify-content: space-between}
header .main-menu > div .logo img{width: 200px; transition: .3s}
header .main-menu > div nav{padding: 12px 0 0 0; display: flex}
header .main-menu > div nav ul{display: flex}
header .main-menu > div nav ul li{margin: 0 15px}
header .main-menu > div nav ul li a{color: #FFFFFF; font-family: RoundedMplus1c-Bold, sans-serif, Helvetica, Arial; font-size: 18px; transition: .3s}
header .main-menu > div nav ul li a:hover{color: #FFDA47}
header .main-menu > div .whatsapp{position: relative; top: 5px; margin: 0 0 0 30px; display: flex; align-items: center;}
header .main-menu > div .whatsapp i{margin: 0 5px 0 0; font-size: 22px; font-weight: bold; position: relative; top: 1px; transition: .3s}
header nav ul li a.rewards{color: #FFDA47 !important; position: relative}
header nav ul li a.rewards:after{content: ''; width: 15px; height: 15px; background: url('/assets/images/stars.png') no-repeat center; background-size: contain; position: absolute; right: -15px; top: -5px}
header .main-menu .btn{height: 38px}
header .top-pattern{height: 15px; background: url('/assets/images/top-pattern.jpg') repeat center; background-size: cover; transition: .3s}

header.fixed{height: 50px}
header.fixed .main-menu{height: 40px}
header.fixed .top-pattern{height: 10px}
header.fixed .main-menu > div nav ul li a{font-size: 15px}
header.fixed .main-menu > div nav{padding: 9px 0 0 0}
header.fixed .main-menu .btn{height: 28px; font-size: 14px; padding: 3px 15px}
header.fixed .main-menu > div .whatsapp i{font-size: 18px}
header.fixed .main-menu > div .logo img{width: 160px}
/* End Header */


/* Homepage */
.homepage .spotlight{position: relative; z-index: 9; height: 700px; overflow: hidden}
.homepage .spotlight:after{content: ''; position: absolute; width: 100%; height: 100px; background: url('/assets/images/curve-bottom.png') no-repeat center; background-size: 100% 100%; bottom: -10px; z-index: 2}
.homepage .spotlight .carousel .item figure{width: 100%; height: 700px; position: relative}
.homepage .spotlight .carousel .item figure:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .2)}
.homepage .spotlight .carousel .item .main-container{position: relative; height: 100%}
.homepage .spotlight .carousel .item .main-container .text{position: absolute; left: 40px; right: 0; top: 50%; transform: translateY(-50%); z-index: 2}
.homepage .spotlight .carousel .item .main-container .text h1, .homepage .spotlight .carousel .item .main-container .text h2{font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; color: #FFFFFF; font-size: 72px; text-transform: uppercase; line-height: 70px; width: 60%; opacity: 0; visibility: hidden; transition: 1s ease .75s}
.homepage .spotlight .carousel .owl-item.active .item .main-container .text h1, .homepage .spotlight .carousel .owl-item.active .item .main-container .text h2{opacity: 1; visibility: visible}
.homepage .spotlight .carousel .item .main-container .text .btn{margin: 35px 0 0 0; padding: 15px 22px; opacity: 0; visibility: hidden; transition: 1s ease 1.25s}
.homepage .spotlight .carousel .owl-item.active .item .main-container .text .btn{opacity: 1; visibility: visible}
.homepage .spotlight .carousel .owl-dots{position: absolute; left: 0; right: 0; bottom: 90px}


.homepage .about-us{position: relative; margin: -155px 0 0 0; z-index: 8}
.homepage .about-us .top-container{background-color: #FFDA47; padding: 235px 0 400px 0; text-align: center; position: relative}
.homepage .about-us .top-container .groovin-grooming{width: 380px; position: relative; z-index: 2}
.homepage .about-us .top-container .cloud{position: absolute; z-index: 1}
.homepage .about-us .top-container .cloud-1{height: 90px; left: 120px; top: 325px; animation: float-cloud-1 35s linear infinite}
.homepage .about-us .top-container .cloud-2{height: 150px; right: 20px; top: 205px; animation: float-cloud-2 50s linear infinite; animation-delay: 1s}
.homepage .about-us .top-container .skyline{position: absolute; bottom: 95px; width: 100%; left: 0; z-index: 1}
.homepage .about-us .bottom-container{padding: 200px 0 100px 0; position: relative; z-index: 1; background-color: #e9e9e9; margin: -160px 0 0 -2%; text-align: center}
.homepage .about-us .bottom-container .van{position: absolute; height: 440px; top: -145px; left: 0; will-change: transform; transform: translateY(-50%); top: -8px}
.homepage .about-us .bottom-container p{font-family: Lato, sans-serif, Helvetica, Arial; font-size: 20px; width: 32%; margin: auto; line-height: 27px}
.homepage .about-us .bottom-container h3{font-family: Lato-Bold, sans-serif, Helvetica, Arial; font-weight: bold; font-size: 42px; width: 38%; line-height: 50px; color: #FF2D9C; margin: 60px auto 0 auto}
.homepage .about-us .bottom-container .dog-bone{width: 230px; margin: 80px 0 0 0}


.homepage .our-services{overflow: hidden; z-index: 1; position: relative}
.homepage .our-services .top-container{text-align: center; padding: 0 0 50px 0; background-color: #e9e9e9; border-bottom-right-radius: 50% 85%; border-bottom-left-radius: 50% 85%; position: relative; z-index: 2}
.homepage .our-services .bottom-container{padding: 140px 0; background: url('/assets/images/footer-bg.jpg') no-repeat center; background-size: cover; position: relative; z-index: 1; margin: -100px 0 0 0; background-attachment: fixed}
.homepage .our-services .bottom-container .tabs{display: flex; justify-content: space-between;}
.homepage .our-services .bottom-container .tabs .item a{font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial; font-size: 25px; color: #FFFFFF; transition: .3s; position: relative}
.homepage .our-services .bottom-container .tabs .item a:after{content: ''; background: url('/assets/images/service-active.png') no-repeat; background-size: 0 0; background-position: left center; position: absolute; width: 180px; height: 10px; bottom: -10px; margin: auto; transition: .3s; left: -90px; right: -90px}
.homepage .our-services .bottom-container .tabs .item a.active, .homepage .our-services .bottom-container .tabs .item a:hover{color: #FFDA47}
.homepage .our-services .bottom-container .tabs .item a.active:after, .homepage .our-services .bottom-container .tabs .item a:hover:after{background-size: 100% 100%; background-position: left center}
.homepage .our-services .services{margin: 65px auto 0 auto}
.homepage .our-services .services .carousel .owl-stage-outer .owl-item{padding: 0 0 200px 0; overflow: hidden}
.homepage .our-services .services .carousel .owl-nav{display: flex; justify-content: space-between; position: absolute; top: 32%; width: 100%}
.homepage .our-services .services .carousel .owl-nav .owl-prev{position: absolute; background: url('/assets/images/arrow-left-yellow-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; left: 50px}
.homepage .our-services .services .carousel .owl-nav .owl-next{position: absolute; background: url('/assets/images/arrow-right-yellow-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; right: 50px}
.homepage .our-services .services .service .main-container{display: flex; justify-content: space-between; align-items: center; padding: 0 100px}
.homepage .our-services .services .service h3{font-size: 58px; color: #FFFFFF; font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; width: 25%; padding: 0 20px 0 0; line-height: 60px; text-transform: uppercase; opacity: 0; visibility: hidden; transition: .4s ease}
.homepage .our-services .services .service .figure{width: 700px; height: 700px; background: url('/assets/images/service-image-border.png') no-repeat center bottom; background-size: contain; position: relative}
.homepage .our-services .services .service .figure .service-image{width: calc(100% - 40px); height: calc(100% - 40px); border-radius: 50%; position: relative; z-index: -1; margin: 20px; object-fit: cover;}
.homepage .our-services .services .service .figure .service-image-dog-container{position: absolute; bottom: 39px; width: 210px; height: 210px; right: 18%; z-index: -1; overflow: hidden; border-bottom-right-radius: 50%}
.homepage .our-services .services .service .figure .service-image-dog-container img{width: 100%; position: absolute; bottom: -100%; transition: .3s}
.homepage .our-services .services .service.show-dog-effect .figure .service-image-dog-container img{bottom: 0}
.homepage .our-services .services .service .figure:after{content: ''; position: absolute; right: -36%; bottom: -75%; background-color: #AD0E63; width: 77%; height: 150%; z-index: -2; transform: rotate(-50deg); opacity: .5}
.homepage .our-services .services .service .details{width: 25%; padding: 0 0 0 25px; opacity: 0; visibility: hidden; transition: .4s ease}
.homepage .our-services .services .owl-item.active.show-text .service h3{opacity: 1; visibility: visible}
.homepage .our-services .services .owl-item.active.show-text .service .details{opacity: 1; visibility: visible}
.homepage .our-services .services .service .details p{font-size: 15px; line-height: 21px; color: #FFFFFF; font-family: Lato, sans-serif, Helvetica, Arial; margin: 0 0 20px 0}
.homepage .our-services .services .service .details p:last-of-type{margin: 0}
.homepage .our-services .services .service .details .btn{margin: 30px 0 0 0; padding: 15px 22px; font-size: 16px;}


.homepage .gallery{position: relative; z-index: 2; text-align: center}
.homepage .gallery .curve-top{margin: -280px -2% 0 -2%; padding: 100px 0 250px 0; position: relative; background: url('/assets/images/grey-bg.jpg') no-repeat center; background-size: cover}
.homepage .gallery .curve-bottom{border-bottom-right-radius: 100% 20%; border-bottom-left-radius: 100% 20%; border-bottom: 10px solid #FF2D9C}
.homepage .gallery .images{width: calc(1380px + (100vw - 1380px) / 2); margin: 90px 0 0 calc((100vw - 1300px) / 2)}
.homepage .gallery .images .owl-stage{margin: 0 0 0 -100px}
.homepage .gallery .images .item{height: 500px}
.homepage .gallery .images .item img{object-fit: cover; object-position: center; border-radius: 8px}
.homepage .gallery .images .item.large img{height: 100%}
.homepage .gallery .images .item.small img{height: 235px}
.homepage .gallery .images .item.small img:first-child{margin: 0 0 30px 0}
.homepage .gallery .images .item.small > div{display: flex}
.homepage .gallery .images .item.small > div a{width: calc(50% - 15px); margin: 0 30px 0 0}
.homepage .gallery .images .item.small > div a:first-child{margin: 0 30px 0 0}
.homepage .gallery .images .item.small > div a:last-child{margin: 0}
.homepage .gallery .carousel .owl-nav{display: flex; justify-content: space-between; position: absolute; top: -120px; width: 100%}
.homepage .gallery .carousel .owl-nav .owl-prev{position: absolute; background: url('/assets/images/arrow-left-pink-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; left: 0}
.homepage .gallery .carousel .owl-nav .owl-next{position: absolute; background: url('/assets/images/arrow-right-pink-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; right: calc((100vw - 1380px) / 2)}


.homepage .our-reviews .top-container{margin: -145px 0 0 0; text-align: center}
.homepage .our-reviews .bottom-container{padding: 0 0 250px 0; background-color: #FFDA47; margin: -50px 0 0 0; position: relative}
.homepage .our-reviews .bottom-container .reviews .owl-stage{padding: 200px 0 0 0}
.homepage .our-reviews .bottom-container .reviews .item:after{content: ''; background: url('/assets/images/reviews-pattern.png') no-repeat center; background-size: contain; width: 320px; height: 160px; position: absolute; left: 0; right: 0; margin: auto; top: -800px; z-index: 1; transition: 1.2s}
.homepage .our-reviews .bottom-container .reviews .owl-item.active .item:after{top: -135px}
.homepage .our-reviews .bottom-container .reviews .item .main-container{display: flex; justify-content: space-between; align-items: center; gap: 75px}
.homepage .our-reviews .bottom-container .reviews .item .image{width: 50%}
.homepage .our-reviews .bottom-container .reviews .item .image img{width: 100%; object-fit: contain}
.homepage .our-reviews .bottom-container .reviews .item .text{width: 50%}
.homepage .our-reviews .bottom-container .reviews .item .text h3{font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; font-size: 34px; color: #FF2D9C; opacity: 0; visibility: hidden; transition: .4s ease}
.homepage .our-reviews .bottom-container .reviews .item .text h4{font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; font-size: 26px; color: #FF2D9C; opacity: 0; visibility: hidden; transition: .4s ease}
.homepage .our-reviews .bottom-container .reviews .item .text p{font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; font-size: 21px; margin: 20px 0 0 0; padding: 0 150px 0 0; opacity: 0; visibility: hidden; transition: .4s ease}
.homepage .our-reviews .bottom-container .reviews .owl-item.active .item .text h3.show, .homepage .our-reviews .bottom-container .reviews .owl-item.active .item .text h4.show, .homepage .our-reviews .bottom-container .reviews .owl-item.active .item .text p.show{opacity: 1; visibility: visible}
.homepage .our-reviews .carousel .owl-nav{display: flex; justify-content: space-between; position: absolute; top: calc(50% + 100px); width: 100%}
.homepage .our-reviews .carousel .owl-nav .owl-prev{position: absolute; background: url('/assets/images/arrow-left-pink-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; left: calc((100vw - 1380px) / 2)}
.homepage .our-reviews .carousel .owl-nav .owl-next{position: absolute; background: url('/assets/images/arrow-right-pink-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; right: calc((100vw - 1380px) / 2)}


.homepage .socialize{padding: 130px 0 0 0; position: relative; z-index: 2}
.homepage .socialize .curve-top{margin: -280px -2% 0 -2%; padding: 100px 0; position: relative; background: url('/assets/images/grey-bg.jpg') no-repeat center; background-size: cover; border-top: 10px solid #FF2D9C}
.homepage .socialize .curve-bottom{border-bottom-right-radius: 100% 20%; border-bottom-left-radius: 100% 20%; border-bottom: 10px solid #FFDA47}
.homepage .socialize .top-container{text-align: center}
/* .homepage .socialize .top-container .section-subtitle{color: #FF2D9C} */
.homepage .socialize .bottom-container .instagram-posts{width: calc(1380px + (100vw - 1380px) / 2); margin: 120px 0 120px calc((100vw - 1300px) / 2)}
.homepage .socialize .bottom-container .instagram-posts img{height: 320px; object-fit: cover; border-radius: 8px}
.homepage .socialize .bottom-container .instagram-posts .owl-stage{margin: 0 0 0 -150px}
.homepage .socialize .bottom-container .social-platforms{display: flex; gap: 50px; justify-content: space-between; width: fit-content; margin: auto}
.homepage .socialize .bottom-container .social-platforms li a{font-size: 70px; font-weight: bold; color: #FF2D9C; transition: .3s}
.homepage .socialize .bottom-container .social-platforms li a:hover{color: #FFDA47}
.homepage .socialize .bottom-container .social-platforms .social_icon {width: 70px}
.homepage .socialize .carousel .owl-nav{display: flex; justify-content: space-between; position: absolute; top: -120px; width: 100%}
.homepage .socialize .carousel .owl-nav .owl-prev{position: absolute; background: url('/assets/images/arrow-left-pink-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; left: 0}
.homepage .socialize .carousel .owl-nav .owl-next{position: absolute; background: url('/assets/images/arrow-right-pink-updated.png') no-repeat center; background-size: contain; width: 80px; height: 80px; font-size: 0; right: calc((100vw - 1380px) / 2)}

@keyframes float-cloud-1{
    0%{
        transform: translate(0, 0);
    }
    25%{
        transform: translate(100px, -50px);
    }
    50%{
        transform: translate(0, -100px);
    }
    75%{
        transform: translate(-100px, -50px);
    }
    100%{
        transform: translate(0, 0);
    }
}

@keyframes float-cloud-2{
    0%{
        transform: translate(0, 0);
    }
    25%{
        transform: translate(50px, 50px);
    }
    50%{
        transform: translate(0, 100px);
    }
    75%{
        transform: translate(25px, 25px);
    }
    100%{
        transform: translate(0, 0);
    }
}

@keyframes fadeIn{
    0%{
        opacity: 0;
        visibility: hidden;
    }
    100%{
        opacity: 1;
        visibility: visible;
    }
}

@keyframes nudge{
    0%,
    100%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(10px);
    }
}

/* End Homepage */


/* FAQ */
.faq-page {background-color: #e9e9e9;}
.faq-page .top-container{padding: 140px 0 80px 0; text-align: center; background: url('/assets/images/footer-bg.jpg') no-repeat center; background-size: cover}
.faq-page .top-container h1{font-size: 72px; font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; color: #FFDA47; position: relative; display: inline-block}
.faq-page .top-container h1 .speech-bubble{position: absolute}
.faq-page .top-container h1 .speech-bubble.bubble-1{left: -90px; top: -60px; width: 100px}
.faq-page .top-container h1 .speech-bubble.bubble-2{right: -10px; top: -40px; width: 40px}
.faq-page .top-container h1 .speech-bubble.bubble-3{right: -65px; top: -15px; width: 60px; transform: rotate(40deg)}
.faq-page .faqs{padding: 100px 0; position: relative; z-index: 2}
.faq-page .faqs .main-container{display: flex; gap: 100px}
.faq-page .faqs .main-container .container-left{width: 70%}
.faq-page .faqs .main-container .container-left .faq-section{margin: 0 0 80px 0}
.faq-page .faqs .main-container .container-left .faq-section:last-child{margin: 0}
.faq-page .faqs .main-container .container-left .faq-section h2{font-size: 45px; font-family: RoundedMplus1c-Black, sans-serif, Helvetica, Arial; margin: 0 0 40px 0; text-transform: uppercase}
.faq-page .faqs .main-container .container-left .faq-section .faq{padding: 0 50px 30px 0; position: relative; border-bottom: 1px solid #ABABAB; margin: 0 0 30px 0}
.faq-page .faqs .main-container .container-left .faq-section .faq:last-child{margin: 0; border: none}
.faq-page .faqs .main-container .container-left .faq-section .faq .question h3{font-size: 18px; font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial}
.faq-page .faqs .main-container .container-left .faq-section .faq .question i{position: absolute; width: 25px; height: 25px; border: 2px solid #FF2D9C; right: 0; top: 0; border-radius: 6px; font-style: normal; display: flex; justify-content: center; align-items: center}
.faq-page .faqs .main-container .container-left .faq-section .faq .question i:after{content: '\f067'; font-family: Fontawesome; color: #FF2D9C; font-size: 16px; font-weight: bold}
.faq-page .faqs .main-container .container-left .faq-section .faq.active .question i{background-color: #FF2D9C}
.faq-page .faqs .main-container .container-left .faq-section .faq.active .question i:after{content: '\f068'; color: #FFFFFF}
.faq-page .faqs .main-container .container-left .faq-section .faq .answer{display: none}
.faq-page .faqs .main-container .container-left .faq-section .faq .answer.active{display: block}
.faq-page .faqs .main-container .container-left .faq-section .faq .answer p{font-size: 15px; font-family: RoundedMplus1c-Medium, sans-serif, Helvetica, Arial; margin: 20px 0 0 0}
/* .faq-page .faqs .main-container .container-left .faq-section .faq .answer p:first-child{margin: 20px 0} */
/* .faq-page .faqs .main-container .container-left .faq-section .faq .answer p:last-child{margin: 0} */
.faq-page .faqs.curve-bottom{border-bottom-right-radius: 100% 10%; border-bottom-left-radius: 100% 10%; border-bottom: 10px solid #FFDA47; background-color: #e9e9e9}
.faq-page .faqs .main-container .container-right{width: 30%}
.faq-page .faqs .main-container .faq-dog{width: 300px}
/* End FAQ */


/* Footer */
footer{position: relative; z-index: 1; margin: -100px 0 0 0}
/* footer:before{content: ''; background: url('/assets/images/yellow-curve.png') no-repeat center; background-size: 100% 100%; position: absolute; top: 0; left: 0; height: 100px; width: 100%; z-index: 2} */
footer .haute-dog{position: absolute; top: 100px; left: 0; right: 0; margin: auto; width: 570px}
footer .footer-dog{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 380px}
footer .top-container{background: url('/assets/images/footer-bg.jpg') no-repeat center; background-size: cover; padding: 200px 0 80px 0; background-attachment: fixed; text-align: center;}
footer .top-container h3{font-size: 48px; font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial; line-height: 50px; color: #FFFFFF}
footer .top-container .left-container .btn{padding: 15px 70px; height: auto; margin: 20px 0 0 0}
footer .top-container .left-container ul{margin: 50px 0 0 0;}
footer .top-container .left-container ul li{font-size: 30px; font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial; color: #FFFFFF; margin: 0 0 40px 0}
footer .top-container .left-container ul li:last-child{margin: 0}
footer .top-container .left-container ul li i{color: #FFDA47; margin: 0 20px 0 0; font-size: 45px; position: relative; top: 5px}
footer .top-container .left-container ul li a{transition: .3s}
footer .top-container .left-container ul li a:hover{letter-spacing: .5px}
footer .top-container .left-container ul li:first-child a{margin: 0 0 0 25px}
footer .top-container .left-container ul li:first-child i{margin: 0 0 0 7px; transform: rotate(270deg)}
footer .top-container .right-container .working-hours{margin: 30px 0 0 0}
footer .top-container .right-container .working-hours p, footer .top-container .company-address-text {font-size: 25px; color: #FFFFFF; font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial; margin: 0 0 20px 0; display: flex; align-items: center; justify-content: center;}
footer .top-container .right-container .working-hours .working-hours-text {background: #a90f61; padding: 10px 20px; border-radius: 10px;}
footer .top-container .right-container .company-address-text{margin: 40px 0 0 0; font-size: 30px; line-height: 40px; display: flex}
footer .top-container .company-address-text i{color: #FFDA47; margin: 0 20px 0 0; font-size: 45px}
footer .top-container .right-container .working-hours .working-hours-grid {display: grid; grid-template-columns: 50% 46%; grid-gap: 4%; max-width: 400px; margin: auto; text-align: left;}
footer .bottom-container{height: 60px; background-color: #FFDA47; padding: 20px 0;}
footer .bottom-container p{font-size: 16px; font-family: RoundedMplus1c-ExtraBold, sans-serif, Helvetica, Arial; letter-spacing: 2px;}
footer .animate{opacity: 1 !important; visibility: visible !important}
/* End Footer */


@media only screen and (max-width: 1680px) {
    .homepage .our-services .services .service .figure{width: 600px; height: 600px}
    .homepage .carousel .owl-nav .owl-prev{width: 60px !important; height: 60px !important}
    .homepage .carousel .owl-nav .owl-next{width: 60px !important; height: 60px !important}
    .homepage .about-us .bottom-container p, .homepage .about-us .bottom-container h3{width: 50%}
}


@media only screen and (max-width: 1480px) {
    .main-container{padding: 0 20px}
    .faq-page .main-container{padding: 0 calc(2% + 20px)}
    .homepage .spotlight .carousel .item .main-container .text{left: 20px; padding: 0 0 0 20px}
    .homepage .our-services .services .service .figure{width: 500px; height: 500px}
    .homepage .our-services .services .carousel .owl-nav .owl-prev{left: 10px}
    .homepage .our-services .services .carousel .owl-nav .owl-next{right: 20px}
    .homepage .gallery .images{padding: 0 0 0 20px; width: calc(1360px + (100vw - 1360px) / 2); margin: 90px 0 0 calc((100vw - 1340px) / 2)}
    .homepage .gallery .carousel .owl-nav .owl-next{right: calc((100vw - 1360px) / 2)}
    .homepage .socialize .bottom-container .instagram-posts{padding: 0 0 0 20px; width: calc(1360px +(100vw - 1360px) / 2); margin: 120px 0 120px calc((100vw - 1340px) / 2)}
    .homepage .socialize .carousel .owl-nav .owl-next{right: calc((100vw - 1360px) / 2)}
    .homepage .our-services .services .service .figure .service-image-dog-container{width: 150px; height: 150px}
    .homepage .our-services .services .service .figure:after{transform: rotate(-45deg); right: -32%}
    /* footer .top-container{padding: 260px 0 80px 0} */
    footer .haute-dog{width: 450px}
    footer .footer-dog{width: 400px}
    .btn{font-size: 16px}
    .whatsapp_btn i {font-size: 30px;}
}


@media only screen and (max-width: 1400px) {
    .homepage .our-services .services .service h3{font-size: 50px}
    .homepage .carousel .owl-nav .owl-prev{width: 50px !important; height: 50px !important}
    .homepage .carousel .owl-nav .owl-next{width: 50px !important; height: 50px !important}
    .homepage .gallery .carousel .owl-nav .owl-next{right: 90px}
    .homepage .gallery .images{width: 100%; margin: 90px 0 0 0; padding: 0 0 0 45px}
    .homepage .socialize .bottom-container .instagram-posts{width: 100%; margin: 120px 0; padding: 0 0 0 45px}
    .homepage .socialize .carousel .owl-nav .owl-next{right: 90px}
    .homepage .our-reviews .bottom-container .reviews .item .image img{width: 75%;float: right}
    .homepage .our-reviews .carousel .owl-nav .owl-prev{left: 20px}
    .homepage .our-reviews .carousel .owl-nav .owl-next{right: 25px}
    .homepage .our-services .services .service .figure{width: 450px; height: 450px}
    .homepage .our-services .services .service .figure .service-image-dog-container{width: 125px; height: 125px}
}


@media only screen and (max-width: 1300px) {
    .homepage .about-us .top-container .cloud-1{height: 70px}
    .homepage .about-us .top-container .cloud-2{height: 100px}
    .homepage .about-us .bottom-container p, .homepage .about-us .bottom-container h3{width: 75%}
    .homepage .about-us .bottom-container .van{height: 300px}
    .homepage .socialize .bottom-container .social-platforms{gap: 75px}
    .homepage .socialize .bottom-container .social-platforms li a{font-size: 50px}
    .homepage .our-services .services .service h3{font-size: 40px; line-height: 50px}
    .homepage .our-services .services .service .main-container{padding: 0 65px}
    footer .haute-dog{width: 400px}
    footer .footer-dog{width: 350px}
    footer .top-container{padding: 140px 0 80px 0}
    .btn{font-size: 15px}
}


@media only screen and (max-width: 1250px) {
    .homepage .gallery .images .item{height: 400px}
    .homepage .socialize .bottom-container .instagram-posts img{height: 220px}
    .homepage .gallery .images .item.small img{height: 185px}
    .homepage .our-reviews .bottom-container .reviews .item .main-container{gap: 100px}
    .homepage .our-reviews .bottom-container .reviews .item .text p{padding: 0 100px 0 0}
    .homepage .our-services .services .service .figure:after{transform: rotate(-40deg); right: -27%}
    .homepage .about-us .top-container .cloud-1{left: 20px}
    .btn{font-size: 14px}
    .whatsapp_btn i {font-size: 25px;}
}


@media only screen and (max-width: 1150px) {
    .section-title{font-size: 20px}
    .section-subtitle{font-size: 38px}
    .section-subtitle-long {font-size: 20px;}
    .homepage .spotlight .carousel .item .main-container .text h1, .homepage .spotlight .carousel .item .main-container .text h2{font-size: 60px; line-height: 70px}
    .homepage .carousel .owl-nav .owl-prev{width: 40px !important; height: 40px !important}
    .homepage .carousel .owl-nav .owl-next{width: 40px !important; height: 40px !important}
    header .main-menu > div .logo img{width: 200px}
    .homepage .our-services .bottom-container .tabs .item a{font-size: 20px}
    .homepage .our-reviews .bottom-container .reviews .item .text h3{font-size: 30px}
    .homepage .our-reviews .bottom-container .reviews .item .text h4{font-size: 22px}
    .homepage .our-reviews .bottom-container .reviews .item .text p{font-size: 18px}
    .homepage .our-reviews .bottom-container:after{top: 90px}
    footer .haute-dog{top: 100px}
    footer .footer-dog{width: 300px}
    footer .top-container h3{font-size: 40px; line-height: 40px;}
    footer .top-container .working-hours-img-after {width: 290px;}
    footer .top-container .left-container ul li{font-size: 24px; margin: 0 0 20px 0}
    footer .top-container .left-container ul li i{font-size: 40px}
    footer .top-container .right-container .working-hours p {font-size: 20px; margin: 0 0 10px 0}
    footer .top-container .company-address-text {font-size: 24px; margin: 30px 0 10px 0}
    footer .bottom-container p{font-size: 13px}
    .btn{font-size: 13px}
    .whatsapp_btn i {font-size: 20px;}
}


@media only screen and (max-width: 1100px) {
    header .main-menu > div .logo img{width: 150px}
    header .main-menu > div nav ul li a{font-size: 16px}
    .homepage .carousel .owl-nav .owl-prev{width: 30px !important; height: 30px !important}
    .homepage .carousel .owl-nav .owl-next{width: 30px !important; height: 30px !important}
    .homepage .our-services .services .service .figure{width: 400px; height: 400px}
    .homepage .our-services .services .service .main-container{padding: 0 55px}
    .homepage .our-services .services .service .details{padding: 0 0 0 10px}
    .homepage .our-services .services .service h3{font-size: 36px; line-height: 46px}
    .homepage .our-services .services .service .figure .service-image-dog-container{width: 100px; height: 100px}
    .homepage .gallery .images .item{height: 300px}
    .homepage .gallery .images .item.small img{height: 135px}
    .homepage .socialize .bottom-container .instagram-posts img{height: 150px}
    footer .top-container{padding: 150px 0 80px 0}
}


@media only screen and (max-width: 1000px) {
    header .main-menu > div nav ul li a{font-size: 15px}
    .btn{font-size: 12px}
}


@media only screen and (max-width: 960px) {
    .mobile{display: block !important}
    .desktop{display: none !important}
    .main-container{padding: 0 20px}
    .page{padding: 55px 0 0 0}
    .btn{font-size: 15px}
    .section-title{font-size: 16px}
    .section-subtitle{font-size: 30px; margin: 10px 0 0 0;}
    .section-subtitle-long {font-size: 16px; margin: 20px 0 0 0;}
    .curve-top{border-top-right-radius: 100% 5%; border-top-left-radius: 100% 5%}


    header{height: 55px}
    header .main-menu{height: 50px; z-index: 3; position: relative}
    header .main-menu > div .logo img{width: 180px}
    header .top-pattern{height: 15px; background-size: cover; z-index: 2; position: relative}
    header .main-menu > div > div{display: flex; gap: 20px}
    header .main-menu > div .whatsapp{font-size: 0; width: 24px; height: 24px; padding: 0; background-color: transparent; border: none; color: #FFDA47; margin: 0; top: 12px}
    header .main-menu > div .whatsapp i{font-size: 28px; font-weight: normal; top: initial; margin: 0}
    header .main-menu > div .mobile-menu-toggle{color: #FFFFFF; font-size: 28px; width: 28px; height: 28px; position: relative; top: 10px}
    header .main-menu > div .mobile-menu-toggle .fa-times{position: absolute; right: 5px; display: none}
    header .main-menu > div .mobile-menu-toggle.active .fa-times{display: block}
    header .main-menu > div .mobile-menu-toggle.active .fa-bars{display: none}
    header .main-menu > div .logo{position: relative; z-index: 2}
    header .mobile-menu{position: fixed; top: 55px; width: 100%; background-color: #FF2D9C; height: 380px; top: -380px; transition: .5s}
    header .mobile-menu.active{top: 55px}
    header .mobile-menu .scroll-container{overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: absolute; z-index: 99; width: 100%; top: 50%; transform: translateY(-50%)}
    header .mobile-menu .scroll-container ul li{display: block; text-align: center; margin: 0 0 15px 0}
    header .mobile-menu .scroll-container ul li:last-child{margin: 0}
    header .mobile-menu .scroll-container ul li a{font-family: RoundedMplus1c-Bold, sans-serif, Helvetica, Arial; font-size: 20px; color: #FFFFFF; font-size: 24px}


    /* Homepage */
    .homepage .spotlight{height: 500px}
    .homepage .spotlight .carousel .item .main-container .text{left: 0; padding: 0 20px; top: initial; transform: none; bottom: 100px}
    .homepage .spotlight .carousel .item .main-container .text h1, .homepage .spotlight .carousel .item .main-container .text h2{font-size: 34px; line-height: 40px; width: 100%}
    .homepage .spotlight .carousel .item figure{height: 500px}
    .homepage .spotlight:after{height: 50px}
    .homepage .spotlight .carousel .owl-dots{bottom: 40px}


    .homepage .about-us .top-container .cloud-1{height: 25px}
    .homepage .about-us .top-container .cloud-2{height: 40px}
    .homepage .about-us .top-container .groovin-grooming{width: 250px}
    .homepage .about-us .top-container{padding: 200px 0 280px 0}
    .homepage .about-us .bottom-container{padding: 100px 0}
    .homepage .about-us .bottom-container .van{height: 200px}
    .homepage .about-us .bottom-container p, .homepage .about-us .bottom-container h3{width: 100%; padding: 0 40px}
    .homepage .about-us .bottom-container p{font-size: 18px; line-height: 25px}
    .homepage .about-us .bottom-container h3{font-size: 25px; line-height: 33px; margin: 50px auto 0 auto}
    

    .homepage .our-services .top-container{border-bottom-right-radius: 50% 20%; border-bottom-left-radius: 50% 20%; padding: 0 0 25px 0}
    .homepage .our-services .bottom-container {background: url(/assets/images/footer-bg-mobile.jpg) no-repeat center; background-size: cover}
    .homepage .our-services .bottom-container .tabs{width: calc(100% + 20px)}
    .homepage .our-services .bottom-container .tabs .item{padding: 0 0 30px 0; text-align: center;}
    .homepage .our-services .bottom-container .tabs .item.large {width: 170px;}
    .homepage .our-services .bottom-container .tabs .item.medium {width: 90px;}
    .homepage .our-services .bottom-container .tabs .item a{font-size: 18px}
    .homepage .our-services .bottom-container .tabs .item a:after{width: 130px; left: -65px; right: -65px}
    .homepage .our-services .services .service .main-container{display: block; padding: 0 20px}
    .homepage .our-services .services .service h3{width: 100%; padding: 0 50px; text-align: center; margin: 40px 0 0 0; font-size: 36px; line-height: 40px}
    .homepage .our-services .services .service .figure{width: 320px; height: 320px; margin: auto}
    .homepage .our-services .services .service .figure .service-image{width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px}
    .homepage .our-services .services .service .figure .service-image-dog-container{bottom: 25px}
    .homepage .our-services .services .service .details{width: 100%; padding: 0; text-align: center; margin: 40px 0 0 0}
    .homepage .our-services .services .carousel .owl-nav{top: 38%}
    .homepage .our-services .services .service .figure:after{right: -55%; bottom: -140%; height: 200%}
    .homepage .carousel .owl-nav .owl-prev{width: 50px !important; height: 50px !important}
    .homepage .carousel .owl-nav .owl-next{width: 50px !important; height: 50px !important}
    

    .homepage .gallery .curve-top{padding: 80px 0 160px 0; border-bottom-right-radius: 100% 15%; border-bottom-left-radius: 100% 15%; border-bottom: 4px solid #FF2D9C}
    .homepage .gallery .images{padding: 0 0 0 20px; margin: 50px 0 0 0}
    .homepage .gallery .images .owl-stage{margin: 0 0 0 -50px}
    .homepage .gallery .images .item{height: 320px}
    .homepage .gallery .images .item.small img{height: 150px}
    .homepage .gallery .images .item.small img:first-child{margin: 0 0 20px 0}
    .homepage .gallery .images .item.small > div a:first-child{margin: 0 20px 0 0}
    .homepage .gallery .images .item.small > div a{width: calc(50% - 10px); margin: 0 20px 0 0}
    .homepage .gallery .carousel .owl-nav .owl-next{right: 45px}


    .homepage .our-reviews .top-container{margin: -100px 0 0 0}
    .homepage .our-reviews .bottom-container{padding: 0 0 220px 0}
    .homepage .our-reviews .bottom-container .reviews .item:after{width: 200px; height: 100px}
    .homepage .our-reviews .bottom-container .reviews .item .main-container{display: block}
    .homepage .our-reviews .bottom-container .reviews .item .image{width: 100%}
    .homepage .our-reviews .bottom-container .reviews .item .image img{width: auto; float: none; height: 340px; margin: auto}
    .homepage .our-reviews .bottom-container .reviews .item .text{width: 100%; text-align: center; margin: 50px 0 0 0}
    .homepage .our-reviews .bottom-container .reviews .item .text h3{font-size: 26px; padding: 0 60px}
    .homepage .our-reviews .bottom-container .reviews .item .text h4{font-size: 18px; padding: 0 60px}
    .homepage .our-reviews .bottom-container .reviews .item .text p{font-size: 15px; padding: 0}
    .homepage .our-reviews .carousel .owl-nav{top: 570px; transform: none}


    .homepage .socialize .curve-top{padding: 100px 0 80px 0; border-top: 4px solid #FF2D9C; border-bottom: 4px solid #FFDA47; border-bottom-right-radius: 100% 10%; border-bottom-left-radius: 100% 10%}
    .homepage .socialize .bottom-container .instagram-posts{margin: 60px 0; padding: 0 0 0 20px}
    .homepage .socialize .bottom-container .instagram-posts img{height: 220px}
    .homepage .socialize .bottom-container .instagram-posts .owl-stage{margin: 0 0 0 -80px}
    .homepage .socialize .bottom-container .social-platforms li a{font-size: 45px}
    .homepage .socialize .carousel .owl-nav .owl-next{right: 45px}
    /* End Homepage */


    /* FAQ page */
    .faq-page .top-container h1{font-size: 40px}
    .faq-page .top-container h1 .speech-bubble.bubble-1{left: -50px; top: -40px; width: 60px}
    .faq-page .top-container h1 .speech-bubble.bubble-2{right: -10px; width: 25px}
    .faq-page .top-container h1 .speech-bubble.bubble-3{right: -45px; width: 40px}
    .faq-page .top-container{padding: 80px 0 40px 0}
    .faq-page .faqs .main-container{display: block}
    .faq-page .faqs .main-container .container-left, .faq-page .faqs .main-container .container-right{width: 100%}
    .faq-page .faqs{padding: 50px 0 100px 0}
    .faq-page .faqs .main-container .container-left .faq-section h2{font-size: 34px; margin: 0 0 20px 0}
    .faq-page .faqs .main-container .container-left .faq-section .faq{padding: 0 30px 20px 0; margin: 0 0 20px 0}
    .faq-page .faqs .main-container .container-left .faq-section .faq .question h3{line-height: 24px}
    .faq-page .faqs .main-container .container-left .faq-section .faq .question i{width: 20px; height: 20px}
    .faq-page .faqs .main-container .container-left .faq-section .faq .question i:after{font-size: 12px; width: 100%; text-align: center}
    .faq-page .faqs .main-container .container-left .faq-section{margin: 0 0 40px 0}
    .faq-page .faqs .main-container .faq-dog{width: 220px; margin: 0 auto 40px auto}
    .faq-page .faqs.curve-bottom{border-bottom-right-radius: 100% 4%; border-bottom-left-radius: 100% 4%; border-bottom: 4px solid #FFDA47}
    /* End FAQ page */
    

    footer{margin: -190px 0 0 0}
    footer .haute-dog{position: relative; margin: auto; width: 280px; top: 200px; display: block}
    footer .left-container, footer .right-container{float: none; text-align: center; margin: 100px 0 0 0}
    footer .top-container{padding: 150px 0 250px 0; background: url(/assets/images/footer-bg-mobile.jpg) no-repeat center; background-size: cover}
    footer .top-container h3{width: 100%; font-size: 30px; line-height: 30px}
    footer .top-container .left-container ul{margin: 40px 0 0 0; display: grid; grid-template-columns: 100%; grid-gap: 0}
    footer .top-container .left-container ul li{font-size: 20px}
    footer .top-container .left-container ul li i{display: block; margin: 0 !important; font-size: 34px}
    footer .top-container .left-container ul li a{display: block; margin: 10px 0 0 0 !important; font-size: 16px;}
    footer .top-container .right-container{margin: 25px 0 0 0}
    footer .top-container .right-container img{margin: 10px 0 0 0; width: 150px}
    footer .top-container .right-container h3{margin: auto}
    footer .top-container .right-container .working-hours p {font-size: 18px; margin: 0 0 5px 0; display: block;}
    footer .top-container .company-address-text{font-size: 20px; line-height: 24px; display: block; margin: 30px 0 5px 0}
    footer .top-container .company-address-text i{font-size: 34px; margin: 15px 0 10px 0!important; display: block}
    footer .footer-dog{width: 225px; z-index: 1; bottom: 87px}
    footer .bottom-container{z-index: 2; position: relative}
    footer .top-container .right-container .working-hours .working-hours-grid {text-align: center;}
    footer .bottom-container p {float: none; text-align: center; margin: 0 0 10px 0;}
    footer .bottom-container {height: auto; padding: 20px 0 10px  0;}
    footer .footer-separator {margin: auto;}
}

@media only screen and (max-width: 960px) and (min-width: 768px){
    .homepage .gallery .images .item{height: 600px}
    .homepage .gallery .images .item.small img{height: 290px}
    .homepage .gallery .images .item.small img:first-child{margin: 0 0 20px 0}
    .homepage .socialize .bottom-container .instagram-posts img{height: 600px}
}

@media only screen and (max-width: 430px) {
    .homepage .our-reviews .top-container {margin: -120px 0 0 0;}
}

@media only screen and (max-width: 350px) {
    footer .top-container .left-container ul li a {font-size: 14px;}
}

@media only screen and (max-width: 290px) {
    .homepage .our-reviews .top-container {margin: -140px 0 0 0;}
}

@media only screen and (max-width: 280px) {
    footer .top-container .left-container ul li a {font-size: 12px;}
}