@font-face {
    font-family: 'karlaregular';
    src: url('/fonts/karla-regular-webfont.eot');
    src: url('/fonts/karla-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/karla-regular-webfont.woff2') format('woff2'),
         url('/fonts/karla-regular-webfont.woff') format('woff'),
         url('/fonts/karla-regular-webfont.ttf') format('truetype'),
         url('/fonts/karla-regular-webfont.svg#karlaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body {

	min-width:  100%;
	min-height: 100%;
	background-image: url(/images/run-bg.png);
	font-size: 17px;
}



body {

	background-color: #ffffff; 
	color:            #7B827A;
	overflow-y: 		scroll;
	font-family: 'karlaregular', Helvetica, Arial, sans-serif;
	
	
}

p, li {
	line-height: 27px;	
}

a:hover {
	text-decoration: none;
}

h1,h2,h3,h4,h5 {
	color: #0095CD;
}



#title h1 {
	font-size: 32px;
}


.site-container {

	background-color: #ffffff;
	 width:			  100%; 
}

@media screen and (min-width: 1200px) {
	.container { /* bootstrap override */
		width: 1200px;
	}
}


.desktop-only {

}

.mobile-only {

	display:	none;
}


#home-slideshow {
	padding: 0;
	margin: 0;
}


#news {

	color:             #ffffff;
	background-color:  #0095CD;

}




#social {

	padding-bottom:   20px;
	overflow-y: 	   hidden;
	text-align:       justify;
	-ms-text-justify: distribute-all-lines;
	text-justify:     distribute-all-lines;
}

#news-and-social {
	background-color: #dfe8cb; 
	min-height: 16em; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding: 20px 0;
}



.highlight {

}

.highlight:hover {

	background-color: #ffffdd;
}





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

	.desktop-only {
		display:	none;
	}

	.mobile-only {
		display:	block;
	}
}






.ffcms-button {

	float:			   left;
	top:               0;
    display:           inline-block;
	height:            40px;
	line-height:       40px;
	vertical-align:    middle;
	width:             120px;
	letter-spacing:    2px;
	color:             #ffffff;
	background-image:  url('/images/button-bg-dark-blue.png');
	background-repeat: no-repeat;
    border:            none;
	text-align:        center;
	text-transform:    uppercase;
	font-size:         1.15em;
	cursor:            pointer;
}



.ffcms-button:HOVER {

	color:            #ffff80;
	text-decoration:  none;
}





.share-desktop {

}

.share-mobile {
	display:	none;
}



#menu {

	background-color:		#f7f7f7;
	height:					100%;
	min-height:				100%;
}


.product-landing-page-block {

	padding:	1em;
}





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

	.share-desktop {
		display:	none;
	}
	.share-mobile {
		display:	block;
	}
	
	#menu {
		display: none;
	}

}





.b4-green {

	width:             107px;
	background-image:  url(/images/buttons/b4-green.png);
	background-repeat: no-repeat;
}
.b8-green {

	width:             175px;
	background-image:  url(/images/buttons/b8-green.png);
	background-repeat: no-repeat;
}
.b12-green {

	width:             175px;
	background-image:  url(/images/buttons/b12-green.png);
	background-repeat: no-repeat;
}
.b16-green {

	width:             255px;
	background-image:  url(/images/buttons/b16-green.png);
	background-repeat: no-repeat;
}
.b20-green {

	width:             255px;
	background-image:  url(/images/buttons/b20-green.png);
	background-repeat: no-repeat;
}

.b4-orange {

	width:             107px;
	background-image:  url(/images/buttons/b4-orange.png);
	background-repeat: no-repeat;
}
.b8-orange {

	width:             239px;
	background-image:  url(/images/buttons/b8-orange.png);
	background-repeat: no-repeat;
}
.b12-orange {

	width:             239px;
	background-image:  url(/images/buttons/b12-orange.png);
	background-repeat: no-repeat;
}
.b16-orange {

	width:             255px;
	background-image:  url(/images/buttons/b16-orange.png);
	background-repeat: no-repeat;
}
.b20-orange {

	width:             255px;
	background-image:  url(/images/buttons/b20-orange.png);
	background-repeat: no-repeat;
}

.b4-dark-orange {

	width:             107px;
	background-image:  url(/images/buttons/b4-dark-orange.png);
	background-repeat: no-repeat;
}
.b8-dark-orange {

	width:             239px;
	background-image:  url(/images/buttons/b8-dark-orange.png);
	background-repeat: no-repeat;
}
.b12-dark-orange {

	width:             239px;
	background-image:  url(/images/buttons/b12-dark-orange.png);
	background-repeat: no-repeat;
}
.b16-dark-orange {

	width:             255px;
	background-image:  url(/images/buttons/b16-dark-orange.png);
	background-repeat: no-repeat;
}
.b20-dark-orange {

	width:             255px;
	background-image:  url(/images/buttons/b20-dark-orange.png);
	background-repeat: no-repeat;
}

.b4-dark-blue {


	width:             107px;
	background-image:  url(/images/buttons/b4-light-blue.png);
	background-repeat: no-repeat;
}
.b8-dark-blue {

	width:             200px;
	background-image:  url(/images/buttons/b8-light-blue.png);
	background-repeat: no-repeat;
}
.b12-dark-blue {

	width:             200px;
	background-image:  url(/images/buttons/b12-light-blue.png);
	background-repeat: no-repeat;
}
.b16-dark-blue {

	width:             255px;
	background-image:  url(/images/buttons/b16-light-blue.png);
	background-repeat: no-repeat;
}
.b20-dark-blue {

	width:             255px;
	background-image:  url(/images/buttons/b20-light-blue.png);
	background-repeat: no-repeat;
}

.b4-light-blue {

	width:             107px;
	background-image:  url(/images/buttons/b4-dark-blue.png);
	background-repeat: no-repeat;
}
.b8-light-blue {

	width:             200px;
	background-image:  url(/images/buttons/b8-dark-blue.png);
	background-repeat: no-repeat;
}
.b12-light-blue {

	width:             200px;
	background-image:  url(/images/buttons/b12-dark-blue.png);
	background-repeat: no-repeat;
}
.b16-light-blue {

	width:             255px;
	background-image:  url(/images/buttons/b16-dark-blue.png);
	background-repeat: no-repeat;
}
.b20-light-blue {

	width:             255px;
	background-image:  url(/images/buttons/b20-dark-blue.png);
	background-repeat: no-repeat;
}








.navbar-default .navbar-toggle {
	border: none;	
	margin-top: 15px;
	margin-right:3px;
	outline: none;
}

.navbar-default .navbar-toggle:hover {
	background: rgba(0,0,0,.4);
}

.navbar-default .navbar-toggle:focus {
	background: rgba(0,0,0,.2);
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ececec;
	height: 3px;
	width: 25px;
}

.plugin-html-blue-block {
	
	color:					#ffffff;
	background-color:		#0095cd;
	background-image:		url(/images/icon-plus24x24.png);
	background-repeat: 		no-repeat;
	background-position:	right;
	width:					100%;
	font-weight:			bold;
	padding:             	1em;
	margin-bottom: 			4px;
	cursor: 				pointer;
}





.cms-lc3-button {
  background-color : #31D531;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: #31d531;
}

#cms-lc3-container {
  position: fixed;
  bottom: -4px;
  right: 10px;
}


.homepage-alerts {

  margin: 0 auto;
  text-align: center;
  max-width:  60%;
}


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

	.homepage-alerts {
  		max-width:  90%;
	}

}



.floating-button-container {

	  position: fixed;
	  bottom:   20px;
	  right:    20px;
		z-index:  10000;
}


.floating-button {
	  background-color: #0095CD;
	  color: white;
	  border: none;
	  border-radius: 50%;
	  width: 60px;
	  height: 60px;
	  font-size: 16px;
	  cursor: pointer;
	  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}