@charset "UTF-8";
html.js{
	display:none;
}
body{
	font-family: Tahoma, Trebuchet, Arial, sans-serif;
	background:#eee;
}
h2, h3, h4, h5, h6{
font-family: Tahoma, Trebuchet, Arial, sans-serif;   
}

.alert.alert-danger {
  color: #ff0000;
}

.help-block.error {
  color: #ff0000;
}

header{
  background-color: #fff;
	margin-bottom:40px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.co-title {
  font-size: 1.65em!important;
}

.pageOverlay{
  position: absolute;
  z-index:1;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -35%);
}

.dataBox {
  max-width: 100%;
  margin: 10px 5px 10px 5px;
}

#tax-statement {
  background-color: #000;
  color: #fff;
  padding:20px 5px 20px 5px;
  font-size: 1.125rem;
  line-height: 1.222rem;
  font-weight: 700;
  overflow: scroll
}

.center {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

p{
  margin:0 5px 15px 5px;
}

ul{
	list-style-type: none;
}

strong{color:#8CC63F;}

#topCallBox{
	margin-top:20px;
}

img#topLogo {
  width: 50%;
  max-width: 250px;
}

#topLogo{
	margin-top:10px;
}

.mainContent{
	margin:20px;
}
	.mainContent h2{
		font-size:1.95em;
	}
	
	.mainContent p{
		font-size:1.2em;
		line-spacing: 2px;
		line-height:2em;
	}

	#gMapFrame{
		margin:0 auto;
		width:100%;
		height:400px;
		max-height:450px;
		border: none;
	}

.row{
	max-width: 85.5rem;
}
.row.fullWidth {
	min-width:100% !important;
   width: 100%;
   margin:auto 0;
   max-width: initial; 
}

.button{
	color: #000;
	background: #8CC63F;
	font-size: 1rem;
	letter-spacing: 0px;
	border: 1px solid transparent;
}
.button:hover{
	background:#666666;
}

.panel{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* info boxes */
.box {
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 25px;
  display: block;
  margin-top: 60px;
	margin-bottom:25px; }

.box-icon {
  background-color: #666666;
  border-radius: 50%;
  display: table;
  height: 100px;
  margin: 0 auto;
  width: 100px;
  margin-top: -61px;
  font-size: 3rem; }
  .box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

.info h4 {
  font-size: 22px;
  letter-spacing: 2px;
  text-transform: uppercase; }
.info p {
  color: #717171;
  font-size: 16px;
  padding-top: 10px; }
.info a {
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.5s ease 0s; }
  .info a:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.5s ease 0s; }

/*  footer  */
.footer {
  background-color: #292c2f;
  text-align: center;
  font-size: 1.2rem;
  padding: 4rem; }
  .footer p.slogan {
    color: #8d9093;
    font-size: 1.8rem;
    margin: 0 0 1rem; }
  .footer p.copywrite {
    color: #8f9296;
    font-size: 0.875rem;
    margin: 0; }
  .footer .links a {
    list-style: none;
    font-weight: bold;
    color: #ffffff;
    padding: 3rem 0 2rem;
    margin: 0; }
    .footer .links a::after {
      content: "•";
      padding: 0 0.4rem 0 0.8rem; }
    .footer .links a:last-child::after {
      content: "";
      padding: 0 0.4rem 0 0.8rem; }

/* sign up form */

	
.signup-panel {
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 30px;
	margin-bottom:25px;
}
	.signup-panel i {
	  font-size: 30px;
	  line-height: 50px;
	  color: #999;
	}
	.signup-panel form input, .signup-panel form span {
	  height: 50px;
	}
	.signup-panel .welcome {
	  font-size: 26px;
	  text-align: center;
	  margin-left: 0;
	}
	.signup-panel p {
	  font-size: 13px;
	  font-weight: 200;
	  margin-left: 25%;
	}
	.signup-panel .button {
	  margin-left: 35%;
	}

.js .rise{
  -webkit-transform: translateY(500px);
  -moz-transform: translateY(500px);
  -ms-transform: translateY(500px);
  -o-transform: translateY(500px);
  transform: translateY(500px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: -moz-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: -o-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.js .rise.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (max-width: 40em) {

}


/* 1024 px */
@media only screen and (max-width: 1024px){
	

}

/* 660 px */
@media only screen and (max-width: 660px){

}

/* 420 px */
@media only screen and (max-width: 420px){
	
	.footer{
		padding: 0.85em 0 0 0;
	}
	
	.footer p.slogan .copywrite {
		font-size:0.85em;
	}

}

button.payPropTax-btn {
  padding: 5px;
  background-color: #8CC63F;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: rgb(163, 163, 163, 0.75);
  border-color: #007095;
  color: rgb(255,0,0,0.87);
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

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: rgb(163, 163, 163, 0.75);
}