@charset "utf-8";
/* CSS Document */

#mypetportal {
	position:absolute;
	left:3.5vw;
	top:15vw;
	font-size:1.5vw;
	line-height:1.7vw;
	z-index: 999;
	color:#039;     /*#039;  */
	text-align:center;
}

#mypetportal a{
color:  #06F;
}

#mypetportal a:hover{
color:#039;  
}

#navpaylogo {
display:none;
		z-index:999;	
}
.nav-collapse {
	display:none;
		z-index:999;
}

#mobilenav, #longlogos {
	display:none;
		z-index:999;
}

#clocktext2small a{
	text-decoration:none;
}


a { /*  links*/
  text-decoration: none;
  color:#606060;
}

#bodywrapper {
	font-family:Arial, Helvetica, sans-serif;
}

#toplines {
	position:absolute;
	top:0vw;
	left: 0vw;
}

#line1 {
	position:absolute;
	left:0vw;
	height:1vw;
	width:16.66vw;
	background-color:#039;
	
}

#line2 {
	position:absolute;
	left:16.66vw;
	height:1vw;
	width:16.66vw;
	background-color:#06F;
}

#line3 {
	position:absolute;
	left:33.33vw;
	height:1vw;
	width:16.66vw;
	background-color:#0584fc;
	
}

#line4 {
	position:absolute;
	left:49.99vw;
	height:1vw;
	width:16.66vw;
	background-color:#039;
	
}

#line5 {
	position:absolute;
	left:66.65vw;
	height:1vw;
	width:16.66vw;
	background-color:#06F;
	
}

#line6 {
	position:absolute;
	left:83.31vw;
	height:1vw;
	width:16.66vw;
	background-color:#0584fc;
	
}

#logo {
	position:absolute;
	left:0vw;
	top:0vw;
	z-index: 999;
}

#logo img {
	position:absolute;
	/*width:19.2vw;*/
	width:15.2vw;
	height:auto;
	
}

#whitearch {
	position:absolute;
	left:0vw;
	top:1vw;
	z-index:900;
}

#whitearch img {
	position:absolute;
	width:100vw;
	height:auto;
}

#navigation {
	position:absolute;
	left:0vw;
	top:3.8vw;
	font-size: 1vw;
	z-index:999;
}

#home {
	position:absolute;
	/*left:25vw;  for larger logo size*/
		left:23vw;

}

#newclientspets {
	position:absolute;
	/*left:33.3vw; for larger logo size*/
	left:31.3vw;
    width:10vw;
}

#boarding {
	position:absolute;
	/*left:48.5vw; for larger logo size*/
	left:46.5vw;

}

#travelwithpets {
	position:absolute;
	/*left:59.8vw; for larger logo size*/
	left:57.8vw;
    width:10vw;
}

#faq {
	position:absolute;
	/*left:75.7vw; for larger logo size*/
	left:73.7vw;

}

#directions {
	position:absolute;
	/*left:84vw; for larger logo size*/
	left:82vw;

}



#mainhomepic {
	position:absolute;
	left:0vw;
	top:6.2vw;
	z-index:899;
}

#mainhomepic img {
	position:absolute;
	width:100vw;
	height:auto;
}















#mainimgandwithin {
	position:absolute;
	height:50vw;
}


#bottombarlinks {
	position:sticky;
	top:87.6vh;
	height:4.5vw;
	/*background-color:#F33;*/
	width:100vw;
	z-index:998;
}


#homepglinks {
	position:absolute;
	margin-top:-15vw;
	margin-left:0vw;
    left:0vw;
	height:20vw;
	z-index:901;
}

#homepglinks img {
	position:absolute;
	width:100vw;
	height:20.7vw;
}

#homepglinktext1 {
	position:absolute;
	margin-left:75.0vw;
	height:17vw;
	top:1.7vw;
	z-index:902;
	letter-spacing: 0.1vw;
	color:#1e4162;
	font-size:1.25vw;
}

#homepgmidlogo{
	position:absolute;
	height:17vw;
	margin-top:0.8vw;
	margin-left:89vw;
	z-index:902;
	letter-spacing: 0.1vw;
	color:#1e4162;
	font-size:1.25vw;
}

#homepgmidlogo img{
position:absolute;
	width:9.69vw;
	height:auto;
}

#homepglinktext2 {
	position:absolute;
	margin-left:83.9vw;
	margin-top:1.8vw;
	z-index:902;
	letter-spacing: 0.1vw;
	color:#1e4162;
	font-size:1.25vw;
}

#homepgphonelink {
	position:absolute;
	left:0.3vw;
	top:0.8vw;
	z-index:902;
}

#homepgphonelink img{
	position:absolute;
	width:15vw;
	height:auto;
}















#pheader {
	position:absolute;
	left:8.5vw;
	top:53vw;
	color:black;
	text-align:center;
	font-size:2.7vw;
	width:82vw;
	font-size:2.75vw;
}

#pheader2 {
	position:absolute;
	left:8.5vw;
	top:63vw;
	color:black;
	text-align:center;
	width:82vw;
	font-size:1.3vw;
}

#clock {
	position:absolute;
	left:4.5vw;
	top:72vw;
	z-index:911;
}

#clock img {
	position:absolute;
	width:30vw;
	height:auto;
}

#bluerectangle {
	position:absolute;
	top:76.2vw;
	left:15.5vw;
	width:83.3vw;
	height:24vw;
	background-color:#2a70b2;
	z-index:905;
}


#aline2 {
	position:absolute;
	top:75.8vw;
	left:16.66vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#06F;
}

#aline3 {
	top:75.8vw;
	position:absolute;
	left:16.66vw;
	height:0.5vw;
	width:60vw;
	background-color:#0584fc;
	z-index:910;
	
}

#aline4 {
	top:75.8vw;
	position:absolute;
	left:49.99vw;
	height:0.5vw;
	/*width:16.66vw;*/
	width:16.66vw;
	background-color:#039;
	
}

#aline5 {
	top:75.8vw;
	position:absolute;
	left:66.65vw;
	height:0.5vw;
	width:16.66vw;
	/*background-color:#06F;*/
	background-color:#0584fc;
	z-index:998;
}

#aline6 {
	top:75.8vw;
	position:absolute;
	left:83.31vw;
	height:0.5vw;
	width:15.47vw;
	background-color:#0584fc;
	z-index:999;
}

#aline1 {  /*actually the single line on the bottom of the rectangle*/
	position:absolute;
	top:99.7vw;
	left:19.5vw;
	height:1vw;
	width:79.3vw;
	background-color:#039;
	z-index:906;
}

#clocktext1big {
	position:absolute;
	top:77.5vw;
	left:35vw;
	width: 47vw;
	z-index:909;
	color:white;
	font-size:2.1vw;
}

#clocktext1small {
	position:absolute;
	top:81vw;
	left:35vw;
	width: 42vw;
	z-index:909;
	color:white;
	font-size:1vw;
	
}

#clocktext2big {
	position:absolute;
	top:86.5vw;
	left:35vw;
	width: 60vw;
	z-index:909;
	color:white;
	font-size:2.1vw;
		letter-spacing: -0.1vw;
		line-height: 2.2vw;
}

#clocktext2small {
	position:absolute;
	top:91.5vw;
	left:35vw;
	width: 47vw;
	z-index:909;
	color:white;
	font-size:1vw;
}

#animals {
	position:absolute;
	top:108vw;
	left:0vw;
}

#animals img {
	position:absolute;
	width: 100vw;
	height:auto;	
}

#toplinesb {
	position:absolute;
	top:135.5vw;
	left: 0vw;
	z-index:920;
	width:100vw;
}

#lineb1 {
	position:absolute;
	left:0vw;
	height:1vw;
	width:16.66vw;
	background-color:#039;
}

#lineb2 {
	position:absolute;
	left:16.66vw;
	height:1vw;
	width:16.66vw;
	background-color:#06F;
}

#lineb3 {
	position:absolute;
	left:33.33vw;
	height:1vw;
	width:16.66vw;
	background-color:#0584fc; /* 06C*/
	
}

#lineb4 {
	position:absolute;
	left:49.99vw;
	height:1vw;
	width:16.66vw;
	background-color:#039;
	
}

#lineb5 {
	position:absolute;
	left:66.65vw;
	height:1vw;
	width:16.66vw;
	background-color:#06F;
	
}

#lineb6 {
	position:absolute;
	left:83.31vw;
	height:1vw;
	width:16.66vw;
	background-color:#0584fc;
	
}

#bottomrectangle {
	position:absolute;
	top:136vw;
	left:0vw;
	width:100vw;
	height:13vw;
	background-color:#2a70b2;
	z-index:905;
}

#icons {
	position:absolute;
	top:139vw;
	left:2vw;
	z-index:910;
}

#icons img {
	position:absolute;
	width:3.5vw;
	height:auto;
}

#bottomaddress {
	position:absolute;
	top:140vw;
	left:6vw;
	z-index:910;
	color:#fff;
	font-size:1.2vw;
}

#bottomemail {
	position:absolute;
	top:143vw;
	left:6vw;
	z-index:910;
	color:#fff;
	font-size:1.2vw;
}

#bottomphone  {
	position:absolute;
	top:146vw;
	left:6vw;
	z-index:910;
	color:#fff;
	font-size:1.2vw;
}

#privacypolicy {
	position:absolute;
	top:145vw;
	left:75vw;
	z-index:910;
	color:#fff;
	font-size:0.9vw;
}

#privacypolicy a{

	color:#fff;
	
}

#copyright {
	position:absolute;
	top:146.5vw;
	left:75vw;
	z-index:910;
	color:#fff;
	font-size:0.9vw;
}



#smallreca2 a, #smallrecas a, #bottomaddress a, #bottomemail a, #bottomphone a, smallreca2s a, smallreca2s a:visited{

	color:#fff;
}

#smallreca2s a {
	color:#fff;
}

 #clocktext1small a{
	color:#fff;
}
 
 
 #clocktext2small a{
	color:#fff;
}


/*@media screen and (max-width: 40em) -----------------------------------------------------------------------------------*/
/*@media only screen and (max-device-width: 480px)----see words only and device 30ems is 480---------------before testing on computer agian*/
@media screen and (max-width: 60em)

{
	
	
	#navpaylogo {
display:block;
height:5vw;

		z-index:999;	
}

	#navpaylogo img{

height:5vw;
width:auto;
		
}
	
	#homepgmidlogo{
	/*top:53.8vw;	*/
	display:none;
}
	
	
#whitearch, #navigation, #logo, #homepglinks, #homepglinktext1, #homepglinktext2, #homepgphonelink, #clock {
	Display: none;
}

#toplinesb {
	/*display:none;*/
}

#mobilenav {
	display:block;
	z-index:999;
}

#longlogos {
position:absolute;
display:block;
top:2vw;
}

#longlogos img {
position:absolute;
width:38vw;
height:auto;
	
}


#mainhomepic, #pheader, #pheader2 {
	padding-top:10vw;
}

#pheader {
	font-size:4vw;
	width:80vw;
}

#pheader2 {margin-top:10vw;
	font-size:3vw;
	width:80vw;
}

#bluerectangle {
	position:absolute;
	width:100vw;
	left:0vw;
	top: 116vw;
	height:105vw;

}

#aline1, #aline2, #aline3, #aline4, #aline5, #aline6 {
	top:116vw;
	left:0vw;
	width:100vw;
}

#lineb1, #lineb2, #lineb3, #lineb4, #lineb5, #lineb6, #toplinessb {
margin-top:85vw;
		width:16.66vw; /* 100 on faq?*/
}


#clocktext1big {
	margin-top:45vw;
	font-size:4.3vw;
	width:70vw;
	text-align:center;
	left:13vw;
	line-height:4.5vw;
}

#clocktext2big {
	margin-top:73vw;
	font-size:4.3vw;
	width:70vw;
	text-align:center;
	left:15vw;
	line-height:4.2vw;
}

#clocktext1small {
	margin-top:53vw;
	font-size:3vw;
	width:80vw;
	left:8vw;
}


#clocktext2small {
	margin-top:83vw;
	font-size:3vw;
	width:80vw;
	left:8vw;
}

#animals {
	top:230vw;
}

#bottomrectangle {
	margin-top: 130vw;
	padding-bottom: 25vw;
}

#icons {
	margin-top: 133vw;
}

#icons img {
	width:10vw;
	height:auto;
}

#bottomaddress {
	margin-top: 134vw;
	font-size:4vw;
	left:15vw;
	
}

#bottomemail {
	margin-top: 139.5vw;
	font-size:4vw;
	left:15vw;
}

#bottomphone {
	margin-top: 145.5vw;
	font-size:4vw;
	left:15vw;
}

#privacypolicy {
	margin-top: 166vw;
	background-color:#ccc;
	width:100vw;
	height:4vw;
	left:0vw;
	font-size:2vw;
	text-align:center;
	line-height:3vw;
	z-index:100;
	
}

#copyright {
	margin-top: 157vw;
	background-color:#ccc;
	width:100vw;
	height:10vw;
	left:0vw;
	font-size:2.5vw;
	text-align:center;
	line-height:11vw;
		z-index:99;
}


#mypetportal {
	display:none;
}


}