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



#thevid {position:absolute;
	margin-top:55vw;
	left:15vw;
	top:467.5;
		z-index:999;
	width:30vw;
	height:17vw;
}

#thevid2 {position:absolute;
	margin-top:55vw;
	left:55vw;
	top:81.5vw;
	width:30vw;
	height:17vw;
		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:-0.5vw;
	left: 0vw;
	z-index:997;
}

#line1 {
	position:absolute;
	left:0vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#3d2c2c;
	
}

#line2 {
	position:absolute;
	left:16.66vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#aa030a;
}

#line3 {
	position:absolute;
	left:33.33vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#A1A1A1;
	
}

#line4 {
	position:absolute;
	left:49.99vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#3d2c2c;
	
}

#line5 {
	position:absolute;
	left:66.65vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#aa030a;
	
}

#line6 {
	position:absolute;
	left:83.31vw;
	height:0.5vw;
	width:16.66vw;
	background-color:#A1A1A1;
}

#logo {
	position:absolute;
	left:2vw;
	top:.2vw;
	z-index: 854;
	
}

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

#black {position:absolute;
	top:3.3vw;
	width:100vw;
	height:5vw;
	background-color:#d6c4ab;    /*background-color:#E1D0B7;*/
	z-index:859;
}


#archtofront {position: relative;
	z-index:999;
}

.arch-container { 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10vw; /* Adjust height for the arch as needed */
    overflow: hidden; /* Prevents overflow from affecting the layout */
	z-index:999;
}

.arch-container svg {position:absolute;
    display: block;
    width: 100vw;
    height: 10vw;
	z-index:999;
}

svg {
	z-index:999;
}


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

#whitearch img {
	position:absolute;
	width:110vw;
	height:auto;
	margin-left:-5vw;
}

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

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

}

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

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

}

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

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

}

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

}


/*
.masked-div {position:absolute;
	top:1vw;
  width: 100vw;
  height: 30vw;
  background-color: lightblue;
  mask-image: url(#myMask); 
  mask-mode: alpha; 
	z-index:999;
}*/




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

#mainhomepic img {
	position:absolute;
	width:100vw;
	height:auto;
	 border-radius: 50vw 50vw 0vw 0vw / 2.2vw 2.2vw 0vw 0vw;
}

#homepglinks {
	position:absolute;
    left:79vw;
	top:39.1vw;
	z-index:908;
}

#homepglinks img {
	position:absolute;
	width:20.69vw;
	height:auto;z-index:908;
}

#homepglinktext1 {
	position:absolute;
	left:84.4vw;
	top:40.5vw;
	
	letter-spacing: 0.1vw;
	color:#1e4162;
	font-size:1.25vw;z-index:999;
	cursor:pointer;
	width:15vw;
}

#homepglinktext2 {
	position:absolute;
	left:82.9vw;
	top:44vw;
	
	letter-spacing: 0.1vw;
	color:#1e4162;
	font-size:1.25vw;z-index:999;cursor:pointer;
}

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

#homepgphonelink img{
	position:absolute;
	width:15vw;
	height:auto;z-index:988;
}

#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:17.75vw;
	top:63.5vw;
	color:black;
	text-align:left;
	width:65vw;
	font-size:1.3vw;
}

.empha {
	color:#000000;
	font-weight:bold;
	display:inline;
	font-size:1.5vw;
}


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

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

#bluerectangle {
	position:absolute;
	top:79.2vw;
	left:15.5vw;
	width:85vw;
	height:23vw;
	background-color:#aa030a;
	z-index:905;
}


#aline2 {
	position:absolute;
	top:78.8vw;
	left:16.66vw;
	height:0.5vw;
	width:96.66vw;
	background-color:#d6c4ab;
}

#aline3 {
	top:78.8vw;
	position:absolute;
	left:16.66vw;
	height:0.5vw;
	width:90vw;
	background-color:#d6c4ab;
	z-index:910;
	
}

#aline4 {
	top:78.8vw;
	position:absolute;
	left:49.99vw;
	height:0.5vw;
	width:96.66vw;
	background-color:#d6c4ab;
	
}

#aline5 {
	top:78.8vw;
	position:absolute;
	left:66.65vw;
	height:0.5vw;
	width:96.66vw;
	background-color:#d6c4ab;
	
}

#aline6 {
	top:78.8vw;
	position:absolute;
	left:83.31vw;
	height:0.5vw;
	width:96.66vw;
	background-color:#d6c4ab;
	
}

#aline1 {  /*actually the single line on the bottom of the rectangle*/
	position:absolute;
	top:101.5vw;
	left:15.5vw;
	height:1vw;
	width:95vw;
	background-color:#d6c4ab;
	z-index:906;
}

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

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

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

#clocktext2small {
	position:absolute;
	top:92.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;	
}

#pheader3 {
	position:absolute;
	left:8vw;
	top:108vw;
	color:black;
	text-align:center;
	font-size:2.7vw;
	width:85vw;
	font-size:2.75vw;
}

#pheader4 {
	position:absolute;
	left:16.75vw;
	top:114.5vw;
	color:black;
	text-align:left;
	width:68vw;
	font-size:1.3vw;line-height: 1.7vw;
	
}

.empha2 {
	color:#aa030a;
	font-weight:bold;
	display:inline;
	font-size:1.5vw;
}


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

#lineb1 {
	position:absolute;
	left:0vw;
	height:0.4vw;
	width:100vw;background-color:#fff;
	
}


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

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

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

#bottomaddress {
	position:absolute;
	top:167.5vw;
	left:6vw;
	z-index:910;
	color:#aa030a;
	font-size:1.2vw;
	font-weight:bold;
}

#bottomemail {
	position:absolute;
	top:170.5vw;
	left:6vw;
	z-index:910;
	color:#aa030a;
	font-size:1.2vw;font-weight:bold;
}

#bottomphone  {
	position:absolute;
	top:173.5vw;
	left:6vw;
	z-index:910;
	color:#aa030a;
	font-size:1.2vw;font-weight:bold;
}

#copyright {
	position:absolute;
	top:172.5vw;
	left:78vw;
	z-index:910;
	color:#aa030a;
	font-size:0.9vw;font-weight:bold;
}

#copyright1 {
	position:absolute;
	top:173.5vw;
	left:56vw;
	z-index:910;
	color:#aa030a;
	font-size:0.9vw;font-weight:bold;
}

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

	color:#fff;color:#aa030a;
}

#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)

{
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#black {
		display:none;
	}
	
	.svg-container {
		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 {margin-top:2vw;
	font-size:4.6vw;
	width:80vw;
}

#pheader2 {margin-top:10vw;
	font-size:3vw;
	width:75vw;
	margin-top:14vw;
	margin-left:-4vw;
}

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

}

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

#lineb1, #lineb2, #lineb3, #lineb4, #lineb5, #lineb6, #toplinessb {
margin-top:165vw;
		width:16.66vw; /* 100 on faq?*/
}
	
	
#clock {
	position:absolute;
	left:4.5vw;
	top:175vw;
	z-index:911;
}

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

#bluerectangle {
	position:absolute;
	top:149.2vw;
	left:0vw;
	width:100vw;
	height:110vw;
	background-color:#aa030a;
	z-index:905;
}



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

#clocktext2big {
	margin-top:176vw;
	font-size:4.3vw;
	width:70vw;
	text-align:center;
	left:15vw;
	line-height:4.2vw;
}
	
	.empha {
	color:#ffffff;
	font-weight:bold;
	display:inline;
	font-size:3vw;
}
	
	.empha2 {
		font-size:3.15vw;
	}


#clocktext1small {
	margin-top:93vw;
	font-size:3vw;
	width:80vw;
	left:10vw;
	line-height:6vw;
	color:#000000;
}


#clocktext2small {
	margin-top:183vw;
	font-size:3vw;
	width:80vw;
	left:8vw;
}
	
	#pheader3 {
	margin-top:162vw;	font-size:5vw;line-height:6vw;
	}
	
	#pheader4 {
	margin-top:169vw;
		font-size:3.5vw;
		line-height:6vw;
	}
	
	#thevid {position:absolute;
	margin-top:395vw;
	left:12vw;
	top:467.5;
		z-index:999;
	width:75vw;
	height:67vw;
}

#thevid2 {position:absolute;
	margin-top:0vw;
	left:12vw;
	top:476.3vw;
	width:75vw;
	height:67vw;
		z-index:999;
}

#animals {
	top:310vw;
}

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

#icons {
	margin-top: 403vw;
}

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

#bottomaddress {
	margin-top: 403vw;
	font-size:3.2vw;
	left:15vw;
	width:70vw;
	
}

#bottomemail {
	margin-top: 410.5vw;
	font-size:3.2vw;
	left:15vw;
}

#bottomphone {
	margin-top: 415.5vw;
	font-size:3.2vw;
	left:15vw;
}

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

#copyright1 {
	margin-top: 428vw;

	width:100vw;
	height:10vw;
	left:0vw;
	font-size:1.5vw;
	text-align:center;
	line-height:11vw;
	z-index:998;
	
}



}