.__nuxt-error-page {
  padding: 1rem;
  background: #f7f8fb;
  color: #47494e;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.__nuxt-error-page .error {
  max-width: 450px
}

.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494e;
  margin-bottom: 8px
}

.__nuxt-error-page .description {
  color: #7f828b;
  line-height: 21px;
  margin-bottom: 10px
}

.__nuxt-error-page a {
  color: #7f828b !important;
  text-decoration: none
}

.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width .1s, opacity .4s;
  background-color: #000;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}


body {
  position: relative
}

#ASTmenu {
  visibility: visible;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background: #fff;
  overflow-x: hidden;
  transition: .5s;
  border-left: 4px solid #000 !important;
  border-bottom: 4px solid #000 !important
}

#ASTmenu * {
  font-family: Open Sans Hebrew, Arial, Helvetica, sans-serif !important;
  box-sizing: border-box;
  line-height: 1.1em;
  font-weight: 400;
  padding: 0;
  margin: 0
}

#ASTmenu {
  width: 375px;
  height: 100%
}

#ASTmenu a {
  padding: 8px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: .3s
}

#ASTmenu a:hover {
  color: #f1f1f1
}

@media screen and (max-height:450px) {
  #ASTmenu a {
    font-size: 18px
  }
}

#ASTmenu[aria-hidden=true] {
  right: -400px;
  visibility: hidden
}

@media (max-width:768px) {
  #ASTmenu {
    width: 90% !important
  }
}

#ASTmenu .ASTmenuHeader {
  position: relative;
  padding: 16px 0 14px;
  width: 100%;
  background-color: #000;
  text-align: center
}

#ASTmenu .ASTmenuHeader h2 {
  display: inline-block;
  position: static;
  float: none;
  margin: 0;
  padding: 0;
  height: auto;
  color: #fff;
  text-align: center !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1em;
  letter-spacing: 0;
  transform: scaleY(1.1)
}

#ASTmenu .ASTmenuHeader .ASTmenu-close-btn {
  display: inline-block;
  position: absolute;
  padding: 0;
  top: 10px;
  left: 10px;
  width: auto;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer
}

#ASTmenu .ASTmenuBody {
  display: block;
  margin: 0 auto;
  width: 94%;
  overflow-y: hidden;
  outline: none
}

#ASTmenu .ASTmenuBody .ASTmenuRow {
  display: inline-block;
  padding: 3px 0;
  border-bottom: 1px solid #d1d2d3;
  width: 100%
}

#ASTmenu .ASTmenuBody .ASTmenuRow img {
  margin: 0 auto;
  max-height: 35px
}

#ASTmenu .ASTmenuRowBlock,
#ASTmenu .ASTmenuRowBlockExit {
  padding: 5px 0;
  display: inline-block;
  width: 100%
}

.ASTmenuRowBlock,
.ASTmenuRowBlockExit {
  cursor: pointer
}

#ASTmenu .ASTmenuBody .ASTmenuRowBlock:focus,
#ASTmenu .ASTmenuBody .ASTmenuRowBlock:hover,
#ASTmenu .ASTmenuBody .ASTmenuRowBlockExit:focus,
#ASTmenu .ASTmenuBody .ASTmenuRowBlockExit:hover {
  background: #baf0b5;
  border-radius: 5px !important
}

#ASTmenu .ASTmenuBody .ASTmenuRowBlock[aria-pressed=true] {
  background: #baf0b5;
  border-radius: 5px !important;
  color: #0976bd
}

#ASTmenu .ASTmenuBody .ASTmenuRowBlock:focus .access-title,
#ASTmenu .ASTmenuBody .ASTmenuRowBlock:hover .access-title,
#ASTmenu .ASTmenuBody .ASTmenuRowBlock[aria-pressed=true] .access-title,
#ASTmenu .ASTmenuBody .ASTmenuRowBlockExit:focus .access-title,
#ASTmenu .ASTmenuBody .ASTmenuRowBlockExit:focus .access-title-link,
#ASTmenu .ASTmenuBody .ASTmenuRowBlockExit:hover .access-title,
#ASTmenu .ASTmenuBody .ASTmenuRowBlockExit:hover .access-title-link {
  color: #0976bd;
  font-weight: 700
}

#ASTmenu .ASTmenuRow div span {
  font-size: 15px;
  color: #515151
}

#ASTmenu div[aria-pressed=true] span,
#ASTmenu div[aria-selected=true] span {
  color: #0976bd !important;
  fill: #0976bd !important;
  font-weight: 700 !important
}

#ASTmenu .access-icon {
  float: left;
  width: 35%
}

#ASTmenu .access-title {
  float: right;
  width: 65%;
  text-align: right;
  padding-right: 30px;
  line-height: 35px;
  color: #000;
  font-size: 14px
}

#ASTmenu .access-title .access-title-link,
#ASTmenu .access-title .access-title-link:focus,
#ASTmenu .access-title .access-title-link:hover {
  color: #000;
  font-size: 14px;
  padding: 8px
}

#ASTmenu-btn {
  background: no-repeat;
  background-image: none;
  position: fixed;
  z-index: 99999;
  top: 30px;
  max-width: 105px;
  right: -55px;
  width: 120px;
  border: 3px solid #0976bd;
  padding: 8px 0;
  border-radius: 41px;
  background-color: #fff
}

#ASTmenu-btn img {
  float: left;
  max-width: 30px
}

@media (max-width:768px) {
  #ASTmenu-btn {
    background: no-repeat;
    background-image: none;
    position: fixed;
    bottom: 30px;
    top: unset;
    max-width: 95px;
    right: -55px;
    width: 120px;
    border: 3px solid #0976bd;
    padding: 7px;
    border-radius: 41px;
    background-color: #fff
  }

  #ASTmenu-btn img {
    max-width: 25px
  }

  .ASTmenuRow[data-rowdopt=blackcursor],
  .ASTmenuRow[data-rowdopt=magnifier],
  .ASTmenuRow[data-rowdopt=whitecursor] {
    display: none !important
  }
}

.ASTaltTextBox {
  position: fixed;
  background: rgba(0, 0, 0, .9);
  color: #fff;
  font-size: 24px;
  padding: 7px;
  border-radius: 3px;
  z-index: 9999999;
  display: none
}

.ASTmenu-block {
  background-image: url(../img/AccMenu.641e51d.png);
  width: 60px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 12px;
  float: left
}

@media (max-width:768px) {
  .ASTmenu-block {
    background-size: 40%;
    background-position: 2px
  }
}

.access-icon.monochrome {
  background-image: url(../img/monochrome.16330d1.png)
}

.access-icon.blackwhite,
.access-icon.monochrome {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: 50%
}

.access-icon.blackwhite {
  background-image: url(../img/blackwhite.daf2e9d.png)
}

.access-icon.whiteblack {
  background-image: url(../img/whiteblack.1ec5f66.png);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: 50%
}

.access-icon.fontsizeinc {
  background-image: url(../img/fontsizeinc.77db0c8.png)
}

.access-icon.fontsizedec,
.access-icon.fontsizeinc {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 17%;
  background-position: 50%
}

.access-icon.fontsizedec {
  background-image: url(../img/fontsizedec.ab0dbf9.png)
}

.access-icon.readablefont {
  background-image: url(../img/readablefont.27a31a2.png)
}

.access-icon.readablefont,
.access-icon.whitecursor {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: 50%
}

.access-icon.whitecursor {
  background-image: url(../img/whitecursor.798c416.png)
}

.access-icon.blackcursor {
  background-image: url(../img/blackcursor.5d1ae6e.png)
}

.access-icon.blackcursor,
.access-icon.magnifier {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: 50%
}

.access-icon.magnifier {
  background-image: url(../img/magnifier.0e5ac7b.png)
}

.access-icon.links {
  background-image: url(../img/links.d49ba2d.png)
}

.access-icon.headers,
.access-icon.links {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: 50%
}

.access-icon.headers {
  background-image: url(../img/headers.33d1c2f.png)
}

.access-icon.alttext {
  background-image: url(../img/alttext.d336b40.png)
}

.access-icon.alttext,
.access-icon.disableAccessibility {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: 50%
}

.access-icon.disableAccessibility {
  background-image: url(../img/disable_accessibility.f6df32d.png)
}

html:not(#ASTdummy) body.ASTmonochrome:before,
html:not(#ASTdummy) body.ASTmonochrome>:not(#ASTWrap):not(#ASTmenu-btn):not(.modal-backdrop) {
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1)
}

html:not(#ASTdummy) body.ASTblackwhite:before,
html:not(#ASTdummy) body.ASTblackwhite>:not(#ASTWrap) img,
html:not(#ASTdummy) body.ASTblackwhite>:not(#ASTWrap) input[type=image] {
  -moz-filter: invert(1);
  -ms-filter: invert(1);
  -o-filter: invert(1);
  filter: invert(1)
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap):not(.swal2-container),
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) :not(img),
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite iframe,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite iframe * {
  color: #fff;
  background-color: #000
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) [role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) h6,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>[role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>h6 {
  color: gold
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>:not(#ASTWrap) a,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackwhite>a {
  outline: 1px dashed gold
}

html:not(#ASTdummy) body.ASTwhiteblack:before,
html:not(#ASTdummy) body.ASTwhiteblack>:not(#ASTWrap) img,
html:not(#ASTdummy) body.ASTwhiteblack>:not(#ASTWrap) input[type=image] {
  -moz-filter: contrast(1.5);
  -ms-filter: contrast(1.5);
  -o-filter: contrast(1.5);
  filter: contrast(1.5)
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) [role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) h6,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>[role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>h6 {
  color: #191970
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap):not(.swal2-container),
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) :not(img),
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack iframe,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack iframe * {
  color: #000;
  background-color: #fff
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>:not(#ASTWrap) a,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhiteblack>a {
  outline: 1px dashed #191970
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTreadable,
html:not(#ASTdummy) body:not(#ASTdummy).ASTreadable>:not(#ASTWrap),
html:not(#ASTdummy) body:not(#ASTdummy).ASTreadable>:not(#ASTWrap) :not(i) {
  font-family: Arial !important
}

html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) [role=link],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) a,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>[role=link],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>a,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>:not(#ASTWrap) [role=link],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>:not(#ASTWrap) a,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>:not(#ASTWrap) a h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>:not(#ASTWrap) a h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>:not(#ASTWrap) a h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>[role=link],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks>a,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks [data-ng-click]>span,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks [data-ng-click] h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks [data-ng-click] h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightLinks [data-ng-click] h3 {
  color: red;
  border-bottom: 2px solid red;
  text-decoration: none
}

html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) [role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>:not(#ASTWrap) h6,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>[role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightAll>h6,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) [role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>:not(#ASTWrap) h6,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>[role=heading],
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>h1,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>h2,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>h3,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>h4,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>h5,
html:not(#ASTdummy) body:not(#ASTdummy).ASThighlightHeaders>h6 {
  font-weight: 700;
  border-bottom: 2px solid #222
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor {
  cursor: url(../img/big_white_cursor.65abb21.png), auto !important
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .btn,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .carousel-inner,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .mainPhotoClass,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .ngrs-handle,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .ngrs-handle i,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .ngrs-join,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .ngrs-range-slider,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .ngrs-runner,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor .ngrs-value,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [data-ng-click],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [ng-click],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=button],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=checkbox],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=combobox],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=link],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=option],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=radio],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=scrollbar],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=slider],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=spinbutton],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [role=tab],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [type=button],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [type=checkbox],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [type=image],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [type=radio],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [type=submit],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor [uis-transclude-append],
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor a,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor area,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor audio,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor button,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor div.btn-default.form-control,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor input,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor label,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor select,
html:not(#ASTdummy) body:not(#ASTdummy).ASTwhitecursor video {
  cursor: url(../img/big_white_hand_cursor.237341c.png), auto !important
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor {
  cursor: url(../img/big_black_cursor.7c768c9.png), auto !important
}

html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .btn,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .carousel-inner,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .mainPhotoClass,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ngrs-handle,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ngrs-handle i,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ngrs-join,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ngrs-range-slider,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ngrs-runner,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ngrs-value,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor .ui-select-match,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [data-ng-click],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [ng-click],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=button],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=checkbox],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=combobox],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=link],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=option],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=radio],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=scrollbar],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=slider],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=spinbutton],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [role=tab],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [type=button],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [type=checkbox],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [type=image],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [type=radio],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [type=submit],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor [uis-transclude-append],
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor a,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor area,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor audio,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor button,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor input,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor label,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor select,
html:not(#ASTdummy) body:not(#ASTdummy).ASTblackcursor video {
  cursor: url(../img/big_black_hand_cursor.34a9e15.png), auto !important
}

html:not(#ASTdummy) body>:not(#ASTWrap) {
  transition: transform .6s, zoom .6s
}

html:not(#ASTdummy) body.ASTmagnifier>:not(#ASTWrap):not(#ASTmenu-btn) {
  zoom: 1.5
}

@font-face {
  font-family: FbPhilosof-Black;
  src: url(./fonts/FbPhilosof-Black.31cc835.woff)
}

@font-face {
  font-family: FbPhilosof-Bold;
  src: url(./fonts/FbPhilosof-Bold.418eedb.woff)
}

@font-face {
  font-family: FbPhilosof-Regular;
  src: url(./fonts/FbPhilosof-Regular.d4d560a.woff)
}

@font-face {
  font-family: fontawesome-webfont\.woff2;
  src: url(./fonts/fontawesome-webfont.20fd170.woff2)
}

.donationbutton button span,
body {
  overflow-x: hidden;
  font-family: FbPhilosof-Regular !important;
}

body input {
  font-weight: 700;
  color: #231e20 !important;
  padding: 6.5px 12px;
  font-weight: 400
}

.donationbutton button span {
  font-weight: 700
}

.donationbutton .fa-ils {
  position: relative;
  top: 3px
}

.text-container {
  margin-top: -1px;
  padding: 0;
  z-index: 333;
  background-image: linear-gradient(to right bottom, #012c3c, #02364a, #044059, #0a4b68, #125578)
}

.desktop-logo {
  display: inherit
}

.mobile-logo,
.tablet-logo {
  display: none
}

.content-container {
  background-image: linear-gradient(to right top, #012c3c, #02364a, #044059, #0a4b68, #125578);
  padding-bottom: 65px;
  position: relative;
  overflow: hidden
}

.container-dots {
  width: 100%;
  background-image: url(../img/dots-x-y.4f2e912.png);
  height: 153px
}

.container-header {
  background-image: url(../img/flag2.e87eba5.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  background-size: 40%
}

.person-image img {
  position: absolute;
  right: 0;
  top: 6%;
  height: 94%
}

.greeting-text {
  margin: 0 auto;
  padding-right: 25px
}

.greeting-text h1 {
  color: #c5d92c;
  font-size: 75px;
  margin-top: 20px
}

.greeting-text h1,
.greeting-text h2 {
  font-family: FbPhilosof-Bold;
  text-align: right;
  margin-bottom: 10px
}

.greeting-text h2 {
  font-size: 35px;
  line-height: 40px;
  color: #fff
}

.mb-50 {
  margin-bottom: 10px;
  text-align: left
}

.greeting-text h3 {
  font-family: FbPhilosof-Regular;
  text-align: right;
  color: #fff;
  font-size: 21px;
  line-height: 39px;
  margin-bottom: 0
}

.greeting-text a {
  position: relative;
  font-family: FbPhilosof-Bold;
  color: #c5d92c;
  text-decoration: none;
  font-size: 60px;
  margin-left: 10px;
  z-index: 99
}

.greeting-text a:hover {
  color: #9dad24
}

.image-content {
  min-height: 200px;
  background-image: url(../img/2colorlines.a71157c.png);
  background-size: contain;
  background-position: 50%
}

.image-content,
.party-image {
  width: 100%;
  background-repeat: no-repeat
}

.party-image {
  min-height: 249px;
  background-image: url(../img/logo-white-2021.9ea795e.png);
  padding: 0;
  background-position-x: 50%
}

.content-container .container-dots2 {
  width: 100%;
  background-image: url(../img/dots-x-y.4f2e912.png);
  min-height: 180px;
  background-size: auto;
  position: absolute;
  bottom: -12px;
  right: 0
}

#DonationForm {
  padding-bottom: 25px;
  border-bottom: 2px solid #c5d92c;
  text-align: right
}

#DonationForm input {
  font-size: 22px
}

.firstrow {
  padding: 0;
  border-bottom: 2px solid #c5d92c
}

.rightSlogan {
  float: right !important
}

.rightSlogan span {
  color: #c5d92c
}

.rightSlogan h1 {
  font-family: FbPhilosof-Regular;
  font-weight: 900;
  text-align: right;
  color: #fff
}

.forh1text {
  overflow: hidden;
  width: 45%;
  margin: 0 auto;
  position: relative;
  top: 0;
  text-align: center
}

.forh1text h2 {
  font-weight: 900;
  color: #fff
}

.donationbutton button {
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  font-size: 29px;
  font-weight: 700;
  width: 65%;
  padding: 15px 0;
  margin-bottom: 10px !important;
  transform: skewX(10deg);
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: top;
  position: relative;
  right: 10%
}

.donationbutton button span {
  font-weight: 800;
  transform: skewX(-10deg) !important
}

.donationbutton button.selected,
.donationbutton button:hover {
  background: #c5d92c;
  border-color: #d5e272;
  color: #fff
}

.custom-input-amount {
  overflow: hidden;
  padding: 25px 0
}

.AmountInputDiv {
  padding-right: 10px !important;
  overflow: hidden;
  float: right
}

.SubmitAmountButton {
  overflow: hidden;
  margin: 0 auto
}

.divwrapper {
  text-align: center;
  padding-right: 18px
}

.AmountInputDiv .divwrapper div {
  display: inline-block
}

.inputamountdiv {
  text-align: center;
  transform: skewX(10deg);
  width: 86.4%;
  border: 2px solid transparent;
  background: #fff;
  float: right
}

.inputamountdiv:active,
.inputamountdiv[focus-within] {
  border-color: #c5d92c
}

.inputamountdiv:active,
.inputamountdiv:focus-within {
  border-color: #c5d92c
}

.AmountInputDiv .divwrapper input {
  margin: 0 auto;
  width: 90%;
  color: #333;
  transform: skewX(-10deg);
  border: 0;
  outline: 0;
  font-size: 26px;
  padding: 19px 0;
  text-align: right !important;
  font-weight: 700;
  cursor: text !important
}

.CurrencyDiv {
  color: #fff;
  font-size: 30px;
  transform: skewX(10deg);
  background: #333;
  padding-top: 0 !important;
  padding: 30px 20px;
  position: absolute;
  left: 74px
}

.CurrencyDiv .fa-ils {
  font-size: 30px !important;
  position: relative;
  top: 18px
}

.SubmitAmountButton .submitamount {
  float: left;
  padding: 7px 0
}

.submitamount {
  padding: 0;
  width: 100% !important;
  transform: skewX(10deg);
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: top;
  background-color: #c5d92c;
  border: none;
  font-weight: 700;
  color: #fff
}

#donateSubmit {
  transform: none !important
}

.submitamount span {
  transform: skewX(-10deg) !important
}

.arrowspan {
  position: relative;
  top: -1px;
  font-size: 39px !important
}

.AmountInputDiv .divwrapper input:focus {
  border: 0;
  outline: 0;
  box-shadow: none
}

.secondHalf,
.secondrow {
  padding-top: 35px;
  padding-bottom: 25px
}

.secondHalf {
  border-bottom: 2px solid #c5d92c
}

.submitamount:hover {
  background-color: #9dad24 !important
}

.submitamount {
  border-color: #c5d92c
}

article {
  font-weight: 400;
  font-size: 22px;
  text-align: right;
  color: #fff
}

.intro-form input {
  border: 1px solid #818a91;
  width: 100%;
  font-size: 18px;
  border-radius: 3px
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  font-family: FbPhilosof-Bold;
  font-size: 18px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #c5d92c;
  outline: none;
  padding: 4px 8px
}

.select2-selection--single {
  height: 42px !important
}

.select2-dropdown.select2-dropdown--below {
  text-align: right
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px !important
}

.contactus-link {
  color: #0066b3 !important
}

.contactus-link:hover {
  color: #00457e !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c5d92c;
  color: #fff
}

.select2-container--default .select2-selection--single:focus {
  outline: none;
  border: 2px solid #c5d92c !important
}

.select2-container--default .select2-selection--single {
  border-radius: 3px;
  border: 1px solid #818a91;
  font-size: 17px
}

.intro-form input:focus,
.intro-form select:focus {
  border: 1px solid #c5d92c;
  outline: none
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 15px;
  background-image: url(../img/down-arrow.22c3711.png);
  background-repeat: no-repeat;
  background-position: 50%
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none
}

.select2-container {
  width: 100% !important
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  text-align: right
}

.selectspanwidth {
  width: 100% !important
}

.cbx:focus,
.rad:focus {
  outline: none
}

.cbx span {
  margin: 0 !important
}

.volunteers {
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  margin-top: 15px
}

.volunteers h5 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 8px;
  text-align: right
}

.volunteers .row {
  padding-right: 15px;
  overflow: hidden
}

.cbx {
  color: #ff;
  magin-left: 20px;
 
}



.cbx span.svg {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  padding: 0 !important;
  margin-top: 8px;
  margin-left: 8px;
  font-size: 22px;
  font-weight: 700;
  border-radius: 3px
}

.cbx span.radio {
  border-radius: 50%
}

.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #c5d92c;
  transition: all .2s ease
}

.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all .3s ease;
  transition-delay: .1s;
  transform: translateZ(0)
}

.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #c5d92c;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%
}

.cbx span:last-child {
  padding-left: 8px
}

.cbx:hover span:first-child {
  border-color: 0
}

.inp-cbx:checked+.cbx span:first-child {
  background: #c5d92c;
  border-color: #c5d92c;
  -webkit-animation: wave .4s ease;
  animation: wave .4s ease
}

.inp-cbx:checked+.cbx span:first-child svg {
  stroke-dashoffset: 0
}

.inp-cbx:checked+.cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all .6s ease
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

#volunteerForm .volunteers .cbx span {
  margin: 0
}

#volunteerForm .volunteers .cbx .checkboxtext {
  margin-left: 7px
}

.checkboxtext {
  margin-top: -1px !important
}

.donationaddterms,
.donationterms {
  margin: 15px 0 0;
  color: #fff;
  padding-left: 15px;
  padding-right: 0 !important
}

.aceptdonationterms {
  list-style: disc;
  text-align: right;
  padding-right: 25px
}

.boldertext {
  font-weight: 700
}

.addtermshead {
  text-align: right
}

.addtermshead p {
  margin-top: 25px;
  margin-bottom: 0;
  color: #c5d92c
}

.additionalterms p {
  text-align: right;
  color: #fff;
  font-weight: 400;
  margin: 0;
  font-size: 16px
}

.additionalterms a {
  text-decoration: underline;
  color: #c5d92c
}

.additionalterms a:hover {
  color: #9dad24 !important
}

@media(max-width:1199px) {
  .CurrencyDiv {
    left: 47px
  }

  .person-image img {
    height: 95%;
    right: -3%
  }

  .greeting-text h1 {
    font-size: 80px
  }

  .greeting-text h2 {
    font-size: 35px
  }

  .greeting-text h3 {
    font-size: 20px
  }

  .greeting-text a {
    font-size: 50px
  }
}

@media(min-width:992px) {
  .col-md-8 {
    width: 66.6666666667%
  }

  .col-md-5 {
    width: 41.6666666667%
  }
}

@media(max-width:800px) {
  .footer-container {
    padding: 0;
    margin: 0
  }

  .party-image {
    background-size: 60%
  }

  .person-image img {
    right: -15% !important
  }
}

@media(max-width:991px) {
  .desktop-logo {
    display: none !important
  }

  .tablet-logo {
    display: inherit
  }

  .rightSlogan {
    display: none
  }

  .person-image img {
    height: 67%;
    top: 35%;
    right: -20%
  }

  .greeting-text h1 {
    font-size: 60px
  }

  .greeting-text h2 {
    font-size: 25px
  }

  .greeting-text h3 {
    font-size: 18px
  }

  .greeting-text a {
    font-size: 40px
  }

  .CurrencyDiv {
    left: 71px
  }

  .displaynonemobile {
    display: none
  }

  #g-recaptcha-DonateForm>div {
    margin: 0 auto
  }
}

@media(max-width:767px) {
  .step-back-button {
    margin-top: 15px
  }

  .dobday,
  .dobMonth,
  .dobYear {
    padding: 0 15px;
    width: 50%;
    margin: 0 auto 15px
  }

  .dobday {
    margin-bottom: 0
  }

  #order1 {
    order: 2
  }

  #order2 {
    order: 1
  }

  #order3 {
    order: 4
  }

  #order4 {
    order: 3
  }

  #order5,
  #order6 {
    order: 6
  }

  #order7 {
    order: 7
  }

  #order8 {
    order: 8
  }

  #order9 {
    order: 9
  }

  #order9 button {
    width: 40%;
    margin: 0 auto
  }

  #order10 {
    order: 10
  }

  .greeting-text h1 {
    font-size: 50px
  }

  .greeting-text h2 {
    font-size: 20px
  }

  .greeting-text h3 {
    font-size: 16px
  }

  .greeting-text a {
    font-size: 30px
  }

  .person-image img {
    height: 67%;
    top: 39%;
    right: -22% !important
  }

  .container-header {
    background-size: 80%
  }

  .inputamountdiv {
    margin-bottom: 25px
  }

  .cbx {
    text-align: right
  }

  .cbx span {
    font-size: 16px
  }

  .donationterms .cbx .donatespan {
    display: inline !important;
    float: right;
    top: 5px
  }

  .donationterms .cbx .checkboxtext {
    display: inline;
    padding-right: 5px !important
  }
}

@media(max-width:550px) {
  .inputamountdiv {
    width: 93.4%
  }

  #order9 {
    flex: 0 0 85% !important;
    max-width: 85% !important
  }

  #order9 button {
    width: 50%
  }

  .donationbutton:nth-child(2n) {
    padding-left: 0
  }

  .donationbutton:nth-child(odd) {
    padding-right: 0
  }

  .donationbutton button {
    width: 80%
  }

  .content-container .container-dots2 {
    min-height: 102px
  }

  .aceptdonationterms {
    font-size: 18px
  }

  .person-image img {
    position: relative;
    height: 300px;
    top: inherit;
    right: inherit;
    bottom: inherit;
    margin-left: 20px
  }

  .container-dots {
    height: auto
  }

  .image-content {
    min-height: 130px
  }

  .party-image {
    min-height: 208px;
    width: 80%;
    background-size: 70%
  }

  .content-container {
    padding-bottom: 15px
  }

  .footer-container {
    padding-left: 0;
    padding-right: 0
  }

  .CurrencyDiv {
    left: 40px
  }
}

@media(max-width:425px) {
  .inputamountdiv {
    width: 92.4%
  }

  .person-image img {
    margin-left: -15px
  }

  .CurrencyDiv {
    left: 35px;
    padding-bottom: 30px
  }

  .donationbutton button span {
    font-size: 26px
  }
}

@media(max-width:375px) {
  .aceptdonationterms {
    font-size: 17px
  }

  .forh1text {
    width: 100%
  }

  .donationbutton button span {
    font-size: 20px
  }

  .person-image img {
    margin-left: -25px
  }

  .CurrencyDiv {
    left: 31px
  }
}

@media(max-width:320px) {
  .forh1text {
    width: 100%
  }

  .donationbutton button span {
    font-size: 18px
  }

  .person-image img {
    margin-left: -45px
  }

  .CurrencyDiv {
    left: 28px
  }

  .party-image {
    min-height: 170px
  }
}

.btn-color-bright-green {
  border-color: #c5d92c !important;
  background-color: #c5d92c !important
}

.btn-color-azure {
  border-color: #4ff7f2 !important;
  background-color: #4ff7f2 !important
}

.btn-register-addanother {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #fff;
  font-size: 30px;
  border: none;
  border-radius: 0
}

.btn-register-addanother:hover {
  color: inherit !important;
  text-decoration: underline
}

.swal2-popup.lv .swal2-content,
.swal2-popup .swal2-input.lv {
  font-size: 1.5em;
  font-weight: 700
}

.swal2-popup .swal2-input.lv {
  height: 1.7em
}

.swal2-popup .swal2-styled.swal2-cancel.lv,
.swal2-popup .swal2-styled.swal2-confirm.lv {
  font-size: 1.3em;
  font-weight: 700
}

.cbx {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.cbx-radio {
  border-radius: 50%
}

.donationaddterms .checkboxtext,
.donationterms .checkboxtext {
  font-weight: 700 !important
}

.donationaddterms .checkboxtext {
  display: inline
}

.rad span {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  padding: 0 !important;
  margin-top: 0;
  margin-left: 8px;
  font-size: 29px;
  font-weight: 700
}

.rad span:first-child {
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 2px solid #c5d92c;
  transition: all .2s ease
}

.rad span:first-child svg {
  position: absolute;
  top: 4px;
  left: 4px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all .3s ease;
  transition-delay: .1s;
  transform: translateZ(0)
}

.rad span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #c5d92c;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%
}

.rad span:last-child {
  padding-left: 8px
}

.rad:hover span:first-child {
  border-color: 0
}

.inp-rad:checked+.rad span:first-child {
  background: #c5d92c;
  border-color: #c5d92c;
  -webkit-animation: wave .4s ease;
  animation: wave .4s ease
}

.inp-rad:checked+.rad span:first-child svg {
  stroke-dashoffset: 0
}

.inp-rad:checked+.rad span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all .6s ease
}

.checkboxtext {
  margin-top: 0 !important;
  font-weight: 700;
  color: #fff
}

.DonateRadioContainer {
  text-align: center
}

.btn-register-back,
.btn-register-continue {
  border: none;
  font-size: 30px;
  border-radius: 0
}

#header2021 {
  background-image: url(../img/header-2021.9a27157.jpg);
  width: 1441px;
  height: 153px
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%
}

.header-image {
  background: url(../img/header-2021.9a27157.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 153px
}

@media(max-width:1440px) {
  .header-image {
    background-position: 72% 100%
  }
}

@media(max-width:550px) {
  .tablet-logo {
    display: none
  }

  .mobile-logo {
    display: inherit;
    margin: 0 auto;
    width: 100%
  }
}

@media(max-width:450px) {
  .registrationform {
    padding: 0
  }

  .mobile-height {
    height: 20px !important
  }
}

.svg-inline--fa {
  vertical-align: middle !important
}

.register-welcome p {
  margin-bottom: 0;
  font-size: 18px
}

.fontawesome-pencil {
  position: absolute;
  left: 65px;
  top: 15px
}

.vs__dropdown-toggle {
  background: #fff
}

.vs__clear,
.vs__open-indicator {
  margin-left: 8px
}

.vs__search {
  width: 100% !important;
  position: absolute;
  text-align: right;
  border: none !important
}

.vs--searchable,
.vs__dropdown-toggle {
  min-height: 40px
}

.vs__dropdown-menu {
  top: 30px !important
}

.submit-form-to-upload {
  display: block;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin-top: 25px
}

.submit-form-to-upload:hover {
  color: #fff
}

.hidden { display: none; }

/* Overlay */
.overlay {  position: fixed; top: 0; left: 0; width: 100%;  height: 100%;  z-index: 100;  background-color: rgba(0,0,0,0.4); /*dim the background*/ padding: 5% 10%; z-index: 999;}
.overlay .overlay-wrapper { position: relative; Xmax-width: 900px; margin: 0 auto; }
.overlay .overlay-content { width: 32em;; margin: 0 auto; Xmin-height: 80vh;  background-color: #fff; border-radius: 5px; display: grid;}
.overlay .overlay-content.frame { display: flex; flex-direction: row-reverse; }
.overlay .overlay-content.frame > DIV:not(.swal2-html-container),
.overlay .overlay-content.frame > INPUT  {display: none !important;}
.overlay .overlay-content.frame > .swal2-html-container { width: 100%; }


.overlay .close-overlay { background: url(../images/X_btn.png); width: 19px; height: 19px; position: absolute; top: -19px; right: -19px; cursor: pointer; }
.overlay IFRAME { border: none; width: 80%; Xmax-width: 900px; height: 80%; Xposition: fixed; background-color:#E9E9E9; left: 10%; min-height: 80vh; }
.overlay .ajax-loader-wrapper { position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); }

.overlay .display-image { text-align: center; }
.overlay .display-image IMG {  max-width: 100%; max-height: calc(100vh - 200px); }
.overlay .overlay-buttons SPAN { cursor: pointer; margin: 0 5px; user-select: none; outline: none; width: 19px; height: 19px; display: inline-block; }
.overlay .overlay-buttons .close-overlay { position: initial; display: inline-block; }
.overlay .overlay-buttons .left-arrow { background: url(../images/left_arrow.png); }
.overlay .overlay-buttons .right-arrow { background: url(../images/right_arrow.png); }



.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 .625em #d9d9d9;
  pointer-events: all
}

.swal2-popup.swal2-toast>* {
  grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: .5em;
  font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: .5em 0 0;
  padding: .5em 0 0;
  font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: .8em;
  height: .8em;
  margin: 0;
  font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: .875em;
  width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: .3125em;
  padding: 0
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: .25em .5em;
  padding: .4em .6em;
  font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -.8em;
  left: -.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.25em;
  left: .9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: .4375em;
  width: .4375em;
  height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: .1875em;
  width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: .9375em;
  right: .1875em;
  width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip .75s;
  animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long .75s;
  animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show .5s;
  animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide .1s forwards;
  animation: swal2-toast-hide .1s forwards
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end" "gap gap gap";
  grid-template-rows: auto auto auto .625em;
  height: 100%;
  padding: .625em .625em 0;
  overflow-x: hidden;
  transition: background-color .1s;
  -webkit-overflow-scrolling: touch
}

.swal2-container::after {
  content: "";
  grid-column: 1/4;
  grid-row: 4;
  height: .625em
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
  background: 0 0 !important
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
  grid-template-columns: minmax(0, 1fr) auto auto
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
  grid-template-columns: auto minmax(0, 1fr) auto
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
  grid-template-columns: auto auto minmax(0, 1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
  align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end
}

.swal2-container.swal2-center-left>.swal2-popup,
.swal2-container.swal2-center-start>.swal2-popup {
  grid-row: 2;
  align-self: center
}


.swal2-container.swal2-center>.swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,
.swal2-container.swal2-center-right>.swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end
}

.swal2-container.swal2-bottom-left>.swal2-popup,
.swal2-container.swal2-bottom-start>.swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,
.swal2-container.swal2-bottom-right>.swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end
}

.swal2-container.swal2-grow-fullscreen>.swal2-popup,
.swal2-container.swal2-grow-row>.swal2-popup {
  grid-column: 1/4;
  width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,
.swal2-container.swal2-grow-fullscreen>.swal2-popup {
  grid-row: 1/4;
  align-self: stretch
}

.swal2-container.swal2-no-transition {
  transition: none !important
}

.swal2-popup {
  Xdisplay: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 1em 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem
}

.swal2-popup:focus {
  outline: 0
}

.swal2-popup.swal2-loading {
  overflow-y: hidden
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: .8em 1em 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
  padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: .25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent
}

.swal2-styled {
  margin: .3125em;
  padding: .625em 1.1em;
  transition: box-shadow .1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500
}

.swal2-styled:not([disabled]) {
  cursor: pointer
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #c5d92c !important;
  color: #fff;
  font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(115, 103, 240, .5)
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #ea5455;
  color: #fff;
  font-size: 1em
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(234, 84, 85, .5)
}

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #6e7d88;
  color: #fff;
  font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 125, 136, .5)
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-styled:focus {
  outline: 0
}

.swal2-styled::-moz-focus-inner {
  border: 0
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  height: .25em;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
  width: 100%;
  height: .25em;
  background: rgba(0, 0, 0, .2)
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 0.5em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color .1s, box-shadow .1s;
  border: none;
  border-radius: 5px;
  background: 0 0;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}

.swal2-close:hover {
  transform: none;
  background: 0 0;
  color: #f27474
}

.swal2-close:focus {
  outline: 0;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-close::-moz-focus-inner {
  border: 0
}

.error-message,
.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em .3em;
  padding: 0;
  overflow: auto;
  color: #545454;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word
}
.error-message { color: red; }

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
  margin: 1em 2em 0
}

.swal2-file,
.swal2-input,
.swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color .1s, box-shadow .1s;
  border: 1px solid #d9d9d9;
  border-radius: .1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
  color: #ccc
}

.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
  color: #ccc
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: #ccc
}

.swal2-range {
  margin: 1em 2em 0;
  background: #fff
}

.swal2-range input {
  width: 80%
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center
}

.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em
}

.swal2-input {
  height: 2.625em;
  padding: 0 .75em
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: inherit;
  font-size: 1.125em
}

.swal2-textarea {
  height: 6.75em;
  padding: .75em
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: .375em .625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em
}

.swal2-checkbox,
.swal2-radio {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
  margin: 0 .6em;
  font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
  flex-shrink: 0;
  margin: 0 .4em
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: .625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 .625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto .6em;
  border: .25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: .3125em;
  border-radius: .125em;
  background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon .5s;
  animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark .5s;
  animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -.25em;
  left: -.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: .25em solid rgba(165, 220, 134, .3);
  border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: .5em;
  left: 1.625em;
  width: .4375em;
  height: 5.625em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: .3125em;
  border-radius: .125em;
  background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: .8125em;
  width: 1.5625em;
  transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: .5em;
  width: 2.9375em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip .75s;
  animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long .75s;
  animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: inherit;
  font-weight: 600
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
  background: #add8e6;
  color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
  background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: .4em;
  margin: 0 -1px;
  background: #2778c4
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent
}

.swal2-show {
  -webkit-animation: swal2-show .3s;
  animation: swal2-show .3s
}

.swal2-hide {
  -webkit-animation: swal2-hide .15s forwards;
  animation: swal2-hide .15s forwards
}

.swal2-noanimation {
  transition: none
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-.625em) rotateZ(2deg)
  }

  33% {
    transform: translateY(0) rotateZ(-2deg)
  }

  66% {
    transform: translateY(.3125em) rotateZ(2deg)
  }

  100% {
    transform: translateY(0) rotateZ(0)
  }
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-.625em) rotateZ(2deg)
  }

  33% {
    transform: translateY(0) rotateZ(-2deg)
  }

  66% {
    transform: translateY(.3125em) rotateZ(2deg)
  }

  100% {
    transform: translateY(0) rotateZ(0)
  }
}

@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0
  }
}

@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0
  }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0
  }

  54% {
    top: .125em;
    left: .125em;
    width: 0
  }

  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em
  }

  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em
  }

  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em
  }
}

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0
  }

  54% {
    top: .125em;
    left: .125em;
    width: 0
  }

  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em
  }

  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em
  }

  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em
  }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0
  }

  65% {
    top: 1.25em;
    right: .9375em;
    width: 0
  }

  84% {
    top: .9375em;
    right: 0;
    width: 1.125em
  }

  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em
  }
}

@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0
  }

  65% {
    top: 1.25em;
    right: .9375em;
    width: 0
  }

  84% {
    top: .9375em;
    right: 0;
    width: 1.125em
  }

  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em
  }
}

@-webkit-keyframes swal2-show {
  0% {
    transform: scale(.7)
  }

  45% {
    transform: scale(1.05)
  }

  80% {
    transform: scale(.95)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes swal2-show {
  0% {
    transform: scale(.7)
  }

  45% {
    transform: scale(1.05)
  }

  80% {
    transform: scale(.95)
  }

  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(.5);
    opacity: 0
  }
}

@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(.5);
    opacity: 0
  }
}

@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0
  }

  54% {
    top: 1.0625em;
    left: .125em;
    width: 0
  }

  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em
  }

  100% {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em
  }
}

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0
  }

  54% {
    top: 1.0625em;
    left: .125em;
    width: 0
  }

  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em
  }

  100% {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em
  }
}

@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em
  }

  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em
  }
}

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em
  }

  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em
  }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg)
  }

  5% {
    transform: rotate(-45deg)
  }

  12% {
    transform: rotate(-405deg)
  }

  100% {
    transform: rotate(-405deg)
  }
}

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg)
  }

  5% {
    transform: rotate(-45deg)
  }

  12% {
    transform: rotate(-405deg)
  }

  100% {
    transform: rotate(-405deg)
  }
}

@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  50% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  80% {
    margin-top: -.375em;
    transform: scale(1.15)
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1
  }
}

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  50% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  80% {
    margin-top: -.375em;
    transform: scale(1.15)
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    opacity: 1
  }
}

@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    opacity: 1
  }
}

@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden
}

body.swal2-height-auto {
  height: auto !important
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
    display: none
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important
  }
}

body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto
}

.fa-pencil-alt { display: none; }

.fa-pencil-alt,
.fa-check {height: 30px;}

.secode-registered,
.registered-row,
.add-family-member { width: 100%; }

.row-date { padding: 0 15px; }


.title { font-size: 160%; }
.whatsapp-link,
.social-link { font-size: 140%; }

BODY.page--membership-form {}
BODY.page--membership-form .row { margin-bottom: 15px; font-weight: normal !important; }
BODY.page--membership-form #bottom-right-image,
BODY.page--membership-form #top-left-image { display: none; }
BODY.page--membership-form .dialog-off-canvas-main-canvas { width: 100% !important; }
BODY.page--membership-form .dialog-off-canvas-main-canvas .layout-container { margin: 0 !important; }
BODY.page--membership-form .dialog-off-canvas-main-canvas > HEADER { display: none; }
BODY.page--membership-form .page-content { margin-bottom: 0 !important; }

#RegistrationSection { line-height: 210%; }
X.cbx { margin: 20px 0 30px 0; }

.btn-edit-details { cursor: default !important; }
.btn-edit-details:HOVER { color: #fff !important; background-color: #007bff !important; border-color: #007bff !important; }

.phase4 .registrationform { text-align: center; font-size: 24px; line-height: 210%; }


.whatspp-link-wrapper A { color: #fff !important; }