@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap'); 
  body {  
    font-size:100%;
    font:inherit;
    text-align:var(--alignment);
    line-height:1.0;
  }  
@media (max-width: 1680px){     
  body {  
    font-size:13pt;
  }  
}  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --padding-horizontal:  4rem;  
    --padding-vertical:  6rem;  
    --spacing:  4rem;  
    --width:  66rem;  
    --alignment:  center;  
    --flex-alignment:  center;  
    --spacing:  1.5rem;  
} 

* { 
    box-sizing: border-box;
} 

div { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

.inner  { 
    --padding-horizontal: 4rem; 
    --padding-vertical: 6rem; 
    --spacing: 4rem; 
    --width: 66rem; 
    border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl); 
    max-width: 100%; 
    position: relative; 
    width: var(--width); 
    z-index: 1; 
    padding: var(--padding-vertical) var(--padding-horizontal);
} 

body { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

body { 
    line-height: 1;
} 

body { 
    -webkit-text-size-adjust: none;
} 

body { 
    line-height: 1.0; 
    min-height: var(--viewport-height); 
    min-width: 320px; 
    overflow-x: hidden; 
    word-wrap: break-word; 
    background-color: #F7F7F7;
} 

html { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

html { 
    font-size: 18pt;
} 

@media (max-width: 1680px){ 
  html { 
    font-size: 13pt;
  } 
}     

:root { 
    --site-language-direction: ltr; 
    --viewport-height: 100vh;
} 

.container { 
    position: relative;
} 

#cntr01 { 
    --alignment: center; 
    --flex-alignment: center; 
    display: flex; 
    width: 100%; 
    min-height: 40rem; 
    align-items: center; 
    justify-content: center; 
    background-color: #053763;
} 

.inner > *  { 
    margin-top: var(--spacing); 
    margin-bottom: var(--spacing);
} 

.inner > :first-child  { 
    margin-top: 0 !important;
} 

.inner > .full  { 
    margin-left: calc(var(--padding-horizontal) * -1); 
    max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px); 
    width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
} 

.inner > .full:first-child  { 
    border-top-left-radius: inherit; 
    border-top-right-radius: inherit; 
    margin-top: calc(var(--padding-vertical) * -1) !important;
} 

.inner > .full.screen  { 
    border-radius: 0 !important; 
    max-width: 100vw; 
    position: relative; 
    width: 100vw; 
    left: 50%; 
    margin-left: -50vw; 
    right: auto;
} 

*,:before,:after { 
    box-sizing: border-box;
} 

.container > .wrapper  { 
    vertical-align: top; 
    position: relative; 
    max-width: 100%; 
    border-radius: inherit;
} 

#cntr01 > .wrapper { 
    max-width: 48rem; 
    width: 100%;
} 

.container.full:first-child > .wrapper  { 
    border-top-left-radius: inherit; 
    border-top-right-radius: inherit;
} 

.container > .wrapper > .inner  { 
    vertical-align: top; 
    position: relative; 
    max-width: 100%; 
    border-radius: inherit; 
    text-align: var(--alignment);
} 

#cntr01 > .wrapper > .inner { 
    --spacing: 1.5rem; 
    padding: var(--padding-vertical) var(--padding-horizontal);
} 

.container.full:first-child > .wrapper > .inner  { 
    border-top-left-radius: inherit; 
    border-top-right-radius: inherit;
} 

.image { 
    display: block; 
    line-height: 0; 
    max-width: 100%; 
    position: relative;
} 

#twfrlogon:not(:last-child) { 
    margin-bottom: 6rem !important;
} 

#cntr01.default > .wrapper > .inner > * { 
    margin-bottom: var(--spacing); 
    margin-top: var(--spacing);
} 

#cntr01.default > .wrapper > .inner > :first-child { 
    margin-top: 0 !important;
} 

p { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

p { 
    direction: var(--site-language-direction); 
    position: relative;
} 

p.style1 { 
    color: #FFFFFF; 
    font-family: 'Raleway', sans-serif; 
    letter-spacing: 0.225rem; 
    width: calc(100% + 0.225rem); 
    font-size: 2.5em; 
    line-height: 1.125; 
    font-weight: 400;
} 

p.style1:not(:first-child) { 
    margin-top: 0.625rem !important;
} 

p.style1:not(:last-child) { 
    margin-bottom: 0.625rem !important;
} 

#text01 { 
    color: #FFFFFF; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 1.25em; 
    line-height: 1.75; 
    font-weight: 300;
} 

#text01:not(:first-child) { 
    margin-top: 3.875rem !important;
} 

#text01:not(:last-child) { 
    margin-bottom: 3.875rem !important;
} 

ul { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

ul { 
    list-style: none;
} 

.icons { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: var(--flex-alignment); 
    letter-spacing: 0; 
    padding: 0;
} 

#icons03 { 
    font-size: 2.75em; 
    gap: 2rem;
} 

#icons03:not(:first-child) { 
    margin-top: 3.375rem !important;
} 

#cntr01.default > .wrapper > .inner > :last-child { 
    margin-bottom: 0 !important;
} 

a { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

a { 
    color: inherit; 
    text-decoration: underline; 
    transition: color 0.25s ease;
} 

.image .frame  { 
    -webkit-backface-visibility: hidden; 
    -webkit-transform: translate3d(0, 0, 0); 
    display: inline-block; 
    max-width: 100%; 
    overflow: hidden; 
    vertical-align: top; 
    width: 100%;
} 

#twfrlogon .frame  { 
    max-width: 100%; 
    width: 330px; 
    border-radius: 100%; 
    transition: none;
} 

span { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

p span.p  { 
    display: block; 
    position: relative;
} 

li { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

.icons li  { 
    position: relative; 
    z-index: 1;
} 

img { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
} 

.image .frame img  { 
    border-radius: 0 !important; 
    max-width: 100%; 
    vertical-align: top; 
    width: inherit;
} 

#twfrlogon .frame img  { 
    transition: none;
} 

.icons li a  { 
    align-items: center; 
    display: flex; 
    justify-content: center;
} 

#icons03 li a  { 
    border-radius: 100%; 
    height: 1em; 
    width: 1em; 
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
} 

.icons li a svg  { 
    display: block; 
    position: relative;
} 

#icons03 a svg  { 
    fill: #FFFFFF;
} 

#icons03 li a svg  { 
    height: 100%; 
    width: 100%; 
    transition: fill 0.25s ease;
} 

.icons li a .label  { 
    display: none;
} 


