html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

small{font-size:12px;}

em {font-style: italic}
strong {font-weight: bold}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border-color: #cccccc;
}

.post-body p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 28px !important; 
}

.post-body ul li {
	font-size: 1.2em;
	line-height: 1.8em !important; 
}

.post-body ol {
	font-size: 1.2em;
	line-height: 1.8em !important;
	list-style: decimal;
	margin-left: 30px;
}

.post-body ol li {
	padding-bottom: 15px;
}

.ordered-list {
	font-size: 16px;
	line-height: 1.8 !important;
	list-style: decimal;
	margin-left: 30px;
}

.ordered-list li {
	padding-bottom: 15px;
}

}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

.clearfix {
	zoom: 1;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.image-replacement {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

body {
	padding-top: 40px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
}

.background {
	margin-top: -40px;
	padding-top: 40px;
	background: #0082CA;
	background-image: url("img/bg_summer_2020_sm.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: auto 100%\9;/*IE8 only*/
}

h1, h2, h3 {
	font-family: 'Raleway',sans-serif;
	font-weight: 300;
}

h1 {
	font-size: 24px;
}

h2, h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
	line-height: 1.5;
}

h5 {
	
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

img {
	max-width: 100%;
}

strong {
	font-weight: 800;
}

a {
	color: #0082CA;
}

h1, h3, .header img, .header p, .content p, .sidebar p, .footer p, .footer ul, .content ul li {
	margin-bottom: 12px;
}

.section {
	margin-bottom: 20px !important;
	clear: both;
}

label {
	margin-bottom: 5px;
}

.module, .banner p, .calendar li {
	padding: 16px 20px;
}

p, .content ul li {
	line-height: 1.8;
}

.reference p {
	margin: 0;
}

.container {
	width: 280px;
	margin: 0 auto;
	padding: 0 10px;
	background: rgba(255,255,255,0.9);
	background: url(img/transparent.png) \9;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
	box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
}
.content ul {
	list-style-type: disc;
	margin-left: 5%;
}

.no-padding {
	margin: 0 -10px;
}

.header {
	text-align: center;
	padding: 40px 0 20px 0;
}

.header img {
	width: 110px;
}

.header form {
	padding: 16px 0 0;
}

.header input {
	text-align: center;
}

.header p {
	font-size: 12px;
	line-height: 1.8;
	text-transform: uppercase;
}

nav .active >a {
	color: #0082CA;
	font-weight: bold;
}

.header .nav >li >a:hover, .header .nav >li >a:focus, .header .flexnav >li >a.active, .header .drop.active {
	background: #0082CA;
	color: white;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.3);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.3);
}

.header .navbar {
	position: relative;
	min-height: 0;
	margin-bottom: 0;
	border: 0;
}

.header .navbar a {
	color: #333;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
}

.header .navbar a:hover {
	text-decoration: none;
	cursor: pointer;
}

.header .navbar-toggle {
	float: none;
	font-size: 32px;
	padding: 8px;
	margin: 0;
}
.header .border, 
.footer .border {
	height: 30px;
	margin: 0 auto;
	width: 275px;
}
.header .search-input,
.footer .search-input {
	display: block;
	margin: 0 auto;
	text-align: center;
	border: none;
	height: 30px;
	float: left;
}
.header .search-button, 
.footer .search-button {
	border: none;
	height: 30px;
	float: left;
}

#feature-carousel {
	margin-top: -8px;
	margin-bottom: 48px;
}

.one-third {
	margin-bottom: 48px;
}

.one-third a {
	font-weight: bold;
}

.one-third h2 {
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 4px;
}

.one-third img {
	display: none;
}

.carousel-control {
	top: 38%;
	font-size: 32px;
	opacity: .8;
}

.carousel-control.right, .carousel-control.left {
	background: none;
	color: white;
}

.carousel-control.right i {
	padding-left: 50%;
}

.carousel-control.left i {
	padding-right: 50%;
}

.carousel-indicators {
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
}

.carousel-indicators li {
	margin: 0;
	border-radius: 0;
	background: white;
	float: left;
	border: none;
}

.carousel-indicators .active {
	height: 10px;
	background: #0082CA;
	-webkit-transition: background-color 200ms ease-out 0s;
	-moz-transition: background-color 200ms ease-out 0s;
	-o-transition: background-color 200ms ease-out 0s;
	transition: background-color 200ms ease-out 0s;
}

.carousel-caption {
	bottom: 0;
	top: 0;
	left: 12%;
	right: 12%;
	padding-top: 16px;
	padding-bottom: 0;
	text-align: left;
}

.carousel-caption span {
	font-weight: 800;
	font-size: 16px;
	clear: none;
	white-space: normal;
}

ul.sm-screen.nav {
	margin-top: 16px;
}

.badge {
	display: none;
}

.nowrap {
	white-space: nowrap;
}

.text-expand {
	display: none;
}

.module {
	background: white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
	box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
}

.module.menu {
	padding: 0;
}

.module.menu ul li {
	border-top: 1px solid #e9e9e9;
}

.module.menu ul li:first-child {
	border-top: 5px solid #0082CA;
}

.module.menu ul li:hover a, .module.menu ul li:hover .fa {
	color: #0082CA;
}

.module.menu ul li:hover a {
	padding-left: 60px;
}

.module.menu ul li a {
	display: inline-block;
	width: 100%;
	padding: 15px 0 15px 30px;
	color: #878787;
	text-decoration: none;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
}

.module .fa, .flexnav li ul li a i {
	margin-right: 8px;
	font-size: 11px;
	font-weight: bold;
	color: #262626;
}

.module .fa.fa-angle-double-right, .flexnav li ul li a i.fa-angle-double-right {
	font-size: 16px;
	font-weight: normal;
	margin-left: 8px;
}

.flexnav li ul li:hover a i {
	color: #0082CA;
}

.search-collapse p, .search-collapse .search .fa {
	display: none;
}

.breadbox {
	height: 60px;
	margin-bottom: 24px;
	padding: 0;
}

.breadcrumb {
	padding: 22px 20px;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	position: absolute;
}

.breadcrumb li {
	font-size: 12px;
}

.breadcrumb li a {
	color: gray;
}

.breadcrumb li a.active {
	color: #333;
}

.breadcrumb >li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: ">\00a0";
}

.featured-image .primary-image img {
	display: inline-block;
	width: 100%;
	height: 128px;
}

.featured-image .secondary-image img {
	display: none;
}

.flexslider {
	margin: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.flexslider .slides img {
	border: 1px solid #dedede;
	width: 80%;
	margin: 0 auto;

}

.flexslider .slides >li {
	position: relative;
	text-align: center;
}

.flexslider ul {
	list-style: none;
}

.flexslider ul li{
	width: 200px !important;
	margin: 0 15px 0 0;
}

.flexslider ul li p {
	font-size: 12px;
}

.flexslider ul li a{
	font-size: 14px;
}

.flex-control-nav {
	display: none;
}

.flexslider:hover .flex-prev, .flex-direction-nav .flex-prev, .flexslider:hover .flex-next, .flex-direction-nav .flex-next {
	font-size: 20px;
	opacity: 1;
}

.flexslider:hover .flex-prev, .flex-direction-nav .flex-prev {
	left: -30px;
}

.flexslider:hover .flex-next, .flex-direction-nav .flex-next {
	right: -30px;
}

.flex-direction-nav:first-child .fa-chevron-left {
	display: block;
}

.new-product {
	display: none;
}

.related-products {
	width: 100%;
	overflow: auto;
	clear: both;
}

.related-products ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.related-products ul li {
	display: block;
	width: 100%;
	margin-bottom: 16px;
}

.related-products ul li:nth-child(3), .related-products ul li:nth-child(4), .related-products ul li:nth-child(5) {
	display: none;
}

.related-products ul li img {
	max-width: 100%;
}

.related-products ul li p {
	text-align: center;
}

.banner {
	font-size: 18px;
	font-weight: 300;
	color: white;
	text-align: center;
}

.banner a:hover, .banner a:focus {
	text-decoration: none;
}

.banner .blue {
	background: #0082CA;
	margin-bottom: 2px;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.3);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.3);
}

.banner .black {
	background: #333;
}

.tab-boxes p {
	line-height: 1.7;
}

.tab-boxes.module {
	padding: 0;
}

.tab-boxes h2.resp-tab-active {
	background: #0082CA !important;
	color: white !important;
}

.tab-boxes h2.resp-accordion {
	border: none;
	border-top: 1px solid #e9e9e9;
	color: #878787;
	font-size: 16px;
}

.tab-boxes h2.resp-accordion:first-child {
	border-top: none !important;
}

.tab-boxes h2.resp-tab-active span.resp-arrow {
	border-bottom: 12px solid white !important;
}

.tab-boxes ul.resp-tabs-list {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
}

.tab-boxes .resp-tab-active {
	border: 1px;
	background-color: #0082CA;
	color: white;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.3);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.3);
}

.tab-boxes .resp-tab-content {
	border-top: 5px solid #0082CA;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #878787;
	font-weight: 300;
}

.testimonial {
	background: url(img/quote.png) white no-repeat left bottom;
	padding-bottom: 80px;
	margin-bottom: 100px !important;
	position: relative;
}

.testimonial .attribution {
	position: absolute;
	bottom: -42px;
	left: 0;
}

.testimonial .attribution p {
	float: left;
	line-height: 1;
	margin-bottom: 18px;
	margin-left: 0px;
	font-size: 13px;
	top: 18px;
	position: relative;
	font-weight: 400;
}

.testimonial .attribution p:first-of-type {
	color: #0082CA;
}

.testimonial .circular {
	position: relative;
	float: left;
	background: top center no-repeat;
	border: 3px solid white;
	bottom: 0;
	left: -10px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	box-shadow: 0 0 6px #333;
	-webkit-box-shadow: 0 0 6px #333;
	-moz-box-shadow: 0 0 6px #333;
}

.footer {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
	color: white;
	background: #313131;
	background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE3MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#313131 0%,#171717 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#313131),color-stop(100%,#171717));
	background: -webkit-linear-gradient(top,#313131 0%,#171717 100%);
	background: -o-linear-gradient(top,#313131 0%,#171717 100%);
	background: -ms-linear-gradient(top,#313131 0%,#171717 100%);
	background: linear-gradient(to bottom,#313131 0%,#171717 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131',endColorstr='#171717',GradientType=0 );
}

.footer .container {
	background: none;
	padding: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.footer a {
	color: white;
}

.footer p {
	padding: 0 30px;
}

.footer p strong {
	font-size: 18px;
}

.footer input {
	text-align: center;
}

.footer ul {
	padding: 0;
	list-style: none;
	text-align: center;
}

.footer ul li {
	display: inline;
	padding: 10px;
}

.footer input[type="text"] {
	width: 200px;
	margin-bottom: 48px;
}

.footer nav {
	display: none;
}

.flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-height: 0;
}

.flexnav .fa {
	display: none;
}

.flexnav.opacity {
	opacity: 0;
}

.flexnav.flexnav-show {
	max-height: 2000px;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.flexnav li {
	font-size: 100%;
	position: relative;
	overflow: hidden;
}

.flexnav li a {
	position: relative;
	display: block;
	padding: 14px 0;
	z-index: 2;
	overflow: hidden;
	color: #222;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.flexnav li ul {
	width: 100%;
}

.flexnav li ul li {
	font-size: 100%;
	position: relative;
	overflow: hidden;
}

.flexnav li ul.flexnav-show li {
	overflow: visible;
}

.flexnav li ul li a {
	display: block;
	background: #bfbfbc;
}

.flexnav ul li ul li a {
	background: #b2b2af;
}

.flexnav ul li ul li ul li a {
	background: #cbcbc9;
}

.flexnav .touch-button {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	padding-top: 14px;
	display: inline-block;
	background: #acaca1;
	background: rgba(0,0,0,0.075);
	text-align: center;
}

.flexnav .touch-button:hover {
	cursor: pointer;
}

.flexnav .touch-button .navicon {
	position: relative;
}

.menu-button .touch-button .navicon {
	font-size: 16px;
	position: relative;
	top: 1em;
	color: #666;
	display: none;
}

ul.resp-tabs-list, p {
	margin: 0px;
	padding: 0px;
}

.resp-tabs-list li {
	font-weight: 600;
	font-size: 13px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0;
	list-style: none;
	cursor: pointer;
	float: left;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
	padding: 15px;
}

.resp-tab-active {
	border: 1px solid #c1c1c1;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
	border-bottom: none;
	background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border: 1px solid #c1c1c1;
}

h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #c1c1c1;
	border-top: 0px solid #c1c1c1;
	margin: 0px;
	padding: 10px 15px;
}

h2.resp-tab-active {
	border-bottom: 0px solid #c1c1c1 !important;
	margin-bottom: 0px !important;
	padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
}

.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}

.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0;
	cursor: pointer;
	float: none;
}

.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none;
}

.resp-vtabs .resp-tab-content {
	border: none;
}

.resp-vtabs li.resp-tab-active {
	border: 1px solid #c1c1c1;
	border-right: none;
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 3px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #9B9797;
}

h2.resp-tab-active {
	background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
	display: block;
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
}

h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1 !important;
}

.panel-default {
	border-color: #0082CA;
}

.panel-default >.panel-heading {
	background: #0082CA;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
}

.panel-heading {
	padding: 0 15px;
}

.panel-title {
	color: white;
	font-size: 18px;
}

.panel-title a {
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}

.panel-title a:hover, .panel-title a:focus {
	text-decoration: none;
}

.panel-group .panel {
	border-radius: 5px;
}

.btn-primary, .hs-button.primary {
	background-color: #0082CA;
	border-color: #0082CA;
	color:white;
}

.button-white {
	background-color: #fff !important;
	border-color: #fff !important;
	color:#0082CA !important;
}

.btn-primary:hover,
.hs-button.primary:hover, 
.btn-primary:focus,
.hs-button.primary:focus, 
.btn-primary:active,
.hs-button.primary:active, 
.btn-primary.active
.hs-button.primary.active {
	background-color: #0082CA;
	border-color: #0082CA;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
}
.btn.btn-lg.btn-primary, 
.hs-button.primary.large {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}

.form-control, 
.hs-input {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

select.hs-input, input.hs-input[type="file"] {
    height: 35px !important;
    line-height: 27px;
}

.hs-form fieldset {
	border: 0 none;
    margin: 0;
    max-width: 700px;
    padding: 0;
}

.hs-form .hs-input, .hs-form textarea.hs-input {
	box-sizing: border-box;
    max-width: 700px;
    width: 90%;
}


input.hs-input, textarea.hs-input, select.hs-input, .hs-input.uneditable-input {
	border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 30px;
    line-height: 18px;
    padding: 4px;
    width: 210px;
}

.hs-form.stacked label {
    float: none;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 4px;
    padding-top: 0;
    text-align: left;
    width: auto;
}

.hs-form .hs-field-desc {
	color: #aaa;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 21px;
    margin: 0 0 5px 150px;
}

.blog-head {
	background: white;
	text-align: center;
	padding: 30px 0;
	margin-top: -24px;
	-webkit-box-shadow: inset 0px 2px 7px -5px rgba(51,51,51,0.8);
	box-shadow: inset 0px 2px 7px -5px rgba(51,51,51,0.8);
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #f2f2f2;
}

.blog-head h1 {
	margin-bottom: 0;
}

.blog-item {
	padding-bottom: 20px;
}

.blog-item .btn {
	float: right;
	font-size: 14px;
}

.blog-item figure {
	background: #0082CA;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
	position: relative;
	text-align: center;
}

.blog-item figure figcaption {
	width: 100%;
	position: relative;
	top: 0;
}

.blog-item figure h2 {
	background: #333;
	background: rgba(51,51,51,.8);
	color: white;
	display: block;
	border-radius: 0;
	padding: 10px 15px;
	font-size: 18px;
}

.blog-item figure h2 a, .blog-item figure h2 a:hover, .blog-item figure h2 a:focus, .blog-item figure h2 a:active {
	color: white;
	text-decoration: none;
}

.blog-item figure p {
	background: #fcfcfc;
	color: #c3c3c3;
	padding: 10px 0;
}

.paginate ul {
	float: right;
}

.paginate ul li {
	display: inline;
}

.paginate ul li a {
	background: white;
	color: #333;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
	box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
	display: inline;
	float: left;
	border: 1px solid #c9c9c9;
	padding: 10px 18px;
	margin-left: 5px;
}

.paginate ul li a:hover, .paginate ul li a:focus, .paginate ul li a.active {
	text-decoration: none;
	color: white;
	border-color: #000;
	background: #3c3c3c;
	-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
	box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
}

.paginate ul li:first-child a {
	margin-left: 0;
}

.callout h2 {
	text-align: center;
	text-decoration: underline;
}

.calendar {
	width: 100%;
	height: auto;
	position: relative;
	overflow: auto;
}

.calendar ul {
	padding: 0;
}

.calendar ul li {
	float: left;
	min-height: 400px;
}

.calendar li {
	list-style: none;
}

.calendar h2 {
	text-align: center;
	border-bottom: none;
	margin-bottom: 0;
}

.calendar .event, .calendar .date {
	font-weight: 100;
	font-size: 16px;
	display: inline;
	color: #0082CA;
	letter-spacing: 2px;
}

.calendar .event {
	margin-right: 5%;
}

.slider-buttons {
	text-align: center;
	margin-bottom: 32px;
	letter-spacing: 1px;
}

.slider-buttons a {
	font-size: 14.4px;
	font-family: 'Raleway',sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 0 10px;
	color: #333;
}

#instafeed img {
	width: 46%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	margin-bottom: 6px;
}

#instafeed img {
	margin-bottom: 10px;
}

.product-list li {
	padding: 4px 10px 4px 0;
	text-transform: uppercase;
	position: relative;
}

.product-list .product-list-icon {
	width: 8%;
	padding: 0;
	position: absolute;
}

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 200;
	color: #fff;
}

#sb-container {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: left;
	visibility: hidden;
	display: none;
}

#sb-overlay {
	position: relative;
	height: 100%;
	width: 100%;
}

#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
}

#sb-wrapper-inner {
	position: relative;
	border: 1px solid #303030;
	overflow: hidden;
	height: 100px;
}

#sb-body {
	position: relative;
	height: 100%;
}

#sb-body-inner {
	position: absolute;
	height: 100%;
	width: 100%;
}

#sb-player.html {
	height: 100%;
	overflow: auto;
}

#sb-body img {
	border: none;
}

#sb-loading {
	position: relative;
	height: 100%;
}

#sb-loading-inner {
	position: absolute;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	text-align: center;
}

#sb-loading-inner span {
	background: url(img/sb/loading.gif) no-repeat;
	padding-left: 34px;
	display: inline-block;
}

#sb-body, #sb-loading {
	background-color: #060606;
}

#sb-title, #sb-info {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sb-title, #sb-title-inner {
	height: 26px;
	line-height: 26px;
}

#sb-title-inner {
	font-size: 16px;
}

#sb-info, #sb-info-inner {
	height: 20px;
	line-height: 20px;
}

#sb-info-inner {
	font-size: 12px;
}

#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}

#sb-nav a {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
	background-repeat: no-repeat;
}

#sb-nav-close {
	background-image: url(img/sb/close.png);
}

#sb-nav-next {
	background-image: url(img/sb/next.png);
}

#sb-nav-previous {
	background-image: url(img/sb/previous.png);
}

#sb-nav-play {
	background-image: url(img/sb/play.png);
}

#sb-nav-pause {
	background-image: url(img/sb/pause.png);
}

#sb-counter {
	float: left;
	width: 45%;
}

#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#sb-counter a.sb-counter-current {
	text-decoration: underline;
}

div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

div.sb-message a:link, div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}
.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
} 
.video-container iframe, .video-container object, .video-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

@media only screen and (max-width:480px) {

	h1 {
		font-size: 36px;
	}

	h2, h3, .blog-item figure h2 {
		font-size: 28px;
	}
	
	h4 {
		font-size: 22px;
	}

	h1, h2, h3 {
		margin-bottom: 16px;
	}

}


@media only screen and (min-width:480px) {
	h1 {
		font-size: 36px;
	}

	h2, h3, .blog-item figure h2 {
		font-size: 28px;
	}
	
	h4 {
		font-size: 22px;
	}

	h1, h2, h3 {
		margin-bottom: 16px;
	}

	.blog-item figure h2 {
		font-size: 24px;
		margin-bottom: 0;
	}

	.section {
		margin-bottom: 30px !important;
	}

	.container {
		width: 440px;
		padding: 0 60px;
	}

	.no-padding {
		margin-left: -60px;
		margin-right: -60px;
	}

	.header img {
		width: 136px;
	}

	.carousel-control {
		top: 40%;
	}

	.carousel-caption {
		left: 17%;
		right: 17%;
		padding-top: 50px;
	}

	.carousel-caption span {
		font-size: 20px;
		clear: left;
		white-space: nowrap;
	}

	.one-third .content-icon {
		float: left;
		width: 130px;
		position: relative;
		margin-left: -20px;
		margin-right: 10px;
	}

	.one-third img {
		display: block;
		margin: 0 auto;
	}

	.breadcrumb {
		padding-left: 60px;
		padding-right: 60px;
	}

	.breadcrumb li, .header p {
		font-size: 14px;
	}

	.header .navbar-toggle {
		font-size: 40px;
	}

	.featured-image .primary-image img {
		height: 204px;
	}

	/*.flexslider .slides >li {
		padding: 20px;
		margin-right: -5px;
		margin-left: 0;
	}*/

	.related-products ul li {
		display: inline-block;
		width: 40%;
		float: left;
	}

	.related-products ul li:first-child {
		margin-right: 20%;
	}

	.reference strong {
		font-size: 18px;
	}

	.icon {
		width: 90px;
		height: 97px;
		display: inline;
		float: left;
	}

	.icon.book {
		background: url(img/icon-book.png) top left no-repeat;
		background-size: 84px 97px;
		margin: 0 0 0 -5px;
	}

	.testimonial {
		padding: 20px 40px 100px;
		margin-bottom: 100px !important;
	}

	.testimonial .attribution {
		left: 40px;
		right: 20px;
	}

	.testimonial .attribution p {
		min-width: 51%;
		white-space: nowrap;
	}

	.footer p {
		padding: 0 60px;
		font-size: 18px;
	}

	.footer p strong {
		font-size: 20px;
	}

	.footer ul li {
		display: inline;
		padding: 15px;
	}

	.footer ul li i {
		font-size: 28px;
	}

	.panel-title {
		font-size: 20px;
	}

	.paginate ul li a {
		padding: 12px 20px;
		margin-left: 16px;
	}

	.slider-buttons a {
		font-size: 18px;
	}

	.calendar .event, .calendar .date {
		font-size: 20px;
	};
}

@media only screen and (max-width:768px) {
	ul.resp-tabs-list {
		display: none;
	}

	h2.resp-accordion {
		display: block;
	}

	.resp-vtabs .resp-tab-content {
		border: 1px solid #C1C1C1;
	}

	.resp-vtabs .resp-tabs-container {
		border: none;
		float: none;
		width: 100%;
		min-height: initial;
		clear: none;
	}

	.resp-accordion-closed {
		display: none !important;
	}

	.resp-vtabs .resp-tab-content:last-child {
		border-bottom: 1px solid #c1c1c1 !important;
	};
}

@media only screen and (min-width:768px) {
	.background {
		background-image: url("img/bg_summer_2020_md.jpg");
		background-size: auto 100%\9;/*IE8 only*/
	}

	h1 {
		font-size: 42px;
	}

	h2, .blog-item figure h2 {
		font-size: 36px;
	}

	h3 {
		font-size: 25px;
	}

	h1, h2, h3 {
		margin-bottom: 24px;
	}

	.section {
		margin-bottom: 60px !important;
	}

	.container {
		width: 728px;
	}

	.header img {
		width: 170px;
	}

	.carousel-control {
		top: 43%;
	}

	.carousel-caption {
		left: 12%;
		right: 12%;
		padding-top: 60px;
		font-size: 32px;
	}

	.carousel-caption span {
		font-size: 36px;
	}

	.navbar-nav {
		float: none;
		margin: 0;
		display: inline-block;
	}

	.featured-image .primary-image img {
		width: 384px;
		height: 246px;
		margin-right: 18px;
		margin-bottom: 16px;
		float: left;
	}

	.featured-image .secondary-image img {
		display: inline-block;
		width: 204px;
		height: 114px;
		margin-bottom: 16px;
	}

	.tab-boxes {
		padding: 0;
	}

	.tab-boxes .resp-tab-active {
		padding: 20px !important;
	}

	.one-third .learn-more {
		display: block;
	}

	.one-third .content-icon {
		padding-bottom: 60px;
		width: 140px;
		margin-left: -30px;
		margin-right: 10px;
	}

	.one-third img {
		display: block;
		margin: 0 auto;
	}

	.resp-tabs-list li {
		font-weight: 300;
		font-size: 16px;
		padding: 20px;
		margin-bottom: 0 !important;
	}

	/*.flexslider .slides >li {
		padding: 10px;
		margin-right: 20px;
	}*/

	.new-product {
		background: url(img/icon-new.png) no-repeat top left;
		width: 66px;
		height: 68px;
		position: absolute;
		top: -2px;
		left: -8px;
		z-index: 9999;
		display: block;
	}

	.related-products ul li {
		width: 26%;
		margin-left: 11%;
	}

	.related-products ul li:first-child {
		margin-right: 0;
		margin-left: 0;
	}

	.related-products ul li:nth-child(3) {
		display: inline-block;
	}

	.module.menu, .reference {
		height: 286px;
	}

	.module.menu {
		width: 45%;
		float: right;
		clear: none;
	}

	.reference {
		width: 45%;
		float: left;
	}

	.icon {
		float: right;
	}

	.icon.book {
		margin: 0 0 120px -5px;
	}

	.banner, .banner .blue, .banner .black {
		height: 75px;
	}

	.banner p {
		padding: 0;
	}

	.banner .blue, .banner .black {
		float: left;
		display: inline;
	}

	.banner .blue {
		margin-right: 1%;
		width: 47%;
		font-size: 20px;
		padding-top: 22px;
	}

	.banner .black {
		width: 27%;
		padding-top: 12px;
	}

	.text-expand {
		display: inline;
	}

	.read-more {
		display: none;
	}

	.testimonial {
		padding: 40px 230px 120px 45px;
		margin-bottom: 100px !important;
	}

	.testimonial .attribution {
		left: 30px;
	}

	.module.menu, .reference {
		height: auto;
	}

	.blog-head {
		padding: 50px 0;
		margin-top: -24px;
	}

	.blog-head p {
		font-size: 20px;
		padding: 4px 0;
	}

	.blog-item figure figcaption {
		top: 110px;
		position: absolute;
	}

	.blog-item figure h2 {
		padding: 16px 24px;
		display: inline-block;
		border-radius: 5px;
	}

	.blog-item figure p {
		padding: 10px 0;
	}

	.footer p {
		padding: 0 140px;
		font-size: 20px;
	}

	.footer p strong {
		font-size: 24px;
	}

	.footer ul li {
		padding: 20px;
		font-size: 20px;
	}

	.footer ul li i {
		font-size: 32px;
		margin-bottom: 16px;
	}

	.footer input[type="text"] {
		width: 280px;
		padding: 4px 0;
		margin-bottom: 32px;
	}

	.flexnav {
		overflow: visible;
		width: 86%;
		margin-right: 0px;
	}

	.flexnav li ul li a, .flexnav ul li ul li a, .flexnav ul li ul li ul li a {
		background: #fff;
	}

	.flexnav .fa {
		display: inline;
	}

	.flexnav .navicon {
		display: none;
	}

	.flexnav .touch-button {
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		width: 45px;
		height: 45px;
		background: none;
		display: none;
	}

	.flexnav .touch-button:hover {
		cursor: pointer;
		color: #0082CA;
	}

	.flexnav.opacity {
		opacity: 1;
	}

	.flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		background: none;
		overflow: visible;
	}

	.flexnav li a {
		border-left: none;
		border-bottom: none;
		background: none;
		padding: 15px;
	}

	.flexnav li ul {
		width: 315px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
		box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
	}

	.flexnav li ul li {
		text-align: left;
	}

	.flexnav li >ul {
		position: absolute;
		top: auto;
		left: 0;
		display: none;
	}

	.flexnav li >ul li {
		width: 100%;
	}

	.flexnav li ul li >ul {
		margin-left: 100%;
		top: 0;
	}

	.flexnav li ul li a {
		border: 1px solid #e9e9e9;
		color: #878787;
		padding-left: 20px;
	}

	.flexnav li ul li a:hover, .flexnav li ul li a:focus {
		color: #0082CA;
	}

	.flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 1;
	}

	.flexnav li ul.open li {
		overflow: visible;
		max-height: 100px;
	}

	.flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0;
	}

	.flexnav .menu-button {
		display: none;
	}

	.flexnav .oldie .flexnav {
		overflow: visible;
		width: 86%;
	}

	.flexnav .oldie .flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		background: none;
		width: 12.5%;
		min-height: 45px;
		overflow: visible;
	}

	.flexnav .oldie .flexnav li:hover >ul {
		display: block;
		width: 100%;
		overflow: visible;
	}

	.flexnav .oldie .flexnav li:hover >ul li {
		width: 100%;
		float: none;
	}

	.flexnav .oldie .flexnav li a {
		border-left: 1px solid #acaca1;
		border-bottom: none;
		overflow: visible;
	}

	.flexnav .oldie .flexnav li >ul {
		background: #acaca1;
		position: absolute;
		top: auto;
		left: 0;
		display: none;
		z-index: 1;
		overflow: visible;
	}

	.flexnav .oldie .flexnav li ul li ul {
		top: 0;
	}

	.flexnav .oldie .flexnav li ul li a {
		border-bottom: none;
	}

	.flexnav .oldie .flexnav li ul.open {
		display: block;
		width: 100%;
		overflow: visible;
	}

	.flexnav .oldie .flexnav li ul.open li {
		width: 100%;
	}

	.flexnav .oldie .flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0;
		display: block;
		width: 100%;
		overflow: visible;
	}

	.flexnav .oldie .flexnav ul li:hover ul {
		margin-left: 100%;
		top: 0;
	}

	.flexnav .oldie .flexnav .menu-button {
		display: none;
	}

	.flexnav .oldie .flexnav.ie7 .flexnav li {
		width: 19.9%;
	}

	.flexnav .oldie .flexnav .panel-title {
		font-size: 24px;
	}

	.badge {
		display: inline-block;
		float: right;
		font-weight: normal;
		min-width: 80px;
		border-radius: 0;
	}

	.slider-buttons a {
		font-size: 20px;
	}

	.calendar .event, .calendar .date {
		font-size: 24px;
	}
	.social-icons {
		margin-top: -30px;
	}
}

@media only screen and (min-width:960px) {
	.container {
		width: 960px;
	}

	.header {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header img {
		width: 126px;
	}

	.header p {
		font-size: 12px;
	}

	.header .search-collapse {
		display: block;
		position: absolute;
		padding: 9px 10px;
		height: 42px;
		top: -40px;
		right: 10px;
		background: #141414;
	}

	.header .search-collapse form {
		float: left;
		margin: 0;
		padding: 0;
		margin-top: 0;
	}

	.header .search-collapse p {
		display: block;
		float: left;
		color: white;
		text-transform: capitalize;
		font-size: 14px;
		margin: 1px 24px 12px 0;
	}

	.header .search-collapse p:hover {
		cursor: pointer;
	}

	.header .search-collapse .search {
		right: 0;
		top: 0;
		padding-top: 10px;
		width: 32px;
		height: 42px;
		position: absolute;
	}

	.header .search-collapse .search .fa {
		display: inline-block;
		color: white;
		margin-top: 3px;
		width: 16px;
	}

	.border {
		display: none;
		margin: 0 20px 0 -20px;
		height: 24px;
		width: 75%;
		border: 0px solid white;
		float: right;
		background: white;
		position: relative;
	}
	.header .border, 
	.footer .border {
		height: 24px;
		margin: 0 auto;
		width: 240px;
	}
	.header .border {
		margin: 0 20px 0 0;
	}
	.header .search-input,
	.footer .search-input {
		height: 24px;
	}
	.header .search-button, 
	.footer .search-button {
		height: 24px;
		float: right;
	}
	.footer .search-button, .footer .search-input { height: 30px;}

	.footer .border {
		width: 30%;
		float: none;
		margin: 0 auto 50px;
		display: block;
		height: 30px;
	}

	.search-input {
		height: 24px;
		font-size: 14px;
		text-align: left;
		background: none;
		border: none;
		float: left;
		width: 72%;
		padding: 0 0 0 4px;
	}

	.search-input::-webkit-input-placeholder {
		color: #f00;
		padding-top: 6px;
	}

	.search-input::-moz-placeholder {
		color: #f00;
		padding-top: 6px;
	}

	.search-input:-ms-input-placeholder {
		color: #f00;
		padding-top: 6px;
	}

	.search-input input:-moz-placeholder {
		color: #f00;
		padding-top: 6px;
	}

	.search-button {
		width: 27%;
		height: 30px;
		padding: 4px 0;
		border: none;
		float: right;
	}

	.carousel-control {
		top: 45%;
		width: 12%;
	}

	.carousel-caption {
		padding-top: 90px;
		font-size: 36px;
	}

	.carousel-caption span {
		font-size: 40px;
	}

	.logo-group {
		float: left;
	}

	.navbar-nav {
		float: right;
	}

	.content {
		width: 558px !important;
		float: left;
	}

	.content.tab-boxes {
		height: 343px;
		margin-bottom: 100px !important;
	}

	#feature-carousel {
		margin-bottom: 60px;
	}

	.one-third {
		position: relative;
		width: 30%;
		min-height: 320px;
		float: left;
		background: white;
		margin-left: 5%;
		padding: 16px 2%;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
		box-shadow: 0px 0px 10px 0px rgba(53,67,73,0.1);
	}

	.one-third.first {
		margin-left: 0;
	}

	.one-third h2 {
		font-size: 26px;
		line-height: 1.1;
	}

	.one-third .content-icon {
		padding-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		position: absolute;
		top: -20px;
		right: -40px;
	}

	.sidebar {
		width: 238px;
		float: right;
		clear: none;
		position: -webkit-sticky;
		position: sticky;
		top: 10px;
	}

	.icon {
		float: right;
	}

	.reference {
		padding: 0;
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		margin-top: 110px;
		position: relative;
	}

	.reference .icon.book {
		margin-top: -68px;
		position: absolute;
		right: -20px;
		float: none;
	}

	.reference .learn-more {
		display: block;
	}

	.featured-image .primary-image img {
		width: 336px;
	}

	/*.flexslider .slides >li {
		padding: 10px;
		margin-right: 28px;
	}*/

	.related-products ul li {
		width: 19%;
		margin-left: 8%;
	}

	.related-products ul li:nth-child(4) {
		display: inline-block;
	}

	.module.menu, .reference {
		width: 100%;
		float: none;
	}

	.banner, .banner .blue, .banner .black {
		height: 100px;
	}

	.banner .blue {
		margin-right: 1%;
		width: 50%;
		font-size: 28px;
		padding-top: 28px;
	}

	.banner .black {
		width: 24%;
		font-size: 20px;
		padding-top: 20px;
	}

	.testimonial {
		padding: 30px 30px 0;
		height: 343px;
		margin-bottom: 100px !important;
	}

	.testimonial .attribution {
		left: 20px;
	}

	.footer .no-padding {
		margin: 0;
		display: block;
	}

	.footer nav {
		display: block;
		margin-top: 16px;
	}

	.footer nav li {
		padding: 0;
	}

	.footer nav ul.nav {
		float: none;
	}

	.footer nav ul.nav li {
		padding-left: 0;
		padding-right: 0;
	}

	.footer nav .nav .active a {
		color: white;
		font-weight: bold;
	}

	.footer nav .nav >li >a {
		color: #878787;
	}

	.footer nav .nav >li >a:hover, .footer nav .nav >li >a:focus {
		background: #0082CA;
		color: white;
		-webkit-box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
		box-shadow: inset 0px 0px 20px 1px rgba(51,51,51,0.8);
	}

	.flexnav {
		width: 70%;
		float: right;
		position: relative;
		margin-top: 8px;
		margin-right: -75px;
	}

	.blog-head {
		padding: 60px 0;
	}

	.blog-head p {
		font-size: 20px;
		padding: 4px 0;
	}

	.blog-item figure figcaption {
		top: 95px;
		position: absolute;
	}

	#instafeed img {
		margin-bottom: 10px;
	}
}

@media only screen and (min-width:1366px) {
	.background {
		background-size: 100% auto\9;/*IE8 only*/
	}

	h1 {
		font-size: 50px;
	}

	h2 {
		font-size: 42px;
	}

	h3 {
		font-size: 32px;
	}

	h1, h2, h3 {
		margin-bottom: 28px;
	}

	.container {
		width: 1280px;
		padding: 0 82px;
	}

	.no-padding {
		margin-left: -82px;
		margin-right: -82px;
	}

	.carousel-control {
		top: 47%;
	}

	.carousel-caption {
		padding-top: 130px;
		font-size: 40px;
	}

	.carousel-caption span {
		font-size: 44px;
	}

	.breadbox {
		margin-bottom: 24px;
	}

	.content {
		width: 718px !important;
		width: 558px\9 !important;
	}

	.sidebar {
		width: 318px;
	}

	.header {
		padding-left: 40px;
		padding-right: 40px;
	}

	.header img {
		width: 100%;
	}

	.breadcrumb {
		padding-left: 82px;
		padding-right: 82px;
	}

	.featured-image .primary-image img {
		width: 454px;
		height: 300px;
	}

	.featured-image .secondary-image img {
		width: 246px;
		height: 142px;
	}

	#feature-carousel {
		margin-bottom: 90px;
	}

	#instafeed img {
		margin-bottom: 12px;
	}

	.one-third {
		width: 28%;
		min-height: 330px;
		margin-left: 8%;
		padding: 56px 3% 16px 3%;
	}

	.one-third.first {
		margin-left: 0;
	}

	.one-third h2 {
		font-size: 26px;
		line-height: 1.1;
		white-space: nowrap;
	}

	.one-third .content-icon {
		top: -40px;
		left: -280px;
		width: auto;
	}

	/*.flexslider .slides >li {
		padding: 0;
		margin-right: 90px;
	}*/

	.related-products ul li {
		width: 16%;
		margin-left: 5%;
	}

	.related-products ul li:nth-child(5) {
		display: inline-block;
	}

	.reference {
		font-size: 20px;
		margin-top: 120px;
	}

	.reference strong {
		font-size: 22px;
	}

	.reference .icon.book {
		margin-top: -60px;
		right: 14px;
		margin-bottom: 0;
	}

	.banner .blue {
		margin-right: .5%;
		width: 51.5%;
		font-size: 36px;
		padding-top: 24px;
	}

	.banner .black {
		width: 23%;
		font-size: 24px;
		padding-top: 16px;
	}

	.testimonial {
		padding: 30px 40px 0;
		margin-bottom: 100px !important;
	}

	.testimonial .attribution {
		left: 40px;
	}

	.flexnav {
		width: 60%;
		margin-top: 30px;
	}

	.flexnav li a {
		padding-left: 20px;
		padding-right: 20px;
	}

	.blog-head {
		padding: 64px 0;
	}

	.blog-head p {
		font-size: 24px;
		padding: 8px 0;
	}

	.blog-item figure figcaption {
		top: 125px;
		position: absolute;
	}

	.blog-item figure h2 {
		font-size: 40px;
		padding: 20px 30px;
	}

	.slider-buttons a {
		font-size: 22px;
	}

	.calendar .event, .calendar .date {
		font-size: 28px;
	};
}

@media only screen and (min-width:1441px) {
	.background {
		background-image: url("img/bg_summer_2020_lg.jpg");
	};
}

/* ========================================================
	CUSTOM 
=========================================================== */
.ejp-blue-text {
	color: #0082ca;
}


.ejp-background-blue {
	background-color: #0082ca;
}

.ejp-background-blue-opacity-1 {
	background-color: rgba(0, 130, 202, .1);
}

.ejp-background-blue-opacity-2 {
	background-color: rgba(0, 130, 202, .2);
}

.ejp-background-blue-opacity-3 {
	background-color: rgba(0, 130, 202, .3);
}

.ejp-background-blue-opacity-4 {
	background-color: rgba(0, 130, 202, .4);
}

.ejp-background-blue-opacity-5 {
	background-color: rgba(0, 130, 202, .5);
}

.ejp-background-blue-opacity-6 {
	background-color: rgba(0, 130, 202, .6);
}

.ejp-background-blue-opacity-7 {
	background-color: rgba(0, 130, 202, .7);
}

.ejp-background-blue-opacity-8 {
	background-color: rgba(0, 130, 202, .8);
}

.ejp-background-blue-opacity-9 {
	background-color: rgba(0, 130, 202, .9);
}

.ejp-background-blue-opacity-10 {
	background-color: rgba(0, 130, 202, 1);
}

.text-white {
	color: #fff;
}

.modal-lg {
    width: 900px;
}

@media only screen and (max-width:960px) {
	.modal-lg { width: auto;}
}


/* YouTube Responsive CSS for HubSpot */

.hs-responsive-embed-youtube {

position: relative;

padding-bottom: 56.25%; /* 16:9 Aspect Ratio */

margin-bottom: 28px;

}

.hs-responsive-embed-youtube iframe {

position: absolute;

width: 100%!important;

height: 100%!important;

}


.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	min-height: 250px;
}



 /******** PRODUCT PAGE FEATURED BANNER STYLES **********/


.main-product-text {
	z-index: 99;
	position: absolute;
	padding-left: 40px;
	color: #fff;
	top: 50px;
	background-color: rgba(0,0,0 0.5)
	
}

.main-product-featured ul {
	color: #fff;
	font-family: inherit;
	font-size: 16px;
	list-style-type: disc;
	margin-left: 20px;
	padding-top: 20px;
}

.main-product-featured ul li {
	padding-bottom: 10px;
}

.main-product-title {
	margin-bottom: 5px;
}

.main-product-subtitle {
	font-weight: 800;
	padding-bottom: 10px;
}

.main-product-button {
	font-weight: 800 !important; 
	margin-top:20px;
}

.main-product-accordions .panel-title  {
	color: #0082CA !important;
}

.main-product-accordions .panel-default {
	border: none;
	border-radius: 0px !important;
	margin-top: 0px !important;
	-webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.25);
}

.main-product-accordions .panel-heading {
	background: none;
	box-shadow: none;
}

.main-product-accordions .panel-body {
	border-top: none !important;
}

.main-product-accordions .resp-tab-content {
	padding: 0px !important;
}

.main-product-accordions .main-product-tab2 {
	padding: 10px !important;
}




@media only screen and (max-width:960px) {	
	
	.main-product-text h3 {
		font-size: 18px;
	}
	
	.main-product-text h2 {
		font-size: 26px;
	}
		
}

@media only screen and (max-width:1366px) {	

	.main-product-button {
		font-size: 16px !important;
		padding: 2px 16px !important; 
		margin-top: 5px !important;
	}

}


@media only screen and (max-width:991px) {	

	.main-product-button {
		font-size: 16px !important;
		padding: 2px 16px !important; 
		margin-top: 15px !important;
	}

}


/******** END PRODUCT PAGE FEATURED BANNER STYLES **********/


blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #0082CA;
  border-right: 2px solid #0082CA;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


/*---------- SPACING ----------*/


/* Padding Zero */

.p0 {
	padding: 0!important
}


/* Padding Top */

.pt10 {
	padding-top: 10px!important
}

.pt15 {
	padding-top: 15px!important
}

.pt20 {
	padding-top: 20px!important
}

.pt30 {
	padding-top: 30px!important
}

.pt40 {
	padding-top: 40px!important
}

.pt50 {
	padding-top: 50px!important
}

.pt60 {
	padding-top: 60px!important
}

.pt70 {
	padding-top: 70px!important
}

.pt80 {
	padding-top: 80px!important
}

.pt90 {
	padding-top: 90px!important
}

.pt100 {
	padding-top: 100px!important
}

.pt110 {
	padding-top: 110px!important
}

.pt120 {
	padding-top: 120px!important
}

.pt130 {
	padding-top: 130px!important
}

.pt140 {
	padding-top: 140px!important
}


/* Padding Bottom */

.pb0 {
	padding-bottom: 5px!important
}

.pb5 {
	padding-bottom: 10px!important
}

.pb10 {
	padding-bottom: 10px!important
}

.pb15 {
	padding-bottom: 15px!important
}

.pb20 {
	padding-bottom: 20px!important
}

.pb30 {
	padding-bottom: 30px!important
}

.pb40 {
	padding-bottom: 40px!important
}

.pb50 {
	padding-bottom: 50px!important
}

.pb60 {
	padding-bottom: 60px!important
}

.pb70 {
	padding-bottom: 70px!important
}

.pb80 {
	padding-bottom: 80px!important
}

.pb90 {
	padding-bottom: 90px!important
}

.pb100 {
	padding-bottom: 100px!important
}

.pb110 {
	padding-bottom: 110px!important
}

.pb120 {
	padding-bottom: 120px!important
}

.pb130 {
	padding-bottom: 130px!important
}

.pb140 {
	padding-bottom: 140px!important
}


/* Padding Left */

.pl0 {
	padding-left: 0px!important
}

.pl3 {
	padding-left: 3px!important
}

.pl5 {
	padding-left: 5px!important
}

.pl10 {
	padding-left: 10px!important
}

.pl20 {
	padding-left: 20px!important
}

.pl30 {
	padding-left: 30px;
}

.pl40 {
	padding-left: 40px;
}

.pl50 {
	padding-left: 50px;
}

.pl60 {
	padding-left: 60px;
}

.pl70 {
	padding-left: 70px;
}

.pl80 {
	padding-left: 80px;
}

.pl90 {
	padding-left: 90px;
}

.pl100 {
	padding-left: 100px;
}


/* Padding Right */

.pr0 {
	padding-right: 0px!important
}

.pr5 {
	padding-right: 5px!important
}

.pr10 {
	padding-right: 10px!important
}

.pr20 {
	padding-right: 20px!important
}

.pr30 {
	padding-right: 30px!important
}

.pr40 {
	padding-right: 40px;
}

.pr50 {
	padding-right: 50px;
}

.pr60 {
	padding-right: 60px;
}

.pr70 {
	padding-right: 70px;
}

.pr80 {
	padding-right: 80px;
}

.pr90 {
	padding-right: 90px;
}

.pr100 {
	padding-right: 100px;
}

.pr110 {
	padding-right: 110px;
}

.pr120 {
	padding-right: 120px;
}

@media (min-width:1200px) {
	.pl-lg-50 {
		padding-left: 50px;
	}
	.pl-lg-80 {
		padding-left: 80px;
	}
}

@media (min-width:992px) {
	.pt-md-50 {
		padding-top: 50px;
	}
}


/* Margin Auto */

.mr-auto {
	margin: auto;
	float: none;
}


/* Margin Top */

.mt0 {
	margin-top: 0!important
}

.mt5 {
	margin-top: 5px!important
}

.mt10 {
	margin-top: 10px!important
}

.mt15 {
	margin-top: 15px!important
}


.mt20 {
	margin-top: 20px!important
}

.mt25 {
	margin-top: 25px!important
}

.mt30 {
	margin-top: 30px!important
}

.mt40 {
	margin-top: 40px!important
}

.mt50 {
	margin-top: 50px!important
}

.mt60 {
	margin-top: 60px!important
}

.mt70 {
	margin-top: 70px!important
}

.mt80 {
	margin-top: 80px!important
}

.mt90 {
	margin-top: 90px!important
}

.mt100 {
	margin-top: 100px!important
}

.mt110 {
	margin-top: 110px!important
}

.mt120 {
	margin-top: 120px!important
}

.mt130 {
	margin-top: 130px;
}

.mt140 {
	margin-top: 140px;
}

.mt150 {
	margin-top: 150px;
}


/* Margin Bottom */

.mb0 {
	margin-bottom: 0!important
}

.mb5 {
	margin-bottom: 5px!important
}

.mb10 {
	margin-bottom: 10px!important
}

.mb15 {
	margin-bottom: 15px!important
}

.mb20 {
	margin-bottom: 20px!important
}

.mb30 {
	margin-bottom: 30px!important
}

.mb40 {
	margin-bottom: 40px!important
}

.mb50 {
	margin-bottom: 50px
}

.mb60 {
	margin-bottom: 60px
}

.mb70 {
	margin-bottom: 70px
}

.mb80 {
	margin-bottom: 80px
}

.mb90 {
	margin-bottom: 90px
}

.mb100 {
	margin-bottom: 100px
}

.mb110 {
	margin-bottom: 110px
}

.mb120 {
	margin-bottom: 120px
}


/* Margin Left */

.ml0 {
	margin-left: 0!important;
}

.ml15 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml50 {
	margin-left: 50px;
}

.ml60 {
	margin-left: 60px;
}

.ml70 {
	margin-left: 70px;
}

.ml80 {
	margin-left: 80px;
}

.ml90 {
	margin-left: 90px;
}

.ml100 {
	margin-left: 100px;
}

.ml110 {
	margin-left: 110px;
}


/* Margin Right */

.mr0 {
	margin-right: 0!important
}

.mr5 {
	margin-left: 5px!important
}

.mr10 {
	margin-right: 10px!important
}

.mr20 {
	margin-right: 20px!important
}

.mr30 {
	margin-right: 30px!important
}

.mr40 {
	margin-right: 40px!important
}

.mr50 {
	margin-right: 50px!important
}

.mr60 {
	margin-right: 60px!important
}

.mr70 {
	margin-right: 70px!important
}

.mr80 {
	margin-right: 80px!important
}

.mr90 {
	margin-right: 90px!important
}

.mr100 {
	margin-right: 100px;
}

.mr110 {
	margin-right: 110px !important;
}

.mr120 {
	margin-right: 120px !important;
}

.mr130 {
	margin-right: 130px !important;
}

.mr140 {
	margin-right: 140px!important;
}

.mr150 {
	margin-right: 150px;
}
	.pad-tb-25{
		padding-top: 25px;
		padding-bottom: 25px;
}

	.pad-tb-50{
		padding-top: 50px;
		padding-bottom: 50px;
}

	.pad-tb-75{
		padding-top: 75px;
		padding-bottom: 75px;
}

.pad-tb-100{
	padding-top: 100px;
	padding-bottom: 100px;
}


.pad-all5{
	padding: 5px;
}

.pad-all10{
	padding: 10px;
}

.pad-all15{
	padding: 15px !important;
}

.pad-all20{
	padding: 20px;
}

.pad-all25{
	padding: 25px !important;
}

.pad-all30{
	padding: 30px;
}

.pad-all40{
	padding: 40px;
}

.pad-all50{
	padding: 50px;
}

.box-shadow {
	-webkit-box-shadow: 5px 7px 10px 0px rgba(133,133,133,0.33);
	-moz-box-shadow: 5px 7px 10px 0px rgba(133,133,133,0.33);
	box-shadow: 5px 7px 10px 0px rgba(133,133,133,0.33);
}

.center {
  margin: auto;
  width: 90%;
  padding: 2px;
}

dt h3, dt h4{
	padding-top: 25px;
}

dd{
	line-height: 1.8;
}

.hydrant-lead{
	font-size: 18px ;
}

.hydrant-background{
    background-image: url('../images/blue-hydrant-with-broken.jpg');
    background-color: #cccccc;
    background-attachment: fixed;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
	
}