.top-bar { background: #224268; padding: 7px 0; color: #FFF; font-family: 'Poppins', sans-serif; font-size: 13px; }
.top-bar i { width: 25px; text-align: center; }
.top-bar-icons i:last-child { margin-left: 10px; }
.main-navigation li a:hover { background: transparent; }
.title-heading h5 { margin: 0; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 500; }
.title-heading h2 { margin: 0; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #224268; }
.title-heading h2::after { content: ''; margin: 10px 0; width: 60px; height: 3px; display: block; background: #224268; }
.title-heading p  { margin: 0; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 400; }
.title-heading img { margin: 0; border: 1px solid #d8d8d8; padding: 4px; background: #FFF; }
.page-a a { 
  font-family: 'Poppins', sans-serif; 
  font-weight: 600; 
  text-transform: capitalize; 
  color: #000; 
  text-decoration: none;
  border: 2px solid #224268;
  padding: 10px 40px; 
  letter-spacing: 1px;
}
.page-a a:hover { background: #224268; transition: 0.5s; color: #FFF;}
.service-box { border: 1px solid #d8d8d8; padding: 5px; background: #FFF; border-radius: 3px; }
.service-box img { width: 100%; margin: 0; }
.service-box h3 { padding: 10px 10px 0; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
.service-box p { padding: 0 10px; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; margin-bottom: 10px; }
.gallery-item { padding: 0 8px; height: 230px; overflow: hidden; }
.gallery-item .gallery-icon a { display: block; line-height: 0; margin-bottom: 8px; }
.gallery-item .gallery-icon img { width: 100%; }
#colophon { background: #111; border-top: 0; }
.site-footer .bottom-bar { background: #000; border-top: 0; color: #FFF; font-family: 'Poppins', sans-serif; }
.site-footer .bottom-bar .site-info a { font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.site-footer .bottom-bar .site-info a:hover { background: transparent; text-decoration: none; }
.footer-heading h3 { 
  font-family: 'Poppins', sans-serif; 
  font-size: 16px; 
  font-weight: 600; 
  letter-spacing: 1px; 
  text-transform: uppercase; 
  color: #FFF; 
  margin-bottom: 15px;
}
.footer-heading p,
.footer-services ul li { font-family: 'Poppins', sans-serif; font-size: 14px; color: #b9b9b9;}
.footer-services ul { columns: 2;}
.footer-services ul li::before { content: '\f101'; font-weight: 600; color: #224268; margin-right: 10px; font-family: FontAwesome; }
.footer-contact p i { position: absolute; left: 0; width: 15px; text-align: center; top: 3px; color: #224268; }
.footer-contact p { position: relative; padding-left: 24px; margin-bottom: 10px; }

.entry-header { background: url('http://www.brunnerfab.com/wp-content/uploads/2020/03/entry.jpg') no-repeat center center; background-size: cover; padding: 150px 0 80px;}
.entry-header h1.entry-title { font-family: 'Poppins', sans-serif; color: #FFF; font-weight: 600; font-size: 50px; text-transform: uppercase;}
/* Contact Page */
.contact-info h5::before { content: ''; background: #224268; height: 3px; width: 40px; display: block; border-radius: 50px; margin: 20px 0; }
.contact-box { border: 1px solid #d8d8d8; padding: 30px 20px; display: inline-block; }
.equal { padding: 30px 70px; margin-right: 10px;}
.contact-box i { font-size: 30px; color: #224268; margin-bottom: 20px; display: block; }
.contact-box { font-family: 'Poppins', sans-serif; margin: 0; text-align: center; font-size: 14px;}
.contact-form input,
.contact-form textarea { font-family: 'Poppins', sans-serif; background: #F1F1F1; color: #87868A; border-radius: 0; border: 0; padding: 17px 27px; }
.contact-form input:focus,
.contact-form textarea:focus { border: 0; box-shadow: 0 0 0 0; background: #F1F1F1; color: #87868A; }
.contact-form textarea { height: 170px; }
.contact-form .btn { background: #224268; color: #FFF; font-family: 'Poppins', sans-serif; font-weight: 600; text-transform: capitalize; }
/* responsive issue */
@media screen and (max-width: 999px) {
  .top-bar {
    display: none;
  }
}
.quote h4 {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.quote h3 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	margin-top: 10px;
	text-transform: capitalize;
}

.quote a {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	border: 2px solid #224268;
	background: transparent;
	padding: 8px 40px;
	text-decoration: none;
	text-transform: capitalize;
}

.quote a:hover{
	background: #224268;
	color: #FFF;
	transition: 0.4s;
}
/* responsive issue */
@media screen and (max-width: 999px) {
  .top-bar {
    display: none;
  }
	.quote a {
		text-align: center !important;
	}
}