/* General STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text 		 */

	body {
		font-family: Lexend, sans-serif;
		padding-top: 0;
		padding-bottom: 0;
		overflow-x: hidden;
	}

	.infoBar {
		color: rgba(255, 255, 255, 0.50);
		font-size: 0.8125rem;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #253258;
	}
	.infoBar span {
		display: inline-block;
		margin-right: 15px;
	}
	.infoBar a {
		color: rgba(255, 255, 255, 0.50);
	}
	
	.StellerNavBar {
		background-color: #FCCC0C;
	}
	.social a {
		Padding: 10px 15px;
	}
	.social a:hover svg {
		fill: rgba(255, 255, 255, 0.70);
	}
	.me-auto {
		margin-left: auto !important;
		margin-right: 1px !important;
	}
	.navbar-collapse {
		align-items: right !important;
	}
	.navbar {
		Padding: 0;
	}
	.navbar-nav .nav-link {
		Padding: 20px !important;
	}
	.navbar-nav li.getaquote .nav-link {
		color: #FCCC0C;
		background-color: #253258;
		Padding: 20px 50px !important;
		margin-right: -13px;
	}
	.navbar-nav li.getaquote .nav-link:hover {
		color: #FFF;
	}
	
	.about-sec h2,
	.project-sec h2,
	.mission-sec h2	{
		color: #253258;
	}
	
	.about-sec p {
		color: #333;
		font-weight: 300;
	}
	
	.about-sec h6,
	.services-sec h6,
	.project-sec h6,
	.how-sec h6,
	.mission-sec h6,
	.quote-sec-light h6	{
		color: #FCCC0C;
		margin-left: 30px;
	}
	.about-sec h6::before,
	.services-sec h6::before,
	.project-sec h6::before,
	.how-sec h6::before,
	.mission-sec h6::before,
	.quote-sec-light h6::before {
		content: "";
		display: block;
		border-bottom: 2px solid #FCCC0C;
		position: absolute;
		width: 20px;
		margin-top: 9px;
		margin-left: -30px;
	}
	.services-sec h6,
	.project-sec h6,
	.how-sec h6,
	.mission-sec h6,
	.quote-sec-light h6{
		display: inline-block;
	}
	
	.services-sec,
	.news-section {
		background: url(assets/imgs/Services-Bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 90px 0;
	}
	.services-sec h2,
	.services-sec h6,
	.project-sec h2,
	.project-sec h6,
	.how-sec h2,
	.how-sec h6,
	.mission-sec h2,
	.mission-sec h6
	.quote-sec-light h2,
	.quote-sec-light h6{
		text-align: center;
	}
	
	.project-sec {
		background: #FFF;
		padding: 90px 0;
	}
	.project-sec .pcard-img {
	  position:relative;
	}
	.project-sec .pcard-img img {
		max-width: 100%;
	}
	.project-sec .pcard-overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background: rgba(252, 204, 14, 0.5);
		Padding: 10px;
	  }

	.project-sec .pcard:hover .pcard-overlay {
		opacity: 1;
	  }
	
	.how-sec {
		background-color: #F5F5F5;
		padding: 90px 0;
	}
	.clients-sec {
		background-color: #253258;
		padding: 45px 0;
	}
	.gallery-sec {
		padding: 90px 0 0;
	}
	.news-section {
		background: url(assets/imgs/Blog-Bg.jpg);
	}
	.news-section a.icon-link,
	a.icon-link {
		color: #FCCC0C;
		text-decoration: none;
	}
	.quote-sec {
		background: url(assets/imgs/Quote-Bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 90px 0;
	}
	.quote-sec-light {
		background-color: #E5E5E5;
		padding: 90px 0;
	}
	.testimonial-sec {
		background: url(assets/imgs/Testimonial_Bg.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		padding: 90px 0;
	}
	
	.testimonial-sec .card {
		border: 0;
	}
	.testimonial-sec .card img {
		width: 90px; 
		height: 90px; 
		border-radius: 50%;
		border: 1px solid #FCCC0C;
	}
	
	.testimonial-sec .card-body {
		Padding: 0 15px;
	}
	.testimonial-sec .card-text {
		color: #555;
		font-size: 16px;
	}
	.testimonial-sec .card-disig {
		font-size: 16px;
		color: #253258;
	}
	.testimonial-sec .card-name {
		font-size: 18px;
		color: #FCCC0C;
	}	
	
	
	
	.footer-sec {
		background: #0A122A;
	}
	
	.footer-sec .featurette-divider {
		margin: 2rem 0;
	}
	.footer-sec hr {
		border-top: 1px solid #FFF;
	}
	.footer-sec,
	.footer-sec a, 
	.footer-sec p	{
		color: #777;
		text-decoration: none;
	}
	.footer-sec a:hover {
		color: #AAA;
		text-decoration: none;
	}
	
	
	
	
	.page-title {
		background: url(assets/imgs/Page_title.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 7rem 0px;
	}
	.page-title h1 {
		font-family: Syne, sans-serif;
		font-size: 3.875rem !important;
		font-weight: 800;
		line-height: 3.875rem; 
		color: #FFF;
	}
	.page-title h1 small {
		font-size: 1.875rem !important;
	}
	.page-title h1 span {
		color: #FCCC0C;
	}
	.mission-sec {
		Padding: 5rem 0 5rem;
	}	
	.section-pad {
		Padding: 5rem 0;
	}
	.color-yellow {
		color: #FCCC0C;
	}
	.color-dblue {
		color: #253258;
	}
		
	.team-section .team-img {
	  position: relative;
	}
	.team-section .team-img img {
		max-width: 100%;
	}
	.team-section .team-overlay {
		position: absolute;
		top: auto;
		bottom: 25px;
		left: 0;
		right: 0;
		height: auto;
		width: 100%;
		opacity: 10;
		transition: .5s ease;
		background: rgba(50, 76, 142, 0.75);
		Padding: 0 10px;
		border-radius: 0 0 8px 8px;
		text-align: right;
	  }
	  .team-section .team-overlay a {
		display: inline-block;
		line-height: 52px;
		height: 52px;
		width: 52px;
		vertical-align: center;
		text-align: center;
	  }
	
	
	
@media (max-width: 1199.98px) { 
	.project-sec .pcard-overlay {
		position: relative;
		opacity: 100;
		transition: .5s ease;
		background: transparent;
		Padding: 10px;
	}
	.project-sec .pcard-overlay .text-white {
		color: rgb(33, 37, 41) !important;
	}
}

@media (max-width: 991.98px) { 

	.mb-xs-5 {
		margin-bottom: 3rem !important;
	}
	.img-md-fluid {
		max-width: 100%;
		height: auto;
	}
	.mar-center {
		margin: 0 auto;
	}
	.page-title {
		padding: 2rem 0;
	}
	.section-pad	{
		padding: 2rem 0;
	}
	.page-title h1 {
		font-size: 2.5rem !important;
		line-height: 2.5rem;
	}

}	

@media (max-width: 575.98px) { 	
	.navbar-nav li.getaquote .nav-link {
		margin-right: 0;
	}
	.services-sec, 
	.news-section, 
	.project-sec,
	.how-sec,
	.mission-sec {
		Padding: 50px 0;
	}
	.mb-xs-5 {
		margin-bottom: 3rem !important;
	}
	.mb-xs-3 {
		margin-bottom: 1rem !important;
	}
	.mt-sx-5 {
		margin-top: 3rem !important;	
	}
	.mt-sx-3 {
		margin-top: 2rem !important;	
	}
	.p-xs-5-half {
		padding: 1.5rem !important;
	}
	.img-sx-fluid {
		max-width: 100%;
		height: auto;
	}
	.testimonial-sec {
		background: none;
	}

}