@import url(fontawesome-all.min.css);


/* local fonts */

/* Open Sans 400 Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular.woff') format('woff'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Open Sans 400 Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
         url('../fonts/OpenSans-Italic.woff') format('woff'),
         url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Open Sans 600 Semi-Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
         url('../fonts/OpenSans-SemiBold.woff') format('woff'),
         url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Open Sans 600 Semi-Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
         url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}


/*
	Slate by Pixelarity
	pixelarity.com | hello@pixelarity.com
	License: pixelarity.com/license
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

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

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

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

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #111111;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		background-color: #111111;
		color: #CCC;
	}

	body, input, select, textarea {
		font-family: "Open Sans", Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 400;
		line-height: 1.65em;
	}

@media screen and (max-width: 10000px) {
    
    body, input, select, textarea {
        font-size: 11.5pt;
    }
    
    p.larger {
        font-size: 14pt;
        color: #999;
    }
    
    /* NEW */
    
    a {
        -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        border-bottom: dotted 1px;
        text-decoration: none;
    }
    
    a:before, a strong {
        -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }
    
    a:hover {
        border-bottom-color: transparent;
    }
    
    a:hover:before, a:hover strong {
        color: inherit !important;
    }
    
    /* OLD
     
     a {
     -moz-transition: border-bottom-color 0.2s ease-in-out;
     -webkit-transition: border-bottom-color 0.2s ease-in-out;
     -ms-transition: border-bottom-color 0.2s ease-in-out;
     transition: border-bottom-color 0.2s ease-in-out;
     border-bottom: dotted 1px;
     text-decoration: none;
     }
     
     a:hover {
     border-bottom-color: transparent;
     }
     */
    strong, b {
        font-weight: 600;
    }
    
    em, i {
        font-style: italic;
    }
    
    p {
        margin: 0 0 1em 0;
    }
    
    .section {
        color: #666;
        border-bottom: solid 1px;
        width: 3rem;
        padding-bottom: 0.75em;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 700;
        line-height: 1em;
        margin: 0 0 1.5em 0;
        padding-bottom: 1.25em;
        position: relative;
        /*text-transform: uppercase;*/
    }
    
    h4 {
        padding-bottom: 0em;
    }
    
    /*h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
     border-bottom: solid 1px;
     bottom: 0;
     content: '';
     display: inline-block;
     left: 0;
     position: absolute;
     width: 3rem;
     }
     */
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        border-bottom: 0;
        color: inherit;
        text-decoration: none;
    }
    
    h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt {
        margin: 0 0 1em 0;
        padding-bottom: 0;
    }
    
    h1.alt:after, h2.alt:after, h3.alt:after, h4.alt:after, h5.alt:after, h6.alt:after {
        display: none;
    }
    
    h2 {
        font-size: 1.25em;
        line-height: 1.25em;
    }
    
    h3 {
        font-size: 2em;
        font-weight: 100;
        color: #999 !important;
        line-height: 1.0em;
        padding-bottom: 0em;
    }
    
    h4 {
        font-size: 1.3em;
        line-height: 1.5em;
        margin-top: 0.25em;
        margin-bottom: 1.0em;
    }
    
    h5 {
        font-size: 0.9em;
        line-height: 1.5em;
    }
    
    h6 {
        font-size: 0.7em;
        line-height: 1.5em;
    }
    
    .custom-line {
        border: none;
  		height: 1px;
        background-color: #666 !important;
        margin-bottom:0.75em;
    }
    
    @media screen and (max-width: 736px) {
        
        h2 {
            line-height: 1.5em;
        }
        
    }
    
    sub {
        font-size: 0.8em;
        position: relative;
        top: 0.5em;
    }
    
    sup {
        font-size: 0.8em;
        position: relative;
        top: -0.5em;
    }
    
    blockquote {
        border-left: solid 4px;
        font-style: italic;
        margin: 0 0 2em 0;
        padding: 0.5em 0 0.5em 2em;
    }
    
    code {
        border: solid 1px;
        font-family: "Courier New", monospace;
        font-size: 0.9em;
        margin: 0 0.25em;
        padding: 0.25em 0.65em;
    }
    
    pre {
        -webkit-overflow-scrolling: touch;
        font-family: "Courier New", monospace;
        font-size: 0.9em;
        margin: 0 0 2em 0;
    }
    
    pre code {
        display: block;
        line-height: 1.75em;
        padding: 1em 1.5em;
        overflow-x: auto;
    }
    
    hr {
        border: 0;
        border-bottom: solid 1px;
        margin: 2em 0;
    }
    
    .splitter {
        
        border-bottom: solid 1px;
        color: #444;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    
    
    
    hr.major {
        margin: 3em 0;
    }
    
    .align-left {
        text-align: left;
    }
    
    .align-center {
        text-align: center;
    }
    
    .align-right {
        text-align: right;
    }
    
    input, select, textarea {
        color: #444;
    }
    
    a {
        color: #999;
    }
    
    strong, b {
        color: #999;
    }
    
    h1, h2, h3, h4, h5, h6 {
        color: #888888;
    }
    
    blockquote {
        border-left-color: #e6e6e6;
    }
    
    code {
        background: #f6f6f6;
        border-color: #e6e6e6;
    }
    
    hr {
        border-bottom-color: #e6e6e6;
    }
    
    /* Row */
    
    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }
    
    .row > * {
        box-sizing: border-box;
    }
    
    .row.gtr-uniform > * > :last-child {
        margin-bottom: 0;
    }
    
    .row.aln-left {
        justify-content: flex-start;
    }
    
    .row.aln-center {
        justify-content: center;
    }
    
    .row.aln-right {
        justify-content: flex-end;
    }
    
    .row.aln-top {
        align-items: flex-start;
    }
    
    .row.aln-middle {
        align-items: center;
    }
    
    .row.aln-bottom {
        align-items: flex-end;
    }
    
    .row > .imp {
        order: -1;
    }
    
    .row > .col-1 {
        width: 8.33333%;
    }
    
    .row > .off-1 {
        margin-left: 8.33333%;
    }
    
    .row > .col-2 {
        width: 16.66667%;
    }
    
    .row > .off-2 {
        margin-left: 16.66667%;
    }
    
    .row > .col-3 {
        width: 25%;
        margin-bottom: 2em;
    }
    
    .row > .off-3 {
        margin-left: 25%;
    }
    
    .row > .col-4 {
        width: 33.33333%;
        margin-bottom: 2em!important;
    }
    
    .row > .off-4 {
        margin-left: 33.33333%;
    }
    
    .row > .col-5 {
        width: 41.66667%;
    }
    
    .row > .off-5 {
        margin-left: 41.66667%;
    }
    
    .row > .col-6 {
        width: 50%;
    }
    
    .row > .off-6 {
        margin-left: 50%;
    }
    
    .row > .col-7 {
        width: 58.33333%;
    }
    
    .row > .off-7 {
        margin-left: 58.33333%;
    }
    
    .row > .col-8 {
        width: 66.66667%;
    }
    
    .row > .off-8 {
        margin-left: 66.66667%;
    }
    
    .row > .col-9 {
        width: 75%;
    }
    
    .row > .off-9 {
        margin-left: 75%;
    }
    
    .row > .col-10 {
        width: 83.33333%;
    }
    
    .row > .off-10 {
        margin-left: 83.33333%;
    }
    
    .row > .col-11 {
        width: 91.66667%;
    }
    
    .row > .off-11 {
        margin-left: 91.66667%;
    }
    
    .row > .col-12 {
        width: 100%;
    }
    
    .row > .off-12 {
        margin-left: 100%;
    }
    
    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em;
    }
    
    .row.gtr-0 > * {
        padding: 0 0 0 0em;
    }
    
    .row.gtr-0.gtr-uniform {
        margin-top: 0em;
    }
    
    .row.gtr-0.gtr-uniform > * {
        padding-top: 0em;
    }
    
    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5em;
    }
    
    .row.gtr-25 > * {
        padding: 0 0 0 0.5em;
    }
    
    .row.gtr-25.gtr-uniform {
        margin-top: -0.5em;
    }
    
    .row.gtr-25.gtr-uniform > * {
        padding-top: 0.5em;
    }
    
    .row.gtr-50 {
        margin-top: 0;
        margin-left: -1em;
    }
    
    .row.gtr-50 > * {
        padding: 0 0 0 1em;
    }
    
    .row.gtr-50.gtr-uniform {
        margin-top: -1em;
    }
    
    .row.gtr-50.gtr-uniform > * {
        padding-top: 1em;
    }
    
    .row {
        margin-top: 0;
        margin-left: -2em;
    }
    
    .row > * {
        padding: 0 0 0 2em;
    }
    
    .row.gtr-uniform {
        margin-top: -2em;
    }
    
    .row.gtr-uniform > * {
        padding-top: 2em;
    }
    
    .row.gtr-150 {
        margin-top: 0;
        margin-left: -3em;
    }
    
    .row.gtr-150 > * {
        padding: 0 0 0 3em;
    }
    
    .row.gtr-150.gtr-uniform {
        margin-top: -3em;
    }
    
    .row.gtr-150.gtr-uniform > * {
        padding-top: 3em;
    }
    
    .row.gtr-200 {
        margin-top: 0;
        margin-left: -4em;
    }
    
    .row.gtr-200 > * {
        padding: 0 0 0 4em;
    }
    
    .row.gtr-200.gtr-uniform {
        margin-top: -4em;
    }
    
    .row.gtr-200.gtr-uniform > * {
        padding-top: 4em;
    }
    
    @media screen and (max-width: 3680px) {
        
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
        
        .row > * {
            box-sizing: border-box;
        }
        
        .row.gtr-uniform > * > :last-child {
            margin-bottom: 0;
        }
        
        .row.aln-left {
            justify-content: flex-start;
        }
        
        .row.aln-center {
            justify-content: center;
        }
        
        .row.aln-right {
            justify-content: flex-end;
        }
        
        .row.aln-top {
            align-items: flex-start;
        }
        
        .row.aln-middle {
            align-items: center;
        }
        
        .row.aln-bottom {
            align-items: flex-end;
        }
        
        .row > .imp-xlarge {
            order: -1;
        }
        
        .row > .col-1-xlarge {
            width: 8.33333%;
        }
        
        .row > .off-1-xlarge {
            margin-left: 8.33333%;
        }
        
        .row > .col-2-xlarge {
            width: 16.66667%;
        }
        
        .row > .off-2-xlarge {
            margin-left: 16.66667%;
        }
        
        .row > .col-3-xlarge {
            width: 25%;
        }
        
        .row > .off-3-xlarge {
            margin-left: 25%;
        }
        
        .row > .col-4-xlarge {
            width: 33.33333%;
        }
        
        .row > .off-4-xlarge {
            margin-left: 33.33333%;
        }
        
        .row > .col-5-xlarge {
            width: 41.66667%;
        }
        
        .row > .off-5-xlarge {
            margin-left: 41.66667%;
        }
        
        .row > .col-6-xlarge {
            width: 50%;
        }
        
        .row > .off-6-xlarge {
            margin-left: 50%;
        }
        
        .row > .col-7-xlarge {
            width: 58.33333%;
        }
        
        .row > .off-7-xlarge {
            margin-left: 58.33333%;
        }
        
        .row > .col-8-xlarge {
            width: 66.66667%;
        }
        
        .row > .off-8-xlarge {
            margin-left: 66.66667%;
        }
        
        .row > .col-9-xlarge {
            width: 75%;
        }
        
        .row > .off-9-xlarge {
            margin-left: 75%;
        }
        
        .row > .col-10-xlarge {
            width: 83.33333%;
        }
        
        .row > .off-10-xlarge {
            margin-left: 83.33333%;
        }
        
        .row > .col-11-xlarge {
            width: 91.66667%;
        }
        
        .row > .off-11-xlarge {
            margin-left: 91.66667%;
        }
        
        .row > .col-12-xlarge {
            width: 100%;
        }
        
        .row > .off-12-xlarge {
            margin-left: 100%;
        }
        
        .row.gtr-0 {
            margin-top: 0;
            margin-left: 0em;
        }
        
        .row.gtr-0 > * {
            padding: 0 0 0 0em;
        }
        
        .row.gtr-0.gtr-uniform {
            margin-top: 0em;
        }
        
        .row.gtr-0.gtr-uniform > * {
            padding-top: 0em;
        }
        
        .row.gtr-25 {
            margin-top: 0;
            margin-left: -0.5em;
        }
        
        .row.gtr-25 > * {
            padding: 0 0 0 0.5em;
        }
        
        .row.gtr-25.gtr-uniform {
            margin-top: -0.5em;
        }
        
        .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5em;
        }
        
        .row.gtr-50 {
            margin-top: 0;
            margin-left: -1em;
        }
        
        .row.gtr-50 > * {
            padding: 0 0 0 1em;
        }
        
        .row.gtr-50.gtr-uniform {
            margin-top: -1em;
        }
        
        .row.gtr-50.gtr-uniform > * {
            padding-top: 1em;
        }
        
        .row {
            margin-top: 0;
            margin-left: -2em;
        }
        
        .row > * {
            padding: 0 0 0 2em;
        }
        
        .row.gtr-uniform {
            margin-top: -2em;
        }
        
        .row.gtr-uniform > * {
            padding-top: 2em;
        }
        
        .row.gtr-150 {
            margin-top: 0;
            margin-left: -3em;
        }
        
        .row.gtr-150 > * {
            padding: 0 0 0 3em;
        }
        
        .row.gtr-150.gtr-uniform {
            margin-top: -3em;
        }
        
        .row.gtr-150.gtr-uniform > * {
            padding-top: 3em;
        }
        
        .row.gtr-200 {
            margin-top: 0;
            margin-left: -4em;
        }
        
        .row.gtr-200 > * {
            padding: 0 0 0 4em;
        }
        
        .row.gtr-200.gtr-uniform {
            margin-top: -4em;
        }
        
        .row.gtr-200.gtr-uniform > * {
            padding-top: 4em;
        }
        
    }
    
    @media screen and (max-width: 1280px) {
        
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
        
        .row > * {
            box-sizing: border-box;
        }
        
        .row.gtr-uniform > * > :last-child {
            margin-bottom: 0;
        }
        
        .row.aln-left {
            justify-content: flex-start;
        }
        
        .row.aln-center {
            justify-content: center;
        }
        
        .row.aln-right {
            justify-content: flex-end;
        }
        
        .row.aln-top {
            align-items: flex-start;
        }
        
        .row.aln-middle {
            align-items: center;
        }
        
        .row.aln-bottom {
            align-items: flex-end;
        }
        
        .row > .imp-large {
            order: -1;
        }
        
        .row > .col-1-large {
            width: 8.33333%;
        }
        
        .row > .off-1-large {
            margin-left: 8.33333%;
        }
        
        .row > .col-2-large {
            width: 16.66667%;
        }
        
        .row > .off-2-large {
            margin-left: 16.66667%;
        }
        
        .row > .col-3-large {
            width: 25%;
        }
        
        .row > .off-3-large {
            margin-left: 25%;
        }
        
        .row > .col-4-large {
            width: 33.33333%;
        }
        
        .row > .off-4-large {
            margin-left: 33.33333%;
        }
        
        .row > .col-5-large {
            width: 41.66667%;
        }
        
        .row > .off-5-large {
            margin-left: 41.66667%;
        }
        
        .row > .col-6-large {
            width: 50%;
        }
        
        .row > .off-6-large {
            margin-left: 50%;
        }
        
        .row > .col-7-large {
            width: 58.33333%;
        }
        
        .row > .off-7-large {
            margin-left: 58.33333%;
        }
        
        .row > .col-8-large {
            width: 66.66667%;
        }
        
        .row > .off-8-large {
            margin-left: 66.66667%;
        }
        
        .row > .col-9-large {
            width: 75%;
        }
        
        .row > .off-9-large {
            margin-left: 75%;
        }
        
        .row > .col-10-large {
            width: 83.33333%;
        }
        
        .row > .off-10-large {
            margin-left: 83.33333%;
        }
        
        .row > .col-11-large {
            width: 91.66667%;
        }
        
        .row > .off-11-large {
            margin-left: 91.66667%;
        }
        
        .row > .col-12-large {
            width: 100%;
        }
        
        .row > .off-12-large {
            margin-left: 100%;
        }
        
        .row.gtr-0 {
            margin-top: 0;
            margin-left: 0em;
        }
        
        .row.gtr-0 > * {
            padding: 0 0 0 0em;
        }
        
        .row.gtr-0.gtr-uniform {
            margin-top: 0em;
        }
        
        .row.gtr-0.gtr-uniform > * {
            padding-top: 0em;
        }
        
        .row.gtr-25 {
            margin-top: 0;
            margin-left: -0.375em;
        }
        
        .row.gtr-25 > * {
            padding: 0 0 0 0.375em;
        }
        
        .row.gtr-25.gtr-uniform {
            margin-top: -0.375em;
        }
        
        .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em;
        }
        
        .row.gtr-50 {
            margin-top: 0;
            margin-left: -0.75em;
        }
        
        .row.gtr-50 > * {
            padding: 0 0 0 0.75em;
        }
        
        .row.gtr-50.gtr-uniform {
            margin-top: -0.75em;
        }
        
        .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em;
        }
        
        .row {
            margin-top: 0;
            margin-left: -1.5em;
        }
        
        .row > * {
            padding: 0 0 0 1.5em;
        }
        
        .row.gtr-uniform {
            margin-top: -1.5em;
        }
        
        .row.gtr-uniform > * {
            padding-top: 1.5em;
        }
        
        .row.gtr-150 {
            margin-top: 0;
            margin-left: -2.25em;
        }
        
        .row.gtr-150 > * {
            padding: 0 0 0 2.25em;
        }
        
        .row.gtr-150.gtr-uniform {
            margin-top: -2.25em;
        }
        
        .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em;
        }
        
        .row.gtr-200 {
            margin-top: 0;
            margin-left: -3em;
        }
        
        .row.gtr-200 > * {
            padding: 0 0 0 3em;
        }
        
        .row.gtr-200.gtr-uniform {
            margin-top: -3em;
        }
        
        .row.gtr-200.gtr-uniform > * {
            padding-top: 3em;
        }
        
    }
    
    @media screen and (max-width: 980px) {
        
        
        
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
        
        .row > * {
            box-sizing: border-box;
        }
        
        .row.gtr-uniform > * > :last-child {
            margin-bottom: 0;
        }
        
        .row.aln-left {
            justify-content: flex-start;
        }
        
        .row.aln-center {
            justify-content: center;
        }
        
        .row.aln-right {
            justify-content: flex-end;
        }
        
        .row.aln-top {
            align-items: flex-start;
        }
        
        .row.aln-middle {
            align-items: center;
        }
        
        .row.aln-bottom {
            align-items: flex-end;
        }
        
        .row > .imp-medium {
            order: -1;
        }
        
        .row > .col-1-medium {
            width: 8.33333%;
        }
        
        .row > .off-1-medium {
            margin-left: 8.33333%;
        }
        
        .row > .col-2-medium {
            width: 16.66667%;
        }
        
        .row > .off-2-medium {
            margin-left: 16.66667%;
        }
        
        .row > .col-3-medium {
            width: 25%;
        }
        
        .row > .off-3-medium {
            margin-left: 25%;
        }
        
        .row > .col-4-medium {
            width: 33.33333%;
        }
        
        .row > .col-4 {
            width: 50%!important;
        }
        
        .row > .off-4-medium {
            margin-left: 33.33333%;
        }
        
        .row > .col-5-medium {
            width: 41.66667%;
        }
        
        .row > .off-5-medium {
            margin-left: 41.66667%;
        }
        
        .row > .col-6-medium {
            width: 50%;
        }
        
        .row > .off-6-medium {
            margin-left: 50%;
        }
        
        .row > .col-7-medium {
            width: 58.33333%;
        }
        
        .row > .off-7-medium {
            margin-left: 58.33333%;
        }
        
        .row > .col-8-medium {
            width: 66.66667%;
        }
        
        .row > .off-8-medium {
            margin-left: 66.66667%;
        }
        
        .row > .col-9-medium {
            width: 75%;
        }
        
        .row > .off-9-medium {
            margin-left: 75%;
        }
        
        .row > .col-10-medium {
            width: 83.33333%;
        }
        
        .row > .off-10-medium {
            margin-left: 83.33333%;
        }
        
        .row > .col-11-medium {
            width: 91.66667%;
        }
        
        .row > .off-11-medium {
            margin-left: 91.66667%;
        }
        
        .row > .col-12-medium {
            width: 100%;
        }
        
        .row > .off-12-medium {
            margin-left: 100%;
        }
        
        .row.gtr-0 {
            margin-top: 0;
            margin-left: 0em;
        }
        
        .row.gtr-0 > * {
            padding: 0 0 0 0em;
        }
        
        .row.gtr-0.gtr-uniform {
            margin-top: 0em;
        }
        
        .row.gtr-0.gtr-uniform > * {
            padding-top: 0em;
        }
        
        .row.gtr-25 {
            margin-top: 0;
            margin-left: -0.375em;
        }
        
        .row.gtr-25 > * {
            padding: 0 0 0 0.375em;
        }
        
        .row.gtr-25.gtr-uniform {
            margin-top: -0.375em;
        }
        
        .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em;
        }
        
        .row.gtr-50 {
            margin-top: 0;
            margin-left: -0.75em;
        }
        
        .row.gtr-50 > * {
            padding: 0 0 0 0.75em;
        }
        
        .row.gtr-50.gtr-uniform {
            margin-top: -0.75em;
        }
        
        .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em;
        }
        
        .row {
            margin-top: 0;
            margin-left: -1.5em;
        }
        
        .row > * {
            padding: 0 0 0 1.5em;
        }
        
        .row.gtr-uniform {
            margin-top: -1.5em;
        }
        
        .row.gtr-uniform > * {
            padding-top: 1.5em;
        }
        
        .row.gtr-150 {
            margin-top: 0;
            margin-left: -2.25em;
        }
        
        .row.gtr-150 > * {
            padding: 0 0 0 2.25em;
        }
        
        .row.gtr-150.gtr-uniform {
            margin-top: -2.25em;
        }
        
        .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em;
        }
        
        .row.gtr-200 {
            margin-top: 0;
            margin-left: -3em;
        }
        
        .row.gtr-200 > * {
            padding: 0 0 0 3em;
        }
        
        .row.gtr-200.gtr-uniform {
            margin-top: -3em;
        }
        
        .row.gtr-200.gtr-uniform > * {
            padding-top: 3em;
        }
        
    }
    
    @media screen and (max-width: 736px) {
        
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
        
        .row > * {
            box-sizing: border-box;
        }
        
        .row.gtr-uniform > * > :last-child {
            margin-bottom: 0;
        }
        
        .row.aln-left {
            justify-content: flex-start;
        }
        
        .row.aln-center {
            justify-content: center;
        }
        
        .row.aln-right {
            justify-content: flex-end;
        }
        
        .row.aln-top {
            align-items: flex-start;
        }
        
        .row.aln-middle {
            align-items: center;
        }
        
        .row.aln-bottom {
            align-items: flex-end;
        }
        
        .row > .imp-small {
            order: -1;
        }
        
        .row > .col-1-small {
            width: 8.33333%;
        }
        
        .row > .off-1-small {
            margin-left: 8.33333%;
        }
        
        .row > .col-2-small {
            width: 16.66667%;
        }
        
        .row > .off-2-small {
            margin-left: 16.66667%;
        }
        
        .row > .col-3-small {
            width: 25%;
        }
        
        .row > .off-3-small {
            margin-left: 25%;
        }
        
        .row > .col-4-small {
            width: 33.33333%;
        }
        
        
        .row > .off-4-small {
            margin-left: 33.33333%;
        }
        
        .row > .col-5-small {
            width: 41.66667%;
        }
        
        .row > .off-5-small {
            margin-left: 41.66667%;
        }
        
        .row > .col-6-small {
            width: 50%;
        }
        
        .row > .off-6-small {
            margin-left: 50%;
        }
        
        .row > .col-7-small {
            width: 58.33333%;
        }
        
        .row > .off-7-small {
            margin-left: 58.33333%;
        }
        
        .row > .col-8-small {
            width: 66.66667%;
        }
        
        .row > .off-8-small {
            margin-left: 66.66667%;
        }
        
        .row > .col-9-small {
            width: 75%;
        }
        
        .row > .off-9-small {
            margin-left: 75%;
        }
        
        .row > .col-10-small {
            width: 83.33333%;
        }
        
        .row > .off-10-small {
            margin-left: 83.33333%;
        }
        
        .row > .col-11-small {
            width: 91.66667%;
        }
        
        .row > .off-11-small {
            margin-left: 91.66667%;
        }
        
        .row > .col-12-small {
            width: 100%;
        }
        
        .row > .off-12-small {
            margin-left: 100%;
        }
        
        .row.gtr-0 {
            margin-top: 0;
            margin-left: 0em;
        }
        
        .row.gtr-0 > * {
            padding: 0 0 0 0em;
        }
        
        .row.gtr-0.gtr-uniform {
            margin-top: 0em;
        }
        
        .row.gtr-0.gtr-uniform > * {
            padding-top: 0em;
        }
        
        .row.gtr-25 {
            margin-top: 0;
            margin-left: -0.3125em;
        }
        
        .row.gtr-25 > * {
            padding: 0 0 0 0.3125em;
        }
        
        .row.gtr-25.gtr-uniform {
            margin-top: -0.3125em;
        }
        
        .row.gtr-25.gtr-uniform > * {
            padding-top: 0.3125em;
        }
        
        .row.gtr-50 {
            margin-top: 0;
            margin-left: -0.625em;
        }
        
        .row.gtr-50 > * {
            padding: 0 0 0 0.625em;
        }
        
        .row.gtr-50.gtr-uniform {
            margin-top: -0.625em;
        }
        
        .row.gtr-50.gtr-uniform > * {
            padding-top: 0.625em;
        }
        
        .row {
            margin-top: 0;
            margin-left: -1.25em;
            
        }
        
        .row > * {
            padding: 0 0 0 1.25em;
        }
        
        .row.gtr-uniform {
            margin-top: -1.25em;
        }
        
        .row.gtr-uniform > * {
            padding-top: 1.25em;
        }
        
        .row.gtr-150 {
            margin-top: 0;
            margin-left: -1.875em;
        }
        
        .row.gtr-150 > * {
            padding: 0 0 0 1.875em;
        }
        
        .row.gtr-150.gtr-uniform {
            margin-top: -1.875em;
        }
        
        .row.gtr-150.gtr-uniform > * {
            padding-top: 1.875em;
        }
        
        .row.gtr-200 {
            margin-top: 0;
            margin-left: -2.5em;
        }
        
        .row.gtr-200 > * {
            padding: 0 0 0 2.5em;
        }
        
        .row.gtr-200.gtr-uniform {
            margin-top: -2.5em;
        }
        
        .row.gtr-200.gtr-uniform > * {
            padding-top: 2.5em;
        }
        
    }
    
    @media screen and (max-width: 580px) {
        
        .row > .col-4 {
            width: 100%!important;
        }
    }
    
    @media screen and (max-width: 480px) {
        
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
        
        .row > * {
            box-sizing: border-box;
        }
        
        .row.gtr-uniform > * > :last-child {
            margin-bottom: 0;
        }
        
        .row.aln-left {
            justify-content: flex-start;
        }
        
        .row.aln-center {
            justify-content: center;
        }
        
        .row.aln-right {
            justify-content: flex-end;
        }
        
        .row.aln-top {
            align-items: flex-start;
        }
        
        .row.aln-middle {
            align-items: center;
        }
        
        .row.aln-bottom {
            align-items: flex-end;
        }
        
        .row > .imp-xsmall {
            order: -1;
        }
        
        .row > .col-1-xsmall {
            width: 8.33333%;
        }
        
        .row > .off-1-xsmall {
            margin-left: 8.33333%;
        }
        
        .row > .col-2-xsmall {
            width: 16.66667%;
        }
        
        .row > .off-2-xsmall {
            margin-left: 16.66667%;
        }
        
        .row > .col-3-xsmall {
            width: 25%;
        }
        
        .row > .off-3-xsmall {
            margin-left: 25%;
        }
        
        .row > .col-4-xsmall {
            width: 33.33333%;
        }
        
        .row > .col-4 {
            width: 100%!important;
        }
        
        .row > .off-4-xsmall {
            margin-left: 33.33333%;
        }
        
        .row > .col-5-xsmall {
            width: 41.66667%;
        }
        
        .row > .off-5-xsmall {
            margin-left: 41.66667%;
        }
        
        .row > .col-6-xsmall {
            width: 50%;
        }
        
        .row > .off-6-xsmall {
            margin-left: 50%;
        }
        
        .row > .col-7-xsmall {
            width: 58.33333%;
        }
        
        .row > .off-7-xsmall {
            margin-left: 58.33333%;
        }
        
        .row > .col-8-xsmall {
            width: 66.66667%;
        }
        
        .row > .off-8-xsmall {
            margin-left: 66.66667%;
        }
        
        .row > .col-9-xsmall {
            width: 75%;
        }
        
        .row > .off-9-xsmall {
            margin-left: 75%;
        }
        
        .row > .col-10-xsmall {
            width: 83.33333%;
        }
        
        .row > .off-10-xsmall {
            margin-left: 83.33333%;
        }
        
        .row > .col-11-xsmall {
            width: 91.66667%;
        }
        
        .row > .off-11-xsmall {
            margin-left: 91.66667%;
        }
        
        .row > .col-12-xsmall {
            width: 100%;
        }
        
        .row > .off-12-xsmall {
            margin-left: 100%;
        }
        
        .row.gtr-0 {
            margin-top: 0;
            margin-left: 0em;
        }
        
        .row.gtr-0 > * {
            padding: 0 0 0 0em;
        }
        
        .row.gtr-0.gtr-uniform {
            margin-top: 0em;
        }
        
        .row.gtr-0.gtr-uniform > * {
            padding-top: 0em;
        }
        
        .row.gtr-25 {
            margin-top: 0;
            margin-left: -0.3125em;
        }
        
        .row.gtr-25 > * {
            padding: 0 0 0 0.3125em;
        }
        
        .row.gtr-25.gtr-uniform {
            margin-top: -0.3125em;
        }
        
        .row.gtr-25.gtr-uniform > * {
            padding-top: 0.3125em;
        }
        
        .row.gtr-50 {
            margin-top: 0;
            margin-left: -0.625em;
        }
        
        .row.gtr-50 > * {
            padding: 0 0 0 0.625em;
        }
        
        .row.gtr-50.gtr-uniform {
            margin-top: -0.625em;
        }
        
        .row.gtr-50.gtr-uniform > * {
            padding-top: 0.625em;
        }
        
        .row {
            margin-top: 0;
            margin-left: -1.25em;
        }
        
        .row > * {
            padding: 0 0 0 1.25em;
        }
        
        .row.gtr-uniform {
            margin-top: -1.25em;
        }
        
        .row.gtr-uniform > * {
            padding-top: 1.25em;
        }
        
        .row.gtr-150 {
            margin-top: 0;
            margin-left: -1.875em;
        }
        
        .row.gtr-150 > * {
            padding: 0 0 0 1.875em;
        }
        
        .row.gtr-150.gtr-uniform {
            margin-top: -1.875em;
        }
        
        .row.gtr-150.gtr-uniform > * {
            padding-top: 1.875em;
        }
        
        .row.gtr-200 {
            margin-top: 0;
            margin-left: -2.5em;
        }
        
        .row.gtr-200 > * {
            padding: 0 0 0 2.5em;
        }
        
        .row.gtr-200.gtr-uniform {
            margin-top: -2.5em;
        }
        
        .row.gtr-200.gtr-uniform > * {
            padding-top: 2.5em;
        }
        
    }
    
    /* Box */
    
    .box {
        border: solid 1px;
        margin-bottom: 2em;
        padding: 1.5em;
    }
    
    .box > :last-child,
    .box > :last-child > :last-child,
    .box > :last-child > :last-child > :last-child {
        margin-bottom: 0;
    }
    
    .box.alt {
        border: 0;
        padding: 0;
    }
    
    .box {
        border-color: #e6e6e6;
    }
    
    /* Button */
    
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    button,
    .button {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -moz-transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        border: 0;
        border-radius: 0;
        cursor: pointer;
        display: inline-block;
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 700;
        height: 2.75em;
        line-height: 2.75em;
        padding: 0 1.5em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
    }
    
    input[type="submit"].icon,
    input[type="reset"].icon,
    input[type="button"].icon,
    button.icon,
    .button.icon {
        padding-left: 1.35em;
    }
    
    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    input[type="button"].icon:before,
    button.icon:before,
    .button.icon:before {
        margin-right: 0.5em;
    }
    
    input[type="submit"].fit,
    input[type="reset"].fit,
    input[type="button"].fit,
    button.fit,
    .button.fit {
        display: block;
    }
    
    input[type="submit"].small,
    input[type="reset"].small,
    input[type="button"].small,
    button.small,
    .button.small {
        font-size: 0.8em;
    }
    
    input[type="submit"].large,
    input[type="reset"].large,
    input[type="button"].large,
    button.large,
    .button.large {
        font-size: 1.35em;
    }
    
    input[type="submit"].disabled, input[type="submit"]:disabled,
    input[type="reset"].disabled,
    input[type="reset"]:disabled,
    input[type="button"].disabled,
    input[type="button"]:disabled,
    button.disabled,
    button:disabled,
    .button.disabled,
    .button:disabled {
        pointer-events: none;
        opacity: 0.25;
    }
    
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    button,
    .button {
        background-color: transparent;
        color: #444 !important;
        box-shadow: inset 0 0 0 1px #444;
    }
    
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    button:hover,
    .button:hover {
        background-color: #f6f6f6;
    }
    
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    button:active,
    .button:active {
        background-color: #e2e2e2;
    }
    
    input[type="submit"].primary,
    input[type="reset"].primary,
    input[type="button"].primary,
    button.primary,
    .button.primary {
        box-shadow: none;
        background-color: #444;
        color: #fff !important;
    }
    
    input[type="submit"].primary:hover,
    input[type="reset"].primary:hover,
    input[type="button"].primary:hover,
    button.primary:hover,
    .button.primary:hover {
        background-color: #515151;
    }
    
    input[type="submit"].primary:active,
    input[type="reset"].primary:active,
    input[type="button"].primary:active,
    button.primary:active,
    .button.primary:active {
        background-color: #373737;
    }
    
    /* Features */
    
    .features {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        position: relative;
    }
    
    .features > section {
        width: calc(33.33333333% - 5em);
    }
    
    .features > section:before {
        content: '';
        display: block;
        height: 100%;
        margin-left: -3.75em;
        position: absolute;
        top: 0;
        width: 0px;
        
    }
    
    .features > section:first-child {
        border-left: 0;
    }
    
    .features > section:first-child:before {
        display: none;
    }
    
    @media screen and (max-width: 560px) {
        
        .features > section {
            width: calc(33.33333333% - 2.5em);
        }
        
        .features > section:before {
            margin-left: -2em;
        }
        
    }
    
    @media screen and (max-width: 980px) {
        
        .features {
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        
        .features > section {
            width: 100%;
        }
        
        .features > section:before {
            width: 100%;
            height: 1px;
            margin-left: 0;
            position: relative;
            top: -3em;
        }
        
        .features > section:first-child:before {
            display: none;
        }
        
    }
    
    @media screen and (max-width: 736px) {
        
        .features > section:before {
            top: -2.5em;
        }
        
    }
    
    .features > section:before {
        background-color: #999;
    }
    
    /* Form */
    
    form {
        margin: 0 0 2em 0;
    }
    
    label {
        display: block;
        margin: 0 0 0.5em 0;
        text-transform: uppercase;
        font-size: 0.9em;
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 700;
    }
    
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="url"],
    select,
    textarea {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border: none;
        border: solid 1px;
        border-radius: 0;
        background-color: transparent;
        color: inherit;
        display: block;
        outline: 0;
        padding: 0 1em;
        text-decoration: none;
        width: 100%;
    }
    
    input[type="text"]:invalid,
    input[type="password"]:invalid,
    input[type="email"]:invalid,
    input[type="tel"]:invalid,
    input[type="search"]:invalid,
    input[type="url"]:invalid,
    select:invalid,
    textarea:invalid {
        box-shadow: none;
    }
    
    select {
        background-size: 1.25rem;
        background-repeat: no-repeat;
        background-position: calc(100% - 1rem) center;
        height: 2.75em;
        padding-right: 2.75em;
        text-overflow: ellipsis;
    }
    
    select:focus::-ms-value {
        background-color: transparent;
    }
    
    select::-ms-expand {
        display: none;
    }
    
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="url"],
    select {
        height: 2.75em;
    }
    
    textarea {
        padding: 0.75em 1em;
    }
    
    input[type="checkbox"],
    input[type="radio"] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        display: block;
        float: left;
        margin-right: -2em;
        opacity: 0;
        width: 1em;
        z-index: -1;
    }
    
    input[type="checkbox"] + label,
    input[type="radio"] + label {
        text-decoration: none;
        cursor: pointer;
        display: inline-block;
        padding-left: 2.4em;
        padding-right: 0.75em;
        position: relative;
        font-size: 1em;
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 400;
        text-transform: none;
    }
    
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }
    
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        border: solid 1px;
        content: '';
        display: inline-block;
        font-size: 0.8em;
        height: 2.0625em;
        left: 0;
        line-height: 2.0625em;
        position: absolute;
        text-align: center;
        top: 0;
        width: 2.0625em;
    }
    
    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before {
        content: '\f00c';
    }
    
    input[type="radio"] + label:before {
        border-radius: 100%;
    }
    
    ::-webkit-input-placeholder {
        opacity: 1.0;
    }
    
    :-moz-placeholder {
        opacity: 1.0;
    }
    
    ::-moz-placeholder {
        opacity: 1.0;
    }
    
    :-ms-input-placeholder {
        opacity: 1.0;
    }
    
    label {
        color: #444;
    }
    
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="url"],
    select,
    textarea {
        -moz-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        -ms-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        border-color: #e6e6e6;
    }
    
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="search"]:focus,
    input[type="url"]:focus,
    select:focus,
    textarea:focus {
        border-color: #444;
    }
    
    select {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e6e6e6' /%3E%3C/svg%3E");
    }
    
    select option {
        color: #444;
        background: #fff;
    }
    
    input[type="checkbox"] + label,
    input[type="radio"] + label {
        color: #444;
    }
    
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        -moz-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        -ms-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        background: #f6f6f6;
        border-color: #e6e6e6;
    }
    
    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before {
        background-color: #444;
        border-color: #444;
        color: #fff;
    }
    
    input[type="checkbox"]:focus + label:before,
    input[type="radio"]:focus + label:before {
        border-color: #444;
    }
    
    ::-webkit-input-placeholder {
        color: #bbb !important;
    }
    
    :-moz-placeholder {
        color: #bbb !important;
    }
    
    ::-moz-placeholder {
        color: #bbb !important;
    }
    
    :-ms-input-placeholder {
        color: #bbb !important;
    }
    
    .formerize-placeholder {
        color: #bbb !important;
    }
    
    /* Icon */
    
    .icon {
        text-decoration: none;
        border-bottom: none;
        position: relative;
    }
    
    .icon-container {
        /*  white-space: nowrap;  Prevents line breaks within this container */
    }
    
    .icon.solid.awards {
        display: inline-block;
        margin-right: 4px;
        vertical-align: baseline;
        
        
    }
    
    .icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
    }
    
    .icon > .label {
        display: none;
    }
    
    .icon.solid:before {
        font-weight: 900;
    }
    
    .icon.brands:before {
        font-family: 'Font Awesome 5 Brands';
    }
    
    .icon:before {
        cursor: inherit;
    }
    
    .icon-wrapper {
        width: 4em;
        height: 2em;
        line-height: 2em;
        display: inline-block;
        text-align: center;
        position: relative;
        margin: 1.235em 0;
    }
    
    .icon-wrapper:before, .icon-wrapper:after {
        content: '';
        width: 0;
        height: 0;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        left: 0;
    }
    
    .icon-wrapper:before {
        border-bottom: solid 1.235em;
        top: -1.235em;
    }
    
    .icon-wrapper:after {
        border-top: solid 1.235em;
        bottom: -1.235em;
    }
    
    .icon-wrapper .icon {
        cursor: default;
    }
    
    .icon-wrapper .icon:before {
        font-size: 1.5rem;
    }
    
    .icon-wrapper.major {
        display: block;
        margin: 1.235em 0 3.235em 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .icon-wrapper.small {
        font-size: 0.75em;
    }
    
    .icon-wrapper.small .icon:before {
        font-size: 1.25rem;
    }
    
    .icon-wrapper {
        background-color: #333;
        box-shadow: 0 -1px 0 0 #333, 0 1px 0 0 #333;
    }
    
    .icon-wrapper:before {
        border-bottom-color: #333;
    }
    
    .icon-wrapper:after {
        border-top-color: #333;
    }
    
    /* Image */
    
    .image {
        border: 0;
        display: inline-block;
        position: relative;
    }
    
    .image img {
        display: block;
    }
    
    .image.left, .image.right {
        max-width: 40%;
    }
    
    .image.left img, .image.right img {
        width: 100%;
    }
    
    .image.left {
        float: left;
        margin: 0 1.5em 1em 0;
        top: 0.25em;
    }
    
    .image.right {
        float: right;
        margin: 0 0 1em 1.5em;
        top: 0.25em;
    }
    
    .image.fit {
        display: block;
        margin: 0 0 2em 0;
        width: 100%;
    }
    
    .image.fit img {
        width: 100%;
    }
    
    .image.main {
        display: block;
        margin: 0 0 3em 0;
        width: 100%;
    }
    
    .image.main img {
        width: 100%;
    }
    
    .filmimage {
        display:inline-flex;
        height: 85px!important;
        vertical-align: middle;
    }
    
    .awardimage img {
        
        width:100%;
        vertical-align: middle;
    }
    
    .image.marginleft {
        margin-left: 20px !important;
    }
    
    
    /* List */
    
    li::marker {
        color: #e56f44; /* Change to your desired color */
    }
    
    ol {
        list-style: decimal;
        margin: 0 0 2em 0;
        padding-left: 1.25em;
    }
    
    ol li {
        padding-left: 0.25em;
    }
    
    ul {
        list-style: disc;
        margin: 0 0 2em 0;
        padding-left: 1em;
    }
    
    ul li {
        padding-left: 0.5em;
    }
    
    ul.alt {
        list-style: none;
        padding-left: 0;
    }
    
    ul.alt li {
        border-top: solid 1px;
        padding: 0.5em 0;
    }
    
    ul.alt li:first-child {
        border-top: 0;
        padding-top: 0;
    }
    
    dl {
        margin: 0 0 2em 0;
    }
    
    dl dt {
        display: block;
        font-weight: 600;
        margin: 0 0 1em 0;
    }
    
    dl dd {
        margin-left: 2em;
    }
    
    ul.alt li {
        border-top-color: #e6e6e6;
    }
    
    /* Actions */
    
    ul.actions {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        cursor: default;
        list-style: none;
        margin-left: -1em;
        padding-left: 0;
    }
    
    ul.actions li {
        padding: 0 0 0 1em;
        vertical-align: middle;
    }
    
    ul.actions.special {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        margin-left: 0;
    }
    
    ul.actions.special li:first-child {
        padding-left: 0;
    }
    
    ul.actions.stacked {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
    }
    
    ul.actions.stacked li {
        padding: 1.3em 0 0 0;
    }
    
    ul.actions.stacked li:first-child {
        padding-top: 0;
    }
    
    ul.actions.fit {
        width: calc(100% + 1em);
    }
    
    ul.actions.fit li {
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
        width: 100%;
    }
    
    ul.actions.fit li > * {
        width: 100%;
    }
    
    ul.actions.fit.stacked {
        width: 100%;
    }
    
    @media screen and (max-width: 480px) {
        
        ul.actions:not(.fixed) {
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 0;
            width: 100% !important;
        }
        
        ul.actions:not(.fixed) li {
            -moz-flex-grow: 1;
            -webkit-flex-grow: 1;
            -ms-flex-grow: 1;
            flex-grow: 1;
            -moz-flex-shrink: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-shrink: 1;
            flex-shrink: 1;
            padding: 1em 0 0 0;
            text-align: center;
            width: 100%;
        }
        
        ul.actions:not(.fixed) li > * {
            width: 100%;
        }
        
        ul.actions:not(.fixed) li:first-child {
            padding-top: 0;
        }
        
        ul.actions:not(.fixed) li input[type="submit"],
        ul.actions:not(.fixed) li input[type="reset"],
        ul.actions:not(.fixed) li input[type="button"],
        ul.actions:not(.fixed) li button,
        ul.actions:not(.fixed) li .button {
            width: 100%;
        }
        
        ul.actions:not(.fixed) li input[type="submit"].icon:before,
        ul.actions:not(.fixed) li input[type="reset"].icon:before,
        ul.actions:not(.fixed) li input[type="button"].icon:before,
        ul.actions:not(.fixed) li button.icon:before,
        ul.actions:not(.fixed) li .button.icon:before {
            margin-left: -0.5em;
        }
        
    }
    
    /* Icons */
    
    ul.icons {
        list-style: none;
        padding-left: 0;
    }
    
    ul.icons li {
        display: inline-block;
        padding: 0 1em 0 0;
    }
    
    ul.icons li:last-child {
        padding-right: 0;
    }
    
    ul.icons li .icon:before {
        font-size: 1.25em;
    }
    
    /* Bulleted Icons */
    
    ul.bulleted-icons {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    
    ul.bulleted-icons li {
        margin: 2em 0 0 0;
        overflow: hidden;
        padding-left: 4.5em;
        position: relative;
        width: 50%;
    }
    
    ul.bulleted-icons li .icon-wrapper {
        font-size: 0.65em;
        left: 0;
        position: absolute;
        top: 0;
    }
    
    ul.bulleted-icons li .icon-wrapper .icon:before {
        font-size: 1rem;
    }
    
    ul.bulleted-icons li h3 {
        font-size: 0.9em;
        margin-bottom: 0.5em;
        padding-bottom: 0;
    }
    
    ul.bulleted-icons li h3:after {
        display: none;
    }
    
    @media screen and (max-width: 1280px) {
        
        ul.bulleted-icons li {
            width: 100%;
            margin: 1em 0 0 0;
        }
        
    }
    
    /* Menu */
    
    ul.menu {
        padding: 0;
        list-style: none;
    }
    
    ul.menu li {
        padding: 0;
        display: inline-block;
        margin-left: 0.75em;
        padding-left: 0.75em;
        border-left: solid 1px;
        line-height: 1em;
    }
    
    ul.menu li:first-child {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
    
    ul.menu li {
        border-left-color: #e6e6e6;
    }
    
    /* Pagination */
    
    ul.pagination {
        cursor: default;
        list-style: none;
        padding-left: 0;
    }
    
    ul.pagination li {
        display: inline-block;
        padding-left: 0;
        vertical-align: middle;
    }
    
    ul.pagination li > .page {
        -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        border-bottom: 0;
        display: inline-block;
        height: 1.5em;
        line-height: 1.5em;
        margin: 0 0.125em;
        min-width: 1.5em;
        padding: 0 0.5em;
        text-align: center;
    }
    
    ul.pagination li:first-child {
        padding-right: 0.75em;
    }
    
    ul.pagination li:last-child {
        padding-left: 0.75em;
    }
    
    @media screen and (max-width: 480px) {
        
        ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
            display: none;
        }
        
        ul.pagination li:first-child {
            padding-right: 0;
        }
        
    }
    
    ul.pagination li > .page.active {
        background-color: #444;
        color: #fff !important;
    }
    
    ul.pagination li > .page.active:hover {
        background-color: #515151;
    }
    
    ul.pagination li > .page.active:active {
        background-color: #373737;
    }
    
    /* Post */
    
    .post {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-align-items: -moz-stretch;
        -webkit-align-items: -webkit-stretch;
        -ms-align-items: -ms-stretch;
        align-items: stretch;
        margin-bottom: 2em;
    }
    
    .post .image {
        display: block;
        margin-bottom: 1em;
        width: 100%;
        -ms-flex: 0 0 auto;
    }
    
    .post .image img {
        width: 100%;
    }
    
    .post .content {
        padding: 2.5em 2.5em 0.5em 2.5em ;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }
    
    @media screen and (max-width: 1280px) {
        
        .post .content {
            padding: 2em 2em 0.1em 2em ;
        }
        
    }
    
    @media screen and (max-width: 736px) {
        
        .post {
            display: block;
        }
        
        .post .content {
            padding: 2em 1.5em 0.1em 1.5em ;
        }
        
    }
    
    .post .content {
        background-color: transparent;
        border: solid 1px #e6e6e6;
    }
    
    /* Posts */
    
    .posts {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -moz-align-items: -moz-stretch;
        -webkit-align-items: -webkit-stretch;
        -ms-align-items: -ms-stretch;
        align-items: stretch;
    }
    
    .posts .post {
        width: calc(33.33333333% - 1.25em);
    }
    
    @media screen and (max-width: 1280px) {
        
        .posts .post {
            width: calc(50% - 1em);
        }
        
    }
    
    @media screen and (max-width: 736px) {
        
        .posts {
            display: block;
        }
        
        .posts .post {
            width: 100%;
        }
        
    }
    
    /* Section/Article */
    
    section.special, article.special {
        text-align: center;
    }
    
    header.major {
        margin: 0 0 4em 0;
    }
    
    header.major > :last-child {
        margin-bottom: 0;
    }
    
    header.major h2 {
        font-size: 2.25em;
        font-weight: 800;
        margin: 0 0 0.7em 0;
        padding-bottom: 0.75em;
    }
    
    @media screen and (max-width: 1280px) {
        
        header.major h2 {
            font-size: 1.25em;
        }
        
    }
    
    /* Spotlight */
    
    .spotlight {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        margin-top: 50px;
    }
    
    .spotlight .content {
        /*  width: calc(50% - 1.25em); */
    }
    
    .spotlight .content-imprint {
        width: 100%;
        font-size: 0.85em;
    }
    
    .spotlight .content-imprint strong {
        font-size: 1.15em;
        font-weight: 700!important;
        color: #999!important;
    }
    
    .spotlight h2 {
        font-size: 2.25em;
        font-weight: 400;
        margin: 0 0 20px 0;
        padding-bottom: 0em;
    }
    
    .spotlight .image {
        width: calc(50% - 2.5em);
        margin: 0 0 2em 0;
    }
    
    .spotlight .image img {
        width: 100%;
    }
    
    @media screen and (max-width: 960px) {
        
        .spotlight h2 {
            font-size: 2.0em;
        }
        
        .spotlight .image {
            width: calc(50% - 1.25em);
        }
        
    }
    
    @media screen and (max-width: 720px) {
        
        .spotlight {
            display: block;
        }
        
        .spotlight .content {
            width: 100%;
        }
        
        .spotlight .image {
            width: 100%;
            margin: 0 0 2em 0;
        }
        
    }
    
    /* Table */
    
    .table-wrapper {
        -webkit-overflow-scrolling: touch;
        /*	overflow-x: auto; */
    }
    
    table {
        margin: 0 0 2em 0;
        width: 100%;
    }
    
    table tbody tr {
        /*	border: solid 1px; */
        border-left: 0;
        border-right: 0;
    }
    
    table td {
        padding: 0.75em 0.75em;
    }
    
    table th {
        padding: 0 0.75em 0.75em 0.75em;
        text-align: left;
        text-transform: uppercase;
        font-size: 0.9em;
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 700;
    }
    
    table tbody tr td:nth-of-type(1) {
        width: 25%;
        color: #999;
        vertical-align: top;
    }
    
    
    table tbody tr td:nth-of-type(2) {
        width: 60%;
        vertical-align: top;
    }
    
    table tbody tr td:nth-of-type(3) {
        width: 5%;
        color: #DEA405;
        vertical-align: top;
    }
    table tbody tr td:nth-of-type(4) {
        width: 10%;
        color: #DEA405;
        vertical-align: top;
    }
    
    
    
    
    
    table thead {
        /*border-bottom: solid 2px;*/
    }
    
    table tfoot {
        border-top: solid 2px;
    }
    
    table.alt {
        border-collapse: separate;
    }
    
    table.alt tbody tr td {
        border: solid 1px;
        border-left-width: 0;
        border-top-width: 0;
    }
    
    table.alt tbody tr td:first-child {
        border-left-width: 1px;
        width: 33%;
    }
    
    table.alt tbody tr:first-child td {
        border-top-width: 1px;
        width: 33%;
    }
    
    
    
    table.alt thead {
        border-bottom: 0;
    }
    
    table.alt tfoot {
        border-top: 0;
    }
    
    table tbody tr {
        border-color: #e6e6e6;
    }
    
    table tbody tr:nth-child(2n + 1) {
        /*	background-color: #222; */
    }
    
    table th {
        color: #444;
    }
    
    table thead {
        border-bottom-color: #e6e6e6;
    }
    
    table tfoot {
        border-top-color: #e6e6e6;
    }
    
    table.alt tbody tr td {
        border-color: #e6e6e6;
    }
    
    /* Wrapper */
    
    .wrapper {
        padding: 2em 0 2em 0 ;
        position: relative;
    }
    
    .wrapper > .inner {
        margin: 0 auto;
        max-width: 90em;
        width: 100%;
        padding: 0 3em;
    }
    
    /* off
     .wrapper + .wrapper {
     border-top: solid 1px #e6e6e6;
     }
     
     */
    
    .wrapper.major-pad {
        padding: 2em 0 0em 0 ;
    }
    
    .wrapper.minor-pad {
        padding: 0em 0 0em 0 ;
    }
    
    .wrapper.content-pad {
        padding: 0;
    }
    
    .wrapper.content-pad .content {
        padding: 4em 0 2em 0 ;
    }
    
    .wrapper.split > .inner {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }
    
    .wrapper.split > .inner > * {
        width: calc(50% - 3.75em);
    }
    
    .wrapper.split > .inner > *:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        margin-left: -3.75em;
        background-color: #e6e6e6;
    }
    
    .wrapper.split > .inner > *:first-child {
        border: 0;
    }
    
    .wrapper.split > .inner > *:first-child:before {
        display: none;
    }
    
    .wrapper.style1 {
        background-color: #444;
        color: #fff;
        border-top: 0;
    }
    
    .wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
        color: #fff;
    }
    
    .wrapper.style1 a {
        color: #fff;
    }
    
    .wrapper.style1 strong, .wrapper.style1 b {
        color: #fff;
    }
    
    .wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
        color: #fff;
    }
    
    .wrapper.style1 blockquote {
        border-left-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 code {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 hr {
        border-bottom-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 .box {
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 input[type="submit"],
    .wrapper.style1 input[type="reset"],
    .wrapper.style1 input[type="button"],
    .wrapper.style1 button,
    .wrapper.style1 .button {
        background-color: transparent;
        color: #fff !important;
        box-shadow: inset 0 0 0 1px #fff;
    }
    
    .wrapper.style1 input[type="submit"]:hover,
    .wrapper.style1 input[type="reset"]:hover,
    .wrapper.style1 input[type="button"]:hover,
    .wrapper.style1 button:hover,
    .wrapper.style1 .button:hover {
        background-color: rgba(255, 255, 255, 0.075);
    }
    
    .wrapper.style1 input[type="submit"]:active,
    .wrapper.style1 input[type="reset"]:active,
    .wrapper.style1 input[type="button"]:active,
    .wrapper.style1 button:active,
    .wrapper.style1 .button:active {
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .wrapper.style1 input[type="submit"].primary,
    .wrapper.style1 input[type="reset"].primary,
    .wrapper.style1 input[type="button"].primary,
    .wrapper.style1 button.primary,
    .wrapper.style1 .button.primary {
        box-shadow: none;
        background-color: #fff;
        color: #444 !important;
    }
    
    .wrapper.style1 .features > section:before {
        background-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 label {
        color: #fff;
    }
    
    .wrapper.style1 input[type="text"],
    .wrapper.style1 input[type="password"],
    .wrapper.style1 input[type="email"],
    .wrapper.style1 input[type="tel"],
    .wrapper.style1 input[type="search"],
    .wrapper.style1 input[type="url"],
    .wrapper.style1 select,
    .wrapper.style1 textarea {
        -moz-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        -ms-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 input[type="text"]:focus,
    .wrapper.style1 input[type="password"]:focus,
    .wrapper.style1 input[type="email"]:focus,
    .wrapper.style1 input[type="tel"]:focus,
    .wrapper.style1 input[type="search"]:focus,
    .wrapper.style1 input[type="url"]:focus,
    .wrapper.style1 select:focus,
    .wrapper.style1 textarea:focus {
        border-color: #fff;
    }
    
    .wrapper.style1 select {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    }
    
    .wrapper.style1 select option {
        color: #fff;
        background: #444;
    }
    
    .wrapper.style1 input[type="checkbox"] + label,
    .wrapper.style1 input[type="radio"] + label {
        color: #fff;
    }
    
    .wrapper.style1 input[type="checkbox"] + label:before,
    .wrapper.style1 input[type="radio"] + label:before {
        -moz-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        -ms-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 input[type="checkbox"]:checked + label:before,
    .wrapper.style1 input[type="radio"]:checked + label:before {
        background-color: #fff;
        border-color: #fff;
        color: #444;
    }
    
    .wrapper.style1 input[type="checkbox"]:focus + label:before,
    .wrapper.style1 input[type="radio"]:focus + label:before {
        border-color: #fff;
    }
    
    .wrapper.style1 ::-webkit-input-placeholder {
        color: #888 !important;
    }
    
    .wrapper.style1 :-moz-placeholder {
        color: #888 !important;
    }
    
    .wrapper.style1 ::-moz-placeholder {
        color: #888 !important;
    }
    
    .wrapper.style1 :-ms-input-placeholder {
        color: #888 !important;
    }
    
    .wrapper.style1 .formerize-placeholder {
        color: #888 !important;
    }
    
    .wrapper.style1 .icon-wrapper {
        background-color: #333;
        box-shadow: 0 -1px 0 0 #fff, 0 1px 0 0 #fff;
    }
    
    .wrapper.style1 .icon-wrapper:before {
        border-bottom-color: #333;
    }
    
    .wrapper.style1 .icon-wrapper:after {
        border-top-color: #333;
    }
    
    .wrapper.style1 .icon-wrapper .icon {
        color: #444;
    }
    
    .wrapper.style1 ul.alt li {
        border-top-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 ul.menu li {
        border-left-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 ul.pagination li > .page.active {
        background-color: #444;
        color: #fff !important;
    }
    
    .wrapper.style1 ul.pagination li > .page.active:hover {
        background-color: #515151;
    }
    
    .wrapper.style1 ul.pagination li > .page.active:active {
        background-color: #373737;
    }
    
    .wrapper.style1 .post .content {
        background-color: transparent;
        border: solid 1px #e6e6e6;
    }
    
    .wrapper.style1 table tbody tr {
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 table tbody tr:nth-child(2n + 1) {
        background-color: rgba(255, 255, 255, 0.075);
    }
    
    .wrapper.style1 table th {
        color: #fff;
    }
    
    .wrapper.style1 table thead {
        border-bottom-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 table tfoot {
        border-top-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 table.alt tbody tr td {
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style1 + .wrapper {
        border-top: 0;
    }
    
    .wrapper.style1.split > .inner > *:before {
        background-color: rgba(255, 255, 255, 0.25);
    }
    
    .wrapper.style2 {
        /*	background-color: #222;  */
        color: #444;
        border-top: 0;
    }
    
    .wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
        color: #444;
    }
    
    .wrapper.style2 a {
        color: #444;
    }
    
    .wrapper.style2 strong, .wrapper.style2 b {
        color: #444;
    }
    
    .wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
        color: #444;
    }
    
    .wrapper.style2 blockquote {
        border-left-color: #e6e6e6;
    }
    
    .wrapper.style2 code {
        background: rgba(144, 144, 144, 0.075);
        border-color: #e6e6e6;
    }
    
    .wrapper.style2 hr {
        border-bottom-color: #e6e6e6;
    }
    
    .wrapper.style2 .box {
        border-color: #e6e6e6;
    }
    
    .wrapper.style2 input[type="submit"],
    .wrapper.style2 input[type="reset"],
    .wrapper.style2 input[type="button"],
    .wrapper.style2 button,
    .wrapper.style2 .button {
        background-color: transparent;
        color: #444 !important;
        box-shadow: inset 0 0 0 1px #444;
    }
    
    .wrapper.style2 input[type="submit"]:hover,
    .wrapper.style2 input[type="reset"]:hover,
    .wrapper.style2 input[type="button"]:hover,
    .wrapper.style2 button:hover,
    .wrapper.style2 .button:hover {
        background-color: rgba(144, 144, 144, 0.075);
    }
    
    .wrapper.style2 input[type="submit"]:active,
    .wrapper.style2 input[type="reset"]:active,
    .wrapper.style2 input[type="button"]:active,
    .wrapper.style2 button:active,
    .wrapper.style2 .button:active {
        background-color: rgba(144, 144, 144, 0.2);
    }
    
    .wrapper.style2 input[type="submit"].primary,
    .wrapper.style2 input[type="reset"].primary,
    .wrapper.style2 input[type="button"].primary,
    .wrapper.style2 button.primary,
    .wrapper.style2 .button.primary {
        box-shadow: none;
        background-color: #444;
        color: #fff !important;
    }
    
    .wrapper.style2 input[type="submit"].primary:hover,
    .wrapper.style2 input[type="reset"].primary:hover,
    .wrapper.style2 input[type="button"].primary:hover,
    .wrapper.style2 button.primary:hover,
    .wrapper.style2 .button.primary:hover {
        background-color: #515151;
    }
    
    .wrapper.style2 input[type="submit"].primary:active,
    .wrapper.style2 input[type="reset"].primary:active,
    .wrapper.style2 input[type="button"].primary:active,
    .wrapper.style2 button.primary:active,
    .wrapper.style2 .button.primary:active {
        background-color: #373737;
    }
    
    .wrapper.style2 .features > section:before {
        background-color: #e6e6e6;
    }
    
    .wrapper.style2 label {
        color: #444;
    }
    
    .wrapper.style2 input[type="text"],
    .wrapper.style2 input[type="password"],
    .wrapper.style2 input[type="email"],
    .wrapper.style2 input[type="tel"],
    .wrapper.style2 input[type="search"],
    .wrapper.style2 input[type="url"],
    .wrapper.style2 select,
    .wrapper.style2 textarea {
        -moz-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        -ms-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        border-color: #e6e6e6;
    }
    
    .wrapper.style2 input[type="text"]:focus,
    .wrapper.style2 input[type="password"]:focus,
    .wrapper.style2 input[type="email"]:focus,
    .wrapper.style2 input[type="tel"]:focus,
    .wrapper.style2 input[type="search"]:focus,
    .wrapper.style2 input[type="url"]:focus,
    .wrapper.style2 select:focus,
    .wrapper.style2 textarea:focus {
        border-color: #444;
    }
    
    .wrapper.style2 select {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e6e6e6' /%3E%3C/svg%3E");
    }
    
    .wrapper.style2 select option {
        color: #444;
        background: #f6f6f6;
    }
    
    .wrapper.style2 input[type="checkbox"] + label,
    .wrapper.style2 input[type="radio"] + label {
        color: #444;
    }
    
    .wrapper.style2 input[type="checkbox"] + label:before,
    .wrapper.style2 input[type="radio"] + label:before {
        -moz-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        -ms-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        background: rgba(144, 144, 144, 0.075);
        border-color: #e6e6e6;
    }
    
    .wrapper.style2 input[type="checkbox"]:checked + label:before,
    .wrapper.style2 input[type="radio"]:checked + label:before {
        background-color: #444;
        border-color: #444;
        color: #fff;
    }
    
    .wrapper.style2 input[type="checkbox"]:focus + label:before,
    .wrapper.style2 input[type="radio"]:focus + label:before {
        border-color: #444;
    }
    
    .wrapper.style2 ::-webkit-input-placeholder {
        color: #bbb !important;
    }
    
    .wrapper.style2 :-moz-placeholder {
        color: #bbb !important;
    }
    
    .wrapper.style2 ::-moz-placeholder {
        color: #bbb !important;
    }
    
    .wrapper.style2 :-ms-input-placeholder {
        color: #bbb !important;
    }
    
    .wrapper.style2 .formerize-placeholder {
        color: #bbb !important;
    }
    
    .wrapper.style2 .icon-wrapper {
        background-color: rgba(144, 144, 144, 0.075);
        box-shadow: 0 -1px 0 0 rgba(144, 144, 144, 0.075), 0 1px 0 0 rgba(144, 144, 144, 0.075);
    }
    
    .wrapper.style2 .icon-wrapper:before {
        border-bottom-color: rgba(144, 144, 144, 0.075);
    }
    
    .wrapper.style2 .icon-wrapper:after {
        border-top-color: rgba(144, 144, 144, 0.075);
    }
    
    .wrapper.style2 ul.alt li {
        border-top-color: #e6e6e6;
    }
    
    .wrapper.style2 ul.menu li {
        border-left-color: #e6e6e6;
    }
    
    .wrapper.style2 ul.pagination li > .page.active {
        background-color: #444;
        color: #fff !important;
    }
    
    .wrapper.style2 ul.pagination li > .page.active:hover {
        background-color: #515151;
    }
    
    .wrapper.style2 ul.pagination li > .page.active:active {
        background-color: #373737;
    }
    
    .wrapper.style2 .post .content {
        background-color: #fff;
        border: 0;
    }
    
    .wrapper.style2 table tbody tr {
        border-color: #e6e6e6;
    }
    
    .wrapper.style2 table tbody tr:nth-child(2n + 1) {
        background-color: rgba(144, 144, 144, 0.075);
    }
    
    .wrapper.style2 table th {
        color: #444;
    }
    
    .wrapper.style2 table thead {
        border-bottom-color: #e6e6e6;
    }
    
    .wrapper.style2 table tfoot {
        border-top-color: #e6e6e6;
    }
    
    .wrapper.style2 table.alt tbody tr td {
        border-color: #e6e6e6;
    }
    
    .wrapper.style2 + .wrapper {
        border-top: 0;
    }
    
    .wrapper.style2.split > .inner > *:before {
        background-color: #e6e6e6;
    }
    
    .wrapper.sidebar > .inner {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .wrapper.sidebar > .inner > header {
        width: 100%;
    }
    
    .wrapper.sidebar > .inner > .content {
        width: 75%;
        padding: 0 4em 0 0;
    }
    
    .wrapper.sidebar > .inner > .sidebar {
        width: 25%;
    }
    
    .wrapper.sidebar.left > .inner {
        -moz-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    
    .wrapper.sidebar.left > .inner > .content {
        padding: 0 0 0 4em;
    }
    
    @media screen and (max-width: 980px) {
        
        .wrapper.sidebar > .inner {
            -moz-flex-direction: row;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        
        .wrapper.sidebar > .inner > .content {
            width: 100%;
            padding: 0;
        }
        
        .wrapper.sidebar > .inner > .sidebar {
            border-top: solid 2px #e6e6e6;
            margin: 2em 0 0 0;
            padding: 4em 0 0 0;
            width: 100%;
        }
        
        .wrapper.sidebar.style1 > .inner > .sidebar {
            border-top-color: rgba(255, 255, 255, 0.25);
        }
        
        .wrapper.sidebar.style2 > .inner > .sidebar {
            border-top-color: #e6e6e6;
        }
        
    }
    
    @media screen and (max-width: 1280px) {
        
        .wrapper {
            padding: 3em 0 1em 0 ;
        }
        
        .wrapper > .inner {
            width: 100%;
            padding: 0 3em;
        }
        
        .wrapper.major-pad {
            padding: 2em 0 0em 0 ;
        }
        
        .wrapper.content-pad .content {
            padding: 3em 0 1em 0 ;
        }
        
        .wrapper.split > .inner > * {
            width: calc(50% - 2em);
        }
        
        .wrapper.split > .inner > *:before {
            margin-left: -2em;
        }
        
    }
    
    @media screen and (max-width: 980px) {
        
        .wrapper > .inner > * {
            width: 100%;
            padding-left: 0 !important;
        }
        
        .wrapper.split > .inner {
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        
        .wrapper.split > .inner > * {
            width: 100%;
            padding-top: 3em;
            margin-top: 1em;
        }
        
        .wrapper.split > .inner > *:before {
            margin-left: 0;
            position: relative;
            height: 1px;
            width: 100%;
            top: -3em;
        }
        
        .wrapper.split > .inner > *:first-child {
            padding-top: 0;
            margin-top: 0;
        }
        
        .wrapper.split > .inner > *:first-child:before {
            display: none;
        }
        
    }
    
    @media screen and (max-width: 736px) {
        
        .wrapper {
            padding: 2.5em 0 0.5em 0 ;
        }
        
        .wrapper > .inner {
            padding: 0 1.5em;
        }
        
        .wrapper.major-pad {
            padding: 2.5em 0 0.5em 0 ;
        }
        
        .wrapper.content-pad .content {
            padding: 2.5em 0 0.5em 0 ;
        }
        
    }
    
    /* Header */
    
    body {
        padding-top: 3.5em;
    }
    
    @-moz-keyframes reveal-header {
        0% {
            top: -4em;
            opacity: 0;
        }
        
        100% {
            top: 0;
            opacity: 1;
        }
    }
    
    @-webkit-keyframes reveal-header {
        0% {
            top: -4em;
            opacity: 0;
        }
        
        100% {
            top: 0;
            opacity: 1;
        }
    }
    
    @-ms-keyframes reveal-header {
        0% {
            top: -4em;
            opacity: 0;
        }
        
        100% {
            top: 0;
            opacity: 1;
        }
    }
    
    @keyframes reveal-header {
        0% {
            top: -4em;
            opacity: 0;
        }
        
        100% {
            top: 0;
            opacity: 1;
        }
    }
    
    #header {
        background-color: #000;
        box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 400;
        height: 4em;
        left: 0;
        line-height: 3.5em;
        position: fixed;
        /*text-transform: uppercase;*/
        top: 0;
        width: 100%;
        z-index: 10000;
    }
    
    #header h1 {
        font-size: 1.125em;
        height: inherit;
        left: 5%;
        line-height: inherit;
        margin: 0;
        padding-bottom: 0;
        position: relative;
    }
    
    #header h1:after {
        display: none;
    }
    
    #header h1 a {
        color: inherit;
    }
    
    #header h1 a span {
        font-weight: 400;
    }
    
    
    
    /* SOC Brand Area */
    #header h1 {
        display: flex;
        align-items: center; /* Vertically aligns items */
        gap: 20px; /* Adds space between elements */
    }
    
    /* Brand1 styling */
    #brand1 {
        font-size: 18px;
        text-align: left;
        margin-right: auto; /* Push to the left */
        color: #e56f44;
    }
    
    /* Divider styling */
    #divider {
        display: inline-block;
        width: 1px;
        height: 16px; /* Adjust height as needed */
        background-color: #666; /* Color of the divider */
        margin: 0 10px; /* Adds space on both sides */
    }
    
    /* Brand2 styling */
    #brand2 {
        font-size: 18px;
        text-align: right;
        margin-left: auto; /* Push to the right */
        color: #bbb;
    }
    
    /* Brand3 styling */
    #brand3 {
        color: #e56f44 !important;
    }
    
    /* SOC */
    @media screen and (max-width: 415px){
        
        #brand2 {
            display: none !important;
            background-color: red !important;
            border: 5px solid blue !important;
        }
        
    }
    
    
    /* EOC */
    
    /* EOC Brand Area */
    
    #header nav {
        height: inherit;
        line-height: inherit;
        position: absolute;
        right: 5%;
        top: 0;
        
        
    }
    
    #header nav > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #header nav > ul > li {
        display: inline-block;
        margin-left: 2em;
        padding: 0;
    }
    
    #header nav > ul > li > ul {
        display: none;
    }
    
    #header nav > ul > li a {
        color: #999;
        text-decoration: none;
        border-bottom: 0;
    }
    
    
    
    
    /* SOC ORANGE TOP LEVEL MEMU */
    
    #header > nav > ul > li.active > a {
        color: #e56f44;
    }
    
    
    #header > nav > ul > li a:active, #header > nav > ul > li a:hover, #header > nav > ul > li a:focus {
        color: #e56f44;
        
    }
    
    #header > nav > ul > li.selected a {
        color: #e56f44;
        position: relative;
    }
    
    #header > nav > ul > li.selected a:after {
        content: '';
        position: absolute;
        left: -0.25rem;
        bottom: -0.5rem;
        width: calc(100% + 0.5rem);
        height: 0.125rem;
        background-color: #e56f44;
        /*border-radius: 0px; */
    }
    
    #header > nav > ul > li .language {
        color: #666666;
        position: relative;
    }
    
    #header > nav > ul > li .separator {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* EOC ORANGE TOP LEVEL MEMU */
    
    
    
    #header nav > ul > li a:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        text-rendering: optimizeLegibility;  /***/
    }
    
    #header nav > ul > li a:before {
        margin-right: 0.75em;
        text-rendering: optimizeLegibility;  /***/
    }
    
    #header nav > ul > li:first-child {
        margin-left: 0;
        text-rendering: optimizeLegibility;  /***/
    }
    
    #header .navPanelToggle {
        text-rendering: optimizeLegibility;  /***/
        text-decoration: none;
        border: 0;
        height: 4em;
        position: absolute;
        right: 0;
        top: 0;
        width: 5em;
        display: none;
        font-size: 18px;
    }
    
    #header .navPanelToggle:before {
        text-rendering: optimizeLegibility;  /***/
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }
    
    #header .navPanelToggle:before {
        text-rendering: optimizeLegibility;  /***/
        content: '\f0c9';
        width: 3em;
        height: 3em;
        display: block;
        line-height: inherit;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        
    }
    
    #header + #banner {
        margin-top: -3.5em;
        
    }
    
    #header + #banner-sub {
        margin-top: -3.5em;
    }
    
    #header.reveal {
        -moz-animation: reveal-header 0.5s ease;
        -webkit-animation: reveal-header 0.5s ease;
        -ms-animation: reveal-header 0.5s ease;
        animation: reveal-header 0.5s ease;
        background: linear-gradient(to bottom,
            rgba(17, 17, 17, 1.0) 0%,
            rgba(17, 17, 17, 0.9) 60%,
            rgba(17, 17, 17, 0.8) 100%);
    }
    
    /* this is styling for the menu won page load */
    
    
    #header.alt {
        /*background-color: #444;*/
        color: #fff;
        -moz-animation: none;
        -webkit-animation: none;
        -ms-animation: none;
        animation: none;
       /* background-color: transparent; */
        
            background: linear-gradient(to bottom,
            rgba(17, 17, 17, 1.0) 0%,
            rgba(17, 17, 17, 0.9) 60%,
            rgba(17, 17, 17, 0.8) 100%);
    
        box-shadow: none;
        overflow: hidden;
        position: absolute;
        top: 0em;
        z-index: 5;   /* fix dro nav so it is not hidden */
        
        
    }
    
    
    
    /* Not Needed
     
     #header.alt input[type="submit"],
     #header.alt input[type="reset"],
     #header.alt input[type="button"],
     #header.alt button,
     #header.alt .button {
     background-color: transparent;
     color: #fff !important;
     box-shadow: inset 0 0 0 1px #fff;
     }
     
     #header.alt input[type="submit"]:hover,
     #header.alt input[type="reset"]:hover,
     #header.alt input[type="button"]:hover,
     #header.alt button:hover,
     #header.alt .button:hover {
     background-color: rgba(255, 255, 255, 0.075);
     }
     
     #header.alt input[type="submit"]:active,
     #header.alt input[type="reset"]:active,
     #header.alt input[type="button"]:active,
     #header.alt button:active,
     #header.alt .button:active {
     background-color: rgba(255, 255, 255, 0.2);
     }
     
     #header.alt input[type="submit"].primary,
     #header.alt input[type="reset"].primary,
     #header.alt input[type="button"].primary,
     #header.alt button.primary,
     #header.alt .button.primary {
     box-shadow: none;
     background-color: #fff;
     color: #444 !important;
     }
     
     
     Not Needed */
    
    #header.alt input, #header.alt select, #header.alt textarea {
        color: #fff;
    }
    
    #header.alt a {
        color: #D2D2D2;
    }
    
    #header.alt strong, #header.alt b {
        color: #fff;
    }
    
    #header.alt h1, #header.alt h2, #header.alt h3, #header.alt h4, #header.alt h5, #header.alt h6 {
        color: #fff;
    }
    
    #header.alt blockquote {
        border-left-color: rgba(255, 255, 255, 0.25);
    }
    
    #header.alt code {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    #header.alt hr {
        border-bottom-color: rgba(255, 255, 255, 0.25);
    }
    
    #header.alt h1 {
        left: 5%;
    }
    
    #header.alt nav {
        right: 5%;
    }
    
    @media screen and (max-width: 1280px) {
        
        #header.alt {
           /* top: 0.75em; */
            z-index: 5;
        }
        
        #header.alt h1 {
            left: 3em;
        }
        
        #header.alt nav {
            right: 3em;
        }
        
    }
    
    @media screen and (max-width: 980px) {
        
        #header.alt {
            top: 0;
            z-index: 5;
        }
        
        #header nav {
            display: none;
        }
        
        #header .navPanelToggle {
            display: block;
        }
        
    }
    
    @media screen and (max-width: 736px) {
        
        #header {
            height: 3em;
            line-height: 3em;
        }
        
        #header h1 {
            left: 1.5em !important;
        }
        
        #header h1 a {
            font-size: 0.9em;
        }
        
    }
    
    .dropotron {
        list-style: none;
        padding: 0;
        background: #fff;
        color: #444;
        min-width: 13em;
        padding: 0.75em;
        margin-top: -0.5em;
        font-family: "Open Sans", Helvetica, sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);


    }
    
    .dropotron li {
        box-shadow: inset 0 1px 0 0 #e6e6e6;
    }
    
    .dropotron li:first-child {
        box-shadow: none;
    }
    /* SOC ORANGE MENU */
    .dropotron li.active > a {
        color: #e56f44;
    }
    
    .dropotron li.selected > a {
        color: #e56f44;
    }
    /* EOC ORANGE MENU */
    
    .dropotron a {
        color: inherit;
        text-decoration: none;
        letter-spacing: 0.05em;
        font-size: 0.8em;
        display: block;
        line-height: 3em;
        border: 0;
    }
    
    /* SOC ORANGE MENU */
    .dropotron a:active, .dropotron a:hover, .dropotron a:focus {
        color: #e56f44;
        
    }
    /* EOC ORANGE MENU */
    
    .dropotron.level-0 {
        margin-top: 0px;
        
    }
    
   .dropotron.level-0:before {
        content: '';
        border-left: solid 0.5em transparent; 
        border-right: solid 0.5em transparent; 
        border-bottom: solid 0.5em #fff;
        display: block; 
        position: absolute;
        top: -0.5em;
        left: 50%;
        margin-left: -0.25em;
    }
    
    /* Banner */
    
    #banner {
        /*   background-color: #444;*/
        color: #fff;
        min-height: 55em;  /* HEREO */
        /* height: 75vh; */
        position: relative;
        max-width: 100%;
    }
    
    #banner input, #banner select, #banner textarea {
        color: #fff;
    }
    
    #banner a {
        color: #fff;
    }
    
    #banner strong, #banner b {
        color: #fff;
    }
    
    #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
        color: #fff;
    }
    
    #banner blockquote {
        border-left-color: rgba(255, 255, 255, 0.25);
    }
    
    #banner code {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    #banner hr {
        border-bottom-color: rgba(255, 255, 255, 0.25);
    }
    
    #banner:after {
        pointer-events: none;
        -moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
        -webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
        -ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
        transition: opacity 1.5s ease-in-out, visibility 1.5s;
        background: #000511;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 2;
    }
    
    #banner .indicators {
        bottom: 1.5em;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 2;
    }
    
    #banner .indicators li {
        cursor: pointer;
        display: inline-block;
        height: 2em;
        overflow: hidden;
        padding: 0;
        position: relative;
        text-indent: -6em;
        width: 2em;
    }
    
    #banner .indicators li:before {
        background: rgba(255, 255, 255, 0.35);
        border-radius: 100%;
        content: '';
        display: inline-block;
        height: 0.8em;
        left: 50%;
        margin: -0.4em 0 0 -0.4em;
        position: absolute;
        text-indent: 0;
        top: 50%;
        width: 0.8em;
    }
    
    #banner .indicators li.visible:before {
        background: #fff;
    }
    
    #banner > article {
        -moz-transition: opacity 1.5s ease, visibility 1.5s;
        -webkit-transition: opacity 1.5s ease, visibility 1.5s;
        -ms-transition: opacity 1.5s ease, visibility 1.5s;
        transition: opacity 1.5s ease, visibility 1.5s;
        background-attachment: fixed; /* changed from fixed to scroll */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; /* changed from cover to contain */
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute; /* changed from absolute to fixed */
        text-align: center;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 0;
    }
    
    #banner > article:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    
    #banner > article:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        opacity: 0;
    }
    
    #banner > article .inner {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        z-index: 1;
    }
    
    #banner > article .inner > :last-child {
        margin-bottom: 0;
    }
    
    #banner > article h2 {
        font-weight: 800;
        font-size: 2.75em;
        padding-bottom: 0;
        margin: 0 0 0.5em 0;
    }
    
    #banner > article h2:after {
        display: none;
    }
    
    #banner > article img {
        display: none;
    }
    
    #banner > article.visible {
        opacity: 1;
        visibility: visible;
    }
    
    #banner > article.top {
        z-index: 1;
    }
    
    #banner > article.instant {
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
    }
    
    body.is-preload #banner:after {
        opacity: 1.0;
        visibility: visible;
    }
    
    @media screen and (max-width: 10680px) {
        
        #banner {
            /* background-position: 0 -100 !important;  get position */
            min-height: 38em; /* HERO old 35*/
            margin-top: -1em !important;
            /*height: 10vh;*/
            
        }
    }
    
    @media screen and (max-width: 1280px) {
        
        #banner {
            /* background-position: 0 -100 !important;  get position */
            min-height: 40em; /* HERO old 35*/
            
            
            /*  height: 10vh;*/
        }
        
        #banner > article {
            background-attachment: scroll;
        }
        
        #banner > article h2 {
            font-size: 2.25em;
        }
        
    }
        
        
        
        @media screen and (max-width: 1080px) {
            
            #banner {
                min-height: 34em; /* HERO   old 35*/
                /*height: 40vh;*/
            }
            
            #banner > article {
                background-attachment: scroll;
            }
            
        }
        
        @media screen and (max-width: 736px) {
            
            #banner {
                min-height: 28em; /* HERO */
            }
            
            #banner > article .inner {
                width: 100%;
            }
            
            #banner > article h2 {
                font-size: 1.75em;
                line-height: 1.25em;
            }
            
        }
        
        
        @media screen and (max-width: 520px) {
            
            #banner {
                min-height: 20em; /* HERO */
            }
            
       
            
        }
        
        
        /* SOC */
        
        /* Turn off ipad optimisation
        
        @media only screen and (min-width: 1080px) and (max-width: 1366px) and (min-height: 707px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) and   (pointer: coarse){
            #banner > article {
                /   background-attachment: scroll !important;
                background-size: contain !important;
                background-position: center bottom !important;
                margin-top: -3.5em !important;
                
            }
        }
      
      
        @media only screen and (min-width: 1080px) and (max-width: 1366px) and (min-height: 707px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) and   (pointer: coarse) {
            #banner {
                min-height: 35em !important;
                
            }
        }
        */
        
        
        /* EOC */
        
        
        body.is-mobile #banner > article {
            background-attachment: scroll  !important;
        }
        
        
        
        
        
        /* Main */
        
        #main {
            padding: 6em 0 4em 0 ;
        }
        
        #main > .inner > header.major:first-child {
            margin-bottom: 6em;
        }
        
        @media screen and (max-width: 1280px) {
            
            #main {
                padding: 4em 0 2em 0 ;
            }
            
            #main > .inner > header.major:first-child {
                margin-bottom: 4em;
            }
            
        }
        
        @media screen and (max-width: 736px) {
            
            #main {
                padding: 2.5em 0 0.5em 0 ;
            }
            
            #main > .inner > header.major:first-child {
                margin-bottom: 2.5em;
            }
            
        }
        
        /* Footer */
        
        #footer {
            padding: 4em 0 2em 0 ;
            /*border-top: solid 1px #e6e6e6;*/
            position: relative;
            text-align: center;
            margin-top: 50px;
        }
        
        #footer > .inner {
            margin: 0 auto;
            max-width: 90em;
            position: relative;
            width: 90%;
        }
        
        #footer .copyright {
            color: #999;
            font-size: 0.85em;
        }
        
        #footer .menu {
            color: #bbb;
            font-size: 0.9em;
            position: relative;
            /*right: 0;*/
            top: 0;
            
        }
        
        #footer .menu a {
            color: inherit;
        }
        
        @media screen and (max-width: 1280px) {
            
            #footer {
                padding: 3em 0 1em 0 ;
                text-align: center;
            }
            
            #footer .copyright {
                margin: 0 0 1em 0;
            }
            
            #footer .menu {
                position: relative;
            }
            
        }
        
        @media screen and (max-width: 480px) {
            
            #footer .menu li a span {
                display: none;
            }
            
        }
        
        /* Navigation Panel */
        
        #navPanel {
            -moz-transform: translateX(20em);
            -webkit-transform: translateX(20em);
            -ms-transform: translateX(20em);
            transform: translateX(20em);
            -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
            -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
            -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
            transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
            -webkit-overflow-scrolling: touch;
            background-color: #fff;
            box-shadow: none;
            display: none !important;
            height: 100%;
            max-width: 80%;
            overflow-y: auto;
            position: fixed;
            right: 0;
            top: 0;
            visibility: hidden;
            width: 20em;
            z-index: 10002;
            font-family: "Open Sans", Helvetica, sans-serif;
            font-weight: 400;
            /*text-transform: uppercase;*/
        }
        
        #navPanel nav {
            padding: 3em 2em;
        }
        
        #navPanel .link {
            border: 0;
            border-top: solid 1px #e6e6e6;
            color: #333!important;
            display: block;
            font-size: 0.9em;
            padding: 0.75em 0;
        }
        
        
        
        #navPanel a:hover {
            color: #e56f44!important;
            
        }
        
        
        #navPanel .link:first-child {
            border-top: 0;
        }
        
        #navPanel .link.depth-0 {
            font-weight: 700;
            color: #333;
        }
        
        #navPanel .link.depth-0 a:hover{
            color: #e56f44!important;
        }
        
        
        
        
        
        #navPanel .link .indent-1 {
            display: inline-block;
            width: 1.25em;
        }
        
        #navPanel .link .indent-2 {
            display: inline-block;
            width: 2.5em;
        }
        
        #navPanel .link .indent-3 {
            display: inline-block;
            width: 3.75em;
        }
        
        #navPanel .link .indent-4 {
            display: inline-block;
            width: 5em;
        }
        
        #navPanel .link .indent-5 {
            display: inline-block;
            width: 6.25em;
        }
        
        #navPanel .close {
            text-decoration: none;
            -moz-transition: color 0.2s ease-in-out;
            -webkit-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
            /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
            border: 0;
            color: #222;
            cursor: pointer;
            display: block;
            height: 4em;
            padding-right: 1.25em;
            position: absolute;
            right: 0;
            text-align: right;
            top: 0;
            vertical-align: middle;
            width: 5em;
        }
        
        #navPanel .close:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            text-transform: none !important;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
        }
        
        #navPanel .close:before {
            content: '\f00d';
            width: 3em;
            height: 3em;
            line-height: 3em;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            text-align: center;
        }
        
        #navPanel .close:hover {
            color: #e56f44;
        }
        
        
        @media screen and (max-width: 736px) {
            
            #navPanel .close {
                height: 4em;
                line-height: 4em;
            }
            
        }
        
        #navPanel.visible {
            -moz-transform: translateX(0);
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
            visibility: visible;
        }
        
        @media screen and (max-width: 980px) {
            
            #navPanel {
                display: block !important; /* change block to none*/
            }
            
        }
        
        @media screen and (max-width: 736px) {
            
            #navPanel {
                display: block !important; /* change block to none*/
            }
            
            #navPanel nav {
                padding: 2.25em 1.25em;
            }
            
        }
        
        /* List content */
        .table-wrapper {
            display: flex;
            flex-direction: column;
            width: 100%;
            overflow-x: auto;
        }
        
        .row {
            display: flex;
            flex-wrap: wrap;
            /* border-bottom: 1px solid #ddd;
             padding: 10px 0;*/
        }
        
        
        /* TURN OFF */
        
        /* Styling for first row, excluding specific sections */
        /*.row:not(#sectionawards .row):first-child {*/
        /*    background-color: #222; *//* Color for the first row */
        /*}*/
        
        /* Styling for every odd-numbered row, excluding specific sections */
        /*.row:not(#sectionawards .row):nth-child(odd) {*/
        /*    background-color: #222; *//* Color for odd rows */
        /*}*/
        
        
        /* Optional: Different background color for even rows if needed */
        /*.row:nth-child(even) {*/
        /*  background-color: #ffffff; *//* Color for even rows (optional) */
        /*}*/
        
        .column {
            flex: 1;
            margin: 10px;
            /* min-width: 150px; /* Adjust as per requirement */
        }
        
        
        
        .icon-container {
            display: flex;
            
            /*  justify-content: flex-end;    Aligns the entire container to the right */
        }
        .icon-group {
            display: inline-block;  /* Ensures that the group behaves like inline-block and respects <br /> */
            text-align: right;      /* Aligns the icons inside the group to the right */
        }
        
        .awards {
            color: #DEA405;
        }
        
        .svgmarg {
            vertical-align: -2px;
        }
        
        
        
        
        
        /* Give the first column higher priority */
        .row .column:first-child {
            flex-grow: 3; /* Grow more when space is available */
            flex-shrink: 1; /* Can shrink, but has higher priority over other columns */
            min-width: 200px; /* Prevent it from getting too small */
        }
        
        /* Other columns with less content */
        .row .column:nth-child(2),
        .row .column:nth-child(3) {
            flex-grow: 1; /* Grows less than the first column */
            flex-shrink: 2; /* Shrinks faster when space is limited */
        }
        
        
        
        .filmimage{
            flex: 0 0 auto;
            white-space: nowrap;
        }
        
        
        .filmimage img {
            width: auto;
            height: auto;
            display: block;
        }
        
        @media (max-width: 540px) {
            .column {
                margin: 0 0 5px 0;
            }
            .row {
                flex-direction: column;
                /*margin-left: 0;*/
                margin-bottom: 10px;
                padding-top: 0px;
                padding-bottom: 10px;
            }
            .icon-container {
                /* display: flex;
                 color: #DEA405;*/
                justify-content:flex-start;
            }
            .icon-group {
                display: flex/* Ensures that the group behaves like inline-block and respects <br /> */
                text-align: left;      /* Aligns the icons inside the group to the right */
            }
        }
        
        /* Ensuring responsive adjustments for columns */
        @media screen and (max-width: 980px) {
            .col-4 {
                width: 50% !important;
                margin-bottom: 1em; /* Add spacing for better visibility on smaller screens */
            }
        }
        
        @media screen and (max-width: 736px) {
            .col-4 {
                width: 100% !important;
                margin-bottom: 1em;
            }
        }
        
        /* Ensuring responsive adjustments for more columns */
        @media screen and (max-width: 980px) {
            .col-3 {
                width: 33.33% !important;
                margin-bottom: 1em; /* Add spacing for better visibility on smaller screens */
            }
        }
        
        @media screen and (max-width: 736px) {
            .col-3 {
                width: 50% !important;
                margin-bottom: 1em;
            }
        }
        
        @media screen and (max-width: 540px) {
            .col-3 {
                width: 100% !important;
                margin-bottom: 1em;
            }
            .col-3 .awardimage img{
                vertical-align: top;
                width: 100% !important;
                
                
            }
            .col-3 .desc {
                width: 100% !important;
                display: inline-block;
                margin-left: 10px;
                
            }
        }
        
        
        
        
        
        
        /* footer icon size */
        
        #footer .icons .icon {
            font-size: 2em; /* Adjust size as needed */
        }
        
        .icon-container svg {
            margin-right: 10px;
        }
        
        .award-text-wrapper {
            display: grid; /* Use CSS Grid for layout */
            grid-template-columns: 26px auto; /* Fixed width for SVG, flexible width for text */
            gap: 10px; /* Spacing between columns */
            align-items: flex-start; /* Align items at the top */
        }
        
        .awardpage-text-wrapper {
            display: grid; Use CSS Grid for layout */
            grid-template-columns: 26px auto; /* Fixed width for SVG, flexible width for text */
            gap: 10px; /* Spacing between columns */
            align-items: flex-start; /* Align items at the top */
        }
        
        .wreath-highlight {
            width: 26px; /* Fixed width */
            height: 26px; /* Fixed height */
            flex-shrink: 0; /* Prevent resizing */
            align-self: start; /* Prevent flex container from stretching/scaling */
            flex-basis: auto; /* Maintain the intrinsic size defined by width and height */
        }
        
        .wreath-icon {
            width: 26px; /* Fixed size */
            height: 26px; /* Fixed size */
            flex-shrink: 0; /* Prevent resizing */
            align-self: start; /* Prevent flex container from stretching/scaling */
            flex-basis: auto; /* Maintain the intrinsic size defined by width and height */
            
        }
        
        .award-text-wrapper .awardtext {
            display: inline-block; /* Ensure the text wraps properly */
            text-indent: 0; /* No indentation for the first line */
            /*margin-left: 33px;  Indent subsequent lines by the icon + margin width */
        }
        
        .awardpage-text-wrapper .awardpagetext {
            display: inline-block; /*  Ensure the text wraps properly */
            text-indent: 0; /* No indentation for the first line */
            /*margin-left: 33px;  Indent subsequent lines by the icon + margin width */
        }
        
        .ex-link {
            border-bottom: none !important;
        }
        
        .ex-link:hover svg {
            fill: #1ED760; /* Brighter green for hover effect */
        }
        
        /*force page width*/
        
        /*  ../images/joerg-magnus-pfeil-composer-film.jpg  */
        
        /* Restrict the page width and center it */
        body {
            max-width: 1280px;
            margin: 0 auto; /* Center the body */
            /*  background-color: black; *//* Black margins */
        }
        
        /* Restrict banner scaling */
        
        
        
        /* Image inside the banner */
        /* Banner container */
        
        
        /* Image wrapper inside the article */
    }
    @media screen and (min-width: 1280px) {
        
        
        /* Banner container */
        #banner {
            /*  max-width: 1280px;*/
            width: 100%; /* Responsive width up to max-width */
            
            margin: 0 auto; /* Center horizontally */
            /* background-color: black;  Black margins */
            position: relative;
            overflow: hidden; /* Prevent overflow */
        }
        
        /* Disable default scaling behavior for the image */
        #banner article img {
            position: absolute; /* Decouple from layout flow */
            background-position: center top;
            top: -10em;
            left: 50%; /* Center horizontally */
            transform: translateX(-50%); /* Precisely center the image */
            width: 1280px; /* Fix the width */
            height: 50em; /* Fix the height */
            object-fit: cover; /* Prevent scaling entirely */
            /* margin-top: -3.5em; */
            display: block;
            z-index: 10; /* Ensure it's on top */
            pointer-events: none; /* Prevent interaction */
        }
        
        /* Original background behavior override (if applicable) */
        #banner article {
            background: none !important; /* Remove background styling if it duplicates the image */
            /* position: relative; */
            /* z-index: 1; *//* Ensure it is below the fixed image */
        }
        
        #header {
            max-width: 1280px;
            margin: 0 auto;
            left: 50%;
            transform: translateX(-50%);
            position: relative;
            width: 100%;
        }
        
        
        #header.alt h1 {
            left: 15px;
        }
        
        #header.alt nav {
            right: 15px;
        }
        
     
        
        #header.reveal {
               max-width: 1280px; /* Ensure the revealed version follows the same limit */
               width: 100%;
               margin: 0 auto;
               left: 50%;
               transform: translateX(-50%);
               position: fixed; /* or 'absolute' based on existing behavior */
               top: 0;
              
               
           }
        
        #header.reveal h1 {
            left: 15px;
        }
        
        #header.reveal nav {
            right: 15px;
        }
        
        
        .wrapper > .inner {
            margin: 0 auto;
            max-width: 1280px;
            width: 100%;
            padding: 0 15px 0 15px;
        }
        
        
      #footer > .inner {
            margin: 0 auto;
            max-width: 1280px;
            position: relative;
            width: 100%;
        }
        
    }