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

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

.colored,
.blue-color{
	color:#3769b5;
}

.product_row .colored{
	font-weight: normal;
}

.services-row  h2 {
	font-weight:bolder ;
}

.services-row  h2 .colored{
	font-weight: normal;
}

.excerpt{
	height: 90px;
	overflow: hidden;
	margin-bottom: 10px;
}

.blue-bg{
	background-color:#3769b5!important;
}
.alert ul{
	margin: 0;
	padding: 0 10px;
}
.button-border-icon {
	background-color: transparent !important;
}

.button-border-icon i {
	margin-right: 0;
	border-radius: 50%;
	border: 1px solid #DDD;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: transparent !important;
}

.button-border-icon i::before {
	position: relative;
	font-size: 16px;
	left: 2px;
}

.button-border-icon span { margin-left: 0.75rem; }

.bg-layer:before,
#page-title:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .5;
	z-index: 0;
}


.z-index-1{
	z-index: 1;
}


.slider-element .slider-product-desc [class^='col-']{
	background-color: rgb(53 53 53 / 80%);
}

.cust-font
{
	text-transform: uppercase;
    font-style: normal;
    letter-spacing: 5px;
    font-size: 12px!important;
    font-weight: 400!important;
    width: 50%;
    display: inline-block!important;
/*    margin-bottom: 15px;*/
    color: rgba(255, 255, 255, 0.7)!important;
}

.transparent-header + .page-title-parallax .breadcrumb{
	margin-top: 0!important;
}

.heading-block h2{

}

.contact-section {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 50%;
	padding: 60px 60px 60px 180px;
	z-index: 0;
}
.contact-image {
	position: relative;
	width: 60%;
	margin-top: 30px;
	z-index: 2;
	box-shadow: 0 0 40px rgba(0,0,0,.3);
}
@media (max-width: 991px) {
	.contact-section {
		position: relative;
		display: block;
		width: 100%;
		padding: 20px;
	}
	.contact-image {
		width: 100%;
		margin-top: 0;
	}
}

@media (max-width: 955px) {
	.rounded-skill canvas{

	}
}

@media (max-width: 768px) {
	.slide .play-icon{
		margin: 0 auto;
	}
}

@media (max-width: 600px) {

	.products-carousel h2{
		font-size: 1rem;
	}

	.content-wrap{
		padding: 40px 0;
	}

	.circles-row{
		margin-bottom: 15px!important;
	}

	.rounded-skill,
	.rounded-skill canvas{
		width: 120px!important;	
		height: 120px!important;	
	}

	.rounded-skill{
		line-height: 21px!important;
    	font-size: 14px!important;
    	padding-top:36px!important
	}

	.span-break{
		flex-basis: 100%;
	}


}



.ub-products .iconlist li{
	margin-bottom: 10px;
}


.text-border-right {
	overflow: hidden;
}

.text-border-right::after {
	content:"";
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-right: -100%;
	margin-left: 10px;
	border-top: 1px solid #444;
}

.text-border-right.b-w-50::after {
	width: 10rem;
}

.dark .text-border-right::after {
	border-color: #fff;
}

#footer.dark{
/*	color: rgba(255,255,255)!important;*/
    background-color: #3769b5;
    border-top-color: rgba(255,255,255,0.5);
}

.dark #copyrights, #copyrights.dark{
	color:#ffffff;
}

#footer.dark .social-icon.si-borderless {
    color: rgba(255,255,255,0.8) !important;
}

.rounded-skill{
	line-height: 24px!important;
	font-size: 17px;
}



#about-us .mb-1 p{
	    margin-bottom: 0.25rem !important;
}