*, *::before, *::after {
    box-sizing:border-box;
    }

:root {
	--brand-green: #265240;
	--brand-gold: #FABB31;
	--brand-bark-blue: #1942d8;
}
    
html {
	scroll-behavior: smooth;
}
body{line-height:4em;}
.btn-darkblue { background-color:#1b304d; color:white } 
.eco-green {color:#264E3E}
.eco-gold {color:#FABB31}
.eco-bg-green{background-color:#264E3E;color:#fabb31;}
.eco-bg-green a{background-color:#ffffff;color:#ffffff;}
.eco-bg-gold{background-color:#FABB31;color:#264E3E;}
.eco-bg-gold a{background-color:#FABB31;color:#264E3E;}

.btn-primary { background-color: var(--brand-green); border-color: var(--brand-green); }
.btn-primary:hover { background-color: var(--brand-gold); color: var(--brand-green); border-color: var(--brand-gold); }

.bark-blue-text { color:#1942d8;}
.bark-blue { background-color:#1942d8; color:#ffffff;}
.bark-dark { background-color:#1e1e1e; color:#ffffff;}
.bark-gray { background-color:#f1f4ff; color:#1e1e1e;}

.bark { line-height: 1.3em }
.bark h2 { color: var(--brand-bark-blue ); margin:.4em 0 .2em 0 }
.bark h3 { margin:.6em 0 1.1em 0; font-size:1.9em; font-weight:bold; line-height: 1.4em }
.bark h4 { margin:1.1em 0 .4em 0; font-size:1.6em; font-weight:bold;  }
.bark p {line-height: 1.4em;}
.bark-feature p {line-height: 2em;}

.bark-pricing { text-align:right; margin-bottom:4em;}
.bark-features {text-align: left; padding-left:15px!important;}
.bark-price { font-size: 100px; color: #1942d8; font-weight: 900; margin:.6em 0 .4em 0}
.bark-price sup { font-size: 60px; }
.bark-features h3 { margin-bottom:1em; }
.bark ul { list-style: none; padding-left: 0; }
.bark li { margin-bottom:10px;}
.bark li::before {

	font-family: "Font Awesome 5 Free";
	font-weight: 900; margin-right:10px;
	color: var(--brand-green);
	content: "\f00c";
 }
.bark-eco-logo { position:absolute; top:-5px; left:100px;}
.bark-per-mo { font-size: 30px; }

.bark-bts { background-color:#DDDDDF; }
.bark-bts h2 { font-size:24px; }
.bark-bts h3 { font-size:24px; }
.bark-bts img { width:100%; }

@media (max-width:576px) {
	.bark-eco-logo { display:none;}
	.bark-price {text-align: center;}
	.bark-per-mo {text-align: center;}
    .fa-tachometer-alt { display:none }
    .no-mobile { display:none }
    .white-section img { max-width:250px; width:100%; }
}

.vert-center { display: grid; justify-content: center; align-content: center;  }

#logo { max-width:220px; margin:.8em 0 }
.header-eco {
    background-color:#fff;
}
@media(min-width:1200px){
    .header-eco {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
    align-items:center;
}
#page36 h2 {
	 font-size:28px!important; 
}
#page39 li {
	list-style-type: disc;
	margin-bottom:1rem;
}
}
@media(max-width:1199px){
    .header-eco {
        flex-direction: column;
        padding:5px 2em;
    }
		#page36 h2 {
			font-size:20px!important; 
		 }
		 #page36 h3 {
			font-size:24px!important; 
		 }
}

/* Full-width angled section */
.fullwidth-angled-section {
	position: relative;
	overflow: hidden;
	width: 100vw;          /* full viewport width */
	margin-left: calc(50% - 50vw); /* make it extend edge-to-edge even inside a container */
	padding: 15rem 10rem 25rem;    /* spacing inside section */
	color: #111;           /* readable text color */
}

.fullwidth-angled-section img {
	max-width: 400px;
	margin-top: 1em;
}

.fullwidth-angled-section p {
	font-size: 20px;
	line-height:28px;
	padding:0;
	margin:1.2em 0 0 0;
	margin: 0;
}


.fullwidth-angled-section::before {
  content: "";
  position: absolute;
  inset: 190px 0;        /* extend background beyond top/bottom */
  background: #FABB31;   /* brand yellow */
  transform: skewY(-4deg);
  transform-origin: top left;
  z-index: -1;           /* behind content */
}

@media (max-width:600px) {
	.fullwidth-angled-section {
  padding: 20rem 4rem;
	}
	.fullwidth-angled-section img {
		max-width:250px;
		height:auto;
	}
}

.blue-feature-box {
	background-color: #00364E;
	border-radius: 50px;;
	padding:35px;
	text-align: center;
	max-width: 300px;
	font-size: 20px;
	font-weight:600;
	line-height:1.4em;
	color:white;
	position: relative;
	bottom: 150px;
	left: -50px;
}

.blue-rounded-box {
	background-color: #00364E;
	border-radius: 50px;;
	padding:50px;
	text-align: center;
	max-width: 500px;
	margin:10% auto 0 10%;
	font-weight:700;
	color:white;
}

.blue-rounded-box img {
	max-width:100%;
	margin:auto;
}

.square-box {
	padding:50px;
	font-size: 20px;
	line-height:28px;
	min-height: 450px;
	margin-bottom:50px;
}
.blue-square-box {
	color:white;
	background-color:#00364E;
}
.blue-square-box h2 {
	color:white;
	margin-top:10%;
}
.yellow-square-box {
	background-color: #FABB31; 
	color:#00364E
}
.yellow-square-box h2 {
	color:#00364E;
	margin-top:10%;
}

img.square_box_crop {
  width: 100%;
  height: 500px;           /* crop to this height */
  object-fit: cover;       /* fills box, cropping as needed */
  object-position: center; /* center the crop */
  display: block;
	margin-bottom:50px;
}

/* Full-width image with bottom-only white angle overlay */
.hero-with-bottom-white {
  position: relative;
  overflow: hidden;
	height:900px;
  width: 100vw; /* edge-to-edge */
  margin-left: calc(50% - 50vw); /* escape centered wrappers */
	padding-top: 10%;
}

.hero-background-protect-iq {
	background-image: url('/images/hero-background-man-computer2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.hero-background-meet-link h1 { color:white }
.hero-background-meet-link {
  color:#e1e1e1;
  background:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url('/images/wooded-area.jpg') center/cover no-repeat;
}

.hero-with-bottom-white h1 {
	font-size: 72px;
	font-weight:bold;
	margin-top: .5rem;;
}

.hero-with-bottom-white p {
	font-size: 36px;
	line-height:1.1em;
	padding:0;
	margin:0;
}

@media (max-width:600px) {

		.hero-with-bottom-white h1 {
			font-size: 54px;
			font-weight:bold;
			line-height:1em;
			margin-top: 2rem;;
		}

		.hero-with-bottom-white p {
			font-size: 36px;
			line-height:1.1em;
			padding:0;
			margin:0;
		}
		
		.meet-link h2,
		.protect-iq h2 {
			font-size: 50px;
			font-weight:bold;
			margin: .5rem 0 0 0;
			padding: 1em .5em 0 .4em!important;
		}
		
		.meet-link h3,
		.protect-iq h3 {
		font-size: 36px;
		font-weight:bold;
		margin: 0 0 1em 0;
			padding: 1em .5em 0 .5em!important;
		}

		.meet-link p,
		.protect-iq p {
		font-size: 20px;
		line-height: 1.3em;
		padding: 1em .5em .5em .5em!important;
		}

		.link-portrait img { max-height:300px; width:auto;}
}

.meet-link h2,
.protect-iq h2 {
	font-size: 50px;
	line-height:1.2em;
	font-weight:bold;
	margin: .5rem 0 0 0;
	padding: 2em 0 0 0;
}
.meet-link h3,
.protect-iq h3 {
	font-size: 36px;
	font-weight:bold;
	margin: 0 0 1em 0;
	padding:0;
}

.meet-link p,
.protect-iq p {
	font-size: 20px;
	line-height: 1.4em;
}


/* The white angled overlay at the bottom */
.hero-with-bottom-white::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -250px;
  height: 250px;                               /* adjust thickness of white area */
  background: #fff;
  transform: skewY(-4deg);                     /* 8°; flip direction: use 8deg */
  transform-origin: bottom left;               /* keeps bottom edge anchored */
  z-index: 2;
  pointer-events: none;                        /* don't block clicks on content */
}



.giveaway {
	background-color: var(--brand-green);
	color:white;
  padding:2em;
}
.giveaway h2 {font-size:60px; color:white; font-weight:bold; line-height:1.4em;}
.giveaway h3 {font-size:30px}

img {max-width:100%; height:auto; }
.feature_icon{max-width:75px!important;}
.copyright{padding-top:20px;}
#back_to_top{padding-top:15px;}
.front_card{height:380px;}

.container {max-width: 1600px;}
.teal-section {
    padding:50px;
    background-color: #587B7F;
    color:white;
}
.teal-section h2 { color:white }

.teal-wave {
    margin-top:100px;
    width:100%;
    height:75px;
    margin-bottom:-2px;
}

.light-section {
    padding:50px;
    background-color: #F2F5F9;
}
.white-section {
    
    background-color: #F2F5F9;   
}
.pt-25 { padding-top:25px; }


.giveaway {
	background-color: var(--brand-green);
	color:white;
}
.giveaway h2 {font-size:60px}
.giveaway h3 {font-size:30px}

.bark li {padding-left:15px;}
.bark p { text-align: center; }
.bark h2 { text-align: center; }
.bark h3 { text-align: center; }

@media (min-width: 993px) and (max-width: 1740px){
.front_card{height:auto;}
}


.footer_copy { background-color: #cccccc; color:#333333; }
.footer_copy a { color: var(--brand-green); }
.app-btn { height:75px; width:auto;}
.ecoplus-banner {
  height: 400px;
  object-fit: cover;
  overflow:hidden;
}
.ecoplus-banner img {
  width: 100%;
  height: auto;
}
.app-content {
padding:3em 0;
}
.app-content h1{
  color: var(--brand-green);
  margin:.4em 0;
}
.app-content p{
font-size:1.2em;
line-height: 1.6em;
}
.mw-400 { max-width:400px; height:auto; }

a.button{display:inline-block;padding:11px 20px;margin-bottom:15px;cursor:pointer;margin-right:7px;border:0;-webkit-border-radius:5px;border-radius:5px;position:relative;overflow:hidden;-webkit-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .03);box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .03); background-image:url(/template/images/box_shadow_button.png);background-repeat:repeat-x;}
a.button_js{padding:0;}
a.button .button_label{display:block;float:left;position:relative;z-index:2;}
a.button .button_label{ font-size:14px; padding:11px 20px; } 

.header-buttons {
    display: flex;
    flex-direction: row!important;
}

.header-button {
	background-color:#264E3E!important;
	border-radius:0px 30px 30px 30px!important;
    max-width:200px;
    align-self: center;
	
}
.header-button :hover{
	background-color:#FABB31!important;
	color:#264E3E!important;
	transition: background-color .3s ease-in-out!important;
}
.header-button-alt {
	background-color:#FABB31!important;
    color:#264E3E!important;
	border-radius:0px 30px 30px 30px!important;
    max-width:200px;
    align-self: center;
	
}
.header-button-alt :hover{
	background-color:#264E3E!important;
	color:#FABB31!important;
	transition: background-color .3s ease-in-out!important;

}

.body h3 { font-size: 1.8em; line-height:1.4;}
ul { margin: 0 0 15px 0; list-style-type:none;}
#menu-main-menu,
#menu-main-menu ul { margin: 0; padding: 0; list-style: none; }
.menu-main { margin-top:1em}


.answer img { max-width: 100%; height: auto; }




@media only screen and (min-width: 768px){
a.button:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background:rgba(0, 0, 0, .05);}
a:hover.button{text-decoration:none;}
a.button:hover:after{width:100%;}

}
[class^="icon-"]:before{font-family:"mfn-icons";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:none!important;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;}
.icon-up-open-big:before{content:'\e946';}
.icon-menu-fine:before{content:'\e960';}
.icon-cancel-fine:before{content:'\e963';}
.image_frame{display:block;margin:0;border-width:8px;border-style:solid;max-width:100%;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.image_frame .image_wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.image_frame a{display:block;}
.image_frame .image_wrapper{position:relative;overflow:hidden;}
.image_frame .image_wrapper img:not(.ls-l){position:relative;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.image_frame:hover .image_wrapper img{top:-15px;}
.image_frame.no_link:hover .image_wrapper img{top:0;}
.image_frame.no_border{border-width:0;}
.image_frame .image_wrapper img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
hr{display:block;border:none;outline:none;height:1px;width:100%;margin:0 auto 15px;clear:both;}
hr{margin:0 auto 15px;clear:both;}
hr.no_line{background:none;color:transparent;}
.section .section-decoration{width:100%;height:100px;position:absolute;left:0;background-repeat:repeat-x;z-index:1;}
.section .section-decoration.top{top:0;background-position:center top;}

.green-section h2 { color: var(--brand-gold); font-weight: 300; }
.green-section {
	background-color: var(--brand-green);
	color:white;
	padding: 100px 10px 100px 10px;
}
.grey-section h2 { color: var(--brand-gold); font-weight: 300; }
.grey-section {
	background-color: var(--brand-bark-grey);
	color:#1e1e1e;
	padding: 100px 10px 100px 10px;
}

.white-section { background-color: #ffffff; padding: 3em;   }
.light-grey-section { background-color: #f1f4ff; padding: 5em; margin-top:4em!important;  }
.bark-blue-section {  background-color: var(--brand-bark-blue); color:white; padding:4em 2em; }

.content-col {
	display:flex; flex-direction: column; align-content:center; align-items: center;
}
.content h2 { margin-top:3rem; }
.content h3 {
font-size:1.6em;
line-height:1.3em;
color:#666;
margin-bottom:1rem;
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
  }
  .flex-content { height: 100%; }

::-moz-selection{color:#fff;}
::selection{color:#fff;}
hr{background-color:rgba(0, 0, 0, .08);color:rgba(0, 0, 0, .08);}
.image_frame{border-color:#f8f8f8;}
.image_frame .image_wrapper{border-color:#e2e2e2;}
.minimalist-header-no #Header{min-height:0!important;}
.section .section-decoration{width:100%;height:100px;position:absolute;left:0;background-repeat:repeat-x;z-index:1;}
.section .section-decoration.top{top:0;background-position:center top;}
body.mobile-side-slide{position:relative;overflow-x:visible;}
body.mobile-side-slide {
	position: relative;
	overflow-x: visible;
}


#back_to_top{float:right;margin:-9px 0 0;width:42px;height:42px;line-height:42px;font-size:20px;text-align:center;}
.dark{color:#fff!important;}
.dark h1{color:#fff;}
.custom_block{cursor:pointer!important;}
/*! CSS Used from: /template/css/structure.css */

.layout-full-width{padding:0;}
#Content{width:100%;}
body:not(.template-slider) #Content{padding-top:30px;}
.section{position:relative;}
.section_wrapper,.container{width:1200px;margin:0 auto;position:relative;}
.section_wrapper:after,.container:after{clear:both;content:" ";display:block;height:0;visibility:hidden;}
.column{float:left;margin:0 1% 40px;}
.column.column_divider{margin-bottom:0;}
.column_attr.align_left{text-align:left;}
.column_attr.align_center{text-align:center;}
.two-third.column{width:64.666%;}
.one.column{width:98%;}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.no-content-padding:not(.with_aside) #Content{padding:0!important;}
body:not(.template-slider) #Header_wrapper{background-repeat:no-repeat;background-position:top center;}
#Header_wrapper{position:relative;}
#Header{position:relative;}
body:not(.template-slider) #Header{min-height:250px;}

#Footer{background-position:center top;background-repeat:no-repeat;}
#Footer .footer_copy{border-top:1px solid rgba(255,255,255,.1);}
#Footer .footer_copy .copyright{float:left;}
#Footer .footer_copy a#back_to_top{float:right;margin:-10px 0 0;}
.dark{color:#fff!important;}
.dark h1{color:#fff;}
body{overflow-x:hidden;}
@media only screen and (min-width: 1240px){
body:not(.header-simple) #Top_bar #menu{display:block!important;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px){
body{min-width:0;}
.section_wrapper,.container{width:940px;}
#Top_bar .top_bar_left{width:729px;}
}
body{overflow-x:hidden;}
@media only screen and (min-width: 768px) and (max-width: 959px){
body{min-width:0;}
.section_wrapper,.container{width:708px;}
#Top_bar .top_bar_left{width:501px;}
}
@media only screen and (max-width: 767px){
body{min-width:0;}
.section_wrapper .column,.container .column,.sections_group{margin:0;width:100%!important;clear:both;}
.section_wrapper,.container{width:260px!important;}
.section_wrapper .column{margin:0 0 20px;}
.section{background-attachment:scroll!important;height:auto!important;}
body:not(.template-slider):not(.header-simple) #Header{min-height:350px;background-position:center 202px;}
.image_frame{margin-top:0!important;}
#Footer .footer_copy{text-align:center;}
#Footer .footer_copy .copyright{float:none;margin:0 0 10px;}
#Footer .footer_copy a#back_to_top{float:none;margin:0 0 10px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.section_wrapper,.container{width:calc( 100% - 67px )!important;}
}

#Footer{background-color:#fff;}
body{color:#666}
a{color:#4169E1;}
a:hover{color:#cb4117;}
*::-moz-selection{background-color:#E9C645;}
*::selection{background-color:#E9C645;}
h1{color:#1b304d;}
h2{color:#1b304d;}
h4{color:#1b304d;}
h5{color:#1b304d;}
a.button{background-color:#f7f7f7;color:#747474;}
a.button_theme{background-color:#264E3E;color:#fff;}


a#back_to_top.button.button_js{color:#65666C;background:transparent;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;}
a#back_to_top.button.button_js:after{display:none;}
.image_frame{border-color:#f8f8f8;}
@media only screen and (max-width: 767px){
#Top_bar{background:#ffffff!important;}
}
#Content{background-color:#fff;}
body{font-family:"Poppins", Arial, Tahoma, sans-serif;}
#menu>ul>li>a,.action_button{font-family:"Poppins", Arial, Tahoma, sans-serif;}
h1,h2,h4{font-family:"Poppins", sans-serif;}
h5{font-family:"Poppins", sans-serif;}

body{font-size:16px;line-height:1.3em;font-weight:400;letter-spacing:0px;}
#menu>ul>li>a,a.button.action_button{font-size:16px;font-weight:500;letter-spacing:0px;}
h1{font-size:48px;line-height:1.3em;font-weight:400;letter-spacing:0px;}
h2{font-size:40px;line-height:1.3em;font-weight:500;letter-spacing:0px;}
h4{font-size:21px;line-height:30px;font-weight:400;letter-spacing:0px;}
h5{font-size:18px;line-height:28px;font-weight:400;letter-spacing:0px;}

@media only screen and (min-width: 768px) and (max-width: 959px){
body{font-size:14px;line-height:21px;}
#menu>ul>li>a,a.button.action_button{font-size:14px;}
/* h1{font-size:41px;line-height:43px;}
h2{font-size:34px;line-height:1.3em;}
h4{font-size:18px;line-height:26px;}
h5{font-size:15px;line-height:24px;} */
}
@media only screen and (min-width: 480px) and (max-width: 767px){
body{font-size:13px;line-height:19px;}
#menu>ul>li>a,a.button.action_button{font-size:13px;}
/* h1{font-size:36px;line-height:38px;}
h2{font-size:30px;line-height:38px;}
h4{font-size:16px;line-height:23px;}
h5{font-size:14px;line-height:21px;} */
}
@media only screen and (max-width: 479px){
body{font-size:13px;line-height:19px;}
#menu>ul>li>a,a.button.action_button{font-size:13px;}
h1{font-size:29px;line-height:30px;}
h2{font-size:24px;line-height:30px;}
h4{font-size:13px;line-height:19px;}
h5{font-size:13px;line-height:19px;}
}
@media only screen and (min-width: 1240px){
.section_wrapper,.container{max-width:1220px;}
}
@media only screen and (max-width: 767px){
.section_wrapper,.container{max-width:480px!important;}
}


#Footer .footer_copy{border-top:1px solid rgba(0, 0, 0, 0.1);}
#Top_bar #logo img.logo-sticky,#Top_bar #logo img.logo-mobile,#Top_bar #logo img.logo-mobile-sticky{display:none;}
@media only screen and (max-width: 767px){
.mobile-header-mini #Top_bar .container{width:100%!important;}
.section_wrapper,.container{width:calc(100% - 67px)!important;}
.section_wrapper .mcb-wrap,.section_wrapper .column,.container .column,.sections_group{margin:0;width:100%!important;clear:both;}
}

.bottom-line {margin:0 30px -10px 30px; width: 85%; height: 5px; background: #dce2e9; border-radius:2px 2px 0 0}
/*! CSS Used from: /stylesheet.css?v=2018 */

.feature_icon{max-width:75px!important;}
.copyright{padding-top:20px;}
#back_to_top{padding-top:15px;}
.front_card{height:380px;}

/* HERO Banner - Begin */

.hero {
	width: 100%;
	background-image: url('/images/gigfoot.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	background-color: #eeeeee;
	margin: 50px auto 0 auto;
	padding: 0px;
	margin: 0px;
}
.hero_box h2 {
	color:#cacaca;
	font-size:2em;
}

.hero_box {
	width: 100%;
	min-height:220px;
	height:auto;
	padding: 25px;
	background-color: #111111;
	display:block;
	text-align: center;
}

#hero-title {
	font-weight: 700;
	line-height: 1.2em;
	color: #fff;
}

.hero_button {
	min-width: 300px;
	max-width: 600px;
	float: none;
	border: 1px solid var(--brand-green);
	font-size: 18px;
	line-height: 17px;
	font-weight: 500;
	padding: 25px;
	margin: 25px auto 0 auto;
	letter-spacing: 1px;
	font-family: Poppins;
	border-radius: 0px 30px 30px 30px;
	max-width: 300px;
	cursor: pointer;
	z-index: 5;
}

.hero_button a {
	cursor: pointer;
	z-index: 5;
	text-decoration: none;
}

.btn-row {
	max-width:700px;
	margin:auto;
}

/* Desktop */
@media (min-width:768px) {
	.hero {
		height: 400px;
	}

	#hero-title {
		font-size: 48px;
	}

}

/* Mobile */

@media (max-width: 767px) {

	.hero {
		height:100px;
	}
	
	.hero_button {
		margin: 25px auto 0 auto;
		max-width: 300px;
		
	}

	#hero-title {
		font-size: 34px;
	}

	.hero_box_text {
		text-align: left;
	}
}

/* HERO Banner - End */
	
	
	@media (min-width: 993px) and (max-width: 1740px){
		.front_card{height:auto;}
}

@media only screen and (min-width: 1240px){
#Subheader{padding:230px 0 50px;}
}
#Subheader { background-color:#cccccc; background-position:center top; background-size: cover; background-repeat:no-repeat; padding:130px 0; position:relative; }
#Subheader .column{margin-bottom:0;}
#Subheader .title{margin-bottom:0;width:70%;float:left;}

.subheader-both-left #Subheader .title{width:100%;}
#Subheader .title{width:100%;}
#Subheader{background-color:#cccccc;}
#Subheader .title{color:#fff;}
#Subheader .title{font-family:"Poppins", Arial, Tahoma, sans-serif;}
#Subheader .title{font-size:60px;line-height:60px;font-weight:500;letter-spacing:0px;text-shadow:2px 2px #000;}
@media only screen and (min-width: 768px) and (max-width: 959px){
#Subheader .title{font-size:51px;line-height:51px;}
}
#Subheader .title{font-size:45px;line-height:45px;}
}
@media only screen and (max-width: 479px){
#Subheader .title{font-size:36px;line-height:36px;}
}
#Subheader{margin-bottom:25px;}
@media (min-width: 993px) and (max-width: 1740px){
#Subheader{padding:230px 0 50px;}
}
@media only screen and (min-width: 1240px){
#Subheader{padding:160px 0 50px;}
}
@media only screen and (max-width: 600px){
#Subheader .title{font-size:30px;line-height:36px;}
#Subheader{padding:130px 0 50px;}
}

.wifi-spots { color:white; padding:10px 0}
.hotspots {
	position: relative;
  }
  .hotspots img {
	max-width: 90%;
	margin:auto;
	height: auto;
	display: block;
  }
  .hotspot h3 { color:white!important;}
  .hotspot {
	position: absolute;
	width: 64px;
	height: 64px;
	padding-top: 6px;

	border-radius: 50%;
	animation: fader 2s ease infinite;
	transition: all 0.2s;
  }
  .hotspot::after {
	content: "";


	display: block;
	margin: -21px auto 0 3px;
	transition: all 0.2s;
  }
   /* doorbell */
  #hs-a {
	top: 20%;
	left: 32%;
  }
  /* guest bed */
  #hs-b {
	top: 22%;
	left: 53%;
  }
   /* master bed */
  #hs-c {
	top: 35%;
	left: 68%;
  }
   /* TV */
  #hs-d {
	top: 40%;
	left: 50%;
  }
   /* backyard */
  #hs-e {
	top: 70%;
	left: 60%;
  }

  @keyframes fader {
	50% {
	  border-color: rgb(38, 79, 61, 0.2);
	}
	100% {
	  border-color: rgb(38, 79, 61, 0.9);
	}
  }

  .blob {
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	height:75px;
	width: 75px;
	transform: scale(1);
	animation: pulse-black 2s infinite;
	box-sizing:border-box;
}
.blob img {width:100%; }


.blob.blue {
	background: white;
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

#pageid1{background-image:none;background-repeat:no-repeat;background-position:center top;}

/* FAQ - Start */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	font-weight: #300;
	transition: 0.4s;
  }

  .active {
	background-color: inherit;
  }

  .accordion:hover {
	background-color: #ccc;
  }

  .accordion:after {
	content: '\002B';
	color: var(--brand-green);
	font-weight: bold;
	float: right;
	margin-left: 5px;
  }

  .accordian.active:after {
	content: "\2212";
  }
  button.accordian.active {
	background-color: var(--brand-green)
  }

  .panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom:5px;
  }
.num {
padding:10px;
color:var(--brand-green);
}
/* FAQ- End */

#webform input[type=text],
#webform textarea,
#webform select { width: 100%; }
@media (min-width: 768px) {
	#webform input[type=text],
	#webform textarea,
	#webform select { width: 50%; }

}

#webform .element { margin-bottom: 1rem; }
#webform .element .otherval { display: none; }
#webform label.error { display: none !important; }
#webform input, 
#webform textarea, 
#webform select  { border: 1px solid #ccc; padding: 3px; border-radius: 3px; }
#webform .options label { margin-right: 10px; }
#webform input.error, 
#webform textarea.error, 
#webform select.error {
	color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; 
}
#webform .btnsubmit { background: #94D60A; border-radius: 3px; font-weight: bold; color: #fff; padding: 8px 20px 10px 20px; text-transform: uppercase; text-decoration: none; }


  #pageid1 {
		background-image: none;
		background-repeat: no-repeat;
		background-position:center top;
	}

	#Header .one.column,
	#Subheader .one.column { width: 100%; margin: 0; }

	#Footer .column.two-third { margin-left: 0; margin-right: 0; }
	#Top_bar a.button.action_button { margin-right: 0; }
	.header-classic #Top_bar .top_bar_right { padding-right: 0; }
	#Footer .footer_copy a#back_to_top { margin-top: 0; }
	.eco-bg-green a { background: none; }
	.eco-bg-green a:hover { color: #FABB31; }

	body { color: #111; }

	#search_container { margin-top: 60px; margin-bottom: 60px; }
	#search_container form { margin-bottom: 20px; }
	#search_container form input[type=text] { padding: 10px; border-radius: 10px; border: 1px solid #ccc; margin-bottom: 10px; }
	#search_container form input[type=submit] { padding: 10px 15px; border-radius: 10px; border: 1px solid #264E3E; cursor: pointer; transition: all 200ms ease; }
	#search_container form input[type=submit]:hover { background-color: #FBBC19; border-color: #FBBC19; color: #264E3E; }
	#search_results { margin-top: 30px; }

	header .header-search { z-index: 10; position: absolute; display: flex; right: 15px; background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all 200ms ease; width: 35px; height: 35px; bottom: -35px; overflow: hidden; }
	header .header-search.open { width: 245px; }
	header .header-search .trigger { display: flex; width: 35px; height: 35px; justify-content: center; align-items: center; cursor: pointer; }
	header .header-search form {  }
	header .header-search input[type=text] { height: 31px; margin: 2px; border: 0; background: #efefef; border-bottom-right-radius: 5px; outline: none; }


	.alertbar .container { display: flex; flex-direction: column; justify-content: center; padding-top: 20px; padding-bottom: 20px; }
	.alertbar .icon { margin-right: 20px; }
	.alertbar p { margin-bottom: 0; }
	@media(min-width: 768px) {
		.alertbar .container { flex-direction: row; }
	}


	/* BEGIN PROVIDED BT AMY AT ECOLINK */
	

	article {

		border: solid 4px #231F20;
		margin-bottom:1em;
		background-color: white;

		display: inline-block;

		padding: 8px;

		max-width: 400px;

		font-size: 15px;
	}

	article a {

		text-decoration: none;
	}

	article a:visited {

		color: #0000EE;
	}

	article h1,

	article h2,

	article h3,

	article h4,

	article h5,

	article p,

	article li,

	article div,

	article ul {

		font-family: "Libre Franklin", Arial, sans-serif;

		font-weight: 400;

		color: #231F20;

		margin: 0px;
	}

	article h1 {

		border-bottom: solid #231F20 2px;

		font-weight: 900;

		font-size: 38px;

		line-height: 40px;

		letter-spacing: 0.4px;

		margin-bottom: 3px;
	}

	article h2 {

		font-size: 18px;

		font-weight: 700;

		letter-spacing: 0.2px;

		margin-bottom: 6px;
	}

	article h3 {

		font-size: 16px;

		font-weight: 900;

		letter-spacing: 0.2px;

		margin-bottom: 6px;
	}

	article h4 {

		font-size: 16px;

		letter-spacing: 0.2px;

		font-weight: 700;

		margin-top: 6px;

		margin-bottom: 6px;
	}

	article section>p,
	article ul.block>li {

		display: flex;

		justify-content: space-between;
	}

	article ul.block {

		list-style: none;

		padding-inline-start: 25px;

		padding-inline-end: 25px;

		margin-bottom: 22px;
	}

	article ul.block>li {

		margin-bottom: 6px;
	}

	article ul.block>li>span {

		margin-bottom: 0px;
	}

	article ul.block>li>span:last-child {

		font-weight: 700;

		text-align: right;
	}

	article .header>p {

		font-weight: 600;

		margin-bottom: 2px;
	}

	article .monthly-price {

		padding: 5px 0px;

		border-bottom: solid #231F20 2px;
	}

	article .monthly-price h4 {

		font-size: 20px;

		line-height: 24px;

		font-weight: 700;

		margin-top: 0px;

		margin-bottom: 5px;

		border-bottom: solid #231F20 4px;
	}

	article .monthly-price h4 span {

		float: right;

		text-align: right;
	}

	article .monthly-price *:not(ul)> :not(:last-child) {

		margin-bottom: 10px;
	}

	article .monthly-price p>*:last-child {

		text-align: right;
	}

	article .charges {

		padding: 3px 0px 3px 0px;

		border-bottom: solid #231F20 3px;
	}

	article .discounts {

		border-bottom: solid #231F20 4px;
	}

	article .discounts p {

		padding: 4px 20px 4px 20px;
	}

	article .speeds {

		border-bottom: solid #231F20 1px;
	}

	article .speeds p {

		padding: 0px 20px 4px 20px;
	}

	article .speeds p>*:last-child {

		font-weight: 500;

		text-align: right;
	}

	article .data {

		border-bottom: solid #231F20 4px;
	}

	article .data h4 span {

		float: right;

		text-align: right;
	}

	article .contact {

		border-bottom: solid #231F20 6px;
	}

	article .contact ul.block {

		list-style-type: none;

		grid-template-columns: auto 1fr;

		gap: 10px;
	}

	article .contact ul.block .key {

		flex: 0 0 auto;

		text-align: left;

		padding-right: 10px;
	}

	article .contact ul.block .value {

		flex: 1;

		/* Allows value div to take remaining space */
	}

	article .data>ul.block,
	article .speeds>ul.block,
	article .contact>ul.block {

		padding-right: 0px;

		margin-bottom: 10px;
	}

	article section.policies {

		padding-bottom: 4px;
	}

	article section.header,
	article section.policies {

		border-bottom: solid #231F20 8px;
	}

	article .clear {

		clear: both;
	}

	article .wrap {

		/* overflow-wrap: anywhere; */
	}
	/* END PROVIDED BT AMY AT ECOLINK */