@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700;900&display=swap');
	
body { font-family: 'Montserrat', sans-serif; font-size:15px; background: none; }
p { color: #444444; }
.bgshade { background-color:#f7f7f7; }

a.btn { background-color:#fff; color:#c52a35; font-weight:bold; cursor:pointer; text-decoration:none; -webkit-appearance: button; -moz-appearance: button; appearance: button; padding:10px 30px; }
a.btn:hover { background-color:#c52a35; color:#fff; }
.cta-lower a.btn:hover { background-color:#444; color:#fff; }
.maincentre a.btn { background-color:#f7f7f7; }
#logomain { display:block; }
#logomobile { display:none; }

#menu ul {
	margin: 0;
	padding: 0;
}

#menu .main-menu {
	display: none;
	background-color: #fff;
	padding-top: 2.5em;
}

#tm:checked + .main-menu {
	display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
	display: none;
}

#toggle-menu { text-align: right; }

#menu li, 
#toggle-menu, 
#menu .sub-menu {
	border-style: solid;
	border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
	cursor:pointer;
	margin-bottom: 20px;
}

#menu .sub-menu {
	background-color: #8c1b23;
	border-width: 1px 1px 0;
	margin: 1.5em;
}

#menu .sub-menu li:last-child {
	border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

#menu, 

#toggle-menu, 
#menu a {
	padding: 0 .2em;
}

#menu a {
	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
	background-color: #fff;
	color: #c52a35;
}

#menu .sub-menu {
	display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
	display: block;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#menu .sub-menu a {
	color: #fff;
	text-transform: none;
	padding: 1em;
}

#menu .sub-menu a:hover {
	background-color: #c52a35;
	color: #fff;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
	position: absolute;
	right: 1.5em;
	top: 0.25em;
	cursor:pointer;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
	border-radius: 5%;
	width: 30px;
	height: 25px;
	text-align: center;
	background-color: rgba(0, 0, 0, .125);
	text-shadow: 0 0 0 transparent;
	color:#444;
}

#menu .drop-icon {
	line-height: 1;
}

input[type="search"]::placeholder {
	color: #fff;
}
input[type="search"]:-ms-input-placeholder {
	color: #fff;
}

.mobilehide { display:block; }

.outernav { border-top:none ;border-bottom:none; box-shadow:none; -webkit-box-shadow:none; }
.outernav .row { display:flex;flex-direction:row; }
.outernav .title { font-size:1em; padding-top:10px;margin:0px }
.outernav .title a { text-decoration:none; color:#fff; font-weight:bold; }
.locatorSearch { margin-left:auto; margin-right:10px; text-align:right; }
.locatorSearch form { display:flex; flex-direction:row; }
.locatorSearch label { float:left; font-size:1em; padding:10px 0; }
.locatorSearch a { text-decoration:none; font-weight:bold; font-size:1em; color:#fff; }
.zipBox { width:92%; padding:10px 35px 10px 15px; border:none; border-radius:5px; outline:none; background-color:#d8555e; margin:5px 0; color:#fff; }
.search-button { background:transparent; border:none; outline:none; margin-left:-33px; }
.search-button i { color: #fff; width:20px; height:20px; }
.appointmentwrapper { font-size:1em;; padding-top:10px; }
.appointmentwrapper a { background-color:#fff; text-decoration:none; color:#c52a35; font-weight:bold; padding:10px 10px 15px 10px; border-top-left-radius: 5px; }
.appointmentwrapper a:hover { background-color:#444; color: #fff; border-top-left-radius: 5px; }

.navmain { margin-top:10px; position:sticky; position: -webkit-sticky; top:0; background-color:#fff; z-index: 10 !important; padding-top:5px; }
.navmain .container .row #logomain { float:left; }

.hero .herocta { background: linear-gradient( to right, #8c1b23 0%, #8c1b23 50%, #c52a35 50%, #c52a35 100% ); }
.hero-img { overflow:hidden; /*min-width:100vw;*/ max-height:385px; background-image:url(/_images/home-hero-2300.jpg); background-size:cover; background-position:top right; /*min-height:385px;*/ display:flex; align-items: center; justify-content:center; padding:25px 0; }
.hero-text { color:#fff;font-weight:bold; margin:0 10px; }
.hero-text h1 { color:#fff; width:50%; }
.hero-text p { color: #fff; width:55%; font-weight:300; }
.hero-text .hero-subtext { font-weight:300; width:100%; }
.hero-subtext { color:#ddd; margin-bottom:15px; }
.hero-subtext a { color:inherit; text-decoration:none; }
.hero-text a.btn { margin:0 3px; }
.hero-text a.btn:hover { background-color:#c52a35; color:#fff; }
.hero .container img { width:100%; }
.hero .container .row .columns { background-color:#8c1b23; padding:20px 60px; }
.hero .container .row .columns  h3 { color:#fff; font-size:1.25em; line-height:1.25em; text-align:left; }
.hero .container .row .columns  h4 { text-align:right; }
.hero .container .row .columns  h4 a { color:#fff; font-size:1.3em; line-height: 1.25em;text-decoration:none; }
.hero .container .row .cta-lower { padding:30px; background-color:#c52a35; text-align:right; }
.cta:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 49.999%;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0) #8c1b23;
	border-width: 47px 0 47px 45px;
	width: 0;
	height: 0;
}
.cta.services:after { border-width: 50px 0 50px 50px; }
/*.cta-lower.services:hover a { background-color:#444; }*/

.pager-buttons .btn { margin:0 3px; font-weight:700; color:##000; }
.pager-buttons .btn:hover { background-color:##c52a35; color:##fff; }

section.main .columns { margin-bottom: 25px; }
section.main .columns .maincentre h2, section.main .columns .maincentre h3 { color:#333; }
.servicename h2 { padding: 0 35px; }
.servicename a { text-decoration:none; }
.servicename a:hover { text-decoration:underline; color:#9b1d25 }
.servicebottom p { padding:0 35px; min-height:230px }

section.radio input.button:hover { background-color:#444; }

.about-overflow { /*width:100vw;*/ background-color:#8c1b23; }
.about-overflow img { display:block; }
.aboutpre { background-color:#8c1b23; padding: 40px 60% 40px 10px; display:none; }
.aboutpre h3 { color:#fff;font-size:25px;line-height:25px; }
.aboutpre p { color:#fff; }
.aboutpre button.contact { background-color:#f7f7f7; color:#c52a35; border-radius:5px; border:none; padding:10px 15px; font-weight:700; margin-top:10px; }
.aboutpre button.contact:hover { background-color: #444; color:#fff; cursor:pointer; }

.news {  }
.news .container .flex { display:flex;flex-direction:row; }
.news .container .row h2 { color:#000;margin:20px 10px; }
.news .container .row .column { background-color:#f7f7f7; }
.newsrow { margin:20px 0; }

.alertitem { position:relative; }
.alertitem img { width:100%; height:13em; }
.alertitem .alert { position: absolute; top:10px; left:0; background-color:#c52a35; color:#fff; padding:2px 12px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.newsitem p, .alertitem p { padding:10px 15px 0 15px; margin:0 0 5px; } 
.newsitem h5, .alertitem h5 { padding:0 15px 10px 15px; line-height:18px; }
.newsitem h5 a, .alertitem a, .alertitem h5 a { color:#c52a35; text-decoration:none; font-size:medium; }
.newsitem img { width:100%; max-height:13em; min-height:13em; }

p.articles { margin-left:auto; margin-right:0; font-size:small; margin-top:32px; font-weight:bold; }
p.articles a { color:#c52a35; text-decoration:none; margin-right:10px; }
p.alerts { margin-left:20px; margin-right:0; font-size:small; margin-top:32px; font-weight:bold; }
p.alerts a { color:#000; text-decoration:none; margin-right:10px; }
p.articles a:hover { color:#000; }
p.alerts a:hover { color:#c52a35; }

section.problems h2 { color:#000;margin:20px 10px; }

.about-img { /*min-width:100vw;*/ background-image:url(/_images/mockup/banner-about.jpg); background-size:cover; min-height:520px; display:flex; align-items: center; background-position:left; }
.about-img .hero-text { width:960px; margin:0 auto; padding-right:300px; }
.about-img .hero-text .btn { background-color:#fff; color:#c52a35; font-weight:bold; cursor:pointer; text-decoration:none; -webkit-appearance: button; -moz-appearance: button; appearance: button; padding:10px 30px; }
.about-img .hero-text .btn:hover { background-color:#333; color:#fff; }

section.offer a.btn:hover { background-color:#ccc; color:#c52a35; }
.offer .row { width:100%; margin: auto; background-color:#222228; padding:10px 0; }
.offer .row .container { background-color:#222228; }
.offer .row .container .row { display:flex;flex-direction:row; }
.offer .row .container .row .column h2 { color:#fff; padding-top:20px; }
.offer .row .container .row .column p { color:#fff; position: absolute; top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); width: 33.33%; padding: 0 25px; }

.offer .row .container .row .column a.btn { color:#222228; position:absolute; top:50%; right:5%; transform: translateY(-50%); -ms-transform:translateY(-50%); text-transform:capitalize; }

section.footer { background-color:#c52a35; }
section.footer .button { display:inline; background-color:#333;margin-left:10px; }
section.footer .button:hover { background-color:#fff;color:#444; }
nav.footernav { width:100%; background-color:#a9222c; }
section.footer .outernav { border-top:none; border-bottom:none;padding:0; box-shadow:none; -webkit-box-shadow:none; }
section.footer .outernav nav.footernav .container .row { display:flex;flex-direction:row; }
nav.footernav ul { list-style:none; text-align:center; margin-bottom:0; }
nav.footernav ul li { display:inline; font-size:9.5px; line-height:0.75em; margin-bottom: 12px; }
nav.footernav ul li a { display: inline-block; color:#fff; text-decoration:none; font-weight: 600; padding:10px; height:45px; margin-top:2em; }
nav.footernav ul li a:hover { border-bottom:5px solid #fff; color:#444; background-color:#fff; }

.searchbox { display:flex;flex-direction:row; margin-bottom:20px; }
#siteSearch { width:100%; }
#siteSearch label { display:none; }
#siteSearch input { display:inline; width:90%;background-color:#c52a35; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #fff; color:#fff; }
#siteSearch button { background-color:transparent; border:none; cursor:pointer; }

section.footer .container .footer-seperator { border-bottom: 1px solid rgba(255, 255, 255, .3); }
section.footer .container .row .column h4 { margin-bottom:0.75em; display:flex; align-items:center; }
section.footer .container .row .column h4 i { margin:0.25em 0; color:#fff; }
section.footer .container .row .column h4 span { color:#fff; }
section.footer .container .row .column p { color:#fff; }

section.footer .footer-seperator img { width:35px; padding-right:10px; }

.footer .logo { margin-left:0; display:flex;flex-direction:row; }
.footer .logo .title a { background:url(/_images/footer_logo.svg) left top no-repeat; width:106px; height:56px; }
.footer .logo .subtitle { color:#fff; }
.footer .logo .copyright { color:#fff; margin:auto; width:46%; }
.footer .logo .copyright a { color:#fff; font-weight:600; }

#social-bar { margin-top: 20px; }
img.socialicon:hover { filter:invert(1); }
img.socialicon { max-height:13px; }

.cta-phone { background-color:#c52a35; width:100%; margin:20px 0; padding:10px 15px; color:#fff; }
.cta-phone-inner { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:10px; }
.cta-phone span { margin-left:5px; }
.cta-phone h3 { text-align:center; margin-top:10px;}
.cta-phone h3 a { color:#fff; }

#fSubscribePanel input.btn { border-radius:5px; background-color:#444; color:#f7f7f7; }
#fSubscribePanel input.btn:hover { background-color:#c52a35; }

.sticky-appointment { position:fixed; bottom:180px; right:-85px; z-index:20000; }
.sticky-appointment a.btn { transform:rotate(90deg); background-color:#888; color:#333; }
.sticky-appointment a.btn:hover { color:#fff; }
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
	#logomain { display:none; }
	#logomobile { display:block; }
	
	#menu li {
		width: 33.333%;
	}

	#menu .sub-menu li {
		width: auto;
	}
}

@media only screen and (min-width: 52em) {
	#logomain { display:block; }
	#logomobile { display:none; }
	
	#menu .main-menu {
		display: block;
		float: right;
		font-size: 12px;
		background-color: #fff;
		padding-top: 0;
	}

	#toggle-menu, 
	#menu label.drop-icon {
		display: none;
	}

	#menu ul span.drop-icon {
		display: inline-block;
	}

	#menu li {
		float: left;
		/*border-width: 0 1px 0 0;*/
	}

	#menu .sub-menu li {
		float: none;
		height: 25px;
	}

	#menu .sub-menu {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 12em;
		z-index: 3000;
		width: 18em;
	}

	#menu .sub-menu, 
	#menu input[type="checkbox"]:checked + .sub-menu {
		display: none;
	}

	#menu .sub-menu li {
		border-width: 0 0 1px;
	}

	#menu .sub-menu .sub-menu {
		top: 0;
		left: 100%;
	}

	#menu li:hover > input[type="checkbox"] + .sub-menu {
		display: block;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	#toggle-menu, 
	#menu a {
		padding: 2em .8em;
		margin: 0;
	}
}

@media only screen and (max-width: 959px) {
	.servicebottom p { min-height:320px }
	.hero-text h1 { width:50%; }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
	.about-img { padding:25px 0; min-height:inherit; }
	.about-img .hero-text { width:550px; margin-left: 210px; padding-right:35px; }	
}

@media only screen and (max-width: 767px) {
	.mobilehide { display: none; }
	.hero .container { padding: 0; }
	.hero-img { min-height:300px; }
	.servicebottom p { padding:0 10px; }
	.about-overflow img { display:none; }
	.aboutpre { padding:30px 20px; display:block; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.row { width: 420px; }
	.row img { width: auto; }
	.mobilehide { display:none; }
	.hero-img { min-height:250px; }
	.hero .container { padding: 0; }
	.hero .container .row .columns  h3 { line-height: 1.5em; }
	.hero .herocta { background-image: linear-gradient(to bottom, #c52a35 48%, #8c1b23 48%);
		background-image: -o-linear-gradient(bottom, #c52a35 48%, #8c1b23 48%);
		background-image: -moz-linear-gradient(bottom, #c52a35 48%, #8c1b23 48%);
		background-image: -webkit-linear-gradient(bottom, #c52a35 48%, #8c1b23 48%);
		background-image: -ms-linear-gradient(bottom, #c52a35 48%, #8c1b23 48%);
	}
	.hero .container .row .columns  h4 { font-size: 1.1em; text-align:center; }
	.cta:after { display:none; position:inherit; top:auto; left:auto; border:none; }
	.hero .container .row .cta-lower.services {
		padding: 27px;
		text-align:center;
	}
	
	.hero .container .row .columns { padding:20px 0; }
	.hero .container .row .cta-lower { padding: 30px; }
	.hero-text h1 { width:100%; }
	.hero-text p { width:100%; font-size:15px; }
	.hero-subtext a { letter-spacing:-1px; font-size:11px; }
	.servicebottom p { padding:0 10px; min-height:10px }
	
	.about-overflow img { display:none; }
	.aboutpre { padding:30px 20px; display:block; }
	
	.servicename h2 { padding: 0; }
	
	section.problems h2 { font-size:18px; }
	
	.about-img { max-width:767px; padding:25px 0; min-height:inherit; }
	.about-img .hero-text { width:320px; padding-right:50px; }
	
	.pager-buttons .num { display:none; }
	
	.newsrow { margin:0; }
	.news .one-third.column { margin:10px 0; }
	.newsitem img { width:100%; max-height:0; min-height:0; }
	
	#hide { display:none; }
	.offer .row .container .row .column .btn { padding: 10px; right:10%; }
	.footer .logo .copyright { margin:0 5px; }
}
@media only screen and (max-width: 480px) {
	.hero .container .row .columns  h3::after { border:none; }
	.cta:after { display:none; position:inherit; top:auto; left:auto; border:none; }
	.hero .container .row .cta-lower.services { text-align:center; }
	.hero-img { min-height:250px; }
	.hero .herocta { background:none; }
	.hero-text h1 { width:100%; }
	.hero-text p { width:100%; font-size:15px; }
	.hero-text a.btn { margin:5px 3px; }
	.hero-subtext a { letter-spacing:-1px; font-size:11px; }
	.servicebottom p { padding:0 10px; min-height:10px }
	
	.servicename h2 { padding: 0; }
	
	section.problems h2 { font-size:16px; }
	
	.newsrow { margin:0; }
	.news .one-third.column { margin:10px 0; }
	
	.about-img { padding:25px 0; min-height:inherit; }
	.about-img .hero-text { width:320px; padding-right:0; }
	
	.pager-buttons .num { display:none; }
	
	.offer .row .container .row .column .btn { padding: 10px; right:10%; }
	.footer .logo .copyright { margin:0 5px; }
}