html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body.hasjs #preloader {
	position: fixed;
	left: 0 ;
	top: 0  ;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: white url(../../images/preloader.gif) center center no-repeat;
}


/* RESET */
/* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li {list-style:none;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/*sup {vertical-align: super;} sub {vertical-align: sub;}*/
sup, sub {  
  vertical-align:baseline;
  position: relative;
  top:-1em;
  font-size:0.5em;/**/
}
sub { 
  top: 1em; 
}

.graphic_text::after,
nav.tags::after,
#heiheader nav::after,
#subnav::after, #subnav ul::after,
#breadcrumbs::after,
#mainbanner::after, .download_box:after,
.submenu::after,
.clearfix::after, .cf::after, #resource_search::after {
  content: "";
  display: table;
  clear: both;
}
.sbi-screenreader,
.slick-arrow,
.slick-sr-only,
.screen-reader-text,
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;}

.clear { clear:both; }
br.clear { height:0;}