hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem;
}


.icon_links {
	 text-align: center;
}
 .icon_links a:link {
	 display: inline-block;
	 color: #FFF;
	 text-align: center;
	 padding-top: 60px;
}
 .icon_links a:visited {
	 display: inline-block;
	 color: #FFF;
}
 .icon_links a:hover {
	 color: #ed9f13;
}
/* this uses an id so it should only be used for the top section, right after the banner*/
 #blue-welcome {
	 background-color: #0a2240;
	 padding-top: 40px;
	 padding-bottom: 40px;
	 color: #fff;
	 position: relative;
	 margin: 3.125rem 0;
	
}
 
/*this uses a class so it can be reused*/
 .blue-welcome {
	 background-color: #0a2240;
	 padding-top: 40px;
	 padding-bottom: 70px;
	 color: #fff;
	 position: relative;
}


 .blue-welcome-addresses {
	 background-color: #0a2240;
	 padding-top: 40px;
	 padding-bottom: 70px;
	 position: relative;
}


 .spotlight-text {
	 font-size: 14pt;
}

 .h2_white {
	 text-align: left;
	 color: #fff;
	 font-weight: bold;
}

 .h2_regular {
	 text-align: left;
	 color: #000;
	 font-weight: bold;
	 
}

.h2-homepage-questions {
font-size: 2.5rem !important;
color: #fff !important;
margin: 0 !important;
padding: 0 2.5rem;
}

.h3-affordability {
    font-size: 2.5em;

}

.yellow {
    color: #ffcc33;
}
    
.green {
color: #6DC04E;
}


 .blue_welcome_desc {

}
 .helpful-links-row {
	 position: relative;
	 padding-top: 70px;
	 padding-bottom: 70px;
}
 .helpful-links-col-left {
	 text-align: left;
	 position: relative;
	 top: -5px;
}
/*raul - 2-20-2019 - changing fa color - for icon page*/
 .fa-blinn-white:before{
	 color: #ffffff;
	 font-size: 70px;
}
 .fa-blinn-white:hover::before {
	 color: #ed9f13;
}
 i {
	 padding-bottom: 10px;
}

.blinn-gold  {
    
	 background-color: #fdb813;
	 color: #000;
	 font-family: oswald;
	 font-weight: bold;
	 border: none;
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	 font-size: 18px;
	 width: 300px;
	 text-transform: uppercase;
	 position: relative;
	 top: 5px;

}

 .blue_welcome_desc_link, .blue_welcome_desc_link a:link, .blue_welcome_desc_link a:active, .blue_welcome_desc_link a:hover, .blue_welcome_desc_link a:visited  {
	 padding-bottom: 10px;
	 font-size: 18px;
	 color: #fff;
}




 
 
.bottom_line {
	 /*this is thin gray --- border-bottom: 1px solid #eeeeee;*/
	 border-bottom: 1px solid #000;
}



 @media screen and (min-width: 767px) {
     
 
    .equal .span2 {
        width: 20%;
    }

}




 .btn-blue-welcome {
	 background-color: #fdb813;
	 color: #000;
	 font-family: oswald;
	 font-weight: bold;
	 border: none;
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	 font-size: 18px;
}



.botones-blue {
    position: relative; 
    left: -15px;
    padding-top: 25px;
    font-size: 18px;

}



 @media only screen and (max-width: 767px) {
	 .botones-blue {
	     position: relative; 
         left: 0px;
		 display: flex;
		 justify-content: center;
		 align-items: center;
	}
}



.fa-sticky {
	 position: fixed;
	 bottom: 0px;
	 right: 0px;
	 -webkit-transform: none !important;
	 transform: none !important;
	 z-index: 99999999999999999999999999999999999999999999999999;

}


 .wrapper {
	 position: relative;
	 width: 350px;
}
/* .image {
	 display: block;
	 width: 100%;
	 height: auto;
}
 */
 .overlay {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 background-color: #0033a0;
	/* background-color: #000;
	 */
	 overflow: hidden;
	 width: 100%;
	/*height: 0;
	 changed to pixes/% raul */
	 height: 30%;
	 opacity: 0.9;
	 transition: .5s ease;
}
 .wrapper:hover .overlay {
	 opacity: 0.9;
	 height: 100%;
	 cursor: pointer;
	 cursor: hand;
}
 .text {
	 color: #fff;
	 font-size: 16px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	 text-align: center;
	 font-weight: bold;
	 opacity: 1 !important;
}
 .opacity-label {
	 position: relative;
	 padding-top: 20px;
	 font-size: 20px;
	 font-weight: bold;
}
 .wrapper:hover .opacity-desc {
	 display: block;
	 visibility: visible;
}
 .opacity-desc {
	 display: none;
	 visibility: hidden;
}

 @media screen and (max-width: 767px) {

    .bottom-padding {
        
        padding-bottom: 30px;
    }

}


 .columns-section {
	 position: relative;
	 top: -52px;
}
 @media only screen and (max-width: 767px) {
	 .columns-section {
		 position: relative;
		 top: -100px;
	}
}

@media only screen and (max-width: 767px) {
	 .columns-section {
		 position: relative;
		 top: -100px;
	}
}


@media only screen and (max-width: 767px) {
    .container-m {
        top: -20px!important;
    }
}









/*accordion settings */
 .accordion {
	 padding-bottom: 10px !important;
	 padding-top: 10px!important;
}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	/*border: 1px solid #c5c5c5;
	*/
	 background: #cccccc !important;
	 color: #454545;
	 padding-bottom: 10px !important;
	 padding-top: 10px !important;
	 border-radius: 0px !important;
	 border: 0 !important;
	 border: none !important;
	 outline:none !important;
	 font-family: roboto;
	 font-weight: bold !important;
}
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	/*border: 1px solid #c5c5c5 !important;
	*/
	 background: #0a2140 !important;
	 color: #fff !important;
	 border-radius: 0px !important;
	 border: 0 !important;
	 border: none !important;
	 outline:none !important;
	 font-family: roboto;
	 font-weight: bold !important;
}
 .acc-title {
	 padding-left: 20px;
}
/*adding spacing between*/
 #accordion > h3 {
	 margin-top: 10px;
}
 #accordion > h3:first-child {
	 margin-top: 0;
}
/*accordion settings */

/*Table*/
.programPlanTable tr th {
        text-align: center !important;
    }
    
    .table-courses {
        padding: 20px;
    }
    
/*Dollar Slash*/

.img-center {
                  display: block;
                  max-width: 50%;
                  height: auto;

                }

                .price-txt {
                  padding: 1.8rem 0 0 1.8rem;

                }

                .padded {
                   padding: 1rem;
                }
                

@media screen and (max-width: 992px) {

    .img-center {
                  display: block;
                  width: 100%;
                  height: auto;

                }

                .price-txt {
                  padding: 1.8rem 0 0 1.8rem;

                }

                .padded {
                   padding: 1rem;
                }
}

@media screen and (max-width: 767px) {
    .img-fluid {
        max-width: 50%!important;
        max-height: 190px;
    }
}