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


.heading {
	font-family: 'Poppins', sans-serif; 
	font-size: 60px;
	font-style: normal;
	font-weight: none;
	color: #000;
	text-decoration: none;
}

.heading.white {
	color: #fff;
}

.heading.teal {
	color: #009a9e;
}

.heading.smaller {
	color: #fff;
	font-size: 40px;
}

.heading.smallheading {
	color: #fff;
	font-size: 28px;
}

.headingBanner{
	font-size: 30px;
	font-family: 'Poppins',sans-serif; 
	font-style: normal;
	font-weight: none;
	color: #000;
	text-decoration: none;
	padding-top: 10px;
}

.headingBanner.medium{
	font-size: 26px;
}

.headingBanner.small{
	font-size: 21px;
}

.headingBanner.teal{
	color: #009a9e;
}

.headingBanner.white{
	color: #fff;
}

.headingBanner{
	font-size: 30px;
	font-family: 'Poppins',sans-serif; 
	font-style: normal;
	font-weight: none;
	color: #000;
	text-decoration: none;
	padding-top: 10px;
}



.headingAccord {
	font-size: 18px;
	font-style: normal;
	font-weight: none;
	color: #009a9e;
	text-decoration: none;
}

.heading2.small {
	font-size: 16px;
}

.heading2.white {
	color: #fff;
}

.heading2.green{
	color: #9cbf01;
}


.heading2Link {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #00105b;
	text-decoration: none;
}

.heading2Link:hover {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #00105b;
	text-decoration: underline;
}

.testimonial {
	font-family: 'Poppins', sans-serif; 
	font-size: 12px;
	font-style: italic;
	font-weight: none;
	letter-spacing: 0.1em;
	color: #000;
	text-decoration: none;
}

.cuteQuote {
	font-family: 'Poppins', sans-serif; 
	font-size: 12px;
	font-style: italic;
	font-weight: none;
	letter-spacing: 0.1em;
	color: #000;
	text-decoration: none;
}


.mainText {
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	color: #000;
	line-height: 2.0; 
	text-decoration: none;
}

.mainText.small {
	font-size: 14px;
	line-height: 2.0; 
}

.mainText.large {
	font-size: 20px;
	line-height: 2.0; 
}

.mainText.white {
	color: #fff; 
}

.mainText.pink {
	color: #00105b; 
}


.footerText {
	font-size: 15px;
	font-style: normal;
	font-weight: none;
	color: #fff;
	text-decoration: none;
}

.footerText.small {
	font-size: 9px;
	font-style: italic;
}

.footerTextLink {
	font-size: 15px;
	font-style: normal;
	font-weight: none;
	color: #fff;
	text-decoration: none;
}

.footerTextLink:hover {
	font-size: 15px;
	font-style: normal;
	font-weight: none;
	color: #fff;
	text-decoration: underline;
}

.footerTele {
	font-size: 15px;
	font-style: normal;
	font-weight: none;
	color: #fff;
	text-decoration: none;
}

.footerTele.large {
	font-size: 24px;
}

.footerTeleLink {
	font-size: 20px;
	font-style: normal;
	font-weight: none;
	color: #fff;
	text-decoration: none;
}

.footerTeleLink:hover {
	font-size: 20px;
	font-style: normal;
	font-weight: none;
	color: #009a9e;
	text-decoration: underline;
}

.footerEmailLink {
	font-size: 16px;
	font-style: normal;
	font-weight: none;
	color: #fff;
	text-decoration: none;
}

.footerEmailLink:hover {
	font-size: 16px;
	font-style: normal;
	font-weight: none;
	color: #009a9e;
	text-decoration: underline;
}


.mainTextLinks {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

.mainTextLinks:hover {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #999;
	text-decoration: underline;
}

.mainTextLinksBIG {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #43181b;
	text-decoration: none;
}

.mainTextLinksBIG:hover {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #43181b;
	text-decoration: underline;
}

header{
background-color:#fff;
margin: -5px 0px -5px 0px;
}

footer{
background-color:#009a9e;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
}


.footerLg{
	background: #000; /* changed from 010162*/
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 50px 0px;
	/* border-top: 10px solid white;*/
}

.slideBanner{
background-color:#000;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 0px 0px 0px 0px;
}

.banner{
background-color:#000;
background-image:url(../home-banner-1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 50px 0px 25px 0px;
}

.bannerBlue{
background-color:#009a9e;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 50px 0px 25px 0px;
}

.bannerAbout{
background-color:#000;
background-image:url(../home-banner-2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 50px 0px 25px 0px;
}

.bannerGallery{
background-color:#2c2c2c;
background-image:url("../home-banner-gallery.webp");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
height: 650px;
line-height: 450px;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 100px 0px 100px 0px;
display: flex; /*CENTER THE ITEMS IN THE DIV*/
justify-content: center; /*CENTER THE ITEMS IN THE DIV*/
align-items: center; /*CENTER THE ITEMS IN THE DIV*/
}

.bannerGallery.Two{
background-color:#2c2c2c;
background-image:url("../home-banner-specials.webp");
}


.bannerSpecialOffers{
background-color:#2c2c2c;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
height: 100%;
/*line-height: 450px;*/
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 100px 0px 100px 0px;
display: flex; /*CENTER THE ITEMS IN THE DIV*/
justify-content: center; /*CENTER THE ITEMS IN THE DIV*/
align-items: center; /*CENTER THE ITEMS IN THE DIV*/
}


.buttonBannerLeft{
	background: #009a9e; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px -20px 0px -20px;
	padding: 50px 50px 50px 50px;
	border-top: 0px solid white;
	height: 450px;
	
}

@media only screen and (max-width: 768px) {
	.buttonBannerLeft{
	height: 580px;
	
}
}

.buttonBannerCentre{
	background: #000; 
	background-image:url(../btn-banner-centre.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px -20px 0px -20px;
	padding: 50px 50px 50px 50px;
	border-top: 0px solid white;
	height: 450px;
	
}


.buttonBannerRight{
	background: #000; 
	background-image:url("../website-design-services-home.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px -15px 0px -20px;
	padding: 50px 50px 50px 50px;
	border-top: 0px solid white;
	height: 450px;
	
}

.buttonBannerLeft1{
	background:linear-gradient(0deg, rgba(0, 154, 158, 0.9), rgba(0, 154, 158, 0.9)), url("../website-design-services-home.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px 0px 0px 0px;
	padding: 80px 50px 50px 50px;
	border-top: 0px solid white;
	height: 300px;
	
}

.buttonBannerCentre1a{
	background:linear-gradient(0deg, rgba(241, 40, 204, 0.8), rgba(241, 40, 204, 0.8)), url(../website-seo-services-home.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px 0px 0px 0px;
	padding: 80px 50px 50px 50px;
	border-top: 0px solid white;
	height: 300px;
	
}

.buttonBannerCentre1b{
	background: #8e8e8e; 
	background-image:url("../newborn-photography-home.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px 0px 0px 0px;
	padding: 80px 50px 50px 50px;
	border-top: 0px solid white;
	height: 300px;
	
}


.buttonBannerRight1{
	background: #8e8e8e; 
	background:linear-gradient(0deg, rgba(77, 74, 73, 0.8), rgba(77, 74, 73, 0.7)), url(../photography-team-home.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px 0px 0px 0px;
	padding: 80px 50px 50px 50px;
	border-top: 0px solid white;
	height: 300px;
	
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
	.buttonBannerLeft{
	min-height: 600px;
	}
	.buttonBannerCentre{
	min-height: 600px;
	}
	.buttonBannerRight{
	min-height: 600px;
	}
}

@media only screen and (max-width: 768px) {
	.buttonBannerLeft{
	min-height: 450px; /* was 800 */
	}
	.buttonBannerCentre{
	min-height: 450px;
	}
	.buttonBannerRight{
	min-height: 450px;
	}
}

.bannerC2A{
background-color:#000;
background-image:url("../home-c2a-banner.webp");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
height: 575px;
line-height: 450px;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 50px 0px 5px 0px;
display: flex; /*CENTER THE ITEMS IN THE DIV*/
justify-content: center; /*CENTER THE ITEMS IN THE DIV*/
align-items: center; /*CENTER THE ITEMS IN THE DIV*/
}

.bannerC2A.small{
background-color:#009a9e;
background-image: none;
height: 155px;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 20px 0px 0px 0px;
display: flex; /*CENTER THE ITEMS IN THE DIV*/
justify-content: center; /*CENTER THE ITEMS IN THE DIV*/
align-items: center; /*CENTER THE ITEMS IN THE DIV*/
}

.bannerC2A.smallBlack{
background-color:#000;
background-image: none;
height: 155px;
margin: 0px 0px 0px 0px; /* changed from 15px left and right to make it full width...*/
padding: 20px 0px 0px 0px;
display: flex; /*CENTER THE ITEMS IN THE DIV*/
justify-content: center; /*CENTER THE ITEMS IN THE DIV*/
align-items: center; /*CENTER THE ITEMS IN THE DIV*/
}

.buttonImplantLeft{
	background: #003e80; 
	background-image:url(../implants-banner-left.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px -20px 0px -20px;
	padding: 50px 50px 50px 50px;
	border-top: 10px solid white;
	
}

.buttonImplantRight{
	background: #8e8e8e; 
	background-image:url(../implants-banner-right.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0px -20px 0px -20px;
	padding: 50px 50px 50px 50px;
	border-top: 10px solid white;
	
}

@supports (-webkit-overflow-scrolling: touch) {
	.bannerGallery{
	background-attachment:scroll !important; }
	.bannerC2A{
	background-attachment:scroll !important; }
	.bannerGallery.Two{
	background-attachment:scroll !important; }
}

.highlight {
  transition: 0.4s ease;
  line-height: 1.3em;
   padding: 0.05em 0.5em;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
  color: #fff;
  --c1: hsl(182 100% 31% / 1);
  --c2: hsl(182 100% 31% / 1);
  --c-m: hsl(182 100% 31% / 1);
  --g1: #0000 .5em,var(--c1) calc(.5em + 1px);
  --g2: #0000 .5em,var(--c2) calc(.5em + 1px);
  --g3: var(--c1),var(--c-m),var(--c2);
  background: 
    linear-gradient(90deg, var(--g3)) center,
    linear-gradient(110deg,var(--g1)) left,
    linear-gradient(-70deg,var(--g2)) right;
  background-size:
    calc(100% - 2em) calc(100% - .15em),
    2em calc(100% - .15em),
    2em calc(100% - .15em); 

  background-repeat:no-repeat;
  transform-origin: center calc(100% - 0.18em);
}
.highlight:hover {
  color: #1f2020;
  background-size:
    calc(100% - 2em) max(0.1em, 2px),
    2em max(0.1em, 2px),
    2em max(0.1em, 2px); 
  background-position-y: calc(100% - 0.18em);
  text-shadow:
     0 -0.05em 0 var(--bg),
    -0.05em -0.05em 0 var(--bg),
    -0.05em 0 0 var(--bg),
    0 0.05em 0 var(--bg),
    0.05em 0.05em 0 var(--bg),
    0.05em 0 0 var(--bg);
}


.highlight2 {
  transition: 0.4s ease;
  line-height: 1.3em;
   padding: 0.05em 0.5em;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
  color: #fff;
  --c1: hsl(182 100% 31% / 1);
  --c2: hsl(182 100% 31% / 1);
  --c-m: hsl(182 100% 31% / 1);
  --g1: #0000 .5em,var(--c1) calc(.5em + 1px);
  --g2: #0000 .5em,var(--c2) calc(.5em + 1px);
  --g3: var(--c1),var(--c-m),var(--c2);
  background: 
    linear-gradient(90deg, var(--g3)) center,
    linear-gradient(110deg,var(--g1)) left,
    linear-gradient(-70deg,var(--g2)) right;
  background-size:
    calc(100% - 2em) calc(100% - .15em),
    2em calc(100% - .15em),
    2em calc(100% - .15em); 

  background-repeat:no-repeat;
  transform-origin: center calc(100% - 0.18em);
}
.highlight2:hover {
  color: #fff;
  background-size:
    calc(100% - 2em) max(0.1em, 2px),
    2em max(0.1em, 2px),
    2em max(0.1em, 2px); 
  background-position-y: calc(100% - 0.18em);
  text-shadow:
     0 -0.05em 0 var(--bg),
    -0.05em -0.05em 0 var(--bg),
    -0.05em 0 0 var(--bg),
    0 0.05em 0 var(--bg),
    0.05em 0.05em 0 var(--bg),
    0.05em 0 0 var(--bg);
}

.highlight3 {
  transition: 0.4s ease;
  line-height: 1.3em;
   padding: 0.05em 0.5em;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
  color: #fff;
  --c1: hsl(0 100% 0% / 1);
  --c2: hsl(0 100% 0% / 1);
  --c-m: hsl(0 100% 0% / 1);
  --g1: #0000 .5em,var(--c1) calc(.5em + 1px);
  --g2: #0000 .5em,var(--c2) calc(.5em + 1px);
  --g3: var(--c1),var(--c-m),var(--c2);
  background: 
    linear-gradient(90deg, var(--g3)) center,
    linear-gradient(110deg,var(--g1)) left,
    linear-gradient(-70deg,var(--g2)) right;
  background-size:
    calc(100% - 2em) calc(100% - .15em),
    2em calc(100% - .15em),
    2em calc(100% - .15em); 

  background-repeat:no-repeat;
  transform-origin: center calc(100% - 0.18em);
}
.highlight3:hover {
  color: #fff;
  background-size:
    calc(100% - 2em) max(0.1em, 2px),
    2em max(0.1em, 2px),
    2em max(0.1em, 2px); 
  background-position-y: calc(100% - 0.18em);
  text-shadow:
     0 -0.05em 0 var(--bg),
    -0.05em -0.05em 0 var(--bg),
    -0.05em 0 0 var(--bg),
    0 0.05em 0 var(--bg),
    0.05em 0.05em 0 var(--bg),
    0.05em 0 0 var(--bg);
}


iframe {
    display:block;
    width:100%;
}