@font-face {

    font-family: HB;

    src: url("/fonts/HB.woff2");

}

@font-face {

    font-family: HR;

    src: url("/fonts/HR.woff2");

}



.disableSelection{

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    outline: 0;

}



/*      TAGS        */

html{

    scroll-behavior: smooth;

}

body{

    font-family: 'HR', sans-serif;

    margin: 0;

    font-size: 16px;

    width: 100%;

    height: 100%;

    scroll-behavior: smooth;

    -ms-overflow-style: none;  /* IE and Edge */

    scrollbar-width: none;  /* Firefox */

}



h1, h2, h3,  h4, h5, h6{

    margin: 0;

    display: inline;

}

h1{

    font-size: 24px;

    font-weight: 700; /*  */

    font-family: 'HR', sans-serif;

}

h2{

    font-size: 24px;

    font-weight: 500; /* Medium */

    font-family: 'HR', sans-serif;

}

h3{

    font-size: 21px;

    font-weight: 700; /*  */

    font-family: 'HR', sans-serif;

}

h4{

    font-size: 21px;

    font-weight: 500; /* Medium */

    font-family: 'HR', sans-serif;

}

h5{

    font-size: 14px;

    font-weight: 700; /*  */

    font-family: 'HR', sans-serif;

}

h6{

    font-size: 12px;

    font-weight: 500; /* Medium */

    font-family: 'HR', sans-serif;

}



table{

    border-collapse: collapse;

    border-spacing: 0;

}



input{

    font-family: 'HR';

}



textarea:focus, input:focus{

    outline: none;

}



/*      NOT NORMATIVE   */



*{

    box-sizing: border-box;

}





/*      CLASSES     */



.wswam{

    width: 100%;

    max-width: 1800px;

    margin-left: auto;

    margin-right: auto;

}

.fw{

    width: 100%;

}

.textCenter{

    text-align: center;

}



.underlinedText{

    text-decoration: underline;

}

.strikedText{

    text-decoration: line-through;

}

.italicText{

    font-style: italic;

}



.centOutset{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.centOutsetRelative{

    position: relative;

    top: 0;

    left: 0;

}

.centInset{

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

}



.img512, .img256, .img128, .img64, .img32, .img16{

    width: 100%;

    height: 100%;

}

.img512{

    max-width: 512px;

    max-height: 512px;

}

.img256{

    max-width: 256px;

    max-height: 256px;

}

.img128{

    max-width: 128px;

    max-height: 128px;

}

.img64{

    max-width: 64px;

    max-height: 64px;

}

.img32{

    max-width: 32px;

    max-height: 32px;

}



/*          IDS         */

#container{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}