body {
	color: #797979;
	font-weight: 400; 
}

/* nav bar */
.navbar-brand {
	font-family: 'chunk', Arial;
	font-size: 26px;
	color: #fff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ddd;
  background-color: transparent;
}

.navbar-header {
	padding-top: 8px;
}

.navbar-default {
background: #468E9B;
  background: -webkit-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* W3C */
        
        
}



hr {
	border-top: 1px solid #e5e5e5;
}

/* header wrap */

.headerwrap h1 {
	color: #fff;
	font-weight: 700;
	font-size: 55px;
}

.headerwrap h4 {
	color: #f1f1f1;
	font-weight: 300;
}

.headerwrap p {
	color: #fff;
}

.headerwrap {
	background-color: #468E9B;
	/*background: url(../img/grassy.jpeg) no-repeat center top;*/
	margin-top: -20px;
	padding-top: 121px;
	background-position: center center;
	min-height: 461px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
  background: -webkit-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #085078 10%, #4D7C6E 90%); /* W3C */
        
        
}

/* Steps */

#steps h1{
	color: #666;
	font-weight: 900;
}

#steps h2{
	color: #666;
	font-weight: 900;
	font-size: 16px;
	margin: 0px;
}

#steps h4{
	color: #4aa2c3;
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 25px;
}

#steps h5 {
	color: #D58872;
	font-weight: 400;
	font-size: 16px;
}

#steps h6 {
	color: #4C5F79;
	font-size: 19px;
	font-weight: 600;
}



/* Step 1 */
#step1 {
	padding: 40px;
	margin-bottom: 40px;
	background-color: #fff;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


/* Step 2 */
#step2 {
	padding: 40px;
	margin-bottom: 40px;
	background-color: #fff;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.step2 h1 {
	font-size: 24px;
	margin: 15px 0px 0px 0px;
}


@media (min-width: 1200px) {
	#step2 .col-md-4 {
		width: 32.33333%; 
		margin: 0px 5px;
	}
	
	#step2 .white {
		background: #fff;
		border-radius: 5px; 
	}
}

@media (min-width: 768px) {
	#step2 .col-sm-4 {
		width: 32.33333%; 
		margin: 0px 5px;
	}
	
	#step2 .white {
		background: #f4f4f4;
		border-radius: 5px; 
	}
}

@media (max-width: 768px) {
	#step2 .col-xs-4 {
		width: 32.33333%; 
		margin: 0px 5px;
	}
	
	#step2 .white {
		background: #fff;
		border-radius: 5px; 
	}
}

#step2 ul{
	text-align: left;
}

#step2 h4{
	color: #4aa2c3;
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 25px;
}

#step2 h2{
	color: #545454;
	font-weight: 400;
	font-size: 19px;
	background: #F2E4A9;
	padding: 10px;
	border-radius: 5px;
	
}


#step2 p {
	text-align: left;
}


/* howtopay */

#howtopay p{
	font-size: 14px;
	line-height: 19px;
	
}




/* Step 3 */
#step3 {
	padding: 40px;
	margin-bottom: 40px;
	background-color: #fff;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#step3 h4{
	color: #4aa2c3;
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 25px;
}


/* btn */

.btn-info {
	background: #1ABC9C;
	border: 1px solid #1ABC9C;
	font-weight: 600;
}

.btn-info:hover {
	border: 1px solid #1ca488;
	border-radius: 5px;
	color: #fff;
	background: #1ca488;
}

.btn-outline {
	border: 1px solid #fff;
	border-radius: 5px;
	color: #fff;
}

.btn-outline:hover {
	border: 1px solid #fff;
	border-radius: 5px;
	color: #555;
	background: #fff;
}


#municibidpay p{
	color: #333;
}

.modal-title {
	font-weight: 600;
}

.clearedmess {
	font-size: 18px;
	font-weight: 600;
	color: #666;
	margin-top: 15px;
}

.marg {
	margin-top: 21px;
	line-height: 21px;
}