/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



@font-face {
  font-family: agency;
  src: url(fonts/Agency.ttf);

 
}
@font-face {
 font-family: silom;
  src: url(fonts/Silom.ttf);
}

.title-color{
	color: #0f4c81!important;
   
}

span{
    font-size: 16px !important;
}

body h2, h3, h4{
	font-family: agency !important;
    
}



body p, span, a, li, button{
	font-family: silom !important;
}

.btn-hover:hover{
	background-color: #e9b739 !important;
	color: #0f4c81 !important;

}

.sm-form-control{
    border-color:#0f4c81 !important;
}
.med{

	width:40px;
	margin-right:15px;
	}


@media (min-width: 768px) { 

.med{
display: block;margin-left: auto;margin-right: auto;margin-bottom:15px;width:65px;

}

}






@media (max-width: 991.98px){

.hide{

display: none;
}

}


.active{
	    color: #ddb136 !important;
	    background-color: #0F4C81 !important;
}

.link a{
	    padding-right: 0.5rem !important;
	    padding-left: 0.5rem !important;
}

.link a {
    display: block !important;
    position: relative !important;
    padding: 14px 18px !important;
    font-size: 13px !important;
    line-height: 15px !important;
    color: 0f4c82 !important;
    border-left: 1px solid rgba(0,0,0,0.07) !important;
}

.link:first-child a {
    border-left: none !important;
    border-radius: 4px 0 0 4px !important;
}
.projectspec h3{
	color: #0f4c81!important;
	line-height:15px!important;
	display: flex!important;
  flex-direction: row!important;
  
  align-items: center!important;


}
.projectspec{

display: inline-flex!important;

  
}
.projectspec i{
				margin-right:10px!important;
	}