@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800,900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    color:#ffffff;

}
a { color: #ffffff;  text-decoration: none; }
a:hover { color: #ffffff;   }

.navbar {
    padding:20px 0 10px 0;
    border:0;

} 
.container {
    width: 1170px;
    margin: 0 auto;
}
.main-container {
  background: url(../images/header-bg.jpg) no-repeat center;
  background-size: cover;
  height: 100vh;
}

.nav { padding:0; margin:0; }
.nav li { list-style: none; float:right; margin-top:20px; }
.nav li a { color: #ffffff; font-size: 20px; text-decoration: none; font-weight: 700; }
.nav li a:hover { color: #ffffff;   }


.counter-block { padding:40px 0 0 0;    }
.counter-content { width: 530px; margin: 0 auto; text-align: center;  }
.counter-content h1 { font-size: 38px; font-weight: 700; margin: 0 0 20px 0;   }
.counter-content .sub-head { font-size: 22px; margin-bottom: 30px; }
.counter-content .counter { font-size: 22px; margin-bottom: 30px; }

.counter-view span { font-size: 34px; display: inline-block; font-weight: 800; width:70px; height: 70px; line-height: 70px; border:1px solid #10bf63; border-radius: 50%; margin-right:30px; background:#10bf63; color:#fff !important;  }
.counter-view-txt { margin-bottom: 15px; }
.counter-view-txt span { font-size: 14px;   display: inline-block; font-weight: 600; width: 70px; height: 30px; line-height: 30px;  margin-right:30px;  }

/*Subscribe*/
.subscribe-sec { margin-bottom: 20px;  }
.subscribe-sec label { font-size: 14px; display: block; margin-bottom: 10px; }
.subscribe-sec input { padding: 20px ;height: 60px; border-radius: 5px 0 0 5px; border: 0; font-size: 16px; width: calc(100% - 190px); }
.subscribe-sec input:focus { box-shadow:0 0 2px #ccc;  }
.subscribe-sec button { padding: 19px 0; height: 60px; border-radius: 0 5px 5px 0; font-size: 18px; border: 0; background: #ffffff; color: #fff; font-weight: 600; float: right; width: 190px; }
.subscribe-sec .error { font-size: 14px; color:#f00; font-weight: 700; text-align: left; }
.subscribe-sec .success { font-size: 14px; color:#ffffff; font-weight: 700;  text-align: left; }


/*Stay Connected*/
.stay-connect { margin-bottom: 30px; }
.stay-connect .head { font-size: 20px; font-weight: 700; margin-bottom: 10px;  }
.stay-connect a { margin-right: 15px; }
.mb30 { margin-bottom: 30px; } 


/*Our Story*/
.content-block { padding:40px 0 ; background: #f6fafd;  }
.content-block  .back-btn {   font-size: 18px; font-weight: 700; margin-bottom: 30px; text-decoration:none;  }
.content-block  .back-btn:hover {   font-size: 18px; color:#ffffff;  }
.content-block  .content { padding: 10px 400px 10px 10px; }
.content-block  .content img { position: absolute; right: 0; }
.content-block  .content .head {font-size: 24px;  margin-bottom: 50px; line-height:1.5em;    }
.content-block  .content p {font-size: 18px; margin-bottom: 30px; text-align:justify;  }


.whatsapp {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    padding-top: 8px;
    color: #fff;
    text-align: center;
    background: #10bf63;
    line-height: 60px;
	animation: blink-animation 5s steps(5, start) infinite;
	-webkit-animation: blink-animation 5s steps(5, start) infinite;
}

 @keyframes blink-animation {
        to {
          visibility: hidden; 
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
 

 
 @media screen and (max-width:4000px) {
    .pets {
        max-width: 366px;
        margin: 0px auto;
    }
    .pets img { 
        margin-bottom: -10px;
        position: absolute;
        bottom: 0;
        width: auto;
     }

  }

  @media screen and (max-width:1400px) {
    .pets {
        max-width: 366px;
        margin: 0px auto;
    }
    .pets img {
        width: 100%;
        margin-bottom: -10px;
        position:static;
        bottom:auto;
     }

  }
  
   @media screen and (max-width:1100px) {    
	.container {
	width: 100%;
	margin: 0 auto;
	} 
  }
  
   @media screen and (max-width:767px) {    
	 
	.counter-content {
		width:100%;
	}
	 .navbar { padding:5px 10px; }
	.counter-view span { font-size: 24px; display: inline-block; color: #333; font-weight: 800; width:50px; height: 50px; line-height: 50px;  border-radius: 50%; margin-right:30px;  }
.counter-view-txt { margin-bottom: 15px; }
.counter-view-txt span { font-size: 14px;   display: inline-block; font-weight: 600;   width: 50px; height: 30px; line-height: 30px;  margin-right:30px;  }


  }

  @media screen and (max-width:666px) {   
    .main-container { 
      height: 750px;
    }
  }