@media (max-width: 2560px) {

    .centrebox {
        max-width: 1600px;
        margin: auto;
        width: 100%
    }
}

@media (max-width: 1920px) {

    .centrebox,
    .page {
        max-width: 1440px;
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    #navbardisplay {
        display: none;
    }

    #mobilemenutable {
        display: inline-block;
        width: 100%;
        background-color: #474747;
        position: fixed;
        top: 0;
    }
}

@media screen and (max-width: 450px) {
    #displaymob {
        display: inline-block;
        width: 100%;
    }

    .displaymob {
        display: block;
        width: 100%;
    }

    #displaydesk {
        display: none;
    }

    .displaydesk {
        display: none
    }
}

@media screen and (min-width: 451px) {
    #displaymob {
        display: none
    }

    #displaydesk {
        display: inline-block;
        width: 100%
    }

    .displaydesk {
        display: inline-block;
        width: 100%
    }

    .displaymob {
        display: none
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

p {
    line-height: 1.3em;
}

th,
td,
tr {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 4px 2px 2px 4px;
    vertical-align: baseline;
    line-height: 1.3em;
}

html {
    *overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* "FreeSans", "DejaVu Sans"  */
body {
    background: #ffffff;
    font-family: "Roboto", "Arial", "Helvetica", "Open Sans", "Droid Sans", "Lato", "San Francisco", "Calibri", "Microsoft Sans Serif", "Tahoma", "Verdana", "Noto Sans", "DejaVu Sans", "Free-Sans", "Liberation Sans", "Sans-Serif";
    font-size: 100%;
    margin: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 0;
    height: 100%;
    line-height: normal;
    max-width: 100%;
    overflow: auto;
}

.page {
    top: 0px;
    width: 1230px;
    height: auto;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #808080;
    text-decoration: none;
    margin: auto;
    background-color: #ffffff;
    overflow: auto;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

.centrebox,
.page {
    max-width: 1440px;
    margin: auto;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
}

main,
nav,
article,
section,
aside,
footer,
header,
details,
figcaption,
figure {
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
}

pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}

ol,
ul {
    list-style: none;
}

/*
tr:nth-child(even) {
    background-color: #f2f2f2
}
*/

tr:hover {
    background-color: #deb887;
    color: #000000;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
    font-size: 0.98em;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

a,
a:link,
a:visited,
a:active {
    color: #808080;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: #deb887;
    outline: none;
    text-decoration: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

ol {
    list-style: none;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

img {
    height: auto;
    width: 100%;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
}


/*h1, h2, h3, h4, h5, h6, p{margin:2px 5px 8px 6px;}*/

body,
button,
input,
select,
option,
table,
textarea {
    color: #404040;
    font-size: 1.0em;
    line-height: 1.20;
}

h1,
h2 {
    clear: both;
    margin-bottom: 0.1em;
    text-align: center;
}

h3,
h4,
h5,
h6 {
    clear: both;
    margin-bottom: 0.2em;
    text-align: left;
}

h1 {
    font-size: 2.05em;
    color: #202020;
    letter-spacing: -1.2px;
}

h2 {
    font-size: 1.5em;
    color: #202020;
    letter-spacing: -0.5px;
}

h3 {
    font-size: 1.21em;
    color: #000000;
}

h4 {
    font-size: 1.08em;
    color: #be4623;
}

h5 {
    font-size: 1.0em;
    font-weight: bold;
}

h6 {
    font-size: 0.0em;
    font-weight: bold;
}

p,
li {
    font-size: 1.02em;
}

p {
    margin-bottom: 0.6em;
    text-align: left;
}

b,
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

#navbardisplay {
    display: inline-block;
    box-sizing: border-box;
}

.menubarbox {
    display: inline-block;
    width: 100%;
    height: 42px;
    background-color: #3a3a3a;
    margin: auto;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    z-index: 10;
}

.fixedmenu {
    position: fixed;
    top: 0;
    float: left;
    left: 0;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    font-size: 100%;
    z-index: 999;
}

.navbar {
    clear: both;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 1% 0 1%;
    background-color: #3a3a3a;
    width: 98%;
    height: 42px;
    font-size: 1.05em;
}

.navbar ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.navbar li {
    display: inline-block;
    position: relative;
    padding-right: 0px
}

.navbar a {
    display: inline-block;
    text-decoration: none;
    font-size: 1.0em
}

.navbar ul ul li {
    background-color: #474747
}

.navbar ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    position: absolute;
    top: 1.5em;
    left: 0;
    z-index: 99999;
}

.navbar ul ul ul {
    left: 100%;
    top: 0;
}

.navbar ul ul a {
    width: 280px;
}

/*
.navbar ul ul li {}

.navbar li:hover>a {}

.navbar ul ul:hover>a {}

.navbar ul ul a:hover {}
*/
.navbar ul li:hover>ul {
    display: block;
}

.navbar ul {
    margin: 0 5px;
}

.navbar a {
    color: white;
    padding: 10px 15px 5px 15px;
    position: relative;
    height: 42px
}

.navbar li {
    background: #3a3a3a;
}

.navbar li:hover {
    background: #009c32;
}

.navbar li li:hover {
    background: #62916e;
}

.navbar ul ul {
    margin: 0;
    top: 42px;
    z-index: 9990;
}

.autocolumnshandy {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 1px solid #009c32;
    -moz-column-rule: 1px solid #009c32;
    column-rule: 1px solid #009c32;
    height: auto;
}

.handymenu {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 15px;
    font-size: 0.95em;
    line-height: 1.5em;
    text-align: left;
    color: #ffffff;
    background-color: #3a3a3a;
    margin: 2px 0 2px 0;
}

#menuhandy {
    display: none;
}

#menuhandy a {
    color: white;
}

#mobilemenutable {
    display: none;
}

.mobiletabs {
    display: block;
    float: left;
    margin: 0 0 0 15px;
    font-size: 1.0em;
    height: 1.4em;
    padding-top: 0.1em;
}

.menus-input {
    display: none;
}

.menus-input:checked~.menus-labelShow {
    display: none;
}

.menus-input:checked~.menus-labelHide {
    display: block;
}

.menus-input:checked~#mobilemenutable {
    background-color: #3a3a3a;
}

.menus-input:not(checked)~#menuhandy {
    display: none;
}

.menus-input:checked~#menuhandy {
    display: block;
}

.menus-labelHide {
    display: none;
}

.menus-labelHide {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: normal;
    padding-left: 15px;
    color: #ffffff;
}

.menus-labelShow {
    padding-left: 15px;
    color: #ffffff;
}

.assistive-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #1b8be0;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.clear:after,
.hentry:after,
.archive-post-wrap:after,
.wrapper:after,
.genmenu-nav-menu:after,
.featured-content-wrap:after,
#content_sidebar_wrap:after,
.widget:after,
.widget-wrap:after,
#nav-below:after,
.page-links:after,
#site-generator:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.page-wrapper {
    display: inline-block;
}

.main {
    display: inline-block;
    width: 100%;
}

.wrapper {
    display: block;
    width: 100%;
    margin: 20px 0 20px 0;
}

.content-wrapper {
    display: inline-block;
    width: 100%;
    margin: 20px 0 20px 0;
}

.wrapper {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 10px 15px 10px 15px
}

.navigation {
    display: inline-block;
    width: 98%;
    height: auto;
    vertical-align: top;
    color: #3a3a3a;
    background-color: white;
    font-size: 1.05em;
    text-align: left;
    text-decoration: none;
    margin: 0 1% 0 1%;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    flex: 1;
}

.flexbox4 {
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin: 1% 1% 1% 1%;
}

.flexbox4>h2 {
    background-color: gradient19;
}

.flex-left {
    float: left;
    box-sizing: border-box;
    width: 31%;
    margin: 0.5% 1% 0.5% 1%;
    text-align: left;
}

.flex-right {
    float: left;
    box-sizing: border-box;
    width: 64%;
    margin: 0.5% 1% 0.5% 1%;
    text-align: left;
}

.show-below-768 {
    display: none;
}

.section1col,
.section2col,
.section3col,
.section4col {
    float: left;
    min-height: 100%;
    vertical-align: top;
    margin: 1% 1% 2% 1%;
    box-sizing: border-box;
}

.section1col {
    width: 98%;
}

.section2col {
    width: 48%;
}

.section3col {
    width: 31.33%;
}

.section4col {
    width: 23%;
}

.datablock2,
.datablock3,
.datablock4 {
    float: left;
    vertical-align: top;
    margin: 1% 1% 3% 1%;
    box-sizing: border-box;
    text-align: left;
}

.datablock2 {
    width: 48%;
}

.datablock3 {
    width: 31.33%;
}

.datablock4 {
    width: 23%;
}

.infoblock1,
.infoblock2,
.infoblock3 {
    float: left;
    vertical-align: top;
    margin: 1% 1% 1% 1%;
    box-sizing: content-box;
}

.infoblock1 {
    width: 98%;
}

.infoblock2 {
    width: 48%;
}

.infoblock3 {
    width: 31.33%;
}

.infoblockleft {
    float: left;
    width: 33.3%;
    height: 100%;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    font-size: 0.95em;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
}

.infoblockright {
    float: left;
    width: 66.3%;
    height: 100%;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    font-size: 0.95em;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
}

.datakissie {
    float: left;
    width: 98%;
    margin: 1% 1% 1% 1%;
    box-sizing: border-box;
    vertical-align: top;
}

.datakas {
    float: left;
    padding: 5px 5px 5px 5px;
    margin: 1% 1% 1% 1%;
    width: 98%;
    box-sizing: border-box;
}

.dataprod {
    float: left;
    width: 31.3%;
    height: auto;
    padding: 15px 15px 15px 15px;
    margin: 1% 1% 1% 1%;
    border-radius: 10px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em;
    background-color: #ebe6e1;
}

.col2-lmleft {
    box-sizing: border-box;
    float: left;
    width: 64.66%;
    margin: 1% 1% 1% 1%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}


/*
.col2-lmleft > .section1col, .section2col, .section3col, .datablock2, .datablock3{margin:1% 1% 1% 0;}
*/

.col2-lmleft>.dataframe {
    margin: 1% 0 1% 0;
}

.col2-lmright {
    float: left;
    width: 31.33%;
    margin: 1% 1% 1% 1%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    box-sizing: border-box;
}

.col2rmright {
    float: left;
    width: 66.66%;
    margin: 1% 1% 1% 1%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    box-sizing: border-box;
}

.col2rmleft {
    float: left;
    width: 33.33%;
    margin: 1% 1% 1% 1%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    box-sizing: border-box;
}

.centrepieceleft {
    float: left;
    width: 25%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    box-sizing: border-box;
}

.centrepiece {
    float: left;
    width: 50%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    box-sizing: border-box;
}

.centrepieceright {
    float: left;
    width: 25%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    box-sizing: border-box;
}

.innerbox2,
innerbox3 {
    float: left;
    min-height: 100%;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    margin: 1% 2% 1% 0;
    box-sizing: border-box;
}

.innerbox2 {
    width: 48%
}

.innerbox3 {
    width: 31.3%
}

/*.parent > .child { color:red; } */
.alignleft>p {
    text-align: left;
}

.alignright>p {
    text-align: right;
}

div.leftalign,
article.leftalign,
section.leftalign>* {
    text-align: left;
}

div.rightalign,
article.rightalign,
section.rightalign>* {
    text-align: right;
}

div.centeralign,
article.centeralign,
section.centeralign>* {
    text-align: center;
}

div.justify,
article.justify,
section.justify>* {
    text-align: justify;
}

/* .dataframe{display:inline-block;width:98%;border-width:2px;border-color:#dcdcdc;border-style:solid;overflow:hidden;margin:1% 1% 1% 1%;}
.dataframel{display:inline-block;width:33.0%;height:100%;vertical-align:top;color:#505050;background-color:#ffffff;text-align:left;text-decoration:none;font-size:0.9em;margin:0 0 0 0;padding:1% 1% 1% 1%;box-sizing:border-box;}
.dataframer{display:inline-block;width:66.0%;height:auto;vertical-align:top;color:#505050;background-color:#ffffff;text-align:left;text-decoration:none;font-size:0.9em;padding:1% 1% 1% 1%;box-sizing:border-box;}
.dataframer > ul > li {padding-bottom:3px;}*/

.dataframe {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    flex: 1;
    width: 98%;
    border-width: 2px;
    border-color: #dcdcdc;
    border-style: solid;
    overflow: hidden;
    margin: 1% 1% 2% 1%;
}

.dataframel {
    float: left;
    width: 33.0%;
    height: 100%;
    vertical-align: top;
    color: #505050;
    background-color: #ffffff;
    text-align: left;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0 0 0 0;
    padding: 1% 1% 1% 1%;
    box-sizing: border-box;
}

.dataframer {
    float: left;
    width: 66.0%;
    height: auto;
    vertical-align: top;
    color: #505050;
    background-color: #ffffff;
    text-align: left;
    text-decoration: none;
    font-size: 1.0em;
    padding: 1% 1% 1% 1%;
    box-sizing: border-box;
}

.dataframer>ul>li {
    padding-bottom: 3px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table tr,
.table td,
.table th {
    line-height: 1.10em;
}

.image-container {
    max-width: 100%;
    height: auto;
    float: left;
    font-family: sans-serif;
    font-weight: normal;
    font-size: large;
}



.piccont {
    max-width: 100%;
    height: auto;
}

.piccont-right {
    width: auto;
    height: auto;
    float: right;
    padding: 0 0 20px 20px;
    /*font:arial normal bold 16 helvetica;*/
}

.piccont-left {
    width: auto;
    height: auto;
    float: left;
    padding: 0 20px 20px 0;
}

.pic-400 {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.autocolumns3>img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.autocolumns2,
.autocolumns3,
.autocolumns4 {
    text-align: justify;
    -webkit-column-gap: 3%;
    -moz-column-gap: 3%;
    column-gap: 3%;
    -webkit-column-rule: 1px solid lightblue;
    -moz-column-rule: 1px solid lightblue;
    column-rule: 1px solid lightblue;
}

.autocolumns2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.autocolumns3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.autocolumns4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}


.boxheightXsmall {
    min-height: 20em;
}

.boxheightsmall {
    min-height: 20em;
}

.boxheightmedium {
    min-height: 22em;
}

.boxheightlarge {
    min-height: 24em;
}

.boxheightXlarge {
    min-height: 28em;
}

.boxheightXXlarge {
    min-height: 32em;
}

.logo {
    width: 250px;
    height: auto;
    margin-top: 28px;
    opacity: 1;
    float: left;
}

.logo-right {
    width: 70px;
    height: 70px;
    margin-top: 10px;
    opacity: 1;
    float: right;
}

.navbaricon {
    margin: 7px 20px 7px 0;
    float: left;
    height: 28px;
    width: 28px;
}

.iconframe {
    display: inline-block;
    height: 28px;
    width: 28px;
    margin: 7px 20px 7px 0;
    background-color: #31a400;
    float: left;
}

.iconbackground {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-top: 5px;
    margin-left: 5px;
    background-color: #71d744;
    float: left;
}

.iconangle {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 0px solid transparent;
    display: inline-block;
    border-bottom: 18px solid #3ac16b;
    margin: 0 0 0 0;
}

.iconcentre {
    display: inline-block;
    position: absolute;
    height: 7px;
    width: 7px;
    margin-top: 6px;
    margin-left: -12px;
    background-color: #020704;
    float: left;
}

.bulleted-list {
    list-style-type: disc;
    padding: 0 0 5px 20px;
    line-height: 1.2em;
    list-style-position: outside;
    text-align: left;
}

.bulleted-list li {
    margin-bottom: 4px;
}

.liststyle {
    padding-left: 20px;
    line-height: 1.2em;
    list-style-position: outside;
    text-align: left;
}

.liststyle li {
    margin-bottom: 4px;
}

.list-bullet {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: burlywood;
    vertical-align: middle;
    margin-bottom: 4px;
}

.listmarker-disk::marker {
    content: ' ⬤ ';
    font-size: 1.0em;
    padding-left: 2em;
    color: #77b255;
    vertical-align: middle;
}

.listmarker::marker {
    content: ' ⬤ ';
    font-size: 1.1em;
    padding-left: 2em;
    color: #8a3319;
}

ul.marker-content-change li {
    padding-left: 0.5em;
}

ul.marker-content-change li::marker {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f35a';
    color: coral;
}

.textbox {
    float: left;
    margin: 2px 4px 7px 6px;
}

.textbox100,
.textbox110,
.textbox120,
.textbox130,
.textbox150,
.textbox200,
.textbox250,
.textbox280 {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.textbox100 {
    width: 100px;
}

.textbox110 {
    width: 110px;
}

.textbox120 {
    width: 120px;
}

.textbox130 {
    width: 130px;
}

.textbox150 {
    width: 150px;
}

.textbox200 {
    width: 200px;
}

.textbox250 {
    width: 250px;
}

.textbox280 {
    width: 280px;
}

.tablebox {
    font-size: 15px;
    color: #000000;
    padding: 1px 3px 1px 3px;
}

.tableboxheader {
    display: inline-block;
    width: 100%;
    background-color: #64a4ea;
    color: #ffffff;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
}

.footer {
    background-color: #454545;
    overflow: auto;
    color: #ffffff;
    height: auto;
    width: 100%;
    margin: 0 0 0 0;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    flex: 1;
}

.footerstripe {
    background-color: #333333;
    height: 40px;
    padding: 3px 20px 3px 20px;
    width: 100%;
}

.footerclass {
    background-color: #454545;
    width: 100%;
    height: auto;
    /*min-height: 150px;*/
    padding: 0 1% 0 1%;
    color: #ffffff;
    padding-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: left;
}

.footerclass-active {
    color: #ffffff;
}

.footerclass-link {
    color: #ffffff;
}

.footerclass-visited {
    color: #ffffff;
}

.footerclass-hover {
    color: #909090;
}

.footercontent {
    background-color: #454545;
    height: auto;
    /*min-height: 150px; */
    color: white;
    display: inline-block;
    width: 33%;
    min-width: 290px;
    vertical-align: top;
    text-decoration: none;
    padding: 1% 0 1% 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.3em;
}

.section-break {
    display: inline-block;
    width: 98%;
    border-bottom: 1px lightblue solid;
    margin: 1% 1% 1% 1%;
}

.section-break-plain {
    display: inline-block;
    width: 100%;
    height: 5px;
}

.arrow-up,
.arrow-up-blue,
.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: inline-block;
}

.arrow-up {
    border-bottom: 20px solid #009c32;
    margin: 5px 15px 5px 0;
}

.arrow-up-blue {
    border-bottom: 20px solid #3ba0cf;
    margin: 5px 15px 5px 0;
}

.arrow-down {
    border-top: 20px solid #009c32;
    margin: 5px 15px 5px 0;
}



.socialmedia,
.socialmediamail-blue,
.socialmediamail {
    float: right;
    height: 30px;
    margin: 2px 4px 2px 4px;
}

.socialmediamail {
    background-color: #009c32;
    color: #ffffff;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    font-size: 23px;
    width: 30px;
}

.socialmediamail-blue {
    /*background-color: #3ba0cf; */
    background-color: #2a7f8b;
    color: #ffffff;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    font-size: 23px;
    width: 30px;
}

.header-banner {
    position: relative;
    background-color: #202020;
    height: 90px;
    width: 100%;
}

#grad-header2 {
    height: 40px;
    max-width: 1230px;
    width: 100%;
    position: relative;
    background: -webkit-linear-gradient(135deg, #673c29, #c2854b, #b08865, #673c29, #77411b, #a9693b, #77411b, #a9693b);
    background: -o-linear-gradient(135deg, #673c29, #c2854b, #b08865, #673c29, #77411b, #a9693b, #77411b, #a9693b);
    background: -moz-linear-gradient(135deg, #673c29, #c2854b, #b08865, #673c29, #77411b, #a9693b, #77411b, #a9693b);
    background: linear-gradient(135deg, #673c29, #c2854b, #b08865, #673c29, #77411b, #a9693b, #77411b, #a9693b);
}

#grad-header3 {
    height: 90px;
    width: 100%;
    position: relative;
    background: -webkit-linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
    background: -o-linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
    background: -moz-linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
    background: linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
}

#grad-header4 {
    background: linear-gradient(120deg, #252525, #252525, #252525, #252525, #404040, #9d7d72, #9d9d9d, #60859d, #707070, #252525, #252525, #252525, #252525);
}

#grad-header5 {
    background: -webkit-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
    background: -o-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
    background: -moz-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
    background: linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
}

#header-plain {
    display: block;
    background-color: #333333;
    position: relative;
    height: 90px;
    width: 100%;
}

/*
.aspect-ratio-box {
  height: 0;
  overflow: hidden;
  padding-top: 616px / 1250px * 100%;
  background: white;
  position: relative;
}
.aspect-ratio-box-inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

*/


[style*="--aspect-ratio"]> :first-child {
    width: 100%;
}

[style*="--aspect-ratio"]>img {
    height: auto;
}

@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }

    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }

    [style*="--aspect-ratio"]> :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .title {
        padding: 0 15px 0 15px;
    }

    .titlebar {
        min-height: 20px;
        padding: 10px 20px 10px 20px;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        margin: 1% 1% 1% 1%;
    }

    .titlebar-rounded {
        min-height: 20px;
        padding: 10px 20px 10px 20px;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .button-square {
        float: left;
        text-align: center;
        padding: 8px 5px 8px 5px;
        font-weight: bold;
        vertical-align: middle;
        margin: 2px 2px 2px 2px;
    }

    .button-rounded {
        float: left;
        text-align: center;
        padding: 6px 10px 6px 10px;
        font-weight: bold;
        vertical-align: middle;
        border-radius: 8px;
        margin: 2px 2px 2px 2px;
    }

    .button-oval {
        float: left;
        text-align: center;
        padding: 8px 5px 8px 5px;
        font-weight: bold;
        vertical-align: middle;
        border-radius: 50%;
        margin: 2px 2px 2px 2px;
    }

    .button-mail {
        float: left;
        max-width: 8em;
        text-align: center;
        padding: 2px 10px 2px 10px;
        vertical-align: middle;
        border-radius: 6px;
        margin: 2px 2px 2px 2px;
    }

    .colorbar {
        /*display: inline-block;*/
        min-height: 18px;
        padding: 7px 15px 7px 15px;
        font-size: 1.4em;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 2% 1%;
        box-sizing: border-box;
        font-size: 1.4em;
    }

    .colorbar-beige a:hover {
        color: #999999;
    }

    .colorbar-beige a:link {
        color: #ffffff;
    }

    .colorbar-beige a:visited {
        color: #ffffff;
    }

    .colorbar-red {
        display: inline-block;
        background-color: #ff7841;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 20px 8px 20px;
        font-size: 1.4em;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-green {
        display: inline-block;
        background-color: #3a9a57;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 20px 8px 20px;
        font-size: 1.4em;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-black {
        display: inline-block;
        background-color: #000000;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 20px 8px 20px;
        font-size: 1.4em;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-grey {
        display: inline-block;
        background-color: #999999;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 20px 8px 20px;
        font-size: 1.4em;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-beige {
        display: inline-block;
        background-color: #beb7ae;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 15px 8px 15px;
        font-size: 1.4em;
        font-weight: bold;
        width: 98%;
        vertical-align: middle;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-beige a:hover {
        color: #999999;
    }

    .colorbar-beige a:link {
        color: #ffffff;
    }

    .colorbar-beige a:visited {
        color: #ffffff;
    }

    .colorbar-blue {
        display: inline-block;
        width: 100%;
        background-color: #3584e4;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 20px 8px 20px;
        font-size: 1.4em;
        font-weight: bold;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-lightbeige {
        background-color: #d7cbbb;
        color: #ffffff;
        min-height: 20px;
        padding: 8px 20px 8px 20px;
        font-size: 1.4em;
        font-weight: bold;
        border-radius: 8px;
        margin: 1% 1% 1% 1%;
    }

    .colorbar-transparent {
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 0.65;
        width: 100%;
        height: 30px;
        background-color: #505050;
        font-size: 1.3em;
        text-align: center;
    }

    .cthrulabel {
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 0.7;
        width: 100%;
        background-color: white;
    }

    .colourbox {
        width: 320px;
        height: 150px;
        left: 10px;
    }

    .color-white {
        color: #ffffff;
    }

    .color-black {
        color: #000000;
    }

    .color-red {
        color: #ff7841;
    }

    /*be4623*/

    .color-redmid {
        color: #b43915;
    }

    .color-green {
        color: #3a9a57;
    }

    .color-teal,
    .color-teal:link,
    .color-teal:active,
    .color-teal:hover,
    .color-teal:visited {
        color: #009688
    }

    .color-blue {
        color: #3584e4;
    }

    .color-orange {
        color: #e6711b;
    }

    .color-yellow {
        color: #ffbb00;
    }

    .color-maroon {
        color: #951c55;
    }

    .color-darkmaroon {
        color: #86194d;
    }

    .color-beige {
        color: #beb7ae
    }

    .color-lightbeige {
        color: #e8dfd7
    }

    .color-lightgrey {
        color: #ebe6e1;
    }

    .color-palegrey {
        color: #d9d9d9;
    }

    .color-silver {
        color: #c0c0c0;
    }

    .color-grey {
        color: #999993;
    }

    .color-darkgrey {
        color: #838380;
    }

    .color-charcoal {
        color: #3a3a3a;
    }

    .color-greycoal {
        color: #252520;
    }

    .redheader {
        color: #be4623;
        font-weight: bold;
        text-align: left;
    }

    .whiteheader {
        color: #ffffff;
        font-weight: bold;
        text-align: left;
    }

    .colorback-white {
        background-color: #ffffff;
    }

    .colorback-black {
        background-color: #000000;
    }

    .colorback-red {
        background-color: #ff7841;
    }

    .colorback-redmid {
        background-color: #be4623;
    }

    .colorback-green {
        background-color: #3a9a57;
    }

    .colorback-MediumSeaGreen {
        background-color: #3cb371;
    }

    .colorback-teal {
        background-color: #009688
    }

    .colorback-blue {
        background-color: #3584e4;
    }

    .colorback-buttonblue {
        background-color: #2a7f8b;
    }

    .colorback-DodgerBlue {
        background-color: #1e90ff;
    }

    .colorback-orange {
        background-color: #e6711b;
    }

    .colorback-yellow {
        background-color: #ffbb00;
    }

    .colorback-maroon {
        background-color: #951c55;
    }

    .colorback-darkmaroon {
        background-color: #86194d;
    }

    .colorback-beige {
        background-color: #beb7ae;
    }

    .colorback-lightbeige {
        background-color: #e8dfd7;
    }

    .colorback-darkbeige {
        background-color: #a1988c;
    }

    .colorback-lightgrey {
        background-color: #e7e5e1;
    }

    .colorback-palegrey {
        background-color: #d9d9d9;
    }

    .colorback-silver {
        background-color: #c0c0c0;
    }

    .colorback-grey {
        background-color: #999993;
    }

    .colorback-darkgrey {
        background-color: #838380;
    }

    .colorback-charcoal {
        background-color: #3a3a3a;
    }

    .colorback-greycoal {
        background-color: #252520;
    }

    . {
        background-color: #ff6347;
    }

    .border-grey {
        border-style: solid;
        border-color: #909090;
        border-width: 1px;
        padding: 10px 10px 10px 10px;
    }

    .border-blue {
        border-style: solid;
        border-color: #64a4ea;
        border-width: 1px;
        padding: 8px 8px 8px 8px;
    }

    .border-grey-greyback {
        border-style: solid;
        border-color: #909090;
        border-width: 1px;
        padding: 8px 8px 8px 8px;
        background-color: #ebe6e1;
    }

    .border-lightgrey-greyback {
        border-style: solid;
        border-color: #909090;
        border-width: 1px;
        padding: 10px 8px 10px 8px;
        background-color: #efedec;
    }

    .border-bottom-orange {
        border-bottom: 4px solid #e6711b;
    }

    .border-plain {
        background-color: #ebe6e1;
        border-style: solid;
        border-width: 15px;
        border-color: white;
    }

    .whitelink,
    .whitelink:link,
    .whitelink:active,
    .whitelink:after,
    .whitelink:visited {
        color: #ffffff;
        text-decoration: none;
    }

    .whitelink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .blacklink,
    .blacklink:link,
    .blacklink:active,
    .blacklink:after,
    .blacklink:visited {
        color: #000000;
        text-decoration: none;
    }

    .blacklink:hover {
        /*color: #DEB887;*/
        color: #575044;
        text-decoration: none;
    }

    .greylink,
    .greylink:link,
    .greylink:active,
    .greylink:after,
    .greylink:visited {
        color: #606060;
        text-decoration: none;
    }

    .greylink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .lightgreylink,
    .lightgreylink:link,
    .lightgreylink:active,
    .lightgreylink:after,
    .lightgreylink:visited {
        color: #ebe6e1;
        text-decoration: none;
    }

    .lightgreylink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .bluelink,
    .bluelink:link,
    .bluelink:active,
    .bluelink:after,
    .bluelink:visited {
        color: #2d82c8;
        text-decoration: none;
    }

    .bluelink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .buttonbluelink,
    .buttonbluelink:link,
    .buttonbluelink:active,
    .buttonbluelink:after,
    .buttonbluelink:visited {
        color: #2a7f8b;
        text-decoration: none;
    }

    .buttonbluelink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .warmgreylink,
    .warmgreylink:link,
    .warmgreylink:active,
    .warmgreylink:after,
    .warmgreylink:visited {
        color: #7d7870;
        text-decoration: none;
    }

    .warmgreylink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .redlink,
    .redlink:link,
    .redlink:active,
    .redlink:after,
    .redlink:visited {
        color: #be4623;
        text-decoration: none;
    }

    .redlink:hover {
        color: #DEB887;
        text-decoration: none;
    }

    .beigelink,
    .beigelink:link,
    .beigelink:active,
    .beigelink:after,
    .beigelink:visited {
        color: #DEB887;
        text-decoration: none;
    }

    .beigelink:hover {
        color: #E6C8B4;
        text-decoration: none;
    }

    .greenlink,
    .greenlink:link,
    .greenlink:active,
    .greenlink:after,
    .greenlink:visited {
        color: #009c32;
        text-decoration: none;
    }


    .context-menu {
        position: absolute;
        text-align: left;
        font-size: 0.97em;
        background: #ffffff;
        border: 1px solid lightgrey;
    }

    .context-menu ul {
        padding: 0px;
        margin: 0px;
        min-width: 155px;
        list-style: none;
    }

    .context-menu ul li {
        border: 1.0px solid #e3e3e3;
    }

    .context-menu ul li a {
        text-decoration: none;
        color: #000000;
    }

    .context-menu-link {
        display: inline-block;
        height: 100%;
        width: 100%;
        padding: 7px 7px 7px 7px;
        color: #000000;
        text-decoration: none;
    }

    .context-menu-link:hover {
        text-decoration: none;
        color: #ffffff;
        background: #318edf;
    }

    .boxlinks {
        height: auto;
        vertical-align: middle;
        margin: 10px 0 10px 0;
        padding: 10px 5px 5px 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: left;
    }

    :target {
        display: inline-block;
        position: relative;
        top: -55px;
        visibility: hidden;
    }

    .textgradient {
        font-size: 72px;
        font-weight: bold;
        background: linear-gradient(45deg, #a9693b, #77411b, #a9693b, #673c29, #b08865, #c2854b, #673c29);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .textgradient1 {
        font-size: 72px;
        font-weight: bold;
        background: linear-gradient(120deg, #252525, #252525, #252525, #252525, #404040, #9d7d72, #9d9d9d, #60859d, #707070, #252525, #252525, #252525, #252525);
        /*  background: -webkit-linear-gradient(#eee, #333); */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .textgradient2 {
        font-size: 72px;
        font-weight: bold;
        background: linear-gradient(120deg, #ff0000, #ffff00, #00ffff, #0000ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .textgradient3 {
        font-size: 72px;
        font-weight: bold;
        background: linear-gradient(120deg, #000000, #86194d);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .gradient1 {
        background: -webkit-linear-gradient(45deg, #a9693b, #77411b, #a9693b, #673c29, #b08865, #c2854b, #673c29);
        background: -o-linear-gradient(45deg, #a9693b, #77411b, #a9693b, #673c29, #b08865, #c2854b, #673c29);
        background: -moz-linear-gradient(45deg, #a9693b, #77411b, #a9693b, #673c29, #b08865, #c2854b, #673c29);
        background: linear-gradient(45deg, #a9693b, #77411b, #a9693b, #673c29, #b08865, #c2854b, #673c29);
    }

    .gradient2 {
        background: -webkit-linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
        background: -o-linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
        background: -moz-linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
        background: linear-gradient(135deg, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
    }

    .gradient3 {
        background: -webkit-linear-gradient(45deg, #000000, #86194d);
        background: -o-linear-gradient(45deg, #000000, #86194d);
        background: -moz-linear-gradient(45deg, #000000, #86194d);
        background: linear-gradient(45deg, #000000, #86194d);
    }

    .gradient4 {
        background: -webkit-linear-gradient(to right, #0e9900 34%, #31a400 34%, #31a400 66%, #0a8100 66%, #0a8100 100%);
        background: -o-linear-gradient(to right, #0e9900 34%, #31a400 34%, #31a400 66%, #0a8100 66%, #0a8100 100%);
        background: -moz-linear-gradient(to right, #0e9900 34%, #31a400 34%, #31a400 66%, #0a8100 66%, #0a8100 100%);
        background: linear-gradient(to right, #0a8100 34%, #31a400 34%, #31a400 66%, #0e9900 66%, #0e9900 100%);
    }

    .gradient5 {
        background: -webkit-linear-gradient(45deg, #000000, #64a4ea);
        background: -o-linear-gradient(45deg, #000000, #64a4ea);
        background: -moz-linear-gradient(45deg, #000000, #64a4ea);
        background: linear-gradient(45deg, #000000, #64a4ea);
    }

    .gradient6 {
        background: -webkit-linear-gradient(45deg, #000000, #be4623);
        background: -o-linear-gradient(45deg, #000000, #be4623);
        background: -moz-linear-gradient(45deg, #000000, #be4623);
        background: linear-gradient(45deg, #000000, #be4623);
    }

    .gradient7 {
        background: -webkit-linear-gradient(45deg, #000000, #e6711b);
        background: -o-linear-gradient(45deg, #000000, #e6711b);
        background: -moz-linear-gradient(45deg, #000000, #e6711b);
        background: linear-gradient(45deg, #000000, #e6711b);
    }

    .gradient8 {
        background: -webkit-linear-gradient(45deg, #000000, #beb7ae);
        background: -o-linear-gradient(45deg, #000000, #beb7ae);
        background: -moz-linear-gradient(45deg, #000000, #beb7ae);
        background: linear-gradient(45deg, #000000, #beb7ae);
    }

    .gradient9 {
        background: -webkit-linear-gradient(45deg, #000000, #c0c0c0);
        background: -o-linear-gradient(45deg, #000000, #c0c0c0);
        background: -moz-linear-gradient(45deg, #000000, #c0c0c0);
        background: linear-gradient(135deg, #ece4de, #fae1cc, #ece4de);
    }


    .gradient10 {
        background: -webkit-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
        background: -o-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
        background: -moz-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
        background: linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
    }

    .gradient11 {
        background: -webkit-linear-gradient(135deg, #000000 30%, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000 30%);
        background: -o-linear-gradient(135deg, #000000, #000000, #000000, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000, #000000, #000000);
        background: -moz-linear-gradient(135deg, #000000, #646368, #645858, #9d7d72, #9d7d72, #60575a, #000000);
        background: linear-gradient(115deg, #28911c, #646368, #000000, #000000, #645858, #9d7d72, #000000, #000000, #28911c);
    }

    .gradient12 {
        background: linear-gradient(120deg, #252525, #252525, #252525, #252525, #404040, #9d7d72, #9d9d9d, #60859d, #707070, #252525, #252525, #252525, #252525);
    }

    .gradient13 {
        background: linear-gradient(270deg, #3cb371, #3a9a57, #2e9900);
    }

    .gradient14 {
        background: -webkit-linear-gradient(135deg, #efefe0 5%, #d8cdbe 5%, #ffffff 5%, #dce3de 5%, #efefe0 5%);
    }

    .gradient15 {
        background: -webkit-linear-gradient(45deg, #516c6d, #627e7b, #8c5f4b, #a9805a, #956e68, #c07b72);
        background: -o-linear-gradient(45deg, #516c6d, #627e7b, #8c5f4b, #a9805a, #956e68, #c07b72);
        background: -moz-linear-gradient(45deg, #516c6d, #627e7b, #8c5f4b, #a9805a, #956e68, #c07b72);
        background: linear-gradient(45deg, #516c6d, #627e7b, #8c5f4b, #a9805a, #956e68, #c07b72);
    }

    .gradient16 {
        background: -webkit-linear-gradient(45deg, #c07b72, #956e68, #a9805a, #8c5f4b, #627e7b, #516c6d);
        background: -o-linear-gradient(45deg, #c07b72, #956e68, #a9805a, #8c5f4b, #627e7b, #516c6d);
        background: -moz-linear-gradient(45deg, #516c6d, #627e7b, #8c5f4b, #a9805a, #956e68, #c07b72);
        background: linear-gradient(45deg, #516c6d, #627e7b, #8c5f4b, #a9805a, #956e68, #c07b72);
    }

    .gradient17 {
        background: -webkit-linear-gradient(45deg, #3f87a6, #3f87a6, #a9805a, #3f87a6, #a9805a, #3f87a6, #3f87a6);
        background: -o-linear-gradient(45deg, #3f87a6, #3f87a6, #a9805a, #3f87a6, #a9805a, #3f87a6, #3f87a6);
        background: -moz-linear-gradient(45deg, #3f87a6, #3f87a6, #a9805a, #3f87a6, #a9805a, #3f87a6, #3f87a6);
        background: linear-gradient(45deg, #3f87a6, #3f87a6, #a9805a, #3f87a6, #3f87a6);
    }

    .gradient18 {
        background: -webkit-linear-gradient(45deg, #8d561d, #a57036, #a57036, #8d561d, #b0712e, #bc2f29, #be372d, #bc2f29, #8d561d, #a57036, #e0bd76, #a57036);
        background: -o-linear-gradient(45deg, #8d561d, #a57036, #a57036, #8d561d, #b0712e, #bc2f29, #be372d, #bc2f29, #8d561d, #a57036, #e0bd76, #a57036);
        background: -moz-linear-gradient(45deg, #8d561d, #a57036, #a57036, #8d561d, #b0712e, #bc2f29, #be372d, #bc2f29, #8d561d, #a57036, #e0bd76, #a57036);
        background: linear-gradient(45deg, #8d561d, #a57036, #a57036, #8d561d, #b0712e, #bc2f29, #be372d, #bc2f29, #8d561d, #a57036, #e0bd76, #a57036);
    }

    .gradient19 {
        background: -webkit-linear-gradient(45deg, #3a7cec, #e33e2b, #f1b401, #2ca24c);
        background: -o-linear-gradient(45deg, #3a7cec, #e33e2b, #f1b401, #2ca24c);
        background: -moz-linear-gradient(45deg, #3a7cec, #e33e2b, #f1b401, #2ca24c);
        background: linear-gradient(45deg, #3a7cec, #3a7cec, #3a7cec, #e33e2b, #f1b401, #2ca24c, #2ca24c, #2ca24c);
    }

    .repeatgradient1 {
        background: repeating-linear-gradient(135deg, #efefe0 5%, #efefe0 5%, #d8cdbe 15%, #ffffff 1%, #dce3de 7%, #efefe0 5%, #efefe0 10%);
    }

    .repeatgradient2 {
        background: repeating-linear-gradient(135deg, #efefe0 5%, #d8cdbe 15%, #d8cdbe 1%, #ffffff 10%, #ffffff 1%, #dce3de 7%);
    }

    .radialgradient1 {
        background: radial-gradient(#a9805a, #a9805a, #3f87a6);
    }

    .text-gradient {
        background: linear-gradient(90deg, #ed910e, #ff2c2c);
    }

    .gradient-text {
        background-clip: text;
        color: transparent;
    }

    .sigbar {
        display: none;
        position: relative;
        left: -1800px;
    }

    #techdatall {
        display: inline-block;
    }

    #tabledesktop {
        display: block;
    }

    .show-below-768 {
        display: none;
    }

    /*
    .tablemobile {
        display: none;
    }
*/
    #techdatatable,
    #techdatahdg,
    #techdatalb {
        display: none;
    }

    #cloudlinks {
        line-height: 1.7em;
        word-spacing: none;
        letter-spacing: normal;
        text-transform: none;
        text-align: center;
        text-indent: 0;
    }

    #cloudlinks a:link {
        text-decoration: none;
    }

    #cloudlinks a:visited {
        text-decoration: none;
    }

    #cloudlinks a:hover {
        color: #916a44;
        background-color: transparent;
    }

    #cloudlinks a:active {
        color: grey;
        background-color: transparent;
    }

    .cloud0tag {
        font-size: 0.8em;
        color: #866f4f;
        z-index: 10;
    }

    .cloud0tag a {
        color: #866f4f;
    }

    .cloud0tag a:visited {
        color: #866f4f;
    }

    .cloud1tag {
        font-size: 0.9em;
        color: #bdb2a4;
        z-index: 9;
    }

    .cloud1tag a {
        color: #bdb2a4;
    }

    .cloud1tag a:visited {
        color: #787168;
    }

    .cloud2tag {
        font-size: 1.3em;
        color: #8395cb;
        z-index: 8;
    }

    .cloud2tag a {
        color: #8395cb;
    }

    /*
.cloud2tag a:visited {
    color: #968d82;
}
*/
    .cloud2tag a:visited {
        color: #8395cb;
    }

    .cloud3tag {
        font-size: 1.1em;
        color: #787168;
        z-index: 7;
    }

    .cloud3tag a {
        color: #787168;
    }

    .cloud3tag a:visited {
        color: #787168;
    }

    .cloud4tag {
        font-size: 1.2em;
        color: #a1988c;
        z-index: 6;
    }

    .cloud4tag a {
        color: #a1988c;
    }

    .cloud4tag a:visited {
        color: #a1988c;
    }

    .cloud5tag {
        font-size: 1.4em;
        color: #a5897c;
        z-index: 5;
    }

    .cloud5tag a {
        color: #a5897c;
    }

    .cloud5tag a:visited {
        color: #a5897c;
    }

    .cloud6tag {
        font-size: 1.0em;
        color: #4c6db9;
        z-index: 4;
    }

    .cloud6tag a {
        color: #4c6db9;
    }

    .cloud6tag a:visited {
        color: #4c6db9;
    }

    .cloud1tag a:link {
        color: #63554e;
    }

    .cloud2tag a:link {
        color: #83a5cb;
    }

    .cloud3tag a:link {
        color: #787168;
    }

    .cloud4tag a:link {
        color: #977a6f;
    }

    .cloud5tag a:link {
        color: #beb7ae;
    }

    .wrd {
        padding: 10px 15px 10px 15px;
        display: border-box;
        /*
        padding: 10px;
        */

    }

    .freq {
        font-size: 14pt !important;
        color: #c57a56;
    }

    .animate-fading {
        -webkit-animation: fading 20s infinite;
        animation: fading 20s infinite
    }

    @-webkit-keyframes fading {
        0% {
            opacity: 0
        }

        5% {
            opacity: 1
        }

        80% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes fading {
        0% {
            opacity: 0
        }

        5% {
            opacity: 1
        }

        80% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .animate-opacity {
        -webkit-animation: opac 0.8s;
        animation: opac 0.8s
    }

    @-webkit-keyframes opac {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes opac {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    /*
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
*/

    @media screen and (max-width:1280px) {
        .autocolumns4 {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
        }
    }

    @media screen and (max-width:1160px) {

        .datablock2,
        .datablock3 {
            width: 48%
        }

        .datablock4 {
            width: 23%;
        }

        .infoblock2,
        .infoblock3 {
            width: 48%;
        }
    }

    @media screen and (max-width:1080px) {

        .section4col,
        .datablock4 {
            width: 31.3%
        }

        .autocolumns3,
        .autocolumns4 {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }

        @media screen and (max-width:900px) {
            .section4col {
                width: 31.3%;
            }

            .section2col,
            .section3col,
            .datablock2,
            .datablock3,
            .infoblock2,
            .infoblock3,
            .datakissie,
            .innerbox2,
            .innerbox3 {
                width: 48%;
                margin-left: auto;
                margin-right: auto;
            }

            .datablock4 {
                width: 31.3%;
            }

            .dataprod {
                width: 48%;
            }

            .colfull3 {
                width: 49%;
            }

            .centrepieceleft {
                width: 33%
            }

            .centrepiece {
                width: 66%
            }

            .centrepieceright {
                width: 100%
            }

            .col2-lmleft {
                width: 98%;
                min-width: 290px;
            }

            .col2-lmright {
                width: 98%;
                min-width: 290px;
                border: 0px lightblue none;
            }

            .page-wrapper {
                padding-left: 10px;
            }

            .page {
                padding-left: 10px;
            }

            .logo-right {
                display: none;
            }

            #headercontents {
                display: none
            }

            :target {
                top: -20px;
            }


            .show-below-900 {
                display: block;
            }

            .show-above-900 {
                display: none;
            }

        }

        @media screen and (max-width:880px) {

            .footercontent {
                font-size: 1.1em;
                line-height: 1.2em;
                text-align: left;
                width: 33%;
            }

            h1 {
                font-size: 1.8em;
            }

            h2 {
                font-size: 1.4em;
            }
        }


        @media screen and (max-width:768px) {

            .section2col,
            .section3col,
            .section4col {
                width: 48%;
            }

            .datablock2,
            .datablock3,
            .datablock4,
            .infoblock2,
            .infoblock3,
            .footercontent {
                width: 48%;
            }

            .centrepieceleft,
            .centrepiece {
                width: 100%
            }

            /*
        .tablemobile {
            display: block;
        }
*/
            .show-below-768 {
                display: block;
            }

            .show-above-768 {
                display: none;
            }

            #techdatatable,
            #techdatahdg,
            #techdatalb {
                display: inline-block;
            }

            #techdataall {
                display: none;
            }

            #tabledesktop {
                display: none;
            }

            p,
            li {
                font-size: 14px;
            }

            #menuhandy {
                display: inline-block;
                padding: 10px 0 10px 0;
                background-color: #474747;
            }

            .header-banner {
                height: 58px;
            }

            .page-wrapper {
                padding-left: 10px;
                padding-top: 24px;
            }

            .navigation {
                margin-top: 24px;
            }

            #grad-header3,
            #grad-header4,
            #grad-header5 {
                height: 58px;
                background: #202020;
                display: block;
            }

            .logo {
                max-width: 250px;
                display: block;
                float: none;
                margin: 25px auto 5px auto;
                padding-top: 14px;
            }

            #topiclinks {
                display: none;
            }

            #mobilemenutable {
                display: inline-block;
                width: 100%;
                background-color: #474747;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 1;
                padding-top: 2px;
                padding-bottom: 2px;
            }

            #navbardisplay {
                display: none;
            }

            p,
            li {
                font-size: 1.0em;
            }

            #fc3 {
                line-height: 1.6em
            }

            .dataframel {
                width: 48%;
            }

            .context-menu {
                background: #e8e8dc;
            }
        }

        @media screen and (max-width:640px) {
            .section2col {
                width: 98%;
            }
        }

        @media screen and (max-width:600px) {
            .dataprod {
                width: 98%;
            }

            .dataframel,
            .dataframer {
                width: 98%;
                border: 2px #cdcdcd none;
            }

            .autocolumns2,
            .autocolumns3,
            .autocolumns4 {
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
            }
        }

        @media screen and (max-width:500px) {
            .centrebox {
                max-width: 400px;
            }

            .section3col,
            .section4col {
                width: 98%;
            }

            .datablock2,
            .datablock3,
            .datablock4,
            .infoblock2,
            .infoblock3,
            .datakissie,
            .col2rmleft,
            .col2rmright,
            .innerbox2,
            .innerbox3 {
                width: 98%;
            }

            .innerbox2,
            .innerbox3 {
                height: auto;
                margin: 1% 0 1% 0;
            }

            .boxheightXsmall,
            .boxheightsmall,
            .boxheightmediem,
            .boxheightlarge,
            .boxheightXlarge {
                min-height: 100%;
            }

            .col2-lmleft>.dataframe {
                width: 100%;
            }

            .autocolumnshandy {
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
            }
        }

        @media screen and (max-width:450px) {
            .navigation {
                width: 98%;
                padding: 0 0 3px 0;
                margin-top: 24px;
            }

            #techdatahdg,
            #techdatalb {
                display: none;
            }

            .displaymob {
                display: inline-block;
                width: 100%;
            }

            .displaydesk {
                display: none;
            }
        }