/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/extras/etc/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/extras/etc/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/extras/etc/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/extras/etc/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/extras/etc/fonts/roboto-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/extras/etc/fonts/roboto-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v19-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/extras/etc/fonts/roboto-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/extras/etc/fonts/roboto-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v19-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
	font-size: 0.938em;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	color: #434343;
}
p,li {line-height:140%;}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer {
  margin-top: auto;
}

/**************** header *****************************/

.header {
   background-color:#00374e;
   z-index:100;
   width:100%;
	background-image:url(header-background.jpg);
	background-position:bottom center;
	background-size: cover;   
}
.banner {width:1200px;margin:auto;padding:5px 0;}
.logo	{width:20%;float:left;transition: all 1s ease;}

.header.sticky {position:fixed;}
.main.sticky {padding-top:70px;}
.header.sticky .banner {transition: all 1s ease;}
.header.sticky .topmenu{margin-top:12px;}
.header.sticky .logo {width:15%;}
.header.sticky .mlddm > li:not(:last-child) > a, .header.sticky .mlddm > li:not(:last-child) > a#buttonnohover {padding: 0 4px 0;}
.header.sticky .mlddm > li:last-child > a, .header.sticky .mlddm > li:last-child > a#buttonnohover {padding:3px 22px 3px;top:-3px;}


/**************** nav - topnav *************************/

.topmenu{
	float:right;
	text-align:right;
	margin-top:22px;
	padding-left:30px;
	padding-top:6px;
	width:75%;
}

html .mlddm {display:flex;justify-content:space-between;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
	padding: 0 4px 4px;
	color: #fff;
	font-size:0.938em;
	font-weight:500;
	border-bottom:1px solid transparent;	
}
.mlddm li a:hover, .mlddm li a#buttonhover,
.mlddm li a.selected, .mlddm li a.selected#buttonnohover,
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{border-bottom:1px solid #ffffff;}



.mlddm > li:last-child a {
    display: inline-block;
    padding: 11px 22px 10px;
    background-color: #000;
    color: #fff;
    font-size: 0.938rem;
    text-decoration: none;
    border-radius: 11px;
    text-align: center;
    margin-right: 12px;
    font-weight: 500;
    position:relative;
    top:-12px;
    border-bottom:none;
    transition: padding 1s ease;
}
.mlddm > li:last-child a:hover {border-bottom:none;background-color:#fff;color:#000;}



/* drop down list */

	html .mlddm ul {background-color:#00374e;padding-top: 8px;}
	.topmenu .mlddm ul li {border-right:none;padding:3px 0;}

	.mlddm ul li a {
    line-height: 100%;
    padding: 0 36px 0 16px;
    margin:20px 0;
    text-align: left;
    height: auto;
    color: #fff;
    border-bottom:none;
}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected	{
		padding-left: 10px;
		margin-left: 16px;
		border-left: 1px solid #fff;
		border-bottom:none;
		}

/**************** nav - mobile header *************************/

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 6px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 6px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #000000;}
.slicknav_nav > li 						{background-color:#ffffff;color:#000000;border-bottom:1px solid #000000;}
.slicknav_nav a 							{color:#000000;}
.slicknav_nav a:hover					{background-color:#f0f0f0;color:#434343;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#f0f0f0;color:#434343;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#00374e;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#434343;}

.slicknav_nav ul li 						{background-color:#f0f0f0;border-bottom:1px solid #434343;}
.slicknav_nav ul li a 					{color:#434343;}	
.slicknav_nav ul li a 					{padding: 6px 20px 6px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 6px 20px 6px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:#f0f0f0;}
.slicknav_nav ul li ul li a 				{color:#434343;}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 6px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #434343;}	
	
	
	
/**************** footer *****************************/

.footer {background-color:#f2f2f2;}
.footerBase {width:1200px;margin:auto;padding: 10px 0;line-height:130%;}
.footerLeft {width:66%;float: left;font-size:0.750em;}
.footerRight {width:33%;float: right;text-align:right;font-size:0.750em;}
.footerBase a:hover {color:#00374e;}

/**************** Top Banner *****************************/

.topBanner {position:relative;background-color:#2B2741;}
.topBannerMiddle {position:absolute;top:0;z-index:10;padding-top:28px;}
.tag{text-shadow: 0 0 8px #000000;font-size:50px;color:#fff;font-weight:500;}

@media (min-width:800px){.tag{padding-left:50px;}}


/**************** ZOHO Form *****************************/

.zfForm {
	border-radius:20px;
	border:2px solid #00374e;
}
.zfHeader {
	background-color:#00374e;
	color:#fff;
	text-align:center;
	border-top-left-radius:17px;
	border-top-right-radius:17px;
	padding:16px 0;
	font-weight:700;
	border:2px solid #00374e;
	}
.zfContent {
	padding:10px;
	font-size:0.875em;
	font-weight:500;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	
	}

.zohoPage-Col2 .zfContent {background-color:#e0effa;}
	
	
.zfContent table {width:100%;border-collapse:collapse;}
.zfContent tr:nth-of-type(1) td {width:50%;}
.zfContent tr:nth-of-type(4) td {text-align:center;}
.zfContent tr:nth-of-type(5) td {text-align:center;padding-top:20px}
.zfContent td {padding:0 10px 5px}
.zfContent label {padding-bottom:4px;display:block;}
.zfContent input[type=text],
.zfContent select {
	width:100%;
	margin-bottom:16px;
	padding:10px 3px;
	font-size:0.813em;
	font-weight:500;
	font-family: 'Roboto', sans-serif;
	}
.zfContent input[type=submit]{
	display:inline-block;
	padding:10px 18px;
	background-color: #00374e;
	color:#fff;
	font-size:0.875em;
	font-weight:500;
	text-align:center;
	border:1px solid #00374e;
	-webkit-appearance:none;
	font-family: 'Gothic A1', sans-serif;
	}	
.zfContent input[type=submit]:hover {
	background-color: #fff;
	color:#00374e;	
	}	
.zfAcknowledgement {font-size:1rem;}

@media (max-width:640px){
	.zfContent td {display:block}
	.zfContent tr:nth-of-type(1) td {width:100%;}
}


/* home */
/*
.topBanner .zohoForm {
	background: rgba(255, 255, 255, 0.9);
}
.mblZohoForm {display:none;} 

.slideshow .item {height:550px;background-position:top center;}

@media (min-width:1200px){
	.topBannerMiddle {
		width:1200px;
		left:50%;
		margin-left:-600px;
		padding-top:28px;
		}
	.slideshow .item {height:550px;background-size:cover;}
	.topBanner .zohoForm {
		margin-top:30px;
		width:452px;
		float:right;
		}
	.tag {
		float:left;
		width:calc(100% - 452px);
		padding-top:30px;
		padding-right:30px;
		}
	.tag span {display:block;}	
}

@media (min-width:1101px) and (max-width:1199px){
	.topBannerMiddle {
		width:100%;
		left:50%;
		margin-left:-50%;
		padding-right:16px;
		padding-left:16px;
		padding-top:28px;
		}
	.slideshow .item {height:500px;background-size:cover;}
	.topBanner .zohoForm {
		margin-top:15px;
		width:452px;
		float:right;
		}
	.tag {
		float:left;
		width:calc(100% - 452px);
		padding-top:15px;
		padding-right:30px;
		}
	.tag span {display:block;}		
}

@media (min-width:751px) and (max-width:1100px){
	.topBannerMiddle {
		width:100%;
		left:50%;
		margin-left:-50%;
		padding-right:16px;
		padding-left:16px;		
		padding-top:18px;
		}
	.slideshow .item {height:450px;background-size:cover;}
	.topBanner .zohoForm {
		width:452px;
		float:right;
		}
	.tag {
		float:left;
		width:calc(100% - 452px);
		padding-right:30px;
		}
	.tag span {display:block;}	
}
*/
/*  use when data form is replace by zoho form */
/*
@media (max-width:750px){
	.topBannerMiddle {
		width:100%;
		left:50%;
		margin-left:-50%;
		padding-right:16px;
		padding-left:16px;		
		padding-top:18px;
		}
	.slideshow .item {height:400px;background-size:cover;}
	.topBanner .zohoForm {
		width:95%;
		margin:auto;
		margin-top:20px;
		}
	.tag {
		font-size:40px;
		text-align:center;
		}
	.topBanner .zfContent tr {display:block}
	.topBanner .zfContent td {display:block}
	.topBanner .zfContent tr:nth-of-type(1) td {width:31%;margin-right:1%;float:left;}
	.topBanner .zfContent tr:nth-of-type(2) td {width:31%;margin-right:1%;float:left;}
	.topBanner .zfContent tr:nth-of-type(3) td {width:31%;margin-right:1%;float:left;}
	.topBanner .zfContent tr:nth-of-type(4) td {width:50%;text-align:left;float:left}
	.topBanner .zfContent tr:nth-of-type(5) td {width:50%;text-align:center;padding-top:4px;float:left;}
	.topBanner .zfContent td {padding:0 10px 5px}	
}

@media (max-width:640px){
*/


@media (max-width:750px){

	.topBannerMiddle {
		width:100%;
		left:50%;
		margin-left:-50%;
		padding-right:16px;
		padding-left:16px;		
		padding-top:18px;
		text-align:center;
		}

		
		
	.topBanner .zohoForm {display:none;}
	.slideshow .item {height:235px;background-size:cover;}
	.tag {padding-top:30px;}
	.mblZohoForm {display:block;}
	.mblZohoForm .zfContent tr {display:block}
	.mblZohoForm .zfContent td {display:block}	
	.mblZohoForm .zfContent tr td {width:100%;float:none;text-align:left;}
	.mblZohoForm .zfContent input[type=submit]{margin-top:16px;}
}

/* page */

@media (min-width:980px){
	.zohoPage-Col1 {width:calc(100% - 452px);float:left;padding-right:5%;}
	.zohoPage-Col2 {width:452px;float:right;}
}

@media (min-width:680px) and (max-width:979px){
	.zohoPage-Col1 {width:calc(100% - 300px);float:left;padding-right:5%;}
	.zohoPage-Col2 {width:300px;float:right;}
	.zohoPage-Col2 .zfContent tr {display:block}
	.zohoPage-Col2 .zfContent td {display:block}
	.zohoPage-Col2 .zfContent tr td {width:100%;float:none;text-align:left;}
	.zohoPage-Col2 .zfContent input[type=submit]{margin-top:16px;}	
}

@media (max-width:481px){
	.zohoPage-Col2 .zfContent tr {display:block}
	.zohoPage-Col2 .zfContent td {display:block}
	.zohoPage-Col2 .zfContent tr td {width:100%;float:none;text-align:left;}
	.zohoPage-Col2 .zfContent input[type=submit]{margin-top:16px;}
}

	
/**************** content *****************************/

/* layout */

.middleHome	{padding:28px 0 36px;width:1200px;margin:auto;}
.middle {padding: 0 0 32px 0; width:1200px;margin:auto;}
.crumb {padding: 16px 0 16px 3px;font-size:0.750em;color:#484848;font-weight:500;}
.crumb span {padding:0 10px;}
.crumb .crumbTrail {padding:0;}
.crumb a {color:#484848;font-size:1em;text-decoration:none;}
.crumb a:hover {color:#00374e;}
.center {text-align:center;}
.topBorder {border-top:5px solid #00374e;}
.borderBottom {border-bottom:1px solid #00374e;}
.narrow .wobject {width:90%;margin:auto}

.narrow800 {max-width:800px;margin:auto;padding-top:28px;}

.narrow800 p:first-child {color:#cc8500;font-weight:700;}


@media (min-width:1024px){
	.narrowPage {width:80%;margin:auto;}
}

/* general */
a 			{color: #00374e;text-decoration: underline;}
a:hover	{color: #000000;}
a img		{border:0;}
ul.noPadding {padding-left:20px;}

h1 		{font-size: 1.875rem;color:#484848;font-weight:500;margin-top:0;line-height:150%;}
h2 		{font-size: 1.313rem;color:#484848;font-weight:500;}
h3 		{font-size: 1.125rem;color:#484848;font-weight:500;}
h4 		{font-size: 1.000rem;color:#000000;font-weight:400;}
h5 		{font-size: 1.000rem;color:#ffffff;font-weight:400;margin-top:0;}

.introText {
	font-size:1.500rem;
	color:#484848;
	font-weight:500;	
}

.middleHome h1 {margin-top:10px;margin-bottom:10px}
.middleHome h2 {margin-top:14px;margin-bottom:38px;font-size: 1.500rem;font-weight:500;}
.middleHome h3 {margin-top:6px;margin-bottom:40px;}

p, ul, li		{margin-top:0;}
.formRequired	{color:#cc0000;font-size:0.625rem;}

.linkButton {
	display:inline-block;
	padding:7px 18px;
	line-height:30px;
	background-color: #fff;
	color:#00374e;
	font-size:0.875em;
	font-weight:500;
	text-decoration: none;
	text-align:center;
	border:1px solid #00374e;
}
.linkButton:hover, a.readmore:hover {background-color: #00374e;color:#fff;}


/**************** home *****************************/

.slick-slide:focus {outline:0;}

.colsthree {display:flex;justify-content:space-between;flex-wrap:wrap;}
.colsthree > div {position:relative;}

@media (max-width:1100px){
	.colsthree > div {width:32%;}
	.highlightBox h2 {font-size:1.375rem}
	}

@media (min-width:1101px){
	.colsthree > div {width:30%;}
	}

@media (min-width:941px) {
	.highlightBox {text-align:center;margin-bottom:40px;padding-bottom:12px;}
	.highlightBox img {margin-bottom:24px;}
	.highlightBox .linkButton {min-width:170px;margin-top:10px}
	.highlightBox .buttonContainer {position:absolute;bottom:0;text-align:center;width:100%;}
	}

@media (min-width:560px) and (max-width:940px) {
	.colsthree > div {width:100%;}
	.highlightBox {border-bottom:1px dotted #ccc;padding-bottom:20px;margin-bottom:20px;}
   .highlightBox img	{float:left;max-width:30%;margin-right:12px;position:relative;top:-40px;}
	.highlightBox h2 {margin-bottom:10px;padding-left:calc(30% + 12px);position:relative;top:-8px;}
	.highlightBox .linkButton {padding-top:0;padding-bottom:0;}
	}

@media (max-width:640px){
	.middleHome.colsthree {padding-bottom:0;}
	}

@media (max-width:559px) {
	.highlightBox {border-bottom:1px dotted #ccc;padding-bottom:20px;margin-bottom:20px;text-align:center}
	.colsthree > div {width:100%;}
	.highlightBox h2 {margin-bottom:10px;}
	.highlightBox img {margin-bottom:16px;}
	}


/*marquee*/


.marquee {
   width:100%;
  overflow: hidden;
  line-height:46px;
  padding-left:130px;
  float:left;
   margin-bottom:20px;
}
.marqueeContainer {height:46px;position:relative;margin-top:20px;}

.marqueeContainer img {display:inline-block;margin:0 30px;}

.marquee ul {padding:0;margin:0;}
.marquee li {display:inline;padding:0;margin:0}

	

/**************** faq *****************************/

.faq {border-bottom:1px solid #E0DEDE;padding:8px 0;}
.faq_question {
	display:inline-block;
	padding-bottom:5px;
	cursor: pointer;
	color:#434343;
	font-size: 1.313em;;
}
.faq_question:hover {color:#00374e;}
.faq_question:hover .twisty {background-color: #00374e;}
.twisty {
	display:inline-block;
	width:22px;
	line-height:22px;
	background-color:#434343;
	font-weight:bold;
	color:#ffffff;
	margin-right:10px;
	font-size:1.154em;
	text-align:center;
}
.twisty:hover {background-color: #00374e;}
.plus {background-color: #434343;}
.minus {background-color: #00374e;}
.faq_answer_container {
    height: 0px;
    overflow: hidden;
    padding-left:32px;
}
.faq_answer {padding: 8px 0;}
.faq_answer h3 {color:#00374e;font-weight:400;}

/**************** login form *****************************/

.login-wrapper {
	display:block;
	max-width:310px;
	margin:30px auto;
	border:1px solid #00374e;
	padding:20px;
}
.login-wrapper input[type=text], 
.login-wrapper input[type=password]{
	margin-left:6px;
}
.loginButton {
	display:block;
	width:100%;
	background-color:#00374e;
	color:#fff;
	padding:8px;
	text-align:center;
	border:none;
	-webkit-appearance:none;
	margin-top:16px;
	border-radius:3px;
}
.loginButton:hover {box-shadow: 4px 4px 5px 0px rgba(51,51,51,.8);top:-2px;position:relative;}

/**************** testimonials *****************************/

.submissionInList img {vertical-align:middle;margin-right:16px;}


/**************** testimonial feeds *****************************/

.randomTestimonial {
	border:2px solid #00374e;
	padding:12px 18px;
	border-radius:10px;
}
.randomTestimonial p {font-size:0.875rem;}
.randomTestimonial p:not(:last-child) {font-style:italic;line-height:180%;}
.randomTestimonial p:last-child {font-weight:bold;display:table-cell;}
.randomTestimonial img {max-width:100px;margin-right:7px;}

/************* compare residential ***************************/

.blueBox {
	border:2px solid #00374e;
	border-radius: 10px;
	padding:	25px 70px;
}
.blueBox__title {
	font-size:1.875rem;
	font-weight:700;
	color:#00374e;
	margin-bottom:20px;
	text-align:center;	
}
.compareLinks {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:30px;
	justify-content:space-between;
}
.compareLinks div {text-align:center;}

.blueBox .compButton {
	max-width:236px;
	width:unset;
}

.compButton {
	display:inline-block;
	background-color:#00374e;
	color:#fff;
	border-radius:10px;
	border:1px solid #00374e;
	padding:11px 20px;
	width:100%;
	text-decoration: none;
	margin-top:15px;
	margin-bottom:25px;
	font-size:0.938rem;
	transition: all .3s ease;
}
.compButton:hover {
	background-color: #fff;
	color:#000;
}

/**** Blue Row ********/

.blueRow {
	padding-top: 50px;
	color:#fff;
}
.blueRow h2,
.blueRow h3 {
	color:#fff;
}

/***** Half Images *****/

@media (min-width:801px){
	.halfContent {display:flex;justify-content:center;column-gap:50px;}
	.halfImageLeft > div {width:50%;}
	.halfImageRight > div {width:50%;}
	.halfContent .wobject, 
	.halfContent .wobjectArticle {
		height:100%;
	}
	.halfImage {
		height:100%;
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.halfText .wobjectArticle {max-width:582px;}
	.halfText.htLeft .wobjectArticle {float:right;padding:0 56px 26px 0;}
	.halfText.htRight .wobjectArticle {float:left;padding:30px 0 30px 56px;}

}
@media (max-width:1672px){
	.halfText.htLeft .wobjectArticle {padding-left:16px;}
	.halfText.htRight .wobjectArticle {padding-right:16px;}
}
@media (max-width:1671px){
	.halfText.htLeft .wobjectArticle {padding-right:16px;}
	.halfText.htRight .wobjectArticle {padding-left:16px;}
}
@media (max-width:800px){
	.halfContent {display:flex;flex-wrap:wrap}
	.halfImageLeft > div:first-child {width:100%;order:1}
	.halfImageLeft > div:last-child {width:100%;order:2;}
	.halfImageRight > div:first-child {width:100%;order:2;}
	.halfImageRight > div:last-child {width:100%;order:1;}

	.halfText {padding:30px 0}
	.halfImage {
		height:260px;
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	
	.rowContainer.colourRowLeft {
		padding-top:0;
	}
}

/****** TEMP slideshow *******************/

.topBanner {
	position:relative;
	background-color:#2B2741;
}
.topBannerMiddle {
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	max-width:1200px;
	width:100%;
	display:grid;
}
.slideshow .item {
	background-size:cover;
}

.tag h1{
	text-shadow: 0 0 8px #000000;
	font-size:50px;
	color:#fff;
	font-weight:500;
}

.slideOverlay {
	border-radius:20px;
	border:2px solid #00374e;
	font-weight:500;
	background: rgba(255, 255, 255, 0.9);
	text-align:center;
}
.slideOverlay__title {
	font-size:1.5rem;
	color:#00374e;
	margin-bottom:20px;
}

.compButton {
	display:inline-block;
	background-color:#00374e;
	color:#fff;
	border-radius:10px;
	border:1px solid #00374e;
	padding:11px 20px;
	width:100%;
	text-decoration: none;
	margin-top:15px;
	margin-bottom:25px;
	font-size:0.938rem;
	transition: all .3s ease;
}
.compButton:hover {
	background-color: #fff;
	color:#000;
}


@media (min-width:1200px){
	.topBannerMiddle {
		grid-template-columns:1fr 452px;
		left:50%;
		margin-left:-600px;
		padding:34px 50px 0;
		}
	.slideshow .item {height:550px;}
	.slideOverlay {
		padding:25px 50px 30px;
	}
}

@media (min-width:980px) and (max-width:1199px){
	.topBannerMiddle {
		width:100%;
		grid-template-columns:1fr 452px;
		column-gap:40px;
		padding:34px 50px 0;
	}
	.slideshow .item {
		height:500px;
		background-size:cover;
	}	
	.slideOverlay {
		padding:25px 50px 30px;
	}

}

@media (max-width:979px){
	.topBannerMiddle {
		grid-template-columns: 1fr 380px;
		column-gap:30px;
		padding:34px 30px 0;	
	}
	.slideshow .item {height:500px;}
	.slideOverlay {
		padding:25px;
	}

}

@media (max-width:860px){
    .tag h1 {font-size:40px;}
}


@media (min-width:768px){
	.mobileOverlay {display:none;}

}

@media (max-width:767px){
	.topBannerMiddle {
		grid-template-columns: 1fr;
	}
	.slideOverlay.overlay {
		display:none;
	}
	.slideOverlay {
		width:100%;
		margin-bottom:40px;
	}
	.slideOverlay__links {
		display:flex;
		gap:50px;
	}
	.slideshow .item {height:250px;}
	.tag {
		text-align:center;
		padding-top:20px;	
	}
	
}

@media (max-width:600px){
    .tag {padding-top:0;}
    .topBannerMiddle {padding-top:20px;}
}

@media (max-width:480px){
	.slideOverlay__links {
		display:flex;
		gap:0;
		flex-direction:column
	}
	.tag {
		padding-top:0;	
	}	
}
@media (max-width:490px){
    .tag h1 {
        line-height:130%;
        font-size:36px;
    }   
}