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

/* -------------------------------------------------------------------------------- */
/* NO SCROLL BAR */
/* -------------------------------------------------------------------------------- */
::-webkit-scrollbar {display: none;}
::-webkit-scrollbar-track {display: none;}
::-webkit-scrollbar-track-piece {display: none;}

body {
 /* BACKGROUND IMAGE IN MEDIA QUERY*/
 background-repeat: repeat-y;
 background-size: cover;
 background-color: #b9dbff;/* Rainbow blue */
 border: 0px;
 padding: 0px;
 margin: 0px;
 height: 100vh;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 font-weight: 300;
 font-size: 1.5rem !important;
}
section {margin-top: 75px;text-align: center;}
h1 {font-size: 3.2rem !important;margin-bottom: 20px !important;}
h2 {font-size: 2.2rem !important;margin-bottom: 20px !important;}
h3 {font-size: 2rem !important;margin-bottom: 10px !important;}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4A4C73 !important;
  font-weight: 500 !important;
	text-align: center;
  margin-top: 20px;}
p {
  color: #555653 !important;
	text-align: justify;
	font-weight:500 !important;
	margin-bottom: 25px !important;
}

/* ---------------------------------------------------------------------------- /* 
/* COLOURS */
/* ---------------------------------------------------------------------------- */
LogoGrey {color: #555653 !important;}
LogoPurple {color: #A979C5 !important;}
LogoBlue {color: #7DC8F5 !important;}
LogoPink {color: #FB92A3 !important;}
LogoYellow {color: #FDCB35 !important;}
LogoGreen {color: #C4DE71 !important;}
LogoPurpleBG {background-color: #A979C5 !important;}
LogoBlueBG {background-color: #7DC8F5 !important;}
LogoPinkBG {background-color: #FB92A3 !important;}
LogoYellowBG {background-color: #FDCB35 !important;}
LogoGreenBG {background-color: #C4DE71 !important;}
SkyBG {background-color: #70B2FF !important;}
.SkyBlue {color: #70B2FF !important;}
.Indigo {color: #4a4c73 !important;}
.Primrose {color: #ffffc5 !important;}
.Peach {color: #ffd7a5 !important;}
.Coral {color: #ffb8b9 !important;}
.Mint {color: #bfffd8 !important;}
.Blue {color: #b9dbff !important;}
.Lilac {color: #e0b3ff !important;}
.Pink {color: #fac1f8 !important;}
.bg-Indigo {background-color:#4a4c73 !important;}
.bg-Primrose {background-color:#ffffc5 !important;}
.bg-Peach {background-color:#ffd7a5 !important;}
.bg-Coral {background-color:#ffb8b9 !important;}
.bg-Mint {background-color:#bfffd8 !important;}
.bg-Blue {background-color:#b9dbff !important;}
.bg-Lilac {background-color:#e0b3ff !important;}
.bg-Pink {background-color: #fac1f8 !important;}
.bg-SkyBlue {background-color: #70B2FF !important;}



/* ---------------------------------------------------------------------------- /* 
/* BUTTONS */
/* ---------------------------------------------------------------------------- */
button {text-transform: uppercase !important;}
.ButtonText {font-size: 2rem !important;}
.ButtonBookNow  /* BACKGROUND IMAGE IN MEDIA QUERY*/
{background-repeat: no-repeat; background-position: center center;} 

/* GOOGLE CAPTCHA SECURITY SECTION - CENTRED */
.g-recaptcha div
{
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
	
}

/* ---------------------------------------------------------------------------- /* 
/* FONTS */
/* ---------------------------------------------------------------------------- /* 
/* ADOBE FONTS to be used with URL in html pages */
.AlFrescoRegular {
	font-family: al-fresco,sans-serif;
	font-weight: 400;
	font-style: normal;}
.AlFrescoBold {
	font-family: al-fresco,sans-serif;
	font-weight: 700;
	font-style: normal;}
.AlFrescoTitle {
	font-family: al-fresco,sans-serif;
	font-weight: 700;
	font-style: normal;
  line-height: 0.9;
	letter-spacing: 0.09rem;
	margin-bottom:  0px !important;
	padding-bottom: 10px !important;}
#BusinessCard {max-width: 300px;height: auto;}
#BigBubble {background-repeat: no-repeat;background-position: center center; display: flex;
	justify-content: center;}/* See Media Queries for Image Sizes */
.Welcome {font-weight:900;letter-spacing: 0.09rem; text-align: center !important; margin-bottom: -20px !important; padding-bottom: 0px !important;} /* see Media Queries for font sizes */
.WelcomeSmall { font-weight:900;letter-spacing: 0.09rem !important;} /* see Media Queries for font sizes */
.FiveStars {font-size: 4rem; font-weight: 700;letter-spacing: 0.3rem;margin-bottom: -10px;} /* see Media Queries for font sizes */

/* -------------------------------------------------------------------------------- /* 
/* SHADOWS */
/* -------------------------------------------------------------------------------- */
.TextShadow {
  text-shadow: 0 3px 0 #7a7a7a;
}
.NoTextShadow {
  text-shadow: None;
}
.ImageShadow {
  -webkit-filter: drop-shadow(5px 5px 5px #7a7a7a);
  filter: drop-shadow(5px 5px 5px #7a7a7a);
}
.ShadowLarge {/* Same as Bootstrap shadow-lg */
	-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
	box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
}
.Inner-Embossed {
  box-shadow: inset 0 0 10px #555653;
}

/* -------------------------------------------------------------------------------- */
/* SVG IMAGES SIZES to MATCH TEXT -------------------------------- SVG IMAGES SIZES */
/* -------------------------------------------------------------------------------- */
.IconPlay {
	height: 5rem !important;
}
.IconStarHeader {
	margin-top: -5px; /* SIZE/HEIGHT IN MEDIA QUERIES */
	-webkit-filter: drop-shadow(5px 5px 5px #7a7a7a);
  filter: drop-shadow(5px 5px 5px #7a7a7a);
}
.IconStarGold {
	margin: 0px; /* SIZE/HEIGHT IN MEDIA QUERIES */
	padding: 5px;
}

/* ---------------------------------------------------------------------------- /* 
/* FOOTER */
/* ---------------------------------------------------------------------------- */
footer {font-size: 0.75rem;}
#FooterPhone a {
  color: #4a4c73; 				/* link colour for phone number */
  text-decoration: none;  /* FONT SIZES IN MEDIA QUERIES */
}
#TaxiPhone a {
  color: #4a4c73; 				/* link colour for phone number */
  text-decoration: none;  /* FONT SIZES IN MEDIA QUERIES */
}
.icon-contact-phone { height: 3rem;;} /* FONT SIZES IN MEDIA QUERIES */
#FooterEmail {color: #ffffff;}

/* ---------------------------------------------------------------------------- /* 
/* NAVIGATION XS SM */
/* ---------------------------------------------------------------------------- */

#FOOTERNAV { /* MENU BUBBLE WHEN NAV CLOSED & OPEN  */
	background-color: rgba(74,76,115,0.72);
	background-image: url("/images/bubble-75.png");
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100px;
	margin-bottom: 0px;
}
.nav-bubbles { /* BACKGROUND BUBBLES */
	background-image: url(/images/bubbles-menu.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 365px;
	margin-bottom: 75px;
}
#navbar {
	background-position: center center;
	min-height: 100px !important;
}

#navbar-toggler {
	height: 100px !important;
	display: flex !important;
  justify-content: center !important;
  align-items: center !important;
	min-height: 100px !important;
	margin-bottom: 75px;
 }
#NavHome{
	margin-top: -10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}
#NavAbout{
	margin-top: 60px;
	margin-right: 10px;
}
#NavReviews{
	margin-top: 60px;
	margin-left: 10px;
	margin-bottom: 0px;
}
#NavTaxi{
	margin-top: -70px;
	margin-left: 10px;
	margin-right: 10px;
}
#Navdog-holidays.html{
	margin-top: -20px;
	margin-left: -10px;
	margin-right: 0px;
}
#NavCats{
	margin-top: -10px;
	margin-bottom: 40px;
	margin-right: -20px;
}
#NavContactIcons {min-height: 50px;}
.NavIcon { height: 50px; width: 50px; /* XS & SM sizes below: Essential for contact icons visibility */}

/* ---------------------------------------------------------------------------- /* 
/* NAVIGATION MD LG XL */
/* ---------------------------------------------------------------------------- */
#FOOTERLNAV {
	background-color: rgba(74,76,115,0.72);
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100px;
}
#NavLHome{
	background-image: url(/images/bubble-50.png);
	background-position: center center;
	height: 50px;
	width: 50px;
	display: flex;
  justify-content: center;
  align-items: center;
}
#NavLAbout{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height: 75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}

#NavLTaxi{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height: 75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}
#NavLdog-holidays.html{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height: 75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}

#NavLCats{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height:75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}
.NavLIcon { height: 50px; width: 50px; /* XS & SM sizes below: Essential for contact icons visibility */}

/* ---------------------------------------------------------------------------- /* 
/* YOUTUBE RESPONSIVE */
/* ---------------------------------------------------------------------------- */


/* XS MOBILE STYLES --------------------------------------------------------------- xs */
/* iPhone SE    												=	320 x 568 */

@media only screen and (min-width: 300px) and (max-width: 320px) 
{header > div {bottom: 150px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-sm.jpg);/* Other classes above */}
.NavIcon { height: 50px; width: 50px; /* XS & SM sizes below: Essential for contact icons visibility */}
.IconStarHeader {height: 3rem !important;margin-top: -5px;}
.IconStarGold {height: 3rem; padding:0px;/* MARGIN/PADDING ABOVE */}
.IconStarFooter {height: 2.5rem !important;}
#JumpingPets {background-image: url(/images/rainbow-xs.png); background-repeat: no-repeat; background-position: center bottom; min-width: 350px; min-height: 175px;}
.AlFrescoTitle {font-size: 5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 6rem !important;}
#BigBubble {background-image: url(/images/bubble-sm.png);min-height: 640px;}/* must use SM image here*/
#FooterPhone a {font-size: 2rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.icon-svg-footer-phone {height: 2.1rem;}
#FooterEmail a {font-size: 1.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-sm.png);} /* repeat & position info above*/
	
} /* !!! Leave this closing curly bracket here !!! */


/* SM MOBILE STYLES --------------------------------------------------------------- SM */
/* iPhone 6/7/8  												=	375 x 667 */
/* iPhone 6+/7+/8+ 											=	414 × 736 */
/* iPhone 11 Pro, X, Xs 								=	375 x 812 */
/* iPhone 11 X, Xr, 11 Pro Max, Xs Max 	= 414 x 896*/

@media only screen and (min-width: 321px) and (max-width: 767px) 
{header > div {bottom: 150px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-md.jpg);/* Other classes above */}	
.NavIcon { height: 60px; width: 60px; /* XS & SM sizes below: Essential for contact icons visibility */}
#HeroHome {background-image: url(/images/image-sm.jpg);}
#HeroAboutUs {background-image: url(/images/image-sm.jpg);}
#HeroCats {background-image: url(/images/image-sm.jpg);}
#Herodog-holidays.html {background-image: url(/images/image-sm.jpg);}
#HeroLocation{background-image: url(/images/image-sm.jpg);}
#HeroReviews {background-image: url(/images/image-sm.jpg);}
#HeroErrorPage {background-image: url(/images/image-sm.jpg);}
.HeroTitle {font-size: 2.5rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 4rem; /* FONT FAMILY WEIGHT STYLE ABOVE */line-height: 4rem;}
.AlFrescoSignature {font-size: 3rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 2.5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 7rem !important;}
.IconStarHeader {height: 3rem !important;margin-top: -5px;}
.IconStarGold {height: 3.5rem; /* MARGIN/PADDING ABOVE */}
.IconStarFooter {height: 2.5rem !important;}
.icon-svg-footer-phone {height: 2.25rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-xs.png); background-repeat: no-repeat; background-position: center bottom; min-width: 350px; min-height: 175px}
#BigBubble {background-image: url(/images/bubble-sm.png);min-height: 640px;overflow: hidden;}
#FooterPhone a {font-size: 2.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-sm.png);} /* repeat & position info above*/

/* Centre on mobiles instead of float */
.FloatLeft {display: block;margin-left: auto;margin-right: auto;margin-bottom: 25px;}
.FloatRight {display: block;margin-left: auto;margin-right: auto;margin-bottom: 0;}
} /* !!! Leave this closing curly bracket here !!! */


/* MD TABLET STYLES  --------------------------------------------------------------- MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	header > div {bottom: 60px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-md.jpg);/* Other classes above */}
#HeroHome {background-image: url(/images/image-md.jpg);}
#HeroAboutUs {background-image: url(/images/image-md.jpg);}
#HeroCats {background-image: url(/images/image-md.jpg);  }
#Herodog-holidays.html {background-image: url(/images/image-md.jpg);}
#HeroLocation {background-image: url(/images/image-md.jpg);}
#HeroReviews {background-image: url(/images/image-md.jpg);}
#HeroErrorPage	 {background-image: url(/images/image-md.jpg);}
.HeroTitle {font-size: 2rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 3.5rem; /* FONT FAMILY WEIGHT STYLE ABOVE */	line-height: 3.5rem;}
.AlFrescoSignature {font-size: 3.25rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 3rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 9rem !important;}
.IconStarHeader {height: 3.5rem !important;margin-top: -5px;}
.IconStarGold {height: 6rem; /* MARGIN/PADDING IN MEDIA QUERIES */}
.IconStarFooter {height: 1.75rem !important;}
.icon-svg-footer-phone {height: 2.75rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-md.png); background-repeat: no-repeat; background-position: center bottom; max-width: 960px; min-height: 481px;}
#BigBubble {background-image: url(/images/bubble-sm.png);min-height: 640px;overflow: hidden;}
	#FooterPhone a {font-size: 3.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-md.png);} /* repeat & position info above*/

.FloatLeft {float: left;margin-top: -15px;margin-right: 25px;margin-bottom: 25px;padding-top: 38px;}
.FloatRight {float: right;margin-top: -15px;margin-left: 25px;margin-bottom: 25px;padding-top: 38px;}
	
} /* !!! Leave this closing curly bracket here !!! */


/* LG LAPTOP STYLES  --------------------------------------------------------------- LG */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	header > div {bottom: 60px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-lg.jpg);/* Other classes above */}
#HeroHome {background-image: url(/images/image-lg.jpg);}
#HeroAboutUs {background-image: url(/images/image-lg.jpg);}
#HeroCats {background-image: url(/images/image-lg.jpg);  }
#Herodog-holidays.html {background-image: url(/images/image-lg.jpg);}
#HeroLocation {background-image: url(/images/image-lg.jpg);}
#HeroReviews {background-image: url(/images/image-lg.jpg);}
#HeroErrorPage	 {background-image: url(/images/image-lg.jpg);}
.HeroTitle {font-size: 2rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 3.5rem; /* FONT FAMILY WEIGHT STYLE ABOVE */	line-height: 3.5rem;}
.AlFrescoSignature {font-size: 3.25rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 3rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 7rem !important;}
.IconStarHeader {height: 3.5rem !important;margin-top: -5px;}
.IconStarGold {height: 5rem; /* MARGIN/PADDING IN MEDIA QUERIES */}
.IconStarFooter {height: 1.75rem !important;}
.icon-svg-footer-phone {height: 2.75rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-md.png); background-repeat: no-repeat; background-position: center bottom; min-width: 960px; min-height: 481px}
#BigBubble {background-image: url(/images/bubble-md.png);min-height: 960px; overflow: hidden;}
#FooterPhone a {font-size: 3.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-lg.png);} /* repeat & position info above*/

.FloatLeft {float: left;margin-top: -15px;margin-right: 25px;margin-bottom: 25px;padding-top: 38px;}
.FloatRight {float: right;margin-top: -15px;margin-left: 25px;margin-bottom: 25px;padding-top: 38px;}
	
} /* !!! Leave this closing curly bracket here !!! */


/* XL DESKTOP STYLES --------------------------------------------------------------- XL */
@media only screen and (min-width: 1200px) {
	header > div {bottom: 40px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-xl.jpg);/* Other classes above */}
#HeroHome {background-image: url(/images/image-xl.jpg);}
#HeroAboutUs {background-image: url(/images/image-xl.jpg);}
#HeroCats {background-image: url(/images/image-xl.jpg);  }
#Herodog-holidays.html {background-image: url(/images/image-xl.jpg);}
#HeroLocation {background-image: url(/images/image-xl.jpg);}
#HeroReviews {background-image: url(/images/image-xl.jpg);}
#HeroErrorPage	 {background-image: url(/images/image-xl.jpg);}
.HeroTitle {font-size: 2rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 7rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 3.5rem; /* FONT FAMILY WEIGHT STYLE ABOVE */	line-height: 3.5rem;}
.AlFrescoSignature {font-size: 3.25rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 3rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 7rem !important;}
.IconStarHeader {height: 3.5rem !important;margin-top: -5px;}
.IconStarGold {height: 7rem; /* MARGIN/PADDING IN MEDIA QUERIES */}
.IconStarFooter {height: 1.75rem !important;}
.icon-svg-footer-phone {height: 2.75rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-md.png); background-repeat: no-repeat; background-position: center bottom; min-width: 960px; min-height: 481px}
#BigBubble {background-image: url(/images/bubble-md.png);min-height: 960px;padding: 200px;}
#FooterPhone a {font-size: 3.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-xl.png);} /* repeat & position info above*/

.FloatLeft {float: left;margin-top: -15px;margin-right: 25px;margin-bottom: 25px;padding-top: 38px;}
.FloatRight {float: right;margin-top: -15px;margin-left: 25px;margin-bottom: 25px;padding-top: 38px;}
	

	
} /* !!! Leave this closing curly bracket here !!! */