@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');





/*

input {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}

*/





button::-moz-focus-inner {  border: 0;}

a:focus {     outline: none; }

button:focus {     outline: none; }

::-moz-focus-inner {border:0;}

:focus, :active {    outline: 0;    border: 0;}







select {

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;       /* Remove default arrow */

   background-image: url(../images/small-down-arrow.png);

   background-repeat: no-repeat;

   background-position: 85% center;

}







@font-face {

font-family: 'BrigithaKestry';

font-style: normal;

font-weight: normal;

src: local('BrigithaKestry'), url('BrigithaKestry.woff') format('woff');

}







body {color: #000; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }



html {  scroll-behavior: smooth;}





a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}



a:focus, a:active,  a, focus, select {border:0px; outline:none;}



.clear{clear:both;}



p{margin-top:0px; text-align: left;}



img {border:0px;}



form{margin:0px;}



input {outline:none;}



* {box-sizing:border-box; }





h1 {font-family: 'BrigithaKestry'; font-size:100px; margin:0px; line-height:90%; font-weight:normal;}



h2 {font-family: 'BrigithaKestry'; font-size:60px; margin:0px; line-height:90%; font-weight:normal; color:#074276;}



h3 {font-family: 'BrigithaKestry'; font-size:36px; margin:0px; line-height:90%; font-weight:normal; color:#074276;}







header {position:fixed; left:0px; top:0px; width:100%; z-index:100; transition: all 0.5s ease-in 0s;}



header .grid-1280 {background-color:#fff; margin-top:30px; border-radius:1000px; transition: all 0.5s ease-in 0s;}



header.darker  .grid-1280  {margin-top:0px; border-radius:0px; transition: all 0.5s ease-in 0s;  }



header.darker {background-color:#fff;  box-shadow:0px 0px 5px 2px #ccc; height:70px; top:0px; left:0px; position:fixed;}




body,html {height:100%;}

.popup {position:fixed; left:0px; top:0px; background-color:rgb(0,0,0,0.5); width:100%; height:100%; z-index:105; }

.popup .image-holder {width:360px; margin:auto;}

.popup .image-holder  img {display:block; width:100%;}

.popup-close {position:fixed; right:20px; top:20px;}





.banner-1 {display:table; width:100%; height:970px; background-image:url(../images/banner-1.jpg); background-position:center center; background-size:cover;}

.banner-2 {display:table; width:100%; height:970px; background-image:url(../images/banner-2.jpg); background-position:center center; background-size:cover;}

.banner-3 {display:table; width:100%; height:970px; background-image:url(../images/banner-3.jpg); background-position:center center; background-size:cover;}

.banner-4 {display:table; width:100%; height:970px; background-image:url(../images/banner-4.jpg); background-position:center center; background-size:cover;}

.banner-5 {display:table; width:100%; height:970px; background-image:url(../images/banner-5.jpg); background-position:center center; background-size:cover;}





.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1 {color:#fff; margin:auto; display:block; max-width:1280px; margin-top:15%;}





.address {display:inline-block; float:left; margin-top:15px; margin-left:3px; transition: all 0.5s ease-in 0s; line-height:40px; font-size:14px; margin-right:30px; font-weight:500;}



.address img {float:left; margin-right:10px; transition: all 0.5s ease-in 0s; width:40px}



.timing {display:inline-block; float:left; margin-top:15px; margin-left:20px; transition: all 0.5s ease-in 0s; line-height:40px; font-size:14px; font-weight:500;}



.timing img {float:left; margin-right:10px; transition: all 0.5s ease-in 0s; width:40px;}



.logo {display:block; width:170px; margin:10px auto; transition: all 0.5s ease-in 0s;}



.logo img {display:block; width:100%; transition: all 0.5s ease-in 0s;}



.phone {display:block; width:180px;  float:right; background-color:#f8b114; border-radius:1000px; padding:3px 10px; font-size:18px; line-height:40px; margin-top:11px; font-weight:300; transition: all 0.5s ease-in 0s;}   



.phone img {float:left; margin-right:10px; margin-left:10px; margin-top:12px; transition: all 0.5s ease-in 0s;}







#header-part-1 { width:540px;}



#header-part-2 { width:200px;}



#header-part-3 { width:540px;}























.form-holder {display:table; width:100%;}



.form-holder .grid-1280 {position:relative;}



.contact-form {display:table; width:321px; height:455px; background-image:url(../images/form-bg.png);  position:absolute; margin-top:-760px; z-index:10; right:0px; }



.contact-form h4 {font-size:14px; margin:0px; text-align:right; text-transform:uppercase; line-height:100px; letter-spacing:4px; margin-right:40px; font-weight:600; margin-bottom:40px;}



.textbox1, .textbox2 {border:0px; width:100%; font-family:poppins; padding:15px; border-top:1px solid #bbb; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; }



.textbox2 {height:70px; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}



.submit-button {display:block; width:150px; margin:11px 20px; border:0px; border-radius:1000px; padding:15px; font-family:poppins; font-size:14px; font-weight:600; background-color:#f8b114;}



.submit-button:hover { background-color:#074276; color:#fff;}









.key-features {width:100%; position:absolute; margin-top:-150px; z-index:10; }



.white-box {display:table; width:100%; background-image:url(../images/icon-bg.png); height:314px; border:1px solid #ddd; border-bottom:0px; }



.shadow {width:100%; display:block;}



.icon-box {float:left; width:33.2%; text-align:center; }



.icon-box img {display:block; margin:40px auto; padding:10px; width:120px; transition: all 0.5s ease-in 0s;}



.icon-box:hover img {padding:0px; transition: all 0.5s ease-in 0s; margin-bottom:30px; margin-top:50px;}



.icon-box  span {display:block; font-weight:600; font-size:16px; color:#074276;}



.pipe {float:left; width:1px;}







.cafe {display:table; width:100%; padding:60px 0px 60px 0px; }



.cafe img {float:left; max-width:100%;}



.cafe h2 {margin-top:100px;  padding:0px 50px 0px 50px;}



.cafe p {line-height:250%; color:#074276; padding:0px 50px 0px 50px;}



.cafe p strong {font-weight:600;}



.cafe .yellow-text-button {margin-left:50px;}











.pet-retail {display:table; width:100%; padding:60px 0px 60px 0px; }



.pet-retail img {float:left; max-width:100%;}



.pet-retail h2 {margin-top:100px;  padding:0px 50px 0px 50px;}



.pet-retail p {line-height:250%; color:#074276; padding:0px 50px 0px 50px;}



.pet-retail p strong {font-weight:600;}



.pet-retail .yellow-text-button {margin-left:50px;}















.grooming {display:table; width:100%; padding:60px 0px 90px 0px; margin-top:200px;}



.grooming img {float:left; max-width:100%;}



.grooming h2 {margin-top:100px;  padding:0px 50px 0px 50px;}



.grooming p {line-height:250%; color:#074276; padding:0px 50px 0px 50px;}



.grooming p strong {font-weight:600;}



.grooming .yellow-text-button {margin-left:50px;}













.feature-video {width:100%; padding:50px 0px; text-align:center;}



.feature-video h2 {text-align:center;}



.video { margin:30px auto; width:100%!important; max-width:1000px!important; height:565px; border-radius:15px;}





















.testimonial-bg {display:table; width:100%; padding:60px 0px 60px 0px; background-image:url(../images/cat-and-dog.jpg); background-size:cover; background-position:center center; height:700px; background-attachment:fixed; margin-bottom:300px;}



.testimonials  {display:table; width:100%; padding:0px 0px 0px 0px; position:absolute; margin-top:-600px;}



.t-white-box { background-color:#fff; box-shadow:0px 0px 20px 0px #ccc; border-radius:20px; padding:60px; text-align:center;  }



.testimonial-pic {display:block; width:150px; border-radius:1000px; margin:20px auto; border:6px solid #f8b114;}



.sticky-button {position:fixed; right:0px; top:250px; width:50px; height:50px; z-index:10;}



.sticky-button img {display:block; width:100%;}

 



















.call-to-action {display:table; width:100%; padding:60px 0px 0px 0px;}



.call-to-action img {float:right;}



.call-to-action  h2 {font-size:80px; line-height:90%; margin-top:150px;}



.yellow-text-button {display:block; background-color: #f8b114; padding:13px 20px; text-align:center; font-size:16px; font-weight:500; border-radius:1000px; width:240px;}



.yellow-text-button:hover {background-color:#074276; color:#fff;}











.float-right { float:right!important;}













footer {background-color:#074276; color:#fff; display:table; width:100%; padding:60px 0px;}



footer h2, footer p {text-align:center; color:#fff;}



footer .grid-1280 {position:relative;}



.map {display:table; width:100%; margin-bottom:80px; margin-top:30px;}



.big-phone-holder {position:absolute; width:100%; padding-right:30px; }



.big-phone {margin:auto; width:360px; background-color:#f8b114; padding:30px; color:#000; text-align:center; border-radius:20px; margin-top:-170px; font-size:18px; font-weight:500; }



.big-phone strong {display:block; font-family: 'BrigithaKestry'; font-size:48px; margin:0px; line-height:120%; font-weight:normal;}



.copyright {font-size:11px; letter-spacing:2px; text-transform:uppercase; text-align:center; }



.copyright a {color:#fff; border-bottom:1px solid #fff;}



.instagram-button {display:block; width:120px; margin:auto;}



.instagram-button img {width:100%; display:block;}















.privacy-policy {display:table; width:100%; background-color:#ddd; padding:150px 0px 60px 0px;}



.privacy-policy .text-center {text-align:center;}



.privacy-policy  strong {font-weight:600;}



.privacy-policy h3 {font-size:18px; font-family:poppins; font-weight:600; color:#000; margin-bottom:20px; margin-top:10px; line-height: 140%;}



.privacy-policy .white-box {background-color:#fff; padding:40px; border-radius:40px; background-image:none;}



.privacy-policy ul {margin:0px 0px 0px 20px; padding:0px;}



.privacy-policy ul li { list-style-image:url(../images/bullet.png); padding-left:10px;}













































/* Grid */





.grid-1280 {display:table; width:1280px; margin:auto;  }



.row {width: 100%; display: table; }



.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }



.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }



.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }





.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }





.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}





/* Grid */









































/* Scroll Top */



.scrolltop {

	display:none;

	width:100%;

	margin:0 auto;

	position:fixed;

	bottom:0px;

	right:0px;	

	z-index:99;

}

.scroll {

	position:absolute;

	right:20px;

	bottom:20px;

	padding:0;

	text-align: center;

	margin: 0 0 0 0;

	cursor:pointer;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s; 

	background-color: #f8b114;

	border-radius:1000px;

}



.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}



.scroll a span {

  width: 0; 

  height: 0; 

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #000;

  display: block;

  margin:auto;

  animation: buttonarrow 0.6s infinite alternate ease-in-out;

}





@keyframes buttonarrow {

	0% {

		transform: translateY(0);

		opacity: 1.0

	}

	100% {

		transform: translateY(-0.5em);

		opacity: 1.0

	}

}



/* Scroll Top */



















/* responsive menu */



.responsive-menu-icon { display:none;}





.responsive-menu-icon {

    display: block;

    cursor: pointer;

    background-color:#000;

    width: 66px;

    height: 66px;

    position: fixed;

    right: 0;

    top: 0px;

    padding: 22px;

    box-sizing: border-box;

    z-index: 10000;

    display: none;

    z-index: 1000;

}



.bar1, .bar2, .bar3 {

    width: 23px;

    height: 2px;

    background-color: #fff;

    margin: 4px 0;

    transition: 0.4s;

}



.change .bar1 {

    -webkit-transform: rotate(-45deg) translate(-9px, 6px);

    transform: rotate(-45deg) translate(-4px, 4px);

}



.change .bar2 {opacity: 0;}



.change .bar3 {

    -webkit-transform: rotate(45deg) translate(-8px, -8px);

    transform: rotate(45deg) translate(-4px, -5px);

}





/* responsive menu */