@charset "utf-8";
/*
Copyright Valley Spring 2010
Design by: Dubose Web Group
*/

* {margin:0;padding:0;}
a {color:#005aaa;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

/** IOS devices **/
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body {margin:0;padding:0;background:url(../../images//bg/body.jpg) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:13px;}

#header {width:100%;max-width:960px;margin:0 auto;position:relative;height:130px;}
#top_links {position:absolute;right:0;top:0;z-index: 101 !important;;color:#FFF;width:100%;padding:7px 0;}
#top_links a {color:#FFF;}
.facebook {float: right;margin: -4px 10px 0 15px;width: 24px;}
.bill-pay {float: right;margin-right: 0;}
.no-show {display:none;}
#store_search {float:right;width:180px;text-align:right;margin: -2px 0 0;}
#store_search form {margin:0px;} 

/*#navigation {margin:0px;padding:0px;}*/
/*#navigation ul {list-style-type:none;float:left;margin:0px 0 0 0;padding:0px;width: 100%;}*/
/*#navigation li,#navigation li a {height:122px;float:left;margin:0;padding:0;width:16%;}*/

/*#navigation #about a {background:url(../../images//bg/nav2.jpg) no-repeat 0px 0px;width:152px;}*/
/*#navigation #about a:hover,#navigation #about a.active {background:url(../../images//bg/nav2.jpg) no-repeat 0px -122px;}*/
/*#navigation #services a {background:url(../../images//bg/nav2.jpg) no-repeat -152px 0px;width:139px;}*/
/*#navigation #services a:hover,#navigation #services a.active {background:url(../../images//bg/nav2.jpg) no-repeat -152px -122px;}*/
/*#navigation #logo {width:36%;}*/
/*#navigation #logo a {background:url(../../images//bg/nav2.jpg) no-repeat center 0;width:100%;background-size: 300% 200%;}*/
/*#navigation #products a {background:url(../../images//bg/nav2.jpg) no-repeat -672px 0px;width:141px;}*/
/*#navigation #products a:hover,#navigation #products a.active {background:url(../../images//bg/nav2.jpg) no-repeat -672px -122px;}*/
/*#navigation #contact a {background:url(../../images//bg/nav2.jpg) no-repeat -813px 0px;width:147px;}*/
/*#navigation #contact a:hover,#navigation #contact a.active {background:url(../../images//bg/nav2.jpg) no-repeat -813px -122px;}*/
#navigation div.office {position:absolute;top:33px;right:26px;color:#005aaa;font-size:15px;text-align:right;width:350px;}
#navigation #my-menu {display:none;}

.main-menu-phone {z-index: 100;position: relative; float: right; top: 37px; right: 45px; color: #005EAF; font-size:15px; text-align: right; width:350px; font-weight: 600;}
.main-menu-phone a:hover {font-size: 103%; text-decoration: none;}
span .fa-phone {display: none; color: #005aaa; font-size: 38px; position: absolute; top: 42px; right: 130px; float: right;}
span .fa-phone:hover {text-decoration: none;cursor:pointer;}

/** Toggle Specails **/
#bd {display: block;position: relative;margin: auto;width: 100%;top: -45px;left: 14px;}
div#page {margin: 60px auto;border: 1px solid #dedede;width: 910px;}
.TogWrap {width: 99%;margin: auto;display: block;}
#togTrigger {padding: 7px 8px;background: #054187;color: #fff;border-radius: 6px;}
.togContent  {margin-top: 15px;border-radius: 12px;padding: 10px 8px;background: #a5cdee;position: absolute;font-weight: 600;font-size: 17px;color: #005aaa;}

.clear {clear:both;}
#body_frame {width:100%;max-width:960px;margin:10px auto;position: relative;z-index:0;}
#slider {background:url(../../images//bg/slider.jpg) no-repeat;height:411px;}

#body_frame div.tri-block {max-width:960px;width:100%;display:block;margin:auto;min-height: 220px;}
#body_frame div#left,#body_frame div#middle,#body_frame div#right {float:left;width:24.68%;margin-top:10px;margin-left:3px;} 
#body_frame div#middle a img {width:100%;border-radius: 22px;}
#body_frame div#left img {width: 100%;border-radius: 22px;}
#body_frame div#middle .ice-link {display:block;background-color:transparent;border-radius:18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;overflow: hidden;}
#body_frame div#right a {margin-top: 3px;font-weight: 600;} 
#body_frame div#right a img {width: 100%;display: block;background-color: transparent;border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;overflow: hidden;}
#body_frame div#left p a, #body_frame div#middle p a, #body_frame #right p a {display: block;color: #545244;float: left;width: 310px;margin-left: 10px;text-decoration:none;} 
#body_frame div#left p a {padding: 3px 0 10px;font-weight:600;}
#body_frame div#middle p a {margin-top: 4px;padding:0 0 10px;font-weight: 600;}
#body_frame #right a p {margin-top: 50%;font-weight:600;padding-bottom:10px;}

#body_top {height:10px;margin:0;padding:0;font-size:1px;}
#body_top_blue {background:url(../../images//bg/body_top_blue.gif) no-repeat top center;height:71px;margin:0;padding:0;}
#body_top_blue h1 {font-size:18px;color:#fff;padding:28px 0 0 25px;}
#body_middle {margin:0;background:#fff;padding:0 0 30px 0;width:100%;min-height:600px;display: inline-block;}
#body_middle_inner {padding-top:10px;width: 100%;}
#body_middle_inner div.page p {color:#525041;font-size:13px;padding:10px 10px 10px 10px;line-height:20px;}
#body_middle_inner div.page h2 {font-size:16px;color:#525041;padding-left:35px;}

#body_middle #body_left {width:70%;max-width:685px;margin-left:1%;float:left;}
#body_middle #body_left .about-hero {width:100%;}
#body_middle #body_left h1 {color:#005aaa;font-size:23px;padding:25px 0px 10px 10px;}
#body_middle #body_left h3 {float:left;width: 100%;color:#005aaa;font-size:17px;padding:10px 0px 10px 10px;}
#body_middle #body_left-services {background:url(../../images//bg/subpages/services.jpg) top left no-repeat;width:685px;height:324px;}
#body_middle #body_left p {color:#525041;font-size:14px;padding:10px 10px 10px 10px;line-height:20px;}
#body_middle #body_left ul {color:#525041;font-size:13px;padding:0px 10px 10px 40px;line-height:20px;}
#body_middle #body_left p.first {padding-top:340px;}
#body_middle #body_left2 h1 {color:#005aaa;font-size:23px;padding:0px 0px 10px 10px;}
#body_middle #body_left2 h3 {color:#005aaa;font-size:17px;padding:10px 0px 10px 10px;}
#body_middle #body_left2 p {color:#525041;font-size:14px;padding:10px 10px 10px 10px;line-height:20px;}
#body_middle #body_left2 ul {color:#525041;font-size:13px;padding:0px 10px 10px 40px;line-height:20px;}
#body_middle #body_left2 p.first {padding-top:340px;}
#body_middle #body_right {float:left;width:26%;max-width:250px;margin-left:2%;z-index: 11;position: relative;}/*background:url(../../images//bg/sidebar.jpg) no-repeat top center;*/
#body_middle #body_right h1,#body_middle #body_right h2 {color:#005aaa;font-size:20px;text-align:center;padding-top:10px;}
#body_middle #body_right ul {list-style-type:none;margin-top:15px;}
#body_middle #body_right li a {width: 100%;min-width: 310px;display:block;height:30px;padding-left:40px;background:url(../../images//bg/subpages/arrow.png) no-repeat 25px 15px;font-size:15px;font-weight:bold;color:#525041;padding-top:10px;}
#body_middle #body_right li a:hover {background:url(../../images//bg/subpages/arrow.png) no-repeat 25px 15px #d2d8de;text-decoration:none;}
#body_middle #body_right p.images {text-align:center;margin-top:45px;}

#body_middle2 {background:#fff;margin:auto;display:block;}
#body_middle2 #left_master {max-width:580px;float: left;display: inline-block;width:100%;}
#body_middle2 #left_master #left2 {float:left;width:30%;min-height: 250px;margin-left: 4%;background:url(../../images//bg/subpages/water_cooler.jpg) no-repeat;}
#body_middle2 #left_master #middle2,#body_middle2 #left_master #right2 {float:left;width:30%;margin-left:1%;}
#body_middle2 #left_master #middle2 {background:url(../../images//bg/subpages/coffee.jpg) no-repeat;}
#body_middle2 #left_master #right2 {background:url(../../images//bg/subpages/supplies.jpg) no-repeat;}
#body_middle2 #left_master #left2 h4,#body_middle2 #left_master #middle2 h4,#body_middle2 #left_master #right2 h4 {color:#bb161c;font-size:17px;padding-top:105px;}
#body_middle2 #left_master #left2 h4 a,#body_middle2 #left_master #middle2 h4 a,#body_middle2 #left_master #right2 h4 a {color:#bb161c;}
#body_middle2 #left_master #left2 p,#body_middle2 #left_master #middle2 p,#body_middle2 #left_master #right2 p{color:#545244;font-size:13px;padding-top:10px;}
#body_middle2 #left_master #left2 p.more a,#body_middle2 #left_master #middle2 p.more a,#body_middle2 #left_master #right2 p.more a {display:block;color:#005aaa;font-size:14px;padding-left:20px;background:url(../../images//bg/more.jpg) left 13px no-repeat;font-weight:bold;padding-top:10px;}
#body_middle2 #right_master {float:left;width:100%;max-width:380px;}
#body_middle2 #right_master h5 {color:#005aaa;font-size:21px;}
#body_middle2 #right_master p {color:#525041;font-size:14px;padding:10px 0px;}
#body_middle2 #right_master p.first {padding-top:10px;}

h6 {border-top:1px #ccc solid;margin:25px 20px 0px;padding-top:20px;font-size:14px;text-align:center;}
h6 a {text-decoration:underline;}

#footer #top {background:#a5cdee;padding-top:20px;margin-top:-10px;min-height:240px;display:inline-block;width:100%;}
#top_inner {width: 100%; max-width:960px; margin:0 auto; padding:10px;}
#top_inner #left h1 {font-size:17px;color:#005aaa;margin:10px auto;}
#top_inner #left p {font-size:12px;color:#545244;padding:0;line-height:18px;width: 40%;width:50%;}
#top_inner #left p.more a {display:block;color:#005aaa;font-size:14px;padding-left:20px;background:url(../../images//bg/more.jpg) left center no-repeat;font-weight:bold;}
#top_inner #middle, #top_inner #right {float:right;width: 23%;height:auto;min-height:120px;border-left:1px solid #fff;padding:10px 0 0 10px;}
#top_inner #middle h2,#top_inner #right h2 {color:#005aaa;font-size:17px;margin-left:10px;min-width:145px;}
#top_inner #middle ul,#top_inner #right ul {list-style-type:none;margin-top:15px;margin-left:10px;}
#top_inner #middle li,#top_inner #right li {padding:5px 0 5px 15px;background:url(../../images//bg/arrow.png) left center no-repeat;background-size: 6px;}

#top_inner-sub {width: 100%; max-width:960px;margin:0 auto;padding:10px;}
#top_inner-sub #left3 h2,#top_inner-sub #middle3 h2 {font-size:17px;color:#005aaa;padding:10px 0px 8px 0px;}
#top_inner-sub #left3 {float:left;font-size:12px;color:#fff;padding:10px 20px 0 10px;line-height:20px;width:30%;max-width:280px;}
#top_inner-sub #left3 p.tall, #top_inner-sub #middle3 p.tall, #top_inner-sub #right3 p.tall {min-height: 100px;}
#top_inner-sub #left3 p.more a,#top_inner-sub #middle3 p.more a {display:block;color:#005aaa;font-size:14px;padding-left:20px;background:url(../../images//bg/more.jpg) left 13px no-repeat;font-weight:bold;padding-top:10px;}
#top_inner-sub #middle3, #top_inner-sub #right3 {float:left;width:30%;max-width:290px;border-left:1px solid #fff;padding:10px 10px 20px 20px;font-size:12px;color:#fff;line-height:20px;}
#top_inner-sub #right3 {padding:10px 10px 20px 30px;height:165px;}
#top_inner-sub #right3 p {padding:20px 12px 0 0;color:#fff;margin:-50px auto 0;}
#top_inner-sub #right3 span.quote {font-size:60px;color:#827E72;margin:30px 0 37px -20px;display:inline-block;height:0;width:110%;font-family:serif;font-size:50px;}
#top_inner-sub #right3 span.quote p {display:inline-block;width:75%;height:0;}
#top_inner-sub #middle3 h3,#top_inner-sub #right3 h3 {color:#bb161c;font-size:17px;}
#top_inner-sub #middle3 ul,#top_inner-sub #right3 ul {list-style-type:none;margin-top:15px;}
#top_inner-sub #middle3 li,#top_inner-sub #right3 li {padding:5px 15px;background:url(../../images//bg/arrow.jpg) left center no-repeat;}

#footer #bottom {height:auto;background-color:#054187;overflow: hidden;}
#bottom_inner {margin:0 auto;width: 100%; max-width:960px; padding:15px 0 0 0;overflow: hidden;}
#bottom_inner ul {width:100%;}
#bottom_inner ul li {vertical-align:top;padding-right:3%;width:211px;float:left;display:inline-block;height:128px;}
#bottom_inner ul li h3 {color:#fff;}
#bottom_inner p {color:#fff;line-height:16.95px;}
#bottom_inner p a {color:#fff !important;}
#footer #bottom p.dubose {color:#fff;width:30%;display:block;float: left;text-decoration:none;text-align:center;}
#footer #bottom p.middle {float:right;margin-right:100px;}
#footer #bottom p.middle a {color:#fff;}
/*#bottom_inner li.contact-block {;}*/
#bottom_inner li.contact-block ul {height:50%;}
#bottom_inner li.contact-block ul li {padding: 4px 0 0 0;width: auto;height:auto;color:#fff !important;}
#bottom_inner p.copyright {text-align:center;display:block;width:60%;padding: 0 0 15px;float: left;}
#bottom_inner .bbb {width: 45px;margin: 14px 25px;}
/* Form */
form { margin:10px 0 15px 40px; font:12px Arial, Helvetica, sans-serif; color:#555555; }
form br { line-height:0; }
#captcha {margin-top:15px;}
label {font-weight:bold;}
.input { background-color:#eeeeee; border:1px #cccccc solid; color:#003366; width:250px; height:22px; vertical-align: middle; margin-bottom:6px; height:30px; padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.formmail { background-color:#eeeeee; border:1px #cccccc solid; color:#003366;width:100%;max-width:250px; height:22px; vertical-align: middle; margin-bottom:6px; height:30px; padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.address { background-color:#eeeeee; border:1px #cccccc solid; color:#003366; width:250px; height:22px; vertical-align: middle; margin-bottom:6px; height:30px;padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.city { background-color:#eeeeee; border:1px #cccccc solid; color:#003366; width:150px; height:22px; vertical-align: middle; margin-bottom:6px; height:30px;padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.state { background-color:#eeeeee; border:1px #cccccc solid; color:#003366; width:50px; height:22px; vertical-align: middle; margin-bottom:6px; height:30px;padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.zip { background-color:#eeeeee; border:1px #cccccc solid; color:#003366; width:100px; height:22px; vertical-align: middle; margin-bottom:6px;height:30px; padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.formtext { background-color:#eeeeee; border:1px #cccccc solid; color:#003366;max-width:300px;width:100%; height:92px; vertical-align: middle; margin-bottom:6px; padding-top:5px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
input.submit, input.submit-contact-main {  width:90px; height:30px;  cursor:pointer;  padding:0; }
.map {float: left;width: 48%;max-width: 425px;display: inline-block;margin: -20px 2% 0;}

#news {padding:15px 0px;}
#news .news_item {padding:15px 0px 15px 15px;}
#news img {float:left;padding:1px;background:#dfdea9;margin:0 15px 10px 0px;}
#news img.right-news {float:right;padding:1px;background:#dfdea9;margin:0 55px 10px 15px;}
#news h4 {font-size:17px;color:#005aaa;padding:0 50px 0 0px;}
#news h5 {color:#525041;font-size:15px;padding:20px 0 20px 0px;} 
#news p {color:#1e1807;line-height:20px;margin:0;padding:5px 50px 5px 0px;}
#news span.more {color:#117f45;border-right:1px solid #000;padding:0 10px 0 0px;margin:0 10px 0 0;}
#news span.more a {color:#117f45;}
#news span.date {color:#1e1807;}

#body_middle_inner .contact-form {width:48%;max-width:450px;float:left;display: inline-block;}
#body_middle_inner .contact-text {width:100%;float:left;display:inline-block;}
form {margin: 0 0 0 6%;}

#body_middle #body_left .related-links {display:none;}

.fancybox-overlay-fixed { 
    background-color: rgba(4, 48, 88, 0.45);
}

.sub_cat {
	list-style: none;
}

.top-list {
	position: absolute;
    top: 5px;
    left: 65px;
}

/* Accordion Menu */
.main-menu {
    text-align: center;
	z-index: 100 !important; 
	position: absolute; 
	width: 100%;
}
#logo {
    float: left;
    width: 20%; 
}
#logo a {
    background: none;
}
#logo img {
	max-width: 260px;
    margin: -73px 0 0 -38px;
}    
/*Mobile Logo*/
#mob-logo {
	display: none;
    float: none;
    width: 100%;
    margin: auto;
    text-align: center;
}
#mob-logo img {
    max-width: 125px;
    margin: 32px 0 0 14%;
}
.top-accord {
	padding: 1px 0 0;
	color: #fff;
	margin-left: -4px;
    font-weight: 400;
    font-size: 13px;  
    letter-spacing: 0px;
    text-transform: capitalize;  
    background: none;
}
.top-accord:hover {
	color: #fff;
    background: none;
    text-decoration: underline;
}


.main-menu ul li {
    float: left;
    width: 20%;
    margin: 60px 0 0 0;
    list-style: none; 
}
.main-menu ul li div { 
	width: 112px;    
	margin: 0 auto 0;
}
.main-menu ul li a { 
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 14px;
    padding: 20px 0 0;
    margin-top: 10px;
    display: inline-block;
}  
.main-menu ul li a:hover,
.main-menu ul li a:active {
	background: url(../../images//bg/nav-mtn.jpg) no-repeat;
    color: #bc171b; 
    background-size: 50px;
    background-position: 30px 2px;   
} 



/* End Accordion Menu */



/* MMENU */
#navigation #mobile-link {
    display: none;
	float: right;
    padding: 30px 38px 0;
    font-size: 42px;
    color: #0659a7;
    text-decoration: none;
    letter-spacing: -3px;
    text-transform: uppercase;
    margin-top: 8px;
}
.two-phone {
	visibility: hidden;
	position: absolute;
    font-size: 16px;
    font-weight: 600;
    width: 240px;
    float: right;
    text-align: right;
    right: -118px;
    top: 42px; 
    padding: 16px;    
    background-color: #fff;    
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 3px 5px rgba(7, 7, 7, 0.37);
    border-radius: 0 0 10px 10px;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	transition: all 0.2 linear;
} 
.two-phone p {
	padding: 0 0 5px;
}
.open {
	visibility: visible;
}
.phone:hover + .office {
	display: inline-block;
}
#navigation #mobile-link a.hamburger {    
    font-size: 44px; 
    margin: 6px 0;
}
.mm-menu .mm-listview > li .mm-next:after, 
.mm-menu .mm-listview > li .mm-arrow:after {
    border-color: #fff;
}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: rgb(4, 90, 167) !important;
}
.mm-panels > .mm-panel {
	background-color: #045aa7;
}
.mm-listview > li > a {
	color: #fff;
    font-size: 16px;
    font-weight: 600; 
    padding: 10px 10px 4px 20px;
}
.mm-listview > li.sub-nav > a { 
    text-transform: capitalize; 
}
.mm-listview > li > a .sub-nav {
	color: #fff;
}
.mm-menu > .mm-navbar {
    background: #fff;
    height: 50px;
    padding-top: 10px;
}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
    color: rgb(4, 90, 167);
    font-size: 32px;
    margin-top: -2%;
}
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 20%;
} 
.mm-menu .mm-navbar a.mm-title a img {
	width: 75%;
	max-width: 200px;
    margin: -44px auto 0;
}
.mm-menu > .mm-navbar-top {
	height: 85px;
	background: #fff;
}
.mm-slideout {
    overflow-x: hidden;
}
.mm-prev:before {
    width: 12px;
    height: 12px;
}
.mm-navbar .mm-btn:first-child { 
    top: 45px;
}
.mm-menu .mm-navbar a.mm-title {
  text-transform: capitalize;
  padding: 46px 0 0 0;
  font-size: 16px;  
  font-weight: 600;
  width: 100%;
}
.mm-menu .mm-navbar .mm-btn:before, 
.mm-menu .mm-navbar .mm-btn:after {
    color: rgb(4, 90, 167) !important;
}
  
/*flexslider*/
.flexslider {
    margin: 0; 
    border: none;
    border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}
.flex-control-nav {
    display: inline-block;
    position: initial;
    margin: auto;
    padding: 10px 0 20px; 
}
.flexslider .slides img { 
	width: 100%;
	margin-left: 0.1px;
    border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}
 
/*sub page body styles*/
p.back-link {
	padding: 10px 30px;
}
.employ-form {
	float: left;
	max-width: 950px;
	width: 48%;
	display: inline-block; 
}
.employ-page {
	float: left;
	max-width: 950px;
	width: 47%;
	display: inline-block; 
	padding: 15px 18px 0;
    line-height: 18px;
    font-size: 16px;
}
.friend-form {
	float: left;
	max-width: 410px;
	width: 46%;
}
.friend-page {
	float: left;
	width: 46%;
	padding: 20px;
} 
.friend-page ul { 
	padding: 10px 0px 10px 20px;
}  
#body_middle .filter-page h1, 
#body_middle .filter-page h6,
#body_middle .filter-page p {  
    margin: 0 auto 0;
    padding: 15px 10px;
}  
#body_middle .filter-page div {
	display: inline-block;
	padding: 30px 0 0 20px;
	width: 120px;
}
#store_header p {
    color: #fff;
    padding: 20px 0px 0;
    margin: 0px 0 -15px 25px;
}
#store_header p a {
	color: #fff;
} 
#body_left2 { /*filtration*/ 
	float:left;
    width: 100%;
    z-index: 10;
    position: relative;
    /* top: -320px; */
    margin: 0px auto;
}
#body_left2 .filtration-list {    
	margin: 50px 0 0;
	padding: 0;
}
#body_left2 .filtration-list div {
	margin: 80px auto ;
	display: inline-block;
	width: 100%;
}
#body_middle #body_left2 .filtration-list h1, 
#body_middle #body_left2 .filtration-list h2, 
#body_middle #body_left2 .filtration-list p {
    top: 0;
	float: left;
	display: block;
    position: relative; 
	width: 70%;
	z-index: 20;
	padding: 15px 10px 0 0;
}
#body_middle #body_left2 .filtration-list h6 {
    margin: 25px auto 0px;
    padding: 10px 0px 0;
    width: 90%;
} 
#body_middle #body_left2 .filtration-list h2 {
	color: #005aaa;
    font-size: 18px;
}
.filter-img { 
    display: inline-block;
    position: relative;
    text-align: center;
    width: 28%; 
    height: 250px;
} 
.filter-img img { 
    width: 100%;
    float: right;
    max-width: 240px; 
    z-index: -1;
} 
#body_left2 .filtration-list #d-water .filter-img {
	margin: -30px auto;
    z-index: -1;
} 
.btt {
	text-align: right;
	margin: 0; 
	display: block;
	font-weight: 600;
	font-size: 16px;
}  
.btt .fa {
	font-size: 25px;
    vertical-align: middle;
}
 
/* END sub page body styles*/

.no-bg {
	background: transparent !important;
}
div.padding {
	padding: 10px;
}
h1.no-padding {
	margin-bottom: 20px;
	padding: 0px !important;
}
div.leasing-item {
	height: 230px !important;
	margin-bottom: 20px;
}
div.leasing-item div.image {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}
div.leasing-item div.text {
	float: left;
	max-width: 420px;
    width: 100%;
    padding: 20px 0;
}
div.leasing-item div.text h2 {
	padding: 10px 0px;
	font-size: 18px;
	color: #525041;
}
div.leasing-item div.text ul {
	list-style-type: disc;
	margin: 0px;
	padding: 0px 0px 0px 17px !important;
}
div.leasing-item div.text ul li {
	margin-bottom: 0px;
}
.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}
   
.iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
   
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
	padding-top: 75%;
}

@media (max-width: 970px) { 
	 
	span .fa-phone {display: inline-block;} 
	
	.main-menu-phone {
		display: none;
	}
	 
	.flex-control-nav {
	    display: inline-block;
	    position: initial;
	    margin: auto;
	    padding: 10px 0 0px;
	    background: #D9DCE1;
	}
	
	body {
		background: none; 
	    overflow-x: hidden;
	    background-color: #d9dce1;
	    width: 100%;
	}
	#body_frame div#left, 
	#body_frame div#middle,
	#body_frame div#right {
	    float: left;
	    width: 49%;  
	    margin: 10px 0 1%;
	}
	#body_frame div#left { 
	    margin: 10px 2% 1% 0;
	}
	#body_middle #body_left .related-links {
		display: inline-block;
		padding: 15px 0 10px 10px;
	}
	#body_middle #body_left .related-links h2 {
		color: #005aaa;
    	font-size: 18px;
    	font-weight: 600;
    	padding: 0 0 5px;
    	text-align: left;
	} 
	#body_middle #body_left .related-links ul {
		width: 220px;
		padding: 0;
	}
	#body_middle #body_left .related-links li {
		float: left;
		list-style: none;
	}
	#body_middle #body_left .related-links li a {
		color: #005aaa;
    	font-size: 15px;
    	font-weight: 300;
    	text-decoration: none;
    	padding: 0;
	}
	#body_middle #body_left .related-links ul span { 
	    padding: 0 10px;
	    color: #005aaa;
	    font-weight: 600;
    	font-size: 15px;
	}
	#top_links {
		background-color: #0659A7; 
	}
	#top_links .left-links {
		padding-left: 26px;
	}
	#store_search { 
	    margin-right: 25px;
	}
	#body_frame, 
	.flexslider .slides > li {
		background-color: #d9dce1;
	}
	.main-menu, #navigation ul, 
	#navigation .desktop {
		display: none;
	}    
	#navigation #my-menu, 
	#navigation #mobile-link, .no-show { 
	    display: inline-block;
	}
	#navigation div.office {
	    top: 40px;
	    right: 170px;
	}
	#navigation div.office .phone {
		font-size: 32px;
    	margin: -12px -28px 0 0;
    	position: relative;
    	cursor: pointer;
	}
	div.side-menu-wrapper,
	#mob-logo {
  		display: block;
	}
	#body_middle #body_right {
		display: none;
	}
	#header { 
		z-index: 1;
	    height: 88px;
	    margin-bottom: 10px; 
	    background-color: #fff;
	    box-shadow: 0px 3px 5px rgba(7, 7, 7, 0.37);
	}
	#store_search #search_icon {
	    right: 82px !important;
	}
	#banner_container { 
    	width: 96%;
    	max-height: 550px;
    	height: 100%;
		background: transparent;
	}
	.flexslider .slides img { 
	    border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	} 
	#banner-nav {
	    max-height: 200px;
    	height: 100%;
	    background: none;
	    border: none;
	}
	#banner-nav ul { 
	    width: 97%;
	    display: block;
	    height: 100%;
	    background: transparent;
	}
	#banner-nav ul li { 
	    font-size: 100%;
	    margin: 0 0 5px 1%;
	    background: url(../../images//slidedeck/bottom.jpg) no-repeat top center;
	    position: relative;
	    overflow: hidden;
	    padding: 0;
	    border-radius: 4px;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    width: 32%;
	    text-align: center;
	}  
	#banner .navigation a.thumb, 
	#banner .navigation a.thumb:link, 
	#banner .navigation a.thumb:visited, 
	#banner .navigation a.thumb {
	    padding: 15px 0;
	    display: block;
	}
	#body_frame div.tri-block { 
    	width: 96%;
    	min-height: 0;
        margin: 30px auto 65%;
	}  	
	#body_frame div.tri-block #left { 
		border-radius: 10px;
	    background: none;
	} 
	#body_frame .tri-block #left ul {
		padding: 0;
		margin: 0; 
		border-radius: 10px; 
	    background-color: #f6f3e0;
	}
	#body_frame .tri-block #left ul p {  
	    padding: 12px 8px 2px;
		color: #bb161c;
	    font-size: 20px;
	    font-weight: 600;
	    margin: 0; 
	}  
	#body_frame .tri-block #left ul li a { 
		border-top: 2px solid #dcd6bd;  
	    padding: 3% 10px 2%; 
	}
	#body_middle #body_left {
	    width: 96%;
	    max-width: 950px;
	    margin: auto;
	    float: none;
	}
	#body_middle #body_right {
	    width: 30%;
	    margin-left: 1%;
	}
	#footer #top {
	    padding: 0;
	}
	#bottom_inner ul li { 
	    padding: 0 2% 0 1%;
  	    width: 19%;
	} 
	#bottom_inner ul li.contact-block {  
  	    min-width: 195px;
	}
	#bottom_inner ul li.link-block {   
  	    min-width: 140px;
	} 
	#body_middle2 #right_master {
	    float: none;
	    width: 90%;
	    max-width: 950px;
	    margin: 50px auto 0;  
	    display: block;  
	    position: relative;
	}
	#body_middle2 #left_master {
	    max-width: 950px;
	    width: 100%;
	    margin: 1% auto;
	    display: inline-block;
	    float: none;
	}
	#top_inner-sub #left3,
	#top_inner-sub #middle3,
	#top_inner-sub #right3 {
	    padding: 0;
	    height: 165px;
	    float: left;
	    width: 30%;
	    min-height: 250px;
	    margin: 0 0 0 2%;
	    border: none;
	}
	#top_inner-sub #left3 p,
	#top_inner-sub #middle3 p,
	#top_inner-sub #right3 p {
	    min-height: 125px; 
	}
	#top_inner-sub #right3 p {
  		padding: 0;
	}
	#top_inner-sub #right3 span.quote {
		margin: -6px 0 94px -20px;
		width: 150%;
	}
	#top_inner-sub #right3 span.quote p { 
  		width: 70%;
  		margin: 42px auto 45px;
	}
	.top-list { 
	    left: 92px;
	}
	#body_left2 {
		float: left;
	    width: 96%;
	    margin: 60px auto;
	    padding: 0;
	    top: 0 !important;
	} 
	#body_left2 .filtration-list div {
    	margin: 50px auto;
	}
	#body_middle #body_left2 h3 {
	    font-size: 16px;
	    padding: 0 0 8px;
	}
	#body_middle #body_left2 .filtration-list h1, 
	#body_middle #body_left2 .filtration-list h2, 
	#body_middle #body_left2 .filtration-list p {
    	padding: 15px 0px 0 10px;
	}
	#body_left2 .filtration-list {
	    margin: 0px auto 0;
	    padding: 0;
	    width: 100%;
	} 
	.btt {
	    margin: 0 20px -60px;
	}
	.facebook { 
  	  	margin: -4px 27px -4px -4px;
	}

}

@media (max-width: 920px) {
	
	#body_middle .filtration-list #bo-water .filter-img,
	#body_middle .filtration-list #wtreat .filter-img {
		margin: 45px auto 0;
	} 
 
}

@media (max-width: 860px) {
	#bottom_inner ul li {
	    padding: 0 0 0 2%; 
	    width: 18%;
	}
	#top_inner-sub #left3, 
	#top_inner-sub #middle3, 
	#top_inner-sub #right3 {
	    width: 30%;
	 	margin: 0 0 0 2%;
	}
	#top_inner-sub #right3 span.quote p {
	    width: 65%;
	}
	#top_inner-sub #left3 p.tall, 
	#top_inner-sub #middle3 p.tall, 
	#top_inner-sub #right3 p.tall {
	    min-height: 120px;
	}
	#store_search .search-field {
	    width: 160px;
	}
	.bill-pay {
	    margin-right: 10px;
	}
	
}

@media (max-width: 750px) {
	
	#top_links .left-links { 
	    display: none;
	}
	#top_links .left-links p strong { 
	    display: none;
	}
	#body_frame div#middle, #body_frame div#right { 
    	margin-top: 2%;
	} 
	#body_frame div#right {    
	  	margin-bottom: 30px;
	}
	#body_frame #right a p { 
	    margin-left: 4px;
	}
	#top_inner #left {
	    width: 98%;
	    display: inline-block;
	    margin: auto;
	}
	#top_inner #left p { 
	    width: 98%;
	}
	#top_inner #middle, #top_inner #right {
	    float: left;
	    width: 39%;
	    margin: 10px -1% 15px 11%;
	    padding: 10px 0 0; 
	    display: block;
	}
	#bottom_inner ul li {
	    padding: 0 0 0 5.5%;
	    width: 20%;
	} 
	#bottom_inner p.copyright { 
    	width: 60%;
	} 
	#bottom_inner p.copyright {
	    width: 70%;
	    text-align: left;
	}
	#footer #bottom {
	    height: 200px;
	}
	#top_inner-sub #left3, 
	#top_inner-sub #middle3, 
	#top_inner-sub #right3 {
	    width: 28%;
	    margin: 0 0 0 4%;
	    max-width: 190px;
	}
	#top_inner-sub #right3 span.quote { 
	    width: 135%;
	}
	#top_inner-sub #right3 span.quote p {
	    width: 55%;
	}
	#footer #top {
	    min-height: 300px;
	}
	.formtext {
  		max-width: 250px;
	}
	.employ-page,
	.employ-form {
	    float: none;
	    width: 90%;
	    display: block;
	    margin: auto;
	} 
	#body_middle .filtration-list #bo-water .filter-img, 
	#body_middle .filtration-list #wtreat .filter-img {
	    margin: 80px auto 0;
	}
	#footer #bottom p.dubose {
		padding: 0 0 16px 0;
    	margin-top: -10px;
	    text-align: left;
	}
	#bottom_inner .bbb { 
	    margin: -15px 25px 0;
	    width: 35px;
	}

}

@media (max-width: 680px) {
	
	#body_middle_inner .contact-form {
	    width: 50%;
	    max-width: 670px;
	    min-width: 280px;
	    float: none;
	    display: block;
	    margin: 0 auto;
	}
	form {
  		margin: auto;
	}
	.map {
		float: none;
		width: 71%;
		max-width: 670px;
		display: block;
		margin: 0 auto;
	}
	.map img,
	.map iframe { 
		margin: 20px auto 0;
	} 
	.friend-page,
	.friend-form { 
	    float: none;
	    width: 92%;
	    margin: auto;
	}
	#body_left2 {
    	width: 93%;
	}
	.filter-img {
    	width: 100%;
    	height: auto;
	}
	.filter-img img {
    	float: none;
	}
	#body_middle #body_left2 .filtration-list h1, 
	#body_middle #body_left2 .filtration-list h2, 
	#body_middle #body_left2 .filtration-list p {
	    padding: 15px 0px 0;
	    width: 100%;
	}
	#body_middle #body_left2 .filtration-list h6 {
	    padding: 10px 0 0 0;
	    margin: 15px auto 0;
	    width: 100%;
	}
	#body_middle #body_left2 h1 {
	    font-size: 22px;
	    padding: 0;
	} 
	#body_middle .filtration-list #wtreat .filter-img img {
	    margin-top: 0px;
	}
	#body_middle .filtration-list #bo-water .filter-img, 
	#body_middle .filtration-list #wtreat .filter-img {
	    margin: 0px auto 0;
	}
	
}

@media (max-width: 670px) {
	
	#bottom_inner ul li {
	    padding: 0 0 0 1.2%;
	    width: 24%;
	}
	#body_middle .filter-page h1, 
	#body_middle .filter-page h6, 
	#body_middle .filter-page p {
    	width: 95%;
	}
	#body_middle .filter-page div {
	    display: inline-block;
	    padding: 20px 0 0;
	    text-align: center;
	    width: 100%;
	} 
	#logo {
		display: block;
	    float: left;
	    width: 20%; 
	}
	.products-number, 
	.products-count {
		padding: 10px 0;
	}
	.products-name {
		min-width: 100px !important;
		padding: 10px 5px;
	}
	#footer #bottom {
	    height: 220px;
	}
	#footer #bottom p.dubose {
	    width: 70%;
    	text-align: left;
	}
	#bottom_inner p.copyright {
	    width: 70%;
	    padding: 10px 0 15px;
	    text-align: left;
	}
	#bottom_inner .bbb {
    	margin: 0px 25px 0;
	}
	
}

@media (max-width: 590px) {
	
	#banner-nav,
	#bottom_inner ul li.link-block, 
	#bottom_inner ul li.serving {
		display: none;
	}
	.flexslider .slides img {
		border-radius: 0; 
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0; 
	}
	#banner_container {
    	width: 100%;
	}
	#body_frame { 
    	margin: 0px auto;
	} 
	#banner-nav ul li {
		width: 48.75%;
	}
	#banner-nav {
    	max-height: 220px;
    	height: 100%;
	}  
	#top_inner #middle, #top_inner #right { 
	    margin: 10px -1% 15px 7%; 
	    width: 40%;
	}
	#top_inner #middle li, #top_inner #right li {
	  	min-width: 145px;
		letter-spacing: -0.5px;
	}
	#bottom_inner ul li {
	    padding: 0 6%;
	    width: 17%;
	    height: 115px;
	} 
	#bottom_inner p.copyright {
	    width: 90%;
	    padding: 0 5% 10px;
	} 
	#footer #bottom {
	    height: auto;
	} 
	#body_middle2 #left_master #left2,
	#body_middle2 #left_master #middle2,  
	#body_middle2 #left_master #right2 { 
  		width: 90%;
  		margin: 40px 5% 0;
  		min-height: 200px;
	}
	#top_inner-sub #left3, 
	#top_inner-sub #middle3, 
	#top_inner-sub #right3 {
	    width: 70%;
	    margin: 0 0 0 20%;
	    max-width: 320px;
	}
	#top_inner-sub #left3 p.tall,
	#top_inner-sub #middle3 p.tall,
	#top_inner-sub #right3 p.tall {
	    min-height: 60px;
	}
	#top_inner-sub #left3, 
	#top_inner-sub #middle3, 
	#top_inner-sub #right3 {
  		height: 180px;
  		min-height: 150px;
	}
	#top_inner-sub #right3 span.quote p {
	    width: 73%;
	}
	#top_inner-sub #right3 {
	    margin-top: -30px;
	}
	#mob-logo img {
	    max-width: 130px;
	    margin: 30px 0 0 45px;
	    float: left;
	}
	#footer #bottom p.dubose {
	    width: 100%;
	    text-align: center;
	}
	#bottom_inner .bbb {
	    margin: 15px 75px 0;
	}
	#bottom_inner .bbb {
    	margin: 15px 90% 0;
	}
}

@media (max-width: 480px) {

	#bottom_inner ul li {
    	padding: 0 0 0 7%;
	}
	#top_inner-sub #left3, 
	#top_inner-sub #middle3, 
	#top_inner-sub #right3 {
  		width: 70%;
  		margin: 0 0 0 12%;
	}
	#footer #top {
	    min-height: 390px;
	}  
	#store_header p { 
	    padding: 12px 0px 0;
	    margin: 0px 0 -21px 12px;
	}
	#body_top_blue h1 {
	    font-size: 16px;
	    color: #fff;
	    padding: 25px 10px 0 15px;
	} 
	#body_frame div.tri-block {
    	width: 80%;
	} 
	#body_frame div#left, 
	#body_frame div#middle, 
	#body_frame div#right {
	    width: 100%;
	    height: 100%;
	}
	#store_search {
	    margin-right: 22px;
	}
	#store_search #search_icon {
	    right: 78px !important;
	}
	
}
 
@media (max-width: 420px) {

	#bottom_inner ul li {
    	padding: 0 0 0 1%;
	}
	.mm-listview > li > a {
	    padding: 10px 10px 4px 8px;
	} 
}

@media (max-width: 380px) {
	
	#banner-nav ul li {
		letter-spacing: -1px;
	} 
	#top_inner #middle h2, 
	#top_inner #right h2 { 
	    margin-left: 3px; 
	}
	#top_inner #middle li, 
	#top_inner #right li {
		padding: 5px 7px 5px 5px; 
		background: none;
		border: none;
	}
	#top_inner #middle ul,
	#top_inner #right ul {
	  margin-left: 0px;
	}
	#top_inner #middle,
	#top_inner #right { 
		margin: 10px -2% 15px 1%; 
	    width: 46%;
	}
	#bottom_inner ul li {
	    padding: 0 0 0 20%;
	    width: 27%;
	    height: 100px;
	}
	#bottom_inner li.contact-block ul {
	    height: 60%;
	} 
	#body_middle2 #left_master #left2, 
	#body_middle2 #left_master #middle2, 
	#body_middle2 #left_master #right2 {
	    width: 58%;
	    margin: 40px 23% 0;
	    min-height: 250px;
	}
	#top_inner-sub #left3, #top_inner-sub #middle3, #top_inner-sub #right3 {
	    height: 220px;
	    min-height: 200px;
	}
	#top_inner-sub #right3 {
	    margin-top: -40px;
    	margin-bottom: 30px;
	}
	#top_inner-sub #right3 span.quote p {
	    width: 68%;
	}
	div.side-menu-wrapper {
    	right: 0px;
	}
	.mm-title a img {
	    width: 180px;
	    margin: -7px auto 0;
	}
	.mm-menu .mm-navbar a.mm-title a img {
	    width: 85%;
	    margin: -42px auto 0;
	}  
	#store_search #search_icon {
		right: 15px !important;
	}
	#mob-logo img {
	    max-width: 120px;
	    margin: 34px 0 0 7%;
	    float: left;
	}
	#store_search {
	    margin-right: 30px;
	}
	#store_search .search-field {    
		width: 135px;
	}
	.facebook {
	    margin: -4px 20px -4px -18px;
	}
	#store_search #search_icon {
	    right: 65px !important;
	}
	#top_links p {
		margin-right: -30px !important;
	} 
	
}

@media (max-width: 320px) {
	
	.mm-menu .mm-navbar a.mm-title a img { 
	  margin: -34px auto 0;
	}
	#mob-logo img { 
    	margin: 34px 0 0 5%;
	}
	
}
body {
     background-image: none;
     background: white;
}
 #body_top {
     height: auto;
}
 #header {
     max-width: 100%;
     background: white;
     -webkit-box-shadow: 0px 4px 6px -2px rgba(102,102,102,1);
     -moz-box-shadow: 0px 4px 6px -2px rgba(102,102,102,1);
     box-shadow: 0px 4px 6px -2px rgba(102,102,102,1);
     height: 140px;
}
 #store_search {
     margin-top: -1px;
}
 #search_icon {
     top: 9px !important;
}
 .container {
     max-width: 960px;
}
 .header-sticky {
     position: fixed;
     width: 100%;
     z-index:100;
}
 #body_frame {
     margin-top: 170px;
     background: white;
}
 .top_links-container {
     background: #005aaa;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 100 !important;
     color: #FFF;
     width: 100%;
     padding: 7px;
     height: 17px;
}
 #top_links.top_links {
     max-width: 960px;
     margin: 0 auto;
     left: 0;
     right: 0;
}
 .main-menu {
     max-width: 960px;
     margin: 0 auto;
     left: 0;
     right: 0;
     top: 30px;
}
 .main-menu {
     z-index: 101 !important;
}
 .main-menu ul {
     top: -26px;
     position: relative;
}
 .main-menu-phone {
     position: absolute;
     top: 10px;
}
 @media (max-width: 970px) {
     #header {
         height: 94px;
    }
     #body_frame {
         margin-top: 110px;
    }
}
.home-products {
				padding: 50px 0;
				text-align: center;
			}
			.home-products h2 {
				color: #005aaa;
				font-size: 25px;
			}
			.home-products_boxes-item {
				text-align: center;
				width: 25%;
				float: left;
				font-size: 17px;
				font-weight: bold;
			}
			.home-products_boxes {
				display: block;
				width: 100%;
				margin-top: 20px;
			}
			.clearfix {
				clear:both;
			}
			.home-products_boxes-img {
				height: 125px;
				background-color:#005aaa;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				overflow: hidden;
				margin: 10px;
				position: relative;
				-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
				-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
				box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
			}
			.home-products_boxes_hover {
				opacity: 1;
				transition: 0.3s;
			}
			.home-products_boxes-item:hover .home-products_boxes_hover {
				opacity: 0;
			}
			.home-products_boxes_hover:after {
				background: rgba(0, 90, 170, .8);
				position: absolute;
				height: 100%;
				width: 100%;
				content: '';
				top: 0;
				left: 0;
				transition: 0.3s;
				opacity: 1;
			}
			.home-products_boxes_hover img {
				margin: 0;
				  position: absolute;
				  top: 50%;
				  left: 50%;
				  transform: translate(-50%, -50%);
				  z-index: 1;
				  max-height: 80px;
			}
			
			@media (max-width: 970px) {
				.home-products_boxes-item {
					width: 50%;
					margin-bottom: 20px;
				}
				.home-products_boxes-img {
					height: 200px;
				}
				.home-products_boxes_hover img { 
					max-height: 120px;
				}
				
			}
			@media (max-width: 600px) {
				.home-products_boxes-img {
				    height: 150px;
				}
				.home-products_boxes_hover img { 
					max-height: 80px;
				}
			}
.map {
            margin: -20px 0 0;
            text-align: right;
            float: right;
        }
        form {
            margin: 0;
        }
        .contact-form {
            color: #525041;
            line-height: 18px;
        }
        .formmail,
        .formtext {
            max-width: 100%;
            width: 95%;
        }
        select.formmail,
        input.formmail,
        .formtext {
            margin-top: 5px;
        }
        input.submit-contact-main {
            background: #005aaa;
            color: white;
            border: 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        .map-captions {
            text-align: left;
            margin-bottom: 8px;
            margin-top: 20px;
            color: #525041;
            line-height: 18px;
        }
        .map-captions h3 {
            margin-bottom: 5px;
        }
        .checkboxgroup {
            width: 100%;
            margin: 8px 0;
        }
        .checkboxgroup-box {
            width: 47%;
            float: left;
            padding: 5px;
            position: relative;
            
        }
        .checkboxgroup-box input {
            position: absolute;
            top: 5px;
            left: 0;
        }
        .checkboxgroup-label {
            padding-left: 20px;
        }
        
        @media only screen and (max-width: 680px) {
            .map {
                float: none;
                margin: 0 auto;
            }
            .checkboxgroup-box {
            width: 100%;
            
            }
        }