/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  SCSS Functions
\* ------------------------------------------------------------ */
/* example usage*/
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */
* {
    padding: 0;
    margin: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

template {
    display: none;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

img,
iframe,
video,
audio,
object {
    max-width: 100%;
}

img,
iframe {
    border: 0 none;
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

b,
strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

svg:not(:root) {
    overflow: hidden;
}

a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
    cursor: pointer;
}

    a[href^=tel],
    button[disabled],
    input[disabled],
    textarea[disabled],
    select[disabled] {
        cursor: default;
    }

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

    input[type=text],
    input[type=password],
    input[type=date],
    input[type=datetime],
    input[type=datetime-local],
    input[type=month],
    input[type=week],
    input[type=email],
    input[type=number],
    input[type=search],
    input[type=tel],
    input[type=time],
    input[type=url],
    input[type=color],
    textarea,
    a[href^=tel] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
            appearance: none;
        }

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button,
select {
    text-transform: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

nav ul,
nav ol {
    list-style: none outside none;
}

input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::placeholder {
    color: inherit;
    opacity: 1;
	text-align:left;
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::placeholder {
    color: inherit;
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */
@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-Light.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-Regular.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-Italic.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-Medium.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-MediumItalic.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-SemiBold.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-Bold.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-ExtraBold.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/Contents/cms/fonts/Inter-Black.woff2") format("woff2"), url("/Contents/cms/fonts/Inter-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body {
    min-width: 320px;
    background: #fff;
    font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.67;
    color: #012752;
}

a {
    color: inherit;
    text-decoration: underline;
}

    a:hover,
    a:focus{
        text-decoration: none;
    }

    a[href^=tel] {
        text-decoration: none;
    }

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    margin-bottom: calc(1.67em / 2);
}
/* ori before h1 patch
.h1,
h1 {
    font-size: 70px;
    line-height: 1.14;
}

.h2,
h2 {
    font-size: 44px;
    line-height: 1.23;
}
*/
.h1,
h1 {
    font-size: 44px;    
    line-height: 1.23;
}

    h1.h1hp {
        font-size: 70px;
        /*line-height: 1.14;
        font-size: 44px;*/
        line-height: 1.23;
        font-weight: 300 !important;
    }

    h1.h1int {
        font-size: 52px;
        line-height: 1.23;
        padding-bottom: 30px; 
    }

.h2,
h2 {
    /*font-size: 70px;
    line-height: 1.14;*/
    font-size: 44px;
    line-height: 1.23;
}

    h2.h2hp {
        font-size: 44px;
        line-height: 1.23;
        font-weight: 300;
    }

.h3,
h3 {
    /*ori - font-size: 38px;*/
    font-size:36px;
}

.h4,
h4 {
    /*font-size: 36px;*/
    font-size : 28px;
}

.h5,
h5 {
    /*font-size: 28px;*/
    font-size: 20px;
    font-weight: 700;
}

.h6,
h6 {
    /*font-size: 21px;*/
    font-size: 18px;
}

/*
    Project listing 
*/

.proj-listing {
    margin: 20px 0px 10px 0px;
    border-top: 1px solid #DDD;
    padding-top: 40px;
}

.proj-container {
    width: 100%;
    margin: auto;
    padding: 0;
    display: flex;
    margin-bottom: 30px;
}

.proj-container-left {
    width: 162px; /*20%;*/
    margin-right: 20px;
}

    .proj-container-left img {
        width: 162px;
    }

.proj-container-right {
    flex-grow: 1;
    width: 70%; /*80%;*/
    font: normal normal normal 16px/24px Inter; /*18px/30px*/
    opacity: 1;
    color: #161718;
    margin-top: -5px;
}

    .proj-container-right .proj-title a {
        text-align: left;
        font: normal normal bold 21px/28px Inter; /*28px/34px*/
        letter-spacing: 0px;
        color: #012752;
        opacity: 1;
        text-decoration: none;
    }

.tc-landing-page-wrapper {
    display: flex;
    margin-bottom: 30px; /*old 50px */
    width: 98%;
}
.tc-landing-left {
    flex: 0 0 25%;
}
    .tc-landing-left img {
        width: 144px;
        height: 141px;
    }
.tc-landing-right {
    flex: 1;
    /*margin-top: 18px;*/
}
    .tc-landing-right h1.h1int {
        padding-bottom: 0px;
    }

.hm04-rightbox-wrapper {
    display: flex;
    width: 100%;
}
.hm04-rightbox-left {
    margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 25px;
}
    .hm04-rightbox-left img {
        width: 108px;
        height: 108px;
    }
.hm04-rightbox-right1 {
	flex: 1;
}
	.hm04-rightbox-right1-content {
		display: inline-block;
	}
.hm04-rightbox-right2 {
	display: none;
}
@media (max-width: 600px) {

    .tc-landing-left img {
        width: auto;
        height: auto;
    }
    .tc-landing-right {
        margin-left: 15px;
    }
}
@media (max-width: 414px) {
    .proj-container {
        width: 100%;
        display: inline-block; /*grid;*/
    }

        .proj-container:last-child {
            margin-bottom: -30px;
        }

    .proj-container-left {
        width: 100%;
        z-index: 1;
        margin-bottom: 20px;
    }

        .proj-container-left img {
            width: 100%;
        }

    .proj-container-right {
        width: 100%;
        z-index: 2;
    }

    .section__body .section__content img {
        max-width: 100%;
    }
}

@media (max-width: 1023px) {
    body {
        font-size: 16px;
    }
    /* ori - b4 h1 patch - 1 mar 2022
    .h1,
    h1 {
        font-size: 48px;
        line-height: 1.21;
    }

    .h2,
    h2 {
        font-size: 38px;
        line-height: 1.21;
    }
    */

    .h1,
    h1 {
        font-size: 42px; /*48px;*/
        /*line-height: 1.21;*/
        line-height:1.2;
    }
        h1.h1hp {
            font-size: 48px;
            /*line-height: 1.21;*/
            line-height: 1.2;
        }

        h1.h1int {
            font-size: 42px;
            line-height: 1.2;
        }
    .h2,
    h2 {
        font-size: 36px; /*38px;*/
        /*line-height: 1.21;*/
        line-height: 1.2;
    }
        h2.h2hp {
            font-size: 36px; /*38px;*/
            /*line-height: 1.21;*/
            line-height: 1.2;
        }

    .h6,
    h6 {
        font-size: 18px;
        line-height: 1.2;
    }
	
	.hm04-rightbox-left {
		margin-top: 0px;
		margin-right: 20px;
		height: 78px;
		text-align: left;
	}
		.hm04-rightbox-left img {
			width: 80px;
			height: 80px;
		}
	.hm04-rightbox-right1 h5 {
		padding-top: 10px;
	}
	.hm04-rightbox-right1-content {
		display: none;		
	}
	.hm04-rightbox-right2 {
		display: inline-block;
		margin-bottom: 15px;
		margin-top: -20px;
	}
}

@media (max-width: 1125px) {
	.hm04-rightbox-right2 {
		display: inline-block;
		margin-bottom: 15px;
		margin-top: -8px;
	}
	.hm04-rightbox-right1-content {
		display: none;		
	}
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
   /* ori b4 h1 patch - 1 mar 2022
    .h1,
    h1 {
        font-size: 28px;
        line-height: 1.21;
    }

    .h2,
    h2 {
        font-size: 32px;
        line-height: 1.19;
    }
       */

    .h1,
    h1 {
        font-size: 26px; /*28px;*/
        /*line-height: 1.21;*/
        line-height: 1.2;
    }
        h1.h1hp {
            font-size: 28px;
            /*line-height: 1.21;*/
            line-height: 1.2;
        }
        h1.h1int {
            font-size: 26px;
            line-height: 1.2;
        }

    .h2,
    h2 {
        font-size: 24px; /*32px;*/
        line-height: 1.2; /*1.19;*/
    }
        h2.h2hp {
            font-size: 24px; /*32px;*/
            line-height: 1.2; /*1.19;*/
        }

    .h3,
    h3 {
        font-size: 30px;
    }

    .h5,
    h5 {
        font-size: 18px; /*24px;*/
        line-height: 1.2;
    }

    .h6,
    h6 {
        font-size: 16px;
        /*line-height: 1.5;*/
        line-height: 1.2;
    }
}


@media (max-width: 414px), screen and (max-width: 812px) and (orientation: landscape) {
    
}

    p,
    ul,
    ol,
    dl,
    hr,
    table,
    blockquote {
        margin-bottom: 1.67em;
    }

        h1[class],
        h2[class],
        h3[class],
        h4[class],
        h5[class],
        h6[class],
        h1:last-child,
        h2:last-child,
        h3:last-child,
        h4:last-child,
        h5:last-child,
        h6:last-child,
        p:last-child,
        ul:last-child,
        ol:last-child,
        dl:last-child,
        table:last-child,
        blockquote:last-child {
            margin-bottom: 0;
        }
    /* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
    /*  Clear  */
    .clear:after {
        content: "";
        line-height: 0;
        display: table;
        clear: both;
    }
    /* sr-only */
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    /*  Notext  */
    .notext {
        white-space: nowrap;
        text-indent: 100%;
        text-shadow: none;
        overflow: hidden;
    }

    .notext-old {
        font-size: 0;
        line-height: 0;
        text-indent: -4000px;
    }
    /*  Hidden  */
    [hidden],
    .hidden {
        display: none;
    }
    /*  Disabled  */
    [disabled],
    .disabled {
        cursor: default;
    }
    /*  Responsive Helpers  */
    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block {
        display: none !important;
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .hidden-xs {
            display: none !important;
        }

        .visible-xs-block {
            display: block !important;
        }

        .visible-xs-inline {
            display: inline !important;
        }

        .visible-xs-inline-block {
            display: inline-block !important;
        }
    }

    @media (min-width: 767.02px) and (max-width: 1023px) {
        .hidden-sm {
            display: none !important;
        }

        .visible-sm-block {
            display: block !important;
        }

        .visible-sm-inline {
            display: inline !important;
        }

        .visible-sm-inline-block {
            display: inline-block !important;
        }
    }

    @media (min-width: 1023.02px) and (max-width: 1199px) {
        .hidden-md {
            display: none !important;
        }

        .visible-md-block {
            display: block !important;
        }

        .visible-md-inline {
            display: inline !important;
        }

        .visible-md-inline-block {
            display: inline-block !important;
        }

        .hm04-rightbox-right2 {
            display: none;
            margin-bottom: 15px;
            margin-top: -8px;
        }

        .hm04-rightbox-right1-content {
            display: inline-block;
        }
    }

    @media (min-width: 1199.02px) {
        .hidden-lg {
            display: none !important;
        }

        .visible-lg-block {
            display: block !important;
        }

        .visible-lg-inline {
            display: inline !important;
        }

        .visible-lg-inline-block {
            display: inline-block !important;
        }
    }
    /* ------------------------------------------------------------ *\
	Components
\* ------------------------------------------------------------ */
    /* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
    .article {
        padding: 117px 0;
        /*  Article Primary  */
    }

        .article h2 {
            /*font-weight: 300;*/
            margin: 0;
        }

            .article h2 + h6 {
                margin: 11px 0 0;
            }

            .article h2 span {
                color: #006CB4;
                font-weight: 700;
            }

        .article h6 {
            font-weight: 600;
            font-size: 20px;
            margin: 0;
        }

            .article h6 + p {
                margin: 31px 0 0;
            }

        .article p {
            padding-right: 40px;
            margin: 0;
        }

            .article p + .link {
                margin: 33px 0 0;
            }

        .article .article__inner {
            position: relative;
            padding-left: 601px;
        }

        .article .article__image {
            position: absolute;
            top: -26px;
            left: 20px;
            width: 460px;
        }

            .article .article__image:after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background: url(/Contents/images/cms/temp/circle.png) no-repeat 0 0;
                width: 460px;
                height: 460px;
                background-size: 100% 100%;
            }

            .article .article__image img {
                position: relative;
                z-index: 10;
                -webkit-transition: opacity 0.4s, visibility 0.4s;
                -o-transition: opacity 0.4s, visibility 0.4s;
                transition: opacity 0.4s, visibility 0.4s;
            }

            .article .article__image .btn {
                -webkit-transition: 0.4s;
                -o-transition: 0.4s;
                transition: 0.4s;
            }

            .article .article__image .widget-video {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100%;
                z-index: 10;
                margin-top: 37px;
                opacity: 0;
                visibility: hidden;
            }

            .article .article__image.is-playing .btn,
            .article .article__image.is-playing img {
                opacity: 0;
                visibility: hidden;
            }

            .article .article__image.is-playing .widget-video {
                opacity: 1;
                visibility: visible;
            }

        .article .article__image--alt:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: url(/Contents/images/cms/temp/shape.png) no-repeat 0 0;
            width: 477px;
            height: 553px;
            background-size: 100% 100%;
            margin: 12px 0 0 33px;
        }

        .article .article__image--alt a {
            z-index: 90; /* SF - 24 nov 2021 --- was 100;    */
            position: relative;
            margin-left: 60px;
            margin-top: -100px;
        }

            .article .article__image--alt a.js-video-popup { /* ML Nov 02, 2021 : center element*/
                margin: -100px 0 0 0;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                z-i8ndex: 20;
            }

    .article--primary {
        padding: 90px 0 40px;
    }

        .article--primary .article__inner {
            padding: 0 585px 140px 43px;
            min-height: 450px;
        }

            .article--primary .article__inner:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 45px;
                right: 45px;
                height: 1px;
                background: #DADEE2;
            }

        .article--primary .article__image {
            left: auto;
            top: -20px;
            right: 22px;
        }

            .article--primary .article__image:after {
                width: 400px;
                height: 400px;
                margin: 29px 0 0 11px;
            }

            .article--primary .article__image .btn {
                position: absolute;
                bottom: -18px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                z-index: 20;
                min-width: 350px;
                margin: 0 0 0 -23px;
            }

    /* ------------------------------------------------------------ *\
	Articles Alt
\* ------------------------------------------------------------ */
    /* ------------------------------------------------------------ *\
	Article Alt
\* ------------------------------------------------------------ */
    .article-alt {
        position: relative;
        /*padding-left: 186px;*/
        clear: both;
        width: 100%;
        overflow: hidden;
    }

        .article-alt.noImg {
            padding-left: 0px !important;
        }

        .article-alt h5 {
            line-height: 1.2;
            margin: 0;
        }

            .article-alt h5 + p {
                margin: 16px 0 0;
            }

        .article-alt p {
            margin: 0;
            color: #161718;
        }

            .article-alt p + p {
                margin: 21px 0 0;
            }

        .article-alt .article__image {
            /*position: absolute;*/
            top: 5px;
            left: 0;
            width: 160px;
            height: 97px;
            background-size: cover;
            float: left;
            margin-right: 26px;
        }

            .article-alt .article__image a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #fff;
                opacity: 0;
                -webkit-transition: opacity 0.4s;
                -o-transition: opacity 0.4s;
                transition: opacity 0.4s;
            }
         
            .article-alt .article__image.proImg a {
                width: 160px;
            }

            .article-alt .article__image a:hover,
            .article-alt .article__image a:focus {
                opacity: 0.3;
            }

        .article-alt + .article-alt {
            margin-top: 50px;
        }

    @media (max-width: 1023px) {
        .article {
            padding: 51px 0 30px;
            /*  Article Primary  */
        }

            .article h2 span {
                display: block;
            }

            .article h2 + h6 {
                margin: 14px 0 0;
            }

            .article h6 {
                font-size: 18px;
                line-height: 1.56;
            }

                .article h6 + p {
                    margin: 86px 0 0;
                }

            .article p {
                font-size: 18px;
                line-height: 1.67;
                padding-right: 0;
                margin-left: -276px !important;
            }

                .article p + .link {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }

            .article .article__image {
                width: 220px;
            }

                .article .article__image:before {
                    width: 228px;
                    height: 264px;
                    margin: 6px 0 0 19px;
                }

                .article .article__image:after {
                    width: 220px;
                    height: 220px;
                }

            .article .article__inner {
                padding-left: 276px;
                padding-bottom: 49px;
            }

        .article--primary {
            padding: 96px 0;
        }

            .article--primary h6 + p {
                margin: 93px 0 0;
            }

            .article--primary p {
                margin-left: 0 !important;
                margin-right: -300px !important;
            }

            .article--primary .article__inner {
                padding: 0 300px 59px 0;
            }

                .article--primary .article__inner:after {
                    bottom: -59px;
                    left: 0;
                    right: 0;
                }

            .article--primary .article__image {
                width: 250px;
                top: -39px;
                right: 31px;
            }

                .article--primary .article__image:after {
                    width: 227px;
                    height: 227px;
                    margin: 16px 0 0 11px;
                }

                .article--primary .article__image .btn {
                    min-width: 298px;
                    margin: 0 0 0 3px;
                    bottom: -9px;
                }
    }

    @media (max-width: 1023px) {
        .article-alt h5 {
            padding-right: 40px;
        }

        .article-alt p {
            font-size: 18px;
            line-height: 1.67;
        }

        .article-alt + .article-alt {
            margin-top: 60px;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .article-alt {
            padding: 0;
        }

            .article-alt h5 {
                padding-right: 0;
                font-size: 18px; /*21px;*/
                line-height: 1.2; /*1.34;*/
            }

                .article-alt h5 + p {
                    margin: 9px 0 0;
                }

            .article-alt p {
                font-size: 16px;
                line-height: 1.5;
            }

                .article-alt p + p {
                    margin-top: 23px;
                }

            .article-alt .article__image {
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                padding-top: 60%;
                margin: 0 0 14px;
            }

            .article-alt + .article-alt {
                margin-top: 49px;
            }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .article {
            padding: 38px 0 23px;
        }

            .article h2 + h6 {
                margin: 12px 0 0;
            }

            .article h6 {
                font-size: 16px;
                line-height: 1.2; /*1.5;*/
            }

                .article h6 + p {
                    margin: 14px 0 0 !important;
                }

            .article p {
                font-size: 16px;
                line-height: 1.63;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                .article p + .link {
                    position: relative;
                    margin: 25px 0 0;
                }

            .article .article__inner {
                padding: 0;
            }

            .article .article__image {
                position: relative;
                top: 0;
                left: -10px;
                width: 206px;
                margin: auto;
            }

                .article .article__image:before {
                    width: 213px;
                    height: 247px;
                    margin: 4px 0 0 17px;
                }

                .article .article__image:after {
                    width: 206px;
                    height: 206px;
                }

            .article .article__content {
                margin: 47px 0 0;
            }

        .article--primary {
            padding: 21px 0 23px;
        }

            .article--primary .article__image {
                width: 250px;
                height: auto;
                left: -3px;
            }

                .article--primary .article__image:after {
                    width: 226px;
                    height: 226px;
                }

            .article--primary .article__content {
                margin: 65px 0 0;
            }

            .article--primary .article__inner {
                padding-bottom: 58px;
            }

                .article--primary .article__inner:after {
                    bottom: 0;
                }
    }
    /* ------------------------------------------------------------ *\
	Bar Notification
\* ------------------------------------------------------------ */
    .bar-notification {
        background: #006CB4;
        color: #fff;
        -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
        margin: 8px 7px 0;
        padding: 8px 82px 8px 10px;
        border-radius: 4px;
        font-size: 15px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 110;
        width: calc(100% - 14px);
    }

        .bar-notification p {
            font-weight: 500;
            margin: 0;
        }

            .bar-notification p i {
                vertical-align: middle;
                margin-right: 13px;
                position: relative;
                top: -2px;
            }

            .bar-notification p a {
                text-decoration: underline;
                color: #fff;
            }

                .bar-notification p a:hover,
                .bar-notification p a:focus {
                    color: #fff;
                }

        .bar-notification .btn-circle {
            position: absolute;
            top: 50%;
            right: 12px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    @media (max-width: 1399px) {
        .bar-notification {
            padding: 8px 16px 8px 10px;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .bar-notification {
            padding: 6px 15px;
            margin: 5px 5px 0;
            width: calc(100% - 10px);
            font-size: 11px;
            line-height: 1.27;
            text-align: left;
        }

            .bar-notification p {
                position: relative;
                padding-left: 30px;
                max-width: 300px;
            }

                .bar-notification p a {
                    display: inline-block;
                }

                .bar-notification p i {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .bar-notification .shell {
                padding: 0;
            }
    }
    /* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
    .btn {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 2px;
        background: #35DED1;
        color: #24272B;
        min-width: 326px;
        font-weight: 600;
        -webkit-box-shadow: 0 3px 6px #00000029;
        box-shadow: 0 3px 6px #00000029;
        padding: 10px 2px;
        -webkit-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
        /*margin-bottom: 30px;*/
    }

        .btn.btnSubmitPoll {
            border:none;
            min-width:35%;
        }

        .btn:hover,
        .btn:focus {
            background: #5BFDF1;
            text-decoration: none;
        }

            .btn:hover span i,
            .btn:focus span i {
                opacity: 0;
                text-decoration: none;
            }

                .btn:hover span i + i,
                .btn:focus span i + i {
                    opacity: 1;
                    text-decoration: none;
                }

        .btn span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            left: -2px;
            top: 3px;
            margin-right: 4px;
        }

            .btn span i {
                -webkit-transition: opacity 0.4s;
                -o-transition: opacity 0.4s;
                transition: opacity 0.4s;
            }

                .btn span i + i {
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                }

    .btn--back {
        min-width: 100px;
    }

    .btn--continue {
        min-width: 150px;
    }

    .btn--submit {
        min-width: 180px;
        /*margin-bottom:20px;*/
    }

    .btn--border {
        border: 2px solid #35DED1;
        color: #24272B;
        min-width: 0;
        width: 100%;
        background: #fff;
        font-size: 16px;
        font-weight: 600;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn--border:hover,
        .btn--border:focus {
            background: #35DED1;
        }

    @media (max-width: 1023px) {
        .btn {
            min-width: 243px;
        }

            .btn span {
                margin-right: 7px;
            }
    }
    @media (max-width: 499px) {
        .btn {
            min-width: 50%;
        }

            .btn span {
                margin-right: 7px;
            }
    }
    /* ------------------------------------------------------------ *\
	Button Circle
\* ------------------------------------------------------------ */
    .btn-circle {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

        .btn-circle:hover,
        .btn-circle:focus {
            -webkit-box-shadow: 0 0 0 2px #012752;
            box-shadow: 0 0 0 2px #012752;
        }

            .btn-circle:hover i:before, .btn-circle:hover i:after,
            .btn-circle:focus i:before, .btn-circle:focus i:after {
                background: #012752;
            }

        .btn-circle i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    /* ------------------------------------------------------------ *\
	Button Burger
\* ------------------------------------------------------------ */
    .btn-burger {
        display: none;
        width: 24px;
        height: 17px;
        position: relative;
    }

        .btn-burger span {
            width: 100%;
            height: 2px;
            background: #006CB4;
            border-radius: 3px;
            position: absolute;
            left: 0;
            -webkit-transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s;
            transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s;
            -o-transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s;
            transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s;
            transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
        }

            .btn-burger span:first-child {
                top: 0;
            }

            .btn-burger span:nth-child(2) {
                top: 8px;
            }

            .btn-burger span:last-child {
                top: 16px;
            }

        .btn-burger.is-active span {
            -webkit-transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s;
            transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s;
            -o-transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s;
            transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s;
            transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s;
        }

            .btn-burger.is-active span:first-child {
                top: 8px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .btn-burger.is-active span:nth-child(2) {
                opacity: 0;
            }

            .btn-burger.is-active span:nth-child(3) {
                top: 8px;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

    @media (max-width: 1023px) {
        .btn-burger {
            display: block;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .btn-burger {
            width: 18px;
            height: 14px;
        }

            .btn-burger span:nth-child(2) {
                top: 6px;
            }

            .btn-burger span:last-child {
                top: 12px;
            }

            .btn-burger.is-active span:first-child {
                top: 6px;
            }

            .btn-burger.is-active span:nth-child(3) {
                top: 6px;
            }
    }

    @media (max-width:530px) {
        .btnReturningTC,
        .btnFirstDonorTC,
        #btnBackTC {
            margin-bottom: 10px;
        }
    }
    /* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */
    .callout {
        padding: 20px 0 54px;
    }

        .callout .callout__content {
            max-width: 600px;
            margin: auto;
            text-align: center;
        }

            .callout .callout__content h2 {
                /*font-weight: 300;*/
                margin: 0 0 16px;
            }

                .callout .callout__content h2 span {
                    color: #006CB4;
                    font-weight: 700;
                }

            .callout .callout__content p {
                font-size: 20px;
                line-height: 1.5;
                font-weight: 600;
                margin: 0;
            }

                .callout .callout__content p + .btn {
                    margin: 38px 0 0;
                    min-width: 280px;
                }

            .callout .callout__content + .callout__image {
                margin-top: 47px;
            }

        .callout .callout__image img {
            width: 100%;
        }

    @media (max-width: 1399px) {
        .callout {
            padding-bottom: 0;
        }

            .callout .callout__content + .callout__image {
                margin: 59px -100px 0;
            }

            .callout .callout__image {
                max-height: 328px;
                overflow: hidden;
            }
    }

    @media (max-width: 1023px) {
        .callout {
            padding: 23px 0 0;
        }

            .callout .callout__content h2 {
                margin: 0 0 25px;
            }

            .callout .callout__content p {
                font-size: 18px;
                line-height: 1.56;
            }

                .callout .callout__content p + .btn {
                    margin: 42px 0 0;
                    font-size: 18px;
                }

            .callout .callout__content + .callout__image {
                margin: 95px -128px 0;
            }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .callout {
            padding: 8px 0 0;
        }

            .callout .callout__content h2 {
                font-size: 38px;
                line-height: 1.2;
            }

            .callout .callout__content + .callout__image {
                margin: 66px -306px 0;
            }
    }
    /* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */

    .check--box {
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
        transform: scale(2);
        margin-left: 7px;
        background: white;
        border-radius: 0;
        border: 1px solid #555;
    }

    /* ------------------------------------------------------------ *\
	Fields
\* ------------------------------------------------------------ */
    .field {
        width: 100%;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 0;
        background: #0e325b;
        font-style: italic;
        font-size: 15px;
        padding: 0 10px 0 42px;
    }
    /* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
    .footer {
        border-top: 18px solid #F79B6F; /*#35DED1;*/
        background: #012752;
        color: #fff;
        padding: 47px 0 80px;
    }

        .footer h6 {
            font-weight: 700;
            margin: 0;
        }

            .footer h6 + .footer__nav {
                margin-top: 6px;
            }

        .footer .footer__content {
            padding: 2px 0 0 5px;
        }

            .footer .footer__content .list-contacts {
                margin: 29px 0 0;
            }

        .footer .footer__nav {
            font-size: 14px;
            font-weight: 400;
        }

            .footer .footer__nav a {
                text-decoration: none;
                display: inline-block;
                position: relative;
            }

                .footer .footer__nav a:hover,
                .footer .footer__nav a:focus {
                    color: #ffffff;
                }

                .footer .footer__nav a:after {
                    content: "";
                    position: absolute;
                    bottom: 3px;
                    left: 0;
                    width: 0;
                    height: 1px;
                    background: #fff;
                    -webkit-transition: width 0.4s;
                    -o-transition: width 0.4s;
                    transition: width 0.4s;
                }

                .footer .footer__nav a:hover:after,
                .footer .footer__nav a:focus:after {
                    width: 100%;
                }

            .footer .footer__nav li + li {
                margin-top: 7px;
            }

    @media (max-width: 1399px) {
        .footer .shell {
            max-width: 1124px;
        }
    }

    @media (max-width: 1023px) {
        .footer {
            padding: 148px 0 80px;
            position: relative;
        }

            .footer h6 {
                font-size: 18px; /*21px;*/
            }

            .footer .logo-alt {
                position: absolute;
                top: 50px;
                left: 36px;
            }

            .footer .footer__content {
                padding: 4px 0 0;
            }

                .footer .footer__content .list-contacts {
                    margin-top: 0;
                }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .footer {
            padding: 43px 0 76px;
        }

            .footer h6 {
                font-size: 16px;
            }

            .footer .shell {
                padding: 0 54px;
            }

            .footer .logo-alt {
                position: static;
                margin: 0 0 16px;
            }

            .footer .footer__content {
                padding: 4px 0 0;
            }

                .footer .footer__content .list-contacts {
                    margin: 0 0 32px;
                }

            .footer .footer__nav {
                margin: 0 0 30px;
            }
    }

    @media (max-width: 374px) {
        .footer .shell {
            padding: 0 20px;
        }
    }

    /* ------------------------------------------------------------ *\
	Form Tax Credit
\* ------------------------------------------------------------ */

    .form-tax-credit {
        /*margin: 25px 0 0;*/
    }

        .form-tax-credit .form__actions {
            margin: 16px 0 0;
        }
            
    /* ------------------------------------------------------------ *\
	Form Subscribe
\* ------------------------------------------------------------ */
    .form-subscribe label {
        display: block;
        margin: 0 0 11px;
        font-size: 14px;
        font-weight: 400;
    }

    .form-subscribe .form__head {
        margin: 0 0 6px;
    }

    .form-subscribe .form__controls {
        position: relative;
    }

        .form-subscribe .form__controls i {
            position: absolute;
            top: 50%;
            left: 14px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            pointer-events: none;
        }

    .form-subscribe .form__actions {
        margin: 16px 0 0;
    }

        .form-subscribe .form__actions .btn {
            min-width: 129px;
            font-size: 16px;
            font-weight: 600;
            padding: 8px 4px;
            border-radius: 0;
        }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .form-subscribe {
            padding-right: 11px;
        }

            .form-subscribe .form__head {
                margin: 0 0 10px;
            }
    }
    /* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
    .grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0 -12px;
    }

        .grid .grid__col {
            max-width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 1;
            flex: 1 1;
            padding: 0 12px;
        }

        .grid .grid__col--size1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 34.5%;
            flex: 0 0 34.5%;
        }

        .grid .grid__col--size2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 65.5%;
            flex: 0 0 65.5%;
        }

        .grid .grid__col--size3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 49.8%;
            flex: 0 0 49.8%;
        }

        .grid .grid__col--size4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20.5%;
            flex: 0 0 20.5%;
        }
		
		.grid .grid__col--size6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 17.5%;
            flex: 0 0 17.5%;
        }

        .grid .grid__col--size5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 23%;
            flex: 0 0 23%;
        }

    @media (max-width: 1399px) {
        .grid .grid__col--size3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 52.8%;
            flex: 0 0 52.8%;
        }

        .grid .grid__col--size4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 22.2%;
            flex: 0 0 22.2%;
        }
		
		.grid .grid__col--size6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 22.2%;
            flex: 0 0 16.2%;
        }

        .grid .grid__col--size5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        }
    }

    @media (max-width: 1023px) {
        .grid {
            margin: 0 -8px;
        }

            .grid .grid__col {
                padding: 0 8px;
            }

            .grid .grid__col--size1 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 38.5%;
                flex: 0 0 38.5%;
            }

            .grid .grid__col--size2 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 60.5%; /*0 0 61.5%*/
                flex: 0 0 60.5%; /*0 0 61.5%*/
            }

            .grid .grid__col--size3 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 37.7%;
                flex: 0 0 37.7%;
            }

            .grid .grid__col--size4 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
            }
			
			.grid .grid__col--size6 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 15.5%;
                flex: 0 0 15.5%;
            }

            .grid .grid__col--size5 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
            }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .grid {
            display: block;
            margin: 0;
        }

            .grid .grid__col {
                max-width: 100%;
                padding: 0;
            }
    }
    /* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
    .header {
        position: fixed;
        top: 48px;
        left: 0;
        width: 100%;
        text-align: right;
        padding: 51px 0;
        border-bottom: 1px solid transparent;
        z-index: 100;
        -webkit-transition: background 0s, border-color 0.6s, top 0.6s, padding 0.6s;
        -o-transition: background 0s, border-color 0.6s, top 0.6s, padding 0.6s;
        transition: background 0s, border-color 0.6s, top 0.6s, padding 0.6s;
        /*  Header Fixed  */
        /*  Header Primary  */
    }

        .header .shell {
            position: relative;
        }

        .header .logo {
            position: absolute;
            top: 50%;
            left: 59px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }

        .header .nav {
            display: inline-block;
            vertical-align: middle;
        }

        .header .socials {
            display: inline-block;
            vertical-align: middle;
            margin-left: 46px;
            position: relative;
            top: 2px;
        }

        .header .header__aside {
            padding-right: 40px;
        }

        .header .header__link {
            display: none;
        }

        .header.is-fixed {
            background: #fff;
            border-color: #DADEE2;
            top: 0;
            padding: 16px 0;
        }

            .header.is-fixed .logo {
                width: 75px; /*85px;*/
                height: 45px; /*42px;*/
                background: url(/Contents/images/cms/gfpe_logo_header_homepage@2x.png) no-repeat 0 0;
                background-size: 100% 100%;
            }

                header.header.is-active img.imgLogo {
                    display: none !important;
                }

    .header--primary {
        top: 0;
        padding: 40px 0;
    }

        .header--primary .shell:after {
            content: "";
            position: absolute;
            bottom: -39px;
            left: 15px;
            right: 15px;
            height: 1px;
            background: #DADEE2;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
        }

        .header--primary .logo {
            width: 85px; /*104px;*/
            height: 51px;
        }

        .header--primary .nav a:after {
            bottom: -41px !important; /*-41px;*/
            z-index: 5;
        }

        .header--primary.is-fixed .shell:after {
            opacity: 0;
        }

        .header--primary.is-fixed .nav a:after {
            bottom: -21px; /*-19px;*/
        }

    .header .shell-background-mobile { /* ML Nov 1, 2021 */
        width: 100%;
        background: #012752;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: none;
    }



    @media (max-width: 1199px) {
        .header .logo {
            left: 15px;
        }

        .header .socials {
            margin-left: 30px;
        }

        .header .header__aside {
            padding-right: 0;
        }
    }

    @media (max-width: 1023px) {
        .header {
            text-align: center;
            padding: 25px 0;
            /*  Header Active  */
            /*  Header Primary  */
        }

            .header .logo {
                position: relative;
                top: 0;
                left: 0;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                z-index: 10;
            }

            .header .shell {
                position: static;
            }

            .header .btn-burger {
                position: absolute;
                top: 50%;
                left: 36px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                margin-top: -4px;
                z-index: 10;
                -webkit-transition: 0.4s;
                -o-transition: 0.4s;
                transition: 0.4s;
            }

            .header .header__link {
                display: inline-block;
                position: absolute;
                top: 50%;
                right: 36px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 16px;
                font-weight: 600;
                color: #006CB4;
                text-decoration: none;
                margin-top: -4px;
            }

            .header .header__aside {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                background: #012752;
                color: #fff;
                padding: 98px 30px 20px; /* top :  128px into 98px */
                -webkit-transform: translateY(-100%);
                -ms-transform: translateY(-100%);
                transform: translateY(-100%);
                opacity: 0;
                visibility: hidden;
                -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
                transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
                -o-transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
                transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
                transition: opacity 0.4s, visibility 0.4s, transform 0.4s, -webkit-transform 0.4s;
            }

                .header .header__aside .nav {
                    display: block;
                }

                .header .header__aside .socials {
                    margin: 27px 0 0;
                    display: block;
                }

                    .header .header__aside .socials .ico-facebook {
                        background-image: url(/Contents/images/cms/svg/ico-facebook-white.svg);
                    }

                    .header .header__aside .socials .ico-instagram {
                        background-image: url(/Contents/images/cms/svg/ico-instagram-white.svg);
                    }

            .header.is-active {
                top: 0;
                z-index: 120;
                padding: 25px 0 !important;
            }

                .header.is-active .logo {
                    /*url(/Contents/images/cms/logo-white.svg);*/
                    /*background-image: url(/Contents/images/cms/GFPE_Logo_Menu_Tablet@2x.png);*/
                    background-image: url(/Contents/images/cms/gfpe_logo_responsive_menu@2x.png);
                    width: 83px !important; /*105px !important;*/ /*297px */
                    height: 50px !important; /*71px */
                    /*margin-top: -6px;*/
                }

                .header.is-active .btn-burger {
                    margin-top: -9px;
                }

                    .header.is-active .btn-burger span {
                        background: #fff;
                    }

                .header.is-active .header__aside {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                    opacity: 1;
                    visibility: visible;
                    overflow:scroll;
                }

                .header.is-active .shell-background-mobile { /* ML Nov 1, 2021 */
                    display: block;
                }

        .header--primary .shell:after {
            display: none;
        }
    }

    @media (max-width: 960px) {
        .header .header__link {
            display: none;
        }
    }
    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .header {
            top: 44px;
            padding: 16px 0;
            /*  Header Active  */
        }

            .header .btn-burger {
                left: 20px;
            }

            .header .header__link {
                display: none;
            }

            .header .header__aside {
                padding: 78px 30px 20px; /* top: 108px into 78px */
                overflow-y: auto;
                overflow-x: hidden;
            }

            .header.is-active {
                padding: 16px 0 !important;
            }

                .header.is-active .logo {
                    width: 66px !important; /*83px !important;*/
                    height: 40px !important;
                    margin-top: 7px;
                }

                .header.is-active .btn-burger {
                    margin-top: -4px;
                }

        .header--primary {
            top: 0;
        }

            .header--primary .logo {
                width: 85px; /*104px;*/ /*147px;*/
                height: 51px; /*33px;*/
            }
    }
    /* ------------------------------------------------------------ *\
	Hero
\* ------------------------------------------------------------ */
    .hero {
        padding: 40px 0 48px;
    }

        .hero .hero__inner {
            position: relative;
            padding-left: 41px;
            padding-bottom: 100px;
        }

        .hero .hero__content {
            max-width: 536px;
        }

            .hero .hero__content h1 {
                /*font-weight: 500;*/
                margin: 0;
            }

                .hero .hero__content h1 span {
                    font-weight: 800;
                    color: #006CB4;
                }

                .hero .hero__content h1.h1hp span {
                    font-weight: 700;
                }

                .hero .hero__content h1 + p {
                    margin: 26px 0 0;
                }

            .hero .hero__content p {
                font-size: 20px;
                line-height: 1.6;
                font-weight: 600;
                padding-right: 20px;
                margin: 0;
            }

                .hero .hero__content p + .btn {
                    margin: 36px 0 0;
                }

        .hero .hero__image {
            position: absolute;
            bottom: 0;
            right: -99px;
            width: calc(100% - 392px);
            text-align: center;
            max-height: calc(100% + 60px);
        }

            .hero .hero__image:before {
                content: "";
                position: absolute;
                top: 37px;
                left: 77px;
                background: url(/Contents/images/cms/temp/circle-big.png) no-repeat 0 0;
                width: 784px;
                height: 784px;
                background-size: 100% 100%;
            }

            .hero .hero__image img {
                position: relative;
                z-index: 10;
            }

    @media (max-width: 1199px) {
        .hero .hero__inner {
            padding-left: 0;
        }

        .hero .hero__image {
            right: -70px;
        }
    }

    @media (max-width: 1024px) {
        .hero {
            padding: 13px 0 40px;
        }

            .hero .hero__inner {
                padding-bottom: 67px;
            }

            .hero .hero__bar {
                margin: 0 -36px;
            }

            .hero .hero__content {
                max-width: 50%; /*100%;*/
                padding-right: 0px; /*356px;*/
            }

                .hero .hero__content h1 + p {
                    margin: 11px 0 0;
                }

                .hero .hero__content p {
                    font-size: 18px;
                    line-height: 1.56;
                }

                    .hero .hero__content p + .btn {
                        margin: 27px 0 0;
                    }

            .hero .hero__image {
                width: 50%; /*calc(100% - 252px);*/
                right: 27px; /*-77px;*/
                bottom: -3px;
            }

                .hero .hero__image:before {
                    width: 480px;
                    height: 480px;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    margin: 83px 0 0 33px;
                }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .hero {
            padding: 9px 0;
        }

            .hero .hero__content {
                padding: 0;
                max-width: calc(100% - 110px);
            }

                .hero .hero__content h1 {
                    padding-right: 120px;
                }

                    .hero .hero__content h1 + p {
                        margin: 16px 0 0;
                    }

                .hero .hero__content p {
                    font-size: 16px;
                    line-height: 1.5;
                    padding: 0;
                }

                    .hero .hero__content p + .btn {
                        margin: 20px 0 0;
                    }

            .hero .hero__image {
                width: 110px;
                height: 110px;
                border-radius: 50%;
                overflow: hidden;
                bottom: auto;
                top: -5px;
                right: -2px;
            }

                .hero .hero__image:before {
                    width: 100px;
                    height: 100px;
                    margin: 0;
                }

            .hero .hero__inner {
                padding: 0;
            }

            .hero .hero__bar {
                margin: 38px 0 0;
            }

                .hero .hero__bar .grid__col + .grid__col {
                    margin-top: 13px;
                }
    }
    /* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
    [class^=ico-] {
        display: inline-block;
        background-size: 100% 100%;
    }

    .ico-bell {
        background-image: url(/Contents/images/cms/svg/ico-bell.svg);
        width: 19px;
        height: 21px;
    }

    .ico-facebook {
        background-image: url(/Contents/images/cms/svg/ico-facebook.svg);
        width: 22px;
        height: 22px;
    }

    .ico-facebook-alt {
        background-image: url(/Contents/images/cms/svg/ico-facebook-alt.svg);
        width: 22px;
        height: 22px;
    }

    .ico-instagram {
        background-image: url(/Contents/images/cms/svg/ico-instagram.svg);
        width: 22px;
        height: 22px;
    }

    .ico-instagram-alt {
        background-image: url(/Contents/images/cms/svg/ico-instagram-alt.svg);
        width: 22px;
        height: 22px;
    }

    .ico-arrow {
        background-image: url(/Contents/images/cms/svg/ico-arrow.svg);
        width: 30px;
        height: 6px;
    }

    .ico-home {
        background-image: url(/Contents/images/cms/svg/ico-house.svg);
        width: 59px;
        height: 54px;
    }

    .ico-hat {
        background-image: url(/Contents/images/cms/svg/ico-hat.svg);
        width: 58px;
        height: 42px;
    }

    .ico-money {
        background-image: url(/Contents/images/cms/svg/ico-money.svg);
        width: 51px;
        height: 49px;
    }

    .ico-play {
        background-image: url(/Contents/images/cms/svg/ico-play.svg);
        width: 24px;
        height: 24px;
    }

    .ico-play-alt {
        background-image: url(/Contents/images/cms/svg/ico-play-alt.svg);
        width: 24px;
        height: 24px;
    }

    .ico-mail {
        background-image: url(/Contents/images/cms/svg/ico-mail.svg);
        width: 19px;
        height: 14px;
    }

    .ico-x {
        position: relative;
        width: 10px;
        height: 10px;
    }

        .ico-x:before, .ico-x:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
            width: 100%;
            height: 2px;
            background: #006CB4;
            -webkit-transition: background 0.4s;
            -o-transition: background 0.4s;
            transition: background 0.4s;
        }

        .ico-x:after {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .ico-home {
            width: 49px;
            height: 45px;
        }

        .ico-hat {
            width: 49px;
            height: 35px;
        }

        .ico-money {
            width: 43px;
            height: 41px;
        }
    }
    /* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */
    .link {
        display: inline-block;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        padding: 12px 0 0;
        text-decoration: none;
    }

        .link:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #fff;
        }

        .link i {
            vertical-align: middle;
            margin-left: 7px;
        }

    .link--page--rightnav {
        display: inline-block;
        text-decoration: none;
        position: relative;
        padding: 5px 0 0;
        text-align: left;
        font: normal normal normal 16px/30px Inter;
        letter-spacing: 0px;
        color: #012752;
        opacity: 1;
        line-height: 1.5em;
    }

        .link--page--rightnav.isActive {
            font-weight: bold;
        }

        .link--page--rightnav:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #fff;
        }

        .link--page--rightnav:hover,
        .link--page--rightnav:focus {
            text-decoration: underline;
            color: #006CB4;
            opacity: 1;
        }

    .link--primary {
        color: #006CB4;
        padding: 0;
        -webkit-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4s;
    }

        .link--primary:hover,
        .link--primary:focus {
            color: #012752;
            text-decoration: none;
        }

            .link--primary:hover:after,
            .link--primary:focus:after {
                background: #012752;
            }

        .link--primary:after {
            top: auto;
            bottom: 2px;
            /*background: #006CB4;*/
            -webkit-transition: background 0.4s;
            -o-transition: background 0.4s;
            transition: background 0.4s;
        }

        .link--primary i {
            /*position: absolute;*/
            top: 10px;
            left: 100%;
            margin-left: 10px;
        }

    /* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
    [class^=list-] {
        list-style: none;
    }
    /* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */
    .list-contacts {
        font-size: 14px;
        line-height: 1.43;
        font-weight: 500;
    }

        .list-contacts li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .list-contacts li span {
                font-style: italic;
                font-size: 12px;
                min-width: 50px;
                margin-right: 8px;
                position: relative;
                top: 2px;
            }

            .list-contacts li a {
                text-decoration: none;
                -webkit-transition: opacity 0.4s;
                -o-transition: opacity 0.4s;
                transition: opacity 0.4s;
            }

                .list-contacts li a:hover,
                .list-contacts li a:focus {
                    opacity: 0.7;
                }

                .list-contacts li a.footPhone:hover,
                .list-contacts li a.footPhone:focus {
                    opacity: 1;
                    color: #ffffff;
                    text-decoration: underline;
                }

                .list-contacts li a.footPhone:hover,
                .list-contacts li a.footPhone:focus {
                    cursor: pointer;
                }

            .list-contacts li + li {
                margin-top: 11px;
            }

    @media (max-width: 1023px) {
        .list-contacts {
            max-width: 165px;
        }

            .list-contacts li {
                display: block;
            }

                .list-contacts li span {
                    display: block;
                    opacity: 0.75;
                    margin: 0 0 3px;
                }

                .list-contacts li + li {
                    margin-top: 13px;
                }

        .section-main .section__content + .article-alt {
            margin-top: 31px;
            padding-top: 30px;
        }

        .section-main--primary {
            padding: 17px 0 93px;
        }

            .section-main--primary .section__aside {
                margin: 100px 0 0;
            }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .list-contacts li span {
            margin: 0 0 6px;
        }

        .list-contacts li + li {
            margin-top: 9px;
        }
    }
    /* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
    .logo {
        display: inline-block;
        /*background: url(/Contents/images/cms/logo.png) no-repeat 0 0;*/
        /*background: url(/Contents/images/cms/GFPE_Logo_Header@2x.png) no-repeat 0 0;*/
        /*background: url(/Contents/images/cms/gfpe_logo_header_homepage@2x.png) no-repeat 0 0;*/
        background-size: 100% 100%;
        /*width: 283px;*/
        /*width: 178px;*/
        width: 145px;
        height: 87px;
    }

    .logo-alt {
        display: inline-block;
        /*background: url(/Contents/images/cms/logo-alt.svg) no-repeat 0 0;*/
        /*url(/Contents/images/cms/GFPE_Logo_Footer@2x.png) no-repeat 0 0;*/
        /*background: url(/Contents/images/cms/GFPE_Logo_Menu_Tablet@2x.png) no-repeat 0 0;*/
        /*/background: url(/Contents/images/cms/gfpe_logo_footer_homepage@2x.png) no-repeat 0 0;*/
        background-size: 100% 100%;
        /*width: 297px;*/
        /*width: 170px;*/
        width: 137px;
        height: 82px;
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .logo {
            width: 83px; /*102px;*/ /*old:147px;*/
            height: 50px; /*33px;*/
        }

        /* .logo-alt {
        width: 266px;
        height: 65px;
    }*/
    }

    @media (max-width:320px) {
        .logo {
            /*width:67px;*/
        }

        #row-email td {
            word-break: break-all;
        }
    }
    /* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
    /* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
    .nav {
        font-weight: 500;
        font-size: 16px;
    }

        .nav li {
            display: inline-block;
        }

            .nav li + li {
                margin-left: 47px;
            }

        .nav a {
            text-decoration: none;
            display: inline-block;
            position: relative;
            -webkit-transition: color 0.4s;
            -o-transition: color 0.4s;
            transition: color 0.4s;
        }

            .nav a:after {
                content: "";
                position: absolute;
                bottom: -20px;
                left: 0;
                width: 0;
                height: 1px;
                background: #012752;
                -webkit-transition: width 0.4s;
                -o-transition: width 0.4s;
                transition: width 0.4s;
            }

            .nav a:hover,
            .nav a:focus {
                color: #012752 !important;
                text-decoration: none;
            }
                /*
        .nav a:hover {
            color: #012752 !important;
            text-decoration: underline;
        }*/

                .nav a:hover:after,
                .nav a:focus:after {
                    width: 100%;
                }

                .nav a:hover:after,
                .nav a:focus:after {
                    /*width: 100%;*/
                }

        .nav .is-active {
            font-weight: 600;
        }

            .nav .is-active a {
                color: #006CB4;
            }

    @media (max-width: 1199px) {
        .nav li + li {
            margin-left: 20px;
        }
    }

    @media (max-width: 1023px) {
        .nav li {
            display: block;
        }

            .nav li + li {
                margin: 26px 0 0;
            }

        .nav .is-active a {
            border-radius: 2px;
            background: #35DED1;
            color: #24272B;
            min-width: 180px;
            padding: 12px 3px;
            font-size: 18px;
        }

        .nav .is-active .dropdown-content a {
            padding: 0px;
        }

        .nav .is-active .dropdown-sct-content a {
            padding: 0px;
        }
    }
    /* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */

    .btn--radio {
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
        transform: scale(2);
        margin-left: 15px;
        margin-right: 7px;
    }

    /* ------------------------------------------------------------ *\
	Section Main
\* ------------------------------------------------------------ */
    .section-main {
        padding: 50px 0 105px;
    }

        .section-main .shell {
            overflow: hidden;
        }

        .section-main .widget-primary {
            padding: 33px 23px 20px;
            margin-bottom: 25px;
        }

            .section-main .widget-primary a.right-nav-title {
                text-decoration: none;
            }

                .section-main .widget-primary a.right-nav-title:hover {
                    text-decoration: underline;
                }

            .section-main .widget-primary h5 {
                margin: 0;
                line-height: 1.14;
            }

                .section-main .widget-primary h5 + img {
                    margin: 10px 0 0;
                }

                .section-main .widget-primary h5 + p {
                    margin: 16px 0 0;
                    margin-bottom: 10px;
                }

                .section-main .widget-primary h5 + h6 {
                    margin: 8px 0 0;
                }

            .section-main .widget-primary img + p {
                margin: 15px 0 0;
            }

            .section-main .widget-primary img + h5 {
                margin: 31px -2px 0 0;
            }

            .section-main .widget-primary p {
                font-size: 15px;
                line-height: 1.47;
                padding-right: 2px;
                margin-bottom: 10px;
            }

                .section-main .widget-primary p.child {
                    padding-left: 15px;
                }

                .section-main .widget-primary p + .link {
                    margin: 17px 0 0;
                }

                .section-main .widget-primary p + .btn {
                    margin: 17px 0 0;
                }

            .section-main .widget-primary h6 {
                font-size: 20px;
                font-weight: 600;
            }

                .section-main .widget-primary h6 + img {
                    margin: 10px 0 0;
                }

            .section-main .widget-primary .widget__head {
                margin: 0 0 14px;
            }

            .section-main .widget-primary + .widget-primary {
                /*margin-top: 30px;*/
            }

        .section-main .widget-primary--def {
            padding: 2px 0;
            background: none !important;
            display: inline-block; /* SF - added 11 nov 2021- button text */
        }

        .section-main .section__inner {
            position: relative;
            padding: 0 0 0 42px; /*0 414px 0 42px;*/
        }

            .section-main .section__inner.ufk {
                padding: 0 228px;
            }

        .section-main .section__aside {
            /*position: absolute;*/
            top: -1px;
            right: 42px;
            width: 25%; /*255px;*/
            float: right;
        }

        .section-main .section__content .article__body.project a,
        .section-main .section__content .article__body.project a h5 {
            text-decoration: none;
            display: inline-block;
        }

            .section-main .section__content .article__body.project a:hover h5,
            .section-main .section__content .article__body.project a:focus h5 {
                text-decoration: underline;
            }

        .section-main .section__content .article__body.project {
            padding-left: 186px;
            width: calc(100% - 5px);
        }

        .section-main .section__content .article-alt.noImg .article__body.project {
            padding-left: 0px;
        }

            .section-main .section__content .article-alt.noImg .article__body.project p {
                padding-top: 10px;
            }

            .section-main .section__content .article-alt.noImg .article__body.project h5 {
                line-height: 1.5;
            }

        .section-main .section__content ul,
        .section-main .section__content p {
            color: #161718;
        }

            .section-main .section__content ul a,
            .section-main .section__content p a {
                color: #006CB4;
                -webkit-transition: color 0.4s;
                -o-transition: color 0.4s;
                transition: color 0.4s;
            }

                .section-main .section__content ul a:hover,
                .section-main .section__content p a:hover,
                .section-main .section__content ul a:focus,
                .section-main .section__content p a:focus {
                    color: #012752;
                    text-decoration: underline;
                }

        .section-main .section__content h2 {
            margin: 0 0 40px 0;
        }

            .section-main .section__content h2 + img {
                /*margin: 40px 0 0;*/
                padding-bottom: 20px;
            }

        .section-main .section__content img + h5 {
            margin: 33px 0 0;
        }

        .section-main .section__content h5 {
            line-height: 1.2;
        }

            .section-main .section__content h5 + p {
                margin: 16px 0 0; /*18px 0 0;*/
            }

        .section-main .section__content img + p {
            margin: 20px 0 0;
        }

        .section-main .section__content p {
            margin: 0;
            padding-bottom: 20px;
        }

        .section-main .section__content .article__body.project p:last-child {
            padding-bottom: 0px;
        }

        .section-main .section__content pre {
            white-space: pre-wrap;
        }

        .section-main .section__content p + ul {
            margin: 14px 0 0;
        }

        .section-main .section__content p + h5 {
            margin: 47px 0 0;
        }

        .section-main .section__content p + h6 {
            margin: 21px 0 0;
        }

        .section-main .section__content p + img {
            margin: 46px 0 0;
        }

        .section-main .section__content ol {
            padding-left: 29px;
        }

        .section-main .section__content ul {
            list-style: none;
            padding-left: 29px;
        }

            .section-main .section__content ul li {
                position: relative;
                padding-left: 18px;
            }

                .section-main .section__content ul li:after {
                    content: "";
                    position: absolute;
                    top: 8px;
                    left: 1px;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    background: #161718;
                }

            .section-main .section__content ul#ulFOTFError li:after {
                background: #D8000C;
            }

            .section-main .section__content ul li + li {
                margin: 11px 0 0;
            }

            .section-main .section__content ul + h5 {
                margin: 35px 0 0;
            }

            .section-main .section__content ul + h4 {
                margin: 38px 0 0;
            }

        .section-main .section__content h4 + h5 {
            margin: 14px 0 0;
        }

        .section-main .section__content h5 + h6 {
            margin: 16px 0 0;
        }

        .section-main .section__content h6 {
            font-size: 18px; /*20px;*/
            font-weight: 600;
        }

            .section-main .section__content h6 + p {
                margin: 5px 0 0;
            }

    .section-main--primary .section__content .articles-alt {
        margin-top: 10px; /*35px;*/
        padding-top: 30px; /*41px;*/
        border-top: 1px solid #DADEE2;
    }

        .section-main--primary .section__content .articles-alt.noContent {
            margin-top: 0px;
            padding-top: 0px;
            border-top: 0px;
        }

    .section-main--primary {
        padding: 50px 0 122px;
    }

    .section-main .section__content div.boards-list {
        margin-top: 10px; /*40px;*/
        max-width: 660px;
    }

        .section-main .section__content div.boards-list.noContent {
            margin-top: 0px;
        }

        .section-main .section__content div.boards-list .board-row {
            text-align: left;
            margin-top: 20px;
        }

        .section-main .section__content div.boards-list .board-row-item {
            display: inline-block;
            padding: 0 10px 20px;
            vertical-align: top;
            max-width: 220px;
        }

            .section-main .section__content div.boards-list .board-row-item.fChild {
                padding-left: 0px;
                width: 210px;
            }

        .section-main .section__content div.boards-list .hvrbox {
            position: relative;
            display: inline-block;
            overflow: hidden;
            max-width: 100%;
            height: auto;
        }

            .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_bottom {
                display: block;
                width: 200px;
                height: 200px;
            }

            .section-main .section__content div.boards-list .hvrbox img {
                max-width: 100%;
                width: 220px;
            }

            .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_top {
                opacity: 0;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background: rgba(78, 157, 187, 0.6);
                color: #fff;
                padding: 15px;
                -moz-transition: all 0.4s ease-in-out 0s;
                -webkit-transition: all 0.4s ease-in-out 0s;
                -ms-transition: all 0.4s ease-in-out 0s;
                transition: all 0.4s ease-in-out 0s;
            }

        .section-main .section__content div.boards-list .board-row-item-fullname {
            text-align: left;
            padding: 0 5px;
            word-wrap: break-word;
            line-height: 26px;
        }

            .section-main .section__content div.boards-list .board-row-item-fullname a {
                text-decoration: none;
            }

        .section-main .section__content div.boards-list .board-row-item-staffTitle {
            text-align: left;
            color: #000000;
            padding: 0 5px;
            font-size: 14px;
            font-weight: 500;
        }

    .section-main .section__content .staff-left {
        width: 220px;
        display: inline-block;
    }

        .section-main .section__content .staff-left img {
            width: 200px;
            height: 200px;
        }

    .section-main .section__content .staff-right {
        width: 71%;
        float: right;
    }

    .section-main .section__content .staff-fullname {
        word-wrap: break-word;
    }

    .section-main .section__content .staff-title {
        font-size: 16px;
        /*font-family: latolight, sans-serif;*/
        color: #000000;
        padding: 6px 0px 46px;
        text-align: left;
        width: 100%;
        letter-spacing: initial;
        font-weight: 500;
    }

    .section-main .section__content .staff-fullwidth {
        display: none;
    }

    .section-main .section__content div.boards-list .board-row-item.fChild {
        padding-left: 0px;
        padding-right: 10px;
        width: 210px;
    }

    .section-main .section__content div.boards-list .board-row-item.thChild {
        padding-left: 10px;
        padding-right: 0px;
        width: 210px;
    }

    .section__aside .widget-primary img {
        /*width: 100%;*/
        max-width: 100%;
    }

    @media (max-width: 1199px) {
        .section-main .section__inner {
            padding: 0px; /*0 300px 0 0;*/
        }

            .section-main .section__inner.ufk {
                padding: 0 150px;
            }

        .section-main .section__aside {
            right: 0;
        }
    }

    @media (max-width: 1024p) {
        .section-main .section__content .staff-right {
            width: 68%;
        }
    }

    @media (max-width: 1023px) {
        .section-main {
            padding: 17px 0 60px;
        }

            .section-main .widget-primary {
                padding: 33px 23px 16px;
                border-radius: 4px;
            }

                .section-main .widget-primary p {
                    min-height: 0;
                }

                    .section-main .widget-primary p + .link {
                        margin: 19px 0 0;
                    }

            .section-main .widget-primary--large {
                max-width: 100%;
                /*display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;*/
            }

                .section-main .widget-primary--large .widget__head {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 205px;
                    flex: 0 0 205px;
                }

                .section-main .widget-primary--large .widget__content {
                    padding: 39px 0 0 39px;
                    -webkit-box-flex: 1;
                    -ms-flex: 1 1;
                    flex: 1 1;
                }

            .section-main .widget-primary + .widget-primary {
                margin-top: 20px;
                width: 100%;
            }

            .section-main .widget-primary--alt {
                padding: 33px 23px 25px;
            }

                .section-main .widget-primary--alt h5 {
                    max-width: 208px;
                }

            .section-main .widget-primary--def {
                padding: 1px 0;
            }

                .section-main .widget-primary--def .btn {
                    max-width: 255px;
                }

            .section-main .section__inner {
                padding: 0;
            }

                .section-main .section__inner.ufk {
                    padding: 0;
                }

                .section-main .section__inner .section__body {
                    width: 100%;
                }

            .section-main .section__aside {
                position: static;
                margin: 32px 0 0;
                width: 100%;
            }

            .section-main .section__content ul,
            .section-main .section__content p {
                font-size: 18px;
                line-height: 1.67;
            }

            .section-main .section__content h2 + img {
                /*margin: 30px 0 0;*/
                padding-bottom: 20px;
            }

            .section-main .section__content img + h5 {
                margin: 30px 0 0;
                font-size: 26px;
                line-height: 1.2; /*1.31;*/
            }

            .section-main .section__content h5 + p {
                margin: 17px 0 0;
            }

            .section-main .section__content p + h5 {
                margin: 25px 0 0;
            }

            .section-main .section__content p + h6 {
                margin: 20px 0 0;
            }

            .section-main .section__content p + img {
                margin: 41px 0 0;
            }

            .section-main .section__content ul + h5 {
                margin: 37px 0 0;
            }

            .section-main .section__content ul + h4 {
                margin: 28px 0 0;
            }

            .section-main .section__content h4 + h5 {
                margin: 14px 0 0;
            }

            .section-main .section__content h5 + h6 {
                margin: 16px 0 0;
            }

            .section-main .section__content h6 + p {
                margin: 7px 0 0;
            }
    }

    @media (min-width:560px) and (max-width:800px) {
        .section-main .section__content .staff-fullwidth {
            display: inline-block;
            clear: both;
            margin-top: 20px;
        }

        .section-main .section__content .staff-right .staff-bio {
            display: none;
        }

        .section-main .section__content .staff-right {
            width: 68%;
        }
    }

    @media (max-width: 768px) {

        .section-main .section__content .staff-right {
            width: 55%;
            float: right;
        }

        .section-main .section__content div.boards-list .board-row-item {
            padding-left: 10px;
            width: 210px;
        }

        .section-main .widget-primary + .widget-primary {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .section-main .section__content .article__body.project {
            padding-left: 0px !important;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .section-main {
            padding: 12px 0 73px;
        }

            .section-main .widget-primary {
                padding: 33px 30px 26px;
                border-radius: 4px;
            }

                .section-main .widget-primary h5 {
                    font-size: 28px;
                    line-height: 1.14;
                }

                .section-main .widget-primary p {
                    min-height: 0;
                }

                    .section-main .widget-primary p + .link {
                        margin: 19px 0 0;
                    }

            .section-main .widget-primary--large {
                display: block;
            }

                .section-main .widget-primary--large .widget__content {
                    padding: 0;
                }

            .section-main .widget-primary + .widget-primary {
                margin-top: 29px;
            }

            .section-main .widget-primary--alt {
                padding: 33px 30px 27px;
            }

                .section-main .widget-primary--alt h5 {
                    max-width: 208px;
                }

                .section-main .widget-primary--alt p + .link {
                    margin: 29px 0 0;
                }

            .section-main .widget-primary--def {
                padding: 2px 0;
            }

                .section-main .widget-primary--def p + .btn {
                    margin: 42px auto 0;
                }

                .section-main .widget-primary--def .btn {
                    max-width: 255px;
                    display: block;
                    margin: auto;
                }

            .section-main .section__content ul,
            .section-main .section__content p {
                font-size: 16px;
                line-height: 1.5;
            }

            .section-main .section__content img + h5 {
                margin: 26px 0 0;
                font-size: 18px; /*21px;*/
                line-height: 1.2; /*1.33;*/
            }

            .section-main .section__content h5 {
                font-size: 18px; /*21px;*/
                line-height: 1.2; /*1.33;*/
            }

                .section-main .section__content h5 + p {
                    margin: 12px 0 0;
                }

            .section-main .section__content p + ul {
                margin: 12px 0 0;
            }

            .section-main .section__content p + h5 {
                margin: 25px 0 0;
            }

            .section-main .section__content p + h6 {
                margin: 20px 0 0;
            }

            .section-main .section__content p + img {
                margin: 23px 0 0;
            }

            .section-main .section__content ul {
                padding-left: 11px;
            }

                .section-main .section__content ul li {
                    padding-left: 20px;
                }

                    .section-main .section__content ul li:after {
                        top: 10px;
                    }

                .section-main .section__content ul + h5 {
                    margin: 33px 0 0;
                }

                .section-main .section__content ul + h4 {
                    margin: 28px 0 0;
                }

            .section-main .section__content h4 {
                font-size: 28px;
            }

                .section-main .section__content h4 + h5 {
                    margin: 7px 0 0;
                }

            .section-main .section__content h5 + h6 {
                margin: 12px 0 0;
            }

            .section-main .section__content h6 {
                font-size: 16px;
                line-height: 1.2; /*1.5;*/
            }

                .section-main .section__content h6 + p {
                    margin: 11px 0 0;
                }

            .section-main .section__aside {
                margin: 60px 0 0;
            }

            .section-main .section__content .articles-alt {
                margin-top: 10px; /*27px;*/
                padding-top: 30px; /*31px;*/
            }

            .section-main .section__aside {
                margin: 60px 0 0;
            }
    }

    @media (min-width:600px) and (max-width:700px) {
        .section-main .section__content div.boards-list {
            max-width: 510px;
        }

            .section-main .section__content div.boards-list .board-row-item.thChild {
                padding-right: 0px;
                /*width:210px;*/
            }

            .section-main .section__content div.boards-list .board-row-item {
                width: 160px !important;
                padding-left: 10px;
                padding-right: 10px;
            }

            .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_bottom {
                width: 150px;
                height: 150px;
            }
    }

    @media (max-width:599px) {
        .section-main .section__content div.boards-list .board-row-item {
            width: 160px !important;
        }

        .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_bottom {
            width: 150px;
            height: 150px;
        }
        /*.section-main .section__content div.boards-list .board-row-item.thChild {
        padding-left: 0px;
        padding-right: 10px;
    }


    .section-main .section__content div.boards-list .board-row-item.fChild {
        padding-left: 10px;
        width: 150px;
    }*/

        .section-main .section__content div.boards-list .board-row-item:nth-child(odd) {
            padding-left: 10px;
            width: 150px;
        }

        .section-main .section__content div.boards-list .board-row-item:nth-child(even) {
            padding-left: 10px;
            /*width: 210px;*/
        }
    }

    @media (max-width:559px ) {
        .section-main .section__content .staff-right {
            width: 100%;
        }
    }

    @media (max-width:500px) {
        .section-main .section__content div.boards-list .board-row-item:nth-child(odd) {
            padding-left: 0px;
            padding-right: 10px;
        }

        .section-main .section__content div.boards-list .board-row-item:nth-child(even) {
            padding-left: 10px;
            padding-right: 0px;
        }
    }

    @media (max-width:464px) {
        .section-main .section__content div.boards-list .board-row-item:nth-child(even) {
            padding-left: 0px !important;
        }
    }

    @media (max-width:375px) {

        .section-main .section__content .article__body.project {
            padding-left: 0px;
        }

            .section-main .section__content .article__body.project p:last-child {
                padding-bottom: 0px;
            }

        .section-main .section__content div.boards-list .board-row-item {
            display: inline-block;
            max-width: 150px;
            padding-left: 0px !important;
            padding-right: 0px !important;
            width: 100%
        }

            .section-main .section__content div.boards-list .board-row-item:first-child {
                max-width: 150px;
                width: 100%;
            }

            .section-main .section__content div.boards-list .board-row-item:nth-child(even) {
                padding-left: 0px !important;
            }

        .section-main .section__content .staff-right {
            width: 100%;
            float: left;
        }

        .section-main .section__content div.boards-list .hvrbox {
            max-width: 150px;
        }

            .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_bottom {
                width: 150px;
                max-width: 150px;
                height: 150px;
            }
    }
    /* ------------------------------------------------------------ *\
	Select- 
\* ------------------------------------------------------------ */
    .select select::-ms-expand {
        display: none;
    }

    .section__inner .section__body {
        width: 72%;
        margin: 0;
        float: left;
        position: relative;
    }

    .section__inner .section__body__full {
        width: 97%;
        margin: 0;
        float: left;
        position: relative;
    }
    /* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
    .shell {
        max-width: calc( 1176px + 15px * 2 );
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
        width: 100%;
    }


    @media (max-width: 1023px) {
        .shell {
            padding: 0 36px;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .shell {
            padding: 0 20px;
        }
    }
    /* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
    .socials a {
        display: inline-block;
        text-decoration: none;
        position: relative;
        height: 22px;
    }

        .socials a:hover i,
        .socials a:focus i {
            opacity: 0;
        }

            .socials a:hover i + i,
            .socials a:focus i + i {
                opacity: 1;
            }

        .socials a i {
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
        }

            .socials a i + i {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
            }

    .socials li {
        display: inline-block;
    }

        .socials li + li {
            margin-left: 10px;
        }
    /* ------------------------------------------------------------ *\
	Widget Video
\* ------------------------------------------------------------ */
    .widget-video {
        position: relative;
        padding-top: 56%;
    }

        .widget-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    /* ------------------------------------------------------------ *\
	Widget Primary
\* ------------------------------------------------------------ */
    .widget-primary {
        background: #006CB4;
        border-radius: 4px;
        color: #FFF;
        padding: 36px 42px;
        position: relative;
        z-index: 10;
        -webkit-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

        .widget-primary:hover,
        .widget-primary:focus {
            background: #004D80;
        }

        .widget-primary h5 {
            margin: 0 0 7px;
        }

        .widget-primary p {
            font-size: 16px;
            line-height: 1.69;
            margin: 0;
            margin-right: -10px;
        }

            .widget-primary p + .link {
                margin-top: 23px;
            }

                .widget-primary p + .link:hover,
                .widget-primary p + .link:focus {
                    text-decoration: underline;
                    color: #fff;
                }

        .widget-primary a.link:hover,
        .widget-primary a.link:focus {
            text-decoration: underline;
            color: #fff;
        }

    .widget-primary--alt {
        background: #012752;
    }

        .widget-primary--alt:hover,
        .widget-primary--alt:focus {
            background: #061A2F;
        }

    .widget-primary--def {
        background: none;
        color: #161718;
        padding: 0;
    }

        .widget-primary--def h6,
        .widget-primary--def h5 {
            color: #012752;
        }

    @media (max-width: 1023px) {
        .widget-primary {
            border-radius: 0;
            padding: 26px 37px;
        }

            .widget-primary p {
                min-height: 81px;
            }

                .widget-primary p + .link {
                    margin-top: 19px;
                }

        .widget-primary--alt {
            padding: 26px 38px 26px 27px;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .widget-primary {
            border-radius: 4px;
            padding: 32px 25px 27px;
        }

            .widget-primary h5 {
                line-height: 1.17;
                margin: 0 0 13px;
            }

            .widget-primary p {
                min-height: 0;
            }

                .widget-primary p + .link {
                    margin-top: 13px;
                }

        .widget-primary--alt {
            padding: 30px 35px 26px 25px;
        }
    }
    /* ------------------------------------------------------------ *\
	Widget Stats
\* ------------------------------------------------------------ */
    .widget-stats {
        padding: 36px 0;
    }

    .widget__item h1, .widget__item h2, .widget__item h3, .widget__item h4, .widget__item h5, .widget__item h6, .widget__item h7 {
        margin-right: 10px !important;
    }

    .widget-stats h3 {
        font-weight: 900;
        margin: 0 0 6px;
        word-break: break-word;
    }

        .widget-stats h3 sup {
            position: relative;
            top: 4px;
            font-size: 22px;
        }

    .widget-stats p {
        font-size: 15px;
        line-height: 1.47;
    }

    .widget-stats .widget__inner {
        position: relative;
        background: #F4EFEB;
        border-radius: 4px;
        padding: 43px 13px 43px 77px;
    }

        .widget-stats .widget__inner:after {
            content: "";
            position: absolute;
            top: 43px;
            bottom: 43px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: calc(33.33% - 15px);
            border-left: 1px solid #D5CBC6;
            border-right: 1px solid #D5CBC6;
            pointer-events: none;
        }

    .widget-stats .widget__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -32px;
    }

    .widget-stats .widget__item {
        -webkit-box-flex: 0;
        /*-ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;*/
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
        position: relative;
        padding: 0 32px;
        padding-left: 88px;
    }

        .widget-stats .widget__item i {
            position: absolute;
            top: -23px;
            left: 0;
            -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%);
        }

    @media (max-width: 1199px) {
        .widget-stats br {
            display: none;
        }
    }

    @media (max-width: 1023px) {
        .widget-stats {
            padding: 15px 0;
        }

            .widget-stats h3 {
                margin: 0 0 2px;
            }

                .widget-stats h3 sup {
                    top: 0;
                }

            .widget-stats .widget__inner {
                padding: 38px 42px 43px;
            }

                .widget-stats .widget__inner:after {
                    display: none;
                }

            .widget-stats .widget__items {
                display: block;
                margin: 0;
            }

            .widget-stats .widget__item {
                max-width: 100%;
                padding: 0 0 0 78px;
            }

                .widget-stats .widget__item + .widget__item {
                    margin-top: 32px;
                }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .widget-stats {
            padding: 15px 0;
        }

            .widget-stats h3 {
                margin: 0 0 2px;
            }

                .widget-stats h3 sup {
                    top: 2px;
                }

            .widget-stats .widget__inner {
                padding: 26px 23px 26px;
            }

            .widget-stats .widget__item {
                padding: 0 0 0 68px;
            }

                .widget-stats .widget__item i {
                    top: -19px;
                }

                .widget-stats .widget__item + .widget__item {
                    margin-top: 22px;
                }
    }
    /* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
    .wrapper {
        position: relative;
        min-height: 100vh;
        overflow: hidden;
        padding-top: 184px;
        top: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
    }

        .wrapper.hide-bar {
            padding-top: 184px; /*135px;*//*edited by ES 2des2025 */
        }

            .wrapper.hide-bar .header {
                /*top: 0;*/
            }

    .wrapper--primary {
        padding-top: 113px;
    }

    @media (max-width: 1023px) {
        .wrapper {
            padding-top: 172px;
        }

            .wrapper.hide-bar {
                padding-top: 123px;
            }

        .wrapper--primary {
            padding-top: 109px;
        }
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .wrapper {
            padding-top: 116px;
        }

            .wrapper.hide-bar {
                padding-top: 73px;
            }

        .wrapper--primary {
            padding-top: 73px;
        }
    }
    /* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */

    /* added for form - SF - Aug 19, 2014 */
    .tip-error {
        float: left;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        behavior: url("/contents/PIE.php");
        color: #a91802;
        font-size: 15px;
        clear: both;
        display: none;
    }

    input.error + div + .tip-error {
        display: block;
    }

    input.error + .tip-error {
        display: block;
    }

    input.error + input + .tip-error {
        display: block;
    }

    input.error + css3-container + .tip-error {
        display: block;
    }

    input.error + css3-container + input + css3-container + .tip-error {
        display: block;
    }

    .selectBox.error + .tip-error {
        display: block;
    }

    label.error {
        color: #D8000C;
        position: absolute;
        padding-left: 10px;
        font-size: 14px;
        width: 100%;
        /*padding-top: 10px;*/
    }


    #frmTaxCredit label.error {
        position: initial;
        padding-left: 0px;
        font-size: 18px;
    }

    @media (max-width: 1023px) {
        label.error {
            position: relative;
            padding-left: 0px;
        }
    }

    .errorBox {
        background-color: #FFBABA;
        background-image: url("/contents/images/box-error.gif");
        color: #D8000C;
        border: 1px solid red;
    }

    .infoBox {
        background-color: #BDE5F8;
        background-image: url("/contents/images/box-info.gif");
        color: #00529B;
    }

        .infoBox p {
            color: #00529B !important;
        }

    .successBox {
        background-color: #dff2bf;
        background-image: url("/contents/images/box-success.gif");
        color: #4f8a10;
    }

    .warningBox {
        background-color: #feefb3;
        background-image: url("/contents/images/box-warning.gif");
        color: #9f6000;
    }

    .validationBox {
        background-color: #ffccba;
        background-image: url("/contents/images/box-validation.gif");
        color: #d63301;
    }

    .infoBox, .successBox, .warningBox, .errorBox, .validationBox {
        text-align: left;
        clear: both;
        border: 1px solid;
        margin: 0 0 10px;
        padding: 15px 15px 15px 0;
        background-repeat: no-repeat;
        background-position: 10px center;
        margin-bottom: 25px;
    }

        a:hover, .errorBox a:hover,
        a:focus, .errorBox a:focus {
            color: #0d517e;
            text-decoration: underline;
        }

    #lyrFOTFError .errorBox {
        margin-bottom: 30px;
    }

        #lyrFOTFError .errorBox li {
            margin-left: 30px !important;
        }

    .red_text {
        color: red;
    }

    .red_textBold {
        color: red;
        font-weight: bolder;
        font-size: 20px;
    }

    .errorBox p,
    .infoBox p,
    .successBox p,
    .validationBox p,
    .warningBox p {
        padding-left: 60px !important;
        margin: 0 !important;
        padding-bottom: 0px !important; /* ML Feb 07, 2022 fix padding bottom too wide */
    }

    .errorBox a {
        color: black;
        text-decoration: underline;
    }

    .errorBox ul {
        margin-left: 30px !important;
        color: #D8000C !important;
    }

    .errorBox p {
        color: #D8000C !important;
        margin-left: 27px;
    }

        .errorBox p.errItem {
            /*height: 30px;*/ /* ML Feb 07, 2022 fix error message that higher than 30px */
            min-height: 30px; /* ML Feb 07, 2022 fix error message that higher than 30px */
            padding-bottom: 5px; /* ML Feb 07, 2022 fix padding bottom too wide */
        }

            .errorBox p.errItem::before {
                content: "\2022";
                color: red;
                padding-right: 5px;
            }

    .errorBox {
        color: #D8000C !important;
        background-color: #FFBABA;
        background-image: url(/contents/images/box-error.gif)
    }

    /* END OF added for form - SF - Aug 19, 2014 */

    .end-slider-column {
        display: table-cell;
        width: 350px;
    }

        .end-slider-column:first-child {
            padding-right: 36px;
            width: 418px;
        }

    /* ------------------------------------------------------------ *\
    Loading
\* ------------------------------------------------------------ */
    .invalid label, .required label, .invalid2 label, .invalid p, .required p, .invalid2 p {
        color: #D62326;
    }

        .invalid label.not-required, .required label.not-required, .invalid2 label.not-required, .invalid p.not-required, .required p.not-required, .invalid2 p.not-required {
            color: #333;
        }

    .invalid input, .invalid textarea, .invalid input.file, .required input, .required textarea, .required input.file {
        border: 1px solid #D62326;
    }

        .invalid input.not-required, .invalid textarea.not-required, .invalid input.file.not-required, .required input.not-required, .required textarea.not-required, .required input.file.not-required {
            border: 1px solid #CDCDCD;
        }

    /* .validation .error {display: none;} */
    .validation .invalid, .validation .required, .validation .invalid2 {
        display: none;
    }

    .invalid .validation .invalid,
    .required .validation .required,
    .invalid2 .validation .invalid2 {
        display: block;
    }

    .invalid .validation .invalid {
        display: block;
        height: auto;
        padding-bottom: 5px;
    }

    .form__row {
        position: relative;
        clear: both;
        overflow: hidden;
        margin-bottom: 5px; /* ML Feb 6, 2022 */
    }

    /* Inline Validation */
    .validation p {
        position: relative;
        padding: 4px 10px 5px 10px !important;
        /*height: 35px;*/
        min-height: 35px; /* ML Feb 08, 2022 fix for multi line text alert */
        border-radius: 5px;
    }

        /* Inline Validation - Up Arrow */
        .validation p:before {
            position: absolute;
            top: -18px;
            left: 10px;
            margin-top: 0px;
        }

        .validation p:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
        }

        .validation p:before {
            border: solid;
            border-width: 10px 8px;
            border-color: transparent transparent #F27801 transparent;
        }

    .lt-ie9 .validation p:before {
        display: none;
    }
    /* Hide arrow in less than IE9 */

    .validation .error:before {
        border-color: transparent transparent #D62326 transparent;
    }

    div.validation {
        margin-top: 10px;
        width: 90%;
    }

    @media (max-width: 500px) { /* ML Feb 08, 2022 fix width for small device */
        div.validation {
            width: auto;
        }
    }

    /* Inline Validation Colors */
    .validation .error {
        background: #D62326;
        color: #ffffff !important;
        font-size: 15px;
    }

    .lt-ie9 .validation .error {
        background-image: url(/Contents/images/box-error.gif);
    }

    /* ------------------------------------------------------------ *\
    Form Elements
\* ------------------------------------------------------------ */
    input::-webkit-input-placeholder {
        color: inherit;
        opacity: 1;
    }

    input:-ms-input-placeholder {
        color: inherit;
        opacity: 1;
    }

    input::placeholder {
        color: inherit;
        opacity: 1;
    }

    textarea::-webkit-input-placeholder {
        color: inherit;
        opacity: 1;
    }

    textarea:-ms-input-placeholder {
        color: inherit;
        opacity: 1;
    }

    textarea::placeholder {
        color: inherit;
        opacity: 1;
    }

    input:-webkit-autofill {
        -webkit-text-fill-color: inherit;
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
    }

    .field {
        width: 100%;
        height: 38px;
        padding: 0 14px;
        border: 1px solid #dedad0;
        border-radius: 4px;
        background: #fff;
        font-size: 15px;
        font-style: normal !important;
        line-height: 38px;
        color: #333;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: border 0.4s;
    }

        .field:focus {
            border-color: #3498db;
        }

    .field--md {
        max-width: 388px;
    }

    /*.field--md:focus {
            margin: 5px;
        }*/

    .field--sm {
        max-width: 162px;
    }

    /*.field--sm:focus {
            margin: 5px;
        }*/
    /*  Select  */
    .select {
        position: relative;
        height: 38px;
        border: 1px solid #dedad0;
        padding: 0 14px;
        font-size: 15px;
    }

        .select.sel-filling-status {
            width: 98% !important;
        }

    .select--md {
        max-width: 388px;
    }

    .select--sm {
        max-width: 160px;
    }

    .select--xs {
        max-width: 114px;
    }

    .form-tax-con .form__body {
        /*margin: 25px 0px 25px 0px;*/
        margin: 0px 0px 25px 0px;
    }

    .form-tax-con .form__row {
        margin-bottom: 5px;
        word-break: break-word;
    }

        .form-tax-con .form__row tr td {
            padding-right: 8px;
            vertical-align: top;
        }

    .text__content {
        margin: 0px; /*old 25px 0 0 0; */
        padding-bottom: 0px;
    }

    .row-blank {
        height: 10px;
    }

    /* ------------------------------------------------------------ *\
    Header dropdown menu: Homepage
\* ------------------------------------------------------------ */

    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        width: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 8px;
        padding: 20px;
        margin-left: -30px;
        border: 1px solid #DEE3E6;
        z-index: 1;
        max-height: 500px;
        overflow-y:auto;
    }
    
    .nav ul li .dropdown-content {        
        margin-left: -100px;
    }
    .nav ul li:last-child .dropdown-content {        
        margin-left: -250px;
    }

        .dropdown-content p {
            text-align: left;
            padding: 10px;
            margin: 0px;
        }

            .dropdown-content p:hover {
                background: #EEF2F4 0% 0% no-repeat padding-box;
                border-radius: 2px;
                opacity: 1;
            }

        .dropdown-content a.dd-link:after {
            transition: none;
            background: none;
        }

    .dropdown:hover .dropdown-content,
    .dropdown:focus .dropdown-content,
    .nav ul li.dropdown.focus .dropdown-content,
    .dropdown a.focus .dropdown-content,
    .nav .dropdown-content:focus {
        display: block;
        white-space: nowrap;
        width: 400px; /*DF : old : 390px mike req 4feb2025*//* ML Nov 03, 2021 bug fix for long link */
    }

    .dropdown .dropdown-content a {
        white-space: initial; /* ML Nov 03, 2021 bug fix for long link */
    }

    .dropdown:hover .dropdown-content a, /* ML Nov 03, 2021 bug fix for active link*/
    .dropdown:focus .dropdown-content a,
    .dropdown.focus .dropdown-content a {
        white-space: initial; /* ML Nov 03, 2021 bug fix for long link */
    }

    @media (max-width: 1230px) {
        .dropdown.dropdown-last:hover .dropdown-content {
            margin-left: -120px;
        }

        .select {
            max-width: 95%;
        }
    }
    
    @media (max-width: 1023px) {
        .nav ul li.dropdown.focus .dropdown-content {
            width: 300px;
        }
        .nav ul li.dropdown.is-active.dropdown-last.focus .dropdown-content {
            margin-left: auto !important;
            margin: 0 auto;
        }        
    }

    @media (max-width: 1199px) {
        .nav ul li.dropdown.is-active.dropdown-last.focus .dropdown-content {
            margin-left: -200px;
        }
        .dropdown.dropdown-last:hover .dropdown-content {
            margin-left: -200px;
        }
    }

    /* ------------------------------------------------------------ *\
    Header dropdown menu: Section
\* ------------------------------------------------------------ */

    .dropdown-sct {
        position: relative;
        display: inline-block;
    }

    .dropdown-sct-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        width: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 8px;
        padding: 20px;
        margin-left: -30px;
        margin-top: 0px;
        border: 1px solid #DEE3E6;
        z-index: 99;
        max-height: 500px;
        overflow-y:auto;
    }

        .dropdown-sct-content p {
            text-align: left;
            padding: 10px;
            margin: 0px;
        }

            .dropdown-sct-content p:hover,
            .dropdown-sct-content p:focus {
                background: #EEF2F4 0% 0% no-repeat padding-box;
                border-radius: 2px;
                opacity: 1;
            }

        .dropdown-sct-content a.dd-link:after {
            transition: none;
            background: none;
        }

    .dropdown-sct:hover .dropdown-sct-content,
    .dropdown-sct:focus .dropdown-sct-content{
        display: block;
        /*white-space: nowrap;*/
        width: 400px; /*old : 300px*/
    }

    @media (max-width: 767px) {
        .dropdown:hover:not(:focus) .dropdown-content {
            display: none;
            margin: 0 auto;
        }

        .dropdown-sct:hover:not(:focus) .dropdown-sct-content {
            display: none;
        }
    }

    /* ========================================== */
    /* NEW ADDITION FOR DROPDOWN MOBILE + TABLET */

    .nav {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .dropdown-content,
        .dropdown-sct-content {
            max-height: none;
            overflow-y: auto;
        }
        .nav {
            max-width: 373px;
            width: 100%;
            margin: 13px auto 0;
        }
    }

    .nav a {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav a {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0.05em;
            position: static;
        }

            .nav a:hover {
                color: #fff !important;
            }
    }

    .nav li {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav li {
            padding: 20px 36px 20px;
            border-bottom: 1px solid rgba(254, 254, 254, 0.3);
            position: relative;
        }

            .nav li.dropdown-sct:first-child {
                border-bottom: 1px solid rgba(254, 254, 254, 0.3) !important;
            }
    }

    .nav li + li {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav li + li {
            margin-top: 0;
        }
    }

    .nav li:last-child {
        /*  Tablet  */
    }

    .nav li:last-child .dropdown-sct-content {
        margin-left: -150px; /*old 100px*/
    }
    @media (max-width: 1300px) {
        .nav li:nth-child(3) .dropdown-sct-content {
            margin-left: -200px;
        }
        .nav li:last-child .dropdown-sct-content {
            margin-left: -250px;
        }
    }

    @media (max-width: 1023px) {
        .nav li:last-child {
            /*margin-top: 22px;*/
            /*padding-bottom: 0;*/
            border-bottom: 1px solid rgba(254, 254, 254, 0.3) !important;
        }
    }

    .nav li:last-child a {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav li:last-child a {
            letter-spacing: 0;
        }
    }

    .nav .btn-expand {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .btn-expand {
            width: 22px;
            height: 22px;
            position: absolute;
            top: 21px;
            right: 0;
            border-radius: 50%;
            border: 1px solid #35DED1;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
        }

        li.dropdown-sct.is-active.dropdown-last a span.btn-expand,
        li.dropdown.is-active.dropdown-last a span.btn-expand {
            margin-top: 12px;
        }

        .nav .btn-expand:before {
            content: "";
            width: 5px;
            height: 5px;
            border-top: 1px solid #FEFEFE;
            border-right: 1px solid #FEFEFE;
            position: absolute;
            top: calc(50% - 2.5px);
            left: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(135deg);
            -ms-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
        }
    }

    @media (max-width: 320px) {
        li.dropdown-sct.is-active.focus.dropdown-last a span.btn-expand {
            /*margin-right: -18px;*/
        }
    }

    /* ---------------------------------- */
    /* TABLET DROPDOWN FOR HOMEPAGE */

    .nav .dropdown:hover:not(:focus) .dropdown-content {
        /*  Mobile  */
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .nav .dropdown:hover:not(:focus) .dropdown-content {
            display: block;
        }
    }

    /*.nav .dropdown-content {
    
    }*/

    @media (max-width: 1023px) {
        .nav .dropdown-content {
            display: block;
            margin: 0;
            background-color: transparent;
            text-align: center;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
            border: none;
            opacity: 0;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            overflow: hidden;
            padding: 5px 0 0;
            left: -999rem;
            top: -999rem;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
        }
    }

    .nav .dropdown-content p {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-content p {
            text-align: center;
            padding: 7px 0;
        }

            .nav .dropdown-content p:hover {
                background-color: transparent;
            }
    }

    .nav .dropdown-content a {
        /*  Tablet  */
        color: #012752; /* ML Nov 3, 2021 bug fix link color */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-content a {
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0;
            color: #fff;
            background: none; /* ML Nov 3, 2021 bug fix link color */
        }

            .nav .dropdown-content a:hover {
                color: #fff !important;
            }
    }

    .nav .dropdown.dropdown-expanded {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown.dropdown-expanded {
            /*padding: 16px 27px 10px;*/
            padding: 16px 0px 10px;
        }
    }

    .nav .dropdown.dropdown-expanded .dropdown-content {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown.dropdown-expanded .dropdown-content {
            position: relative;
            top: 0;
            left: 0;
            opacity: 1;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
            width: auto; /* ML Nov 3, 2021 bug fix long link */
            /* margin-left: 0; /* ML Nov 3, 2021 bug fix long link */
            /*margin: 0 auto;*/
            margin-left: 36px;
            margin-right: 36px;
            max-width: 100%;
        }
    }

    @media (max-width: 414px) {
        .nav .dropdown.dropdown-expanded .dropdown-content {
            margin: 0 auto;
        }
    }

    @media (max-width: 320px) {
        .nav .dropdown.dropdown-expanded .dropdown-content {
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    .nav .dropdown.dropdown-expanded .btn-expand {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown.dropdown-expanded .btn-expand {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    }

    /* ---------------------------------- */
    /* TABLET DROPDOWN FOR SECTION PAGES */

    .nav .dropdown-sct:hover:not(:focus) .dropdown-sct-content {
        /*  Mobile  */
    }

    @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .nav .dropdown:hover:not(:focus) .dropdown-sct-content,
        .nav .dropdown-sct:hover:not(:focus) .dropdown-sct-content {
            display: block;
            max-width: 100%;
        }
    }

    .nav .dropdown-sct-content {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-sct-content {
            display: block;
            margin: 0;
            background-color: transparent;
            text-align: center;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
            border: none;
            opacity: 0;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            overflow: hidden;
            padding: 5px 0 0;
            left: -999rem;
            top: -999rem;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
        }
    }

    .nav .dropdown-sct-content p {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-sct-content p {
            text-align: center;
            padding: 7px 0;
        }

            .nav .dropdown-sct-content p:hover {
                background-color: transparent;
            }
    }

    .nav .dropdown-sct-content a {
        /*  Tablet  */
        color: #012752;
    }

    @media (max-width: 1023px) {
        .nav .dropdown-sct-content a {
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0;
            color: #fff;
            background: none;
        }

            .nav .dropdown-sct-content a:hover {
                color: #fff; /* !important;*/
            }
    }

    .nav .dropdown-sct.dropdown-expanded {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-sct.dropdown-expanded {
            /*padding: 16px 0 10px;
            margin-left:36px;
            margin-right:36px;*/
            padding: 20px 36px 10px;
        }
    }

    @media (max-width: 414px) {
        .nav .dropdown-sct.dropdown-expanded {
            /*margin-left:18px;
            margin-right:18px;
            margin: 0 auto;*/
        }
    }

    @media (max-width: 320px) {
        .nav .dropdown-sct.dropdown-expanded {
            padding: 16px 18px 10px;
        }
    }

    .nav .dropdown-sct.dropdown-expanded .dropdown-sct-content {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-sct.dropdown-expanded .dropdown-sct-content {
            position: relative;
            top: 0;
            left: 0;
            opacity: 1;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
            margin: 0 auto;
            max-width: 100%;
        }
    }

    .nav .dropdown-sct.dropdown-expanded .btn-expand {
        /*  Tablet  */
    }

    @media (max-width: 1023px) {
        .nav .dropdown-sct.dropdown-expanded .btn-expand {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    }

    .widget-primary .btn--highlight {
        margin-top: 10px !important;
        min-width: 255px !important;
        background-color: #FFFFFF;
        border: 2px solid #35DED2;
        float: left;
        width: 100%; /* SF - added 11 nov 2021 - button text */
    }

        .widget-primary .btn--highlight:hover,
        .widget-primary .btn--highlight:focus {
            background-color: #5BFDF1;
            border: 2px solid #5BFDF1;
            opacity: 1;
        }

    .ico-play-hl {
        background-image: url(/Contents/images/cms/svg/ico-play-teal.svg);
        width: 24px;
        height: 24px;
    }

    .ico-play-hl-alt {
        background-image: url(/Contents/images/cms/svg/ico-play-alt.svg);
        width: 24px;
        height: 24px;
    }



    /*  Accessibility  */
    a.skip-main {
        left: -100vw;
        position: absolute;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

        a.skip-main:focus,
        a.skip-main:active {
            background: #e6e6e6;
            color: #0067b8;
            position: fixed;
            top: 0;
            left: 0;
            padding: 24px;
            width: auto;
            height: auto;
            overflow: auto;
            right: 0;
            text-decoration: underline;
            text-align: center;
            z-index: 800;
            outline: dashed 1px #00824a !important;
            outline-offset: -1px !important;
        }

    *[data-js-href]:hover,
    label[data-js-for]:hover,
    *[data-js-href]:focus,
    label[data-js-for]:focus {
        cursor: pointer;
    }

    .screen-reader-text {
        position: absolute;
        /*left: -100vw;*/
        width: 1px;
        height: 1px;
        top: 0;
        color: transparent;
        z-index: -100;
        left: 0;
        overflow: hidden;
    }

    /*a .screen-reader-text {
    color: transparent;
    z-index: -100;
    left:0;
}*/

    img:focus,
    a.logo:focus,
    .nav a:focus,
    .socials ul li a:focus,
    .hero .hero__content a:focus,
    .hero .hero__content p a:focus,
    .hero .hero__content p + .btn:focus,
    .article p a:focus,
    .article p + .link:focus,
    .callout .callout__content p + .btn:focus,
    .article .article__image--alt a.js-video-popup:focus,
    .article--primary .article__image .btn:focus,
    .section-main .section__content ul a:focus,
    .section-main .section__content p a:focus,
    .btn--submit:focus,
    input:focus, select:focus,
    a.btn:focus,
    .link--page--rightnav:focus,
    .section__aside .widget-primary img:focus,
    .widget-primary.widget-primary--def a:focus,
    .nav li.dropdown:focus,
    .nav li.dropdown-sct:focus,
    .fotf tr td a:focus,
    .bar-notification .btn-circle:focus,
    .bar-notification p a:focus,
    .article-alt .article__image.proImg a:focus,
    .article-alt .article__image.proImg:focus,
    .section-main .section__content .article__body.project a:focus,
    .section-main .section__content .article__body.project a h5:focus,
    .section-main .section__content div.boards-list .hvrbox a:focus,
    .section-main .section__content div.boards-list .hvrbox:focus,
    .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_bottom:focus,
    .section-main .section__content table tbody tr td a:focus,
    .board-row-item-fullname a:focus,
    .board-row-item-fullname a h6:focus,
    .socials a i:focus,
    .board-row-item.fChild .hvrbox a img:focus,
    .article__body.project a h5:focus,
    .nav .dropdown-content a.dd-link.focus,
    textarea:focus,
    h1 a:focus, h2 a:focus,
    h3 a:focus, h4 a:focus,
    h5 a:focus, h6 a:focus,
    .modal-affirm .modal-button a:focus {
        /*outline: dashed 1px #006CB4 !important;
    outline-offset: -1px !important;*/
        outline-style: dashed;
        outline-color: #006CB4;
        outline-width: 2px !important;
        outline-offset: -2px !important;
    }

    .section-main .section__content div.boards-list .hvrbox .hvrbox-layer_bottom:focus {
        /*.board-row-item.fChild .hvrbox a img:focus {*/
        margin: 5px;
        width: 190px;
        height: 190px;
    }

    /*.article-alt .article__image.proImg a:focus,
    .article-alt .article__image.proImg:focus,
    .section-main .section__content .article__body.project a:focus,
    .section-main .section__content .article__body.project a h5:focus,
    .article__body.project a h5:focus,
    .article__body.project a:focus,
    a.btnChangeFSt:focus,
    a.btn:focus,
    input#btnSubmitDonate:focus,
    select:focus {
        margin: 5px;
    }*/
    #btnBackTC,
    #btnBackTC:focus {
        vertical-align: top;
    }

    #btnSubmitFotF,
    #btnSubmitFotF:focus {
        margin-bottom: 20px;
    }

    /*input#chkInform:focus,
    input#chkAuthorize:focus {
        margin: 15px;
    }*/

    .bar-notification .btn-circle:focus,
    .bar-notification p a:focus,
    a.link:focus,
    .widget-primary p + .link:focus,
    .logo-alt:focus,
    .list-contacts li a:focus,
    .footer .footer__nav a:focus,
    .form-subscribe .form__actions .btn:focus,
    #btnSignUp:focus,
    input#femail.field.footEmail:focus,
    .widget-primary--alt p a:focus,
    .widget-primary p a:focus {
        /*outline: dashed 1px #fff !important;
    outline-offset: -1px !important;*/
        outline-style: dashed;
        outline-color: #fff;
        outline-width: 2px !important;
        outline-offset: -2px !important;
    }

    /*select#sel_filingStatus:focus {
        margin-left: 10px;
    }*/

    @media (max-width: 1023px) {
        .nav a:focus {
            color: #fff !important;
            outline-color: #fff;
            margin: 5px;
        }

        .nav .btn-expand:focus {
            outline-color: #fff;
            margin: 5px;
        }

        .nav .is-active a:focus,
        .nav .is-active a.focus,
        .nav .is-active.focus a.home,
        .nav .is-active a.home {
            color: #24272B !important;
        }

        .nav .is-active a.dd-link:focus {
            color: #fff !important;
        }

        .header--primary .nav a:after {
            display: none;
        }

        .nav li.dropdown:focus,
        .nav li.dropdown-sct:focus,
        .header.is-active .logo:focus,
        .socials ul li a:focus {
            outline-color: #fff;
        }
    }

    @media (max-width: 320px) {
        .nav .dropdown-sct.is-active.focus.dropdown-expanded a {
            /*min-width: 100%;*/
        }

            .nav .dropdown-sct.is-active.focus.dropdown-expanded a.dd-link {
                min-width: 95%;
            }
    }

    .frmTbl.fotf tbody tr td + td + td {
        width: auto;
    }

    img.ui-datepicker-trigger {
        vertical-align: middle;
    }

        img.ui-datepicker-trigger:focus {
            outline-style: dashed;
            outline-color: #446cb3;
            outline-offset: 2px;
            outline-width: 2px;
        }

    a:focus, button:focus {
        outline-style: dashed;
        outline-color: #446cb3;
        outline-width: 2px !important;
        outline-offset: -2px !important;
    }

    .txmaxamount {
        font-size: small;
		display:inline-block;
    }

    .qlabel.bold_text {
        font-weight: 600;
    }