@charset "UTF-8";:root{--varCol1:#2db0c6;--varCol1T:rgba(45,176,198,0.8);--varCol2:#2799ac;--varCol2T:rgba(120,204,218,0.8);--varCol3:#185f6b;--varCol4:#189AB4;--varCol5:#C3E0E5;--varColLight:#FFFFFF;--varColDark:#000000;--colTest:#ff0000;--fntLit:rgba(255,255,255,.7);--fntLitH:rgba(255,255,255,.9);--fntDrk:rgba(0,0,0,.6);--fntDrkH:rgba(0,102,102,.9);--fontFam:arial,helvetica,sans-serif}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-padding-top:100px;scroll-behavior:smooth}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-repeat:repeat-x}.carousel-img{width:100%}

.banner01,
.banner02,
.banner03,
.banner04,
.banner05,
.banner06 {
	background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/stylish-bathroom-L.jpg);
	background-position:0 0;
	background-size:cover;
	width:100%;
	padding-top:450px;
	padding-bottom:48px;
	margin-top:50px
}

.banner01{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/bathroom-installation-X.jpg)}
.banner02{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-head-X.jpg)}
.banner03{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-room-X.jpg)}
.banner04{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/stylish-bathroom-X.jpg)}
.banner05{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/twin-basins-X.jpg)}
.banner06{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/wash-basin-X.jpg)}


@media (max-width:1620px){
	.banner01{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/bathroom-installation-L.jpg)}
	.banner02{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-head-L.jpg)}
	.banner03{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-room-L.jpg)}
	.banner04{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/stylish-bathroom-L.jpg)}
	.banner05{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/twin-basins-L.jpg)}
	.banner06{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/wash-basin-L.jpg)}
}

/*
@media (max-width:1080px){
	.banner01{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/bathroom-installation-L.jpg)}
	.banner02{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-head-L.jpg)}
	.banner03{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-room-L.jpg)}
	.banner04{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/stylish-bathroom-L.jpg)}
	.banner05{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/twin-basins-L.jpg)}
	.banner07{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/wash-basin-L.jpg)}
}
*/

@media (min-width:760px) AND (max-width:1099px) {
	.banner01{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/bathroom-installation-M.jpg)}
	.banner02{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-head-M.jpg)}
	.banner03{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-room-M.jpg)}
	.banner04{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/stylish-bathroom-M.jpg)}
	.banner05{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/twin-basins-M.jpg)}
	.banner06{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/wash-basin-M.jpg)}
}

@media (max-width:600px){
	.banner01{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/bathroom-installation-S.jpg)}
	.banner02{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-head-S.jpg)}
	.banner03{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/shower-room-S.jpg)}
	.banner04{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/stylish-bathroom-S.jpg)}
	.banner05{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/twin-basins-S.jpg)}
	.banner06{background-image:url(https://www.targaweb.com/portfolio/dhbathrooms/images/banners/wash-basin-S.jpg)}
}


.band-hero-name{background-color:rgba(45,176,198,.85);padding-bottom:0;padding-top:8px}.blue-gradient{padding-top:30px;padding-bottom:30px;background-image:-webkit-linear-gradient(270deg,rgba(255,255,255,1) 0,rgba(45,176,198,.5) 100%);background-image:-moz-linear-gradient(270deg,rgba(255,255,255,1) 0,rgba(45,176,198,.5) 100%);background-image:-o-linear-gradient(270deg,rgba(255,255,255,1) 0,rgba(45,176,198,.5) 100%);background-image:linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(45,176,198,.5) 100%);border-bottom:solid 2px #fff;margin-bottom:0}

.band-hero-name-text{color:rgba(255,255,255,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:200;font-size:36px}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;font-weight:200;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1.1}.h1,h1{font-size:42px}.h2,h2{color:rgba(142,136,136,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:200;font-size:30px;line-height:normal;padding-top:20px;padding-right:0;padding-left:0;padding-bottom:15px}.h3,h3{color:rgba(45,176,198,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:200;font-size:24px;line-height:normal}.h4,h4{font-size:18px}body{font-family:Roboto,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;font-weight:300}.body-bold{font-family:Roboto,sans-serif;font-style:normal;font-weight:700}.body-bold-white{font-family:Roboto,sans-serif;font-style:normal;font-weight:300;color:#fff;font-size:16px}.be-inspired{color:rgba(45,176,198,1);font-family:Roboto,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:normal}.space-top{padding-top:30px;padding-bottom:10px}.navbar{position:top;min-height:50px;border:0 solid transparent}.navbar-default{background-color:rgba(45,176,198,.85);border-color:rgba(45,176,198,.85)}.navbar-default .navbar-text{color:#fff}

.navbar-default .navbar-nav>li>a{color:#fff}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#333;background-color:#e7e7e7}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}.navbar-right{font-size:small}.footer-text{font-size:small;color:rgba(255,255,255,1);padding-top:10px;padding-bottom:10px}.footer-text a{color:#fff}.modal-title{color:#3687aa;font-family:Raleway,sans-serif;font-style:normal;font-weight:300;font-size:24px}.btn-info{background-color:rgba(45,176,198,1);border-color:rgba(45,176,198,1);color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:small}.btn-info a{color:#fff;text-decoration:none}.btn a:hover{border-color:rgba(127,112,114,1)}.black-bg{background-color:#000;margin-top:10px;margin-bottom:10px}

@media screen and (max-width:400px){
	.band-hero,
	.bath-hero,
	.bath2-hero,
	.shower-hero,
	.shower2-hero, 
	.banner01,
	.banner02,
	.banner03,
	.banner04,
	.banner05,
	.banner06,
	.banner07,
	.banner08,
	.banner09
	
	{padding-top:200px;padding-bottom:8px}
	
	
	.h1,h1{font-size:24px}.h2,h2{font-family:Raleway,sans-serif;font-size:17px;line-height:1.3;padding-top:10px;padding-right:0;padding-left:0;padding-bottom:10px;font-weight:300}.h3,h3{color:rgba(45,176,198,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:300;font-size:17px;line-height:normal}.h4,h4{font-size:14px}body{font-family:Roboto,sans-serif;font-size:12px;line-height:1.42857143;color:#333;background-color:#fff;font-weight:300}.body-bold{font-family:Roboto,sans-serif;font-style:normal;font-weight:700}
	
	.band-hero-name-text{font-weight:200;font-size:17px}.body-bold-white{font-family:Roboto,sans-serif;font-style:normal;font-weight:300;color:#fff;font-size:13px}.be-inspired{color:rgba(45,176,198,1);font-family:Roboto,sans-serif;font-style:normal;font-weight:700;font-size:22px;line-height:normal}}


@media screen and (min-width:401px) and (max-width:766px){
	.band-hero,
	.bath-hero,
	.bath2-hero,
	.shower-hero,
	.shower2-hero, 
	.banner01,
	.banner02,
	.banner03,
	.banner04,
	.banner05,
	.banner06,
	.banner07,
	.banner08,
	.banner09
	
	{padding-top:290px;padding-bottom:10px}
	
	.h1,h1{font-size:24px}.h2,h2{font-family:Raleway,sans-serif;font-size:20px;line-height:1.3;padding-top:10px;padding-right:0;padding-left:0;padding-bottom:10px;font-weight:300}.h3,h3{color:rgba(45,176,198,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:300;font-size:18px;line-height:normal}.h4,h4{font-size:14px}body{font-family:Roboto,sans-serif;font-size:13px;line-height:1.42857143;color:#333;background-color:#fff;font-weight:300}.body-bold{font-family:Roboto,sans-serif;font-style:normal;font-weight:700}.band-hero-name-text{font-weight:300;font-size:20px}.body-bold-white{font-family:Roboto,sans-serif;font-style:normal;font-weight:300;color:#fff;font-size:16px}.be-inspired{color:rgba(45,176,198,1);font-family:Roboto,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:normal}}



@media screen and (min-width:768px) and (max-width:991px){
	
	.band-hero,
	.bath-hero,
	.bath2-hero,
	.shower-hero,
	.shower2-hero, 
	.banner01,
	.banner02,
	.banner03,
	.banner04,
	.banner05,
	.banner06,
	.banner07,
	.banner08,
	.banner09
	
	{padding-top:430px;padding-bottom:20px}
	
	.band-hero-name-text{font-size:30px}
	
	.h1,h1{font-size:40px}.h2,h2{color:rgba(142,136,136,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:300;font-size:26px;line-height:normal;padding-top:20px;padding-right:0;padding-left:0;padding-bottom:15px}.h3,h3{color:rgba(45,176,198,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:300;font-size:22px;line-height:normal}.h4,h4{font-size:18px}.body-bold-white{font-family:Roboto,sans-serif;font-style:normal;font-weight:300;color:#fff;font-size:16px}.be-inspired{color:rgba(45,176,198,1);font-family:Roboto,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:normal}}
	

@media screen and (min-width:992px) and (max-width:1199px){.h2,h2{font-size:25px;line-height:1.3}.h3,h3{color:rgba(45,176,198,1);font-family:Raleway,sans-serif;font-style:normal;font-weight:300;font-size:23px;line-height:1.2}.body-bold-white{font-family:Roboto,sans-serif;font-style:normal;font-weight:300;color:#fff;font-size:16px}.be-inspired{color:rgba(45,176,198,1);font-family:Roboto,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:normal}}div.testimonialContainer{background-color:#fff;border:solid 2px var(--varCol2);border-radius:8px;padding:25px 20px 15px 20px;max-width:1000px;margin:0 auto 30px auto}.onlyTabPortrait{display:none}@media (min-width:780px) AND (max-width:1099px){.onlyTabPortrait{display:block}}

.mapContainer{
	margin: 10px auto 20px auto;
	border:solid 1px #2db0c6;
	width: 80%;
	}
	
@media (max-width:700px){
	.mapContainer{
	margin: 10px auto 20px auto;
	border:solid 1px #2db0c6;
	width: 100%;
	}
}

/* FAQS */
.faqTitles {display:inline; font-family:var(--fontFam); color:#2799ac; padding: 0 10px; font-weight:600; font-size: 1.2em;}
.faqQuestion {color:var(--font-color);}
.faqBox, .answerBox, .moreQuestionsBox, .questionsIntroBox {
	border:solid 1px var(--contentBoxBorder);
	/* border:solid 1px red; */
	border-radius:8px;
	margin: 8px 20px 5px 20px;
	padding: 2px 20px 5px 20px;
	background: #006666;
	background: var(--contentBoxGradientWebkit);
	background: var(--contentBoxGradientMoz);
	background: var(--contentBoxGradient);
	color: #bbb
}
	
.answerBox, .moreQuestionsBox, .questionsIntroBox  {
	margin: 8px 20px 35px 20px;
	padding: 2px 10px 5px 10px;
	background: #006666;
	background: var(--contentBoxGradientWebkit);
	background: var(--contentBoxGradientMoz);
	background: var(--contentBoxGradient);
	color: #bbb
}

.questionsIntroBox  {background: var(--questionsIntroBox);color: #bbb}
	
.moreQuestionsBox  {
	color: #bbb;
	background: #006666;
	background: var(--contentBoxGradientWebkit);
	background: var(--contentBoxGradientMoz);
	background: var(--contentBoxGradient);
	color: #bbb
	}

@media (max-width:640px){.moreQuestionsBox  {margin: 8px 1px 35px 1px}}
	
.faqBoxInOverlay {
	border: solid 1px #099;
	border-radius:8px;
	margin: 0;
	padding: 2px 20px 5px 20px;
	background: #006666;
	background: -webkit-linear-gradient(to bottom right, #dddddd 60%, #bbbbbb 100%);
	background: -moz-linear-gradient(to bottom right, #dddddd 60%, #bbbbbb 100%);
	background: linear-gradient(to bottom right, #dddddd 60%, #bbbbbb 100%);
	color: #066
}

.faqBoxInOverlay > p > a.faqContentLink {color: #066}
.faqBoxInOverlay > p > a.faqContentLink:hover {color: #099}
.faqBoxInOverlay > ul > li > a.faqContentLink {color: #066}
.faqBoxInOverlay > ul > li > a.faqContentLink:hover {color: #099}

details>summary>h3.faqTitles {color:var(--font-color);transition: 0.6s}
details>summary>h3.faqTitles:hover {color:#099}
details[open]>summary>h3.faqTitles {var(--font-color)}

details[open] summary ~ * {animation: fadeOpen .9s ease-in-out}
@keyframes fadeOpen {
  0%    {opacity: 0}
  100%  {opacity: 1}
}

@media (max-width:640px){
	details>summary>h3.faqTitles {color:#ccc;transition: 0s}
	details>summary>h3.faqTitles:hover {color:#ccc}
	details[open]>summary>h3.faqTitles {color:#ccc}
	summary {list-style: none;padding-left: 0;margin-left: 0}
	.faqBox {border: solid 1px #ccc;border-radius:8px;margin: 8px 1px 25px 10px;padding: 2px 10px 5px 10px}
	.faqTitles {padding: 0; font-weight:400}	
}


/* PROMO STYLES */

.promoFlex {display: flex}

.promoFlex > div {
	margin: 0px 20px;
	flex-grow: 2;
	border:solid 2px var(--varCol2);
	border-radius:8px;
	width:50%;
		DGHpadding:10px 20px
}

@media (max-width:575px){
	.promoFlex {
		flex-direction: column;
		width: 100%;
				DGHborder: dashed 1px blue;
	}
	.promoFlex > div {
		margin: 10px 0;
			DGHpadding: 15px;
		flex-grow: 1;
		width:100%;
				DGHborder: dashed 1px green;
	}
}

div.offerContainer{
	background-color:#fff;
	border:solid 2px var(--varCol2);
	border-radius:8px;
	padding:10px 20px;
	max-width:1000px;
	margin:0 auto
}
		
.promoBanner1Outer {
	background-color: var(--varCol2);
	padding: 20px;
	margin: 20px 0;
	border:solid 2px var(--varCol3);
	border-radius:8px
}
.promoBanner1Inner {
	background-color: var(--varCol3);
	padding: 18px 0 10px 0;
	border:solid 2px #fff;
	border-radius:8px;
	width:80%;
	margin:20px auto
}

@media (max-width:575px){
	.promoBanner1Inner {
			margin:14px auto 20px auto
	}
}

h2.promoHeader1 {
	color: #fff;
	font-weight:700;
	font-size: 1.8em;
	text-align:center
}

p.promoStrapline1 {
	color: #fff;
	font-size: 1.8em;
	text-align:center
}

p.promoContentSize1 {
	color: #fff;
	font-size: 1.4em;
	text-align:center
}
p.promoContentSize2 {
	color: #fff;
	font-size: 1.3em;
	text-align:center
}

a.promoLink, a.promoLink:visited {
	border:2px solid #fff;
	border-radius:12px;
	color:#fff;
	padding: 6px 15px;
	text-decoration:none;
	font-weight:700;
	font-size: 1.3em;
	margin: 30px 20px
	}

a.promoLink:hover {
	border:2px solid var(--varCol5);
	color:var(--varCol5);
}

.promoSmall1 {background-color: var(--varCol5); padding: 5px 30px}
.promoSmall2 {background-color: var(--varCol1); padding:10px 15px}

@media (max-width:575px){
	.promoSmall1 {padding: 5px 30px}
}

h2.promoHeaderSmall {
	color: #fff;
	font-weigth:700;
	font-size: 1.7em;
	text-align:center
}

.promoPhoneText {
	border:1px solid #185f6b;
	border-radius:10px;
	padding: 5px 12px;
	background-color:#eee;
	color:#185f6b;
	font-size: 1.3em;
	margin: 50px 10px;
	text-decoration:none;
}
.promoPhoneText:hover {
	border:1px solid #2799ac;
	color:#2799ac;
	text-decoration:none;
	
	}

p.promoStraplineSmall {
	color: #fff;
	font-size: 1.9em;
	text-align:center
}

@media (max-width:575px){
	.promoPhoneText {
		font-size: 1.4em;
		margin: 50px 10px;
	}
	
	p.promoStraplineSmall {
		color: #fff;
		font-size: 1.7em;
		text-align:center
	}
}

p.promoContentSmall {
	color: #fff;
	font-size: 1.3em;
	text-align:center
}
		
.youTubeContainer{position:relative;overflow:hidden;margin:10px auto;width:100%;padding-top:28%}

.youTubeIframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}

@media (max-width:620px){.youTubeContainer{width:90%;padding-top:61%}}