/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  -moz-tab-size: 4;
  tab-size: 4;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
body {
  font-family: "Open Sans", -apple-system, "Segoe UI", Arial, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
hr {
  height: 0;
  color: inherit;
}
abbr[title] {
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
/*MS RESET*/
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.5;
}
body {
  line-height: inherit;
}
textarea {
  resize: vertical;
}
button, [role="button"], .aBtn {
  cursor: pointer;
}
:-moz-focusring {
  outline: auto;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button,
.aBtn {
  -webkit-appearance: button;
}
/*MS RESET END*/
/*screen reader*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus-within\:sr-only:focus-within {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.focus-within\:not-sr-only:focus-within {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:sr-only:focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
/*screen reader end */
/*MS OVERRIDE*/
:root {
  --mscolor: rgba(32, 34, 35, 1);
  --msblue: #033ed2;
  --msblue2: #0a81fb;
  --msblue3: #1065dd;
  --msblue4: #0066ff;
  --msblueDark: #032879;
  --msblueh: #e0edff;
  --msblack: rgba(30, 31, 37, 1);
  --msblack2: #49494e;
  --msblack3: #30323c;
  --msblack4: rgb(12 12 12);
  --mswhite: #fff;
  --msgray: #b1b1b4;
  --msdarkgray: #656975;
  --msgold: #ffd700;
  --msgold2: #ffbc00;
  --msgold3: #ffa115;
  --msgold4: #FFC700;
  --msgreen:#00A811;
  --msgreen2:#00830D;
  --msgreenDark:#04500C;
  --msred: #f11a1a;
  --msred2: #cf0d0d;
  --msred3: #790303;
  --sm_fb: #3e5c94;
  --sm_yt: #c50f1e;
  --sm_in: #1b5885;
  --sm_tw: #34a5ec;
  --sm_lk: #0077b5;
  --sm_pi: #e60023;
  --brdc: #dddfe2;
  --box_brdco: #dddfe2; /*border color*/
  --gray: #e4e6eb;
  --gray2: #d8dadf;
  --gray3: #cccfd4;
  --level1font: 'Kanit', 'Open Sans', Arial;
  /*wheningrayBackround*/
  --ingray2: #f2f2f2;
  --ingray3: #e5e5e5;
  /*wheningrayBackround*/
  --bx_sh: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --bx_shSm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --bx_in_sh: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --inpFocus: 0px 0px 0px 2px rgb(10 129 251 / 30%);
  --btnFocus: 0px 0px 0px 2px rgb(10 129 251 / 30%), inset 0px 0px 0px 2px var(--msblue2);
  --inpFocusRed: 0px 0px 0px 2px rgb(251 10 10 / 30%), inset 0px 0px 0px 2px var(--msred3);
  --inpFocusGold: 0px 0px 0px 2px rgb(255 188 0 / 51%), inset 0px 0px 0px 2px #d59d00;
  --inpFocusGreen: 0px 0px 0px 2px rgb(17 144 22 / 27%), inset 0px 0px 0px 2px #026c0c;
  --msBRad: 0.25rem;
}

body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #f0f2f5;
  color: var(--msblack);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

a {
  color: var(--msblue);
}
.a,
a:hover {
  text-decoration: underline;
}
.aD, .aD a{color:var(--msblack4)}
.aDHB:hover, .aDHB a:hover{color:var(--msblue)}
.aIC {
  color: inherit;
}
p {
  margin-top: 0;
}

.aHr {
  background: var(--box_brdco);
  border-width: 0;
  color: var(--box_brdco);
  height: 1px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.aPipe {
  height: 20px;
  width: 1px;
  background-color: rgb(0 0 0 / 15%);
  display: inline-block;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
/*MS OVERRIDE END*/

/*container*/
.aInn {
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
}

/*container end*/
/*Unlist*/
.aNList,
.aUNL,
.aUNL_ba,
.aHL,
.aBread,
.aTags,
.aChips,
.aPagis,
.aCMenu,
.fi-unl {
  list-style: none;
  padding: 0;
  margin: 0;
}
.aHL li,
.aBread li,
.aTags li,
.aChips li,
.aPagis li {
  display: inline-block;
}
.aUNL_ba li a{display:block;}
.fi-unl li {
  list-style: none;
}
.aTAC {
  text-align: center;
}
.aTAL {
  text-align: left;
}
.aTAR {
  text-align: right;
}
.aPagis {
}

.aPagis li {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.aPagis li:first-child {
  padding-left: 0;
}
.aPagis li:last-child {
  padding-right: 0;
}

.aPagis.aPagisOut .aBtn {
  /* background-color: white; */
  /* box-shadow: var(--bx_sh); */
  /* background-color: transparent; */
  font-weight: 600;
}
.aPagis.aPagisOut .aBtn:hover {
  /* background-color: var(--msblack3); */
  /* color: white; */
}
.aPagis.aPagisOut .aBtn.disabled:hover {
}
.aPagis.aPagisOut .aBtn.disabled {
  /* background-color:transparent; */
}

/*list styled*/
.aLSC{} .aLSC li{
    display: flex;
}
.aLSC li{margin-bottom: 1em;}
.aLSC li:last-child{margin-bottom:0;}
.aLSC .aLCheck{
    background-color: var(--msgreen2);
    color: var(--mswhite);
    width: 1.5em;
    height: 1.5em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    flex-shrink: 0;
    margin-right: .5rem;
}
.aLSC .lbltxt{
    font-weight: 600;
    /* font-size: 14pt; */
}
/*list styled end*/


/*Unlist end*/
/*no border*/
.aNB {
  border: none;
}

/*no border end*/
/*DISPLAY*/
.aBlock {
  display: block;
}
.aInline {
  display: inline;
}
.aFlex {
  display: flex;
}
.aFlexI {
  display: inline-flex;
}
.aGrid, .aGridG, .aGridD {
  display: grid;
}

.aGridI {
  display: inline-grid;
}

/*grid stuff*/
.aGAF {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.aGAF4 {
  grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
}
.aG3C{grid-template-columns: repeat(3,minmax(0,1fr));}
.aG4C{grid-template-columns: repeat(4,minmax(0,1fr));}
.aG12C{grid-template-columns: repeat(12,minmax(0,1fr));}

.aNone {
  display: none;
}
.aFVC,
.aFlexVC,
.aFlexAL,
.aF-al-cn, .aVC {
  align-items: center;
}
.aFlexHC,
.aFlexJC,
.aFJCC {
  justify-content: center;
}
.aSAC{justify-content: center;}
.aASC{align-self: center;}
.aFlexW,
.aF-wrap {
  flex-wrap: wrap;
}
.aFlexDirCol,
.aFlexCol {
  flex-direction: column;
}
.aFlexDirR {
  flex-direction: reverse;
}

.aFSA,
.aF-jc-sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.aF-jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.aFlexFW1,
.aFlexFW {
  flex: 1;
}
.aFlexAu {
  flex: auto;
}
/*flex utilities*/
.aFlexG {
  flex-grow: 1;
}
.aFlexNG {
  flex-grow: 0;
}
.aFlexS {
  flex-shrink: 0;
}
.aFlexNS {
  flex-shrink: 0;
  max-width: 100%;
}
/*flex utilities*/
/*DISPLAY END*/
/*grid gaps*/
.aGap\:sm{gap:.5rem;}
.aGridGSM {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}
.aGridG, .aGridD {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.aGridGXL {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}
/*grid gaps end*/
/*positions*/
.aAbs {
  position: absolute;
}
.aSticky {
  position: sticky;
  top: 0;
}
.aRel {
  position: relative;
}
/*helpers*/
.aNs,
.noscroll,
.noScroll, .aNOw {
  overflow: hidden;
}
.aSY {
  overflow-y: auto;
}
.aSX {
  overflow-x: auto;
}
.aHidden,
.hidden {
  display: none !important;
}

.aPEN {
  pointer-events: none;
}
.aOverlay {
  background-color: rgba(107, 114, 128, 0.75);
  z-index: 1;
}
.aOverlay.active {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.aTUB, .aTCB{font-weight:700;}

/*customFonts*/
.aF_Kanit{font-family: 'Kanit', sans-serif;}
/*customFonts*/

.aTU, .aTUB{ text-transform: uppercase;}
.aTCB{text-transform: capitalize;}

/*border-radius*/
.aBRad {
  border-radius: var(--msBRad);
}
.aBRad12{border-radius:0.75rem}
.aBRadMD {
  border-radius: 0.5rem;
}
.aBRadF,
.aCircle,
.aPill {
  border-radius: 100px;
}
.aImgCir {
  border-radius: 50%;
}
/*border-radius end*/

/*helpers end*/

/*COMPOUNDS*/
.aBox,
.aBoxP,
.aBoxP6,
.aCard,
.aBoxNP,
.aTag,
.aTags a {
  background-color: white;
  box-shadow: var(--bx_sh);
  border-radius: var(--msBRad);
  box-shadow: none;
  border: solid var(--box_brdco) 1px;
}

.aBoxRow{
  background-color: white;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.aChip,
.aChips a {
  display: block;
  margin-bottom: 0.375rem;
  margin-right: 0.375rem;
  padding: 0.125rem 0.375rem;
  background-color: var(--gray);
  border-radius: 0.25rem;
  color: #464646;
}
.aChips.aSm a {
  font-weight: 500;
}

.aChip:hover,
.aChips a:hover {
  background-color: var(--msblue4);
  color: white;
  text-decoration: none;
}
.aTagDark a {
  text-decoration: none;
}
.aTagDark a:hover {
  text-decoration: none !important;
  color: white;
  background-color: var(--msblack);
}
.aBoxP {
  padding: 0.5rem;
}
.aBoxP6 {
  padding: 0.375rem;
}
.aBoxBr4 {
  border-radius: 0.25rem;
}
.aBread {
  color: #3e3e3e;
  font-size: 11pt;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.aBreadW {
  border-top: none;
  border-left: none;
  border-right: none;
}
.aBread a {
  color: inherit;
}
.aBread > li {
}

.aBCrumb + .aBCrumb:before {
  content: "/";
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  opacity: 0.5;
}

.aTag,
.aTags a {
  padding: 0.25rem 0.5rem;
  display: block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--msblack);
}
.aTagDark .aTag:hover {
  background-color: var(--msblack);
  color: white;
  text-decoration: none;
}

/*forms*/

.aBtn,
.aInp,
.aFCR {
  background-color: white;
  border-radius: 0.25rem;
  border: solid transparent 2px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: 0;
}

.aBtn,
.aInp {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--msblack);
  padding: 0.375rem 0.75rem;
}

.aInp {
  min-height: 36px;
}
.aBtnSm {
  padding: 0 0.25rem;
  line-height: 1;
}
.aBtnMd {
  padding: 0.25rem 0.5rem;
}
.aBtnSm {
  padding: 0.125rem 0.375rem;
}
.aBtnFW {
  width: 100%;
}
.aBtnIco {
  padding: 0.25rem 0.5rem;
}
.aBread .aBtn {
  padding: 1px 8px;
  line-height: 1;
  min-width: unset;
}
.aBtnG {
}
.aBtnG .aBtn {
  margin-right: 0.5rem;
}
.aBtnG .aBtn:last-child {
  margin-right: 0;
}
.aBtnG.sm .aBtn {
  padding: 6px 10px;
}
/*input+button*/
.aInpHG,
.aImpIB {
  display: flex;
}
.aInpHG .aInp,
.aImpIB .aInp {
  margin-right: 0.5rem;
}
/*input + button end*/

.aFCR {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.aFCR[type="checkbox"] {
  border-radius: 0.1875rem;
  /* background-size: 75%; */
}
.aFCR {
  background-size: 87%;
}

.aFCR:checked,
.aFCR[type="checkbox"]:indeterminate {
  /* background-color: #0d6efd; */
  /* border-color: #0d6efd; */
  background-color: var(--msblue2);
  box-shadow: inset 0px 0px 0px 2px var(--msblue2);
}

.aFCR:checked[type="checkbox"] {
  background-image: url("https://elements.b-cdn.net/images/frame/placeholders/forms/check.svg");
}

.aFCR[type="radio"] {
  border-radius: 50%;
}

.aFCR:checked[type="radio"] {
  border-radius: 50%; /* background-size: 55%; */
}
.aFCR:checked[type="radio"] {
  background-image: url("https://elements.b-cdn.net/images/frame/placeholders/forms/radio.svg");
}
.aFCR[type="checkbox"]:indeterminate {
  background-image: url("https://elements.b-cdn.net/images/frame/placeholders/forms/indeterminate.svg");
}
.aFCR:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
  box-shadow: 0px 0px 0px 1px var(--msgray) !important;
}

.aFCR:disabled ~ .aLbl,
.aFCR[disabled] ~ .aLbl {
  opacity: 0.5;
}

/*Form*/
.aForm {
}
.aFormInl {
  display: Flex;
}
.aFormInl button{flex-shrink:0; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.aFormInl .aInp{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
/*Form END*/

/*buttons*/
.aBtn {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 500;
  border-width: 0;
  /* min-width: 40px; */
}
.aBtn {
  background-color: var(--gray);
}
.aBtnSHO {
  background-color: white;
  box-shadow: var(--bx_sh);
  border: solid 1px rgb(189 193 199);
}

a.aBtn {
  text-decoration: none !important;
}
.aBtn span,
.aBtn svg {
  pointer-events: none;
}
.aBtn:hover {
  background-color: var(--gray2);
}
.aBtnSHO:hover {
  border-color: var(--msblue);
  background-color: white;
  color: var(--msblueDark);
}
.aBtn36 {
  min-width: unset;
  padding: 6px 11px;
}
/*input and btn shared*/
.aBtn:focus,
.aBtnTB:focus,
.aBtnTR:focus,
.aBtnTG:focus {
  border-color: var(--msblue2);
  box-shadow: var(--btnFocus);
  outline: none;
}
.aBtnTR:focus {
  box-shadow: var(--inpFocusRed);
}
.aBtnTG:focus {
  box-shadow: var(--inpFocusGold);
}

/*input and btn shared end*/
.aBtn:active {
  background-color: var(--gray3);
  box-shadow: none;
  border-color: transparent;
}
.aBtnSHO:active {
  background-color: var(--msblueh);
  color: var(--msblue4);
}
.aBtn.aBtnBlue {
  background-color: var(--msblue3);
  color: white;
}
.aBtn.aBtnBlue:hover {
  background-color: var(--msblue);
}
.aBtn.aBtnBlue:active {
  background-color: var(--msblueDark);
}



.aBtn.aMSGreen {
  background-color: var(--msgreen2);
  color: white;
}

.aBtn.aMSGreen:hover {
  background-color: var(--msgreen);
}

.aBtn.aMSGreen:active {
  background-color: var(--msgreenDark);
}


.aMSGreen:focus {
  box-shadow: var(--inpFocusGreen);
}

.aMSBlue{
  background-color: var(--msblue);
  color: white;
  }
.aMSBlue:hover{
    background-color: var(--msblue4);
}
.aMSBlue:active{
    background-color: var(--msblue2);
}


.aBtn.aBtnBlack {
  background-color: var(--msblack2);
  color: white;
}
.aBtn.aBtnBlack:hover {
  background-color: var(--msblack3);
}
.aBtn.aBtnBlack:active {
  background-color: var(--msblack);
}

.aBtn.aBtnGold {
  background-color: var(--msgold2);
}

.aBtn.aBtnGold:focus {
  /* border-color: #d59d00; */
  box-shadow: var(--inpFocusGold);
}

.aBtn.aBtnGold:hover {
  background-color: var(--msgold);
}
.aBtn.aBtnGold:active {
  /* background-color: #edaf00; */
  background-color: var(--msgold3);
}
.aBtn.aBtnRed {
  color: white;
}
.aBtn.aBtnRed {
  background-color: var(--msred);
}
.aBtn.aBtnRed:hover {
  background-color: var(--msred2);
}
.aBtn.aBtnRed:active {
  /* background-color: #edaf00; */
  background-color: var(--msred3);
}
.aBtn.aBtnRed:focus {
  /* border-color: var(--msred3); */
  box-shadow: var(--inpFocusRed);
  outline: none;
}

.aBtnT,
.aBtnTrans {
  background-color: transparent;
}
.aBtnT:active,
.aBtnTrans:hover {
  background-color: var(--gray);
}
.aBtnT,
.aBtnTrans:focus {
}
.aBtnT:active,
.aBtnTrans:active {
  background-color: var(--gray2);
}

.aBtnTB {
  background-color: transparent;
}
.aBtnTB:hover {
  color: var(--msblue3);
  background-color: rgb(16 101 221 / 8%);
}
.aBtnTB:active {
  background-color: #e0edff;
  color: var(--msblue);
}

.aBtnTR {
  background-color: transparent;
}
.aBtnTR:hover {
  color: var(--msred2);
  background-color: rgb(207 13 13 / 8%);
}
.aBtnTR:active {
  background-color: rgb(207 13 13 / 16%);
  color: var(--msred3);
}

.aBtnTG {
  background-color: transparent;
}
.aBtnTG:hover {
  color: #5a4503;
  background-color: rgb(255 193 7 / 29%);
}
.aBtnTG:active {
  background-color: rgb(255 193 7 / 41%);
  color: #302800;
}

.aBtn.aCur {
  background-color: var(--msblue3) !important;
  color: white;
  cursor: default;
}
.aBtn.aCur:hover {
  /* filter: brightness(1.2); */
}
.aBtn.aCur:active {
  filter: brightness(1);
}
.aBtn.aCur.aBtnSHO {
  border-color: var(--msblue4);
}

/*button with border*/

.aBtn_b {
  /* border-color:var(--gray2); */ /* background-color: white; */
}
.aBtn_b:hover {
  border-color: var(--gray3);
  background-color: var(--gray);
}
.aBtn_b:active {
  background-color: #e0edff;
  color: var(--msblue);
}
.aBtn_b:focus {
  border-color: var(--msblue2); /* background-color: white; */
  color: var(--msblueDark);
}
.aBtnSkew{
    transform: skew(-15deg, 0deg);
}
.aBtnSkew span{
    transform: skew(15deg, 0deg);
    display: inline-block;
    font-style: italic;
}
/*buttons end*/

/*fieldset reset*/
.aFls {
  padding: 0;
  margin: 0;
  border: none;
}
.aLegH,
.fLsLH {
  display: none;
}
/*fieldset reset end*/

.aLbl {
  margin-bottom: 0.125rem;
  display: inline-block;
}

/*input*/

.aInp,
.aFCR {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: var(--msgray);
  border: none;
  box-shadow: inset 0px 0px 0px 1px var(--msgray);
}

.aInp {
  display: block;
  width: 100%;
  background-clip: padding-box;
}
.aInp:hover,
.aFCR:hover {
  box-shadow: inset 0px 0px 0px 2px var(--msblue);
}
.aInp:focus,
.aFCR:focus {
  /* border-color:var(--msblue2); */
  box-shadow: var(--btnFocus);
}
.aInp:active {
}
/*input end*/

/*sel*/
.aInpSel {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  background-color: #fff;
  background-image: url("https://elements.b-cdn.net/images/frame/placeholders/forms/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
/*.aInpSel:hover{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23003EB1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),linear-gradient(to bottom,#fff 0,#fff 100%);}*/
/*sel_end*/

/*disabled form elements*/
.aBtn.disabled,
.aBtn:disabled,
.aInp.disabled,
.aInp:disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.aBtn:disabled:focus {
  box-shadow: none !important;
  border-color: transparent !important;
}
.aInp.disabled:hover,
.aInp:disabled:hover {
  border-color: var(--msgray) !important;
  box-shadow: 0px 0px 0px 1px var(--msgray);
}
.aBtn.disabled,
.aBtn:disabled,
.aInp.disabled,
.aInp:disabled:focus,
.aBtn.disabled,
.aBtn:disabled,
.aInp.disabled,
.aInp:disabled:active {
  border-color: transparent !important;
  background-color: inherit;
  box-shadow: 0px 0px 0px 1px var(--msgray);
}
.aBtn.aBtnBlue.disabled,
.aBtn.aBtnBlue:disabled {
  background-color: var(--msblue3);
}
.aBtn.aBtnRed.disabled,
.aBtn.aBtnRed:disabled {
  background-color: var(--msred);
}
.aBtn.aBtnGold.disabled,
.aBtn.aBtnGold:disabled {
  background-color: var(--msgold2);
}

/*disabled form elements*/

/*forms end*/
/*video*/
.aVid {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background-color: #f9f9f9;
  background-size: cover;
  background-image: url(https://elements.b-cdn.net/images/frame/placeholders/forms/msCover.jpg);
  background-position: center center;
  background-image: url(https://elements.b-cdn.net/images/frame/placeholders/forms/msCoverDark.jpg);
  background-color: #191919;
}
.aVid:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.aVid img,
.aVid iframe,
.aVid video,
.aVidCover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*videoEnd*/

.aSectDark{background-color: var(--msblack3);}
.aSectBlack{background-color:var(--msblack4)}
.aSectBlue{background-color: var(--msblue);}

.aSectDark, .aSectBlack, .aSectBlue{color:var(--mswhite)}
/*COMPOUNDS END*/

/*shadows*/
.aSH {
  box-shadow: var(--bx_sh);
}
.aSHMD {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.aSHLG {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.aSHXL {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.aSH2XL {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
/*shadowsEnd*/

/*elements*/

.aImg {
}

.aNUG a,
.aNU {
  text-decoration: none;
}
.aNUG a:hover,
.aNU:hover {
  text-decoration: underline;
}

/*headings*/
.aH1,
.aH2,
.aH3,
.aH4,
.aH5,
.aH6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 1.2;
}
.aH1 {
  font-size: calc(1.375rem + 1.5vw);
}
.aH2 {
  font-size: calc(1.325rem + 0.9vw);
}
.aH3 {
  font-size: calc(1.3rem + 0.6vw);
}
.aH4 {
  font-size: calc(1.275rem + 0.3vw);
}
.aH5 {
  font-size: 1.25rem;
}
.aH6 {
  font-size: 1rem;
}
.aTCdg {
  color: var(--msdarkgray);
}
/*headings end*/
/*font-size*/
.aFs_xs{font-size: 0.75rem;line-height: 1rem;}
.aFs_sm{font-size: 0.875rem;
  line-height: 1.25rem;}
.aFs{font-size: 1rem;
  line-height: 1.5rem;}
.aFs_lg	{font-size: 1.125rem;
  line-height: 1.75rem;}
  .aFs_xl	{font-size: 1.25rem;
  line-height: 1.75rem;}
  .aFs_2xl	{font-size: 1.5rem;
  line-height: 2rem;}
  .aFs_3xl	{font-size: 1.875rem;
  line-height: 2.25rem;}
  .aFs_4xl	{font-size: 2.25rem;
  line-height: 2.5rem;}
  .aFs_5xl	{font-size: 3rem;
  line-height: 1;}
  .aFs_6xl	{font-size: 3.75rem;
  line-height: 1;}
  .aFs_7xl	{font-size: 4.5rem;
  line-height: 1;}
  .aFs_8xl	{font-size: 6rem;
  line-height: 1;}
  .aFs_9xl	{font-size: 8rem;
  line-height: 1;}
.aFs20{font-size: 20pt;}
/*font-size end*/
/*fonts weight*/
.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw, .fw4 {font-weight: 400;}
.fw5 {font-weight: 500;}
.fw6 {font-weight: 600;}
.fw7 {font-weight: 700;}
.fw8 {font-weight: 800;}
.fw9 {font-weight: 900;}

/*font weight end*/

/*font style*/
.fsi{font-style: italic;}
/*font style end*/
/*font- color*/
.aFCBD{color:var(--msblueDark)}
.aFCB{color:var(--msblue)}
.aFCY{color:var(--msgold4)}
.aFCG{color:var(--msgreen2)}
.aFCGD{color:var(--msgreenDark)}
.aFCW{color:var(--mswhite)}
/*font-color end*/

.aBordB3{border:solid 3px var(--msblack4)}
.aBordG3{border:solid 3px var(--msgreen2)}

/*gradients*/
.aBlackG{background: linear-gradient(180deg, #313131 0%, #0B0B0B 100%);}

/*margins*/
.aM0,
.aNM {
  margin: 0!important;
}
.aM {
  margin: 1rem;
}
.aM2 {
  margin: 2rem;
}
.aMsm {
  margin: 0.5rem;
}
/*margin-bottom*/
.aMB0 {
  margin-bottom: 0 !important;
}
.aMB2 {
  margin-bottom: 0.125rem;
}
/*.aMB3{margin-bottom:0.1875rem}*/
.aMB4 {
  margin-bottom: 0.25rem;
}
/*.aMB5{margin-bottom:0.3125rem}*/
.aMB6 {
  margin-bottom: 0.375rem;
}
/*.aMB7{margin-bottom:0.4375rem}*/
.aMB8 {
  margin-bottom: 0.5rem;
}
/*.aMB9{margin-bottom:0.5625rem}*/
.aMB10 {
  margin-bottom: 0.625rem;
}
/*.aMB11{margin-bottom:0.6875rem}*/
.aMB12 {
  margin-bottom: 0.75rem;
}
.aMB16 {
  margin-bottom: 1rem;
}
.aMB32,
.aSect, .aSectPd {
  margin-bottom: 2rem;
}
.aMB64{margin-bottom:4rem}
/*margin-bottom-end*/

/*margin-top*/
.aMT0 {
  margin-top: 0!important;
}
.aMT2 {
  margin-top: 0.125rem;
}
/*.aMT3{margin-top:0.1875rem}*/
.aMT4 {
  margin-top: 0.25rem;
}
/*.aMT5{margin-top:0.3125rem}*/
.aMT6 {
  margin-top: 0.375rem;
}
/*.aMT7{margin-top:0.4375rem}*/
.aMT8 {
  margin-top: 0.5rem;
}
/*.aMT9{margin-top:0.5625rem}*/
.aMT10 {
  margin-top: 0.625rem;
}
/*.aMT11{margin-top:0.6875rem}*/
.aMT12 {
  margin-top: 0.75rem;
}
.aMT16 {
  margin-top: 1rem;
}
.aMT32,
.aSect, .aSectPd {
  margin-top: 2rem;
}
/*margin-top-end*/
/*margin-left*/
.aMla,
.mla {
  margin-left: auto;
}

.aML0 {
  margin-left: 0;
}
.aML2 {
  margin-left: 0.125rem;
}
/*.aML3{margin-left:0.1875rem}*/
.aML4 {
  margin-left: 0.25rem;
}
/*.aML5{margin-left:0.3125rem}*/
.aML6 {
  margin-left: 0.375rem;
}
/*.aML7{margin-left:0.4375rem}*/
.aML8 {
  margin-left: 0.5rem;
}
/*.aML9{margin-left:0.5625rem}*/
.aML10 {
  margin-left: 0.625rem;
}
/*.aML11{margin-left:0.6875rem}*/
.aML12 {
  margin-left: 0.75rem;
}
.aML16 {
  margin-left: 1rem;
}
.aML32 {
  margin-left: 2rem;
}
/*margin-left-end*/
/*margin-right*/
.aMRA,
.mra {
  margin-right: auto;
}
.aMR0 {
  margin-right: 0;
}
.aMR2 {
  margin-right: 0.125rem;
}
/*.aMR3{margin-right:0.1875rem}*/
.aMR4 {
  margin-right: 0.25rem;
}
/*.aMR5{margin-right:0.3125rem}*/
.aMR6 {
  margin-right: 0.375rem;
}
/*.aMR7{margin-right:0.4375rem}*/
.aMR8 {
  margin-right: 0.5rem;
}
/*.aMR9{margin-right:0.5625rem}*/
.aMR10 {
  margin-right: 0.625rem;
}
/*.aMR11{margin-right:0.6875rem}*/
.aMR12 {
  margin-right: 0.75rem;
}
.aMR16 {
  margin-right: 1rem;
}
.aMR32 {
  margin-right: 2rem;
}
/*margin-right-end*/
/*margins_end*/
/*paddings*/
.aP,
.aPd {
  padding: 1rem;
}
.aP2 {
  padding: 2rem;
}
.aPd75 {
  padding: 0.75rem;
}
.aPd25 {
  padding: 0.25rem;
}
.aPsm {
  padding: 0.5rem;
}
.aP0,
.aNP {
  padding: 0;
}
/*padding-bottom*/
.aPB0 {
  padding-bottom: 0;
}
.aPB2 {
  padding-bottom: 0.125rem;
}
/*.aPB3{padding-bottom:0.1875rem}*/
.aPB4 {
  padding-bottom: 0.25rem;
}
/*.aPB5{padding-bottom:0.3125rem}*/
.aPB6 {
  padding-bottom: 0.375rem;
}
/*.aPB7{padding-bottom:0.4375rem}*/
.aPB8 {
  padding-bottom: 0.5rem;
}
/*.aPB9{padding-bottom:0.5625rem}*/
.aPB10 {
  padding-bottom: 0.625rem;
}
/*.aPB11{padding-bottom:0.6875rem}*/
.aPB12 {
  padding-bottom: 0.75rem;
}
.aPB16, .aPTB {
  padding-bottom: 1rem;
}
.aPB32 {
  padding-bottom: 2rem;
}
/*padding-bottom-end*/

/*padding-top*/
.aPT0 {
  padding-top: 0;
}
.aPT2 {
  padding-top: 0.125rem;
}
/*.aPT3{padding-top:0.1875rem}*/
.aPT4 {
  padding-top: 0.25rem;
}
/*.aPT5{padding-top:0.3125rem}*/
.aPT6 {
  padding-top: 0.375rem;
}
/*.aPT7{padding-top:0.4375rem}*/
.aPT8 {
  padding-top: 0.5rem;
}
/*.aPT9{padding-top:0.5625rem}*/
.aPT10 {
  padding-top: 0.625rem;
}
/*.aPT11{padding-top:0.6875rem}*/
.aPT12 {
  padding-top: 0.75rem;
}
.aPT16, .aPTB {
  padding-top: 1rem;
}
.aPT32 {
  padding-top: 2rem;
}
/*padding-top-end*/
/*padding-left*/
.aPL0 {
  padding-left: 0;
}
.aPL2 {
  padding-left: 0.125rem;
}
/*.aPL3{padding-left:0.1875rem}*/
.aPL4 {
  padding-left: 0.25rem;
}
/*.aPL5{padding-left:0.3125rem}*/
.aPL6 {
  padding-left: 0.375rem;
}
/*.aPL7{padding-left:0.4375rem}*/
.aPL8 {
  padding-left: 0.5rem;
}
/*.aPL9{padding-left:0.5625rem}*/
.aPL10 {
  padding-left: 0.625rem;
}
/*.aPL11{padding-left:0.6875rem}*/
.aPL12 {
  padding-left: 0.75rem;
}
.aPL16 {
  padding-left: 1rem;
}
.aPL32 {
  padding-left: 2rem;
}
/*padding-left-end*/
/*padding-right*/
.aPR0 {
  padding-right: 0;
}
.aPR2 {
  padding-right: 0.125rem;
}
/*.aPR3{padding-right:0.1875rem}*/
.aPR4 {
  padding-right: 0.25rem;
}
/*.aPR5{padding-right:0.3125rem}*/
.aPR6 {
  padding-right: 0.375rem;
}
/*.aPR7{padding-right:0.4375rem}*/
.aPR8 {
  padding-right: 0.5rem;
}
/*.aPR9{padding-right:0.5625rem}*/
.aPR10 {
  padding-right: 0.625rem;
}
/*.aPR11{padding-right:0.6875rem}*/
.aPR12 {
  padding-right: 0.75rem;
}
.aPR16 {
  padding-right: 1rem;
}
.aPR32 {
  padding-right: 2rem;
}
/*padding-right-end*/

/*padding_end*/

.aBN {
  border: none !important;
}
.aBTN {
  border-top: none !important;
}
.aBBN {
  border-bottom: none !important;
}
.aBLN {
  border-left: none !important;
}
.aBRN {
  border-right: none !important;
}

/*mark*/
.aMark {
  padding: 0.75rem;
}
/*mark end*/
/*elements end*/

/*icons*/

svg:not(:root).ico {
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.ico,
.aIco {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  fill: currentColor;
}
.icoW1 {
  width: 0.0625em;
}
.icoW2 {
  width: 0.125em;
}
.icoW3 {
  width: 0.1875em;
}
.icoW4 {
  width: 0.25em;
}
.icoW5 {
  width: 0.3125em;
}
.icoW6 {
  width: 0.375em;
}
.icoW7 {
  width: 0.4375em;
}
.icoW8 {
  width: 0.5em;
}
.icoW9 {
  width: 0.5625em;
}
.icoW10,
.aIw10 {
  width: 0.625em;
}
.icoW11 {
  width: 0.6875em;
}
.icoW12,
.aIw12 {
  width: 0.75em;
}
.icoW13 {
  width: 0.8125em;
}
.icoW14,
.aIw14 {
  width: 0.875em;
}
.icoW15 {
  width: 0.9375em;
}
.icoW16,
.aIw16 {
  width: 1em;
}
.icoW17 {
  width: 1.0625em;
}
.icoW18,
.aIw18 {
  width: 1.125em;
}
.icoW19 {
  width: 1.1875em;
}
.icoW20,
.aIw20 {
  width: 1.25em;
}

/*icons_end*/

/*social*/
.sbFB {
  color: var(--sm_fb);
}
.sbTW {
  color: var(--sm_tw);
}
.sbYT {
  color: var(--sm_yt);
}
.sbIN {
  color: var(--sm_in);
}
.aSoBtn {
  background-color: currentColor;
}
.aSoBtn span {
  color: white;
}
.aSoBtn svg {
  fill: currentColor;
}

/*social end*/
/*legacy*/

.mntimes {
  display: none;
}
.fi-burger-trigger-opened .mntimes {
  display: inline;
}
.fi-burger-trigger-opened .mnbars {
  display: none;
}

/*legacy end*/

/*libraries*/

/*nprogress*/
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0, -4px);
  -ms-transform: rotate(3deg) translate(0, -4px);
  transform: rotate(3deg) translate(0, -4px);
}
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*nprogress*/
/*dialog*/
.dialog-container {
  padding: 1rem;
}
.dialog-content {
  max-width: 100%;
  width: 400px;
}
.dialog-header {
  border-bottom: solid 1px #ccc;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.dialog-body {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.dialog-header,
.dialog-body,
.dialog-footer {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  min-height: 46px;
}
.dialog-footer {
  border-top: solid #ccc 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.dialog-centered {
  max-width: 500px;
  margin: 1.75rem auto;
  min-height: calc(100% - 1rem);
}
.dialog-header,
.dialog-footer {
  background-color: #f9f9f9;
}
.dialog-title,
.dialog-header h2 {
  margin-bottom: 0;
  margin-left: 0.5rem;
}
.dialog-content {
  display: flex;
  flex-direction: column;
}
.dialog-content {
  max-height: 100%;
  overflow: hidden;
}
.dialog-container,
.dialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dialog-container {
  z-index: 1001;
  display: flex;
}
.dialog-container[aria-hidden="true"] {
  display: none;
}
.dialog-overlay {
  background-color: rgba(255, 255, 255, 0.75);
}
.dialog-content {
  margin: auto;
  z-index: 2;
  position: relative;
  background: #fff;
  box-shadow: var(--smSh);
  border-radius: 0.25rem;
  border: #ccc solid 1px;
  box-shadow: 0 16px 16px -10px rgb(34 47 62 / 15%), 0 0 40px 1px rgb(34 47 62 / 15%);
}
.dialog-body p {
  margin-top: 0;
}
.dialog-body {
  overflow-y: auto;
}
.dialog-body p:last-child {
  margin-bottom: 0;
}
/*dialog*/

/*libraries end*/

/*favorite btn*/
.aBtnCat:after {
  content: attr(data-countf);
  margin-left: 0.25rem;
}
.aBtnCat[data-count="0"]:after {
  display: none;
}
/*favorite btn end*/

/*ui*/

.aSearch {
  display: flex;
  flex: 1;
}
.aSearchBar {
  position: relative;
  flex: 1;
}
.aSearchIco {
  position: absolute;
  left: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: gray;
  top: 0;
}
.aSearchBar .aInp[type="text"] {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.aSearchBar .aInp[type="text"],
.aInpFT {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.aSearchBar .aInp[type="text"]:placeholder-shown + button {
  display: none;
}
.aSearchBar .aBtn[type="reset"] {
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  top: 0.1875rem;
  right: 0.1875rem;
  border-radius: 2.5rem;
  color: gray;
  min-width: unset;
}
.aSearchBar .aBtn[type="reset"]:hover {
  color: inherit;
}
.aFormS p {
  margin-bottom: 0;
}

.aSearchBar .aInp[type="text"]:disabled + button {
  display: none;
}

/*ui END*/

/*legacyBreak*/

.aFavBtn .aFavorite {
  display: inline-block;
}
.aFavBtn .aFavorited {
  display: none;
}
.aFavBtn.active .aFavorited {
  display: inline-block;
}
.aFavBtn.active .aFavorite {
  display: none;
}

.aField {
  margin-bottom: 1rem;
}
.aLegend {
  font-weight: 600;
}
.aFieldUn {
  padding: 0;
  border: none;
}
.aFieldUn .aLegend {
  margin-bottom: 0.25rem;
}
.fLs {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  min-inline-size: auto;
}
.fLsL {
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1d1d1d;
}
.fLsLH {
  display: none;
}
.avsep {
  color: #e0e0e0;
}
/*legacyBreak END*/

/*legacyUser*/
.aUsrC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aUsrC {
  transition: background-color 0.1s;
}
.aUsrC,
.aUsrG {
  padding: 0.25rem;
}
.aUsrC {
  align-items: center;
}
.aUsrC img {
  flex-shrink: 0;
}
.aUsrC img,
.aUsrCM,
.aUsrG {
  margin-right: 0.375rem;
}
.aUsrCM {
  flex: 1;
}
.aUsrC:hover {
  color: inherit;
  background-color: transparent;
}
.aUsrG {
}
.aUsrG img {
  margin: 0;
}
.aUsrG img + img {
  margin: 0px 0.375rem 0px -0.5rem;
}
.aUsrG img:last-child {
  margin-right: 0;
}
.aUsrCM time {
  opacity: 0.5;
  font-size: 10pt;
  vertical-align: middle;
}
.aBtnSP {
  display: flex;
  align-items: center;
}
/*legacyUser*/

.aChip .aImg {
  pointer-events: none;
  border: solid 1px var(--box_brdco);
  display: block;
}
.aChip .aUsrCM {
  pointer-events: none;
}
.aInp.aUsrC {
  border-radius: 50px;
  padding: 0.25rem;
}
.aInp.aUsrC .aBtn {
  border-radius: 3.125rem;
  width: 1.75rem;
  padding: 0;
  height: 1.75rem;
}
/*legacy*/
.utm_container-upgrade {
  padding: 12px 10px;
}
.fi-log-in-back {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.48);
  z-index: 400;
  display: none;
}
.fi-log-in-shown .fi-log-in-back,
.fi-log-in-shown .fi-log-in-cont-wrap {
  display: block;
  display: flex;
  justify-content: center;
}
.fi-log-in-cont-wrap {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  z-index: 2000;
  text-align: center;
  padding-top: 10%;
  display: none;
}
.fi-log-in-wrap-box {
  background: #fafafa;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  width: 337px;
  display: block;
  position: relative;
  z-index: 2001;
}
.fi-join-now-trigger,
.fi-log-in-trigger {
  color: white;
}
.fi-join-now-trigger svg,
.fi-log-in-trigger svg {
  transform: skew(12deg, 0deg);
}
@media (max-width: 991px) {
  .fi-join-now-trigger {
    color: black;
  }
  .fi-join-now-trigger svg,
  .fi-log-in-trigger svg {
    transform: skew(0deg, 0deg);
  }
}
.mc_child_post_top {
  /*max-width:300px*/
}
/*legacy*/

@font-face {
  font-family: "Open Sans";
  font-display: optional;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-regular.woff2") format("woff2"), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-display: optional;
  font-style: normal;
  font-weight: 500;
  src: local(""), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-500.woff2") format("woff2"), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-500.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-display: optional;
  font-style: normal;
  font-weight: 600;
  src: local(""), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-600.woff2") format("woff2"), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-600.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-display: optional;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-700.woff2") format("woff2"), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-display: optional;
  font-style: normal;
  font-weight: 800;
  src: local(""), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-800.woff2") format("woff2"), url("https://elements.b-cdn.net/fonts/open-sans-v26-latin-800.woff") format("woff");
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: local(""), url("https://elements.b-cdn.net/fonts/kanit-v7-latin-800.woff2") format('woff2'),  url("https://elements.b-cdn.net/fonts/kanit-v7-latin-800.woff") format('woff');
}


.brdkill {
  margin-bottom: 0 !important;
}

.aCmenu {
  color: var(--mscolor);
}
.aCMenu a {
  display: flex;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding: 0.5rem 0.625rem;
  transition: background-color;
  transition-duration: 0.2s;
  color: inherit;
  font-weight: 500;
}
.aCMenu li {
  display: block;
}
.aCMenu a {
  /* display:inline-flex; */
}
.aCMIcon {
  margin-right: 0.375rem;
}
.aCMtext {
}
.aCMenu a:hover {
  background-color: var(--gray);
  text-decoration: none; /* color: var(--msblue); */
}
.aCMenu a:focus {
}
.aCMenu a:active {
}
.aCMenu .aHr {
  margin-left: 0;
  margin-right: 0;
}

/*legacy*/
.maxS768 {
  display: none;
}
@media (max-width: 767.98px) {
  .noScrollMobile {
    overflow: hidden;
  }

  .pagimobilehide {
    display: none;
  }
  .maxS768 {
    display: inline-block;
  }
  .maxFw768 {
    width: 100%;
  }
}
.grayWindow {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(240 242 245 / 0%);
  z-index: 1002;
}

/*legacy*/

/*cards*/
.aCard {
  display: flex;
  flex-direction: column;
}
.aCard.long {
  flex-direction: row;
}
.aCard figure {
  width: 100%;
  margin: 0;
}
.aCard header {
}
.aCard footer {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: solid 1px var(--brdc);
}
.aCard .aTitle,
.aCard .aTitle a {
  color: var(--msblack);
}

/*cardsEnd*/
/*posters*/
.aPoster{position:relative;overflow: hidden;padding-bottom: 3rem;}
.aPoster picture{}
.aPoster .aPosterText{position:absolute;bottom:0;left:0;right:0;padding: .5rem;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 75%);padding-top: 5rem;}
.aPoster .aPosterText h2{
    /* font-size: 14pt; */
    color: var(--mswhite);
}
.aPoster .aPosterText p{
    /* font-size: 10pt; */
    color: white;
}
/*posters end*/
/*dialog-hack*/
.dialog-full-mobile {
}

.aSectPd{padding-top:1rem;padding-bottom: 1rem;}


/*breakpoints*/
@media (min-width: 576px) {
  .aFlexSm {
    display: flex;
  }
  .aSACSm{self-align:center}
  .aMR4Sm {
    margin-right: 0.25rem;
  }
  .aMB64Md{margin-bottom: 4rem;}  
  
  .aRelSm{position:relative}

  .aPosBN16Sm{bottom:-1rem;}
  .aAbsSm{position:absolute;}

  

  /*grid*/
  .aGridSM, .aGridSm, .aGridDSm {
    display: grid;
  }
  .aGridDSm{gap:1rem;}

  .aGDCS1Sm{grid-column-start: 1;}

  .aGDCS4Sm{grid-column-start: 4;}
  .aGDCS6Sm{grid-column-start: 6;}
  .aGDCS7Sm{grid-column-start: 7;}
  
  .aGDCE5Sm{grid-column-end: 5;}
  .aGDCE6Sm{grid-column-end: 6;}
  .aGDCE7Sm{grid-column-end: 7;}
  .aGDCE12Sm{grid-column-end: 12;}
  .aGDCE13Sm{grid-column-end: 13;}


  .aG2ISm, .aG2CSm{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .aG3ISm, .aG3CSm{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .aG4ISm, .aG4CSm{grid-template-columns: repeat(4, minmax(0, 1fr));}
  .aG12ISm, .aG12CSm{grid-template-columns: repeat(12, minmax(0, 1fr));}

  /*grid end*/
/*font-size*/
.sm\:aFs_xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.sm\:aFs_sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sm\:aFs {
  font-size: 1rem;
  line-height: 1.5rem;
}

.sm\:aFs_lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.sm\:aFs_xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.sm\:aFs_2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.sm\:aFs_3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.sm\:aFs_4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.sm\:aFs_5xl {
  font-size: 3rem;
  line-height: 1;
}

.sm\:aFs_6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.sm\:aFs_7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.sm\:aFs_8xl {
  font-size: 6rem;
  line-height: 1;
}

.sm\:aFs_9xl {
  font-size: 8rem;
  line-height: 1;
}
/*font-size*/

}

@media (min-width: 768px) {

  .aRelMd{position:relative}
  .aAbsMd{position:absolute;}
  .aPosBMd{bottom:0;}
  .aRelMd{position:relative}
  .aPosBN16Md{bottom:-1rem;}

  .aFlexMd, .aFlex\:md {
    display: flex;
  }



  .aFB50Md{flex-basis: 50%;}
  .aFB50MdC li{flex-basis:50%}
  .aFlexWMd{flex-wrap:wrap}

  .aMBN16{margin-bottom:-1rem}

  /*grid*/
  .aGridMd, .aGridDMd{display: grid;}.aGridDMd{gap:1rem;}
  .aGDC5Md{grid-column: span 5 / span 5;}
  .aGDC6Md{grid-column: span 6 / span 6;}

  .aGDCS1Md{grid-column-start: 1;}
  .aGDCS4Md{grid-column-start: 4;}

  .aGDCS5Md{grid-column-start: 5;}
  .aGDCS6Md{grid-column-start: 6;}
  .aGDCS7Md{grid-column-start: 7;}
  .aGDCS8Md{grid-column-start: 8;}

  .aGDCS9Md{grid-column-start: 9;}
  .aGDCS10Md{grid-column-start: 10;}
  .aGDCS11Md{grid-column-start: 11;}
  .aGDCE3Md{grid-column-end: 3;}
  .aGDCE4Md{grid-column-end: 4;}
  .aGDCE5Md{grid-column-end: 5;}
  .aGDCE6Md{grid-column-end: 6;}
  .aGDCE7Md{grid-column-end: 7;}
  .aGDCE8Md{grid-column-end: 8;}
  .aGDCE9Md{grid-column-end: 9;}
  .aGDCE10Md{grid-column-end: 10;}

  .aGDCE11Md{grid-column-end: 11;}

  .aGDCE12Md{grid-column-end: 12;}
  .aGDCE13Md{grid-column-end: 13;}

  .aG2IMd, .aG2CMd{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .aG3IMd, .aG3CMd{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .aG4IMd, .aG4CMd{grid-template-columns: repeat(4, minmax(0, 1fr));}
  .aG12IMd, .aG12CMd{grid-template-columns: repeat(12, minmax(0, 1fr));}

  .aPTB32Md{padding-top:2rem; }
  .aPTB32Md{padding-bottom:2rem; }

  

  /*grid end*/

  .aColW40Md{width:40%}

  .aSectMd{padding-top:1.5rem; padding-bottom:1.5rem}

  /*font-size*/

  .aFs28Md{font-size:28pt}
 
/*font-size*/

.md\:aFs_xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.md\:aFs_sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.md\:aFs {
  font-size: 1rem;
  line-height: 1.5rem;
}

.md\:aFs_lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.md\:aFs_xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.md\:aFs_2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.md\:aFs_3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.md\:aFs_4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.md\:aFs_5xl {
  font-size: 3rem;
  line-height: 1;
}

.md\:aFs_6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.md\:aFs_7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.md\:aFs_8xl {
  font-size: 6rem;
  line-height: 1;
}

.md\:aFs_9xl {
  font-size: 8rem;
  line-height: 1;
}
/*font-size end*/
}

@media (min-width: 992px) {
  .aInnLg {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
  }

  .aFlexLg {
    display: flex;
  }
  /*hidebreakpoint:desktop*/
  .aHide_lg {
    display: none!important;
  }
  /*hidebreakpoint:desktop:end*/


  .aSectLg{padding-top:2rem; padding-bottom:2rem;}


  /*grid*/
  .aGridLg, .aGridDLg{display:grid};.aGridDLg{gap:1rem;}

  .aG2ILg, .aG8CLg{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .aG3ILg, .aG8CLg{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .aG4ILg, .aG8CLg{grid-template-columns: repeat(4, minmax(0, 1fr));}
  .aG8ILg, .aG8CLg{grid-template-columns: repeat(8, minmax(0, 1fr));}
  .aG12ILg, .aG12CLg{grid-template-columns: repeat(12, minmax(0, 1fr));}

  .aGDCS1Lg{grid-column-start: 1;}
  .aGDCS7Lg{grid-column-start: 7;}

  .aGDCE5Lg{grid-column-end: 5;}
  .aGDCE6Lg{grid-column-end: 6;}
  .aGDCE7Lg{grid-column-end: 7;}
  .aGDCE12Lg{grid-column-end: 12;}
  .aGDCE13Lg{grid-column-end: 13;}

  /*grid end*/
  .aFs38Lg{font-size:38pt}


  /*font-size*/
  .lg\:aFs_xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:aFs_sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:aFs {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:aFs_lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:aFs_xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:aFs_2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:aFs_3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:aFs_4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:aFs_5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:aFs_6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:aFs_7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:aFs_8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .lg\:aFs_9xl {
    font-size: 8rem;
    line-height: 1;
  }


  /*font-size:end*/

  
}

@media (min-width: 1200px) {
  .aFlexXl {
    display: flex;
  }
  /*grid*/
  .aGridXl, .aGridDGXl{display: grid;}.aGridDGXl{gap:1rem;}
  /*gridEnd*/




  .xl\:aFs_xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .xl\:aFs_2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .xl\:aFs_3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }



}






@media (max-width: 1199.98px) {



}


@media (max-width: 991.98px) {
  /*hidebreakpoint:mobile*/
  .aHide_md {
    display: none !important;
  }
  /*hidebreakpoint:mobile:end*/

  /*noScrollTabled*/
  .noScrollLg{overflow-y:hidden!important}

  .aOXA\:lg_m{overflow-x:auto;}
  .aW960\:md_m{min-width: 878px;}

  .aGrid\:lg\:m{display:grid;}


}

@media (max-width: 767.98px) {

  .aMT16Md_m{margin-top:1rem;}
  .aMB16Md_m{margin-bottom:1rem;}



  /*dialog-hack*/
  .order7\:md\:m{order:7;}

  .order8\:md\:m{order:8;}

  



  .dialog-full-mobile.dialog-container {
    padding: 0;
  }

  .dialog-full-mobile .dialog-content {
    height: 100%;
  }

  /*dialog-hack end*/

  .aGrid\:md\:m{display:grid;}
  .aG4C\:md\:m{grid-template-columns: repeat(4, minmax(0, 1fr));}
  



}
@media (max-width: 575.98px) {
  .aMB4SmP {
    margin-bottom: 0.25rem !important;
  }
  .aMB16Sm_m{margin-bottom:1rem;}
  .aMT16Sm_m{margin-top:1rem;}

  .a_M_TACMd{text-align: center;}

  .aMT160Sm_m{

    margin-top:10rem;

  }

  .aMTN160Sm_m{margin-top:-10rem}

  .aNTBR\:sm{border-top-left-radius: 0; border-top-right-radius: 0;}

  .aGrid\:sm\:m{display:grid;}
  .aG3C\:sm\:m{grid-template-columns: repeat(3, minmax(0, 1fr));}


}


/*breakpoints end*/


/*home*/
.snackbar{

}
.snackbar li{display:flex;justify-content: center;align-items: center;}


.snackbar a{
    padding: .5rem;
    /* margin-left: .5rem; */
    /* margin-right: .5rem; */
    border-radius: .25rem;
    width: 100%;
}


.snackbar a:hover{
    background-color: rgb(3 62 210 / 4%);
}
.darkBgT{background: rgba(0, 0, 0, 0.65);box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);}

/*home end*/