body{
	background-color: #0980c4;
	background-image: url("../img/bodybackmm.jpg");
	background-repeat:repeat-x;
	}
.grid-container {
  max-width: 90rem; 
}

/* ----- Header -----*/
.TCHead{

	/*background-image: url("../img/topbacknew.png");*/
	background-repeat:repeat-x;
}

/* --- Navigation ---*/
.navlogodisplaynone{
	display:none;
}

.navlogodisplay{
	display:block;
}

/* Begin Navigation CSS */
.JSANNav{
	/*border-top:15px solid #828A8F;*/
	background-repeat:repeat-x;
}
.JSANNav .top-bar, .top-bar ul {
	/*background-image: url("../img/navback.png");*/
	background-repeat:repeat-x;
	background-image: linear-gradient(360deg, #364974, #4c5d83);
}

.top-bar ul{
	background:none;
}

.JSANNav a {
	color:#ffffff;
	letter-spacing:1px;
}

.JSANNav a:hover {
	/*color:#f7941e; orange*/
	color:#000000;
	background-color:#ebebeb;
}
.JSANNav .title-bar {
	background:#474747;
}
.dropdown.menu > li.is-active > a {
	/*color:#f7941e; orange*/
	color:#000000;	
	background-color:#ebebeb;
}
.menu .is-active > a {
	color:#000000;	
	background-color:#ebebeb;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
	border-color:#ffffff transparent transparent;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
	border-color: transparent transparent transparent #ffffff;
}
.JSANNav .drilldown a {
	background:#474747;
}

.JSANNav .drilldown .is-drilldown-submenu {
	background:#474747;
}

.stickynavin {
	position: fixed;
	top: 0;
	width: 100%;
	z-index:1000;
	margin-top:0;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
	padding-top: 10px;
}
.stickynavout{
	position: fixed;
	top: 0;
	width: 100%;
	z-index:1000;
	opacity:0;
	-webkit-animation: fadeout .5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout .5s; /* Firefox < 16 */
    -ms-animation: fadeout .5s; /* Internet Explorer */
    -o-animation: fadeout .5s; /* Opera < 12.1 */
    animation: fadeout .5s;
	}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.stickynav + .STCContent {
  padding-top: 60px;
}




/* ---- Content ----*/
.ContentLogo{
	/*background-image: url('../img/Logo.png');*/
	Background-repeat: no-repeat;
	background-position: bottom right; 
	background-size:30%;
	/*background-attachment: fixed;
	margin: 0 2em 0 0;
	Background-origin: content-box;*/
}

 .social{
	 display:inline-block;
	margin:-.9em 0 .5em 0;
	background:#82A0BC;
	border-radius:30px;
	margin-right:5px;
	
}

 .social:hover{
	color:#364974;
	background:#364974;
	border-radius:30px;
	
}
.align-center{
	margin: 0 auto;
	text-align: center;
}






/* ----- Footer ----*/

.Footer .grid-container .callout.large {
	padding:0;
	background:none;
	border:none;
}

.footlist{
	text-align:center;
	font-size:90%;
}
.footlist span{
	font-weight:bold;
	margin:.1em 0;
	display:inline-block;
	color:white;
}

.footlist a{
	margin:.05em 0;
	display:inline-block;
	color:white;
	font-size:85%;
}

.Footer .columns{
	margin:0 0 .5em 0;
}

/* End Footer CSS */




a:hover{
	color:#f04;
}

.wrapper {
	smax-width: 400px;
 }
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;  
}

.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.service {
     list-style-type:none;
     margin:5px 0 0 0;
     padding:0;
}

.service li {
     float:left;
     margin:2.5px 2.5px 0 0;
   /* width:275px;
    height:100px;*/
	width:335px;
    height:106px;
    position:relative;
	border-radius: 10px;
	
}

.service label, .service input {
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.service label.img, .service input.img {
    pointer-events: none;
}

.service input[type="radio"] {
    opacity:0.011;
    z-index:100;
	
}

.service input[type="radio"]:checked + label {
    background:#39892F;
	border:1px solid #000;
	border-radius: 10px;
}

.service label {
    padding:10px;
     border:1px solid #CCC; 
     cursor:pointer;
    z-index:90;
	color:white;
	border-radius: 10px;
	background-image: linear-gradient(#293E6B, #293E6B, #293E6B);
	display: flex;
	line-height:1.2em;
	font-size:large;

	height: 100%;
}

.service label:hover {
     background:#828A8F;
	 color:black;
	 border-radius: 10px;
}

.question {
     list-style-type:none;
     margin:5px 0 0 0;
     padding:0;
}

.question li {
     float:left;
     margin:5px 5px 0 0;
    width:100px;
    height:40px;
    position:relative;
	border-radius: 10px;
	
}

.question label, .question input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.question input[type="radio"] {
    opacity:0.011;
    z-index:100;
	
}

.question input[type="radio"]:checked + label {
    background:#39892F;
	border:1px solid #000;
	border-radius: 10px;
}

.question label {
     padding:6px 0 0 14px;
     border:1px solid #CCC; 
     cursor:pointer;
    z-index:90;
	color:white;
	border-radius: 10px;
	background-image: linear-gradient(#314470, #314f73, #314470);
}

.question label:hover {
     background:#828A8F;
	 color:black;
	 border-radius: 10px;
}

.notice{
    background-color: khaki;
}

.button{
	padding: 1em 1.5em;
	font-size:larger;
}




/* --------------------------------------------------*/

label.ServiceNewButton {
    border:1px solid #CCC; 
    cursor:pointer;
	color:white;
	border-radius: 10px;
	background-image: linear-gradient(#293E6B, #293E6B, #293E6B);
}
label.ServiceNewButton > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label.ServiceNewButton > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label.ServiceNewButton > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  background:#39892F;
  border:1px solid #000;
  border-radius: 10px;
}

label.CountyNewButton {
    border:1px solid #CCC; 
    cursor:pointer;
	color:white;
	border-radius: 10px;
	background-image: linear-gradient(#293E6B, #293E6B, #293E6B);
}
label.CountyNewButton > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label.CountyNewButton > input + div{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label.CountyNewButton > input:checked + div{ /* (RADIO CHECKED) IMAGE STYLES */
  background:#39892F;
  border:1px solid #000;
  border-radius: 10px;
}





.responsive-card-table {
  border-collapse: collapse;
}

.responsive-card-table.unstriped tbody {
  background-color: transparent;
}

.responsive-card-table th {
  background-color: #e6e6e6;
}

.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
  border: 1px solid #0a0a0a;
}

@media screen and (max-width: 640px) {
  .responsive-card-table {
    
  }
  .responsive-card-table thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
  .responsive-card-table tr {
    border: 1px solid #0a0a0a;
    display: block;
  }
  .responsive-card-table tr + tr {
    margin-top: 1.5rem;
  }
  .responsive-card-table td {
    border: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #0a0a0a;
    padding-left: 50%;
    position: relative;
  }
  .responsive-card-table td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .responsive-card-table td:after {
    content: '';
    position: absolute;
    background: #e6e6e6;
    width: 45%;
    height: 95%;
    left: 1px;
    top: 1px;
    z-index: 0;
  }
}