@charset "UTF-8";
:root {
  --link-color: #0448AA;
  --text-color: #0345bf;
  --body-color: #252525
}
a:hover, a:focus, a:active {
    color: #0448AA;
}
#sp-header {
    height: 77px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid rgba(29, 29, 29, 0.2);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(11px);
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #0448AA;
}
#sp-menu>.sp-column .custom .sppb-btn:hover, #sp-menu>.sp-column .custom .sppb-btn:focus {
    background: rgb(4,72,170);
background: -webkit-linear-gradient(left, rgba(4,72,170,1) 0%, rgba(0,0,0,1) 97%);
background: -o-linear-gradient(left, rgba(4,72,170,1) 0%, rgba(0,0,0,1) 97%);
background: linear-gradient(to right, rgba(4,72,170,1) 0%, rgba(0,0,0,1) 97%);
    color: #fff !important;
}
#sp-menu>.sp-column .custom .sppb-btn {
    color: #0448AA !important;
    border-color: #0448AA!important;
    border-radius: 5px;
    padding: 13px 50px;
}
.view-login #sp-left, .view-registration #sp-left {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    background: url("/images/login_img_avh.jpg");
    background-size: cover;
    height: 100%;
}
.manufacturer-feature .sppb-btn.sppb-btn-default {
    background: linear-gradient(95.55deg, #0448AA 4.25%, #C1272D 93.67%);
}
.manufacturer-feature .sppb-btn.sppb-btn-default:hover {
    background: linear-gradient(95.55deg, #C1272D 4.25%, #0448AA 93.67%);
}
.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 20px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
}
.sppb-articles-carousel-link {
    display: block;
    margin: 12px 0;
    font-size: 24px;
    color: #000;
    line-height: 1.3;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
    border-radius: 10px 10px 0px 0px;
}
.slick-slide img {
    display: block;
	border-radius: 10px 10px 0px 0px;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    float: left;
    margin-right: 10px;
}
.sp-page-title .sp-page-title-heading {
    font-weight: bold;
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    width: 60%;
    margin: 0 auto;
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.sp-page-title .breadcrumb>span, .sp-page-title .breadcrumb>li, .sp-page-title .breadcrumb>li+li:before, .sp-page-title .breadcrumb>li>a {
    color: #fff;
}
.sp-page-title .breadcrumb>.active {
    color: #fff;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
    color: #0448aa;
}
.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    background: #ececec;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 10px 10px 0 0;
    width: 100%;
	transition: all 0.5s;
}
.article-list .article .article-intro-image img:hover {
    transform: scale(1.1);
	opacity: 0.5;
}
.badge {
	display: none;
}
.article-list .article .readmore a {
    color: #252525;
    font-weight: 700;
}
label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    text-transform: uppercase;
    padding-left: 15px;
}
.iserv-btn {
	transition: all 0.5s;
}
.iserv-btn:hover {
	background-color: #efefef;
	border-radius: 5px;
}
@media (max-width: 767px) {
	#sp-footer .container-inner {
    padding: 15px 0;
    text-align: center;
	}
	#sp-footer #sp-footer2 {
    text-align: center;
	margin-top: 20px;
	}
	#sp-bottom-down #sp-bottom5 .sp-column {
    height: 100%;
    display: block;
    align-items: center;
	text-align: center;
	}
	#sp-header {
    height: 75px;
}
}

@media (min-width: 992px) {
.col-lg-3 {
    flex: 0 0 auto;
    width: 20%; 
}
	.col-lg-9 {
    flex: 0 0 auto;
    width: 80%;
}
}