body { background:#f9f9f9}
.uik-top-bar__wrapper { margin-bottom:20px}
.section { margin-bottom:20px}
a:not([href]):not([tabindex]) {
    color: initial;
    text-decoration: initial;
}
.uik-btn__base.uik-btn__success {background: #e13435; background-image: linear-gradient(0deg, #e13435 0%, #e13435 100%);
    border: 1px solid #e13435;}
	.uik-btn__base.uik-btn__success:hover, .uik-btn__base.uik-btn__success:focus {background-image: linear-gradient(0deg, #e13435 2%, #e13435 100%);
    border: 1px solid #e13435; opacity:0.9}
	
	.uik-btn__base.uik-btn__primary {background: #008cf4; background-image: linear-gradient(0deg, #008cf4 0%, #008cf4 100%);
    border: 1px solid #008cf4;}
	.uik-btn__base.uik-btn__primary:hover, .uik-btn__base.uik-btn__primary:focus {background-image: linear-gradient(0deg, #008cf4 2%, #008cf4 100%);
    border: 1px solid #008cf4; opacity:0.9}
	
	.w100 { width:100%}
	.container-fluid {    padding-right: 25px;
    padding-left: 25px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {    padding-right: 10px;
    padding-left: 10px;}
	
.ticker-container {
  background: #000;
	width: 100%;
	overflow: hidden;
  margin: 0 auto; padding:10px 0;
}
.ticker-text {
  color: #fafafa;
  white-space:nowrap;
  display:inline-block;
   font-size:14px;
}
.tickeritem { padding:5px 40px; border-right:1px solid #ccc; display: inline-block; }
.tickeritem:last-child { border: none}
.swiper-slide img { width:100%; }
.swiper-wrapper { height: initial}

.imgwrapper {
    background-position: left center ;
    background-repeat: no-repeat;
    background-size: cover;
	min-height:250px;
   
}

.text-over-image__image-wrapper img { width:100%; display:block}
.text-over-image {
    position: relative;
    overflow: hidden;
}
.text-over-image--grey {
    color: #404040;
}

.text-over-image__body-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    width: 63%;
    max-width: 46.875rem;
    height: 100%;
}
.text-over-image--left .text-over-image__body-wrapper {
    left: calc(35% + 3.125rem);
}
.component__base, .component__body {
    box-sizing: border-box;
    background-color: inherit;
}
.text-over-image__body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20% 0 20%;
}
.text-over-image__body-wrapper::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    align-self: center;
    background: var(--background-gradient);
}
.text-over-image__button-wrapper {
    padding: 0;
    margin: 0;
}
.text-over-image__button-wrapper--palette-0, .text-over-image__button-wrapper.colour--palette-0 {
    --palette-text-colour: #404040;
    --palette-background-colour: transparent;
    --palette-hover-colour: #dd1d21;
    --palette-button-background-colour: #dd1d21;
    --palette-button-text-colour: #fff;
    color: #404040;
    background-color: initial;
    border-color: #404040;
}

.tabs_content-bt { margin-bottom:100px}
.about-shell-bitumen {background:#fbce07; clear:both; padding:50px 0 0;}
.grid-row-shell { padding-top:5rem; padding-bottom:9rem}
	.tab-content-asb p, .tab-content-asb li, .tab-content-asb div { font-size:1.6rem}
	
	.uik-social-about__wrapper { background:#1665d8; color:#fff}
		.uik-widget__wrapper__blue .uik-widget-title__wrapper h3 { color:#fff}
		.uik-btn__base.uik-btn__transparent { color:#fff; min-width:150px;     box-shadow: none;     border: 1px solid rgba(204,204,204,0.4); }
		.uik-btn__base.uik-btn__transparent:hover, .uik-btn__base.uik-btn__transparent:focus { box-shadow: none; border: 1px solid rgba(204,204,204,0.6);}
		
		
		.uik-widget__wrapper__blue .uik-widget-title__wrapper:not(:last-child) {border-bottom: 1px solid rgba(204,204,204,0.4);}
		.uik-widget__wrapper__blue table.uik-buildings-performance__tableProfit tr td, .uik-widget__wrapper__blue table.uik-buildings-performance__tableInvoices tr td {border-bottom: 1px solid rgba(204,204,204,0.4); }
		.uik-widget__wrapper__blue table.uik-buildings-performance__tableProfit tr td, .uik-widget__wrapper__blue table.uik-buildings-performance__tableInvoices tr td  {color:rgba(255,255,255,0.6); text-align:left}
		
		.uik-widget__wrapper__blue .uik-avatar__wrapper .uik-avatar__name {color:rgba(255,255,255,0.6)}
		.uik-social-about-item__wrapper-bt { border-bottom: 1px solid #EAEDF3; padding-top:9px; padding-bottom:9px}
		.uik-social-about-item__wrapper-bt .uik-avatar__name span { font-weight:700; font-size: 0.825rem; margin-bottom:8px; color:#6b6c6f}
		.uik-social-about-item__wrapper-bt .uik-avatar__textBottom i.uikon {    font-size: 1rem; position:relative; top:2px}
		.uik-social-about-item__wrapper-bt .uik-avatar__textBottom { margin-bottom:0} <!--16022022-->
		.uik-social-about-item__wrapper-bt .uik-avatar__info { margin-left:0}
		.uik-social-about-item__wrapper-bt .uik-avatar__info p { color:#6b6c6f; font-size:0.8rem}
		
		.member-wrapper { margin-top:20px}
		.member-wrapper a.member-head { color:#84868c; font-weight:700}
		.member-wrapper a.member-head.active {color:#73a3e8}
		.member-wrapper a.member-viewall { color:#9ea0a5; font-size:1rem; margin-left:5rem}
		.member-table__sub-details { color:#9ea0a5}
		.member-table__sub-details span { display: inline-block; padding:0 8px 0 0; font-size:0.9rem}
		.membername { color:#000; font-weight:700; font-size:0.8rem}
		.member-table tr td { padding:0.69rem 15px}
		.member-table__sub-details img { width: 16px;
    margin-right: 5px;
    position: relative;
    top: -1px;}
		table.uik-buildings-performance__tableProfit td.member-table__icon:first-child, 
		table.uik-buildings-performance__tableInvoices td.member-table__icon:first-child { padding-left:20px; padding-right:5px}
		table.uik-buildings-performance__tableInvoices td.member-table__btn { padding-left:5px; padding-right:20px}
		.member-viewall span { display:inline-block; position:relative; top:-2px;   transition:all 0.4s ease}
		.member-viewall:hover span {  transform:translateX(8px)}
		footer { background:#252529; padding:50px 15px 30px}
		footer  p { color:#9EA0A5}
		footer p a, footer a {color:#929294}
		.social-links { list-style: none; margin:24px 0}
		.social-links  li { display:inline-block; margin-right:30px }
		.social-links  li a { font-size:30px; color:#929294}
		
		.quicklinks { list-style: none;     margin: auto;
    max-width: 90px;
}
.nav-link { padding:0}

.address { margin:auto; max-width:312px}
		.quicklinks li  { margin:15px 0}
		.quicklinks a {color:#929294}
		.footerblog>div { border-right:1px solid #777; }
		.footerblog>div:last-child { border: none}
		.quicklinks-wrapper { padding:0 30px}
		.nav-link.active .uik-tab__item {border-bottom-color: #1665D8;
    font-weight: 500;
    color: #3E3F42;}
	.uik-top-bar-link__wrapper:hover, .uik-top-bar-link__wrapper.active {color: #1665D8 !important;}
	
	.uik-btn__base.uik-select__valueRendered {     padding: 0px 15px 0px 10px;     border: 1px solid #D8DCE6; }
			.uik-select__wrapper.uik-buildings-performance__selectRange {margin-right:15px;}
			.uik-input__inputWrapper { margin-right:14px} 
			.uik-input__inputWrapper .uik-input__input {border: 1px solid #D8DCE6;}
			
			.uik-widget__wrapper-login .uik-input__iconWrapper:not(.uik-input__iconWrapperRight) { left: initial; right:12px}
			.uik-widget__wrapper-login .uik-input__iconWrapper:not(.uik-input__iconWrapperRight)+input { padding-left:15px; padding-right:40px}
			
			.ad-banner { margin-top:20px}
			.pagination .fa { line-height:1.25}
			.page-item .page-link { color:#3e3f42}
			.page-link:focus { box-shadow: none}
			.page-item.active .page-link {    background-color: #196ade;
    border-color: #196ade; border-radius:4px}
			ul.pagination  { margin-bottom:3px; margin-top:8px}
			.leftcontent-wrapper { position:relative}
			
			
			.uik-social-about-item__wrapper.uik-social-about-item__wrapper-bt { position:relative; cursor:pointer}
			
			
			.login-onhover { background:rgb(149 204 251 / 70%); padding:10px 15px 15px; text-align:center; position: absolute;
    top: 0; width: calc(100% + 50px); left:-25px; visibility: hidden; height:100%; opacity:0; z-index:999; transition:all 0.6s ease}
	.uik-social-about-item__wrapper.uik-social-about-item__wrapper-bt.active .login-onhover { visibility:visible; opacity:1}
			.login-title {font-size: 24px;
    color: #333; line-height:1;
    margin-bottom: 1rem;}
			
			.uik-btn__base.uik-btn__primary, .uik-btn__base.uik-btn__primary:hover, .uik-btn__base.uik-btn__primary:focus {background: #196ade;
    background-image: linear-gradient(0deg, #196ade 0%, #196ade 100%);
    border: 1px solid #196ade;
}

.copyright a:hover {    color: #929294;}
.dropdown-toggle::after { display:none}

.scroller { overflow-Y: scroll; overflow-X: hidden; padding-right:40px; max-height:550px}
		 ::-webkit-scrollbar {
		  width: 5px !important ; display:inline-block ;
		}
		::-webkit-scrollbar-track {
		  background: #fff ; display:inline-block ; 
		}
		::-webkit-scrollbar-thumb {     border-radius: 2px;
		}
		.swiper-wrapper {display: flex; display: flex; webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; height:130px !important; padding-right:15px }
	.swiper-wrapper .swiper-slide { padding:8px; background:#d5d5d5 !important; display: flex; webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important}
	.swiper-container { overflow: hidden}
	
	.uik-top-bar__wrapper {    min-height: 70px;}
	.login-onhover { min-height:145px}
	
	.uik-widget-title__wrapper.bitumart-tab {-webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;}
	.uik-widget-title__wrapper.bitumart-tab .last-tab { margin-left:auto}
	
	#contentdiv .uik-widget__wrapper-login img.articles-img { max-width:100%; margin:auto; padding:15px}