#pad_right {padding-right:15px !important;}

html {-webkit-font-smoothing: subpixel-antialiased;  position: relative;
    min-height: 100%;
	}
body.grid-1 {
  background-color: #000;
   position: static;
   margin: 0 0 344px; /* bottom = footer height */
}
.addressinfo {
    clear: none;
    float: left;
    padding-right: 20px;
}

#wowslider-container2 .ws_shadow {
   background-image: none !important;
    width: 100% !important;

}
.addressinfo2 {
    clear: both;
    float: right;
    padding-right: 20px;
	  margin-top: -50px;
    padding-right: 27px;
}
.tagline {float: left;}
.tagline p {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}
.img_container {float: right; text-align:center;}
.img_container img {margin-bottom: 10px; margin-left: 10px; max-width: 250px;}
.main {
    float: left;
    height: auto;
    width: 100%;
}
.cta {padding: 50px; text-align: center;}
.cta p {width: 60%; margin-left: auto; margin-right: auto; font-size: .8em; text-align:center;}
.cta h1 {text-align: center;}
.view {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ccc;
    border-image: none;
    border-style: none solid;
    border-width: medium 1px;
    cursor: default;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 25%;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.view p {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 0.9em;
    padding: 10px 20px 20px;
    position: relative;
    text-align: center;
}
.view a.info {
    background: #0582c2 none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: block;
    margin-bottom: 0;
    padding: 7px 14px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
	 font-family: "Lato",sans-serif;
}
.view a.info:hover {

   background: #0688fa linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%) repeat scroll 0 0;
}
.homebox_new {border-top: 3px solid #ccc; overflow:hidden;}
.container{
	position:relative;
}

.header{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}

.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 0px 10px;
    width: 540px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#b2891b;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,131,198, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}







.logocontainer {
    float: left;
    margin-right: 20px;
    max-width: 100px;
    padding-bottom: 10px;
    padding-top: 10px;
}
	.topheader {width: 100%; background:rgba(0,0,0,1);
 position: fixed;
    display: none;
    width: 100%;
    height: auto;
	z-index:99999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
top: 0px;
}


.headerimage img {
    height: 300px;
    width: 100%;
}
	.topheader2 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
	top:0px;
}
.covid_banner{
	background-color: #0481c1;
}
.covid_banner a{
	color: white;
}

.interactive_a {float:left; width: 50%; border: 5px solid #000;}
.interactive_v {float:right; width: 50%; border: 5px solid #000;}
.interactive_workshop {width: 100%; border: 5px solid #000;}
.slidercontainer {position: relative; top: 0px; z-index: 99;}
.splashcontainer1 {
    background-image:url(../images/html/Image/topsectionbg.jpg); background-repeat:repeat;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    width: 100%;
}
.splashcontainer2 {min-height: 400px; background-image:url(../images/html/Image/section2bg.jpg); background-repeat:no-repeat; background-size: cover; width: 100%;}
#container_outer { width: 100%; background-image:url(../images/html/Image/background.png); background-repeat:repeat; }
#container_outer2 { width: 100%; background-color: #f9f9f9;}
.addressinfo p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.addressinfo2 p {
    color: #ccc;
    font-family: "Lato",sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.headerimage p {margin-top: 0px;}
.splashtext { position: absolute;
    top: 100px;
    width: 100%;}
.splashtext h1 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 45px;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-top: 60px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 80%;
}
.splashtext h2 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 20px;
    padding-top: 60px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 80%;
}
#wowslider-container1 .ws-title {display: none !important;}
.fa-chevron-down:hover {opacity: 0.3; -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; cursor: pointer;}
/****** TOP HEADER *********/
.topheader {width: 100%;\
}
.topheadercontainer {width: 1200px; margin-left: auto; margin-right: auto;}
h1.heading-3 {
    color: #fff;
    float: right;
    line-height: 1.3em;
    text-align: right;
    text-shadow: 2px 2px 2px #000;
    width: auto;
}
img.logo {max-width: 200px;}

.desktopphone {display: block;}
  .mobilephone {display:none;}

/****** NAVIGATION *********/
#navbutton {
    color: #fff !important;
    float: right;
    font-size: 2em;
    height: 60px;
    padding-top: 6px;
    text-align: right;
    width: 100%;
}
#nav_container {margin-left: auto; margin-right: auto; float: right;-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
	-o-transition:opacity 0.2s linear, visibility 0.2s linear;
	transition:opacity 0.2s linear, visibility 0.2s linear; }
#navbutton:hover #nav_container {display: block !important; }
#navbutton:hover .fa-bars {display: none;}


.navstrip {	background: #0282c3 !important;
	 width: 100%}

/******** MAIN CONTENT *********/

#container_inner { width: 1200px; margin-left:auto; margin-right:auto; padding: 20px;overflow: hidden; min-height: 225px;}
strong {font-weight: bold;}

/********* HOME BOXES ***********/
.home_box {background-color: #f9f9f9; border-radius:0px; margin:0.5% ; border: 1px solid #ccc; }

/* Read More Boxes */
.readmore {text-align:center; padding-bottom: 0px;}
.readmore a {

    background: #0582c2 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #263666;
    width: 100%;

}
.readmore a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.readmore a:active {
	position:relative;
	top:1px;
}



/* Home Box Images */
img.image-1-1.image-1 {
  display: block;
max-width: none !important;
  margin-right: auto;
  margin-left: auto;
 margin-top: 0px;
}

h4.heading-1 {
    color: #000;
    font-family: "Lato",sans-serif;
    font-size: 1.4em;
    padding-top: 5px;
    text-align: center;
}

p.paragraph.reason-text {
    line-height: 1.3em;
    margin-left: auto;
    margin-right: auto;
    min-height: 65px;
    text-align: center;
width: 80%;
}

/********* Mobile Sidemenu and Sidenav *****/
.desktopsidenav {display: block;}
.menusidenav {display: none;}

.sidenav li {
    color: #000;
    display: inline-block;
    font-family: 'Oswald', sans-serif !important;
    list-style: outside none none;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.sidenav li a {padding-left: 10px; padding-right: 10px;}

.sidenav li a:hover {
    background-color: #000;
    color: #fff;
}

/*FOOTER*/
.basic_footer_social_icon {
  font-size: 25px;
  padding-right: 10px;
}
#footer_container {
background-color: #252525;
    border-top: 2px solid #000;
   position: absolute;
    left: 0;
    bottom: 0;
    height: 344px;
    width: 100%;

}
#footer_container2 {background-color: #FFFFFF;
    background-repeat: repeat;
    box-shadow: 0 -2px 8px 0 rgba(50, 50, 50, 0.86);
    float: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 80%;}
#footer_inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 20px;
    width: 100%;
}
#social_container {width: 100%; background-color:#000;}
#footer_inner2{ width:96%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1200px; }
/*** copied from coffeegrinder.css columns in the footer*/
.row .coffee-377-span-12, .row .coffee-694-span-12 { display:block; background-color:#FFF; height:auto; }
.bottomfooter a{color: #fff !important;}
.bottomfooter a:hover {color: #0582c2 !important}
.footer-links li {
  font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    list-style: none;
}
.tinyp { line-height: 1em;
    text-align: center;}
.tinyp a{
    color: #aaa !important;
    font-size: 0.6em;

}
h6.heading-2 {
    border-bottom: 1px dashed #fff;
    color: #f9f9f9;
    font-family: "Lato",sans-serif;
    padding-bottom: 10px;
    text-align: left;
}

.footer-row p, .footer-row li a{font-size:.8em; color:#fff;}
.footer-row li a:hover{color:#0282c3;}

.bottomfooter {

    max-width: none;
    width: 1200px;
}
#copyright p {
    color: #fff;
    margin-top: 15px;
    text-align: right;
}


/*Social*/
#social {float: left;  width: 100%; margin-bottom: 20px; background-image:url(../images/html/Image/background.png); background-repeat:repeat; }
#socialinner {margin-top: 10px; margin-bottom: 10px; float: left; }
#socialinner img {max-width: 35px;}

/*SITEMAP*/
.sitemap_list ul{}
.sitemap_list li{}


h1 {
    color: #0582c2;
    font-family: "Lato",sans-serif;
    font-size: 1.7em;
    font-weight: 400;
	padding: 50px;
	text-align: center;
	font size: 40px;

}
h2.h1-copy {
  color: #0582c2;
  font-family: "Lato",sans-serif;
  font-size: 1.7em;
  font-weight: 400;
}
h2 {font-family: 'Lato', sans-serif; font-size: 1.3em; font-weight:200}
h3 {font-family: 'Lato', sans-serif; font-size: 1.1em; font-weight:200}
p {font-family: 'Roboto', sans-serif; font-size: .9em; font-weight:200}
li {font-family: 'Roboto', sans-serif; font-size: 1em; font-weight:200; list-style: inside disc; color: #ccc;}
.splashtext a {color: #fff !important;}



/* Text Elements */


h5.image-callout {
  color: #f57e00;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  font-family: 'Open Sans', sans-serif;
}




p.paragraph.paragraph-1 {
  color: #fff;
  text-align: right;
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.4;
}

span.text-element.text-1 {
  text-align: right;
}

a.link-text.nav-link {
  display: block;
  float: right;
  margin-right: 3%;
  margin-left: 3%;
  width: auto;
  font-size: 20px;
}

/* Image Elements */



img.image-4-3.main-image {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

/* Interaction Elements */

button[type=button].action-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: auto;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

/* Layout Elements */

body > .row {
  max-width: 800px;
}

body > .row.reasoning-row {
  margin-top: 40px;
}

body > .row.action-row {
  margin-top: 20px;
}

body > .row.footer-row {
  margin-top: 50px;
  background-color: #fafafa;
}
.cc-map-wrapper {
       height: auto;
    min-height: 200px;
  margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.cc-map-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

 .video {width: 450px;}

 /**** IMAGE GALLERY ****/
.imggal1 {  list-style-type:none;}
.imggal1 li{	float:left;	 padding:0px; list-style-image:none; border:5px solid #FFFFFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	margin:3px 3px 3px 3px;
	}
.imggal1 li a {padding: 0px;}

.lb-data .lb-caption {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1em;
}

.lb-data .lb-number {
    clear: left;
    color: #ccc;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    padding-bottom: 1em;
}

	.cybernetfooter {width: 100%; background-color: #f9f9f9;}
	.cybernetfooter_inner {max-width: 1200px; float: none; margin-left: auto; margin-right: auto; }
	.cybernet_content p {
    color: #000;
    font-family: arial;
    font-size: 0.8em;
    margin-bottom: 0;
    padding-top: 5px;
	margin-top: 0px;
}
.cybernet_content  a {color: #000 !important;}
.cybernetlogofooter {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
}
.headerimage {}
@media screen and (max-width: 821px) {
	.addressinfo2 {
    clear: both;
    float: left;
    margin-top: 0px;
    padding-right: 0;
    text-align: center;
    width: 100%;
}
	.tagline {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
}
.tagline p{font-size: 1.5em; margin-top: 0px;}
/****** TOP HEADER *********/
.splashtext { top: 320px;;}
.headerimage img {
    height: 140px;
    width: 100%;
}
.splashtext h1 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 2em;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-top: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 80%;
}
.topheader {position: relative;  background-color: #000; display:block;}
.topheader2 {display: none;}
.view  {width: 50%;}
.cybernet_content {
    margin-left: auto;
    margin-right: auto;
    width: 215px;
}
.menu-menu {height: auto;}
.topheader {width: 100%}
.topheadercontainer {width: 100%; margin-left: auto; margin-right: auto;}
h1.heading-3 {float: none; width: auto;text-align:center;}
img.logo {max-width: 139px;}
.logocontainer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    max-width: none;
    text-align: center;
    width: 100%;
}
.logocontainer img {max-width: 150px;}
.logocontainer_sidenav {width:200px; margin-left: auto; margin-right: auto;margin-top: 15px;}
.addressinfo {
    clear: none;
    float: left;
    padding-right: 0;
    width: 100%;
	text-align:center;
}

#socialinner {float: none;
    margin: 10px auto;
    width: 230px;
	text-align:center;}

#copyright p {text-align: center}

#container_inner {width: 600px;}

p.paragraph.reason-text {min-height:80px;}

.home_box {margin-bottom: 15px;}
#nav_container {float: none;}

.nav_container { background-color: #1c1c1c;
    padding-top: 0px;
    width: 600px;}
	.splashtext h2 {padding-top: 0px; font-size: 2.5em;}
	.splashcontainer1 {min-height: 450px;}

.bottomfooter {width: 600px;}


 .video {width: 350px;}

}

@media screen and (max-width: 694px) {
  /* Text Elements */



  /* Layout Elements */

  body > .row > [class*='coffee-span-'].copyright-column {
    margin-top: 15px;
  }

}
/******* event calendar table responsive ******/
 @media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1200px)  {
		/* tooltip display has tables and we don't want them affected by the below stuff*/


		/* Force table to not be like tables anymore */
	.eventcal_table table, .eventcal_table thead, .eventcal_table tbody, .eventcal_table th, .eventcal_table td,  .eventcal_table tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
	.eventcal_table	thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	.eventcal_table	tr { border: 1px solid #ccc; }

	.eventcal_table	td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left:5px;
		}

	.eventcal_table	td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 14px;
			left: 26px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

	/*	Label the data	*/
	.eventcal_table td:nth-of-type(1):before { content: "Monday"; }
.eventcal_table	td:nth-of-type(2):before { content: "Tuesday"; }
.eventcal_table	td:nth-of-type(3):before { content: "Wednesday"; }
.eventcal_table	td:nth-of-type(4):before { content: "Thursday"; }
.eventcal_table	td:nth-of-type(5):before { content: "Friday"; }
.eventcal_table	td:nth-of-type(6):before { content: "Saturday"; }
.eventcal_table	td:nth-of-type(7):before { content: "Sunday"; }

  .eventcal_txt, .eventcal_txt a{ width:100%; height:45px; }
  .eventcal_txt span{position: relative;  top: -55px; margin-left:105px;}
  .eventcal_date {}

#wowslider-container1 {display:none;}

}

@media screen and (max-width: 545px) {
  /* Text Elements */

  h1.heading-3 {
    font-size: 28px;
  }

  h5.image-callout {
    font-size: 28px;
  }

  a.link-text.nav-link {
    font-size: 18px;
  }



  ul.link-list.footer-links li a {
    font-size: 13px;
  }

  /* Layout Elements */

  body > .row.reasoning-row {
    margin-top: 20px;
  }
  .cta p {width: 100%;}
}

@media screen and (max-width: 420px) {
  /* Text Elements */
.view  {width: 100%;}
  h1.heading-3 {
    text-align: center;
  }

  h5.image-callout {
    font-size: 21px;
  }

  a.link-text#last-nav {
    margin-right: 0;
  }

  a.link-text.nav-link {
    margin-left: 0;
    width: 30%;
  }



  ul.link-list.footer-links li {
    text-align: left;
  }

  /* Image Elements */

  img.image-4-3.main-image {
    margin-top: 20px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-2 {
    margin-right: 0;
    margin-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-3 {
    display: none;
  }

  img.logo.logo-1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  #container_inner {width: 100%; max-width: 300px; min-height: 0px;}
  p.paragraph.reason-text {min-height: 0px;}
  .nav_container {width: auto;}
  .desktopphone {display: none;}
  .mobilephone {display:block; margin-bottom: 10px; margin-top: 10px;}
  .bottomfooter {width: 300px;}
  #wowslider-container1 .ws-title {display: none !important;}
  .logocontainer {margin-top: 15px;}
   .logocontainer_sidenav {margin-top: 75px;}



.mobilephone a {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.mobilephone a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.mobilephone a:active {
	position:relative;
	top:1px;
}

.video {width: 250px;}

/********* Mobile Sidemenu and Sidenav *****/
.desktopsidenav {display: none;}
.menusidenav {display: block;}
.sidenavigation_column {display: none;}
.menu-link {
    background: none repeat scroll 0 0 #000;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    color: #fff !important;
    display: block;
    font-size: 1.5em;
    height: auto;
    left: 0;
    padding: 0 25px 0 15px;
    position: fixed;
    top: 10px;
    width: 210px;
    z-index: 1000;
}

.sidenavicon h1 {
    color: #fff;
    float: left;

    font-size: 1em;
}

.fa-list {
    float: left;
    padding-right: 7px;
    padding-top: 10px;
}

#menuside {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    margin-left: -150px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 150px;
    z-index: 1000;
}

#menuside li a {
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 1em !important;
    text-transform: uppercase;
}

.splashtext h1 {font-size: 1.3em; padding-top: 50px;}
.headerimage img {height: 100px;}
.main {float: left;}
#footer_container {position: relative; height: auto;}
body.grid-1 {margin-bottom: 0px;}
.tagline p{font-size: 1em;}
}

@media screen and (max-width: 289px) {
  /* Text Elements */

  a.link-text.nav-link {
    width: 100%;
    text-align: center;
  }
}

/********* CMS Upgrade fixes *****/

.navbar-light .navbar-nav .nav-link:hover
{
	color:#ffffff;
}
.navbar-light .navbar-nav .nav-link, select
{
	color:#ffffff;
}

.navbar-nav li
{
	list-style: none;
}