/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /* @import url('https://fonts.googleapis.com/css2?family=Funnel+Sans&display=swap'); */ @font-face { font-family:'Electrolize'; src: url('/pgRsrc.sr/PgENRS/Electrolize.ttf') format('truetype'); font-weight: 100 900; font-style : normal ; font-display: swap; } @font-face { font-family:'Funnel Sans'; src: url('/pgRsrc.sr/PgENRS/FunnelSans.ttf') format('truetype'); font-weight: 100 900; font-style : normal ; font-display: swap; } @font-face { font-family:'Roboto100'; src: url('/pgRsrc.sr/PgENRS/Roboto100.woff2') format('woff2'); url('/pgRsrc.sr/PgENRS/Roboto100.woff') format('woff'); url('/pgRsrc.sr/PgENRS/Roboto100.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family:'Roboto300'; src: url('/pgRsrc.sr/PgENRS/Roboto300.woff2') format('woff2'); url('/pgRsrc.sr/PgENRS/Roboto300.woff') format('woff'); url('/pgRsrc.sr/PgENRS/Roboto300.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family:'Roboto400'; src: url('/pgRsrc.sr/PgENRS/Roboto400.woff2') format('woff2'); url('/pgRsrc.sr/PgENRS/Roboto400.woff') format('woff'); url('/pgRsrc.sr/PgENRS/Roboto400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family:'Roboto500'; src: url('/pgRsrc.sr/PgENRS/Roboto500.woff2') format('woff2'); url('/pgRsrc.sr/PgENRS/Roboto500.woff') format('woff'); url('/pgRsrc.sr/PgENRS/Roboto500.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family:'Roboto700'; src: url('/pgRsrc.sr/PgENRS/Roboto700.woff2') format('woff2'); url('/pgRsrc.sr/PgENRS/Roboto700.woff') format('woff'); url('/pgRsrc.sr/PgENRS/Roboto700.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family:'Roboto Mono'; src: url('/pgRsrc.sr/PgENRS/RobotoMono.woff2') format('woff2'); url('/pgRsrc.sr/PgENRS/RobotoMono.woff') format('woff'); url('/pgRsrc.sr/PgENRS/RobotoMono.ttf') format('truetype'); font-weight: 100 900; font-style : normal ; font-display: swap; } @keyframes blink00 { 0% { color: #101010; } 50% { color: #ECF2FE; } 100% { color: #101010; } } @keyframes blink01 { 0% { color: #101010; } 50% { color: #101010; } 100% { color: #101010; } } body { background-color: #101010; visibility: hidden; } @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { html {font-size : 12px; } body {visibility:visible;} } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { html {font-size : 12px; } body {visibility:visible;} } @media all and (min-width: 73.5000rem) { html {font-size : 16px; } body {visibility:visible;} } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ * { font-family: 'Roboto400'; padding: 0px; margin: 0px; color: #F0F0F0; -ms-overflow-style: none; scrollbar-width: none; } *::-webkit-scrollbar { display: none; } body::-webkit-scrollbar { display: none; } body { -ms-overflow-style: none; scrollbar-width: none; -webkit-text-size-adjust: 100%; background-color: #010813; } a { text-decoration : none; cursor : pointer; } *.Hdng , *.Hdng { font-size: 2.0000rem; } *.Hdng *, *.Hdng * { font-size: 2.0000rem; } *.Cmfr , *.Cmfr { font-size: 1.5000rem; } *.Cmfr *, *.Cmfr * { font-size: 1.5000rem; } *.Mcro , *.Mcro { font-size: 0.8750rem; } *.Mcro *, *.Mcro * { font-size: 0.8750rem; } *.Tiny , *.Tiny { font-size: 0.7500rem; } *.Tiny *, *.Tiny * { font-size: 0.7500rem; } p , span { font-size: 1.0000rem; } ul , li { font-size: 1.0000rem; } *.Sz15 , *.Sz15 { font-size: 3.0000rem; padding-top:-0.75rem;padding-bottom:-0.75rem; } *.Sz15 *, *.Sz15 * { font-size: 3.0000rem; padding-top:-0.75rem;padding-bottom:-0.75rem; } h1 , h2 , h3 , h4 , h5 , h6 { font-size: 2.0000rem; } h1 *, h2 *, h3 *, h4 * , h5 *, h6 * { font-size: 2.0000rem; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ header { position: fixed; top: 0.0px ; width: 100%; z-index: 100; height : 4rem; box-sizing : border-box; } header * { color: #101010; fill: #101010; } header > div:nth-child(1) { background-color: #ffffff; border-bottom: 0.0625rem solid #e0e0e0; height : 4rem; box-sizing : border-box; } header > div:nth-child(1) > div { margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(1)> div { width: 25.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(1)> div { width: 49.2500rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(1)> div { width: 73.5000rem; } } /*---------------------------------------------------------------------------------------------*/ header > div:nth-child(1) > div > div { display: flex; align-items: center; justify-content: space-between; margin: auto; height : 4rem; box-sizing : border-box; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(1) > div> div { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(1) > div> div { width: 48.2500rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(1) > div> div { width: 72.5000rem; } } /*---------------------------------------------------------------------------------------------*/ header > div:nth-child(1) > div > div > * { display: flex; align-items: center; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(1) > div > div > *:nth-child(1) { width: 11.8750rem; } header > div:nth-child(1) > div > div > *:nth-child(2) { width: 11.8750rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(1) > div > div > *:nth-child(1) { width: 35.8750rem; } header > div:nth-child(1) > div > div > *:nth-child(2) { width: 11.8750rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(1) > div > div > *:nth-child(1) { width: 36.1250rem; } header > div:nth-child(1) > div > div > *:nth-child(2) { width: 36.1250rem; } } /*---------------------------------------------------------------------------------------------*/ header > div:nth-child(1) > div > div > *:nth-child(1) { display: flex; align-items: center; } header > div:nth-child(1) > div > div > *:nth-child(1) > * { display: flex; align-items: center; } header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(1) { width : 11.8750rem; margin-right: 0.25rem; } header > div:nth-child(1) > div > div > *:nth-child(1) > div > img { height: 1.0000rem ; margin-right: 1.00rem; cursor: pointer; } header > div:nth-child(1) > div > div > *:nth-child(1) > div > span{ font-size: 0.8750rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(1) > div > div > *:nth-child(1) > div > span { display: none; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(1) > div > div > *:nth-child(1) > div > span {} } @media all and (min-width: 73.5000rem) { header > div:nth-child(1) > div > div > *:nth-child(1) > div > span {} } /***********************************************************************************************/ header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) { max-width: 24.0000rem; overflow: hidden; } header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) > svg { min-height: 0.75rem; min-width: 0.75rem; fill: #000000; margin-right: 0.50rem; max-height: 0.75rem; max-width: 0.75rem; } header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) > span{ display: flex; font-size: 0.875rem; max-width: 22.7500rem; overflow: hidden; } header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) > span > span { margin-left: 0.50rem; font-size: 0.875rem; text-overflow: ellipsis; overflow: hidden; margin-right: 0.50rem; } header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) > span > span.GnrcUserLabel { display: none; font-size: 0.875rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) > span > span{ display: none ; } header > div:nth-child(1) > div > div > *:nth-child(1) > *:nth-child(2) > span > span.GnrcUserLabel { display: inline-block; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /***********************************************************************************************/ header > div:nth-child(1) > div > div > *:nth-child(2) { justify-content: space-between; } header > div:nth-child(1) > div > div > *:nth-child(2) > div { display: flex; align-items: center; } header > div:nth-child(1) > div > div > *:nth-child(2) > div > a { display: flex; align-items: center; margin-right: 2.00rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(1) > div > div > *:nth-child(2) > div > a { display: none; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(1) > div > div > *:nth-child(2) > div > a { display: none; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(1) > div > div > *:nth-child(2) > div > a { } } /***********************************************************************************************/ header > div:nth-child(1) > div > div > *:nth-child(2) > div > a > svg { min-height: 0.75rem !important; min-width: 0.75rem !important; fill: #000000; height: 0.75rem; margin-right: 0.50rem; max-width:0.906250rem; } header > div:nth-child(1) > div > div > *:nth-child(2) > div > a > svg * { min-height: 0.75rem !important; min-width: 0.75rem !important; fill: #000000; } header > div:nth-child(1) > div > div > *:nth-child(2) > div > a > span { font-size: 0.8750rem; margin-bottom: -0.1250rem; } header > div:nth-child(1) > div > div > *:nth-child(2) > span { cursor: pointer; } header > div:nth-child(1) > div > div > *:nth-child(2) > span > svg { height: 0.75rem; width: 1.50rem; margin-right:-0.1250rem; padding-left: 0.50rem; } header > div:nth-child(2) { margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(2) { display: flex ; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(2) { display: flex ; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(2) { display: flex ; } } /***********************************************************************************************/ header > div:nth-child(2) > div { margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(2)> div { width: 25.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(2)> div { width: 49.2500rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(2)> div { width: 73.5000rem; } } /***********************************************************************************************/ header > div:nth-child(2) > div > div { display: flex; justify-content: space-between; margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(2) > div> div { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(2) > div> div { width: 48.2500rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(2) > div> div { width: 72.5000rem; } } /***********************************************************************************************/ header > div:nth-child(2) > div > div > nav { display: none; flex-wrap: wrap; width: 36.1250rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(2) > div > div > nav { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(2) > div > div > nav { width: 24.0000rem; } } @media all and (min-width: 73.5000rem) { } /***********************************************************************************************/ header > div:nth-child(2) > div > div > nav > a { width: 9.8750rem; background-color: #ECF2FE; display: block; border-radius: 0.0625rem; padding: 1rem; padding-top: 0.75rem; padding-bottom : 0.75rem; margin-top: 0.25rem; font-size: 0.750rem; } header > div:nth-child(2) > div > div > nav:nth-child(1) { } header > div:nth-child(2) > div > div > nav:nth-child(1) > a { margin-right: 0.25rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(2) > div > div > nav:nth-child(1) > a:nth-child(2n) { margin-right: 0.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(2) > div > div > nav:nth-child(1) > a:nth-child(2n) { margin-right: 0.00rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(2) > div > div > nav:nth-child(1) > a:nth-child(3n) { margin-right: 0.00rem; } } /***********************************************************************************************/ header > div:nth-child(2) > div > div > nav:nth-child(2) { margin-left : auto; justify-content: end; } header > div:nth-child(2) > div > div > nav:nth-child(2) > a { margin-left : 0.25rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { header > div:nth-child(2) > div > div > nav:nth-child(2) > a:nth-child(2n-1) { margin-left: 0.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { header > div:nth-child(2) > div > div > nav:nth-child(2) > a:nth-child(2n-1) { margin-left: 0.00rem; } } @media all and (min-width: 73.5000rem) { header > div:nth-child(2) > div > div > nav:nth-child(2) > a:nth-child(3n-2) { margin-left: 0.00rem; } } /***********************************************************************************************/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ main { margin-top: 8rem; background-color: #010813; padding-bottom: 2rem; } main > div { } main > div > div { margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { main > div > div { width:25.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { main > div > div { width:49.2500rem; } } @media all and (min-width: 73.5000rem) { main > div > div { width:73.5000rem; } } /*---------------------------------------------------------------------------------------------*/ main > div > div > div { margin : auto; } main > div > div > div.C3 { display: flex; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { main > div > div > div { width : 24.0000rem; } main > div > div > div.C3 { justify-content: space-around ; flex-wrap: wrap ; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { main > div > div > div { width : 48.2500rem; } main > div > div > div.C3 { justify-content: space-around ; flex-wrap: wrap ; } } @media all and (min-width: 73.5000rem) { main > div > div > div { width : 72.5000rem; } main > div > div > div.C3 { justify-content: space-between; } } /*---------------------------------------------------------------------------------------------*/ main > div > div > div.C3 > *:nth-child(1) {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { main > div > div > div.C3 > *:nth-child(1) { width: 24.0000rem; margin-bottom: 4rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { main > div > div > div.C3 > *:nth-child(1) { width: 48.2500rem; margin-bottom: 4rem; } } @media all and (min-width: 73.5000rem) { main > div > div > div.C3 > *:nth-child(1) { width: 11.8750rem; } } /*---------------------------------------------------------------------------------------------*/ main > div > div > div.C3 > *:nth-child(1) > a { display: inline-block ; } main > div > div > div.C3 > *:nth-child(1) > a > * { display: inline-block; margin-left: -0.25rem; color: #808080; } main > div > div > div.C3 > *:nth-child(2) {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { main > div > div > div.C3 > *:nth-child(2) { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { main > div > div > div.C3 > *:nth-child(2) { width: 48.2500rem; } } @media all and (min-width: 73.5000rem) { main > div > div > div.C3 > *:nth-child(2) { width: 48.2500rem; } } /*---------------------------------------------------------------------------------------------*/ main > div > div > div.C3 > *:nth-child(3) {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { main > div > div > div.C3 > *:nth-child(3) { width: 24.0000rem; display: none; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { main > div > div > div.C3 > *:nth-child(3) { width: 48.2500rem; display: none; } } @media all and (min-width: 73.5000rem) { main > div > div > div.C3 > *:nth-child(3) { width: 11.8750rem; } } /*---------------------------------------------------------------------------------------------*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ footer { /*position: fixed; top: 0.0px ;*/ width: 100%; } footer > div { background-color: #ffffff; } footer > div > div { margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { footer > div:nth-child(1)> div { width: 25.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { footer > div:nth-child(1)> div { width: 49.2500rem; } } @media all and (min-width: 73.5000rem) { footer > div:nth-child(1)> div { width: 73.5000rem; } } /*---------------------------------------------------------------------------------------------*/ footer > div > div > div { padding-top: 2rem; padding-bottom: 0rem; display: flex; justify-content: space-between; margin: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { footer > div:nth-child(1) > div> div { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { footer > div:nth-child(1) > div> div { width: 48.2500rem; } } @media all and (min-width: 73.5000rem) { footer > div:nth-child(1) > div> div { width: 72.5000rem; } } /*---------------------------------------------------------------------------------------------*/ footer > div > div > div > *:nth-child(1) { display: flex; width: 36.1250rem; justify-content: space-between; flex-wrap: wrap; } footer > div > div > div > *:nth-child(1) > * { margin-bottom : 2rem; } footer > div > div > div > *:nth-child(2) { width: 24rem; } footer > div > div > div > *:nth-child(2) > p { justify-content: space-between; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ .Back { color :#808080; } .Bold { font-weight:800; } .BrandColor { color :#0B43A9; } .BulletPrgrph { display: flex; } .BulletPrgrph > *:nth-child(1) { display: inline-block; margin-top: 0.1875rem; margin-right: 0.5rem; font-weight: 900; } .BulletPrgrph > *:nth-child(1).Cmfr { margin-top: 0.2500rem; } .Button { display: block ; border-radius: 0.2500rem; width: 24rem; } .ButtonBlue { background-color: #0B43A9; } .ButtonWhtt { background-color: #FFFFFF; } .Button > div { display: flex; padding: 1rem; align-items: center; width: 24rem; box-sizing: border-box; border: 0.0625rem solid #0B43A9; background-color: #ECF2FE; border-radius: 0.1250rem; } .ButtonBlue > div { background-color: #0B43A9; border: 0.0625rem solid #0B43A9; } .ButtonWhtt > div { background-color: #ECF2FE; border: 0.0625rem solid #0B43A9; } .ButtonSmWh > div { background-color: #010813; border: 0.0625rem solid #808080; } .Button > div > svg { display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 1.0rem; fill: #0B43A9; } .ButtonBlue > div > svg { fill : #ffffff; } .ButtonWhtt > div > svg { fill : #0B43A9; } .ButtonSmWh > div > svg { fill : #c0c0c0; } .Button > div > svg > * { fill: #0B43A9; } .ButtonBlue > div > svg > * { fill: #ffffff; } .ButtonWhtt > div > svg > * { fill: #0B43A9; } .ButtonSmWh > div > svg > * { fill: #c0c0c0; } .Button > div > span { display: inline-block; color: #0B43A9; font-weight: normal; font-size: 0.8750rem; } .ButtonBlue > div > span { color: #FFFFFF; } .ButtonSmWh > div > span { color: #c0c0c0; } .Button2 { display:block; border-radius: 0.2500rem; width: 11.8750rem; } .Button2> div { display: flex;padding: 1rem; padding-top: 0.5000rem; padding-bottom: 0.5000rem; align-items:center ; border-radius: 0.1250rem; width: 9.8750rem; -webkit-box-shadow : inset 0px 0px 0px 0.03125rem #000000; -moz-box-shadow : inset 0px 0px 0px 0.03125rem #000000; -ms-box-shadow : inset 0px 0px 0px 0.03125rem #000000; box-shadow : inset 0px 0px 0px 0.03125rem #000000; } .Button2> div > svg { display: inline-block; width: 0.7500rem; height:0.7500rem; margin-right: 1.0rem; } .Button2> div > svg > * { display: inline-block; width: 0.7500rem; height:0.7500rem; } .Button2> div > span { display: inline-block; width: 8.1250rem; color : #000000 ; font-weight : normal; } .Button2__Blue {} .Button2__Blue > div { -webkit-box-shadow : inset 0px 0px 0px 0.03125rem #082D72; -moz-box-shadow : inset 0px 0px 0px 0.03125rem #082D72; -ms-box-shadow : inset 0px 0px 0px 0.03125rem #082D72; box-shadow : inset 0px 0px 0px 0.03125rem #082D72; } .Button2__Blue > div > svg { fill: #082D72 !important; } .Button2__Blue > div > svg > * { fill: #082D72 !important; } .Button2__Blue > div > span { color: #082D72 !important; } .Button2__Large { width: 24.0000rem; } .Button2__Large> div { width: 22.0000rem; } .Button2__Large> div > span { width: 18.2500rem; } .Button3 { display:block; border-radius: 0.2500rem; width: 17.9375rem; } .Button3> div { display: flex;padding: 1rem; padding-top: 0.5000rem; padding-bottom: 0.5000rem; align-items:center ; border-radius: 0.1250rem; width: 15.9375rem; -webkit-box-shadow : inset 0px 0px 0px 0.03125rem #000000; -moz-box-shadow : inset 0px 0px 0px 0.03125rem #000000; -ms-box-shadow : inset 0px 0px 0px 0.03125rem #000000; box-shadow : inset 0px 0px 0px 0.03125rem #000000; } .Button3> div > *:nth-child(1) { display: inline-block; width: 0.7500rem; height: 0.7500rem; margin-right: 1.0rem; } .Button3> div > *:nth-child(2) { display: inline-block; width:12.4375rem; color : #000000 ; font-weight : normal; } .Button3> div > *:nth-child(3) { display: inline-block; width: 0.7500rem; height: 0.7500rem; margin-left : 1.0rem; } .BrdrlsButton { } .BrdrlsButton > div { -webkit-box-shadow : inset 0px 0px 0px 0.00000rem #000000; -moz-box-shadow : inset 0px 0px 0px 0.00000rem #000000; -ms-box-shadow : inset 0px 0px 0px 0.00000rem #000000; box-shadow : inset 0px 0px 0px 0.00000rem #000000; } .BrdrlsButton__Focus > div > span { font-weight: 800; } .Dvdr { height:0.0625rem; background-color: #E0E0E0; border: 0px solid #808080; margin-top: 2rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .Dvdr { width: 24.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .Dvdr { width: 48.25rem; } } @media all and (min-width: 73.5000rem) { .Dvdr { width: 72.50rem; } } /***********************************************************************************************/ .Dvdr2 {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .Dvdr2 { width: 24.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .Dvdr2 { width: 48.25rem; } } @media all and (min-width: 73.5000rem) { .Dvdr2 { width: 48.25rem; } } /***********************************************************************************************/ .DsplyRqrmntNotice { width: 24rem; margin-left: auto; margin-right: auto; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .DsplyRqrmntNotice { display: block !important; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .DsplyRqrmntNotice { display: block !important; } } @media all and (min-width: 73.5000rem) { .DsplyRqrmntNotice { display: none !important; } } /***********************************************************************************************/ .DsplyRqrmntNotice > *:nth-child(1) { margin-top: 40vh; margin-bottom: 2rem; } .IconTitle { } .IconTitle > *:nth-child(1) { display: block; width: 1.4375rem; height: 1.4375rem; margin-bottom: 0.5rem; } .IconTitle > *:nth-child(2) { font-size: inherit; } .InfoCard { width: 24.00rem; background-color: #0B43A9; padding-bottom: 2rem; border-radius: 0.25rem; } .InfoCard * { color: #ffffff ; fill: #ffffff; } .InfoCard > *:nth-child(1) { width: 0.50rem; height: 5rem; position: absolute; border: 0px solid #ffffff; background-color: #ffffff; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .InfoCard > *:nth-child(1) { visibility: hidden; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .InfoCard > *:nth-child(1) { } } @media all and (min-width: 73.5000rem) { .InfoCard > *:nth-child(1) { } } /***********************************************************************************************/ .InfoCard > *:nth-child(2) { margin-top: 2.00rem; margin-left: 2rem; width: 3rem; height: 3rem; } .InfoCard > *:nth-child(3) { margin-top: 1.00rem; margin-left: 2rem; margin-right: 2rem; } .InfoCard > *:nth-child(4) { margin-top: 2.00rem; margin-left: 2rem; font-size: 0.8750rem; margin-right: 2rem; } .Input { width: 24.0000rem; margin-bottom: 0.5rem; } .InputSmall { width: 11.8750rem; } .InputWide { width: 48.2500rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .InputWide { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /***********************************************************************************************/ .Input > div { display: flex; padding: 1rem; height: 3rem; align-items: center; width: 24rem; background-color: #FFFFFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0.0625rem solid #E0E0E0; } .InputSmall > div { width: 11.8750rem; } .InputWide > div { width: 48.2500rem; min-height: 10rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .InputWide > div { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /***********************************************************************************************/ .Input > div > svg { display: inline-block; max-width: 0.75rem; max-height: 0.75rem; margin-right: 1.0rem; fill: #101010 !important; color: #101010 !important; background-color: #FFFFFF; min-width: 0.75rem; min-height: 0.75rem; } .Input > div > svg > * { fill: #000000; } .InputWide > div > svg { align-self: flex-start; margin-top: 0.0625rem; fill: #000000; } .Input > div > input { display: inline-block; width: 20.1875rem; background-color: #FFFFFF; border: 0px; outline: none; border-radius: 0px; font-size: 0.8750rem; color: #101010; } .Input > div > input:-internal-autofill-selected { background-color: #FFFFFF; } .InputSmall > div > input { width: 8.0625rem; background-color: #FFFFFF; } .InputWide > div > textarea { display: inline-block; background-color: #FFFFFF; border: 0px; outline: none; width: 44.4375rem; min-height: 8rem; font-size: 0.8750rem; color: #101010; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .InputWide > div > textarea { width: 20.1875rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /***********************************************************************************************/ .Input > div > input::-webkit-box-placeholder { color: #808080; opacity: 1; } .Input > div > input::-moz-box-placeholder { color: #808080; opacity: 1; } .Input > div > input::-ms-box-placeholder { color: #808080; opacity: 1; } .Input > div > input::placeholder { color: #808080; opacity: 1; } .InputWide > div > textarea::-webkit-box-placeholder { color: #808080; opacity: 1; } .InputWide > div > textarea::-moz-box-placeholder { color: #808080; opacity: 1; } .InputWide > div > textarea::-ms-box-placeholder { color: #808080; opacity: 1; } .InputWide > div > textarea::placeholder { color: #808080; opacity: 1; } .Input > div > select { border: none; outline: none; background-color: transparent; overflow: hidden; font-size: 0.8750rem; color: #101010; -webkit-appearance: none; -moz-appearance: none; width: 20.1875rem; } .InputSmall > div > select { width: 8.0625rem; } .Input > div > select:focus { border: none ; outline: none; box-shadow: none; } .Input > div > select > option { font-size: 0.8750rem; color: #101010; } .Input > span { display: block; color: #FFFFFF; font-size: 0.7500rem; margin-top: 0.50rem; } .Input > span:empty { margin-top: 0.00rem; } .Input > span * { font-size: 0.7500rem; } .ItemWithDtls { width: 24rem; padding: 1rem; background-color: #f0f0f0; box-sizing: border-box; } .ItemWithDtls > span { display: block; width: 22rem; font-weight:normal; margin-bottom: 1rem; } .ItemWithDtls > *:nth-child(2) { height: 5.00rem; margin-bottom: 1.00rem; } .ItemWithDtls > a { display: block; width: 22rem; cursor: pointer; } .ItemWithDtls > a > div { display: flex; padding: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; align-items:center ; width: 22rem; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0.03125rem solid #0B43A9; background-color: #EEF6FE; } .ItemWithDtls > a > div > svg { display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.5rem; cursor: pointer; } .ItemWithDtls > a > div > span { display: inline-block; width: 18.25rem; color : #0B43A9; font-weight: normal; cursor: pointer; } .ItemWithDtlsLarge { } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .ItemWithDtlsLarge { width: 22.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .ItemWithDtlsLarge { width: 46.25rem; } } @media all and (min-width: 73.5000rem) { .ItemWithDtlsLarge { width: 46.25rem; } } /***********************************************************************************************/ .ItemWithDtlsLarge > span{ } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .ItemWithDtlsLarge > span { width: 22.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .ItemWithDtlsLarge > span { width: 46.25rem; } } @media all and (min-width: 73.5000rem) { .ItemWithDtlsLarge > span { width: 46.25rem; } } /***********************************************************************************************/ .Label { width: 24rem; display: flex; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 1rem; align-items: center; background-color: #f0f0f0; } .Label > svg { width: 0.75rem; height: 0.75rem; fill: #101010; margin-right: 1.00rem; } .MicroTitle { } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .MicroTitle { width: 24.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .MicroTitle { width: 48.25rem; } } @media all and (min-width: 73.5000rem) { .MicroTitle { width: 72.50rem; display: flex; flex-direction: flex-start; align-items: center; } } /***********************************************************************************************/ .MicroTitle > *:nth-child(1) { width:11.8750rem; margin-right: 0.25rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .MicroTitle > *:nth-child(1) { } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .MicroTitle > *:nth-child(1) { } } @media all and (min-width: 73.5000rem) { .MicroTitle > *:nth-child(1) { } } /***********************************************************************************************/ .MicroTitle > *:nth-child(1) > *:nth-child(1) { display: flex; padding: 0.50rem; padding-left: 0.75rem; padding-right: 0.75rem; background-color: #ffffff; align-items: center ; width: 5.8125rem; } .MicroTitle > *:nth-child(1) > *:nth-child(1) > * { color: #0B43A9; fill: #0B43A9; } .MicroTitle > *:nth-child(1) > *:nth-child(1) > *:nth-child(1) { min-width: 0.75rem; max-width: 0.75rem; min-height: 0.75rem; max-height: 0.75rem; margin-right: 0.75rem; } .MicroTitle > *:nth-child(1) > *:nth-child(1) > *:nth-child(2) { font-size: 0.8750rem; } .MicroTitle > *:nth-child(1) > div > svg { margin-right: 0.75rem; } .MicroTitle > *:nth-child(2) { } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .MicroTitle > *:nth-child(2) { } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .MicroTitle > *:nth-child(2) { } } @media all and (min-width: 73.5000rem) { .MicroTitle > *:nth-child(2) { width: 48.2500rem; } } /***********************************************************************************************/ .PrgrphStnd { margin-top: 1rem; } .PrcdButton { display: flex ; width: 24rem; justify-content: flex-end; } .PrcdButton > * { display: inline-block; } .SimpleButton { display: block; width: 24rem; text-align: right; font-size: 1.50rem; } .SimpleItemWithDtls { box-sizing: border-box; width: 24rem; padding: 1rem; background-color: #ffffff; border: 0.03125rem solid #0B43A9; } .SimpleItemWithDtls > span { display: flex; width: 22rem; font-weight: normal; margin-bottom: 1rem; align-items: center; font-weight: 800; } .SimpleItemWithDtls > span > svg { width: 0.75rem; height: 0.75rem; fill: #000000; margin-right: 0.50rem; } .SimpleItemWithDtls > span > svg > * { fill: #000000; } .SimpleItemWithDtls > span > span { font-weight: 800; } .SimpleItemWithDtls > a { display: block; width: 22rem; cursor: pointer; } .SimpleItemWithDtls > a > div { display: flex; padding: 1rem; padding-top: 0.50rem; padding-bottom: 0.50rem; align-items:center ; width: 22rem; cursor: pointer; box-sizing : border-box; border: 0.03125rem solid #0B43A9; background-color: #EEF6FE; } .SimpleItemWithDtls > a > div > svg { display: inline-block; width: 0.75rem; height: 0.75rem; margin-right:0.50rem; cursor: pointer; fill: #0B43A9; } .SimpleItemWithDtls > a > div > svg > * { fill: #0B43A9; } .SimpleItemWithDtls > a > div > span { display: inline-block; width: 18.25rem; color : #0B43A9; font-weight: normal; cursor: pointer; } .SimpleItemWithDtls > div { display: flex; width: 22rem; box-sizing: border-box; justify-content: space-between; flex-wrap: wrap; } .SimpleItemWithDtls > div > a { display: block; width: 10.8750rem; cursor: pointer; margin-top: 0.25rem; } .SimpleItemWithDtls > div > a:nth-child(1) { margin-top: 0.00rem; } .SimpleItemWithDtls > div > a:nth-child(2) { margin-top: 0.00rem; } .SimpleItemWithDtls > div > a > div { display: flex; padding: 1rem; padding-top: 0.50rem; padding-bottom: 0.50rem; align-items:center ; width: 10.8750rem; cursor: pointer; box-sizing : border-box; border: 0.03125rem solid #0B43A9; background-color: #EEF6FE; } .SimpleItemWithDtls > div > a > div > svg { display: inline-block; width: 0.75rem; height: 0.75rem; margin-right:0.50rem; cursor: pointer; fill: #0B43A9; } .SimpleItemWithDtls > div > a > div > svg > * { fill: #0B43A9; } .SimpleItemWithDtls > div > a > div > span { display: inline-block; color : #0B43A9; font-weight: normal; cursor: pointer; } .SmallButton { display: block; } .SmallBtnWht { } .SmallButton > div { display: flex; padding: 1rem; padding-top: 0.6250rem; padding-bottom: 0.6250rem; align-items: center; width: 11.8750rem; box-sizing: border-box; border: 0.0625rem solid #E0E0E0; } .SmallBtnWht > div { border: 0.0625rem solid #E0E0E0; } .SmallButton > div > svg { display: inline-block; margin-right: 1.0rem; fill: #0B43A9; min-width: 0.75rem; min-height: 0.75rem; max-width: 0.75rem; max-height: 0.75rem; } .SmallButton > div > span { display: inline-block; color : #0B43A9 ; font-weight:normal; font-size: 0.8750rem; } .SmallBtnWht > div > span {} .StndPrgrphMargin { margin-bottom: 1rem; } .SubHdng { display: flex; padding-top: 1.00rem; padding-bottom: 1.00rem; border-bottom: 0.1250rem solid #ffffff; margin-bottom: 4rem; } .SubHdng > * { display: flex; justify-content: flex-start; align-items: center; } .SubHdng > *:nth-child(1) { width: 11.6250rem; margin-right: 0.25rem; margin-left: 0.25rem; } .SubHdng > *:nth-child(2) { width: 48.2500rem; margin-right: 0.25rem; font-family: 'Roboto' !important; font-size: 0.8750rem; } .SubHdng > * > svg { width: 0.7500rem; height:0.75rem; fill: #000000; margin-right: 0.50rem; font-size: 0.8750rem; } .SubHdng > * > span { font-size: 0.8750rem; } .SubHdng > * > span > * { font-size: 0.8750rem; } .SubNvgtn { display: flex; width: 48.25rem; flex-wrap: wrap; margin-left: auto; margin-right: auto; margin-bottom: 4rem; } .SubNvgtn > * { width: 11.8750rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .SubNvgtn > *:nth-child(4n) { margin-right: 0.00rem; } .SubNvgtn > * > * { width: 11.8750rem !important; padding-top : 0.6250rem !important; padding-bottom: 0.6250rem !important; } .SubNvgtn > * > * > svg { min-width: 0.75rem; min-height: 0.75rem; } .SubNvgtn > * > * > svg > * {} .SubNvgtn > * > * > span{ font-size: 0.875rem; } .Table { width: 24rem; margin-left: auto; margin-right: auto; box-sizing: border-box; border: 0.0625rem solid #0B43A9; } .TableLarge { } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .TableLarge { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .TableLarge { width: 48.2500rem; } } @media all and (min-width: 73.5000rem) { .TableLarge { width: 48.2500rem; } } /***********************************************************************************************/ .Table > * { display: flex; justify-content: space-between; margin-bottom: 0.25rem; } .Table > *:last-child { margin-bottom: 0.00rem; } .Table > * > * { display: flex; width: 11.8125rem; background-color: #ECF2FE; padding:1.0rem; align-items: center; box-sizing: border-box; font-size: 0.8125rem; padding-top: 0.75rem; padding-bottom: 0.7500rem; font-family: 'Roboto400'; overflow-wrap: anywhere; color: #101010; padding-left: 1.0000rem; padding-right: 1.0000rem; border-radius : 0.0625rem; } .Table > * > * >svg { height: 0.75rem; width: 0.75rem; fill: #101010; margin-right: 1.00rem; min-height: 0.75rem; min-width: 0.75rem; } .Table > * > * >svg > * { fill: #101010; } .Table > * > * >span { } .Table > .TableHdng { margin-bottom: 0.25rem; } .Table > .TableHdng > * { color: #101010 !important; background-color: #FFFFFF !important; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .Table > .TableHdng > * { padding-top: 1.00rem; padding-bottom: 1.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .Table > .TableHdng > * { } } @media all and (min-width: 73.5000rem) { .Table > .TableHdng > * { } } /***********************************************************************************************/ .Table > .TableHdng > * > svg { fill : #101010 !important; } .Table > .TableHdng > * > svg > * { fill : #101010 !important; } .Table > .TableHdng > * > span { color: #101010 !important; } .TableLarge > * > * { } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .TableLarge > * > * { width: 11.8125rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .TableLarge > * > * { width: 23.9375rem; } } @media all and (min-width: 73.5000rem) { .TableLarge > * > * { width: 23.9375rem; } } /***********************************************************************************************/ .Table > * > *:nth-child(1) { font-size: 0.8750rem; font-family: 'Roboto400'; } .Table > .TableHdng > * { font-size: 0.8750rem; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ #PBSP { } #PBSP > * { display: flex; justify-content: space-between; background-color: #EEF6FE; padding-bottom: 0.25rem; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #PBSP > * { flex-wrap: wrap; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /**********************************************************************************************/ #PBSP > *:nth-child(1) { background-color: #0B43A9; padding-bottom: 0.00rem; margin-bottom: 0.25rem; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #PBSP > *:nth-child(1) { background-color: #EEF6FE; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /**********************************************************************************************/ #PBSP > * > * { display: flex; box-sizing: border-box; align-items: center; background-color: #ffffff; padding: 0.50rem; padding-left:1rem; padding-right: 1rem; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #PBSP > * > * { width: 24.0000rem; white-space : normal; margin-bottom: 0.25rem; padding-top: 1rem; padding-bottom: 1rem; } #PBSP > * > *:nth-child(6){ margin-bottom: 0rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { #PBSP > * > * { width: 7.8333rem; } } @media all and (min-width: 73.5000rem) { #PBSP > * > * { width: 11.8750rem; } } /**********************************************************************************************/ #PBSP > * > .IconText { display: flex; align-items: center; } #PBSP > * > .IconText > svg { height: 0.75rem; width: 0.75rem; margin-right: 0.50rem; } #PBSP > * > .IconText > span { font-size: 0.8750rem; } #PBSP > * > .SelectThisButton{ background-color: #ffffff; border: 1px solid #0B43A9; } #PBSP > * > .SelectThisButton> span{ color: #0B43A9; } #PBSP > * > *:nth-child(1) { } #PBSP > * > *:nth-child(1) > svg { fill : #000000; } #PBSP > * > *:nth-child(1) > span { font-family: 'Roboto Mono'; } #PBSP > * > *:nth-child(2) { font-family: 'Roboto Mono'; font-size: 0.8750rem; } #PBSP > * > *:nth-child(3) { font-family: 'Roboto Mono'; font-size: 0.8750rem; } #PBSP > * > *:nth-child(4) { font-family: 'Roboto Mono'; font-size: 0.8750rem; } #PBSP > * > *:nth-child(5) { font-family: 'Roboto Mono'; font-size: 0.8750rem; } #PBSP > * > *:nth-child(6) { background-color: #EEF6FE ; } #PBSP > *:nth-child(1) > * { background-color: #0B43A9; padding-top: 0.75rem; padding-bottom: 0.75rem; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #PBSP > *:nth-child(1) > * { padding-top: 1.00rem; padding-bottom: 1.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /**********************************************************************************************/ #PBSP > *:nth-child(1) > * > svg { fill: #ffffff; } #PBSP > *:nth-child(1) > * > span{ font-weight: 800; color: #ffffff; } #PBSP > *:nth-child(1) > *:nth-child(6) { background-color: #EEF6FE; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #PBSP > *:nth-child(1) > *:nth-child(6) { display: none; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /**********************************************************************************************/ #PBSP > *:nth-child(2) > * {} /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { #PBSP > *:nth-child(2) > * { } } @media all and (min-width: 73.5000rem) { #PBSP > *:nth-child(2) > * { } } /**********************************************************************************************/ .Prdcts { display: flex ; justify-content: space-between; flex-wrap: wrap; margin: auto; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .Prdcts { width: 24.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .Prdcts { width: 48.25rem; } } @media all and (min-width: 73.5000rem) { .Prdcts { width: 72.50rem; } } /**********************************************************************************************/ .Prdcts > * { margin-bottom: 0.25rem; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ #TlBr01 { display: flex; padding-top : 1.0000rem; padding-bottom: 1.00rem; margin-top: 4.25rem; border-bottom: 0.0625rem solid #E0E0E0; margin-bottom: 2.00rem; background-color:#FFFFFF; /* border-bottom-width: 0.0625rem; border-bottom-style: solid; border-image : linear-gradient(to right, darkblue, darkorchid) 1; */ } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #TlBr01 { padding-top: 1.00rem; padding-bottom: 1.00rem; flex-wrap: wrap; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { } @media all and (min-width: 73.5000rem) { } /**********************************************************************************************/ #TlBr01 > * { display: flex; justify-content: flex-start;align-items:center; } #TlBr01 * { color : #101010; } #TlBr01 > *:nth-child(1) { width:11.8750rem ; margin-right:0.25rem; margin-left:0.00rem;padding-left : 0.0000rem; } #TlBr01 > *:nth-child(2) { width:48.2500rem ; margin-right:0.25rem; font-size:0.8750rem;margin-bottom:-0.1250rem; } /**********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { #TlBr01 > *:nth-child(2) { border-top: 0.0625px solid #E0E0E0; margin-top:1rem; padding-top:1rem; padding-left: 0rem; margin-right: 0.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { #TlBr01 > *:nth-child(2) { width: 24.0000rem; } } @media all and (min-width: 73.5000rem) { } /**********************************************************************************************/ #TlBr01 > * > svg { width: 0.7500rem; height:0.75rem; fill: #101010; margin-right: 0.50rem; font-size: 0.8750rem; min-width: 0.7500rem; min-height: 0.75rem; } #TlBr01 > * > svg > { fill: #101010 !important; } #TlBr01 > * > span { font-size: 0.8750rem; } #TlBr01 > * > span > * { font-size: 0.8750rem; display: inline-block; } #TlBr01 > * > span > *:nth-child(2) { margin-left: -0.0625rem; } .NoteBoard { display: flex; padding: 1rem; box-sizing: border-box; border-radius: 0.0625rem; background-color: #ECF2FE; border: 0.0625rem solid #0B43A9; } .NoteBoard > svg { min-width : 0.75rem; max-width : 0.75rem; fill: #101010; margin-right: 1rem; min-height: 0.75rem; max-height: 0.75rem; } .NoteBoard > svg > * { fill: #101010; } .NoteBoard > span { font-size: 0.8750rem; color: #101010; margin-top:-0.1250rem; } .NoteBoard > span > span { font-size: 0.7500rem; color: #101010; } .NvgtnBar { display: flex; width: 48.25rem; flex-wrap: wrap; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .NvgtnBar { width: 24.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .NvgtnBar { width: 48.25rem; } } @media all and (min-width: 73.5000rem) { } /***********************************************************************************************/ .NvgtnBar > * { width: 11.8750rem; margin-right: 0.25rem; margin-bottom: 0.25rem; border-radius: 0.1250rem; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .NvgtnBar > *:nth-child(2n) { margin-right: 0.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .NvgtnBar > *:nth-child(4n) { margin-right: 0.00rem; } } @media all and (min-width: 73.5000rem) { .NvgtnBar > *:nth-child(4n) { margin-right: 0.00rem; } } /***********************************************************************************************/ .NvgtnBar > * > * { width: 11.8750rem !important; padding-top : 0.6250rem !important; padding-bottom: 0.6250rem !important; } .NvgtnBar > *.ButtonWhtt> * { background-color: #ECF2FE !important; } .NvgtnBar > * > * > svg { min-width: 0.7500rem; min-height: 0.75rem; } .NvgtnBar > * > * > svg > * {} .NvgtnBar > * > * > span{ } .NvgtnBoard { display: flex; width: 48.25rem; flex-wrap: wrap; margin-left: auto; margin-right: auto; margin-bottom: 4rem; } .NvgtnBoard > * { width: 11.8750rem; margin-right: 0.25rem; margin-bottom: 0.25rem; } .NvgtnBoard > *:nth-child(4n) { margin-right: 0.00rem; } .NvgtnBoard > * > * { width: 11.8750rem !important; padding-top : 0.6250rem !important; padding-bottom: 0.6250rem !important; } .NvgtnBoard > * > * > svg { min-width: 0.75rem; min-height: 0.75rem; } .PltfrmPrcngTable {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .PltfrmPrcngTable { width: 24.0000rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .PltfrmPrcngTable { width: 48.2500rem; } } @media all and (min-width: 73.5000rem) { .PltfrmPrcngTable { width: 72.5000rem; } } /***********************************************************************************************/ .PltfrmPrcngTable > * { display: flex; justify-content: space-between; margin-bottom: 0.25rem; } .PltfrmPrcngTable > * > * { display: flex; box-sizing: border-box; align-items: center; background-color: #f0f0f0; padding: 0.75rem; padding-left:1rem; padding-right: 1rem; } .PltfrmPrcngTable > * > *:nth-child(1) {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .PltfrmPrcngTable > * > *:nth-child(1) { width: 24.0000rem; margin-bottom: 0.25rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .PltfrmPrcngTable > * > *:nth-child(1) { width: 7.9375rem; } } @media all and (min-width: 73.5000rem) { .PltfrmPrcngTable > * > *:nth-child(1) { width: 11.8750rem; } } /***********************************************************************************************/ .PltfrmPrcngTable > * > *:nth-child(2) { text-wrap: wrap; } /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .PltfrmPrcngTable > * > *:nth-child(2) { width: 24.0000rem; margin-bottom: 0.25rem; white-space: pre-line; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .PltfrmPrcngTable > * > *:nth-child(2) { width: 31.8750rem; } } @media all and (min-width: 73.5000rem) { .PltfrmPrcngTable > * > *:nth-child(2) { width: 48.2500rem; } } /***********************************************************************************************/ .PltfrmPrcngTable > * > *:nth-child(3) {} /***********************************************************************************************/ @media all and (min-width: 0.0000rem) and (max-width: 36.9375rem) { .PltfrmPrcngTable > * > *:nth-child(3) { width: 24.0000rem; margin-bottom: 0.00rem; } } @media all and (min-width: 36.9375rem) and (max-width: 73.5000rem) { .PltfrmPrcngTable > * > *:nth-child(3) { width: 7.9375rem; } } @media all and (min-width: 73.5000rem) { .PltfrmPrcngTable > * > *:nth-child(3) { width: 11.8750rem; } } /***********************************************************************************************/ .PltfrmPrcngTable > * > * > svg { height: 0.75rem; width: 0.75rem; margin-right: 0.50rem; min-height: 0.75rem; min-width: 0.75rem; } .PltfrmPrcngTable > * > * > span { font-size: 0.8750rem; } .PltfrmPrcngTable > *:nth-child(1) { } .PltfrmPrcngTable > *:nth-child(1) > * { background-color: #0B43A9; color: #f0f0f0; padding-top: 1rem; padding-bottom: 1rem; } .PltfrmPrcngTable > *:nth-child(1) > * > * { fill: #f0f0f0; color: #f0f0f0; font-weight: 800; } .PltfrmPrcngTable > .PltfrmElmnt > * { font-family: 'Roboto Mono'; font-size: 0.8750rem; } .PltfrmPrcngTable > .PltfrmElmnt > * > svg { fill: #101010; } .PltfrmPrcngTable > .PltfrmElmnt > * > span { font-family: 'Roboto Mono'; font-size: 0.8750rem; }