:root {
    /* Brand palette */
    --color-brand-primary: #005850;
    --color-brand-accent: #5bd3b1;
    --color-brand-surface: #f4fbf9;

    /* Text */
    --color-text-primary: #36454f;
    --color-text-on-brand: #ffffff;
    --color-text-on-accent: #005850;
    --color-text-muted: #9b9898;

    /* Surfaces */
    --color-bg-page: #ffffff;
    --color-bg-surface: #f4fbf9;
    --color-bg-brand: #005850;
    --color-bg-accent: #5bd3b1;
    --color-bg-footer: #002326;
    --color-bg-disabled: #d8d8d8;

    /* Borders and interaction */
    --color-border-default: #d8d8d8;
    --color-border-brand: #005850;
    --color-border-accent: #5bd3b1;
    --color-focus: #5bd3b1;

    /* Typography */
    --font-heading: 'Oxygen', sans-serif;
    --font-body: 'Noto Sans', sans-serif;
}

/* Brand fonts (Google Fonts, self-hosted) */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/oxygen-latin-300.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/oxygen-latin-ext-300.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/oxygen-latin-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/oxygen-latin-ext-400.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/oxygen-latin-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/oxygen-latin-ext-700.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/notosans-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/notosans-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/notosans-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

html, body { height:100%;}

body { 
margin:0px;
padding:0px;
width:100%;
background:var(--color-bg-page);
color: var(--color-text-primary);
font-family: var(--font-body);
font-size: 20px;
box-sizing: border-box;
font-weight:400;
}

form {
height:100%;
}

article, aside, body,
div, embed,
fieldset, figcaption, figure, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins,
label,
nav,
object,
p,
section,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u {
    border:0px;
	outline: 0px;
    margin: 0px;
	padding: 0px;
    vertical-align: top; 
	}

header, nav, section, article, aside, footer {display:block;}

a img { border:0px; outline: none;}

input[type="password"]:focus,
input[type="text"]:focus {
background: var(--color-bg-surface);
}

input, select, button, textarea {outline: 0px!important;}

input[type="text"] {line-height:40px;}

.ui-datepicker-title select,
.ui-datepicker-title select option,
.ui-widget {
font-family: var(--font-body)!important;
font-size: 16px!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {color: var(--color-text-primary)!important; font-weight:normal!important;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
background:var(--color-bg-brand)!important;
color:var(--color-text-on-brand)!important;
border-color:var(--color-border-brand)!important;
}

table tr,
table tr td, ul li {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}

a { 
color:var(--color-brand-primary); 
text-decoration:none; 
border:0px; 
outline:none; 
outline:0px;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}

a:hover { text-decoration:none; color: var(--color-brand-accent); }

input, select,
select option,
textarea, button {
font-family: var(--font-body);
}

input[type="button"],
input[type="submit"]{
height: 40px;
border: 0px;
font-size: 16px;
letter-spacing: 0.7px;
background: var(--color-bg-accent);
color: var(--color-text-on-accent);
padding-left: 25px;
padding-right: 25px;
cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover {
background: var(--color-bg-brand);
color: var(--color-text-on-brand);
}

input[type="button"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover{
background: var(--color-bg-disabled);
color: var(--color-text-on-brand);
cursor:pointer;
}

b, strong {font-weight:bold;}

p {
text-align:left;
padding-bottom:15px;
line-height:30px;
}

h1, h2, h3, h4, h5 {font-family: var(--font-heading); color:var(--color-brand-primary);}

h1 p, h2 p, h3 p {line-height:inherit!important; padding:0px!important;}

h1 { 
padding-bottom:60px;
font-size:60px;
line-height:64px;
font-weight: normal;
color:var(--color-brand-primary);
text-align:center;
}

.changepassword_page h1 {padding-bottom:30px;}

h1.title_st1 {
padding-bottom:4px;
margin-bottom:20px;
border-bottom:1px solid var(--color-border-default);
}

.main_fullpage {
width:100%;
height:100%;
margin-bottom:-129px;
display:table;
}

.wrapper {
width:100%;
box-sizing: border-box;
margin:0px;
position:relative;
}

header {
width:100%;
min-height:80px;
position:relative;
box-sizing:border-box;
margin:0px auto;
position:fixed;
top:0px;
left:0px;
background:var(--color-bg-brand);
color:var(--color-text-on-brand);
z-index:99;
}

.logo {
position: absolute;
left:30px;
top:15px;
}

.logo img,
.logo svg {
height:50px;
width:180px;
display:block;
}

/* white logo on the Emerald Green header */
.logo img,
.logo svg {
filter: brightness(0) invert(1);
}

header nav {
width:100%;
}

header nav > ul {
margin:0px;
list-style:none;
padding:0px;
position:absolute;
right:0px;
}

header nav > ul > li { 
margin:0px;
list-style:none;
padding:0px;
display:inline-block;
}


header nav > ul.main_nav {
margin:29px 0px 0px 0px;
list-style:none;
padding:0px;
position:static;
width:100%;
text-align:right;
}

.main_nav > li {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 30px 0px 0px;
box-sizing:border-box;
color:var(--color-text-on-brand);
font-size:16px;
line-height:16px;
position:relative;
}

.main_nav > li > a {
box-sizing:border-box;
color:var(--color-text-on-brand);
font-size:16px;
line-height:16px;
height:20px;
display:block;
letter-spacing:0.7px;
}

.main_nav > li:hover > a,
.main_nav > li > a.active,
.main_nav > li > a:hover {
border-bottom:2px solid var(--color-border-accent);
}

.fp-viewing-Team .main_nav > li > a.active,
.fp-viewing-ContactUs .main_nav > li > a.active {color:var(--color-text-on-brand); border-bottom:0px;} 

.fp-viewing-About .main_nav > li.menu_item_0 > a,
.fp-viewing-Team .main_nav > li.menu_item_1 > a,
.fp-viewing-ContactUs .main_nav > li.menu_item_2 > a
 {color:var(--color-brand-accent)!important; border-bottom:2px solid var(--color-border-accent)!important;}


.main_nav > li ul {
display:none;
position:absolute;
left:0px;
top:52px;
background: var(--color-bg-surface);
width:170px;
z-index:10;
padding:0px;
margin:0px;
list-style:none;
}

.main_nav > li ul li {
display:block; 
padding:0px;
margin:0px;
list-style:none;
}

.main_nav > li ul li a {
display:block;
color:var(--color-text-primary);
font-size:14px;
padding:10px 10px;
border-bottom:1px solid var(--color-border-default); 
}

.main_nav > li ul li a:hover {
color:var(--color-brand-primary);
background: var(--color-bg-disabled);
}

.main_nav > li:hover ul {display:block;}

.top_nav {
margin:0px;
list-style:none;
padding:0px;
top:50px;
}

.top_nav li {
list-style:none;
padding:0px;
margin:0px 0px 0px 20px;
box-sizing:border-box;
color:var(--color-text-on-brand);
font-size:12px;
line-height:14px;
}

.top_nav li a {
color:var(--color-text-on-brand);
font-size:12px;
line-height:24px;
cursor:pointer;
position: relative;
letter-spacing:0.7px;
}

.top_nav li a:hover {
color:var(--color-brand-accent);
}

.investor_login_link:before {
content:"";
width:25px;
height:24px;
display:inline-block;
background:url(../media/icons.png) 0px -24px no-repeat;
vertical-align:bottom;
margin-right:5px;
}

.investor_login_link.sel_form {
color:var(--color-text-on-brand);
}

.investor_login_link.sel_form:before {
background:url(../media/icons.png) 0px -48px no-repeat;
}

.investor_login_link.sel_form:after {
content:"";
width:178px;
height:35px;
display:block;
position:absolute;
top:-8px;
left:-4px;
z-index:-1;
background:#bebebe;
}

.investor_login_link.sel_form:hover {
color:var(--color-text-on-brand);
}

.contact_us_link:before {
content:"";
width:25px;
height:24px;
display:inline-block;
background:url(../media/icons.png) 0px 0px no-repeat;
vertical-align:bottom;
margin-right:5px;
}

/*Home page*/

.main_container {
margin:0px auto;
min-height:200px;
height:100%;
width:100%;
}

.changepassword_page .main_container article,
.disclaimer_page .main_container article,
.login_page .main_container article {padding-bottom:180px;}

.main_container article {
max-width:1220px;
padding:60px 15px;
margin:0px auto;
box-sizing:border-box;
}

.documents_page .main_container {padding-bottom:120px;}

.contact_page .main_container article { max-width:100%; padding-left:0px; padding-right:0px; }

.about_us_page .main_container article {max-width:900px;}
.about_us_page .main_container article p {text-align:justify;}

.team_page  {background: var(--color-bg-surface);}

.team_list {display:none;}

.contact_page.wrapper {background:var(--color-bg-page);}

.about_us_page .main_fullpage .wrapper:first-child {background:var(--color-bg-page); z-index:3; margin-bottom:-80px;}
.main_fullpage .wrapper:last-child .main_container {padding-bottom:120px;}

.team_page.wrapper {z-index:2;}
.team_page.wrapper,
.about_us_page.wrapper  {margin-bottom:-80px;}

/*Inner pages*/

.banner {
height:350px;
margin:0px auto;
position:relative;
overflow:hidden;
padding-top: 80px;
}

.banner div {
width:100%;
height:350px;
background: radial-gradient(150% 120% at 0% 100%, #3ba58f 0%, #157e6b 38%, var(--color-bg-brand) 80%);
}

.about_us_page .banner,
.about_us_page .banner div {height:350px;}

/* page title overlaid on the banner */
.title_page {
max-width:1220px;
margin:-350px auto 0 auto;
height:350px;
box-sizing:border-box;
padding:0px 15px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
position:relative;
z-index:2;
}

.title_page h1 {
margin:0px;
padding:0px;
color:var(--color-text-on-brand);
font-family:var(--font-heading);
font-size:64px;
line-height:1.1;
text-align:left;
text-transform:none;
}

.title_page h1:after {
content:"";
display:block;
width:50%;
height:8px;
margin-top:20px;
background:var(--color-bg-accent);
}

@media (max-width: 992px) {
.title_page h1 {font-size:40px;}
}

@media (max-width: 767px) {
.banner,
.banner div,
.about_us_page .banner,
.about_us_page .banner div {height:220px;}
.title_page {margin-top:-220px; height:220px;}
}

@media (max-width: 600px) {
.title_page h1 {font-size:30px;}
.title_page h1:after {height:6px; margin-top:16px;}
}

@media (max-width: 480px) {
.banner,
.banner div,
.about_us_page .banner,
.about_us_page .banner div {height:170px;}
.title_page {margin-top:-170px; height:170px;}
}

.disclaimer_page table {
border-collapse:collapse;
width:100%;
}

.disclaimer_page table td,
.disclaimer_page table th {
border-collapse:collapse;
padding:5px 10px;
border-color:#aaaaaa;
}

.disclaimer_page table td p {padding:0px; line-height:normal;}

.disclaimer_page table tr:nth-child(odd) td {background:#f6f6f6;}

.PwdRulesHeader {font-weight:bold; font-size:16px; margin-bottom:20px;} 

/**/

footer {
width:100%;
min-height:109px;
box-sizing:border-box;
padding:15px 0px 15px 0px;
background:var(--color-bg-footer);
position:relative;
}

footer .container {
max-width: 1220px;
margin: 0px auto;
width: 100%;
padding:0px 15px;
box-sizing:border-box;
overflow:hidden;
}

.footer_nav {
margin:0px auto 12px auto;
padding:0px;
list-style:none;
text-align:center;
}

.footer_nav li {
margin:0px 10px 2px 10px;
padding:0px;
list-style:none;
display:inline-block;
text-align:center;
font-size:16px;
}

.footer_nav li a {text-decoration:none; color:var(--color-text-on-brand);}

.footer_left_col {
float:left;
}

.footer_logo {
height:50px;
width:180px;
display:block;
filter: brightness(0) invert(1);
}

.footer_right_col {
float:right;
color: var(--color-text-on-brand) !important;
font-size:16px;
text-align:right;
min-height:48px;
height:auto;
line-height:24px;
padding-bottom:10px;
}

.footer_right_col a {color: var(--color-text-on-brand) !important; text-decoration:none;}

.footer_right_col a:hover {text-decoration:underline; color: var(--color-text-muted)!important;}

@media (max-width: 1100px) {
h1 {font-size:40px; line-height:44px;}
}

/*Mobile Nav*/

.mobile_navigation {
display:none;
}



@media (max-width: 992px) {

.top_nav .contact_us_link { display:none;}

.top_nav li { margin:0px; z-index:3;}

.main_nav { display:none;}

.mobile_navigation {
display:block;
}

.mobile_navigation ul {
margin:0px;
list-style:none;
padding:10px 0px;
display:none;
width:100%;
position: absolute;
background: rgba(0, 88, 80, 0.9);
left:0px;
top:80px;
z-index:22;
}

.mobile_navigation ul li {
list-style:none;
display:block;
margin:0px;
padding:0px;
width:100%;
}

.mobile_navigation ul li a {
display:block;
box-sizing:border-box;
padding:14px 20px;
font-size:20px;
color: var(--color-text-on-brand);
text-align:right;
}

.mobile_navigation ul li:last-child a {border-bottom:0px;}

.mobile_navigation ul li a:hover {
color: var(--color-brand-accent);
}

.menu_button {
width:44px;
height:41px;
display:block;
position:absolute;
right:15px;
top:20px;
cursor: pointer;
background: url(../media/top_nav_icon.png) center center no-repeat;
filter: brightness(0) invert(1);
}

.menu_button:hover { 
background: url(../media/top_nav_icon.png) center center no-repeat;
}

.user_nav {display:none;}

h1 {font-size:30px; line-height:34px;}
}


/*Login page*/

@media (max-width: 470px) {
.button_holder_lf { float:none!important; width:100%; padding-top:10px!important;}
#LoginControl_div_RememberMe { width:100%!important; text-align:center!important;}
.fp_link { padding-top:20px!important; text-align:center!important;}

}

.contact_us_info {
padding:0px;
margin:0px 0px 30px 0px;
list-style:none;
display:table;
width:100%;
}

.contact_us_info > li {
padding:0px;
margin:0px;
list-style:none;
display:table-cell;
}

.contact_us_info > li.address {
width:400px;
color:var(--color-text-on-brand);
background:var(--color-bg-brand);
padding:60px 30px 30px 30px;
font-size:18px;
position:relative;
vertical-align:top;
}
.contact_us_info > li.address a {color:var(--color-text-on-brand);}
.contact_us_info > li.address a:hover {text-decoration:underline;}

.contact_us_info:last-child { border:0px;}

.contact_us_info > li.address div p {padding:0px;}

.contact_us_info > li.address div p strong {display:block; margin-bottom:10px;}

.map {
height: 360px;
width:100%;
}

.map_holder #map1,
.map_holder #map2 { width:100%;}

.map_holder #map2 iframe,
.map_holder #map1 iframe { width:100%; border:0px; height:510px;}

/*Team*/

.full_info {border-bottom: 1px solid var(--color-border-default); margin-bottom:30px;padding-bottom:26px;}

.full_info h4 {
padding-top:0px; 
padding-bottom:20px; 
font-size:20px;
font-weight:bold;
color:var(--color-brand-primary);
}

.full_info aside h4  i { font-size:16px; color:var(--color-brand-primary); display:block; font-weight:normal; font-style: normal;}

.full_info p {padding-bottom:0px;}

.full_info:last-child {border:0px;}

@media (max-width: 767px) {
.full_info aside img {float:none; margin-bottom:20px;}
.full_info  p,
.full_info h4 { margin-left:0px;}

.changepassword_page  h1 {padding-bottom:30px; font-size:28px;}

}

/*User nav*/

.user_nav {
position:absolute;
right:30px;
top:3px;
padding:0px;
margin:0px;
list-style:none;
}

.user_nav li {
display:inline-block;
float:left;
padding:0px;
margin:0px;
list-style:none;
font-size:12px;
}

.user_nav li:after {
display:inline-block;
content:"|";
margin:0px 10px;
line-height:16px;
}

.user_nav li:last-child:after {display:none;}

.user_nav li a {
background:transparent!important;
display:inline;
line-height:14px;
font-weight:normal;
padding:0px;
color: var(--color-text-on-brand);
}

.user_nav li a:hover {color: var(--color-brand-accent);}

.pillar3disclosure_page article table {width:100%!important; max-width:640px!important;border-collapse: collapse;}
.pillar3disclosure_page article table td,
.pillar3disclosure_page article table th {padding:2px;}

@media (max-width: 1190px) {
.logo {left:22px;}
header nav ul {right:22px;}
.user_nav {right:22px;}
}


@media (max-width: 900px) {
.contact_us_info > li { display:block;width:100%;}
.contact_us_info > li.address {width:100%; box-sizing:border-box;}
.map_holder {width:100%;}
}

.leftcol {
width:260px;
}

.left_menu ul {
padding:0px;
margin:0px;
list-style:none;
white-space:normal!important;
}

.leftcol {white-space:normal!important;}

.left_menu li {
margin:0px;
list-style:none;
padding: 10px 10px 10px 15px;
width: 100%;
line-height: 32px;
display: flex;
background: var(--color-bg-surface);
border-bottom: 1px solid var(--color-border-default);
cursor:pointer;
box-sizing:border-box;
}

.left_menu li i {
font:var(--fa-font-regular);
vertical-align:middle;
display:inline-block;
margin-right:10px;
font-size:16px;
margin-top:2px;
}

.left_menu li a {
line-height: 20px;
display: block;
font-size: 16px;
}

.left_menu li.active {
background:var(--color-bg-accent);
color:var(--color-text-on-accent);
}

.left_menu li:hover {
background: var(--color-bg-brand);
color: var(--color-text-on-brand)!important;
}

.left_menu li:hover a {
color: var(--color-text-on-brand)!important;
}

.rightcol {
padding-left:50px;
}

.buttons input {
height: 40px;
border: 0px;
font-size: 16px;
letter-spacing: 0.7px;
background: var(--color-bg-accent);
color: var(--color-text-on-accent);
padding-left: 20px;
padding-right: 20px;
cursor: pointer;
margin:0px 5px 0px 0px!important;
}

.twocol select {
width:360px;
height:40px;
}

.min_height iframe {width:100%;}

.inputText {
width: 360px;
height: 40px;
background: var(--color-bg-page);
border: 1px solid var(--color-border-default);
padding-left: 10px;
box-sizing: border-box;
font-size: 16px;
}

fieldset.inputChecks { 
width:360px;
display: inline-block;
line-height: 40px;
font-size: 16px;
}

.labelInput {
display:inline-block;
line-height:40px;
font-size:16px;
font-weight:bold;
min-width:175px;
}

.optional,
.required { padding-top:18px;}

.buttons {padding-top:20px; padding-left:179px; text-align:left;}

.grid_st2 ul {
padding:0px;
margin:0px;
list-style:none;
display:flex;
flex-wrap:wrap;
max-width:640px;
}

.grid_st2 ul li {
box-sizing:border-box;
padding:7px 10px;
border:1px solid #eeeeee;
margin-right:-1px;
margin-bottom:-1px;
line-height:30px;
}

.grid_st2 ul li:nth-child(even) {width:40%;}
.grid_st2 ul li:nth-child(odd) {width:60%;}

@media (max-width: 1210px) {
.logo {left:15px;}
.main_nav, .top_nav, 
.user_nav {right:15px;}
}

@media (max-width: 1130px) {
.main_container {max-width:100%;}
}

@media (max-width: 730px) {
.leftcol{display:block; width:100%;}
.rightcol {display:block; width:100%; padding:30px 0px 0px 0px;}
}

@media (max-width: 620px) { 
.footer_left_col {float:none;}
.footer_logo {float:none; margin:0px auto 20px auto;}
.footer_right_col {float:none; text-align:center!important;}
.footer_nav {text-align:center; padding-bottom:10px;}
.contact_us_info > li.address {padding:20px;}
}

@media (max-width: 450px) {
.labelInput	{display:block;}
.inputText {width:95%;}
.buttons {padding-left:0px;}
.twocol select {width:95%;} 
}

.twocol {padding-bottom:18px;}

.contact_us_info > li > div.contact_form {
display:inline-block;
width:52%;
float:right;
padding-bottom:28px;
margin-right:50px;
font-size:16px;
}

.input_st1 {
width:100%;
height: 42px;
background: var(--color-bg-page);
border: 1px solid var(--color-border-default);
padding-left: 10px;
box-sizing: border-box;
font-weight: 500;
display: block;
font-size: 16px;
}

.textarea_st1 {
width:100%;
height: 44px;
background: var(--color-bg-page);
border: 1px solid var(--color-border-default);
padding-left: 10px;
box-sizing: border-box;
font-weight: 500;
display: block;
font-size: 16px;
}

.textarea_st1:focus {background: var(--color-bg-surface);}


.request { padding-bottom:12px; display:inline-block; width:100%;}
.contact_form div:nth-child(4) {width:calc(100% - 200px);}

.request_button {
display:inline-block; 
width:195px;
vertical-align:bottom;
padding-bottom:12px;
text-align:right;
}

.button_st5 {
width:190px;
background: var(--color-bg-disabled);
height: 44px!important;
border: 0px;
font-size: 20px!important;
font-weight: normal;
text-transform: capitalize;
color: var(--color-text-on-brand);
cursor: pointer;
}

.button_st5:hover {background: var(--color-bg-brand);}

@media (max-width: 992px) {
.contact_us_info > li > div.contact_form,	
.contact_us_info > li  p {text-align:left!important;}
body {font-size:16px;}
p {line-height:24px;}
footer,
.footer_nav li,
.contact_us_info > li.address {font-size:14px;}
}

@media (max-width: 720px) {
.contact_us_info > li > div.contact_form {width:100%; padding-top:30px;}
.request_button,
.contact_form div:nth-child(4), .contact_us_info > li > div {width:100%;}
.contact_us_info > li  p:before {top:10px; left:15px;}
.contact_us_info > li  p {padding:42px 15px 15px 15px;}
}


@media (max-width: 350px) {
.menu_button {right:10px;}
.logo {left:5px;}
.pillar3disclosure_page article table td,
.pillar3disclosure_page article table th {font-size:13px;}
}

.login_form h1 {
    color: transparent;
    font-size: 0px;
}