/* cmsms stylesheet: Main modified: 04/05/21 12:03:51 */
/* MAIN */

/*
font-family: 'Oswald', sans-serif;
font-family: 'Quicksand', sans-serif; 300,400,500,700

*/

body {
    font-family: 'Quicksand', sans-serif;
    color: #000;
}

.covid {
padding: 20px;
margin: 20px;
/*border: 1px solid red;*/
text-align: center;
background: rgba(255, 0, 0, 0.4);
font-size: 16px;
color: #fff;
}


.TheNav {
    background-color: #2d2d2d;
}

.MainHeader {
    background-position: top left;
  	background-image: url("/images/headback.png");
  	background-repeat: repeat-x;
    font-size: 16px;
    color: #4f4f4f;
}

.TheLogo {
    margin: 15px 0 0 0;
}

.OurAddress {
    padding-top: 23px;
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .OurAddress {
    padding-top: 30px;
        font-size: 14px;
}
}

.PhoneEmail {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    color: #000;
    padding-top: 20px;
    text-align: right;
}

/* Medium and up */
@media screen and (max-width: 39.9375em) {
.PhoneEmail {
    font-size: 22px;
}
}


.PhoneEmail A:link {text-decoration: none; color: rgb(142,27,28)}
.PhoneEmail A:visited {text-decoration: none; color: rgb(142,27,28)}
.PhoneEmail A:active {text-decoration: none; color: rgb(142,27,28)}
.PhoneEmail A:hover {text-decoration: underline; color: rgb(142,27,28)}

.HomeSlider {
    background-position: top left;
  	background-image: url("/images/mainback.jpg");
  	background-repeat: repeat-x;
    background-color: #fff;
}

.nivoSlider h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #FFF;
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

.YellowBar {
    background-color: rgb(230,149,16);
/*    box-shadow: 0px 10px 5px #666;*/
    height: 36px;
}

.HomeShell {
    background-color: #434343;
    font-size: 14px;
}

.HomeFirst {
    background-position: bottom left;
  	background-image: url("/images/yellow.png");
  	background-repeat: repeat-x;
    background-color: #323232;
    color: #fff;
}

.HomeFirst h1 {
    font-size: 22px;
    color: rgb(230,174,35);
    text-align: center;
    padding: 0;
    margin: 0 0 5px 0;
}

.HomeFirstInside, .HomeFourInside {
    padding: 25px 10px;
}


.HomeFirst A:link {text-decoration: none; color: rgb(230,174,35)}
.HomeFirst A:visited {text-decoration: none; color: rgb(230,174,35)}
.HomeFirst A:active {text-decoration: none; color: rgb(230,174,35)}
.HomeFirst A:hover {text-decoration: underline; color: rgb(230,174,35)}

.HomeSec {
    background-position: bottom left;
  	background-image: url("/images/blue.png");
  	background-repeat: repeat-x;
    background-color: #323232;
    color: #fff;
    padding: 25px;
}

.HomeSec h2 {
    font-size: 22px;
    color: rgb(97,136,197);
    text-align: center;
    padding: 0;
    margin: 0 0 5px 0;
}

.HomeSec A:link {text-decoration: none; color: rgb(97,136,197)}
.HomeSec A:visited {text-decoration: none; color: rgb(97,136,197)}
.HomeSec A:active {text-decoration: none; color: rgb(97,136,197)}
.HomeSec A:hover {text-decoration: underline; color: rgb(97,136,197)}

.HomeThird {
    background-position: bottom left;
  	background-image: url("/images/red.png");
  	background-repeat: repeat-x;
    background-color: #272727;
    color: #fff;
    padding: 25px;
}

.HomeThird h2 {
    font-size: 22px;
    color: rgb(237,60,62);
    text-align: center;
    padding: 0;
    margin: 0 0 5px 0;
}

.HomeThird A:link {text-decoration: none; color: rgb(237,60,62)}
.HomeThird A:visited {text-decoration: none; color: rgb(237,60,62)}
.HomeThird A:active {text-decoration: none; color: rgb(237,60,62)}
.HomeThird A:hover {text-decoration: underline; color: rgb(237,60,62)}

.BigCall {
    font-family: 'Oswald', sans-serif;
    font-size: 54px;
    color: #fff;
    text-align: center;
}

.CallMonth {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
}

.HomeSmalls {
    font-size: 14px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.HomeFour {
    background-position: top left;
  	background-image: url("/images/tv.png");
  	background-repeat: no-repeat;
background-size: 100%;
    padding: 10px;
}

.HomeFive, .HomeSix {
    background-color: #3a3a3a;
    color: #fff;
    padding: 25px;
}

.HomeFive h2, .HomeSix h2 {
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.HomeFive A:link, .HomeSix A:link {text-decoration: none; color: rgb(97,136,197)}
.HomeFive A:visited, .HomeSix A:visited {text-decoration: none; color: rgb(97,136,197)}
.HomeFive A:active, .HomeSix A:active {text-decoration: none; color: rgb(97,136,197)}
.HomeFive A:hover, .HomeSix A:hover {text-decoration: underline; color: rgb(97,136,197)}

.FootYellowBar {
    background-color: rgb(230,149,16);
    height: 25px;
}

.TheFoot {
    background-color: #272727;
    color: #fff;
    font-size: 14px;
    padding: 30px 0;
}

.TheFoot A:link {text-decoration: none; color: #fff;}
.TheFoot A:visited {text-decoration: none; color: #fff;}
.TheFoot A:active {text-decoration: none; color: #fff;}
.TheFoot A:hover {text-decoration: none; color: rgb(230,164,17)}



/* Small only */
@media screen and (max-width: 39.9375em) {
.FootPadd {
margin-top: 20px;
}
}


.FootPaddCopy {
margin-top: 10px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
.FootPaddCopy {
margin-top: 20px;
}
}



.SubShell {
    background-position: top left;
  	background-image: url("/images/mainback.jpg");
  	background-repeat: repeat-x;
    background-color: #fff;
}

.SubLeftHead {
    
}

.SubRightHead {
    
}

.SubLeft {
    padding: 30px;
}

.SubRight {
    background-color: #464646;
}

.SubRightInside {
    padding: 20px;
/*    background-color: #464646;*/
    color: #fff;
}

.SubRightInside h2 {
    font-size: 22px;
    color: #fff;
}






/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}




/* RANDOMNESS */

.columns.nopadding {
  padding-left: 0;
  padding-right: 0;
}

A:link {text-decoration: none; color: rgb(120,146,192);}
A:visited {text-decoration: none; color: rgb(120,146,192);}
A:active {text-decoration: none; color: rgb(120,146,192);}
A:hover {text-decoration: underline; color: rgb(154,176,215);}

.subnavul li A:link {text-decoration: none; color: #e9b752}
.subnavul li A:visited {text-decoration: none; color: #e9b752}
.subnavul li A:active {text-decoration: none; color: #e9b752}
.subnavul li A:hover {text-decoration: underline; color: #fff}

.transparent {
    filter: alpha(opacity=100); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
}

.transparent:hover {
    filter: alpha(opacity=90); /* internet explorer */
    opacity: 0.9;           /* fx, safari, opera, chrome */
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: rgb(98,98,98);
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: rgb(64,64,64);
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: rgb(32,32,32);
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: rgb(142,27,28);
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: rgb(142,27,28);
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

h6 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: rgb(142,27,28);
    font-weight: 700;
    padding: 10px 0;
    margin: 10px 0;
}

.nivo-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    color: #fff;
    width: 35% !important;
    z-index: 8;
    padding: 20px !important;
    opacity: 0.8;
    overflow: hidden;
    display: none;
}

-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.DeptDownItem {
    padding: 5px;
}

.DeptDownItem:nth-child(odd) {
    background: #fff;
}

.DeptDownItem:nth-child(even) {
    background: #e6e6e6;
}

.DeptDownDate {
    font-size: 14px;
    text-align: right;
}

.resp-container {
overflow:hidden;
padding-top:56.25%;
position:relative;
height:1000px;
}

.resp-iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.PayFormTable tbody tr {
    padding: 0;
    margin: 0;
}

.PayFormTable tbody td {
    padding: 0;
    margin: 0;
}

tbody tr {
    padding: 0 !important;
    margin: 0 !important;
}

tbody td {
    padding: 0 !important;
    margin: 0 !important;
}

table tbody th, table tbody td {
    padding: none !important;
    margin: none !important;
}
/* cmsms stylesheet: Nav modified: 12/03/20 10:52:19 */
.title-bar {
  background: #2d2d2d;
  padding: 5px 10px; }

.top-bar {
  background: #2d2d2d;
padding: 0px;
margin: 0px; }
  .top-bar ul {
    background: #2d2d2d;
padding: 0px;
margin: 0px; }
    .top-bar ul li {
      background: #2d2d2d;
padding: 6px 0px; }
      .top-bar ul li a {
        color: #fff; }

.top-bar ul li:hover {
background-position: bottom left;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat-x;
}

.top-bar ul li.navactive {
background-position: bottom left;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat-x;
}

.top-bar ul li a:hover {
        text-decoration: none; }

.menu-text {
  color: #fff; }
  @media only screen and (max-width: 40em) {
    .menu-text {
      display: none !important; } }

@media only screen and (min-width: 40em) {
  .menu:last-child {
    border-left: 1px solid #4e4e4e; }

  .menu:first-child {
    border-left: none; }

  .menu li:not(:last-child) {
    border-right: 1px solid #4e4e4e; } }
.dropdown.menu .submenu {
  border: none; }

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }
  
  .dropdown.menu .submenu {
    border: none;
    position: absolute;
    z-index: 999;
}
/* cmsms stylesheet: News modified: 11/24/20 11:17:45 */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 10px; /* padding for the news article summary */
    margin: 0 0 .7em 0; /* margin to the bottom of the news article summary */
    border-top: 1px solid #aeaeae; 
    behavior: url(PIE.htc);
}

.NewsSummaryPostdate {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  color: #686868;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0px;
    font-size: 16px;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  margin-bottom: 5px;
  font-weight: bold;
  text-align: right;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-weight: normal;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 30px;
    background-image: url("images/printer.gif");
    background-repeat: no-repeat;
    background-position: center right;
    text-align: right;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* cmsms stylesheet: Speedtest modified: 11/24/20 11:18:02 */
#startStopBtn{
		display:inline-block;
		margin:0 auto;
		color:#fff;
		background-color:#e59629;
		border:0.15em solid #e59629;
		border-radius:0.3em;
		transition:all 0.3s;
		box-sizing:border-box;
		width:8em; height:3em;
		line-height:2.7em;
		cursor:pointer;
		box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1);
		text-align:center;
		font-weight: bold;
	}
	#startStopBtn:hover{
	    background-color:#e6a62c;
		box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1);
		text-align:center;
	}
	#startStopBtn.running{
		background-color:#8d1f21;
		border-color:#8d1f21;
		color:#FFFFFF;
		text-align:center;
	}
	#startStopBtn:before{
		content:"Start";
	}
	#startStopBtn.running:before{
		content:"Abort";
	}
	#test{
		margin-top:2em;
		margin-bottom:12em;
		text-align:center;
	}
	div.testArea{
		display:inline-block;
		width:16em;
		height:12.5em;
		position:relative;
		box-sizing:border-box;
		text-align:center;
	}
	div.testName{
		position:absolute;
		top:0.1em; left:0;
		width:100%;
		font-size:1.4em;
		z-index:9;
		text-align:center;
	}
	div.meterText{
		position:absolute;
		bottom:1.55em; left:0;
		width:100%;
		font-size:2.5em;
		z-index:9;
	}
	div.meterText:empty:before{
		content:"0.00";
	}
	div.unit{
		position:absolute;
		bottom:2em; left:0;
		width:100%;
		z-index:9;
	}
	div.testArea canvas{
		position:absolute;
		top:0; left:0; width:100%; height:100%;
		z-index:1;
		text-align:center;
	}
	div.testGroup{
		display:inline-block;
		text-align:center;
	}

	@media all and (max-width:40em){
		div.testGroup{
			display:block;
			margin: 0 auto;
		}
	}
	
	.ipArea {
	    font-weight: bold;
	    border-top: 1px solid #b5b5b5;
	    border-bottom: 1px solid #b5b5b5;
	    padding: 10px 0;
	    margin-bottom: 25px;
	}
	
	.ip {
	    font-weight: normal;
	}
/* cmsms stylesheet: Toggle modified: 11/24/20 11:18:22 */
/* Content togle css
----------------------------------------*/
h2.trigger {
    background: url("/lib/toggle/trigger.gif") no-repeat scroll 0 0 transparent;
    background-size: 100% 60px;
    color: #333333 !important;
    cursor: pointer;
    font-size: 1em !important;
    font-weight: normal !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 0 5px !important;
    padding: 0 0 0 50px !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;
}

@media (max-width:767px) {
    h2.trigger {
        background: none;
        font-size: .9em !important;
        padding: 0 0 0 30px !important;
        height: auto !important;
        line-height: 20px !important;
        border-bottom: 1px solid #999 !important;
    }
}

@media (min-width:768px) {
    h2.trigger {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

h2.trigger:hover {
    color: #666666;
}
h2.active {
    background-position: left bottom;
}
.toggle_container {
    background: url("/lib/toggle/toggle_block_stretch.gif") repeat-y scroll left top #F0F0F0;
    background-size: 100% auto;
    border-top: 1px solid #D6D6D6;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
}
.toggle_container .block {
    background: url("/lib/toggle/toggle_block_btm.gif") no-repeat scroll left bottom transparent;
    background-size:100% auto;
    padding: 20px;
}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;
}
.toggle_container h3 {
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.toggle_container img {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px 15px 15px 0;
    padding: 5px;
}
/* END Content togle css */
/* cmsms stylesheet: Forms modified: 11/24/20 11:18:43 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #999;
	padding: 0.5em;
background-color: #f3f3f3;
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #999;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 3px 15px;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
}
.short-label fieldset div input, .short-label fieldset div select {
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	text-align: left
}
.captcha img {
	border: 1px solid #999;
	margin: 10px 0;
}

/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em;
}
.contactform input {
	border: 1px solid #999;
padding: 4px 10px;
}

.captcha input {
	margin-top: 0.5em
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
}
.contactform label.label {
	display: inline;
	float: none;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #999;
padding: 15px;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}