.contactBottom {
    position: fixed;
    bottom: 10px;
    width: 120px;
    height: 40px;
    background-color: #2b7de1;
    right: 5%;
    text-align: center;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.8);
	border-radius: 20px;

}

.contactBottom:hover {color: #FFF;}

meta.foundation-mq-small {
	font-family: "/only screen and (max-width: 40em)/";
	width: 0em
}
meta.foundation-mq-medium {
	font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
	width: 40.063em
}
meta.foundation-mq-large {
	font-family: "/only screen and (min-width:64.063em)/";
	width: 64.063em
}
meta.foundation-mq-xlarge {
	font-family: "/only screen and (min-width:90.063em)/";
	width: 90.063em
}
meta.foundation-mq-xxlarge {
	font-family: "/only screen and (min-width:120.063em)/";
	width: 120.063em
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.market-info .button {
    top: -10px;
}

.topmenu {
    float: right;
    font-size: 13px;
    padding: 30px 15px;
    line-height: 45px;
    color: #FFF;
	display:none;
}

.MobileLink {display:none;}

.topmenu a {
	color: #FFF;
}

.topmenu a:hover {
	text-decoration: underline;
	color: #FFF;
}

.approve img {
    width: 11%;
    margin: 0px 4%;
}

.approve {
    width: 100%;
}

html, body {
	font-size: 100%
}
body {
	background: #fff;
	color: #222;
	padding: 0;
	margin: 0;
	font-family: 'Questrial', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default
}

ul.pagination.bootpag {
    float: left;
    width: 100%;
    display: block;
}

ul.pagination.bootpag li {
    float:left;
    margin:1%;
    list-style:none;
}

/* GDPR */

#fo3li8 #GDPR{
float:left;
margin-right:10px;}

#fo3li8 .desc p {
	display:inline;
	margin:0px;}


.full-banner, .full-banner img{
	width:100%;
	/* max-height: 550px; */
}

.full-banner {
	max-height:550px;
	overflow:hidden;
}


img.logoSquares {
    position: fixed;
    bottom: 0px;
    left: 50%;
    z-index: 0;
    opacity: .5;
	display:block;
}

a:hover {
	cursor: pointer
}
img, object, embed {
	max-width: 100%;
	height: auto
}
object, embed {
	height: 100%
}
img {
	-ms-interpolation-mode: bicubic
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
	max-width: none !important
}
.left {
	float: left !important
}
.right {
	float: right !important
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.text-left {
	text-align: left !important
}
.text-right {
	text-align: right !important
}
.text-center {
	text-align: center !important
}
.text-justify {
	text-align: justify !important
}
.hide {
	display: none
}
.antialiased {
	-webkit-font-smoothing: antialiased
}
img {
	display: inline-block;
	vertical-align: middle
}
textarea {
	height: auto;
	min-height: 50px
}
select {
	width: 100%
}
html, body {
	height: 100%
}
.main-wrapper {
	clear: both;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -90px
}
.main-wrapper #footer-push {
	height: 90px
}
.footer-wrapper {
	clear: both;
	position: relative;
	height: 90px;
	z-index:  2;
}
p {
	line-height: 1.5
}
a {
	text-decoration: none
}
a:visited {
	color: #FFF
}
a:hover {
	color: #2b7de1;
}
a:link {
	color: #FFF
}
img {
	border: 0
}
div {
	padding-left: 0px;
	padding-right: 0px
}
body {
	font-family: 'Questrial', sans-serif;
	background-color: #FFF;
	background-attachment: fixed;
	background-position: left top;
	line-height: 1.6;
	font-size: 16px
}
a.fc-event {
	color: #FFF !important
}
a.fc-event:link, a.fc-event:visited, a.fc-event:active {
	color: #FFF !important
}
a.fc-event:hover {
	color: #ccc !important
}
.main-wrapper {
	/*max-width: 60rem;*/
	width:100%;
	background-color: transparent;
	margin: 0 auto;
	margin-bottom: -94px !important;
	z-index: 2;
	position: relative;
}

.top-bar-section{
	max-width: 1200px;
	margin:0 auto;
}

#home-logo img{
	height: 95px;
	/*height:90px; for the new logo*/
	float:left;
	margin-top: 10px; /*for old logo. take out*/
	margin-left: 10px;
	display: block;
}

.header img{
	height:70px;
}

.topmenu img{
	height:16px !important;
}

.memberContainerBasic {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	float: left;
	padding: 20px;
	min-height: 200px
}
.memberContainerBasic .memberLogo {
	height: 150px;
}
.memberContainer {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	float: left;
	padding: 20px;
	min-height: 350px
}
.memberContainer .memberLogo {
	height: 150px;
	position: relative;
}
.memberContainer .memberLogo img {
	position: absolute;
	left: 42%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.outer-technical-director {
	text-align: center
}
.outer-technical-director .technical-field-director {
	background-color: #DDD;
	padding: 10px;
	display: inline-block
}
.outer-technical-director .technical-field-director img {
	height: 150px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.outer-technical-director .technical-field-director img {
	height: auto
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.outer-technical-director .technical-field-director {
	width: auto;
	text-align: center
}
}
.outer-technical-director .technical-field-director .tech-image {
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.outer-technical-director .technical-field-director .tech-image {
	float: none;
	text-align: center
}
}
.outer-technical-director .technical-field-director .tech-content {
	float: right;
	padding: 0 10px
}
.outer-technical-director .technical-field-director .tech-content h2 {
	color: #2b7de1
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.outer-technical-director .technical-field-director .tech-content {
	float: none;
	text-align: center
}
}
.results {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
.results .result {
	background-color: #FFF;
	padding: 0px 10px 10px 10px;
	margin-top: 10px
}
.results .result h2 {
	color: #2b7de1
}
.results .result #sales-rep {
	font-weight: 700
}
.results .result #cs-name {
	font-weight: 700
}
.archbutton {
	width: 100%
}
.archbutton:link, .archbutton:visited, .archbutton:active {
	color: #FFFFFF !important
}
.archbutton:hover {
	color: #ddd !important
}
.youtubeframe {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.youtubeframe {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.tickdown:before {
	border-color: rgba(255,255,255,0.4) transparent transparent transparent !important;
	border-top-style: solid !important;
	margin-left: 2px !important;
	margin-right: 8px !important
}
.accordion dd {
	margin-left: 0px
}
.accordion dd>a:first-child {
	background-color: #2b7de1 !important;
	color: #FFF !important;
	padding: 0.75rem !important;
	border-bottom: 1px #FFF solid
}
.accordion dd>a:first-child:before {
	content: "";
	border: inset 5px;
	border-color: transparent transparent transparent rgba(255,255,255,0.4);
	border-left-style: solid;
	top: -5px;
	font-size: 0px;
	vertical-align: middle;
	margin: 5px
}
.accordion dd .content {
	background-color: #FFF;
	padding: 20px;
	color: #333
}
.plan-block-wrapper {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left;
	padding: 10px
}
.plan-block {
	text-align: center;
	background-color: #FFF
}
.plan-block .plan-logo {
	margin-bottom: 20px
}
.plan-block .plan-logo p img {
	padding: 20px;
	background-color: #FFF
}
.plan-block a {
	color: #FFF !important
}
.plan-block a:hover {
	color: #DDD !important
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.nav-wrapper {
	position: fixed;
	margin: 0 auto;
	top: 0;
	width: 100%;
	z-index: 99
}
}
.rainbow-bar {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	background: url("/images/rainbow-bar.png");
	height: 3px;
	background-size:cover;
	display: none;
}
.footer-rainbow-bar {
	width: 100%;
	background: url("/images/rainbow-bar.png");
	background-size: 100% 100%;
	height: 3px;
	display:  none;
}
./*top-bar-shadow {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	background: url("/images/top-bar-shadow.png");
	height: 17px;
	background-size:cover;
}*/

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.top-bar-shadow {
	display: none
}
}
.header-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1200px;
	display:none;
*
	zoom:1;
	padding: 15px;
	/* position: fixed; */
}
.header-wrapper:before, .header-wrapper:after {
	content: " ";
	display: table
}
.header-wrapper:after {
	clear: both
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.header-wrapper {
	text-align: center
}
}
.header-wrapper .header {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	display: inline;
	padding:10px 0px;
}
.header-wrapper .header .topmenu {
	bottom: 0;
	position: absolute;
	right: 0;
	color: #999;
	font-size: 14px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.header-wrapper .header .topmenu {
	position: inherit;
	margin-top: 20px;
	font-size: 12px
}
}
.header-wrapper .header .topmenu a:visited, .header-wrapper .header .topmenu a:active, .header-wrapper .header .topmenu a:link {
	color: #999
}
.header-wrapper .header .topmenu a:hover {
	color: #333
}
.header-wrapper .header .vcard {
	float: right;
	margin: 5px;
	padding: 10px;
	vertical-align: middle
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.header-wrapper .header {
	margin: 0 auto;
	width: 100%
}
.header-wrapper .header .vcard {
	padding: 0;
	float: none;
	border: 0px solid transparent
}
}
.nav-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 60rem;
*zoom:1
}
.nav-wrapper:before, .nav-wrapper:after {
	content: " ";
	display: table
}
.nav-wrapper:after {
	clear: both
}
.nav-wrapper .nav {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.nav-wrapper .nav {
	padding: 0
}
}
.slider-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/*max-width: 60rem;*/
*
	zoom:1;
	max-height: 550px;
	overflow:  hidden;
}
.slider-wrapper:before, .slider-wrapper:after {
	content: " ";
	display: table
}
.slider-wrapper:after {
	clear: both
}
.slider-wrapper .slider {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	padding-left: 0px;
	padding-right: 0px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.slider-wrapper .slider #headline-links {
	text-align: center
}
}
.slider-wrapper .slider .orbit-container .orbit-next>span {
	border-left-color: black
}
.slider-wrapper .slider .orbit-container .orbit-prev>span {
	border-right-color: black
}
.slider-wrapper .slider a.active {
	background-color: #333
}
.slider-wrapper .slider .orbit-caption a:visited, .slider-wrapper .slider .orbit-caption a:active, .slider-wrapper .slider .orbit-caption a:link {
	color: #FFF
}
.slider-wrapper .slider .orbit-caption a:hover {
	color: #FFF
}
.slider-wrapper .slider .orbit-caption h2 {
	font-weight: 100;
	font-size: 40px;
	margin-bottom: 0
}

@media (min-width: 48em) and (max-width: 53.125em) {
.slider-wrapper .slider .orbit-caption h2 {
	font-size: 30px
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.slider-wrapper .slider .orbit-caption h2 {
	font-size: 20px
}
}
.slider-wrapper .slider .orbit-caption img {
	border: 0px 0px 0px 0px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.slider-wrapper .slider .orbit-caption img {
	height: 42px;
	width: 149px;
	display: none
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.slider-wrapper .slider .orbit-caption .orbit-container {
	height: 50%;
	min-height: 200px
}
}
.slider-wrapper .slider .orbit-caption .orbit-slide-number {
	display: hidden
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.orbit-container {
	height: 50%;
	min-height: 200px
}
}
.orbit-timer {
	left: -10000px;
	top: auto;
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px
}
.orbit-container .orbit-slides-container img {
	display: block;
	max-width: 100%
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.orbit-container .orbit-slides-container img {
	overflow: hidden;
	min-height: 200px
}
}
.orbit-bullets-container {
	text-align: left !important;
	margin-left: -25px;
	margin-top: -30px;
	z-index: 20;
	position: relative
}
.orbit-container .orbit-slides-container>* .orbit-caption {
	top: 0 !important;
	bottom: none !important;
	width: 40% !important;
	height: 100% !important;
	padding: 10px 30px !important
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.orbit-container .orbit-slides-container>* .orbit-caption {
	width: 100% !important
}
}
.sub-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1200px;
*
	zoom:1;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sub-wrapper:before, .sub-wrapper:after {
	content: " ";
	display: table
}
.sub-wrapper:after {
	clear: both
}
.sub-wrapper .sub {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	text-align: center
}
.sub-wrapper .sub .icon-wrap {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 16.66667%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-wrapper .sub .icon-wrap {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left
}
}

@media (min-width: 48em) and (max-width: 53.125em) {
.sub-wrapper .sub .icon-wrap {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left
}
}

@media (min-width: 0.0625em) and (max-width: 26.25em) {
.sub-wrapper .sub .icon-wrap {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left
}
}
.image-swap, #product-information, #msds, #customer-appreciation, #client-login, #truecoater-program, #chip-program, #tcinews, #trupakicon {
	height: 100px;
	padding-left: 0px;
	padding-right: 0px;
	background-repeat: no-repeat
}
.image-swap:hover, #product-information:hover, #msds:hover, #customer-appreciation:hover, #client-login:hover, #truecoater-program:hover, #chip-program:hover, #tcinews:hover, #trupakicon:hover {
	background-position: 50% 100%
}
#tcinews {
	background: url("/images/programs/tci-news.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#trupakicon {
	background: url("/images/programs/trupak.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#product-information {
	background: url("/images/programs/product-information.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#msds {
	background: url("/images/programs/sds.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#customer-appreciation {
	background: url("/images/programs/customer-appreciation.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#client-login {
	background: url("/images/programs/client-login.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#truecoater-program {
	background: url("/images/programs/tru-coater.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
#chip-program {
	background: url("/images/programs/chip-program.png");
	background-position: 50% 0;
	background-repeat: no-repeat
}
.content-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1200px;
*
	zoom:1;
}
.content-wrapper:before, .content-wrapper:after {
	content: " ";
	display: table
}
.content-wrapper:after {
	clear: both
}
.content-wrapper .content .indent ul {
	margin-left: -15px !important
}
.content-wrapper .content .pagetitle {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	float: none;
	height: 45px;
	color: #FFF;
	background-color: #00415b
}
.content-wrapper .content .pagetitle .headerstyle {
	line-height: 1.45;
	height: 100%
}
.content-wrapper .content .pagetitle .headerstyle h1 {
	font-size: 24px
}
.content-wrapper .content .main-content {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: 20px;
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content {
	padding-left: 5px !important;
	padding-right: 5px !important
}
}
.content-wrapper .content .main-content .content-image {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 25%;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #2b7de1;
	display: none;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .content-image {
	display: none
}
}
.content-wrapper .content .main-content .content-image ul {
	list-style: none;
	padding-left: 15px
}
.content-wrapper .content .main-content .content-image ul li {
	padding: 5px;
	background-color: #f6f6f6;
	font-size: 12px;
	margin-bottom: 5px
}
.content-wrapper .content .main-content .content-image a:link, .content-wrapper .content .main-content .content-image a:active, .content-wrapper .content .main-content .content-image a:visited {
	color: #2b7de1
}
.content-wrapper .content .main-content .content-image a:hover {
	color: #2b7de1
}
.content-wrapper .content .main-content .page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	/* background-color: #f6f6f6; */
	color: #002e6f;
	padding: 0px 30px 0px 30px;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .page-content a:link, .content-wrapper .content .main-content .page-content a:visited, .content-wrapper .content .main-content .page-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .page-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .youtube-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	/* background-color: #f6f6f6; */
	color: #002e6f;
	padding: 0px 30px 0px 30px;
}
.content-wrapper .content .main-content .youtube-content a:link, .content-wrapper .content .main-content .youtube-content a:visited, .content-wrapper .content .main-content .youtube-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .youtube-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .event-calendar-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 66.66667%;
	float: left;
	background-color: #f6f6f6;
	color: #717171;
	padding: 0 30px 0 30px
}
.content-wrapper .content .main-content .event-calendar-content a:link, .content-wrapper .content .main-content .event-calendar-content a:visited, .content-wrapper .content .main-content .event-calendar-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .event-calendar-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .contact-page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 66.66667%;
	float: left;
	background-color: #f6f6f6;
	color: #717171;
	padding: 0px 30px 30px 30px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .contact-page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .contact-page-content a:link, .content-wrapper .content .main-content .contact-page-content a:visited, .content-wrapper .content .main-content .contact-page-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .contact-page-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .contact-page-content .contactform {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .contact-page-content .contactform {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .locations {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	text-align: left;
	padding: 0 20px;
	color: #717171
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .locations {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	border-bottom: 100px #f6f6f6 solid;
	text-align: center
}
}
.content-wrapper .content .main-content .locations a:link, .content-wrapper .content .main-content .locations a:visited, .content-wrapper .content .main-content .locations a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .locations a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .program-page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	background-color: #f6f6f6;
	color: #717171;
	padding: 0px 30px 0px 30px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .program-page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .program-page-content a:link, .content-wrapper .content .main-content .program-page-content a:visited, .content-wrapper .content .main-content .program-page-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .program-page-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .color-page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	color: #717171
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .color-page-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .color-page-content .selector {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 25%;
	float: left;
	margin-bottom: 20px;
	background-color: #f6f6f6
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .color-page-content .selector {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .color-page-content .selector .selection {
	margin: 3px;
	cursor: pointer;
	border: 1px solid #111;
	height: 50px;
	width: 50px;
	float: left
}
.content-wrapper .content .main-content .color-page-content .selector #red {
	background-color: red
}
.content-wrapper .content .main-content .color-page-content .selector #violet {
	background-color: magenta
}
.content-wrapper .content .main-content .color-page-content .selector #brown {
	background-color: #964B00
}
.content-wrapper .content .main-content .color-page-content .selector #beige {
	background-color: #C3B091
}
.content-wrapper .content .main-content .color-page-content .selector #orange {
	background-color: #FF7F00
}
.content-wrapper .content .main-content .color-page-content .selector #black {
	background-color: black
}
.content-wrapper .content .main-content .color-page-content .selector #white {
	background-color: white
}
.content-wrapper .content .main-content .color-page-content .selector #lime {
	background-color: #58A43C
}
.content-wrapper .content .main-content .color-page-content .selector #blue {
	background-color: #044992
}
.content-wrapper .content .main-content .color-page-content .selector #yellow {
	background-color: yellow
}
.content-wrapper .content .main-content .color-page-content .selector #cyan {
	background-color: cyan
}
.content-wrapper .content .main-content .color-page-content .selector #silver {
	background-color: silver
}
.content-wrapper .content .main-content .color-page-content .selector #gray {
	background-color: gray
}
.content-wrapper .content .main-content .color-page-content .selector #maroon {
	background-color: maroon
}
.content-wrapper .content .main-content .color-page-content .selector #olive {
	background-color: olive
}
.content-wrapper .content .main-content .color-page-content .selector #teal {
	background-color: teal
}
.content-wrapper .content .main-content .color-page-content .selector #navy {
	background-color: navy
}
.content-wrapper .content .main-content .color-page-content .selector #clear {
	background: url("/images/colors/clear.jpg")
}
.content-wrapper .content .main-content .color-page-content .results {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 75%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .color-page-content .results {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .color-page-content .results .disclaimer {
	font-size: 0.75rem;
	padding: 20px;
	padding-top: 0px
}
.content-wrapper .content .main-content .color-page-content .results .disclaimer div {
	padding: 10px;
	background-color: #f6f6f6
}
.content-wrapper .content .main-content .color-page-content .results .color-results {
	padding: 0 20px;
	text-transform: uppercase
}
.content-wrapper .content .main-content .color-page-content .results .color-results .color {
	position: relative;
	margin: 10px;
	float: left
}
.content-wrapper .content .main-content .color-page-content .results .color-results .color span.description {
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background-color: #FFF;
	font-size: 0.625rem
}
.content-wrapper .content .main-content .color-page-content .results .color-results .color span.description span {
	font-size: 0.625rem
}
.content-wrapper .content .main-content .color-page-content .results .color-results .color span.description span.productID {
	font-size: .95rem;
	font-weight: 700
}
.content-wrapper .content .main-content .color-page-content .results .color-results .color span.distance {
	font-size: 0.625rem;
	bottom: 0;
	position: absolute;
	right: 0;
	padding: 10px
}
.content-wrapper .content .main-content .color-page-content .results .color-results .color span.TDS {
	font-size: 0.625rem;
	bottom: 0;
	position: absolute;
	left: 0;
	padding: 10px
}
.content-wrapper .content .main-content .color-page-content a:link, .content-wrapper .content .main-content .color-page-content a:visited, .content-wrapper .content .main-content .color-page-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .color-page-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .program-block {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left;
	padding: 20px;
	text-align: center;
	color: #717171
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .program-block {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .program-block h2 {
	font-weight: 300
}
.content-wrapper .content .main-content .market-page-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/* max-width: 60rem; */
*
	zoom:1;
	/* background-color: #f6f6f6; */
	color: #717171;
	padding: 0px 30px 0px 30px;
	margin-bottom: 20px;
}
.content-wrapper .content .main-content .market-page-content:before, .content-wrapper .content .main-content .market-page-content:after {
	content: " ";
	display: table
}
.content-wrapper .content .main-content .market-page-content:after {
	clear: both
}
.content-wrapper .content .main-content .market-page-content a:link, .content-wrapper .content .main-content .market-page-content a:visited, .content-wrapper .content .main-content .market-page-content a:active {
	color: #2b7de1
}
.content-wrapper .content .main-content .market-page-content a:hover {
	color: #00415b
}
.content-wrapper .content .main-content .market {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left;
	padding: 10px 20px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .market {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .market .market-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	height: 120px;
	background-color: #f6f6f6;
	padding-left: 0px !important
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .main-content .market .market-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.content-wrapper .content .main-content .market .market-panel .market-info {
	color: #717171;
	text-align: center;
	width: 175px;
	padding: 10px;
	height: 120px;
	background-color: rgba(255,255,255,0.88)
}
.content-wrapper .content .main-content .market .market-panel .market-info span {
	font-size: 18px;
	color: #2b7de1;
	font-weight: 700
}
.content-wrapper .content .sidebar {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	border: 1px solid #CCC;
	background-color: #DDD;
	padding: 15px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.content-wrapper .content .sidebar {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	padding: 15px
}
}
.home-content-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/* max-width: 1200px; */
*
	zoom:1;
	padding: 0px;
}
.home-content-wrapper:before, .home-content-wrapper:after {
	content: " ";
	display: table
}
.home-content-wrapper:after {
	clear: both
}
.home-content-wrapper .content {
	margin-top: 10px;
	margin-bottom: 40px
}
.home-content-wrapper .content div {
	display: inline
}
.home-content-wrapper .content .main-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 66.66667%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.home-content-wrapper .content .main-content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.home-content-wrapper .content .sidebar {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	border: 1px solid #CCC;
	background-color: #DDD;
	padding: 15px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.home-content-wrapper .content .sidebar {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	padding: 15px
}
}
.eventStyle {
	display: block !important;
	margin: 3px;
	padding: 5px;
	background-color: #00384e;
	border-radius: 2px
}
.eventStyle a {
	padding-left: 4px;
	padding-right: 4px
}
.dayList a:visited, .dayList a:active, .dayList a:link {
	color: #FFF !important
}
.dayList a:hover {
	color: #DDD !important
}
.footer-wrapper {
	background-color: #002e6f;
}
.footer-wrapper footer {
	height: 75%;
	display: block;
	padding: 0.9375rem;
	color: #FFF;
	font-size: 12px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 60rem;
*zoom:1;
	width: 100%
}
.footer-wrapper footer:before, .footer-wrapper footer:after {
	content: " ";
	display: table
}
.footer-wrapper footer:after {
	clear: both
}
.footer-wrapper footer img {
	padding-right: 5px
}
.footer-wrapper footer div {
	padding: 0.625rem
}
.footer-wrapper footer div h4 {
	color: #FFF
}
.footer-wrapper .copy {
	text-align: center;
	font-size: 12px;
	background-color: #98999b;
	color: #FFF;
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
}
.footer-wrapper .copy span {
	line-height: 2
}
.sub-panels {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 60rem;
*zoom:1;
	color: #FFF
}
.sub-panels:before, .sub-panels:after {
	content: " ";
	display: table
}
.sub-panels:after {
	clear: both
}
.sub-panels h2 {
	margin-bottom: 5px !important
}
.sub-panels section {
	width: 100%
}
.sub-panels section .news-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left;
	height: 319px;
	display: inherit;
	/*background-color: #002e6f;*/
	padding-left: 0px !important
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	height: auto
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel {
	margin-bottom: 10px
}
}
.sub-panels section .news-panel .bg-image {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	height: 319px;
	padding-right: 0px !important;
	background-position:center !important;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel .bg-image {
	display: none
}
}
.sub-panels section .news-panel .bg-image .leftarrow {
	background: url("/images/sub-box-accent_newblue.png") transparent no-repeat;
	width: 34px;
	height: 319px;
	position: absolute;
    right: -2px;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel .bg-image .leftarrow {
	display: none
}
}
.sub-panels section .news-panel .content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 66.66667%;
	float: left;
	height: 100%;
	overflow: hidden;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	background-color: #002e6f;
	margin:0px;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel .content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel .content p {
	font-size: 12px
}
}
.sub-panels section .news-panel .content .doublearrow {
	background: url("/images/sub-box-doublearrow.png") transparent no-repeat;
	width: 23px;
	height: 16px;
	position: absolute;
	bottom: 20px;
	right: 0
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .news-panel .content .doublearrow {
	bottom: 0
}
}
.sub-panels section .locations-panel {
	height: 319px;
	display: inherit;
	padding-left: 0px !important;
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 50%;
	float: left
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	height: auto
}
}
.sub-panels section .locations-panel .bg-image {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 33.33333%;
	float: left;
	height: 319px;
	padding-right: 0px !important;
	background-position:center !important;
	background-size:cover !important;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel .bg-image {
	display: none
}
}
.sub-panels section .locations-panel .bg-image .leftarrow {
	background: url("/images/sub-box-accent_newblue.png") transparent no-repeat;
	width: 34px;
	height: 319px;
	float: right;
	margin-right:-3px;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel .bg-image .leftarrow {
	display: none
}
}
.sub-panels section .locations-panel .content {
	overflow: hidden;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	height: 100%;
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 66.66667%;
	float: left;
	background-color: #002e6f;
	margin:0px;
	margin:0px;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel .content p {
	font-size: 12px
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel .content p a {
	font-size: 0.75rem
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel .content {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.sub-panels section .locations-panel .content .doublearrow {
	background: url("/images/sub-box-doublearrow.png") transparent no-repeat;
	width: 23px;
	height: 16px;
	position: absolute;
	bottom: 20px;
	right: 0
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-panels section .locations-panel .content .doublearrow {
	bottom: 0
}
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
	content: "" !important;
	border-color: transparent transparent transparent rgba(255,255,255,0) !important
}
.menuicon {
	background: url(/images/header-menu-icon.png);
	background-color: #002e6f !important;
	width: 54px;
	height: 105px;
	float: left;
	background-repeat:  no-repeat;
	background-position: center;
	display:none;
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.menuicon {
	display: none
}
}
.top-bar ul {
	padding-left: 0 !important
}

@media (min-width: 48em) {
.top-bar-section .has-dropdown>a {
	padding-right: 30px !important
}
}
.button {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important
}
.sub-market {
	margin-top: 20px
}
.sub-market .markets {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 20%;
	float: left;
	margin-bottom: 10px
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-market .markets {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.sub-market .markets .markets-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left;
	background-color: #f6f6f6;
	padding: 0px !important
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-market .markets .markets-panel {
	position: relative;
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
	width: 100%;
	float: left
}
}
.sub-market .markets .markets-panel .markets-info {
	min-height: 109px;
	color: #717171;
	text-align: center;
	padding: 0;
	background-color: #f6f6f6;
	padding-top: 10px
}

@media (min-width: 48em) {
.sub-market .markets .markets-panel .markets-info a {
	margin-bottom: 0px !important
}
}

@media (min-width: 0.0625em) and (max-width: 47.9375em) {
.sub-market .markets .markets-panel .markets-info a {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: 20%;
	margin-right: 20%
}
}
.sub-market .markets .markets-panel .markets-info span {
	line-height: 80%;
	font-size: 18px;
	color: #2b7de1;
	font-weight: 700
}
.accordion {
*zoom:1;
	margin-bottom: 0
}
.accordion:before, .accordion:after {
	content: " ";
	display: table
}
.accordion:after {
	clear: both
}
.accordion dd {
	display: block;
	margin-bottom: 0 !important
}
.accordion dd.active a {
	background: #e8e8e8
}
.accordion dd>a {
	background: #efefef;
	color: #222;
	padding: 1rem;
	display: block;
	font-family: 'Questrial', sans-serif;
	font-size: 1rem
}
.accordion dd>a:hover {
	background: #e3e3e3
}
.accordion .content {
	display: none;
	padding: 0.3125rem
}
.accordion .content.active {
	display: block;
	background: #fff
}
button, .button {
	cursor: pointer;
	font-family: 'Questrial', sans-serif;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.5rem;
	padding-right: 2rem;
	padding-bottom: 0.5625rem;
	padding-left: 2rem;
	font-size: 1rem;
	background-color: #ff6d37;
	border-color: #2b7de1;
	color: #fff;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 1.0625rem;
	padding-bottom: 1rem;
	-webkit-appearance: none;
	border: none;
	font-weight: normal !important
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #2b7de1
}
button:hover, button:focus, .button:hover, .button:focus {
	color: #fff
}
button.secondary, .button.secondary {
	background-color: #e7e7e7;
	border-color: #dadada;
	color: #333
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
	background-color: #dadada
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
	color: #333
}
button.success, .button.success {
	background-color: #43ac6a;
	border-color: #3c9a5f;
	color: #fff
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
	background-color: #3c9a5f
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
	color: #fff
}
button.alert, .button.alert {
	background-color: #f04124;
	border-color: #ea2f10;
	color: #fff
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
	background-color: #ea2f10
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
	color: #fff
}
button.large, .button.large {
	padding-top: 0.5625rem;
	padding-right: 2.25rem;
	padding-bottom: 0.625rem;
	padding-left: 2.25rem;
	font-size: 1.25rem
}
button.small, .button.small {
	padding-top: 0.4375rem;
	padding-right: 1.75rem;
	padding-bottom: 0.5rem;
	padding-left: 1.75rem;
	font-size: 0.8125rem
}
button.tiny, .button.tiny {
	padding-top: 0.3125rem;
	padding-right: 1.25rem;
	padding-bottom: 0.375rem;
	padding-left: 1.25rem;
	font-size: 0.6875rem
}
button.expand, .button.expand {
	padding-right: 0;
	padding-left: 0;
	width: 100%
}
button.left-align, .button.left-align {
	text-align: left;
	text-indent: 0.75rem
}
button.right-align, .button.right-align {
	text-align: right;
	padding-right: 0.75rem
}
button.radius, .button.radius {
	-webkit-border-radius: 3px;
	border-radius: 3px
}
button.round, .button.round {
	-webkit-border-radius: 1000px;
	border-radius: 1000px
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
	background-color: #2b7de1;
	border-color: #2b7de1;
	color: #fff;
	cursor: default;
	opacity: 0.7;
	-webkit-box-shadow: none;
	box-shadow: none
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #2b7de1
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	color: #fff
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #2b7de1
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
	background-color: #e7e7e7;
	border-color: #dadada;
	color: #333;
	cursor: default;
	opacity: 0.7;
	-webkit-box-shadow: none;
	box-shadow: none
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
	background-color: #dadada
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
	color: #333
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
	background-color: #e7e7e7
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
	background-color: #43ac6a;
	border-color: #3c9a5f;
	color: #fff;
	cursor: default;
	opacity: 0.7;
	-webkit-box-shadow: none;
	box-shadow: none
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
	background-color: #3c9a5f
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
	color: #fff
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
	background-color: #43ac6a
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
	background-color: #f04124;
	border-color: #ea2f10;
	color: #fff;
	cursor: default;
	opacity: 0.7;
	-webkit-box-shadow: none;
	box-shadow: none
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
	background-color: #ea2f10
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
	color: #fff
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
	background-color: #f04124
}

@media only screen and (min-width: 40.063em) {
button, .button {
	display: inline-block
}
}
[data-clearing] {
*zoom:1;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none
}
[data-clearing]:before, [data-clearing]:after {
	content: " ";
	display: table
}
[data-clearing]:after {
	clear: both
}
[data-clearing] li {
	float: left;
	margin-right: 10px
}
.clearing-blackout {
	background: #333;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 998
}
.clearing-blackout .clearing-close {
	display: block
}
.clearing-container {
	position: relative;
	z-index: 998;
	height: 100%;
	overflow: hidden;
	margin: 0
}
.visible-img {
	height: 95%;
	position: relative
}
.visible-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50%;
	max-height: 100%;
	max-width: 100%
}
.clearing-caption {
	color: #ccc;
	font-size: 0.875em;
	line-height: 1.3;
	margin-bottom: 0;
	text-align: center;
	bottom: 0;
	background: #333;
	width: 100%;
	padding: 10px 30px 20px;
	position: absolute;
	left: 0
}
.clearing-close {
	z-index: 999;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 30px;
	line-height: 1;
	color: #ccc;
	display: none
}
.clearing-close:hover, .clearing-close:focus {
	color: #ccc
}
.clearing-assembled .clearing-container {
	height: 100%
}
.clearing-assembled .clearing-container .carousel>ul {
	display: none
}
.clearing-feature li {
	display: none
}
.clearing-feature li.clearing-featured-img {
	display: block
}

@media only screen and (min-width: 40.063em) {
.clearing-main-prev, .clearing-main-next {
	position: absolute;
	height: 100%;
	width: 40px;
	top: 0
}
.clearing-main-prev>span, .clearing-main-next>span {
	position: absolute;
	top: 50%;
	display: block;
	width: 0;
	height: 0;
	border: solid 12px
}
.clearing-main-prev>span:hover, .clearing-main-next>span:hover {
	opacity: 0.8
}
.clearing-main-prev {
	left: 0
}
.clearing-main-prev>span {
	left: 5px;
	border-color: transparent;
	border-right-color: #ccc
}
.clearing-main-next {
	right: 0
}
.clearing-main-next>span {
	border-color: transparent;
	border-left-color: #ccc
}
.clearing-main-prev.disabled, .clearing-main-next.disabled {
	opacity: 0.3
}
.clearing-assembled .clearing-container .carousel {
	background: rgba(51,51,51,0.8);
	height: 120px;
	margin-top: 10px;
	text-align: center
}
.clearing-assembled .clearing-container .carousel>ul {
	display: inline-block;
	z-index: 999;
	height: 100%;
	position: relative;
	float: none
}
.clearing-assembled .clearing-container .carousel>ul li {
	display: block;
	width: 120px;
	min-height: inherit;
	float: left;
	overflow: hidden;
	margin-right: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
	opacity: 0.4
}
.clearing-assembled .clearing-container .carousel>ul li.fix-height img {
	height: 100%;
	max-width: none
}
.clearing-assembled .clearing-container .carousel>ul li a.th {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block
}
.clearing-assembled .clearing-container .carousel>ul li img {
	cursor: pointer !important;
	width: 100% !important
}
.clearing-assembled .clearing-container .carousel>ul li.visible {
	opacity: 1
}
.clearing-assembled .clearing-container .carousel>ul li:hover {
	opacity: 0.8
}
.clearing-assembled .clearing-container .visible-img {
	background: #333;
	overflow: hidden;
	height: 85%
}
.clearing-close {
	position: absolute;
	top: 10px;
	right: 20px;
	padding-left: 0;
	padding-top: 0
}
}
.flex-video {
	position: relative;
	padding-top: 1.5625rem;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 1rem;
	overflow: hidden
}
.flex-video.widescreen {
	padding-bottom: 57.25%
}
.flex-video.vimeo {
	padding-top: 0
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
meta.foundation-mq-topbar {
	font-family: "/only screen and (min-width: 768px)/";
	width: 768px
}
.contain-to-grid {
	width: 100%;
	background: #2b7de1;
}
.contain-to-grid .top-bar {
	margin-bottom: 0
}
.fixed {
	width: 100%;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 99
}
.fixed.expanded:not(.top-bar) {
	overflow-y: auto;
	height: auto;
	width: 100%;
	max-height: 100%
}
.fixed.expanded:not(.top-bar) .title-area {
	position: fixed;
	width: 100%;
	z-index: 99
}
.fixed.expanded:not(.top-bar) .top-bar-section {
	z-index: 98;
	margin-top: 45px
}
.top-bar {
	overflow: hidden;
	/*height: 45px;*/
	line-height: 45px;
	position: relative;
	background: #002e6f;
	margin-bottom: 0;
}
.top-bar ul {
	margin-bottom: 0;
	list-style: none
}
.top-bar .row {
	max-width: none
}
.top-bar form, .top-bar input {
	margin-bottom: 0
}
.top-bar input {
	height: auto;
	padding-top: .35rem;
	padding-bottom: .35rem;
	font-size: 0.75rem
}
.top-bar .button {
	padding-top: .45rem;
	padding-bottom: .35rem;
	margin-bottom: 0;
	font-size: 0.75rem
}
.top-bar .title-area {
	position: relative;
	margin: 0
}
.top-bar .name {
	height: 45px;
	margin: 0;
	font-size: 16px
}
.top-bar .name h1 {
	line-height: 45px;
	font-size: 1.0625rem;
	margin: 0
}
.top-bar .name h1 a {
	font-weight: normal;
	color: #fff;
	width: 50%;
	display: block;
	padding: 0 15px
}
.top-bar .toggle-topbar {
	position: absolute;
	right: 0;
	top: 0
}
.top-bar .toggle-topbar a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8125rem;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 15px;
	height: 45px;
	line-height: 45px
}
.top-bar .toggle-topbar.menu-icon {
	right: 15px;
	top: 50%;
	margin-top: -16px;
	padding-left: 40px
}
.top-bar .toggle-topbar.menu-icon a {
	text-indent: -48px;
	width: 34px;
	height: 34px;
	line-height: 33px;
	padding: 0;
	color: #fff
}
.top-bar .toggle-topbar.menu-icon a span {
	position: absolute;
	right: 0;
	display: block;
	width: 16px;
	height: 0;
	-webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
	box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff
}
.top-bar.expanded {
	height: auto;
	background: transparent
}
.top-bar.expanded .title-area {
	background: #2b7de1
}
.top-bar.expanded .toggle-topbar a {
	color: #888
}
.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888;
	box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888
}
.top-bar-section {
	left: 0;
	position: relative;
	width: auto;
	-webkit-transition: left 300ms ease-out;
	-moz-transition: left 300ms ease-out;
	transition: left 300ms ease-out
}
.top-bar-section ul {
	width: 100%;
	height: auto;
	display: block;
	background: #2b7de1;
	font-size: 16px;
	margin: 0;
	/* margin-top:22px; */
	/* padding: 22px 0px; */
	float:right;
	}

.top-bar-section .divider, .top-bar-section [role="separator"] {
	border-top: solid 1px #046;
	clear: both;
	height: 1px;
	width: 100%
}
.top-bar-section ul li>a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 12px 0 12px 0;
	padding-left: 15px;
	font-family: 'Questrial', sans-serif;
	font-size: 0.8125rem;
	font-weight: normal;
	background: #2b7de1;
	text-align:  left;
	float: left;
}
.top-bar-section ul li>a.button {
	background: #2b7de1;
	font-size: 0.8125rem;
	padding-right: 15px;
	padding-left: 15px
}
.top-bar-section ul li>a.button:hover {
	background: #046
}
.top-bar-section ul li>a.button.secondary {
	background: #e7e7e7
}
.top-bar-section ul li>a.button.secondary:hover {
	background: #cecece
}
.top-bar-section ul li>a.button.success {
	background: #43ac6a
}
.top-bar-section ul li>a.button.success:hover {
	background: #358753
}
.top-bar-section ul li>a.button.alert {
	background: #f04124
}
.top-bar-section ul li>a.button.alert:hover {
	background: #d32a0e
}
.top-bar-section ul li:hover>a {
	background: #2b7de1;
	color: #fff
}
.top-bar-section ul li.active>a {
	background: #2b7de1;
	color: #fff
}
.top-bar-section ul li.active>a:hover {
	background: #2b7de1
}
.top-bar-section .has-form {
	padding: 15px
}
.top-bar-section .has-dropdown {
	position: relative;
	/* padding: 22px 0px; */
}
.top-bar-section .has-dropdown>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent transparent transparent rgba(255,255,255,0.4);
	border-left-style: solid;
	margin-right: 15px;
	margin-top: -4.5px;
	position: absolute;
	top: 50%;
	right: 0;
}
.top-bar-section .has-dropdown.moved {
	position: static
}
.top-bar-section .has-dropdown.moved>.dropdown {
	display: block
}
.top-bar-section .dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	z-index: 99
}
.top-bar-section .dropdown li {
	width: 100%;
	height: auto
}
.top-bar-section .dropdown li a {
	font-weight: normal;
	padding: 8px 15px
}
.top-bar-section .dropdown li a.parent-link {
	font-weight: normal
}
.top-bar-section .dropdown li.title h5 {
	margin-bottom: 0
}
.top-bar-section .dropdown li.title h5 a {
	color: #fff;
	line-height: 22.5px;
	display: block
}
.top-bar-section .dropdown label {
	padding: 8px 15px 2px;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #777;
	font-weight: bold;
	font-size: 0.625rem
}
.js-generated {
	display: block
}

@media only screen and (min-width: 900px) {


.top-bar {
	background: #002e6f;
*
	zoom:1;
	overflow: visible;
	/* padding:10px 0px; */
}
.top-bar:before, .top-bar:after {
	content: " ";
	display: table
}
.top-bar:after {
	clear: both
}
.top-bar .toggle-topbar {
	display: none
}
.top-bar .title-area {
	float: left
}
.top-bar .name h1 a {
	width: auto
}
.top-bar input, .top-bar .button {
	font-size: 0.875rem;
	position: relative;
	top: 7px
}
.top-bar.expanded {
	background: #2b7de1
}
.contain-to-grid .top-bar {
	max-width: 60rem;
	margin: 0 auto;
	margin-bottom: 0
}
.top-bar-section {
	-webkit-transition: none 0 0;
	-moz-transition: none 0 0;
	transition: none 0 0;
	left: 0 !important;
	height:90px;
}
.top-bar-section ul {
	width: auto;
	height: auto !important;
	display: inline-block;
	/* margin-top:22px; */
    margin-right: 2%;
}
.top-bar-section ul li {
	float: left
}
.top-bar-section ul li .js-generated {
	display: none;
}
.top-bar-section li.hover>a:not(.button) {
	background: #2b7de1;
	color: #fff
}
.top-bar-section li a:not(.button) {
	padding: 30px 15px;
	line-height: 45px;
	background: #002e6f;
}
.top-bar-section li a:not(.button):hover {
	background: #2b7de1
}
.top-bar-section .has-dropdown>a {
	padding-right: 30px !important
}
	
.top-bar-section .dropdown{
	margin-top: 89px;
	}		
	
.top-bar-section .has-dropdown>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: rgba(255,255,255,0.4) transparent transparent transparent;
	border-top-style: solid;
	margin-top: 5.5px;
	top: 44.5px;
	margin-right: 5px;
}
.top-bar-section .has-dropdown.moved {
	position: relative
}
.top-bar-section .has-dropdown.moved>.dropdown {
	display: none
}
.top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown {
	display: block
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
	border: none;
	content: "\00bb";
	top: 1rem;
	margin-top: -2px;
	right: 5px
}
.top-bar-section .dropdown {
	left: 0;
	top: auto;
	background: transparent;
	min-width: 100%
}
.top-bar-section .dropdown li a {
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	padding: 12px 15px !important;
	background: #333
}
.top-bar-section .dropdown li label {
	white-space: nowrap;
	background: #333
}
.top-bar-section .dropdown li .dropdown {
	left: 100%;
	top: 0
}
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
	border-bottom: none;
	border-top: none;
	border-right: solid 1px #08c;
	clear: none;
	height: 45px;
	width: 0
}
.top-bar-section .has-form {
	background: #2b7de1;
	padding: 0 15px;
	height: 45px
}
.top-bar-section ul.right li .dropdown {
	left: auto;
	right: 0
}
.top-bar-section ul.right li .dropdown li .dropdown {
	right: 100%
}
.no-js .top-bar-section ul li:hover>a {
	background: #2b7de1;
	color: #fff
}
.no-js .top-bar-section ul li:active>a {
	background: #2b7de1;
	color: #fff
}
.no-js .top-bar-section .has-dropdown:hover>.dropdown {
	display: block
}
}

@media only screen and (min-width:900px) and (min-width: 48em) and (max-width: 53.125em) {
.top-bar-section li a:not(.button) {
	padding: 0 10px
}
}

@media only screen and (min-width: 900px) and (min-width: 48em) and (max-width: 53.125em) {

.top-bar-section .has-dropdown>a {
	padding-right: 20px !important
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(360deg)
}
}
@keyframes rotate {
from {
transform:rotate(0deg)
}
to {
transform:rotate(360deg)
}
}
.slideshow-wrapper {
	position: relative
}
.slideshow-wrapper ul {
	list-style-type: none;
	margin: 0
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
	display: none
}
.slideshow-wrapper ul li:first-child {
	display: block
}
.slideshow-wrapper .orbit-container {
	background-color: transparent
}
.slideshow-wrapper .orbit-container li {
	display: block
}
.slideshow-wrapper .orbit-container li .orbit-caption {
	display: block
}
.preloader {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	border: solid 3px;
	border-color: #555 #fff;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-o-animation-name: rotate;
	-o-animation-duration: 1.5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: rotate;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}
.orbit-container {
	overflow: hidden;
	width: 100%;
	position: relative;
	background: none
}
.orbit-container .orbit-slides-container {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative
}
.orbit-container .orbit-slides-container img {
	display: block;
	max-width: 100%
}
.orbit-container .orbit-slides-container>* {
	position: absolute;
	top: 0;
	width: 100%;
	margin-left: 100%
}
.orbit-container .orbit-slides-container>*:first-child {
	margin-left: 0%
}
.orbit-container .orbit-slides-container>* .orbit-caption {
	position: absolute;
	bottom: 0;
	background-color: rgba(000,046,111,0.8);
	color: #fff;
	width: 100%;
	padding: 10px 14px;
	font-size: 0.875rem
}
.orbit-container .orbit-slide-number {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	color: #fff;
	background: transparent;
	z-index: 10
}
.orbit-container .orbit-slide-number span {
	font-weight: 700;
	padding: 0.3125rem
}
.orbit-container .orbit-timer {
	position: absolute;
	top: 12px;
	right: 10px;
	height: 6px;
	width: 100px;
	z-index: 10
}
.orbit-container .orbit-timer .orbit-progress {
	height: 3px;
	background-color: rgba(255,255,255,0.3);
	display: block;
	width: 0%;
	position: relative;
	right: 20px;
	top: 5px
}
.orbit-container .orbit-timer>span {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	width: 11px;
	height: 14px;
	border: solid 4px #fff;
	border-top: none;
	border-bottom: none
}
.orbit-container .orbit-timer.paused>span {
	right: -4px;
	top: 0px;
	width: 11px;
	height: 14px;
	border: inset 8px;
	border-right-style: solid;
	border-color: transparent transparent transparent #fff
}
.orbit-container .orbit-timer.paused>span.dark {
	border-color: transparent transparent transparent #333
}
.orbit-container:hover .orbit-timer>span {
	display: block
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
	position: absolute;
	top: 45%;
	margin-top: -25px;
	width: 36px;
	height: 60px;
	line-height: 50px;
	color: white;
	text-indent: -9999px !important;
	z-index: 10
}
.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
	background-color: rgba(0,0,0,0.3)
}
.orbit-container .orbit-prev>span, .orbit-container .orbit-next>span {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	display: block;
	width: 0;
	height: 0;
	border: inset 10px
}
.orbit-container .orbit-prev {
	left: 0
}
.orbit-container .orbit-prev>span {
	border-right-style: solid;
	border-color: transparent;
	border-right-color: #fff
}
.orbit-container .orbit-prev:hover>span {
	border-right-color: #fff
}
.orbit-container .orbit-next {
	right: 0
}
.orbit-container .orbit-next>span {
	border-color: transparent;
	border-left-style: solid;
	border-left-color: #fff;
	left: 50%;
	margin-left: -4px
}
.orbit-container .orbit-next:hover>span {
	border-left-color: #fff
}
.orbit-bullets-container {
	text-align: center
}
.orbit-bullets {
	margin: 0 auto 30px auto;
	overflow: hidden;
	position: relative;
	top: 10px;
	float: none;
	text-align: center;
	display: inline-block
}
.orbit-bullets li {
	display: block;
	width: 0.5625rem;
	height: 0.5625rem;
	background: #ccc;
	float: left;
	margin-right: 6px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px
}
.orbit-bullets li.active {
	background: #999
}
.orbit-bullets li:last-child {
	margin-right: 0
}
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
	display: none
}
.touch .orbit-bullets {
	display: none
}

@media only screen and (min-width: 40.063em) {
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
	display: inherit
}
.touch .orbit-bullets {
	display: block
}
}

@media only screen and (max-width: 40em) {
.orbit-stack-on-small .orbit-slides-container {
	height: auto !important
}
.orbit-stack-on-small .orbit-slides-container>* {
	position: relative;
	margin-left: 0% !important
}
.orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets {
	display: none
}
}
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.mfp-align-top .mfp-container:before {
	display: none
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}
.mfp-ajax-cur {
	cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
	cursor: auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.mfp-loading.mfp-figure {
	display: none
}
.mfp-hide {
	display: none !important
}
.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}
.mfp-preloader a {
	color: #cccccc
}
.mfp-preloader a:hover {
	color: white
}
.mfp-s-ready .mfp-preloader {
	display: none
}
.mfp-s-error .mfp-content {
	display: none
}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: 'Questrial', sans-serif;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mfp-close:active {
	top: 1px
}
.mfp-close-btn-in .mfp-close {
	color: #333333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
	margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7
}
.mfp-arrow-left {
	left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
	right: 0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}
.mfp-iframe-holder .mfp-close {
	top: -40px
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: black
}
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto
}
.mfp-figure {
	line-height: 0
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: #444444
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}
.mfp-figure figure {
	margin: 0
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}
.mfp-image-holder .mfp-content {
	max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}


.mfp-ie7 .mfp-img {
	padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
	padding: 0
}
.mfp-ie7 .mfp-content {
	padding-top: 44px
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto
}


/* TONI's . EDITS */

.flex-button{
	display: flex; 
	justify-content: center; 	
}

.flex-coater{
	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.flex-coater .memberContainer{
	flex-basis:33%;
	box-sizing:border-box;
}

.GDPR-contact input, .GDPR-contact label, .GDPR-contact p{
	display:inline !important;
}

.button-blue{
	background-color:#002e6f !important;
	color:#fff !important;
}

.button-center{
	text-align:center;
}

.button-space .button{
	margin:0px !important;	
}

.button-space {
	padding:40px 0px;
}

.button-right{
	float:right;
}


.coater-table a{
	width:95%;
}

.flex{
	display:flex;
	flex-wrap: wrap;
	text-align: center;
}

#market-finish .flex-item, #market-approvals .flex-item{
	
	flex-basis:20%;
}

#market-approvals{
	
	align-items: center;
}

#market-approvals .flex-item{
	margin-bottom:30px;
}

#market-approvals .flex-item img{
	max-height:110px;
	max-width:80%;
	margin:0 auto;
}

#market-quality .flex-item, #market-finish .flex-desc{
	flex-basis:33%;
	box-sizing:border-box;
	padding:0px 15px;
}

#market-links .flex-item{
	flex-basis:25%;
}

#market-links .flex-item {
	font-size: 14px; 
	color: #006699; 
	text-align: center;
	padding:15px;
	box-sizing: border-box;
	
	}

#market-links a{
	font-size:16px;
}

#market-links .flex-item .padding{
	background-color: rgb(211, 211, 211);	
	padding:15px 15px;
	height:100%;
}

#case-studies .flex-item{
	flex-basis:33%;
	box-sizing:border-box;
	padding:0px 15px;
	margin-bottom:20px;
}

#case-studies .flex-item .padding{
	padding:15px;
	background-color: rgb(211, 211, 211);
	height:100%;
}


.coater-table .flex-item{
	flex-basis: 16.5%;
	}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0
}
.mfp-img-mobile img.mfp-img {
	padding: 0
}
.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0
}
.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0,0,0,0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0
}
.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px
}
.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0,0,0,0.6);
	position: fixed;
	text-align: center;
	padding: 0
}
}


@media all and (max-width: 1160px) {
	/*.top-bar-section ul{
		clear:both;
		display: block;
	}
	
	.top-bar-section li a:not(.button){
		padding:0px 15px;
	}
	
	.top-bar-section .has-dropdown>a:after{
		margin-top:-3px;
		top:50%;
	}
	
	.top-bar-section .dropdown{
		margin-top:0px;
	}*/
	
	.menuicon{
		height:40px;
	}
	
	.topmenu a{
		padding:0px 10px
		
	}
	
	.coater-table .flex-item{
		flex-basis:33%;
	}
	
}


@media all and (max-width: 900px) {
.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75)
}
.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0
}
.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%
}
.mfp-container {
	padding-left: 6px;
	padding-right: 6px
}

.flex-coater .memberContainer{
	flex-basis:50% !important;
	box-sizing:border-box;
}
	
#market-links .flex-item{
	flex-basis:33%;	
	}	
}


@media all and (max-width: 900px){

	

	.top-bar {
		height:45px;
		position: relative;
	}

	#home-logo img {
	display: block;
    height: 40px;
    top: 0px;
    left: 0px;
    position: absolute;
	}

	.top-bar-section .has-dropdown>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent transparent transparent rgba(255,255,255,0.4);
	border-left-style: solid;
	margin-right: 15px;
	margin-top: 18px;
	position: relative;
	top: 50%;
	right: 0;
	float:right;
}

.top-bar-section .has-dropdown
{
	position:relative;
}
	
.flex-coater .memberContainer{
	flex-basis:100% !important;
	box-sizing:border-box;
}
	
#market-finish .flex-item, #market-approvals .flex-item{
	flex-basis:33%;	
	}
	
#market-quality .flex-item, #market-finish .flex-desc, #market-links .flex-item, #case-studies .flex-item{
	flex-basis:50%;
	}
	
.top-bar-section ul{
	width:100%;	
	
	}
	
	.coater-table .flex-item{
		flex-basis:50%;
	}
	
}

@media (max-width:550px){
	#market-finish .flex-item, #market-approvals .flex-item{
	flex-basis:50%;	
	}	
	
	#market-quality .flex-item, #market-finish .flex-desc, #market-links .flex-item, #case-studies .flex-item{
	flex-basis:100%;
	}
}

#home-logo {
	position: absolute;
	width:  50%;
	max-width: 290px;
	height: auto;
	top: 0px;
	z-index: 19000;
}

.fullNav {
	position: relative;
}


/* TONI 8/7 BANNER UPDATES */
.full-banner{
	height:480px;
	background-size:cover;
	background-repeat: no-repeat;
	position: relative;
}

.full-banner .top{
	text-transform: uppercase;
	font-size:100px;
	color:#fff;
}

.full-banner .bottom{
	font-size:60px;
	color:#fff;
}

.full-banner .content-wrapper{
	height:100%;
	position:relative;
}

.full-banner .banner-text{
	position:absolute;
	bottom:40px;
}

.full-banner .banner-text h1{
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
	margin:0px;
	line-height:1;
}