/* ######## Linking Core Files
############################################ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  width: 100%;
  max-width: 100%;
  font-size: 1.6rem;
  font-family: 'IBM Plex Sans', sans-serif;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
}
body >div#app {
  height: 100%;
}
a {
  text-decoration: none;
  outline: none;
}
a:focus,
a:active {
  outline: none;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
q:after,
blockquote:before,
q:before {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
textarea {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  outline: none;
}
@font-face {
  font-family: 'icons';
  src: url("/assets/fonts/icons.eot");
  src: url("/assets/fonts/icons.eot?#iefix") format('eot'), url("/assets/fonts/icons.woff") format('woff'), url("/assets/fonts/icons.ttf") format('truetype'), url("/assets/fonts/icons.svg?uu7686#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}
.i {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.i-verified:before {
  content: "\e936";
}
.i-vcard:before {
  content: "\e935";
}
.i-loader:before {
  content: "\e932";
}
.i-moon:before {
  content: "\e933";
}
.i-driver:before {
  content: "\e92e";
}
.i-driver-alt:before {
  content: "\e92f";
}
.i-clock:before {
  content: "\e92a";
}
.i-info:before {
  content: "\e92b";
}
.i-tag:before {
  content: "\e92c";
}
.i-receipt:before {
  content: "\e929";
}
.i-fuel:before {
  content: "\e927";
}
.i-bell:before {
  content: "\e926";
}
.i-users:before {
  content: "\e923";
}
.i-checkout:before {
  content: "\e924";
}
.i-sign:before {
  content: "\e925";
}
.i-wire:before {
  content: "\e921";
}
.i-bank:before {
  content: "\e922";
}
.i-bank-outline:before {
  content: "\e928";
}
.i-checks:before {
  content: "\e91f";
}
.i-checks-alt:before {
  content: "\e934";
}
.i-card:before {
  display: inline-block;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  content: "\e920";
}
.i-card-alt:before {
  content: "\e930";
}
.i-arw-b:before {
  content: "\e914";
}
.i-arw-l:before {
  content: "\e915";
}
.i-arw-r:before {
  content: "\e916";
}
.i-arw-t:before {
  content: "\e917";
}
.i-close-alt:before {
  content: "\e918";
}
.i-delay:before {
  content: "\e919";
}
.i-help:before {
  content: "\e91a";
}
.i-mail:before {
  content: "\e91b";
}
.i-msg:before {
  content: "\e91c";
}
.i-search:before {
  content: "\e91d";
}
.i-search-alt:before {
  content: "\e90a";
}
.i-truck:before {
  content: "\e91e";
}
.i-building:before {
  content: "\e901";
}
.i-buildings:before {
  content: "\e902";
}
.i-check:before {
  content: "\e903";
}
.i-check-round {
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 3rem;
  width: 3rem;
  height: 3rem;
  background-color: #3bba82;
  color: #fff;
  margin-bottom: 0.8rem;
}
.i-check-round-sm {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  border-radius: 50%;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1.1rem;
  width: 1.9rem;
  height: 1.9rem;
  background-color: #3bba82;
  color: #fff;
}
.i-check-round-sm:before {
  content: "\e903";
}
.i-check-round-md {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  border-radius: 50%;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 2.7rem;
  line-height: 1em;
  width: 4.5rem;
  height: 4.5rem;
  background-color: #3bba82;
  color: #fff;
}
.i-check-round-md:before {
  content: "\e903";
}
.i-close:before {
  content: "\e904";
}
.i-code:before {
  content: "\e905";
}
.i-cog:before {
  content: "\e906";
}
.i-dollar:before {
  content: "\e907";
}
.i-dollar-none:before {
  content: "\e92d";
}
.i-dollar-fill:before {
  content: "\e900";
}
.i-dollar-alt:before {
  content: "\e931";
}
.i-logo:before {
  content: "\e908";
}
.i-pays:before {
  content: "\e909";
}
.i-search:before {
  content: "\e91d";
}
.i-tri-b-fill:before {
  content: "\e90b";
}
.i-tri-b:before {
  content: "\e90c";
}
.i-tri-l-fill:before {
  content: "\e90d";
}
.i-tri-l:before {
  content: "\e90e";
}
.i-tri-r-fill:before {
  content: "\e90f";
}
.i-tri-r:before {
  content: "\e910";
}
.i-tri-t-fill:before {
  content: "\e911";
}
.i-tri-t:before {
  content: "\e912";
}
.i-users-fill:before {
  content: "\e913";
}
.i--copy {
  position: relative;
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0.74) translateY(0.2rem);
  -moz-transform: scale(0.74) translateY(0.2rem);
  -o-transform: scale(0.74) translateY(0.2rem);
  -ms-transform: scale(0.74) translateY(0.2rem);
  transform: scale(0.74) translateY(0.2rem);
  margin-left: 1.6rem;
}
.i--copy:before {
  content: '';
  display: inline-block;
  border-left: 0.3rem solid #fff;
  border-top: 0.3rem solid #fff;
  border-radius: 0.2rem;
  height: 1rem;
  width: 1rem;
  position: absolute;
  left: -0.6rem;
  top: -0.6rem;
}
.i--copy:after {
  content: '';
  display: inline-block;
  height: 1rem;
  width: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  border: 0.25rem solid #fff;
  border-radius: 0.2rem;
}
.i--copy:hover {
  -webkit-transform: scale(0.8) translateY(0.2rem);
  -moz-transform: scale(0.8) translateY(0.2rem);
  -o-transform: scale(0.8) translateY(0.2rem);
  -ms-transform: scale(0.8) translateY(0.2rem);
  transform: scale(0.8) translateY(0.2rem);
}
.i--copy:hover:before,
.i--copy:hover:after {
  border-color: #26547c;
}
.i--pin {
  position: relative;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  -webkit-transform: scale(0.5) translateY(0.4rem);
  -moz-transform: scale(0.5) translateY(0.4rem);
  -o-transform: scale(0.5) translateY(0.4rem);
  -ms-transform: scale(0.5) translateY(0.4rem);
  transform: scale(0.5) translateY(0.4rem);
}
.i--pin:before {
  content: '';
  position: absolute;
  left: 0;
  border-radius: 50%;
  border: 0.6rem solid #8f9593;
  width: 0.6rem;
  height: 0.6rem;
}
.i--pin:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  left: 0.1rem;
  top: calc(100% - 0.6rem);
  border: 0.8rem solid transparent;
  border-top: 1.6rem solid #8f9593;
}
.i--box {
  color: #3bba82;
  height: 8rem;
  width: 8rem;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 2.4rem;
}
.i--box .i-dollar {
  font-size: 3.6rem;
}
.i--box .i-dollar-fill {
  font-size: 8.6rem;
}
.i-menu {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  background-image: url("/assets/img/menu.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.i--b {
  font-weight: 900;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  display: inline-block;
  color: #3bba82;
}
.i--circle {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
}
.i--circle.--green {
  background-color: #3bba82;
}
.i--circle.--red {
  background-color: #e55050;
}
.i--square {
  width: 2rem;
  height: 2rem;
  border-radius: 0.3rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.i--square >.i {
  font-size: 1.2rem;
  color: #fff;
}
.i--square.--green {
  background-color: #3bba82;
}
.i--square.--red {
  background-color: #e55050;
}
@media (max-height: 568px) {
  .svg-codes-expanded {
    width: 18rem;
    height: auto;
  }
}
@media (max-height: 568px) {
  .svg-codetodriver {
    width: 16rem;
    height: auto;
  }
}
.ico-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ico-wrapper >.ico-wrapper__fx-mr {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-right: 0.3rem;
}
.ico-wrapper >.ico-wrapper__fx {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
/* ######## Linking External Libs
############################################ */
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle:before,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle:before,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle:before,
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle:before,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle:before,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle:before,
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #c4c4c4;
}
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle::before,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle::before,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #3bba82;
}
.react-datepicker-popper-mobile[data-placement^="bottom-start"] .react-datepicker__triangle::before,
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle::before,
.react-datepicker-propper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #c4c4c4;
}
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-propper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #c4c4c4;
}
.react-datepicker {
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker-popper {
  z-index: 999;
}
.react-datepicker-popper .react-datepicker {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 2rem;
  position: relative;
}
.react-datepicker-popper .react-datepicker:before {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: #3bba82;
  -webkit-transform: rotate(45deg) translateY(1rem);
  -moz-transform: rotate(45deg) translateY(1rem);
  -o-transform: rotate(45deg) translateY(1rem);
  -ms-transform: rotate(45deg) translateY(1rem);
  transform: rotate(45deg) translateY(1rem);
  height: 1.3rem;
  width: 1.3rem;
  bottom: 100%;
  right: 0.6rem;
  -webkit-transition: all 0.18s ease-in-out;
  -moz-transition: all 0.18s ease-in-out;
  -o-transition: all 0.18s ease-in-out;
  -ms-transition: all 0.18s ease-in-out;
  transition: all 0.18s ease-in-out;
}
.react-datepicker-time__header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media all and (max-width: 900px) {
  .react-datepicker-time__header {
    height: 5rem;
    color: #000 !important;
    border-bottom: 0.1rem solid #c4c4c4;
  }
}
.react-datepicker__time-list-item {
  padding: 0.8rem !important;
}
@media all and (min-width: 900px) {
  .react-datepicker__time-list-item {
    background-color: #3bba82;
    color: #fff !important;
  }
}
@media all and (max-width: 900px) {
  .react-datepicker__time-box {
    width: 6.5rem !important;
  }
}
.react-datepicker--time-only-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}
.react-datepicker--time-only-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker__portal {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(38,84,124,0.4);
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center;
}
.react-datepicker__portal .react-datepicker {
  margin: 1.6rem;
}
.react-datepicker-popper-mobile {
  z-index: 1;
}
@media all and (min-width: 900px) {
  .react-datepicker-popper-mobile[data-placement^="bottom-start"] {
    margin-top: 10px;
  }
}
.react-datepicker-popper-mobile .react-datepicker:before {
  display: none;
}
@media all and (min-width: 900px) {
  .react-datepicker-popper-mobile[data-placement^="bottom-end"] {
    margin-top: 10px;
  }
}
.react-datepicker-popper-mobile[data-placement^="bottom-end"] .react-datepicker__triangle {
  left: 117px;
}
.react-datepicker-propper {
  z-index: 1;
}
.react-datepicker-propper[data-placement^="bottom"] {
  margin-top: 10px;
}
.react-datepicker-propper[data-placement^="top"] {
  margin-bottom: 10px;
}
.react-datepicker-propper[data-placement^="right"] {
  margin-left: 8px;
}
.react-datepicker-propper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-propper[data-placement^="left"] {
  margin-right: 8px;
}
.react-datepicker-propper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #3bba82;
  border-bottom: 1px solid #c4c4c4;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding: 1.6rem;
  padding-bottom: 0.8rem;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #fff;
  font-weight: bold;
  font-size: 0.944rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0.16rem;
  color: #fff;
}
.react-datepicker-time__header {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.react-datepicker__navigation {
  background: none;
  line-height: 3rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2rem;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2rem;
  border-right-color: #fff;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #e6e6e6;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled.react-datepicker__navigation--previous:hover {
  border-right-color: #fff;
  cursor: default;
}
.react-datepicker__navigation--next {
  right: 2rem;
  border-left-color: #fff;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-time--with-today-button) {
  right: 100px;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #e6e6e6;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #fff;
  cursor: default;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #fff;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #e6e6e6;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #fff;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #e6e6e6;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__month {
  text-align: center;
  color: #fff;
  padding: 1rem 0.4rem;
  background-color: #3bba82;
}
.react-datepicker__month-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #c4c4c4;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #fff;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.5rem);
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  color: initial;
  font-size: 1.1rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #3bba82;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #26547c;
  color: #fff;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #26547c;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #fff;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #fff;
  display: inline-block;
  width: 3rem;
  line-height: 3rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #3bba82;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names .react-datepicker__day-name,
.react-datepicker__week .react-datepicker__day-name {
  font-weight: 700;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #fff;
  display: inline-block;
  width: 3rem;
  line-height: 3rem;
  font-weight: 400;
  text-align: center;
  margin: 0.166rem;
  font-size: 1.4rem;
}
@media all and (max-width: 900px) {
  .react-datepicker__day-name,
  .react-datepicker__day,
  .react-datepicker__time-name {
    width: 3.8rem;
    line-height: 3.8rem;
  }
}
.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range {
  border-radius: 0.3rem;
  background-color: #26547c;
  color: #fff;
}
.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover {
  background-color: #245076;
}
.react-datepicker__month--disabled {
  color: #fff;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover {
  border-radius: 0.3rem;
  background-color: #3bba82;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted {
  border-radius: 0.3rem;
  background-color: #fff;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover {
  background-color: #f2f2f2;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1 {
  color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2 {
  color: #008000;
}
.react-datepicker__day--selected,
.react-datepicker__month-text--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range {
  border-radius: 0.3rem;
  background-color: #26547c;
  color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--in-range:hover {
  background-color: #245076;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2e6697;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover {
  background-color: #245076;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__month-text--in-range) {
  background-color: rgba(38,84,124,0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__month-text--in-selecting-range) {
  background-color: #3bba82;
  color: #fff;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled {
  cursor: default;
  color: rgba(255,255,255,0.4);
  background-color: #35a775;
  border-radius: 0.4rem;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover {
  background-color: #35a775;
  cursor: not-allowed;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover {
  background-color: #26547c;
}
.react-datepicker__month-text:hover {
  background-color: #3bba82;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #e6e6e6;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #fff;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #3bba82;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #c4c4c4;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #fff;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #e6e6e6;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #e6e6e6;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  background-color: #979797;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  height: 2.1rem;
  width: 2.1rem;
  font-size: 1rem;
  line-height: 2.1rem;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.react-datepicker__close-icon:after {
  content: "\e904";
  font-family: 'icons';
}
.react-datepicker__close-icon:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #e55050;
  cursor: pointer;
}
.react-datepicker__close-icon__today-button {
  background: #3bba82;
  border-top: 1px solid #c4c4c4;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__close-icon__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  left: 0;
  top: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__close-icon__portal .react-datepicker__day-name,
.react-datepicker__close-icon__portal .react-datepicker__day,
.react-datepicker__close-icon__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__close-icon__portal .react-datepicker__day-name,
  .react-datepicker__close-icon__portal .react-datepicker__day,
  .react-datepicker__close-icon__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__close-icon__portal .react-datepicker__current-month,
.react-datepicker__close-icon__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation--previous {
  border-right-color: #fff;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #e6e6e6;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__close-icon__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #fff;
  cursor: default;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation--next {
  border-left-color: #fff;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation--next:hover {
  border-left-color: #e6e6e6;
}
.react-datepicker__close-icon__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__close-icon__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #fff;
  cursor: default;
}
/* ######## Linking Component Files
############################################ */
.app__wrapper {
  height: 100%;
  max-width: 100%;
}
@media all and (min-width: 900px) {
  .app__wrapper {
    padding-left: 10rem;
  }
}
@media all and (max-width: 900px) {
  .app__wrapper {
    height: calc(100% - 8rem);
    max-width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}
.app__wrapper--scroll .head__cont {
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
}
.app__wrapper--scroll .table--infinite {
  min-height: 100%;
  position: relative;
}
.app__wrapper--scroll .app--dt {
  scroll-snap-type: y mandatory;
}
.app__wrapper--scroll .app--dt .table--infinite {
  scroll-snap-align: start;
}
.app__view {
  overflow: hidden;
  overflow-y: auto;
  padding: 4.8rem 4.8rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app__view >.app__view {
  padding: 0;
  padding-top: 4.8rem;
}
@media all and (min-width: 900px) {
  .app__view--infinite {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
.app__cont {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app--md {
  display: none !important;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 900px) {
  .app--md {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
    display: block;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .app--md__box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .app--md__box.m__head {
    height: $m-nav-height;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .app--md__box.m__body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: auto;
  }
  .app--md__box.m__foot {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.app--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 8rem);
}
.app--flex__content {
  padding: 4.8rem 2.8rem 0 2.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app--flex__content .m__head__anch {
  position: absolute;
  left: 0;
  top: 0;
}
.app--flex__close {
  position: absolute;
  left: 0;
  top: 0;
}
.app--flex .app__wrapper {
  height: 100%;
}
.app--flex.--codes {
  height: calc(100% + 8rem);
}
@media all and (min-width: 900px) {
  .app--flex .m__body.fh {
    position: relative;
  }
}
@media all and (max-width: 900px) {
  .app--flex__content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.app--trial {
  height: 100%;
}
.app--trial .table--infinite__totop {
  bottom: 2.8rem;
}
.app--dt {
  height: 100%;
  max-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media all and (min-width: 900px) {
  .app--dt {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }
  .app--dt >.head__cont {
    padding-bottom: 3.2rem;
  }
  .app--dt >.side__cont {
    overflow-y: auto;
  }
  .app--dt >.side__cont .side__logo {
    position: sticky;
    z-index: 1;
  }
}
@media (min-width: 900px) and (max-height: 960px) {
  .app--dt >.side__cont {
    overflow-y: auto;
    -webkit-box-shadow: 0 0.4rem 1.7rem rgba(0,0,0,0.09);
    box-shadow: 0 0.4rem 1.7rem rgba(0,0,0,0.09);
    border-right: 0.1rem solid #e6e6e6;
    -webkit-transform: translate3d(1);
    -moz-transform: translate3d(1);
    -o-transform: translate3d(1);
    -ms-transform: translate3d(1);
    transform: translate3d(1);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .app--dt >.side__cont::-webkit-scrollbar {
    display: none;
  }
  .app--dt >.side__cont .side__nav {
    margin-top: 4.8rem;
  }
  .app--dt >.side__cont .side__logo {
    position: sticky;
    z-index: 1;
  }
}
.datepicker-root >div {
  z-index: 1002;
  background-color: rgba(38,84,124,0.5);
  position: fixed;
  left: 0;
  top: 0;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.datepicker-root >div .react-datepicker {
  margin-top: 0;
}
.datepicker-root >div .react-datepicker:before,
.datepicker-root >div .react-datepicker__triangle {
  display: none !important;
}
.datepicker-root >div .react-datepicker-popper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  width: 100%;
  padding: 2.8rem;
}
.sett__cont {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sett__cont>.--scroll {
  overflow: auto;
}
@media all and (max-width: 900px) {
  .sett__cont {
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(rgba(59,186,130,0.4) 0%, rgba(59,186,130,0) 100%);
    background-image: -moz-linear-gradient(rgba(59,186,130,0.4) 0%, rgba(59,186,130,0) 100%);
    background-image: -o-linear-gradient(rgba(59,186,130,0.4) 0%, rgba(59,186,130,0) 100%);
    background-image: -ms-linear-gradient(rgba(59,186,130,0.4) 0%, rgba(59,186,130,0) 100%);
    background-image: linear-gradient(rgba(59,186,130,0.4) 0%, rgba(59,186,130,0) 100%);
    -webkit-background-size: 100% 13rem;
    -moz-background-size: 100% 13rem;
    background-size: 100% 13rem;
  }
  .sett__cont >.head__cont {
    padding-top: 0;
  }
  .sett__cont >.head__cont >.head__cont__inn {
    margin-bottom: 0;
  }
  .sett__cont >.head__cont >.head__cont__inn >.head__title {
    display: none;
  }
  .sett__cont .head__controls .btn {
    max-width: 7.8rem;
  }
  .sett__cont .app__view {
    padding: 0;
  }
  .sett__cont__filters {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding-right: 2.8rem;
    padding-left: 2.8rem;
    padding-bottom: 1.6rem;
  }
  .sett__cont__filters .filter__control {
    padding: 0;
    margin: 0;
    margin-right: 1.6rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .sett__cont__filters >* {
    margin-right: 2.8rem;
  }
  .sett__cont__filters >*:last-child {
    margin-right: 0;
  }
}
@media all and (min-width: 900px) {
  .sett__cont {
    padding-left: 26rem;
  }
}
.sett__view {
  height: 100%;
  width: 100%;
  display: block;
  overflow-y: auto;
}
.sett__view .form--credit,
.sett__view .form__cont {
  margin-top: 4.8rem;
}
.sett__view .form--auto >.input--md {
  padding: 0;
}
.sett__view .form--auto >.input--md .single-select__single-value {
  font-size: 1.6rem;
}
.sett__view .form--auto .btn--lite {
  margin-bottom: 1.6rem;
}
.sett__view .form--auto .btn--lite:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 900px) {
  .sett__view {
    background-color: #fff;
    max-width: 90rem;
    padding: 4.8rem;
  }
  .sett__view--fw {
    width: 100%;
  }
}
@media all and (max-width: 900px) {
  .sett__view {
    padding: 2.8rem;
    padding-top: 0;
  }
}
.sett__title {
  font-size: 2.3rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
}
.sett__title__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 2.4rem;
}
.sett__title__row__item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.sett__title__row__item.--recuere {
  max-width: 20.7rem;
  text-align: center;
}
@media all and (max-width: 900px) {
  .sett__title {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .sett__title__row.--column {
    text-align: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sett__title__row.--column .--recuere {
    max-width: initial;
  }
}
.sett__text {
  font-size: 1.7rem;
  font-family: 'Roboto', sans-serif;
  color: #333;
  margin-bottom: 2.4rem;
  line-height: 1.6em;
}
.sett__anch {
  color: #3bba82;
}
.sett__anch:hover {
  text-decoration: underline;
}
.sett__user {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 6.72rem;
}
.sett__user__img {
  margin-right: 2.4rem;
}
.sett__user__img >img {
  border-radius: 50%;
  width: $user-img-width;
  height: $user-img-width;
  border: 0.1rem solid #f2f2f2;
  background-color: #fff;
}
@media all and (max-width: 900px) {
  .sett__user__img >img {
    width: 8rem;
    height: 8rem;
  }
}
.sett__user__details {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.sett__user__name {
  font-size: 2.2rem;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  text-transform: capitalize;
}
@media all and (max-width: 900px) {
  .sett__user__name {
    font-size: 1.8rem;
  }
}
.sett__user__mail {
  display: inline-block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  font-size: 1.4rem;
}
.sett--verified {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: initial;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.sett--verified__icon {
  font-size: 4rem;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 2.4rem;
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  vertical-align: middle;
  background-color: #3bba82;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-shadow: 0.2rem 0.3rem 0.4rem rgba(0,0,0,0.1);
  box-shadow: 0.2rem 0.3rem 0.4rem rgba(0,0,0,0.1);
  border-radius: 50%;
}
.sett--verified__title {
  font-size: 2rem;
  font-weight: 300;
  color: #6b716f;
}
.sett--verified__title__sub {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 700;
  font-size: 3rem;
  font-family: 'IBM Plex Sans', sans-serif;
}
@media all and (min-width: 900px) {
  .sett--verified {
    background-image: -webkit-linear-gradient(#fff 40%, rgba(59,186,130,0.1) 80%);
    background-image: -moz-linear-gradient(#fff 40%, rgba(59,186,130,0.1) 80%);
    background-image: -o-linear-gradient(#fff 40%, rgba(59,186,130,0.1) 80%);
    background-image: -ms-linear-gradient(#fff 40%, rgba(59,186,130,0.1) 80%);
    background-image: linear-gradient(#fff 40%, rgba(59,186,130,0.1) 80%);
  }
}
.sett--m {
  margin-bottom: 1.6rem;
}
.sett--m .sett__text {
  margin-top: 1.6rem;
  margin-bottom: 4.8rem;
  text-align: center;
}
.sett--m .note--inline {
  padding: 0;
  background-color: transparent;
}
.sett--m .note--info__lbl {
  color: #3bba82;
  display: inline-block;
  width: 100%;
  margin-bottom: 2.4rem;
}
.sett--m .note--info__text {
  font-weight: 600;
  font-size: 1.8rem;
}
.sett--note {
  background-color: rgba(59,186,130,0.1);
  padding: 4.8rem;
  border-radius: 0.4rem;
  width: 100%;
  margin-bottom: 2.4rem;
}
.sett--note__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}
.sett--note__label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 700;
}
@media all and (max-width: 900px) {
  .sett--note {
    padding: 2.8rem;
  }
  .sett--note__label {
    margin-bottom: 0.8rem;
  }
  .sett--note__item {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sett--note__item:last-child {
    margin-bottom: 0;
  }
}
.sett--cc {
  margin-bottom: 4.8rem;
}
.sett--cc__item {
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: 2rem;
  border-radius: 0.4rem;
}
.sett--cc__item__content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.sett--cc__item__content .sett--cc__name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.sett--cc__item__icon {
  margin-right: 1.066666666666667rem;
  color: #c4c4c4;
  font-size: 1.4rem;
}
.sett--cc__item:last-child {
  margin-bottom: 0;
}
.sett--cc__name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #113425;
  font-size: 1.6rem;
  line-height: 130%;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}
.sett--cc__name >.i {
  color: #d8d8d8;
  margin-right: 1.6rem;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.sett--cc__btn {
  display: inline-block;
  color: #979797;
  background-color: transparent;
  margin-left: 1.6rem;
}
.sett--cc__btn:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.sett--cc__btns {
  text-align: center;
}
.sett--cc__btns >.btn {
  width: 100%;
  margin-bottom: 1.6rem;
}
.sett--cc__btns >.btn .i {
  position: absolute;
  left: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media all and (min-width: 900px) {
  .sett--cc__item__content {
    max-width: calc(100% - 25rem);
  }
}
@media all and (max-width: 900px) {
  .sett--cc {
    text-align: left;
  }
  .sett--cc__name {
    font-size: 1.4rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
  }
  .sett--cc__name >.i {
    margin-right: 1rem;
    left: 1.2rem;
  }
  .sett--cc__item {
    padding: 1.4rem 0;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sett--cc__item__content {
    width: 90%;
  }
  .sett--cc__item__btns {
    text-align: center;
    display: inline-block;
    padding: 1.2rem;
    background-color: #ebebeb;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    margin-bottom: -1.2rem;
    margin-top: 1.2rem;
  }
  .sett--cc__item__btns .btn--close {
    text-decoration: none;
  }
  .sett--cc__item__btns .btn--close__text {
    display: inline-block;
  }
  .sett--cc__item__btns >.btn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-right: 0.1rem solid #c4c4c4;
  }
  .sett--cc__item__btns >.btn:only-child,
  .sett--cc__item__btns >.btn:last-child {
    border-right: 0;
  }
  .sett--cc__btn {
    font-size: 1.2rem;
    margin-left: 0.8rem;
  }
  .sett--cc__btns >.btn {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    margin-bottom: 1rem;
  }
  .sett--cc__btns >.btn:last-child {
    margin-bottom: 0;
  }
}
@media all and (min-width: 900px) {
  .head__cont {
    padding: 4.8rem 4.8rem 0 4.8rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 9.8rem;
    z-index: 2;
  }
  .head__cont.--single {
    margin-bottom: 2.4rem;
  }
  .head__title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    z-index: 999;
    padding-right: 2.4rem;
  }
  .head__title--alt {
    font-weight: 900;
    font-size: 1.8rem;
    margin-bottom: 4.8rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.14rem;
  }
  .head__title--md {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 600;
    max-width: 75%;
    margin: 0 auto;
  }
  .head__title--modal {
    margin-bottom: 2.4rem;
    color: #fff;
    font-size: 2.6rem;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  .head__controls {
    text-align: right;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .head__controls >* {
    margin-left: 1.6rem;
  }
  .head__controls >*:first-child {
    margin-left: 0;
  }
  .head__controls .filter--drop {
    margin-right: 2.4rem;
  }
  .head__controls .input--date {
    max-width: 18rem;
  }
  .head--inside {
    padding: 0;
    margin-bottom: 4.8rem;
  }
  .head--data {
    border-color: #e5e5e5;
    z-index: 2;
  }
  .head--data >.head__cont {
    margin-bottom: 2.4rem;
    z-index: 1;
    position: relative;
  }
  .head--data .blocks--data {
    z-index: 1;
    position: relative;
  }
  .head--data__content {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    position: relative;
  }
  .head--data__content:before {
    z-index: 0;
    content: '';
    position: absolute;
    left: 0;
    bottom: 50%;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    display: inline-block;
    height: 150%;
    width: 100%;
    background-image: -webkit-linear-gradient(#fff 30%, rgba(59,186,130,0.5) 100%);
    background-image: -moz-linear-gradient(#fff 30%, rgba(59,186,130,0.5) 100%);
    background-image: -o-linear-gradient(#fff 30%, rgba(59,186,130,0.5) 100%);
    background-image: -ms-linear-gradient(#fff 30%, rgba(59,186,130,0.5) 100%);
    background-image: linear-gradient(#fff 30%, rgba(59,186,130,0.5) 100%);
  }
}
@media all and (max-width: 900px) {
  .head__cont {
    padding: 4.8rem;
  }
  .head__cont.--single {
    padding-bottom: 0;
  }
  .head__cont__inn {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 2.8rem;
  }
  .head__cont.--filters {
    padding-bottom: 0;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    padding-top: 2.8rem;
  }
  .head__cont.--rows {
    padding-bottom: 1.6rem;
  }
  .head__cont.--rows .col__row >* {
    margin-right: 1.6rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .head__cont.--rows .col__row >*:last-child {
    margin-right: 0;
  }
  .head__cont.--rows .head__controls {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .head__cont.--rows .head__controls .filter__control {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }
  .head__cont.--rows .head__controls >* {
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
  .head__cont.--rows .head__controls >*:last-child {
    margin-bottom: 0;
  }
  .head__cont--lite {
    padding: 0 !important;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .head__cont--lite__bg {
    width: 100%;
    padding: 1.5rem 2.8rem;
    background-color: #f4f4f4;
    background-image: url("/assets/img/patterns/relay-lite.png");
    -webkit-box-shadow: inset 0 0 0.4rem rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0.4rem rgba(0,0,0,0.1);
  }
  .head__cont--lite__bg >.btn {
    -webkit-box-shadow: $btn-shadow;
    box-shadow: $btn-shadow;
  }
  .head__cont--lite__inn {
    background-color: #fff;
    width: 100%;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-top: 0.1rem solid #e0e0e0;
    border-bottom: 0.1rem solid #e8e8e8;
  }
  .head__cont--lite__inn .get__list__item,
  .head__cont--lite__inn .get__list__content {
    color: #000;
  }
  .head__cont--lite .head__controls {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .head__title {
    font-size: 2.3rem;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    color: #000;
    line-height: 1em;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .head__controls {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .head__controls .btn {
    text-align: center;
    line-height: 1.5em;
  }
  .head__controls >* {
    margin-right: 1.6rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .head__controls >*:last-child {
    margin-right: auto;
  }
}
@media all and (max-width: 767px) {
  .head__cont {
    padding: 2.8rem;
  }
  .head__cont__inn {
    margin-bottom: 1.6rem;
  }
}
@media all and (max-width: 320px) {
  .head__cont.--rows .col__row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .head__cont.--rows .col__row >* {
    margin-right: 0;
    margin-bottom: 1.2rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }
  .head__cont.--rows .col__row >*:last-child {
    margin-bottom: 0;
  }
}
.head--withfilters {
  background-color: #f8f8f8;
}
.head--modal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 1.6rem;
}
.head--modal .head__title--modal {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
}
.log__cont {
  background-image: url("/assets/img/patterns/main.png");
  background-color: #3bba82;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.log__cont .form--login {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-height: 590px) {
  .log__cont {
    min-height: 100%;
    height: auto;
  }
}
.log__cont--reset {
  background-color: #26547c;
}
.log__cont--force {
  background-color: #26547c;
}
.log__cont--sign {
  overflow-y: auto;
  background-color: #26547c;
  height: auto;
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
  min-height: 100%;
}
.log__cont--sign .head__title {
  margin-bottom: 4.8rem;
}
@media all and (max-width: 900px) {
  .log__cont {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
.log__side {
  background-color: #fff;
  padding: 4.8rem;
  max-width: 36rem;
  overflow: hidden;
  max-height: 100%;
  overflow: auto;
  height: 100%;
}
@media all and (max-width: 900px) {
  .log__side {
    display: none;
  }
}
.logo__cont {
  text-align: center;
  display: inline-block;
}
.logo__cont >img {
  width: 100%;
}
.logo--inline .logo--m {
  display: inline-block;
  height: 3.3rem;
  width: 3.3rem;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  margin-right: 1rem;
}
.logo--inline--sm {
  margin-bottom: 1.6rem;
}
.logo--inline--sm .logo--m,
.logo--inline--sm .logo--t {
  height: 2.4rem;
}
.logo--inline--sm .logo--m {
  margin-right: 0.4rem;
}
.logo--inline--ti {
  margin-bottom: 1.6rem;
  text-align: center;
}
.logo--inline--ti .logo--m,
.logo--inline--ti .logo--t {
  height: 1.9rem;
}
.logo--inline--ti .logo--m {
  margin-right: 0.4rem;
}
.logo--sm {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.logo--sm__mark,
.logo--sm__text {
  height: 1.7rem;
  display: inline-block;
}
.logo--sm__mark {
  margin-right: 1rem;
}
.logo--md {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.logo--md__mark,
.logo--md__text {
  height: 3.3rem;
  display: inline-block;
}
@media all and (min-width: 900px) {
  .logo--md__mark,
  .logo--md__text {
    height: 3.3rem;
  }
}
.logo--md__mark {
  margin-right: 1.8rem;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
@media all and (min-width: 900px) {
  .logo--md__mark {
    margin-right: 1.8rem;
  }
}
.slide__item {
  margin-bottom: 4.8rem;
}
.slide--vertical {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 50%;
  padding-bottom: 50%;
}
.slide__display {
  position: relative;
  display: inline-block;
  margin-bottom: 2.4rem;
  text-align: left;
  width: 100%;
}
.slide__display img {
  right: 0;
  bottom: 0;
  max-width: 9.5rem;
  -webkit-box-shadow: 0 0.3rem 1.4rem rgba(0,0,0,0.26);
  box-shadow: 0 0.3rem 1.4rem rgba(0,0,0,0.26);
}
.slide__text {
  font-size: 2.8rem;
  font-weight: 300;
  margin-bottom: 1.2rem;
  font-family: 'Roboto', sans-serif;
}
.slide__text:before {
  content: '“ ';
}
.slide__text:after {
  content: ' ”';
}
.slide__text__sub {
  color: #979797;
  font-size: 2rem;
}
.slide__pagi {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.slide__pagi__anch {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #efefef;
  border-radius: 50%;
  vertical-align: top;
  margin-right: 1.6rem;
  cursor: pointer;
}
.slide__pagi__anch:hover {
  background-color: #3bba82;
}
.slide__pagi__anch:last-child {
  margin-right: 0;
}
.slide__pagi__anch.active {
  background-color: #3bba82;
}
.grid__cont {
  background-color: #ccc;
  padding: 1.6rem;
}
.grid__inline {
  margin-bottom: 2rem;
}
.grid__inline:last-child {
  margin-bottom: 0;
}
.grid__inline .grid__value {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}
.grid__inline .grid__value:last-child {
  margin-bottom: 0;
}
.grid__logo {
  display: inline-block;
  max-height: 4.6rem;
  margin-top: 0.8rem;
  margin-bottom: 2.4rem;
}
.grid__inn {
  padding: 2.4rem;
}
.grid__inn--fw {
  padding-left: 0;
  padding-right: 0;
}
.grid__inn--fw >.grid__inn {
  padding: 2.4rem;
  max-height: 20rem;
  overflow: hidden;
  overflow-y: auto;
}
.grid__amount {
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 1.6rem;
  display: inline-block;
  font-size: 3.8rem;
}
.grid__label {
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 1.4rem;
  font-weight: 600;
  color: #979797;
  letter-spacing: 0.12rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}
.grid__value {
  font-size: 2rem;
  line-height: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.grid__fw {
  padding: 2.4rem;
  border-bottom: 0.1rem solid #d8d8d8;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.grid__fw .grid__label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 2rem;
  margin-bottom: 0;
}
.grid__fw .grid__value {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  text-align: right;
}
.grid__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 1.8rem;
}
.grid__row:last-child {
  margin: 0;
}
.grid__row .grid__label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  margin-right: 1.2rem;
  line-height: 2rem;
}
.grid__row .grid__value {
  width: 100%;
}
.grid__row__inline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 1.6rem;
  font-weight: 300;
}
.grid__row__inline .grid__value {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.grid__row__inline .grid__value:nth-child(1) {
  text-align: left;
}
.grid__row__inline .grid__value:nth-child(2) {
  text-align: right;
}
.grid__row__inline_history {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 1.6rem 0;
  font-weight: 200;
}
.grid__row__inline_history .grid__value {
  text-align: left;
  font-size: 1.7rem;
}
.grid__row__inline_history .grid__value:nth-child(1) {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.grid__row__inline_history .grid__value:nth-child(2) {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.grid__row__inline_history .grid__value:nth-child(3) {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.grid__inn_history {
  padding: 0;
}
.grid__inn_history--fw {
  padding-left: 0;
  padding-right: 0;
}
.grid__inn_history--fw >.grid__inn {
  padding: 2.4rem;
  overflow: hidden;
  overflow-y: auto;
}
.col__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.col--6,
.col--half {
  width: 50%;
}
.col--3 {
  width: 33.3333333%;
}
.col--equal {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.invoice__head {
  background-color: #f3f3f3;
  padding: 1.6rem;
  border-radius: 0.4rem 0.4rem 0 0;
  text-align: center;
}
.invoice__head__logo {
  display: inline-block;
}
.invoice__head__logo img {
  display: inline-block;
  vertical-align: top;
}
.invoice__head__text {
  font-size: 2rem;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.6rem;
  line-height: 2.2rem;
}
.m__cont {
  height: 100%;
  overflow: hidden;
}
@media all and (min-width: 900px) {
  .m__cont--dt {
    max-width: 767px;
    margin-right: auto;
    margin-left: auto;
  }
}
.m__cont--stripe .m__body {
  height: calc(100% - 7.5rem) !important;
}
.m__cont--lite {
  background-color: #fcfcfc;
}
.m__cont__note {
  background-color: rgba(59,186,130,0.15);
  border-radius: 0.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 2.8rem;
}
.m__cont__note__cont {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  margin-bottom: 2.8rem;
}
.m__cont__note__text {
  font-size: 1.9rem;
  color: #000;
  line-height: 1.1em;
  font-weight: 600;
}
.m__cont__note__icon {
  margin-right: 2.8rem;
}
.m__cont__note__icon svg {
  width: 2.8rem;
  height: auto;
}
@media all and (max-width: 320px) {
  .m__cont__note {
    padding: 1.6rem;
  }
  .m__cont__note__cont {
    margin-bottom: 1.6rem;
  }
  .m__cont__note__text {
    font-size: 1.5rem;
  }
}
.m__cont__content {
  height: 100%;
}
.m__cont__content .m__body {
  overflow-y: auto;
  height: calc(100% - 16.8rem);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-bottom: 4.8rem;
}
@media all and (max-width: 320px) {
  .m__cont__content .m__body {
    height: calc(100% - 12.8rem);
  }
}
@media all and (max-width: 900px) {
  .m__cont__content.--nobtn .m__body {
    height: calc(100% - 7.5rem);
  }
}
.m__cont--fh .m__body {
  height: calc(100% - 7.5rem);
}
.m__cont--bg {
  background-color: #fff;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  background-image: -moz-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  background-image: -o-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  background-image: -ms-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  background-image: linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  padding-top: 9.6rem;
  height: 100%;
}
.m__cont--bg.app--flex {
  padding: 0;
}
@media all and (max-width: 320px) {
  .m__cont--bg {
    padding-top: 4.8rem;
  }
  .m__cont--bg .m__foot {
    background-color: #fff;
  }
}
@media all and (max-width: 900px) {
  .m__cont--bg .pay__list {
    border-color: #c4c4c4;
  }
}
@media all and (max-width: 320px) {
  .m__cont--bg {
    padding: 2.8rem;
  }
}
.m__cont--bg-simple {
  background-color: #fff;
}
@media all and (max-width: 900px) {
  .m__cont--bg-simple {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: -moz-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: -o-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: -ms-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  }
}
.m__cont--final.--note {
  padding-top: 2.8rem;
}
.m__cont--final--ge {
  padding-top: 0;
}
@media all and (max-width: 480px) {
  .m__cont--final {
    padding-top: 2.4rem;
  }
}
@media (max-height: 570px) {
  .m__cont--final {
    overflow-y: auto;
  }
  .m__cont--final .m__body {
    overflow: hidden;
  }
  .m__cont--final .m__foot {
    position: static;
  }
}
@media all and (max-width: 480px) {
  .m__cont--final {
    padding-top: 2.4rem;
  }
}
@media all and (max-width: 320px) {
  .m__cont--final {
    overflow-y: auto;
    max-height: 100%;
    padding: 1.2rem;
  }
  .m__cont--final .m__body {
    padding: 1.4rem;
    padding-bottom: 2.8rem;
  }
  .m__cont--final .m__body .intro__title--md {
    padding-top: 0;
    margin-bottom: 1.2rem;
  }
  .m__cont--final .m__body__info {
    font-size: 1.6rem;
  }
  .m__cont--final .btn {
    font-size: 1.2rem;
    border-radius: 0.5rem;
  }
  .m__cont--final .btn--prim {
    font-size: 1.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.m__cont--err {
  background-color: #e55050;
  background-image: url("/assets/img/patterns/main.png");
  text-align: center;
}
.m__cont--err__icon {
  margin-bottom: 4.8rem;
}
.m__cont--err .m__body {
  height: calc(100% - 9.3rem);
}
.m__cont--err .m__foot {
  background-color: transparent !important;
  padding-top: 0;
  color: #fff;
}
.m__cont--err .btn {
  background-color: #fff;
  color: #e55050;
  border-color: #e55050;
}
.m__cont--err .btn:hover {
  background-color: #26547c;
  color: #fff;
  border-color: #26547c;
}
.m__cont--err .m__body__lbl {
  display: inline-block;
  color: #fff;
  margin-bottom: 1.6rem;
}
.m__cont--ol {
  padding: 0;
}
.m__cont--ol padding 0 {
  height: 100%;
}
.m__cont--ol .m__body__inn {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
.m__cont--ol .m__body__inn .intro__list__cont {
  margin-bottom: 2.8rem;
}
.m__cont--ol .m__body__inn .input--sm {
  margin-bottom: 1.6rem;
  margin-top: 3.2rem;
}
.m__cont--ol .m__body__inn .btn {
  margin-top: 0;
  -webkit-animation: fade 0.2s linear;
  -moz-animation: fade 0.2s linear;
  -o-animation: fade 0.2s linear;
  -ms-animation: fade 0.2s linear;
  animation: fade 0.2s linear;
}
.m__cont--ol .m__body__info {
  margin-top: 2.8rem;
  margin-bottom: 2.4rem;
}
.m__cont--ol.--cent .logo--sm.logo--inline {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
}
@media all and (max-width: 320px) {
  .m__cont--ol.--check .m__title--animate {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .m__cont--ol.--check .m__title--animate .m__title--md {
    font-size: 1.6rem;
  }
  .m__cont--ol.--check .m__title--animate .i {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .m__cont--ol.--check .logo--inline .logo--m,
  .m__cont--ol.--check .logo--inline .logo--t {
    height: 2rem;
    width: auto;
  }
  .m__cont--ol.--check .intro__title--md {
    padding-top: 0.8rem;
    margin-bottom: 1rem;
  }
  .m__cont--ol.--check .m__text__cont {
    padding-top: 0;
    margin-bottom: 0;
  }
  .m__cont--ol.--check .m__checklist {
    margin-top: 0;
  }
  .m__cont--ol.--check .m__checklist__item {
    margin-bottom: 0.5rem;
  }
  .m__cont--ol.--check .m__checklist__item:last-child {
    margin-bottom: 0;
  }
}
@media all and (min-width: 900px) {
  .m__cont {
    max-width: 480px;
    margin: 0 auto;
  }
}
@media all and (max-width: 900px) {
  .m__cont--intro {
    overflow-y: auto;
    padding-bottom: 6.5rem;
  }
  .m__cont--intro .m__body {
    height: auto;
    overflow: initial;
  }
  .m__cont--intro .intro__brand {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media all and (max-width: 320px) {
  .m__cont--intro {
    max-height: 100%;
    overflow-y: auto;
  }
  .m__cont--intro .m__body {
    height: auto;
  }
}
.m__head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.m__head__cent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.m__head__right,
.m__head__left {
  min-width: 7.5rem;
}
.m__head__left .m__head__logo {
  margin-left: 2.4rem;
}
.m__head__logo {
  width: 3.2rem;
  height: 3.2rem;
  display: inline-block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 3.2rem;
  line-height: 3.2rem;
  color: #3bba82;
}
.m__head__anch {
  font-size: 2.2rem;
  color: #979797;
  height: 7.5rem;
  display: inline-block;
  width: 7.5rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.m__head__anch >.i-arw-l {
  -webkit-transform: translateX(-0.8rem);
  -moz-transform: translateX(-0.8rem);
  -o-transform: translateX(-0.8rem);
  -ms-transform: translateX(-0.8rem);
  transform: translateX(-0.8rem);
}
.m__head__titl {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
}
.m__head--fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}
.m__body {
  padding: 1.6rem 2.8rem 0 2.8rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.m__body .col--full {
  margin-top: 4rem;
}
.m__body .form__cont {
  margin-top: 4.8rem;
}
.m__body .sett__view {
  padding: 0;
  height: auto;
}
.m__body--withtable {
  padding: 0;
}
.m__body--nohead {
  margin-top: 9.9rem;
}
.m__body--animate {
  -webkit-animation: 0.3s animateBody linear;
  -moz-animation: 0.3s animateBody linear;
  -o-animation: 0.3s animateBody linear;
  -ms-animation: 0.3s animateBody linear;
  animation: 0.3s animateBody linear;
}
.m__body__i {
  text-align: center;
  height: 8rem;
}
.m__body__i.lg {
  font-size: 8rem;
  line-height: 1em;
  color: #3bba82;
  margin-bottom: 1.6rem;
}
.m__body__tags {
  margin-top: 4.8rem;
}
.m__body__tags .btn {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.m__body__tags.--fw .btn {
  width: 100%;
  text-transform: none;
  font-size: 1.9rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: 0;
  text-align: left;
  padding-left: 1.6rem;
  padding-right: 3.6rem;
}
.m__body__tags.--fw .btn:before {
  right: 1.6rem;
  left: auto;
}
.m__body__lbl {
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  font-weight: 600;
  color: #3bba82;
  margin-bottom: 1.6rem;
}
.m__body__lbl__info {
  font-size: 1.8rem;
  font-weight: 600;
}
.m__body__titl {
  font-size: 2.2rem;
  font-weight: 500;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
.m__body__titl >.btn {
  margin-top: 1.6rem;
}
.m__body__titl--lg {
  font-size: 3rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
@media all and (max-width: 480px) {
  .m__body__titl--lg {
    font-size: 2.4rem;
    font-weight: 300;
  }
  .m__body__titl--lg.--extra {
    font-size: 3.5rem;
  }
}
.m__body__text {
  font-size: 1.7rem;
  font-weight: 400;
  margin-bottom: 2.4rem;
  color: #000;
  font-family: 'Roboto', sans-serif;
  line-height: 1.46em;
}
.m__body__text >a {
  margin-left: 0.3rem;
  color: #3bba82;
  text-decoration: underline;
}
@media all and (max-width: 767px) {
  .m__body__text {
    font-size: 1.5rem;
  }
}
.m__body__info {
  font-size: 1.8rem;
  line-height: 1.25em;
  margin-bottom: 2.4rem;
  font-family: 'IBM Plex Sans', sans-serif;
  text-align: center;
}
.m__body__info .btn--sm {
  margin-top: 2.4rem;
}
.m__body__info__block {
  margin-bottom: 3.8rem;
}
.m__body__info__block .m__body__lbl {
  color: rgba(255,255,255,0.8);
}
.m__body__info__block .m__body__lbl >.btn {
  margin-left: 1.6rem;
}
.m__body__info__block .m__body__lbl__info {
  color: #fff;
}
.m__body__info__block:last-child {
  margin-bottom: 0;
}
.m__body__info__block--fw .m__body__lbl__info {
  text-wrap: nowrap;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.m__body__block {
  margin-bottom: 2.4rem;
}
.m__body__block .m__body__titl {
  margin-bottom: 2.4rem;
  font-weight: 400;
}
@media all and (min-width: 900px) {
  .m__body__block {
    margin-bottom: 3.2rem;
  }
}
.m__body__anch {
  color: #3bba82;
  text-decoration: underline;
}
.m__foot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  padding: 1rem;
}
@media all and (max-width: 320px) {
  .m__foot {
    padding: 0;
  }
  .m__foot__btns .btn {
    border-radius: 0;
    font-size: 1.15rem;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }
}
.m__foot__info {
  padding: 2.4rem 0;
  margin-top: 2.4rem;
  text-align: center;
  border-top: 0.1rem solid rgba(255,255,255,0.5);
}
.m__foot__info__shadowed {
  color: #6d6d6d;
  margin: 0 -10px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-shadow: 0px -3px 8px rgba(0,0,0,0.08);
  box-shadow: 0px -3px 8px rgba(0,0,0,0.08);
}
.m__foot__btns >.input {
  margin-bottom: 1.6rem;
}
.m__foot__btns .btn {
  text-align: center;
  width: 100%;
  margin-top: 1rem;
}
.m__foot__btns .btn:first-child,
.m__foot__btns .btn:only-child {
  margin-top: 0;
}
@media all and (min-width: 900px) {
  .m__foot__btns .btn--xlg .btn__i {
    margin-right: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1.25);
    -moz-transform: translateY(-50%) scale(1.25);
    -o-transform: translateY(-50%) scale(1.25);
    -ms-transform: translateY(-50%) scale(1.25);
    transform: translateY(-50%) scale(1.25);
    left: 4.8rem;
  }
}
.m__foot__btns__dbl .btn {
  width: calc(50% - 0.5rem);
}
.m__foot__btns__dbl .btn:nth-child(1) {
  margin-right: 1rem;
}
@media all and (max-width: 767px) {
  .m__foot__btns__dbl .btn {
    width: 100%;
    margin-bottom: 0.8rem;
  }
}
.m__foot__btns__dbl.--gtg {
  text-align: left;
}
.m__foot__btns__dbl.--gtg .btn {
  padding-top: 1.6rem;
  text-align: left;
  padding-left: 6.4rem;
  padding-bottom: 1.6rem;
}
.m__foot__btns__dbl.--gtg .btn .btn__i {
  left: 1.8rem;
}
@media all and (max-width: 320px) {
  .m__foot__btns .m__body__info.blocks__note--lg {
    margin-bottom: 0;
  }
}
.m__foot--ask {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.8rem;
  width: 100%;
}
.m__foot--ask__btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.m__foot--ask__btns >.btn {
  margin-right: 1.6rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.m__foot--ask__btns >.btn:last-child {
  margin-right: 0;
}
@media all and (min-width: 900px) {
  .m__foot--ask {
    max-width: 480px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.m__checklist {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.4rem;
}
.m__checklist__item {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  display: inline-block;
}
.m__checklist__item:before {
  content: "\e903";
  font-family: 'icons';
  margin-right: 0.8rem;
  font-size: 1.4rem;
  color: #979797;
}
@media all and (max-width: 320px) {
  .m__checklist__item {
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
}
.m--login {
  padding: 0 2.4rem;
  padding-top: 9.6rem;
}
.m--login__head {
  text-align: center;
}
.m--login__titl {
  font-size: 2.2rem;
  margin-top: 4.8rem;
}
.m--success {
  padding-top: 9.6rem;
}
.m__title {
  font-size: 3rem;
  color: #fff;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
.m__title--load {
  margin-top: 2.4rem;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  line-height: 1.4em;
  max-width: 90%;
  font-size: 2.7rem;
  color: #fff;
  letter-spacing: 0;
}
.m__title--load--md {
  font-size: 1.8rem;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5em;
  font-weight: 400;
  text-align: center;
  margin-bottom: 2.8rem;
}
.m__title--md {
  font-size: 2rem;
  line-height: 1.2em;
  color: #000;
  text-align: center;
  font-weight: 600;
}
.m__title--sm {
  font-size: 1.7rem;
}
.m__title--lg {
  font-size: 2.6rem;
  line-height: 1em;
  font-weight: 600;
  margin-bottom: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
@media all and (max-width: 320px) {
  .m__title--lg {
    font-size: 2rem;
  }
}
.m__title--animate {
  text-align: center;
  margin-top: 3.4rem;
  -webkit-animation: animateIn 0.4s linear;
  -moz-animation: animateIn 0.4s linear;
  -o-animation: animateIn 0.4s linear;
  -ms-animation: animateIn 0.4s linear;
  animation: animateIn 0.4s linear;
}
@media all and (max-width: 480px) {
  .m__title {
    font-size: 2.4rem;
  }
}
.m__icon {
  font-size: 4.8rem;
  margin: 2.4rem auto;
  border: 0.4rem solid #fff;
  padding: 0.8rem;
  height: 8.4rem;
  width: 8.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.m__icon .i {
  display: inline-block;
  color: #fff;
}
@media all and (max-width: 320px) {
  .m__icon {
    font-size: 3.2rem;
    height: 6rem;
    width: 6rem;
  }
}
.m__text {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  line-height: 1.36em;
  font-family: 'Roboto', sans-serif;
}
.m__text__cont {
  padding-top: 2.4rem;
  margin-bottom: 2.4rem;
  text-align: center;
}
.m__text--sm {
  font-size: 1.5rem;
}
.m__ol {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #3bba82;
  z-index: 99999;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.m__ol__titl {
  padding-left: 2.8rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  font-size: 2.2rem;
}
.m__ol .m__head__anch {
  color: #fff;
  font-size: 2.2rem;
}
.m__ol--trans {
  background-color: rgba(0,0,0,0.8);
}
.m__ol--trans .m__head__anch {
  position: absolute;
  right: 0;
  top: 0;
}
.m__ol--trans__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.m__ol--dbtns .m__body {
  overflow: hidden;
  padding: 0;
}
.m__ol--dbtns .m__body .col__cont {
  height: calc(100% - 16.8rem);
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 2.4rem;
}
.m__ol--dbtns .m__body .col__row .col--half {
  max-width: 22rem;
}
.m__table__head {
  display: none;
  z-index: 1;
}
@media all and (min-width: 767px) {
  .m__table__head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    margin-bottom: 0.6rem;
    position: sticky;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 0.2rem solid #3bba82;
    color: #3bba82;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
  }
  .m__table__head__item {
    letter-spacing: 0.12rem;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1em;
    padding: 1.25rem;
    text-align: left;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .m__table__head__item:nth-child(1) {
    max-width: 8rem;
    width: 8rem;
  }
  .m__table__head__item:nth-child(2) {
    min-width: 11rem;
  }
  .m__table__head__item:nth-child(3) {
    min-width: 9rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__head {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__head:nth-child(1) {
    max-width: 3.4rem;
    width: 3.4rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__head:nth-child(2) {
    width: 11rem;
    min-width: 11rem;
    max-width: 11rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__head:nth-child(3) {
    width: 9rem;
    min-width: 9rem;
    max-width: 9rem;
  }
}
.m__table__cont .m__body__lbl {
  color: #979797;
  margin-bottom: 0.8rem;
}
.m__table__cont .m__body__lbl__info {
  color: #404443;
}
.m__table__cont .m__body__info__block {
  margin-bottom: 1.6rem;
}
.m__table__item {
  display: block;
  width: 100%;
  position: relative;
}
@media all and (max-width: 767px) {
  .m__table__item {
    border-bottom: 0.1rem solid #c4c4c4;
    padding: 3.2rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-bottom: 7.2rem;
  }
  .m__table__item__controls .btn {
    width: 100%;
  }
  .m__table__item:nth-child(odd) {
    background-color: #f8f8f8;
  }
  .m__table__item:nth-child(even) {
    background-color: #f5f5f5;
  }
  .m__table__item:last-child {
    border-bottom: 0;
  }
  .m__table__item .m__body__lbl {
    margin-bottom: 0.2rem;
  }
  .m__table__item .m__body__info__block .m__body__lbl__info {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1.6rem;
  }
  .m__table__item .m__body__info__block.--withbtn {
    width: 100%;
    position: absolute;
    bottom: 1.6rem;
    padding: 0 3.2rem;
    left: 0;
  }
  .m__table__item .m__body__info__block.--withbtn .btn {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .m__table__item .m__body__lbl {
    margin-bottom: 0.2rem;
  }
  .m__table__item .m__body__info__block .m__body__lbl__info {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1.6rem;
  }
}
@media all and (min-width: 767px) {
  .m__table__item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
  .m__table__item .m__body__lbl {
    display: none;
  }
  .m__table__item .m__body__info__block {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1em;
    padding: 1.25rem;
    text-align: left;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'Roboto', sans-serif;
    color: #000;
    border-bottom: 0.1rem solid #d8d8d8;
    margin-bottom: 0;
  }
  .m__table__item .m__body__info__block:nth-child(1) {
    max-width: 8rem;
    width: 8rem;
  }
  .m__table__item .m__body__info__block:nth-child(2) {
    min-width: 11rem;
  }
  .m__table__item .m__body__info__block:nth-child(3) {
    min-width: 9rem;
  }
  .m__table__item .m__body__info__block .m__body__lbl__info {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1.6rem;
  }
  .m__table__item .m__body__info__block:nth-child(1) {
    width: 50%;
  }
  .m__table__item .m__body__info__block:nth-child(2) {
    width: 50%;
  }
}
.m__table__item__cont {
  background-color: transparent;
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__item {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__item:nth-child(1) {
    max-width: 3.4rem;
    width: 3.4rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__item:nth-child(2) {
    width: 11rem;
    min-width: 11rem;
    max-width: 11rem;
  }
}
@media all and (min-width: 767px) and (max-width: 480px) {
  .m__table__item:nth-child(3) {
    width: 9rem;
    min-width: 9rem;
    max-width: 9rem;
  }
}
.m__table__pagi {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: initial !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-top: 1.6rem;
}
@media all and (min-width: 900px) {
  .m__cont {
    max-width: initial;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #fff;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: -moz-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: -o-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: -ms-linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
    background-image: linear-gradient(rgba(255,255,255,0) 20%, #fff 60%), url("/assets/img/patterns/main.png");
  }
  .m__cont--bg {
    background-image: none;
  }
  .m__cont .intro__brand img {
    max-height: 12rem;
  }
  .m__cont .intro__title {
    padding-top: 1.6rem;
  }
  .m__cont .intro__list {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  .m__cont .intro--warn {
    margin-top: 2.4rem;
  }
  .m__cont__content {
    -webkit-box-shadow: 0.2rem 0rem 3.5rem rgba(0,0,0,0.1);
    box-shadow: 0.2rem 0rem 3.5rem rgba(0,0,0,0.1);
    width: 100%;
    border-radius: 0.4rem;
    max-width: 75rem;
    max-height: 85vh;
    background-color: #fff;
    padding: 2.4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .m__cont__content .m__body {
    height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 1.6rem;
  }
  .m__cont .app--flex__content {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0.2rem 0rem 3.5rem rgba(0,0,0,0.1);
    box-shadow: 0.2rem 0rem 3.5rem rgba(0,0,0,0.1);
    width: 100%;
    border-radius: 0.4rem;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    padding: 4.8rem 2.4rem 2.4rem 2.4rem;
    position: relative;
  }
  .m__cont--err {
    background-color: #e55050;
  }
  .m__foot {
    position: static;
    padding: 0;
  }
}
@media all and (min-width: 900px) {
  .pay--dt .m__foot__btns__dbl.--gtg {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .pay--dt .m__foot__btns__dbl.--gtg .btn {
    text-align: center;
    padding: 2.4rem 1.6rem;
    margin-right: 2.4rem;
  }
  .pay--dt .m__foot__btns__dbl.--gtg .btn:last-child {
    margin-right: 0;
  }
  .pay--dt .input--sm {
    background-color: #fff;
    padding: 5rem 4.8rem 2.88rem 4.8rem;
    border-radius: 0.4rem;
    margin-bottom: 2.4rem;
  }
  .pay--dt .input--sm .input--err__msg {
    right: 4.2rem;
    top: 1.7rem;
  }
  .pay--dt .input--sm >.input__lbl {
    left: 4.8rem;
    top: 5rem;
  }
  .pay--dt .input--sm >input,
  .pay--dt .input--sm textarea {
    padding-bottom: 1.4rem;
    font-size: 2rem;
  }
  .pay--dt .input--sm >input::-webkit-input-placeholder,
  .pay--dt .input--sm textarea::-webkit-input-placeholder {
    font-size: 2rem;
  }
  .pay--dt .input--sm >input:-moz-placeholder,
  .pay--dt .input--sm textarea:-moz-placeholder {
    font-size: 2rem;
  }
  .pay--dt .input--sm >input::-moz-placeholder,
  .pay--dt .input--sm textarea::-moz-placeholder {
    font-size: 2rem;
  }
  .pay--dt .input--sm >input:-ms-input-placeholder,
  .pay--dt .input--sm textarea:-ms-input-placeholder {
    font-size: 2rem;
  }
}
.pay__cont {
  background-color: #26547c;
  background-image: -webkit-linear-gradient(rgba(38,84,124,0.4) 35%, #26547c 100%), url("/assets/img/patterns/main.png");
  background-image: -moz-linear-gradient(rgba(38,84,124,0.4) 35%, #26547c 100%), url("/assets/img/patterns/main.png");
  background-image: -o-linear-gradient(rgba(38,84,124,0.4) 35%, #26547c 100%), url("/assets/img/patterns/main.png");
  background-image: -ms-linear-gradient(rgba(38,84,124,0.4) 35%, #26547c 100%), url("/assets/img/patterns/main.png");
  background-image: linear-gradient(rgba(38,84,124,0.4) 35%, #26547c 100%), url("/assets/img/patterns/main.png");
  color: #fff;
}
.pay__cont .m__body__lbl {
  color: rgba(255,255,255,0.8);
  margin-bottom: 1.2rem;
}
.pay__row--dbl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 2.5rem 4rem;
}
.pay__row--dbl .pay__item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (max-width: 320px) {
  .pay__row--dbl {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.pay__row--list {
  padding: 2.5rem 4rem;
  border-top: 0.1rem solid rgba(255,255,255,0.2);
}
@media all and (max-width: 320px) {
  .pay__row--list {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.pay__item--value {
  min-width: 14rem;
}
.pay__item--sign {
  font-size: 3.1rem;
  line-height: 1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 0.04rem;
  vertical-align: bottom;
}
.pay__item--sign__sign {
  font-size: 1.6rem;
  line-height: 1em;
  display: inline-block;
  -webkit-transform: translateY(-0.55rem);
  -moz-transform: translateY(-0.55rem);
  -o-transform: translateY(-0.55rem);
  -ms-transform: translateY(-0.55rem);
  transform: translateY(-0.55rem);
  margin-right: 0.2rem;
  vertical-align: bottom;
}
.pay__item--text {
  display: inline-block;
  font-size: 1.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1em;
  vertical-align: bottom;
  text-transform: capitalize;
}
.pay__item.--inline {
  width: 100%;
  text-align: left;
  margin-bottom: 2.8rem;
}
.pay__item.--highlight {
  padding: 1rem 1.6rem;
  display: inline-block;
  background-color: #effaf5;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.1);
  box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.1);
  text-align: center;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
}
.pay__item.--highlight .m__body__lbl {
  margin-bottom: 0;
  margin-right: 0.6rem;
}
.pay__list {
  display: inline-block;
  border-radius: 0.3rem;
  padding: 1.4rem;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.pay__list__item {
  font-size: 1.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 0.3rem;
  letter-spacing: 0.06rem;
}
.pay__list__item:last-child {
  margin-bottom: 0;
}
.pay__list--fw {
  text-align: left;
}
.pay__list--fw .m__body__lbl {
  color: #979797;
}
.pay__list--fw .pay__list {
  border: 0.1rem solid #c4c4c4;
  max-height: 32rem;
}
.pay--scroll {
  height: 100%;
}
.pay--scroll .m__body {
  padding: 0;
  height: 100%;
  overflow: hidden;
}
.pay--scroll .form--rows {
  padding: 2.8rem;
  overflow-y: auto;
  height: calc(100% - 25.6rem);
}
@media all and (max-width: 900px) {
  .pay--scroll .form--rows {
    padding-bottom: 4.8rem;
  }
}
@media all and (max-width: 480px) {
  .pay--scroll .form--rows {
    height: calc(100% - 22rem);
  }
}
.pay--load__head {
  background-color: #26547c;
  background-image: url("/assets/img/patterns/main.png");
  -webkit-box-shadow: 1rem 0.4rem 2.4rem rgba(0,0,0,0.16);
  box-shadow: 1rem 0.4rem 2.4rem rgba(0,0,0,0.16);
  padding: 0 2.5rem;
  text-align: center;
  height: 10.6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pay--load__head .load__logo {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  margin-bottom: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 7rem;
  margin-right: 1.4rem;
}
.pay--load__head .load__logo--m {
  filter: brightness(0) invert(1);
  width: 4.8rem;
  height: 4.8rem;
}
.pay--load__head.--compact {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.pay--load__head.--compact .load__logo {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  margin: 0;
}
.pay--load .form__cont {
  margin-top: 4rem;
}
.pay--load .form__cont .input:last-child {
  margin-bottom: 1.6rem;
}
.pay--load .form__cont .btn {
  width: 100%;
}
.pay--load__info {
  text-align: center;
}
.pay--load__info .pay__row--dbl {
  padding: 0;
  text-align: left;
}
.pay--load .m__cont--bg {
  padding-top: 4.8rem;
}
@media all and (max-width: 320px) {
  .pay--load .m__cont--bg {
    padding-top: 2.8rem;
  }
}
.pay--load .m__body {
  height: calc(100% - 10.6rem);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pay--load .m__body__with_note {
  height: calc(100% - 25.6rem);
}
.pay--load .m__title {
  font-size: 2.2rem;
  text-align: left;
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pay--load .m__item {
  font-weight: 600;
  text-align: left;
  margin-bottom: 2.8rem;
}
.pay--load .m__item__info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pay--load .m__item__info >span {
  font-size: 2rem;
  font-weight: 500;
}
.pay--columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 2.4rem 0;
}
.pay--columns .m__body__lbl {
  color: #979797;
}
.pay--columns .pay__item {
  text-align: left;
  margin-bottom: 2.4rem;
}
@media all and (max-width: 900px) {
  .pay--columns {
    margin: 0 0 0;
  }
}
@media (max-width: 360px) and (max-height: 640px) {
  .m__foot .btn--tii {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2rem;
  }
}
.disabled-check-systems {
  overflow-y: auto;
  padding: 0;
}
@media all and (max-width: 900px) {
  .disabled-check-systems {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.disabled-check-systems .flex-layout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.disabled-check-systems .header {
  color: #fff;
  padding: 2.4rem;
}
@media all and (min-width: 900px) {
  .disabled-check-systems .header {
    padding: 7.199999999999999rem;
    border-radius: 0.4rem 0.4rem 0 0;
  }
}
@media all and (max-width: 900px) {
  .disabled-check-systems .header {
    padding: 2.8rem 1.8rem;
  }
}
.disabled-check-systems .header__message {
  color: #fff;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  letter-spacing: -0.2rem;
  margin-right: 0.8rem;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
}
.disabled-check-systems .header__message svg {
  margin-right: 0.8rem;
}
.disabled-check-systems .header__box {
  background-color: #616161;
  color: #fff;
  padding: 1.6rem;
  margin-top: 2.4rem;
  width: 90%;
  border-radius: 0.5rem;
}
.disabled-check-systems .header__box__text {
  color: rgba(255,255,255,0.75);
  font-size: 1.7rem;
}
.disabled-check-systems .header__box--cont {
  font-size: 3rem;
  font-weight: 700;
}
@media all and (min-width: 900px) {
  .disabled-check-systems .header__box {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}
.disabled-check-systems .header__desc {
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 2rem;
  padding: 0 1rem 0 1rem;
}
.disabled-check-systems .body {
  background-color: #effaf5;
  color: #535353;
  padding: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-shadow: inset 0px -2px 1px 0px #a4e0c5;
  box-shadow: inset 0px -2px 1px 0px #a4e0c5;
}
@media all and (max-width: 900px) {
  .disabled-check-systems .body {
    padding-top: 4rem;
  }
}
@media all and (max-width: 767px) {
  .disabled-check-systems .body {
    padding-top: 2.4rem;
  }
}
.disabled-check-systems .body__content {
  margin-bottom: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  font-size: 1.7rem;
}
.disabled-check-systems .body__logo {
  margin-bottom: 1.6rem;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.disabled-check-systems .body__message {
  text-align: center;
  line-height: 2.5rem;
  margin-bottom: 2.4rem;
}
.disabled-check-systems .body__message--b {
  font-weight: bold;
}
@media all and (min-width: 900px) {
  .disabled-check-systems .body__message {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .disabled-check-systems .body__logo {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
  }
}
.disabled-check-systems .body__ul li {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
}
.disabled-check-systems .body__ul li:last-child,
.disabled-check-systems .body__ul li:only-child {
  margin-bottom: 0;
}
.disabled-check-systems .body__ul li:before {
  content: '✓';
  margin-right: 0.6rem;
}
@-moz-keyframes animateBody {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2%);
    -moz-transform: translateY(2%);
    -o-transform: translateY(2%);
    -ms-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes animateBody {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2%);
    -moz-transform: translateY(2%);
    -o-transform: translateY(2%);
    -ms-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes animateBody {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2%);
    -moz-transform: translateY(2%);
    -o-transform: translateY(2%);
    -ms-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes animateBody {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2%);
    -moz-transform: translateY(2%);
    -o-transform: translateY(2%);
    -ms-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes animateIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes animateIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes animateIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes animateIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4%);
    -moz-transform: translateY(-4%);
    -o-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    opactiy: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4%);
    -moz-transform: translateY(-4%);
    -o-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    opactiy: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4%);
    -moz-transform: translateY(-4%);
    -o-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    opactiy: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4%);
    -moz-transform: translateY(-4%);
    -o-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    opactiy: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.card {
  position: relative;
  background-color: #fff;
  max-width: 55rem;
  z-index: 1000;
  margin: 0 auto;
  padding: 7.199999999999999rem 4.8rem 4.8rem 4.8rem;
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.8);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.8);
  border-radius: 0.4rem;
}
@media all and (min-width: 767px) {
  .card {
    min-width: 55rem;
  }
}
@media all and (max-width: 767px) {
  .card {
    width: 100%;
    height: 100%;
    padding: 7.199999999999999rem 2.8rem 2.8rem 2.8rem;
  }
}
.card__content__warn {
  background-color: #fceeee;
  border-radius: 0.4rem;
  margin-top: 4.8rem;
  padding: 2.4rem 4.8rem;
  margin-left: -7.199999999999999rem;
  margin-right: -7.199999999999999rem;
  margin-bottom: -7.199999999999999rem;
}
.card__content__warn >.btn {
  min-width: 70%;
}
.card .form__cont {
  margin-top: 1.6rem;
}
.card .m__body__tags {
  margin-top: 0;
}
.card__close {
  font-size: 2rem;
  color: #c4c4c4;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.card__nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2rem;
}
.card__nav__anch {
  display: inline-block;
  vertical-align: top;
  font-size: 2.6rem;
  line-height: 1em;
  color: #3bba82;
  color: #979797;
}
.card__nav__anch:hover {
  color: #3bba82;
}
.card__nav__anch .i {
  vertical-align: top;
}
.card__nav__anch .i-arw-l {
  display: inline-block;
  -webkit-transform: translateX(-0.3rem) scale(1.1);
  -moz-transform: translateX(-0.3rem) scale(1.1);
  -o-transform: translateX(-0.3rem) scale(1.1);
  -ms-transform: translateX(-0.3rem) scale(1.1);
  transform: translateX(-0.3rem) scale(1.1);
}
.card__nav__inn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.card__head {
  text-align: center;
  margin-bottom: 7.199999999999999rem;
}
.card__title {
  font-size: 2.2rem;
  margin-bottom: 1.4rem;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.card__text {
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
.card__note--warn {
  background-color: #fefcfc;
  border-radius: 0.4rem;
  padding: 1.6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 1.4rem;
}
.card__note__icon {
  margin-right: 1.6rem;
  font-size: 4.2rem;
  color: #ea7373;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.card__who {
  font-weight: 700;
}
.card__who__info {
  font-style: italic;
}
.card__lbl {
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #6b716f;
  font-weight: 700;
  letter-spacing: 0.16rem;
}
.card__anch {
  text-decoration: underline;
  color: #3bba82;
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
.card__foot {
  margin-top: 4.8rem;
}
.card__foot .btn {
  margin-bottom: 1rem;
}
.card__foot .btn:last-child {
  margin-bottom: 0;
}
.card__foot__btn {
  background-color: #e0e0e0;
  color: #3bba82;
  border-radius: 0 0 0.4rem 0.4rem;
}
.card__area {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  min-height: 20rem;
  max-height: 34rem;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
}
.card__controls__inlines {
  text-align: left;
}
.card__controls__inlines >span {
  display: inline-block;
  color: #a5a5a5;
  margin-right: 0.2rem;
}
.card__controls__inlines >span:after {
  content: ',';
}
.card__controls__inlines >span:last-child:after {
  display: none;
}
.card__controls__columns {
  max-width: 100%;
  margin-top: 2.4rem;
}
.card__controls__columns .filter__checkbox {
  margin-bottom: 1.6rem;
  padding: 0;
}
.card__controls__columns .filter__checkbox__label {
  font-size: 1.6rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media all and (min-width: 900px) {
  .card__controls__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.4rem;
  }
}
.card__controls__btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.card__controls__btns button,
.card__controls__btns a {
  color: #3bba82;
  font-weight: 500;
  margin-right: 0.8rem;
}
.card__controls__btns button:last-child,
.card__controls__btns a:last-child {
  margin-right: 0;
}
.card__controls__btns button:hover,
.card__controls__btns a:hover {
  text-decoration: underline;
}
.card__controls__sep {
  margin-right: 0.8rem;
}
.card--scroll {
  max-height: 100%;
  overflow-y: auto;
}
@media all and (min-width: 900px) {
  .card--expanded {
    min-width: 60rem;
    max-width: 60rem;
    padding-left: 7.199999999999999rem;
    padding-right: 7.199999999999999rem;
  }
}
@media all and (max-width: 900px) {
  .card--expanded {
    overflow-y: auto;
  }
}
.card--full .card__content {
  text-align: center;
}
.card--full .card__content canvas {
  position: relative;
  margin: auto;
  max-width: 100% !important;
  height: auto !important;
  max-height: 65vh !important;
  width: auto !important;
}
.card--full .card__content img {
  max-width: 100%;
  max-height: 70vh;
}
@media all and (min-width: 900px) {
  .card--full {
    min-width: 80%;
    max-width: 80%;
    min-height: 80%;
    overflow-y: auto;
    padding-left: 7.199999999999999rem;
    padding-right: 7.199999999999999rem;
  }
}
@media all and (max-width: 900px) {
  .card--full {
    overflow-y: auto;
  }
}
@media all and (max-width: 767px) {
  .card--image .card__content img {
    max-height: initial;
    max-width: initial;
    width: 100%;
    height: auto;
  }
}
.card--prod {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.card--prod .card__content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.card--prod .card__foot {
  background-color: #fff;
  margin-top: 0;
}
.card--prod .card__foot__info {
  padding: 2.4rem 4.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: 0.1rem solid #e0e0e0;
}
.card--prod .card__price {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1em;
}
.card--warn {
  background-image: url("/assets/img/patterns/warn.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.card--warn .card__head {
  margin-bottom: 0;
}
.card--warn .card__body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.card--warn .card__text {
  margin-bottom: 2.8rem;
}
.card--warn__icon {
  font-size: 6.8rem;
  margin-bottom: 1.6rem;
  color: #e55050;
}
.card--warn__foot >.btn {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1.6rem;
}
.card--warn__foot >.btn:last-child,
.card--warn__foot >.btn:only-child {
  margin-bottom: 0;
}
@media all and (min-width: 900px) {
  .card--warn__foot {
    margin-top: 3.6rem;
  }
}
.card--export {
  padding: 0;
  height: auto;
}
.card--export__label {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.18rem;
  font-weight: 600;
  text-align: left;
  color: #979797;
  width: 100%;
  display: inline-block;
  margin-bottom: 0.8rem;
}
.card--export__row {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  margin-bottom: 2.4rem;
}
.card--export__row .flex--break {
  display: none;
}
.card--export__row .input--date .react-datepicker__input-container >input {
  border-color: #c4c4c4;
  color: #979797;
}
.card--export__row .input--date .react-datepicker__input-container >input::-webkit-input-placeholder {
  color: #979797;
}
.card--export__row .input--date .react-datepicker__input-container >input:-moz-placeholder {
  color: #979797;
}
.card--export__row .input--date .react-datepicker__input-container >input::-moz-placeholder {
  color: #979797;
}
.card--export__row .input--date .react-datepicker__input-container >input:-ms-input-placeholder {
  color: #979797;
}
.card--export__row.--column {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.card--export__row.--column .filter--select {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.card--export__row.--column .card--export__label {
  margin-bottom: 0;
  margin-right: 4.8rem;
  width: auto;
}
.card--export__row:last-child,
.card--export__row:last-of-type {
  margin-bottom: 0;
}
.card--export .card__head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 4.8rem 4.8rem 0 4.8rem;
  margin-bottom: 2.4rem;
}
.card--export .card__title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2.8rem;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0;
}
.card--export .card__content {
  width: 100%;
  height: auto;
  padding: 0;
}
.card--export .card__content .form__cont {
  margin-top: 0;
}
.card--export .card__content .input--inline__cont {
  margin-bottom: 0;
  margin-top: 1.6rem;
}
.card--export .card__content .react-datepicker__input-container input {
  height: 4rem;
}
.card--export .card__note--row {
  height: 3.5rem;
}
.card--export .card__note--message {
  margin-bottom: 2.4rem;
}
@media all and (min-width: 900px) {
  .card--export .card__note--message {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .card--export .card__note--message {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.card--export .card__foot {
  padding: 2.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-top: 0.1rem solid #dcdcdc;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 4.8rem;
}
.card--export .card__foot--export-foot {
  margin-top: 0;
}
.card--export .card__foot .btn {
  margin-bottom: 0;
  margin-right: 1.6rem;
}
.card--export .card__foot .btn:last-child {
  margin-right: 0;
}
@media all and (max-width: 900px) {
  .card--export {
    height: 100%;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
  }
  .card--export__row {
    padding-right: 2.8rem;
    padding-left: 2.8rem;
  }
  .card--export__row .input--date {
    max-width: initial;
  }
  .card--export .card__head {
    padding: 2.8rem 2.8rem 0 2.8rem;
  }
  .card--export .card__content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card--export .card__content .form__cont {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .card--export .card__foot {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    border: 0;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 0;
  }
  .card--export .card__foot .btn {
    margin-right: 0;
    margin-top: 1.6rem;
    width: 100%;
  }
  .card--export .card__foot .btn:last-child {
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  .card--export__row .input--radio__inline.--break {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: 4.8rem;
    padding-top: 0.8rem;
  }
  .card--export__row .input--radio__inline.--break .flex--break {
    display: block;
  }
  .card--export__row .input--radio__inline.--break .input--radio__right {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 1.6rem;
  }
  .card--export__row.--column {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .card--export__row.--column .card--export__label {
    margin-bottom: 0.8rem;
  }
}
.get__box {
  border: 0.1rem solid #c4c4c4;
  border-radius: 0.4rem;
  text-align: center;
  margin-bottom: 4.4rem;
}
.get__box >.btn {
  margin-bottom: -0.1rem;
}
.get__box__value {
  font-size: 8.6rem;
  line-height: 0.7em;
  padding: 2.4rem 2.4rem;
}
@media all and (max-width: 767px) {
  .get__box__value {
    background-color: #fff;
  }
}
.get__box__text {
  font-size: 1.7rem;
  font-weight: 400;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1em;
}
.get__box__text .i-logo {
  color: #3bba82;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.get__box__sign {
  font-size: 3.6rem;
}
.get__note {
  -webkit-transform: translateY(-1.6rem);
  -moz-transform: translateY(-1.6rem);
  -o-transform: translateY(-1.6rem);
  -ms-transform: translateY(-1.6rem);
  transform: translateY(-1.6rem);
}
.get--extra {
  padding: 2.4rem 4.8rem;
}
.get--extra__wrap {
  border: 0.1rem solid #c4c4c4;
  border-radius: 0.4rem;
  padding: 4.8rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.get--extra__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  width: 100%;
}
.get--extra__icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.get--extra__icons.--row {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 15rem;
}
@media all and (min-width: 1200px) {
  .get--extra__icons {
    position: absolute;
    right: 0;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@media all and (min-width: 1400px) {
  .get--extra__icons {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }
}
@media all and (max-width: 1200px) {
  .get--extra__icons {
    margin-right: 2.4rem;
  }
}
.get--extra__title {
  font-size: 2.8rem;
  margin-bottom: 1rem;
  color: #091c13;
  font-weight: 700;
}
.get--extra__text {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5em;
}
.get--extra__text__link {
  color: #3bba82;
  text-decoration: underline;
  margin-left: 0.8rem;
}
.get--extra__text__link:hover {
  cursor: pointer;
}
.get--extra__list {
  margin-top: 4.8rem;
}
.get--extra__list__item {
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.get--extra__list__item:before {
  display: inline-block;
  font-size: 2.4rem;
  margin-right: 1.6rem;
}
.get--extra__list__item:nth-child(1):before {
  content: '1.';
}
.get--extra__list__item:nth-child(2):before {
  content: '2.';
}
.get--extra__list__item:nth-child(3):before {
  content: '3.';
}
.get--extra__list__item:nth-child(4):before {
  content: '4.';
}
.get--extra__list__item:nth-child(5):before {
  content: '5.';
}
.get--extra__list__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.get--extra__list__content.--mbmd {
  margin-bottom: 2.4rem;
}
.get--extra__list__icon {
  width: 6rem;
  min-width: 6rem;
  text-align: center;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 2.4rem;
}
.get--extra__list__text {
  font-size: 1.7rem;
  line-height: 1.5em;
}
.get--extra__list__text a {
  color: #3bba82;
  text-decoration: underline;
}
.get--extra__list__text a:hover {
  cursor: pointer;
}
@media all and (max-width: 900px) {
  .get--extra {
    padding: 0 2.8rem;
    text-align: center;
  }
  .get--extra__title {
    font-size: 1.8rem;
  }
  .get--extra__text {
    font-size: 1.6rem;
  }
  .get--extra__text__link {
    width: 100%;
  }
  .get--extra__wrap {
    padding: 2.8rem;
  }
  .get--extra__content {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .get--extra__content br {
    display: none;
  }
  .get--extra__icons {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1.6rem;
    margin-right: 0;
    width: 100%;
  }
  .get--extra__icons .get__list__plus {
    margin: 0 1.6rem;
  }
  .get--extra__list {
    padding-top: 0;
    margin-top: 2.8rem;
  }
  .get--extra__list br {
    display: none;
  }
  .get--extra__list__content {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .get--extra__list__icon {
    margin-bottom: 1.6rem;
    margin-right: 0;
  }
  .get--extra__list__item {
    margin-bottom: 2.8rem;
  }
  .get--extra__list__item:last-child {
    margin-bottom: 0;
  }
  .get--extra__list__item:before {
    display: none;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .get--extra .get__list__content {
    text-align: center;
  }
}
.get__list {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.get__list__plus {
  font-size: 3rem;
  font-weight: 700;
  color: #c4c4c4;
  margin: 0.8rem 0;
}
@media all and (max-width: 900px) {
  .get__list__plus__plus {
    margin-right: 0.8rem;
    margin-left: 0.8rem;
  }
}
.get__list__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 2.8rem;
  width: 100%;
}
.get__list__item:last-child {
  margin-bottom: 0;
}
.get__list__content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.get__list__arrow {
  color: #3bba82;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.get__list__icon {
  margin-right: 1.6rem;
  font-size: 4rem;
  width: 5.4rem;
  color: #c4c4c4;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.get__list .m__body__titl {
  margin-bottom: 2.4rem;
}
.get__list--inview .get__list__item {
  border: 0.1rem solid #c4c4c4;
  border-radius: 0.4rem;
  padding: 2.4rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.get__list--inview .get__list__item:hover {
  background-color: #3bba82;
  border-color: #3bba82;
  color: #fff;
  cursor: pointer;
}
.get__list--inview .get__list__item:hover .get__list__arrow,
.get__list--inview .get__list__item:hover .get__list__icon {
  color: #fff;
}
.get__list--inview .get__list__arrow {
  display: inline-block;
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -o-transform: scale(1.8);
  -ms-transform: scale(1.8);
  transform: scale(1.8);
}
.get__list--inview .get__text {
  font-weight: 700;
  font-size: 1.7rem;
}
.get__list--inview .get__text__info {
  font-size: 1.5rem;
}
@media all and (min-width: 900px) {
  .get__list--inview {
    padding: 2.4rem 4.8rem;
  }
}
.get__list--banner__icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 4.8rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.get__list--banner__text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.get__list--banner__text .get__text__copy {
  margin-right: 1.6rem;
}
.get__list--banner__text svg {
  height: 5rem;
  width: auto;
  margin-right: 1.6rem;
}
.get__list--banner .get__list__item {
  padding: 4.8rem;
  border-radius: 0.8rem;
}
.get__list--banner .get__list__item:hover {
  background-color: #fff;
}
.get__list--banner .get__list__item:hover .get__list__arrow {
  color: #26547c;
}
.get__list--banner .get__text {
  font-size: 2.8rem;
  margin-bottom: 1rem;
  color: #091c13;
}
.get__list--banner .get__text__copy .get__text__link {
  margin-left: 0;
}
.get__list--banner .get__text__link {
  color: #3bba82;
  text-decoration: underline;
  margin-left: 0.8rem;
}
.get__list--banner .get__text__info {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5em;
}
@media all and (max-width: 1100px) {
  .get__list--banner .get__text__info br {
    display: none;
  }
}
@media all and (max-width: 900px) {
  .get__list--banner {
    margin-bottom: 1.6rem;
  }
  .get__list--banner .get__text {
    font-size: 1.6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .get__list--banner .get__text__info {
    font-size: 1.6rem;
  }
  .get__list--banner .get__text__copy {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .get__list--banner .get__list__content {
    width: 100%;
  }
  .get__list--banner .get__list__item {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2rem;
  }
  .get__list--banner .get__list__arrow {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .get__list--banner__cont {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
  .get__list--banner__icons {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .get__list--banner__icons >.i--ge {
    height: 3rem;
    width: auto;
  }
}
.get__list--btns {
  padding-left: 0;
  padding-right: 0;
  max-width: initial !important;
}
.get__list--btns .get__text__info {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.get__list--btns .get__list__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  cursor: pointer;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  margin-bottom: 0;
  color: #fff;
}
.get__list--btns .get__list__item:hover {
  color: #000;
  background-color: #fff;
}
@media all and (min-width: 900px) {
  .get__list--btns .get__list__item {
    padding: 1.6rem;
    border-radius: 0.4rem;
    border: 0.1rem solid rgba(255,255,255,0.2);
    margin-bottom: 1.6rem;
  }
}
@media all and (max-width: 900px) {
  .get__list--btns .get__list__item {
    border-bottom: 0.1rem solid rgba(255,255,255,0.2);
  }
}
@media all and (min-width: 900px) {
  .get__list {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .get__list__item {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media all and (min-width: 1200px) {
  .get__list {
    max-width: 80%;
  }
  .get__list__item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media all and (min-width: 1200px) {
  .get__cont {
    margin-top: -2.4rem;
  }
}
@media all and (max-width: 767px) {
  .get__cont {
    margin-top: -2.4rem;
  }
}
.button-wrapper {
  max-width: 36rem;
}
.button-wrapper a {
  display: inline-block;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.btn {
  font-family: 'IBM Plex Sans', sans-serif;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.18rem;
  border-radius: 0.4rem;
  position: relative;
  border: 0.1rem solid transparent;
  text-rendering: optimizeLegibility;
}
.btn.fw {
  text-align: center;
}
.btn >.i {
  display: inline-block;
  vertical-align: top;
}
.btn:hover {
  cursor: pointer;
}
.btn__i--r {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn__i--r .i-check {
  background-color: #3bba82;
  color: #fff;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  font-size: 1.3rem;
  border-radius: 50%;
  line-height: 3rem;
}
@media all and (max-width: 900px) {
  .btn__i {
    position: absolute;
    display: inline-block;
    left: 2.2rem;
    font-size: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media all and (max-width: 767px) {
  .btn__i {
    font-size: 1.8rem;
    left: 1.6rem;
  }
}
.btn--prim {
  background-color: #3bba82;
  border-color: #3bba82;
  color: #fff;
}
.btn--prim:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3bba82;
}
.btn--prim >input {
  background-color: #3bba82;
  border-color: #3bba82;
  color: #fff;
}
.btn--prim >input:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3bba82;
}
@media all and (min-width: 900px) {
  .btn--prim {
    -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
    box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  }
}
.btn--white {
  background: #fff;
  border-color: #fff;
  color: #26547c;
}
.btn--yell {
  background: #feba18;
  border-color: #feba18;
  color: #fff;
}
.btn--secn {
  background-color: #26547c;
  border-color: #26547c;
  color: #fff;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn--secn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #26547c;
}
@media all and (max-width: 767px) {
  .btn--close:before {
    content: "\e904";
    font-family: 'icons';
    color: #e55050;
  }
  .btn--close__text {
    display: none;
  }
}
.btn--lgry {
  background-color: #e5e5e5;
  color: #3bba82;
}
@media all and (max-width: 900px) {
  .btn--lgry .btn__i {
    color: #979797;
  }
}
.btn--outl {
  background-color: transparent;
  color: #fff;
  border-color: #d8d8d8;
  color: #979797;
  cursor: pointer;
}
.btn--outl.btn--warn {
  background-color: transparent;
  border-color: #e55050;
  color: #e55050;
}
.btn--outl.btn--warn:hover {
  background-color: #e55050;
  color: #fff;
  border-color: #e55050;
}
.btn--outl--lite {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.btn--outl--lite .btn__i {
  color: #fff;
}
.btn--outl--lgry {
  border-color: #c4c4c4;
  background-color: transparent;
  color: #767676;
}
.btn--outl.btn--prim {
  background-color: transparent;
  border-color: #3bba82;
  color: #3bba82;
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--outl.btn--prim:hover {
  background-color: #3bba82;
  color: #fff;
  cursor: pointer;
}
.btn--outl.btn--prim.btn--white {
  background-color: #fff;
}
.btn--outl.btn--prim.btn--white:hover {
  background-color: #3bba82;
  color: #fff;
}
@media all and (max-width: 900px) {
  .btn--outl {
    color: #000;
  }
  .btn--outl .btn__i {
    color: #979797;
  }
}
.btn--tert {
  background-color: #fff;
  border-color: #d8d8d8;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  color: #3bba82;
}
.btn--tert.alt {
  color: #26547c;
}
.btn--tert.btn--prim:hover {
  background-color: #ededed;
  color: #3bba82;
  border-color: #dcdcdc;
}
.btn--tert.btn--prim.drop__anch .i {
  border-left-color: #dcdcdc !important;
}
.btn--tert.--gray {
  color: #979797;
}
.btn--warn {
  background-color: #e55050;
  border-color: #e55050;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  color: #fff;
}
.btn--warn:hover {
  background-color: #fff;
  color: #e55050;
  border-color: #fff;
}
.btn--warn.btn--outl {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--warn.btn--static:hover {
  background-color: #e55050;
  border-color: #e55050;
  color: #fff;
}
.btn--il >.i {
  -webkit-transform: scale(1.6) translateX(-0.4rem);
  -moz-transform: scale(1.6) translateX(-0.4rem);
  -o-transform: scale(1.6) translateX(-0.4rem);
  -ms-transform: scale(1.6) translateX(-0.4rem);
  transform: scale(1.6) translateX(-0.4rem);
  display: inline-block;
}
.btn--nowrap {
  white-space: nowrap;
}
.btn--tag {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--tag--active {
  border-color: #3bba82;
  font-weight: 600 !important;
  padding-left: 4rem;
  display: inline-block;
}
.btn--tag--active:before {
  content: "\e903";
  font-family: 'icons';
  background-color: #3bba82;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  line-height: 2.1rem;
  position: absolute;
  width: 2rem;
  height: 2rem;
  text-align: center;
  border-radius: 50%;
  top: 52%;
  left: 1.6rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn--tc {
  min-width: 9rem;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default !important;
  margin-right: 1.1rem;
}
.btn--tc.btn--prim:hover {
  background-color: transparent;
  color: #3bba82;
}
.btn--tc.btn--secn {
  border-color: #26547c;
  background-color: transparent;
  color: #26547c;
}
.btn--tc.btn--purp {
  border-color: #7c80ff;
  background-color: transparent;
  color: #7c80ff;
}
.btn--tc.btn--warn:hover {
  background-color: #e55050;
  color: #fff;
  border-color: #e55050;
}
.btn--tc.btn--warn.btn--outl:hover {
  background-color: transparent;
  color: #e55050;
  border-color: #e55050;
}
.btn--tc--withicon {
  padding: 0 1.4rem 0 0 !important;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: #e55050;
}
.btn--tc--withicon:before {
  content: "\e904";
  font-family: 'icons';
  background-color: #e55050;
  color: #fff;
  display: inline-block;
  margin-right: 1rem;
  padding: 0.75rem 0.6rem;
  border-radius: 0.4rem;
}
.btn--tc:only-child,
.btn--tc:last-child {
  margin-right: 0;
}
.btn--lite {
  background-color: #fff;
  border-color: #d8d8d8;
  -webkit-box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  color: #3bba82;
}
.btn--lite:hover {
  background-color: #3bba82;
  color: #fff;
  border-color: #4ac68f;
}
.btn--full {
  display: block;
  width: 100%;
  padding: 2.15rem 2.8rem 2.15rem 2.8rem;
  font-size: 1.5rem;
}
.btn--xlg {
  font-size: 1.6rem;
}
@media all and (min-width: 900px) {
  .btn--xlg {
    padding: 2.65rem 2.8rem 2.65rem 2.8rem;
  }
}
@media all and (max-width: 900px) {
  .btn--xlg {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }
}
@media all and (max-width: 767px) {
  .btn--xlg {
    font-size: 1.3rem;
  }
}
@media all and (max-width: 320px) {
  .btn--xlg {
    font-size: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.btn--onboard {
  font-size: 1.6rem;
  width: 100%;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  line-height: 1em;
  padding: 2.65rem 2.8rem 2.65rem 2.8rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn--onboard.btn--outl {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--onboard.btn--outl .btn__i {
  left: 2.4rem;
  font-size: 2.6rem;
}
@media all and (min-width: 900px) {
  .btn--onboard.btn--outl .btn__i {
    position: absolute;
    top: 2.2rem;
  }
}
.btn--onboard.btn--disabled {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #ededed;
}
.btn--lg {
  font-size: 1.5rem;
  padding: 1.65rem 2.8rem 1.65rem 2.8rem;
}
@media all and (max-width: 900px) {
  .btn--lg {
    font-size: 1.2rem;
    padding: 1rem 1.2rem;
  }
}
.btn--lg__split {
  padding-right: 7rem;
}
.btn--lg__split .btn__extra {
  height: 100%;
  background-color: #3bba82;
  color: #fff;
  padding: 1.6rem;
  width: 5rem !important;
  display: inline-block;
  border-radius: 0.4rem;
}
.btn--lg__split .btn__extra:hover {
  background-color: #26547c;
  color: #fff !important;
}
.btn--md {
  font-size: 1.3rem;
  line-height: 1.3rem;
  padding: 1.3rem 1.8rem 1.2rem 1.8rem;
}
.btn--md.btn--icon {
  padding-top: 0.87rem;
  padding-bottom: 0.87rem;
}
.btn--sm {
  font-size: 1.2rem;
  padding: 0.75rem 1.4rem 0.75rem 1.4rem;
}
.btn--wide {
  width: 100%;
}
.btn--pay {
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.9rem;
  color: #000;
  font-weight: 500;
  width: 100%;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  padding-left: 4.6rem !important;
  padding-right: 0;
  margin-bottom: 1rem;
  background-color: #fff;
}
.btn--pay.--relay {
  background-image: -webkit-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(180deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
}
.btn--pay.--relay .btn__i {
  color: #3bba82;
}
.btn--pay .btn__i,
.btn--pay .btn__logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn--pay .btn__i {
  font-size: 1.8rem;
  left: 1.4rem;
  color: #c4c4c4;
}
.btn--pay .btn__logo {
  right: 1.4rem;
}
.btn--pay__text {
  display: inline-block;
  width: 100%;
  font-weight: 400;
  font-size: 1.5rem;
  margin-top: 0.2rem;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.btn--pay.btn--tag--active {
  padding-left: 0;
  background-image: -webkit-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(180deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
}
.btn--pay.btn--tag--active .btn__i {
  color: #3bba82;
}
@media all and (min-width: 767px) {
  .btn--pay:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(270deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(180deg, rgba(59,186,130,0.2) 0%, rgba(255,255,255,0) 100%);
  }
  .btn--pay:hover .btn__i {
    color: #3bba82;
  }
}
.btn--note {
  color: rgba(0,0,0,0.7);
  cursor: default;
}
.btn--note:hover {
  cursor: default;
}
.btn--text {
  color: #fff;
  display: inline-block;
}
.btn--text:before {
  display: inline-block;
}
.btn--text:hover {
  text-decoration: underline;
}
.btn--text.btn--warn {
  color: #e55050;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
}
.btn--text.btn--prim {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
  color: #3bba82;
}
.btn--text.btn--onboard {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.btn--text--dark {
  color: rgba(0,0,0,0.5);
}
.btn--text--di {
  color: rgba(0,0,0,0.5);
  padding-right: 0;
  padding-left: 0;
}
.btn--filter {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--filter.btn--prim {
  background-color: #fff;
  color: #3bba82;
  border-color: #d8d8d8;
}
.btn--filter.btn--prim:hover {
  background-color: #3bba82;
  color: #fff;
}
.btn--filter.btn--warn {
  background-color: #fff;
  color: #e55050;
}
.btn--filter.btn--warn:hover {
  background-color: #e55050;
  color: #fff;
}
.btn--disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: $color--lgry;
  color: #c4c4c4 !important;
}
.btn--disabled:hover {
  cursor: not-allowed;
}
.btn--disabled--active {
  background-color: #3bba82 !important;
  color: #fff !important;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
}
.btn--disabled--active:hover {
  cursor: pointer;
}
.btn--static {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.4rem;
}
a.btn--text {
  text-decoration: underline;
}
a.btn--text:hover {
  text-decoration: none;
}
.code__wrap {
  border-top: 0.1rem solid #c4c4c4;
}
@media all and (min-width: 900px) {
  .code__wrap {
    padding-top: 2.4rem;
  }
}
@media all and (max-width: 900px) {
  .code__wrap {
    padding-top: 2.8rem;
    margin-left: -2.8rem;
    margin-right: -2.8rem;
  }
}
.codes__list {
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0.1rem solid #d7d7d7;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
  text-align: left;
}
.codes__list:last-child {
  margin-bottom: 0;
}
.codes__list__code {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  font-size: 2rem;
}
.codes__list__code__lbl {
  font-size: 1.4rem;
}
.codes__list__lbl {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0.1rem solid #3bba82;
  color: #3bba82;
  font-size: 1.3rem;
  background-color: #fff;
  font-family: 'IBM Plex Sans', sans-serif;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
  letter-spacing: 0.06rem;
}
.codes__list__head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 1.2rem 1.6rem;
}
.codes__list__head .i-logo {
  color: #3bba82;
  font-size: 2.3rem;
  margin-right: 1.6rem;
  display: inline-block;
  vertical-align: top;
}
.codes__info {
  border-top: 0.1rem solid #f0f0f0;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.codes__info__item {
  display: inline-block;
  padding: 1.2rem 1.6rem;
  border-right: 0.1rem solid #f0f0f0;
}
.codes__info__item:last-child,
.codes__info__item:only-child {
  border-right: 0;
}
.codes__info__lbl {
  font-size: 1.2rem;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  font-weight: 700;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  color: #3a3a3a;
  margin-bottom: 0.4rem;
}
.codes__wrap {
  padding: 3.8rem 1.6rem 1.6rem 1.6rem;
  background-color: #f3f3f3;
  margin-left: -2.8rem;
  margin-right: -2.8rem;
  position: relative;
}
.btns--inline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.btns--inline >.btn {
  margin-right: 1rem;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.btns--inline >.btn:last-child,
.btns--inline >.btn:only-child {
  margin-right: 0;
}
.link {
  color: #3bba82;
  text-decoration: underline;
}
#dropdown-root .drop__down {
  z-index: 999;
}
.drop__cont {
  position: relative;
}
.drop__anch {
  position: relative;
}
.drop__anch >.i {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -o-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
  width: 3.3rem;
  vertical-align: top;
  text-align: center;
  border-left: 0.1rem solid #d8d8d8;
}
.drop__anch.btn--prim:hover >.i {
  border-left-color: #afe5cd;
}
.drop__anch.btn--sm {
  padding-right: 4.4rem;
}
.drop__anch.btn--sm >.i {
  line-height: 3rem;
}
.drop__anch.btn--md {
  padding-right: 4.8rem;
}
.drop__anch.btn--md >.i {
  line-height: 4rem;
}
.drop__anch--basic {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.drop__inn {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #3bba82;
  padding: 0.6rem 0;
  position: relative;
  border-radius: 0.4rem;
}
.drop__inn:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 1.4rem;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-color: transparent transparent #3bba82 transparent;
}
.drop__down {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1000;
  min-width: 20rem;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  padding-top: 1.6rem;
}
.drop__down__item {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1em;
  text-align: left;
  padding: 1.2rem 1.6rem;
  text-decoration: none;
  outline: none;
  font-family: 'Roboto', sans-serif;
}
.drop__down__item:hover {
  background-color: #26547c;
  font-weight: 600;
}
.drop--active {
  z-index: 999;
}
.drop--active .drop__down {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.drop--actions {
  position: relative;
}
.drop--actions__label {
  padding-right: 2rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.drop--actions__label >.i {
  margin-left: 1rem;
}
.drop--actions__anch {
  width: 100%;
  padding: 1.2rem 1.6rem;
  display: inline-block;
  font-size: 1.5rem;
  color: #000;
  text-align: left;
}
.drop--actions__anch:hover {
  background-color: #26547c;
  color: #fff;
  cursor: pointer;
}
.drop--actions__drop {
  text-align: left;
  width: 29rem;
  min-width: 29rem;
  background-color: #fff;
  border: 0.1rem solid #f0f0f0;
  -webkit-box-shadow: 0.2rem 1.6rem 1.6rem rgba(0,0,0,0.15);
  box-shadow: 0.2rem 1.6rem 1.6rem rgba(0,0,0,0.15);
  border-radius: 0.4rem;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 1.6rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.drop--reverse {
  top: initial;
}
.drop--reverse .drop__inn:before {
  top: 100%;
  border-width: 0.6rem 0.6rem 0 0.6rem;
  border-color: #3bba82 transparent transparent transparent;
}
.drop--light {
  max-width: 22rem;
}
.drop--light .drop__inn {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 0.1rem solid #d8d8d8;
  padding: 0.6rem 0;
  position: relative;
  border-radius: 0.4rem;
}
.drop--light .drop__inn:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 2rem;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.7rem 0.7rem 0.7rem;
  border-color: transparent transparent #c4c4c4 transparent;
}
.drop--light .drop__inn:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 2.1rem;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-color: transparent transparent #fff transparent;
}
.drop--light .drop__down__item {
  color: #000;
  background-color: transparent;
  padding: 1.2rem;
}
.drop--light .drop__down__item:hover {
  color: #fff;
  background-color: #3bba82;
}
.drop--light .drop__anch {
  padding-right: 0;
}
.drop--light.drop--reverse .drop__inn:before {
  border-width: 0.7rem 0.7rem 0 0.7rem;
  border-color: #c4c4c4 transparent transparent transparent;
}
.drop--light.drop--reverse .drop__inn:after {
  top: 100%;
  border-width: 0.6rem 0.6rem 0 0.6rem;
  border-color: #fff transparent transparent transparent;
}
.basic-single .single-select__control {
  border: none;
  border-bottom: 0.1rem solid #afafaf !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 1rem 2.1rem 0;
}
.basic-single .single-select__indicator-separator {
  display: none;
}
.basic-single .single-select__dropdown-indicator {
  width: 0;
  height: 0;
  padding: 0;
  border-style: solid;
  border-width: 0.8rem 0.6rem 0 0.6rem;
  border-color: #011342 transparent transparent transparent;
}
.basic-single .single-select__dropdown-indicator svg {
  display: none;
}
.basic-single .single-select__value-container {
  padding: 0;
  font-size: 20px;
  color: #011342;
  text-align: left;
}
.basic-single .single-select__option:active {
  background-color: #35a775;
}
.basic-single .single-select__option--is-focused {
  background-color: #2f9568;
  font-weight: 700;
  outline: none;
}
.basic-single .single-select__option--is-selected,
.basic-single .single-select__option--is-active {
  background-color: #35a775;
  outline: none;
}
.basic-single .single-select__menu {
  position: absolute;
}
.basic-single .single-select__menu:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0.8rem;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.8rem 0.8rem 0.8rem;
  border-color: transparent transparent #3bba82 transparent;
}
.basic-single .single-select__menu-custom {
  z-index: 1000;
  width: calc(100% - 96px);
  margin: 0.8rem 0;
}
.basic-single .single-select__menu-list {
  background: #3bba82;
  color: #fff;
  border-radius: 0.4rem;
}
.basic-single .single-select__menu-list-custom {
  max-height: 250px;
  overflow-y: auto;
  padding-bottom: 4px;
  padding-top: 4px;
}
.basic-single .single-select__menu-list-custom .single-select__loading-custom {
  padding: 8px 16px;
  text-align: center;
}
.basic-single .single-select__menu-list-custom .single-select__option-custom {
  padding: 8px 16px;
  cursor: pointer;
}
.basic-single .single-select__menu-list-custom .single-select__option-custom:hover {
  background-color: $locations-menu-hover-color;
  font-weight: 700;
  outline: none;
}
.basic-single .single-select__menu-list-custom .single-select__option--is-selected {
  background-color: #35a775;
}
.basic-single .single-select__menu-notice {
  color: #fff;
}
.input.input--err .basic-single .single-select__control {
  border-color: #e55050 !important;
}
.input.input--err .basic-single .single-select__control .single-select__placeholder {
  color: #e55050 !important;
}
.drop--drivers .single-select__option--item {
  display: block;
}
@media all and (min-width: 900px) {
  .drop--drivers .single-select__option--item >div:last-child {
    text-align: right;
  }
}
.drop--drivers .single-select__option__number {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media all and (max-width: 900px) {
  .drop--drivers .single-select__option__number {
    margin-top: 0.6rem;
  }
}
.drop--drivers .single-select__option__message {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background-color: #ebf9f3;
  padding: 2.4rem;
  font-size: 1.8rem;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  min-width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: initial;
}
.drop--drivers .single-select__option__message span {
  margin-right: 0.4rem;
}
.multi-label-select .single-select__control {
  border: none;
  border-bottom: 0.1rem solid #afafaf !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 1rem 1.4rem 0;
  outline: none;
}
.multi-label-select .single-select__control:before {
  content: "\e91d";
  font-family: 'icons';
  margin-right: 1.2rem;
  color: #c4c4c4;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  line-height: 0.9em;
}
.multi-label-select .single-select__control--menu-is-open:before {
  color: #3bba82;
}
.multi-label-select .single-select__control .i-verified {
  color: #3bba82;
}
@media all and (max-width: 900px) {
  .multi-label-select .single-select__control:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    margin-right: 0.6rem;
  }
}
.multi-label-select .single-select__indicator-separator {
  display: none;
}
.multi-label-select .single-select__dropdown-indicator {
  width: 0;
  height: 0;
  padding: 0;
  border-style: solid;
  border-width: 0.8rem 0.6rem 0 0.6rem;
  border-color: #011342 transparent transparent transparent;
}
.multi-label-select .single-select__dropdown-indicator svg {
  display: none;
}
.multi-label-select .single-select__value-container {
  padding: 0;
  font-size: 2rem;
  color: #011342;
}
.multi-label-select .single-select__option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: default;
  padding: 2.2rem 2.8rem;
  border-top: 0.1rem solid #dcdcdc;
}
.multi-label-select .single-select__option__location .i-verified {
  color: #3bba82;
}
.multi-label-select .single-select__option--item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
}
.multi-label-select .single-select__option--item--alias {
  padding: 0.8rem 0;
  font-size: 1.4rem;
  line-height: 1em;
}
.multi-label-select .single-select__option--item--alias:hover {
  text-decoration: underline;
  font-weight: 500;
}
.multi-label-select .single-select__option--item--selection {
  font-weight: 700;
  text-decoration: underline;
}
.multi-label-select .single-select__option--wrapper {
  font-size: 1.2rem;
  padding-top: 0.5rem;
}
.multi-label-select .single-select__option--addon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #3bba82;
  padding: 1rem 0;
  text-transform: uppercase;
  position: relative;
}
.multi-label-select .single-select__option--addon:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 0.1rem;
  background-color: rgba(59,186,130,0.2);
}
.multi-label-select .single-select__option--text {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1em;
  background-color: #fff;
  color: #c4c4c4;
  position: relative;
  letter-spacing: 0.12rem;
  padding-right: 1.6rem;
}
.multi-label-select .single-select__option--is-focused {
  background-color: #2f9568;
  font-weight: 700;
  outline: none;
}
.multi-label-select .single-select__option--is-selected,
.multi-label-select .single-select__option--is-active {
  background-color: #35a775;
  outline: none;
}
.multi-label-select .single-select__option:first-child {
  border-top: none;
}
.multi-label-select .single-select__option:hover,
.multi-label-select .single-select__option:hover + .single-select__option {
  border-top: 0.1rem solid #7ed6af;
}
.multi-label-select .single-select__option:hover:first-child,
.multi-label-select .single-select__option:hover + .single-select__option:first-child {
  border-top: none;
}
.multi-label-select .single-select__option:active {
  background-color: #f7fcfa;
}
.multi-label-select .single-select__option:hover {
  cursor: pointer;
  background-color: #f7fcfa;
}
.multi-label-select .single-select__option:hover >.single-select__option--item .underline__text {
  text-decoration: underline;
}
.multi-label-select .single-select__option:hover >.single-select__option--item .underline__text.i {
  text-decoration: none;
}
.multi-label-select .single-select__option:hover .single-select__option--text {
  background-color: #f7fcfa;
  color: rgba(59,186,130,0.9);
}
.multi-label-select .single-select__option:hover .single-select__option--addon:before {
  background-color: #c3ecda;
}
.multi-label-select .single-select__menu {
  position: absolute;
}
.multi-label-select .single-select__menu-custom {
  z-index: 1000;
  margin: 0.8rem 0;
}
.multi-label-select .single-select__menu-list {
  background: #fff;
  color: #000;
  padding: 0;
  border-radius: 0.4rem;
  overflow-x: hidden;
  max-height: 33rem;
}
.multi-label-select .single-select__menu-list::-webkit-scrollbar {
  background-color: transparent;
  padding: 0;
  width: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.multi-label-select .single-select__menu-list::state(webkit-scrollbar-thumb) {
  background-color: rgba(0,0,0,0.05);
  border: 0.3rem solid transparent;
  border-radius: 0.9rem;
  height: 5rem;
  -webkit-background-clip: content;
  -moz-background-clip: content;
  background-clip: content-box;
}
.multi-label-select .single-select__menu-list:hover::-webkit-scrollbar {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.multi-label-select .single-select__menu-list:hover::state(webkit-scrollbar-thumb) {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.multi-label-select .single-select__menu-list-custom {
  max-height: 30rem;
  overflow-y: auto;
  padding-bottom: 4px;
  padding-top: 4px;
}
.multi-label-select .single-select__menu-list-custom .single-select__loading-custom {
  padding: 8px 16px;
  text-align: center;
}
.multi-label-select .single-select__menu-list-custom .single-select__option-custom {
  padding: 8px 16px;
  cursor: pointer;
}
.multi-label-select .single-select__menu-list-custom .single-select__option-custom:hover {
  background-color: #f7fcfa;
  font-weight: 700;
  outline: none;
}
.multi-label-select .single-select__menu-list-custom .single-select__option--is-selected {
  background-color: #f7fcfa;
}
.multi-label-select .single-select__menu-notice {
  color: #fff;
}
@media all and (min-width: 900px) {
  .multi-label-select .single-select__option--item >div {
    width: 100%;
  }
  .multi-label-select .single-select__option__location {
    max-width: 40%;
  }
  .multi-label-select .single-select__option__location .i-verified {
    margin-left: 0.6rem;
  }
  .multi-label-select .single-select__option__address {
    max-width: 60%;
    text-align: right;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 900px) {
  .multi-label-select .single-select__option--item {
    display: block;
    font-size: 1.7rem;
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .multi-label-select .single-select__option--item:last-child,
  .multi-label-select .single-select__option--item:only-child {
    margin-bottom: 0;
  }
  .multi-label-select .single-select__option__location {
    font-weight: 500;
  }
  .multi-label-select .single-select__option__location .i-verified {
    margin-left: 0.6rem;
  }
  .multi-label-select .single-select__option__address {
    margin-top: 0.2rem;
  }
}
.item__compressed {
  max-width: 75%;
  display: inline-block;
  word-break: break-word;
}
.item__compressed .i-verified {
  margin-left: 0.8rem;
}
@media all and (max-width: 900px) {
  .item__compressed {
    max-width: 100%;
  }
}
.form__cont {
  text-align: center;
}
.form__cont >.input--bubble {
  margin-bottom: 1.6rem;
}
.form--rows {
  text-align: left;
}
.form--withchecks .note--location {
  padding: 1.6rem;
  border-radius: 0.4rem;
  background-color: #f9fdfb;
  min-width: 27rem;
}
.form--withchecks .input__step:after {
  content: "\e903" !important;
  font-family: 'icons' !important;
  display: none;
  -webkit-animation: 0.15s checkPop linear forwards;
  -moz-animation: 0.15s checkPop linear forwards;
  -o-animation: 0.15s checkPop linear forwards;
  -ms-animation: 0.15s checkPop linear forwards;
  animation: 0.15s checkPop linear forwards;
}
.form--withchecks >.input--bubble:nth-of-type(0) .input__step:before {
  content: '0.';
}
.form--withchecks >.input--bubble:nth-of-type(1) .input__step:before {
  content: '1.';
}
.form--withchecks >.input--bubble:nth-of-type(2) .input__step:before {
  content: '2.';
}
.form--withchecks >.input--bubble:nth-of-type(3) .input__step:before {
  content: '3.';
}
.form--withchecks >.input--bubble:nth-of-type(4) .input__step:before {
  content: '4.';
}
.form--withchecks >.input--bubble:nth-of-type(5) .input__step:before {
  content: '5.';
}
.form--withchecks >.input--bubble:nth-of-type(6) .input__step:before {
  content: '6.';
}
.form--withchecks >.input--bubble:nth-of-type(7) .input__step:before {
  content: '7.';
}
.form--withchecks >.input--bubble:nth-of-type(8) .input__step:before {
  content: '8.';
}
.form--withchecks >.input--bubble--withcta__row >.input {
  margin-bottom: 1.6rem;
}
.form--withchecks >.input--bubble--withcta__row >.input:last-child,
.form--withchecks >.input--bubble--withcta__row >.input:only-child {
  margin-bottom: 0;
}
.form--withchecks >.input--bubble.input--touched .input__step {
  background-color: #3bba82;
}
.form--withchecks >.input--bubble.input--touched .input__step:before {
  content: '';
}
.form--withchecks >.input--bubble.input--touched .input__step:after {
  display: inline-block;
}
.form--upload {
  border: 0.2rem dashed rgba(255,255,255,0.2);
  border-radius: 0.6rem;
  padding: 4.8rem 7.199999999999999rem;
  margin-bottom: 4.8rem;
}
.form--upload .note--info__lbl {
  background-color: #3bba82;
  color: #fff;
  padding: 1.2rem;
  width: 100%;
  display: inline-block;
  margin-top: 2.4rem;
  border-radius: 0.4rem;
}
.form--force {
  margin: 0 auto;
  max-width: 50rem;
}
.form--force__head {
  margin-bottom: 4.8rem;
}
.form--force .btn--prim:hover {
  color: #26547c;
}
.form--force .head__title {
  color: #fff;
  margin-top: 0.8rem;
}
@media all and (max-width: 900px) {
  .form--force {
    padding: 4.8rem;
  }
}
.form--drag {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 2.4rem;
  width: 100%;
}
.form--drag >section {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 30%;
  margin-right: 2.4rem;
}
.form--drag >section .blocks__note--md {
  margin-top: 0;
}
.form--drag >section .input__file {
  background-color: #fff;
  color: #000;
  border-radius: 0.4rem;
  padding: 1.4rem 3rem;
  padding-left: 4.4rem;
  position: relative;
}
.form--drag >section .input__file .i-close {
  position: absolute;
  left: 1.4rem;
  top: 50%;
  color: #e55050;
  -webkit-transform: translateY(-50%) scale(0.65);
  -moz-transform: translateY(-50%) scale(0.65);
  -o-transform: translateY(-50%) scale(0.65);
  -ms-transform: translateY(-50%) scale(0.65);
  transform: translateY(-50%) scale(0.65);
}
.form--drag >section:last-child {
  margin-right: 0;
}
.form--drag >section >div {
  margin: 0 !important;
  width: auto !important;
  height: 14rem !important;
  font-weight: 700;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  outline: none !important;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media all and (max-width: 900px) {
  .form--drag {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
  .form--drag >section {
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
.form--sign {
  margin: 0 auto;
  -ms-flex-line-pack: top;
  -webkit-align-content: top;
  align-content: top;
  padding-top: 2.4rem;
  max-width: 66rem;
  -webkit-box-pack: top;
  -moz-box-pack: top;
  -o-box-pack: top;
  -ms-flex-pack: top;
  -webkit-justify-content: top;
  justify-content: top;
  width: 100%;
}
.form--sign--lg {
  max-width: 96rem;
}
.form--sign .btn {
  width: 100%;
}
.form--sign .btn--il {
  margin-bottom: 2.4rem;
}
.form--sign__head {
  margin-bottom: 7.199999999999999rem;
}
@media all and (max-width: 900px) {
  .form--sign__head {
    margin-bottom: 3.6rem;
  }
}
.form--sign__withnote {
  margin-bottom: 2.4rem;
}
.form--sign__withnote .form__note {
  margin-bottom: 4.8rem;
}
.form--sign__withnote .input--lg {
  margin-bottom: 2.4rem;
}
.form--sign .head__title {
  margin-bottom: 1.6rem;
  color: #fff;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
@media all and (max-width: 900px) {
  .form--sign .head__title {
    font-size: 2.4rem;
    line-height: 1em;
  }
}
.form--sign .head__text {
  margin-bottom: 0;
  color: rgba(255,255,255,0.8);
  font-size: 1.9rem;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4em;
}
@media all and (max-width: 900px) {
  .form--sign .head__text {
    font-size: 1.8rem;
  }
}
@media all and (max-width: 900px) {
  .form--sign {
    padding: 2.4rem 4.8rem;
  }
}
.form--reset {
  margin: 0 auto;
}
.form--reset__head {
  margin-bottom: 6rem;
}
.form--reset__head >.btn {
  margin-bottom: 3rem;
}
.form--reset .btn--prim:hover {
  color: #26547c;
}
.form--reset .head__title {
  color: #fff;
  margin-bottom: 6rem;
}
@media all and (max-width: 767px) {
  .form--reset {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.form--dbl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.form--dbl__col {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 50%;
  margin-right: 4.8rem;
}
.form--dbl__col:last-child {
  margin-right: 0;
}
.form--auto__btns .btn {
  margin-bottom: 1.6rem;
}
.form--auto__btns .btn:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 900px) {
  .form--auto {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .form--auto >.input {
    margin-right: 4.8rem;
  }
  .form--auto >.input:last-child {
    margin-right: 0;
  }
}
@media all and (min-width: 900px) and (max-width: 900px) {
  .form--auto >.input {
    margin-right: 2.4rem;
  }
}
.form--row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.form--row .input {
  width: 50%;
  margin-right: 2.4rem;
}
.form--row .input:last-child {
  margin-right: 0;
}
@media all and (max-width: 900px) {
  .form--row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form--row .input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
@media all and (min-width: 900px) {
  .form--row >.input--bubble {
    margin-right: 1.6rem;
  }
}
.form--btn-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 4rem;
}
.form--btn-row >.btn:first-child {
  margin-bottom: 1.6rem;
}
@media all and (min-width: 900px) {
  .form--btn-row {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .form--btn-row >.btn {
    margin-right: 1.6rem;
  }
  .form--btn-row >.btn:first-child {
    margin-bottom: 0;
  }
  .form--btn-row >.btn:last-child {
    margin-right: 0;
  }
}
.form--btn-row--bank .input:nth-child(1) {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.form--btn-row--bank .input:nth-child(2) {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.form--btn-row__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.form--btn-row__controls__left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin-left: 4.8rem;
}
.form--btn-row__controls__right {
  margin-right: 4.8rem;
}
.form--btn-row__controls__right >button {
  margin-left: 1rem;
}
.form--btn-row__controls .m-rigt {
  margin-right: 2rem;
  width: 50%;
}
@media all and (max-width: 900px) {
  .form--btn-row__controls.--flex {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .form--btn-row__controls.--flex >.btn {
    margin-bottom: 1.6rem;
    margin-right: 0;
    width: 100%;
  }
  .form--btn-row__controls.--flex >.btn:first -child {
    margin-bottom: 0;
  }
}
.form--bubbles {
  margin-bottom: 2.4rem;
}
.form--bubbles__content {
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 2.4rem 4.8rem 4.8rem 4.8rem;
  margin-bottom: 2.4rem;
}
.form--bubbles__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 2.4rem;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.form--bubbles__row section {
  min-width: 50%;
}
.form--bubbles__row .input {
  margin-right: 4.8rem;
}
.form--bubbles__row .input:last-child,
.form--bubbles__row .input:only-child {
  margin-right: 0;
}
.form--bubbles__row:last-child,
.form--bubbles__row:only-child {
  margin-bottom: 0;
}
.form--bubbles--text {
  text-align: left;
  font-size: 1.4rem;
  color: rgba(17,52,37,0.6);
  margin-bottom: 1rem;
}
.form--bubbles .input--bubble {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  text-align: left;
}
.form--bubbles .input--bubble .input--err__msg {
  top: 6.7rem;
}
.form--bubbles .input--bubble.input--disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.form--bubbles .input--bubble.input--disabled .input__lbl {
  color: #c4c4c4;
}
.form--bubbles .input--bubble >input {
  padding-bottom: 1.8rem;
}
.form--bubbles .input--bubble .input__lbl {
  left: 0;
}
@media all and (max-width: 900px) {
  .form--bubbles section {
    width: 100%;
  }
  .form--bubbles__content {
    padding: 2.8rem;
  }
  .form--bubbles__row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form--bubbles__row .input--bubble {
    margin-right: 0;
    margin-bottom: 2.8rem;
  }
  .form--bubbles__row .input--bubble:last-child {
    margin-bottom: 0;
  }
}
.form--login {
  margin: 0 auto;
}
.form--login .logo__cont {
  margin-bottom: 4.8rem;
}
.form--login .btn {
  margin-bottom: 1.6rem;
}
.form--login .btn:last-child {
  margin-bottom: 0;
}
.form--login .btn--text {
  margin-top: 2.4rem;
}
.form--login .btn--prim {
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
}
.form--login .form__note {
  background-color: #fff;
  color: #3bba82;
}
.form--login .form__note--err {
  color: #fff;
  background-color: #e55050;
}
@media all and (min-width: 900px) {
  .form--login {
    max-width: 36rem;
  }
  .form--login__logo {
    width: 14rem;
  }
}
@media all and (max-width: 900px) {
  .form--login {
    padding: 2.4rem;
    padding-top: 1.6rem;
  }
  .form--login__logo {
    width: 10.4rem;
  }
}
.form__note {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem 1.4rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.2rem;
  text-align: left;
  position: relative;
  border-radius: 0.4rem;
  background-color: #3bba82;
  text-align: center;
  -webkit-animation: buzzI 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.34) both;
  -moz-animation: buzzI 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.34) both;
  -o-animation: buzzI 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.34) both;
  -ms-animation: buzzI 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.34) both;
  animation: buzzI 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.34) both;
}
.form__note--err {
  background-color: #ea7373;
  -webkit-animation: buzzS 0.4s both;
  -moz-animation: buzzS 0.4s both;
  -o-animation: buzzS 0.4s both;
  -ms-animation: buzzS 0.4s both;
  animation: buzzS 0.4s both;
}
.form__note--export-msg {
  margin-bottom: 0;
}
.form__note.--processing {
  background-color: #feba18;
}
.form__note.--error {
  background-color: $color-red;
}
.form__note--msg {
  padding: 1.6rem;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #6b716f;
  margin-bottom: 4.8rem;
}
@media all and (max-width: 900px) {
  .form__note--msg {
    padding-left: -0.6rem;
    padding-right: -0.6rem;
  }
}
.form__note--alt {
  background-color: #fff;
  color: #26547c;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  margin-bottom: 2.4rem;
}
.form--credit .input--sm {
  margin-bottom: 4rem;
}
@media all and (max-width: 900px) {
  .form--credit .btn--xlg {
    width: 100%;
  }
}
.form__in-cell {
  width: 100%;
  background: #efefef;
}
.form__in-cell .form--bubbles__content {
  background: #efefef;
}
.form__in-cell .input {
  background: #efefef;
}
.form__in-cell .single-select__control {
  background: #efefef;
}
@media (max-width: 750px) {
  .form--row__controls__left {
    margin-left: 0.8rem;
  }
  .form--row__controls__right {
    margin-right: 0.8rem;
  }
}
@-moz-keyframes buzzI {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes buzzI {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes buzzI {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes buzzI {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes buzzS {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -o-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(0.2rem);
    -moz-transform: translateX(0.2rem);
    -o-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
    transform: translateX(0.2rem);
  }
  80% {
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -o-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem);
  }
  90% {
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -o-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem);
  }
}
@-webkit-keyframes buzzS {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -o-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(0.2rem);
    -moz-transform: translateX(0.2rem);
    -o-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
    transform: translateX(0.2rem);
  }
  80% {
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -o-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem);
  }
  90% {
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -o-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem);
  }
}
@-o-keyframes buzzS {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -o-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(0.2rem);
    -moz-transform: translateX(0.2rem);
    -o-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
    transform: translateX(0.2rem);
  }
  80% {
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -o-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem);
  }
  90% {
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -o-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem);
  }
}
@keyframes buzzS {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -o-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(0.2rem);
    -moz-transform: translateX(0.2rem);
    -o-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
    transform: translateX(0.2rem);
  }
  80% {
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -o-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem);
  }
  90% {
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -o-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem);
  }
}
@-moz-keyframes checkPop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(340deg);
    -moz-transform: scale(0) rotate(340deg);
    -o-transform: scale(0) rotate(340deg);
    -ms-transform: scale(0) rotate(340deg);
    transform: scale(0) rotate(340deg);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes checkPop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(340deg);
    -moz-transform: scale(0) rotate(340deg);
    -o-transform: scale(0) rotate(340deg);
    -ms-transform: scale(0) rotate(340deg);
    transform: scale(0) rotate(340deg);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-o-keyframes checkPop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(340deg);
    -moz-transform: scale(0) rotate(340deg);
    -o-transform: scale(0) rotate(340deg);
    -ms-transform: scale(0) rotate(340deg);
    transform: scale(0) rotate(340deg);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes checkPop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(340deg);
    -moz-transform: scale(0) rotate(340deg);
    -o-transform: scale(0) rotate(340deg);
    -ms-transform: scale(0) rotate(340deg);
    transform: scale(0) rotate(340deg);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.input {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  position: relative;
}
.input >input,
.input textarea {
  font-size: 2rem;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  border-bottom: 0.1rem solid #979797;
}
.input >input::-webkit-input-placeholder,
.input textarea::-webkit-input-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input >input:-moz-placeholder,
.input textarea:-moz-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input >input::-moz-placeholder,
.input textarea::-moz-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input >input:-ms-input-placeholder,
.input textarea:-ms-input-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input >input:focus + label,
.input textarea:focus + label {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
.input >input:focus,
.input textarea:focus,
.input >input:active,
.input textarea:active {
  border-bottom-color: #3bba82;
}
.input >input:focus::-webkit-input-placeholder,
.input textarea:focus::-webkit-input-placeholder,
.input >input:active::-webkit-input-placeholder,
.input textarea:active::-webkit-input-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input >input:focus:-moz-placeholder,
.input textarea:focus:-moz-placeholder,
.input >input:active:-moz-placeholder,
.input textarea:active:-moz-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input >input:focus::-moz-placeholder,
.input textarea:focus::-moz-placeholder,
.input >input:active::-moz-placeholder,
.input textarea:active::-moz-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input >input:focus:-ms-input-placeholder,
.input textarea:focus:-ms-input-placeholder,
.input >input:active:-ms-input-placeholder,
.input textarea:active:-ms-input-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input__help {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #3bba82;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.04rem;
  font-family: 'Roboto', sans-serif;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.input__help:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input__file {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: 1.7rem;
  color: #fff;
  margin: 1.6rem 0.5rem;
}
.input__file--item {
  line-height: 1.2rem;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
}
.input__lbl {
  position: absolute;
  left: 4.8rem;
  top: 3.6rem;
  font-size: 1.3rem;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-weight: 700;
  color: #3bba82;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.input__lbl--inline {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
}
.input__lbl__described {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
.input__lbl__described__title {
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-bottom: 0.8rem;
}
.input__lbl__described__text {
  font-size: 1.4rem;
}
.input__display {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.input__display >input {
  margin-right: 2.8rem;
  margin-top: 1.6rem;
}
.input__display >button {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  white-space: nowrap;
}
.input__display-value {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
  font-size: 2rem;
  margin-top: 1.6rem;
}
.input__display-text {
  text-align: left;
  color: #979797;
  margin-top: 0.8rem;
}
.input__display-info {
  text-align: left;
  margin-top: 0.8rem;
}
.input__display-info em {
  font-weight: 600;
}
.input--upload {
  color: #fff;
  font-size: 1.7rem;
  border: 0.2rem dashed #d8d8d8;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  padding: 4.8rem 2.4rem;
  margin-bottom: 4.8rem;
  outline: none;
  font-size: 2.1rem;
}
.input--upload:active {
  border-color: rgba(59,186,130,0.75);
}
.input--upload__file {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  padding: 0.8rem 1.6rem;
  background-color: #f4f4f4;
  border-radius: 0.4rem;
  border: 0.1rem solid #d0d0d0;
}
.input--upload__file >.i-close {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background-color: #e55050;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #e55050;
  font-size: 1.2rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
}
.input--upload__file__name {
  color: #6b716f;
  font-size: 1.6rem;
}
.input--upload__msg,
.input--upload__err {
  font-size: 2.1rem;
}
.input--upload__err {
  color: #e55050;
}
.input--upload--modal {
  margin-bottom: 0;
  width: 100%;
  border-width: 0.2rem;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.input--upload--modal .input--upload__msg {
  color: #c4c4c4;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  font-weight: 700;
}
.input--upload--btn.btn--prim {
  outline: none;
}
.input--upload--btn.btn--prim:hover {
  color: #3bba82;
}
.input--stripe .input__lbl {
  margin-bottom: 1.6rem;
}
@media all and (max-width: 320px) {
  .input--stripe .input__lbl {
    margin-bottom: 0;
  }
}
.input__step {
  display: inline-block;
  background-color: #26547c;
  color: #fff;
  text-align: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  border: 0.4rem solid #fff;
  line-height: 3.600000000000001rem;
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: -0.15rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.input__step >.i {
  font-size: 2.4rem;
  margin-left: -0.2rem;
  line-height: 3.8rem;
}
@media all and (max-width: 900px) {
  .input__step {
    font-size: 1.6rem;
    height: 3.4rem;
    width: 3.4rem;
    line-height: 2.6rem;
  }
}
.input--budget {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.input--budget >.input {
  margin-left: 2.4rem;
}
.input--budget >.input:first-child,
.input--budget >.input:only-child {
  margin-left: 0;
}
.input--budget.input--bubble .input--sign >input {
  height: 4.3rem;
}
.input--budget.input--bubble .input--sign__sign {
  top: 1.1rem;
}
@media all and (max-width: 900px) {
  .input--budget {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .input--budget >.input {
    margin: 0;
    margin-bottom: 2.8rem;
  }
  .input--budget >.input:last-child,
  .input--budget >.input:last-of-type {
    margin-bottom: 0;
  }
}
.input--toggle__container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.input--toggle__description {
  color: #26547c;
  font-size: 1.4rem;
}
.input--toggle__value {
  color: #26547c;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-left: 1.6rem;
}
.input--toggle--sm {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.input--toggle--sm .input__lbl {
  position: static;
  left: initial;
  right: initial;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  visibility: visible;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
  text-transform: none;
  letter-spacing: initial;
  font-weight: 400;
  margin-left: 1rem;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.input--toggle--sm >input[type="checkbox"] {
  display: inline-block;
  outline: none;
  margin-left: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: transparent;
  border: 0.1rem solid #acacac;
  width: 3rem;
  height: 1.4rem;
  border-radius: 4rem;
}
.input--toggle--sm >input[type="checkbox"]:after {
  content: '';
  position: absolute;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-color: #9f9f9f;
  border-radius: 50%;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%) translateX(-1rem);
  -moz-transform: translateY(-50%) translateX(-1rem);
  -o-transform: translateY(-50%) translateX(-1rem);
  -ms-transform: translateY(-50%) translateX(-1rem);
  transform: translateY(-50%) translateX(-1rem);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.input--toggle--sm >input[type="checkbox"]:checked {
  border-color: #3bba82;
  background-color: #fff;
}
.input--toggle--sm >input[type="checkbox"]:checked:after {
  background-color: #3bba82;
  -webkit-transform: translateX(0.5rem) translateY(-50%);
  -moz-transform: translateX(0.5rem) translateY(-50%);
  -o-transform: translateX(0.5rem) translateY(-50%);
  -ms-transform: translateX(0.5rem) translateY(-50%);
  transform: translateX(0.5rem) translateY(-50%);
}
.input--toggle--sm >input[type="checkbox"]:checked+label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--toggle--form {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.input--toggle--form .input__lbl {
  position: absolute;
  left: 4.8rem;
  top: 2rem;
  font-size: 1.3rem;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.16rem;
  font-weight: 700;
  color: #3bba82;
  visibility: visible;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--toggle--form >input[type="checkbox"] {
  display: inline-block;
  outline: none;
  margin-left: 0.1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: transparent;
  border: 0.1rem solid #acacac;
  width: 3.8rem;
  height: 2.2rem;
  border-radius: 4rem;
  cursor: pointer;
}
.input--toggle--form >input[type="checkbox"]:before {
  content: 'OFF';
  display: inline-block;
  position: absolute;
  left: 2.5rem;
  top: -1.4rem;
  color: #000;
  height: 4.8rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  line-height: 4.8rem;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.16rem;
}
.input--toggle--form >input[type="checkbox"]:after {
  content: '';
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  background-color: #9f9f9f;
  border-radius: 50%;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%) translateX(-1rem);
  -moz-transform: translateY(-50%) translateX(-1rem);
  -o-transform: translateY(-50%) translateX(-1rem);
  -ms-transform: translateY(-50%) translateX(-1rem);
  transform: translateY(-50%) translateX(-1rem);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.input--toggle--form >input[type="checkbox"]:checked {
  border-color: #3bba82;
  background-color: #fff;
}
.input--toggle--form >input[type="checkbox"]:checked:before {
  content: 'ON';
}
.input--toggle--form >input[type="checkbox"]:checked:after {
  background-color: #3bba82;
  -webkit-transform: translateX(1.25rem) translateY(-50%);
  -moz-transform: translateX(1.25rem) translateY(-50%);
  -o-transform: translateX(1.25rem) translateY(-50%);
  -ms-transform: translateX(1.25rem) translateY(-50%);
  transform: translateX(1.25rem) translateY(-50%);
}
.input--toggle--form >input[type="checkbox"]:checked+label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--toggle--md {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.input--toggle--md .input__lbl {
  position: static;
  left: initial;
  right: initial;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  visibility: visible;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
  text-transform: none;
  letter-spacing: initial;
  font-weight: 400;
  margin-left: 1rem;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.input--toggle--md >input[type="checkbox"] {
  display: inline-block;
  outline: none;
  margin-left: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: transparent;
  border: 0.1rem solid #acacac;
  width: 3.8rem;
  height: 2.2rem;
  border-radius: 4rem;
  cursor: pointer;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.input--toggle--md >input[type="checkbox"]:after {
  content: '';
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  background-color: #9f9f9f;
  border-radius: 50%;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%) translateX(-1rem);
  -moz-transform: translateY(-50%) translateX(-1rem);
  -o-transform: translateY(-50%) translateX(-1rem);
  -ms-transform: translateY(-50%) translateX(-1rem);
  transform: translateY(-50%) translateX(-1rem);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.input--toggle--md >input[type="checkbox"]:checked {
  border-color: #3bba82;
  background-color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--toggle--md >input[type="checkbox"]:checked:after {
  background-color: #3bba82;
  -webkit-transform: translateX(1.25rem) translateY(-50%);
  -moz-transform: translateX(1.25rem) translateY(-50%);
  -o-transform: translateX(1.25rem) translateY(-50%);
  -ms-transform: translateX(1.25rem) translateY(-50%);
  transform: translateX(1.25rem) translateY(-50%);
}
.input--toggle--md >input[type="checkbox"]:checked+label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--toggle {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.input--toggle .input__lbl {
  position: static;
  left: initial;
  right: initial;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  visibility: visible;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.input--toggle >input[type="checkbox"] {
  display: inline-block;
  outline: none;
  margin-left: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: transparent;
  border: 0.2rem solid rgba(255,255,255,0.4);
  width: 12rem;
  height: 5rem;
  border-radius: 4rem;
}
.input--toggle >input[type="checkbox"]:before {
  content: 'NO';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  height: 4.8rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  line-height: 4.8rem;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.16rem;
  -webkit-transform: translateX(3.2rem);
  -moz-transform: translateX(3.2rem);
  -o-transform: translateX(3.2rem);
  -ms-transform: translateX(3.2rem);
  transform: translateX(3.2rem);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.input--toggle >input[type="checkbox"]:after {
  content: '';
  position: absolute;
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background-color: #e55050;
  border-radius: 50%;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%) translateX(-0.2rem);
  -moz-transform: translateY(-50%) translateX(-0.2rem);
  -o-transform: translateY(-50%) translateX(-0.2rem);
  -ms-transform: translateY(-50%) translateX(-0.2rem);
  transform: translateY(-50%) translateX(-0.2rem);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.input--toggle >input[type="checkbox"]:checked:before {
  content: 'YES';
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.input--toggle >input[type="checkbox"]:checked:after {
  background-color: #3bba82;
  -webkit-transform: translateX(6.8rem) translateY(-50%);
  -moz-transform: translateX(6.8rem) translateY(-50%);
  -o-transform: translateX(6.8rem) translateY(-50%);
  -ms-transform: translateX(6.8rem) translateY(-50%);
  transform: translateX(6.8rem) translateY(-50%);
}
.input--toggle >input[type="checkbox"]:checked+label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--toggle--reverse {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.input--toggle--reverse .input__lbl {
  font-size: 2.8rem;
  font-family: 'Roboto', sans-serif;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: #fff;
  visibility: visible;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.input--toggle.--option >input[type="checkbox"] {
  border: 0.1rem solid rgba(107,113,111,0.4);
  width: 7.2rem;
  height: 3rem;
}
.input--toggle.--option >input[type="checkbox"]:before {
  content: 'OFF';
  color: #6d6d6d;
  font-size: 1.3rem;
  height: 2.8rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  line-height: 2.8rem;
  -webkit-transform: translateX(1.6rem);
  -moz-transform: translateX(1.6rem);
  -o-transform: translateX(1.6rem);
  -ms-transform: translateX(1.6rem);
  transform: translateX(1.6rem);
}
.input--toggle.--option >input[type="checkbox"]:after {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #c4c4c4;
}
.input--toggle.--option >input[type="checkbox"]:checked:before {
  content: 'ON';
  color: #3bba82;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.input--toggle.--option >input[type="checkbox"]:checked:after {
  background-color: #3bba82;
  -webkit-transform: translateX(3.8rem) translateY(-50%);
  -moz-transform: translateX(3.8rem) translateY(-50%);
  -o-transform: translateX(3.8rem) translateY(-50%);
  -ms-transform: translateX(3.8rem) translateY(-50%);
  transform: translateX(3.8rem) translateY(-50%);
}
.input--toggle.--sub-option >input[type="checkbox"] {
  border: 0.1rem solid rgba(107,113,111,0.4);
  width: 4.8rem;
  height: 2rem;
}
.input--toggle.--sub-option >input[type="checkbox"]:before {
  content: '';
}
.input--toggle.--sub-option >input[type="checkbox"]:after {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #c4c4c4;
}
.input--toggle.--sub-option >input[type="checkbox"]:checked:before {
  content: '';
}
.input--toggle.--sub-option >input[type="checkbox"]:checked:after {
  background-color: #3bba82;
  -webkit-transform: translateX(2.2rem) translateY(-50%);
  -moz-transform: translateX(2.2rem) translateY(-50%);
  -o-transform: translateX(2.2rem) translateY(-50%);
  -ms-transform: translateX(2.2rem) translateY(-50%);
  transform: translateX(2.2rem) translateY(-50%);
}
.input--radio__left {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.input--radio__right {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.input--radio__right .input--date {
  margin-right: 1.6rem;
}
.input--radio__right .input--date:last-child {
  margin-right: 0;
}
.input--radio__right .input--date--time {
  margin: 0;
}
.input--radio__text {
  margin-right: 1.6rem;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.input--radio__label {
  font-size: 1.8rem;
  margin-right: 1.6rem;
}
.input--radio__address {
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
  color: #000;
  padding-left: 2.4rem;
  text-align: right;
}
.input--radio__date {
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
  color: #a1a1a1;
}
.input--radio__inline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 1.5rem;
}
.input--radio__inline .btn {
  border-radius: 5rem;
}
.input--radio__inline input[type="radio"] {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  margin-right: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0.2rem solid #c4c4c4;
  border-radius: 50%;
  position: relative;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.input--radio__inline input[type="radio"]:before {
  content: '';
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  border-radius: 50%;
  width: 1.7rem;
  height: 1.7rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media all and (max-width: 900px) {
  .input--radio__inline input[type="radio"] {
    width: 2rem;
    height: 2rem;
    margin-right: 0.8rem;
    min-width: 2rem;
  }
  .input--radio__inline input[type="radio"]:before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.input--radio__inline input[type="radio"]:checked:before {
  content: '';
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #3bba82;
}
.input--radio__inline input[type="radio"]:checked + label {
  font-weight: 700;
}
@media all and (max-width: 900px) {
  .input--radio__inline {
    height: auto;
    margin-bottom: 1.2rem;
  }
  .input--radio__inline .input--radio__label {
    text-align: left;
    font-size: 1.5rem;
  }
  .input--radio__inline .input--radio__label .typ--ital {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  .input--radio__inline:last-child,
  .input--radio__inline:only-child {
    margin-bottom: 0;
  }
}
.input--default >input {
  border-bottom-color: rgba(0,0,0,0.5);
}
.input--default >input + label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  color: rgba(0,0,0,0.5) !important;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
.input--sign {
  position: relative;
}
.input--sign >input {
  padding-left: 1.6rem;
}
.input--sign__sign {
  position: absolute;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 400;
  color: #000;
}
.input--sign__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.6rem;
}
.input--sign__row >.input--sign {
  margin-bottom: 1.6rem;
}
.input--sign__row >.input--sign input {
  background-color: #f7f7f7;
}
.input--sign__row >.input--sign:last-child,
.input--sign__row >.input--sign:only-child {
  margin-bottom: 0;
}
.input--sign.input--bubble .input--sign__sign {
  position: absolute;
  font-weight: 400;
  color: #000;
}
@media all and (min-width: 900px) {
  .input--sign.input--bubble .input--sign__sign {
    top: 5.2rem;
    font-size: 2rem;
  }
  .input--sign.input--bubble .input--err__msg {
    top: 6.4rem;
  }
}
@media all and (max-width: 900px) {
  .input--sign.input--bubble >input {
    padding-left: 1.1rem;
  }
  .input--sign.input--bubble .input--sign__sign {
    top: 2.3rem;
    font-size: 1.4rem;
    color: #26547c;
    line-height: 1em;
    font-weight: 500;
  }
}
.input--sign.input--sm >input {
  font-size: 1.8rem;
}
.input--sign.input--sm .input--sign__sign {
  position: absolute;
  top: 1.6rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: rgba(0,0,0,0.5);
  font-size: 1.6rem;
}
.input--sign.input--pay >input {
  font-size: 2.9rem;
  line-height: 1em;
  padding-bottom: 1.2rem;
}
.input--sign.input--pay .input--sign__sign {
  font-size: 2.2rem;
  top: 2.1rem;
  left: 0.2rem;
}
.input--sign.input--xlg {
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}
.input--sign.input--xlg >input {
  border-bottom: 0;
  border: 0.1rem solid #dadada;
  padding: 2.5rem;
  padding-left: 4.7rem;
  border-radius: 0.4rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-align: right;
}
.input--sign.input--xlg >input::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #000;
}
.input--sign.input--xlg >input:-moz-placeholder {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #000;
}
.input--sign.input--xlg >input::-moz-placeholder {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #000;
}
.input--sign.input--xlg >input:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #000;
}
.input--sign.input--xlg .input__lbl {
  display: none !important;
}
.input--sign.input--xlg .input--sign__sign {
  color: #bfbfbf;
  font-size: 2.4rem;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  margin-right: 1.6rem;
  top: 2.8rem;
  left: 2rem;
}
.input--sign.input--xlg .input--err__msg {
  left: 100%;
  min-width: 75%;
  padding-left: 2.4rem;
}
.input--sign.input--xlg.input--err .input--sign__sign {
  color: #e55050;
}
.input--sign.input--xlg.input--err >input {
  border-color: #e55050;
}
.input--sign.input--xlg.input--active .input--sign__sign {
  color: #3bba82;
}
.input--sign.input--xlg.input--active >input {
  font-weight: 700;
  border-color: #3bba82 !important;
}
@media all and (min-width: 767px) {
  .input--sign.input--xlg .input--err__msg {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
    top: 120%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 75%;
    padding-left: 2.4rem;
  }
}
@media all and (min-width: 900px) {
  .input--sign.input--xlg {
    max-width: 100%;
  }
}
@media all and (max-width: 320px) {
  .input--sign.input--xlg {
    max-width: 100%;
  }
  .input--sign.input--xlg >input {
    padding: 1.5rem;
    padding-left: 4.7rem;
    border-radius: 0.4rem;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-align: right;
  }
  .input--sign.input--xlg .input--sign__sign {
    top: 1.8rem;
    left: 1.2rem;
  }
}
.input--bubble {
  background-color: #fff;
  border-radius: 0.4rem;
}
.input--bubble >.input:nth-child(3) {
  margin-top: 2.4rem;
}
.input--bubble .basic-single .single-select__control {
  padding-bottom: 1rem;
}
.input--bubble >textarea {
  resize: none;
  height: 3.8rem;
  white-space: nowrap;
  -o-text-overflow: hidden;
  text-overflow: hidden;
}
.input--bubble__placeholder {
  font-size: 2rem;
  color: #adadad;
}
.input--bubble__placeholder.--right {
  position: absolute;
  right: 4.8rem;
}
@media all and (max-width: 900px) {
  .input--bubble__placeholder {
    font-size: 1.4rem;
  }
  .input--bubble__placeholder.--right {
    right: 1.6rem;
  }
}
.input--bubble__message {
  background-color: rgba(255,255,255,0.1);
  display: inline-block;
  color: #3bba82;
  padding: 2.4rem;
  padding-top: 3.2rem;
  margin-top: -1.6rem;
  border-radius: 0 0 0.4rem 0.4rem;
  font-size: 1.7rem;
  margin-bottom: 1.6rem;
}
.input--bubble__message__link {
  color: #3bba82;
  text-decoration: underline;
}
.input--bubble__message__link:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.input--bubble__message__text {
  color: #fff;
}
.input--bubble__message__text .btn {
  margin-top: 1.6rem;
}
@media all and (max-width: 900px) {
  .input--bubble__message__text .btn {
    width: 100%;
  }
}
.input--bubble__cta {
  width: 100%;
  background-color: #e9f8f1;
  border-radius: 0.8rem;
  padding: 1.3rem 2.2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 1.6rem;
}
.input--bubble__cta__title {
  font-size: 2.1rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
@media all and (max-width: 900px) {
  .input--bubble__cta {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .input--bubble__cta .btn {
    width: 100%;
  }
  .input--bubble__cta__title {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
  }
}
.input--bubble__wrap.input--bubble {
  padding-top: 2.5rem;
}
.input--bubble__wrap .input__lbl {
  margin-bottom: 1.6rem;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  position: static;
  width: 100%;
  display: inline-block;
  text-align: left;
}
@media all and (max-width: 900px) {
  .input--bubble__wrap.input--bubble {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .input--bubble__wrap .input__lbl {
    display: block !important;
    margin-bottom: 0.8rem;
    font-size: 1.1rem;
  }
}
.input--bubble .input--sign__sign {
  top: 6rem;
}
.input--bubble .input--err__msg {
  top: initial;
  left: initial;
  right: initial;
  position: static;
  text-align: left;
  display: inline-block;
  width: 100%;
  padding-top: 0.8rem;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}
.input--bubble--dbl >.input--err__msg {
  display: none;
}
.input--bubble--withcta__links .link-title {
  color: #000;
  margin-right: 0.8rem;
  display: inline-block;
}
@media all and (max-width: 900px) {
  .input--bubble--withcta {
    text-align: left;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .input--bubble--withcta span {
    margin-right: 1.6rem;
  }
  .input--bubble--withcta__row {
    margin-top: 1.6rem;
  }
  .input--bubble--withcta__row.--last {
    margin-top: 2.8rem;
  }
  .input--bubble--withcta__links {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  .input--bubble--withcta__links >.link-title {
    color: #000;
  }
}
@media all and (min-width: 900px) {
  .input--bubble--withcta {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 4.8rem;
  }
  .input--bubble--withcta__row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2.8rem;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .input--bubble--withcta__row.--last {
    max-width: 20rem;
    margin-right: 0;
  }
  .input--bubble--withcta__row.--last span {
    margin-bottom: 1.6rem;
  }
  .input--bubble--withcta__links {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-top: 1.6rem;
  }
}
.input--bubble--withselect .input--err__msg {
  top: 6.6rem;
  right: 8.5rem;
}
.input--bubble--withdrop .input--err__msg {
  right: 8.5rem;
  padding-top: 1.2rem;
}
.input--bubble .basic-single:nth-of-type(2) {
  margin-top: 2.4rem;
}
.input--bubble--disabled {
  background-color: #e2e2e2;
}
.input--bubble--disabled:hover {
  cursor: not-allowed !important;
}
.input--bubble--disabled .single-select__indicators {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.input--bubble--disabled .single-select--is-disabled,
.input--bubble--disabled .single-select__control--is-disabled {
  background-color: transparent;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.input--bubble--disabled .input__step {
  border-color: #d3d3d3 !important;
  background-color: #9d9d9d !important;
}
.input--bubble--tags .multi__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  border-bottom: 0.1rem solid #979797;
}
.input--bubble--tags .multi__cont >input {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  padding-bottom: 1.4rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
}
.input--bubble--tags .multi__tag {
  padding: 0.2rem 1.6rem;
  font-size: 1.4rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0.8rem 1.4rem;
  background-color: #e5e5e5;
  color: #000;
  margin-right: 0.8rem;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.input--bubble--tags .multi__tag__close {
  margin-left: 0.6rem;
  font-size: 1rem;
}
.input--bubble--date .react-datepicker-wrapper {
  width: 100%;
}
.input--bubble--date .react-datepicker-popper {
  width: 100%;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: 46% !important;
  padding: 2.4rem;
}
@media all and (max-width: 900px) {
  .input--bubble--date .react-datepicker-popper {
    padding: 2.8rem;
    top: 36% !important;
  }
}
.input--bubble--date .react-datepicker__input-container >input {
  width: 100%;
  font-size: 1.9rem;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  border-bottom: 0.1rem solid #979797;
  padding-bottom: 1.4rem;
}
.input--bubble--date .react-datepicker__input-container >input::-webkit-input-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input--bubble--date .react-datepicker__input-container >input:-moz-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input--bubble--date .react-datepicker__input-container >input::-moz-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input--bubble--date .react-datepicker__input-container >input:-ms-input-placeholder {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.input--bubble--date .react-datepicker__input-container >input:focus,
.input--bubble--date .react-datepicker__input-container >input:active {
  border-bottom-color: #3bba82;
}
.input--bubble--date .react-datepicker__input-container >input:focus::-webkit-input-placeholder,
.input--bubble--date .react-datepicker__input-container >input:active::-webkit-input-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input--bubble--date .react-datepicker__input-container >input:focus:-moz-placeholder,
.input--bubble--date .react-datepicker__input-container >input:active:-moz-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input--bubble--date .react-datepicker__input-container >input:focus::-moz-placeholder,
.input--bubble--date .react-datepicker__input-container >input:active::-moz-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input--bubble--date .react-datepicker__input-container >input:focus:-ms-input-placeholder,
.input--bubble--date .react-datepicker__input-container >input:active:-ms-input-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.input--bubble--date.time-only .react-datepicker {
  border: none;
}
.input--bubble--date.time-only .react-datepicker__time-container {
  border: none;
}
.input--bubble--date.time-only .react-datepicker-popper {
  width: auto;
}
@media all and (min-width: 900px) {
  .input--bubble {
    padding: 5rem 4.8rem 2.88rem 4.8rem;
  }
  .input--bubble >input,
  .input--bubble textarea {
    padding-bottom: 1.4rem;
  }
}
@media all and (max-width: 900px) {
  .input--bubble {
    position: relative;
    padding: 2rem 1.8rem 2rem 2.2rem;
  }
  .input--bubble >input,
  .input--bubble textarea {
    font-size: 1.6rem;
    padding-bottom: 0.6rem;
  }
  .input--bubble >input::-webkit-input-placeholder,
  .input--bubble textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .input--bubble >input:-moz-placeholder,
  .input--bubble textarea:-moz-placeholder {
    color: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .input--bubble >input::-moz-placeholder,
  .input--bubble textarea::-moz-placeholder {
    color: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .input--bubble >input:-ms-input-placeholder,
  .input--bubble textarea:-ms-input-placeholder {
    color: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .input--bubble .input__lbl {
    display: none;
  }
  .input--bubble .single-select__control {
    padding-bottom: 0.6rem !important;
    min-height: auto;
  }
  .input--bubble .single-select__value-container {
    min-height: 2rem;
    height: 2rem;
    font-size: 1.6rem;
  }
  .input--bubble .single-select__value-container >div:last-child {
    margin: 0;
    padding: 0;
  }
  .input--bubble .single-select__placeholder {
    font-size: 1.6rem;
    margin: 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .input--bubble .single-select__single-value {
    font-size: 1.6rem;
  }
  .input--bubble .single-select__dropdown-indicator {
    -webkit-transform: scale(0.8) translateX(8px);
    -moz-transform: scale(0.8) translateX(8px);
    -o-transform: scale(0.8) translateX(8px);
    -ms-transform: scale(0.8) translateX(8px);
    transform: scale(0.8) translateX(8px);
  }
}
.input--bubble--radios.input--touched .input__lbl,
.input--bubble--radios.input--touched .input--radio__label {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.input--outl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.input--outl >input {
  height: 4rem;
  line-height: 4rem;
  font-weight: 500;
  background-color: transparent;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  padding: 1.6rem;
  color: #fff;
  border: 0.1rem solid #fff;
  border-radius: 0.4rem;
}
.input--outl >label {
  position: static;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  margin-right: 1rem;
  color: #fff;
}
.input--date {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  position: relative;
  max-width: 12.6rem;
}
.input--date >input {
  height: 5rem;
  width: 100%;
  display: inline-block;
  line-height: 5rem;
  font-weight: 500;
  background-color: transparent;
  border: 0.1rem solid #3bba82;
  color: #3bba82;
  padding-left: 1.6rem;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  border-radius: 0.4rem;
}
.input--date >input::-webkit-input-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date >input:-moz-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date >input::-moz-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date >input:-ms-input-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date .react-datepicker__input-container >input {
  height: 5rem;
  width: 100%;
  display: inline-block;
  font-weight: 500;
  background-color: transparent;
  border: 0.1rem solid #3bba82;
  color: #3bba82;
  padding-left: 1.6rem;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input--date .react-datepicker__input-container >input::-webkit-input-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date .react-datepicker__input-container >input:-moz-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date .react-datepicker__input-container >input::-moz-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
.input--date .react-datepicker__input-container >input:-ms-input-placeholder {
  color: #3bba82;
  letter-spacing: 0;
}
@media all and (max-width: 900px) {
  .input--date--row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    position: relative;
  }
  .input--date--row >.input {
    height: 4rem;
  }
  .input--date--row .input--date {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: initial;
    margin-right: 1rem;
  }
  .input--date--row .input--date:last-child {
    margin-right: 0;
  }
  .input--date--row .react-datepicker-wrapper {
    width: 100%;
  }
  .input--date--row .react-datepicker__input-container >input {
    height: 4rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .input--date--row .btn {
    margin-right: 1rem;
    line-height: 1.5em;
  }
  .input--date--row .btn:last-child {
    margin-right: 0;
  }
}
.input--date--time {
  min-width: 20rem;
}
.input--date--time .react-datepicker-wrapper {
  width: 100%;
}
.input--search {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  position: relative;
}
.input--search >input {
  font-weight: 500;
  background-color: #efefef;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  color: #000;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.input--search .input__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #979797;
  line-height: 1em;
  vertical-align: top;
}
.input--search .input__icon:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  color: #3bba82;
}
@media all and (min-width: 900px) {
  .input--search >input {
    height: 5rem;
    line-height: 5rem;
    padding-left: 4.6rem;
  }
  .input--search .input__icon {
    left: 1.6rem;
    font-size: 2rem;
  }
  .input--search__close {
    left: initial !important;
    right: 1.6rem;
  }
  .input--search--fw {
    width: 100%;
    display: inline-block;
  }
  .input--search--fw .input__icon {
    color: #fff;
  }
  .input--search--fw >input {
    border-radius: 0;
    width: 100%;
    color: #fff;
    font-size: 1.7rem;
    background-color: #3bba82;
  }
  .input--search--fw >input::-webkit-input-placeholder {
    color: #fff;
  }
  .input--search--fw >input:-moz-placeholder {
    color: #fff;
  }
  .input--search--fw >input::-moz-placeholder {
    color: #fff;
  }
  .input--search--fw >input:-ms-input-placeholder {
    color: #fff;
  }
}
@media all and (max-width: 900px) {
  .input--search {
    width: 100%;
  }
  .input--search >input {
    height: 4rem;
    line-height: 4rem;
    padding-left: 3.2rem;
    max-width: 100%;
  }
  .input--search >input::-webkit-input-placeholder {
    font-size: 1.4rem;
    color: #000;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .input--search >input:-moz-placeholder {
    font-size: 1.4rem;
    color: #000;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .input--search >input::-moz-placeholder {
    font-size: 1.4rem;
    color: #000;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .input--search >input:-ms-input-placeholder {
    font-size: 1.4rem;
    color: #000;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .input--search .input__icon {
    font-size: 1.2rem;
    left: 1.2rem;
  }
}
.input--search--f {
  min-width: 40rem;
}
@media all and (max-width: 1660px) {
  .input--search--f {
    min-width: 26rem;
  }
  .input--search--f__placeholder {
    white-space: nowrap;
  }
  .input--search--f__value-container {
    max-width: 90%;
  }
}
.input--search--f__control {
  background-color: #efefef !important;
  padding-left: 3.8rem;
  padding-right: 1.2rem;
  border-radius: 0.4rem;
  height: 5rem;
  border: 0 !important;
}
.input--search--f__control:before {
  content: "\e91d";
  font-family: 'icons';
  position: absolute;
  left: 1.6rem;
  top: 50%;
  font-size: 2rem;
  color: #979797;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input--search--f__control--is-focused {
  border-color: #3bba82 !important;
  -webkit-box-shadow: 0 0 0 0.1rem #3bba82 !important;
  box-shadow: 0 0 0 0.1rem #3bba82 !important;
}
.input--search--f__control--is-focused .input--search--f__indicator {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.input--search--f__control--is-focused:before {
  color: #3bba82;
}
.input--search--f__placeholder {
  font-size: 1.5rem;
  font-weight: 400;
  color: #979797;
  font-family: 'Roboto', sans-serif;
}
.input--search--f__indicator {
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.input--search--f__indicator-separator {
  display: none;
}
.input--search__long {
  width: 30rem;
}
.input--active >input {
  border-bottom-color: #3bba82 !important;
}
.input--active >input + label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
.input--active >textarea + label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
.input--lg {
  border-radius: 0.4rem;
  color: #fff;
  margin-bottom: 4.8rem;
  position: relative;
}
.input--lg >.input__lbl {
  left: 0;
  top: -1.2rem;
  font-weight: 700;
  color: #fff;
}
.input--lg >input {
  padding-bottom: 2.6rem;
  color: #fff;
  border-color: #fff !important;
}
.input--lg >input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.input--lg >input:-moz-placeholder {
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.input--lg >input::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.input--lg >input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media all and (max-width: 767px) {
  .input--lg >input {
    border-radius: 0;
  }
}
.input--lg .single-select__indicator {
  border-color: #fff transparent transparent transparent;
  right: 0;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.input--lg .single-select__placeholder {
  color: #fff !important;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.input--lg .single-select__control {
  background-color: transparent;
  height: 5rem;
  border-bottom: 0.1rem solid #fff !important;
  padding-right: 0;
}
.input--lg .single-select__single-value {
  color: #fff;
}
.input--md {
  border-radius: 0.4rem;
  color: #fff;
  margin-bottom: 6rem;
  position: relative;
}
.input--md >.input__lbl {
  left: 0;
  top: -1.6rem;
  font-weight: 700;
  font-size: 1.2rem;
}
.input--md >input {
  padding-bottom: 1.6rem;
  font-size: 1.6rem;
}
.input--md >input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--md >input:-moz-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--md >input::-moz-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--md >input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--md.input--select .single-select__control {
  padding-bottom: 1rem;
  padding-top: 0;
}
.input--md.input--select .single-select__control:after {
  content: "\e914";
  font-family: 'icons';
  color: #6b716f;
  position: absolute;
  right: 0.6rem;
  top: 46%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input--md.input--select .single-select__indicator {
  display: none;
}
.input--md.input--select .single-select__single-value,
.input--md.input--select .single-select__placeholder {
  font-size: 1.6rem;
  color: #000;
  font-family: 'Roboto', sans-serif;
}
.input--sm {
  margin-bottom: 6rem;
  position: relative;
}
.input--sm.input--select .single-select__control {
  padding-bottom: 1.4rem;
  padding-top: 1.6rem;
}
.input--sm.input--select .single-select__control:after {
  content: "\e914";
  font-family: 'icons';
  color: #6b716f;
  position: absolute;
  right: 0.6rem;
  top: 56%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input--sm.input--select .single-select__indicator {
  display: none;
}
.input--sm.input--select .single-select__single-value,
.input--sm.input--select .single-select__placeholder {
  font-size: 1.6rem;
  color: #000;
  font-family: 'Roboto', sans-serif;
}
.input--sm.input--area {
  padding-top: 1.6rem;
}
.input--sm.input--withdrop {
  font-size: 1.6rem;
}
.input--sm.input--withdrop .single-select__value-container {
  font-size: 1.6rem;
}
.input--sm.input--withdrop .single-select__control {
  padding-bottom: 1.4rem;
  padding-right: 0;
}
.input--sm .input--placeholder {
  text-align: left;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  display: inline-block;
}
.input--sm .input--placeholder + .input__lbl {
  position: absolute;
  visibility: visible;
  -webkit-transform: translateY(-3.2rem);
  -moz-transform: translateY(-3.2rem);
  -o-transform: translateY(-3.2rem);
  -ms-transform: translateY(-3.2rem);
  transform: translateY(-3.2rem);
  top: 0;
  left: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--sm >.input__lbl {
  left: 0;
  top: -1rem;
  font-weight: 700;
  color: #3bba82;
}
.input--sm >input {
  padding-bottom: 1.4rem;
  padding-top: 1.6rem;
  color: #000;
  border-color: #d8d8d8;
  font-weight: 500;
  font-size: 1.6rem;
}
.input--sm >input::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--sm >input:-moz-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--sm >input::-moz-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--sm >input:-ms-input-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--sm.input--disabled {
  position: relative;
}
.input--sm.input--disabled >input {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  color: #828282;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input--sm.input--disabled >input::-webkit-input-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.input--sm.input--disabled >input:-moz-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.input--sm.input--disabled >input::-moz-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.input--sm.input--disabled >input:-ms-input-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.input--sm.input--disabled >input:active {
  border-bottom-color: #d8d8d8;
}
.input--sm.input--disabled >input:hover {
  cursor: not-allowed;
}
.input--ti >input {
  height: 3.5rem;
  line-height: 3.5rem;
}
.input--ti .input__icon {
  color: #3bba82;
  font-size: 1.4rem;
  left: 1rem;
}
.input--ti.input--search >input {
  padding-left: 3.4rem;
  background-color: #e8e8e8;
}
.input--touched label {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
.input--touched .multi-label-select .single-select__control:before {
  display: none;
}
.input--inline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.input--inline__text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 600;
}
.input--inline__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.input--inline__cont >.input {
  margin-bottom: 0;
}
.input--inline__cont .btn--static {
  margin-top: 1.6rem;
}
.input--inline__cont .blocks__note--lg {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
@media all and (min-width: 900px) {
  .input--inline__cont {
    margin-bottom: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .input--inline__cont {
    margin-bottom: 3.6rem;
  }
}
@media all and (min-width: 767px) {
  .input--inline__cont .input--sign {
    max-width: 15rem;
  }
}
@media all and (max-width: 767px) {
  .input--inline__cont {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .input--inline__cont .input--sign {
    margin-top: 2.4rem;
  }
}
.input--err {
  position: relative;
}
.input--err .input__help {
  display: none !important;
}
.input--err >label {
  color: #e55050 !important;
}
.input--err >input,
.input--err textarea {
  border-bottom-color: #e55050 !important;
}
.input--err >input::-webkit-input-placeholder,
.input--err textarea::-webkit-input-placeholder {
  color: #e55050 !important;
}
.input--err >input:-moz-placeholder,
.input--err textarea:-moz-placeholder {
  color: #e55050 !important;
}
.input--err >input::-moz-placeholder,
.input--err textarea::-moz-placeholder {
  color: #e55050 !important;
}
.input--err >input:-ms-input-placeholder,
.input--err textarea:-ms-input-placeholder {
  color: #e55050 !important;
}
.input--err__msg {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 500;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: buzz 0.4s linear;
  -moz-animation: buzz 0.4s linear;
  -o-animation: buzz 0.4s linear;
  -ms-animation: buzz 0.4s linear;
  animation: buzz 0.4s linear;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
  color: #e55050;
}
@media all and (max-width: 1200px) {
  .input--err__msg {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
    top: auto;
    right: auto;
    -webkit-animation: buzzMobile 0.4s linear;
    -moz-animation: buzzMobile 0.4s linear;
    -o-animation: buzzMobile 0.4s linear;
    -ms-animation: buzzMobile 0.4s linear;
    animation: buzzMobile 0.4s linear;
    position: static;
    background-color: #e55050;
    color: #fff;
    line-height: 1.2em;
    margin-top: 1.6rem;
    display: inline-block;
    padding: 1.6rem;
    width: 100%;
    border-radius: 0.4rem;
    font-size: 1.1rem;
  }
}
@media all and (max-width: 767px) {
  .input--err__msg {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    font-size: 1.1rem;
  }
}
.input--lite >.input__lbl {
  color: #c4c4c4;
}
.input--lite >input {
  padding-bottom: 1.6rem;
  font-size: 1.6rem;
}
.input--lite >input::-webkit-input-placeholder {
  color: #3bba82;
  font-weight: 500;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--lite >input:-moz-placeholder {
  color: #3bba82;
  font-weight: 500;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--lite >input::-moz-placeholder {
  color: #3bba82;
  font-weight: 500;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--lite >input:-ms-input-placeholder {
  color: #3bba82;
  font-weight: 500;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.input--checkbox >input[type="checkbox"] {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  outline: none;
  margin-right: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input--checkbox >input[type="checkbox"]:before {
  content: '';
  font-family: 'icons';
  display: inline-block;
  background-color: #fff;
  width: 1.8rem;
  -webkit-box-shadow: 0 0 0 0.1rem #d8d8d8;
  box-shadow: 0 0 0 0.1rem #d8d8d8;
  border-radius: 0.4rem;
  height: 1.8rem;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  line-height: 1.8rem;
}
.input--checkbox >input[type="checkbox"]:checked:before {
  background-color: #35a775;
  -webkit-box-shadow: 0 0 0 0.1rem #3bba82;
  box-shadow: 0 0 0 0.1rem #3bba82;
  content: "\e903";
}
.input--checkbox .input__lbl {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.input--checkbox--inline {
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.input--checkbox--inline .input--checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
  margin-bottom: 1.6rem;
  position: relative;
  margin-bottom: 0;
}
.input--checkbox--inline .input__lbl {
  position: static;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1em;
  margin-right: 0.5rem;
}
.input--checkbox--inline.--hidden {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.input--checkbox--inline-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background-color: #fff;
  border-radius: 0.4rem;
  margin-bottom: 1.6rem;
}
.input--checkbox--inline-toggle .input__sub-lbl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 4.5rem;
  font-size: 1.4rem;
  color: #505f58;
}
.input--checkbox__anch {
  font-size: 1.8rem;
  line-height: 1.1em;
  text-decoration: underline;
  font-weight: 700;
  display: inline-block;
  color: #fff;
}
.input--checkbox__anch:hover {
  color: #3bba82;
}
.input--checkbox__lbl {
  font-size: 1.8rem;
  color: #fff;
}
.input--checkbox--lg {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.input--checkbox--lg .input__lbl {
  color: #000;
  font-size: 1.6rem;
  font-weight: 600;
}
.input--checkbox--lg >input[type="checkbox"] {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  margin-right: 1.6rem;
}
.input--checkbox--lg >input[type="checkbox"]:before {
  content: '';
  font-family: 'icons';
  display: inline-block;
  background-color: #fff;
  width: 4rem;
  -webkit-box-shadow: 0 0 0 0.1rem #d8d8d8;
  box-shadow: 0 0 0 0.1rem #d8d8d8;
  border-radius: 0.4rem;
  height: 4rem;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  line-height: 4rem;
}
.input--checkbox--lg >input[type="checkbox"]:checked:before {
  background-color: #35a775;
  -webkit-box-shadow: 0 0 0 0.1rem #3bba82;
  box-shadow: 0 0 0 0.1rem #3bba82;
  content: "\e903";
}
.input--animate {
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0) 100%);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0) 100%);
  background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0) 100%);
  background-image: -ms-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0) 100%);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0) 100%);
  background-position: 100% 100%;
  -webkit-background-size: 200%;
  -moz-background-size: 200%;
  background-size: 200%;
  padding: 0.1rem;
}
.input--animate .input >input {
  background-color: #fff;
}
.input--animate.--on {
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0.8) 100%);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0.8) 100%);
  background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0.8) 100%);
  background-image: -ms-linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0.8) 100%);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.6) 10%, rgba(59,186,130,0.8) 100%);
  -webkit-animation: inputBgAnimate 3s infinite ease-in-out;
  -moz-animation: inputBgAnimate 3s infinite ease-in-out;
  -o-animation: inputBgAnimate 3s infinite ease-in-out;
  -ms-animation: inputBgAnimate 3s infinite ease-in-out;
  animation: inputBgAnimate 3s infinite ease-in-out;
  border-radius: 0.4rem;
}
@media all and (min-width: 900px) {
  .input--animate {
    margin-bottom: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .input--animate {
    margin-bottom: 2.4rem;
  }
}
@media all and (max-width: 320px) {
  .input--animate {
    margin-bottom: 1rem;
  }
}
.input--native {
  position: relative;
  width: 100%;
}
.input--native .input__lbl {
  left: 0;
  top: 0;
}
.input--native select.single-select__control {
  font-size: 1.6rem;
  width: 100%;
  outline: none;
  padding-bottom: 1.4rem;
  padding-left: 0;
  padding-top: 2.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: #d8d8d8 !important;
}
.input--native select.single-select__control:active,
.input--native select.single-select__control:focus {
  border-color: #000;
}
.input--native.input--err select.single-select__control {
  border-color: #e55050 !important;
  color: #e55050;
}
.input--native.input--err:before {
  color: #e55050;
}
.input--native.input--touched select.single-select__control {
  border-color: #3bba82 !important;
}
.input--native >.input--err__msg {
  font-weight: 700;
  font-size: 1.2rem;
}
.input--native.input--sm select.single-select__control {
  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  background-color: transparent;
}
.input--native.input--sm .input__lbl {
  font-size: 1.5rem;
  top: -1rem;
}
@media all and (max-width: 900px) {
  .input--native {
    display: inline-block;
    vertical-align: top;
    height: 4rem;
    position: relative;
  }
  .input--native:before {
    z-index: 1;
    right: 1.4rem;
    bottom: 50%;
    -webkit-transform: translateY(50%) scale(0.8) translateX(0.4rem);
    -moz-transform: translateY(50%) scale(0.8) translateX(0.4rem);
    -o-transform: translateY(50%) scale(0.8) translateX(0.4rem);
    -ms-transform: translateY(50%) scale(0.8) translateX(0.4rem);
    transform: translateY(50%) scale(0.8) translateX(0.4rem);
  }
  .input--native__inn {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    position: relative;
    background-color: #efefef;
    border-radius: 0.4rem;
  }
  .input--native__inn:after {
    content: "\e914";
    font-family: 'icons';
    position: absolute;
    font-size: 1.4rem;
    right: 1.6rem;
    color: #828282;
    top: 1.3rem;
    pointer-events: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .input--native__select {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 4rem;
    vertical-align: top;
    outline: none;
    font-size: 1.4rem;
    padding-left: 1.4rem;
    background-color: transparent;
    border: 0;
    position: relative;
  }
  .input--native__select:active,
  .input--native__select:focus {
    border: 0.1rem solid #3bba82;
  }
}
.input--info {
  background-color: #e5e5e5;
  width: 100%;
  font-size: 2.4rem;
  letter-spacing: 0.6rem;
  line-height: 1.5em;
  padding: 1.2rem 1.6rem;
  text-align: center;
  margin-top: 2.4rem;
}
.input--check {
  display: inline-block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 2.2rem;
  line-height: 2.4rem;
  width: 2.8rem;
  height: 2.8rem;
  max-width: 2.8rem;
}
.input--check--message {
  margin-bottom: -1.6rem;
}
.input--check--message.spac--top {
  margin-top: 4.8rem !important;
}
.input--check__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 2.8rem;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 0.2rem solid #c4c4c4;
  display: inline-block;
}
.input--check__circle:after {
  position: absolute;
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
}
.input--check__circle.checked {
  background-color: #3bba82;
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  border-color: #3bba82;
}
.input--check__circle.checked:after {
  -webkit-transform: rotate(45deg) scale(1) translateY(-50%);
  -moz-transform: rotate(45deg) scale(1) translateY(-50%);
  -o-transform: rotate(45deg) scale(1) translateY(-50%);
  -ms-transform: rotate(45deg) scale(1) translateY(-50%);
  transform: rotate(45deg) scale(1) translateY(-50%);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  left: 0.3rem;
  top: 0.8rem;
  width: 0.5rem;
  height: 1.2rem;
  border: solid #fff;
  border-width: 0 0.3rem 0.3rem 0;
  background-color: transparent;
  border-radius: 0;
}
.input--check__circle >input {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}
.input--check__circle >input:checked ~ .input--check__circle {
  background-color: #3bba82;
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  border-color: #3bba82;
}
.input--check__circle >input:checked ~ .input--check__circle:after {
  -webkit-transform: rotate(45deg) scale(1) translateY(-50%);
  -moz-transform: rotate(45deg) scale(1) translateY(-50%);
  -o-transform: rotate(45deg) scale(1) translateY(-50%);
  -ms-transform: rotate(45deg) scale(1) translateY(-50%);
  transform: rotate(45deg) scale(1) translateY(-50%);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  left: 0.3rem;
  top: 0.8rem;
  width: 0.5rem;
  height: 1.2rem;
  border: solid #fff;
  border-width: 0 0.3rem 0.3rem 0;
  background-color: transparent;
  border-radius: 0;
}
.input--check-light {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.input--check-light >input[type="checkbox"] {
  outline: none;
  margin-right: 3rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.input--check-light >input[type="checkbox"]:before {
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(0,0,0,0);
  background-position: center center;
  background-repeat: no-repeat;
  border: 2px solid #b9b9b9;
  border-radius: 0.4rem;
}
.input--check-light >input[type="checkbox"]:checked:before {
  background-image: url("/assets/img/inputs/checked.svg");
}
.input--check-light .input__lbl {
  line-height: 1.4em;
  text-align: start;
}
.input--check-light.input--touched label {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
@media all and (max-width: 900px) {
  .input--check-light {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
  }
  .input--check-light >input[type="checkbox"] {
    margin-right: 1.7rem;
    margin-top: 0.5rem;
  }
  .input--check-light >input[type="checkbox"]:before {
    width: 2.3rem;
    height: 2.3rem;
  }
  .input--check-light >input[type="checkbox"]:checked:before {
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    background-size: 70%;
  }
  .input--check-light .input__lbl {
    font-size: 1.6rem;
  }
}
.fix-err-msg .input--err__msg {
  position: static;
}
.StripeElement {
  border-bottom: 0.1rem solid #d8d8d8;
}
.StripeElement--focus {
  border-color: #3bba82;
}
.StripeElement--invalid {
  border-color: #e55050;
}
.rselect__cont {
  width: 30rem;
}
.rselect__control {
  background-color: #efefef !important;
  padding-right: 1.2rem;
  padding-left: 1.4rem;
  border-radius: 0.4rem;
  height: 5rem;
  border: 0 !important;
}
.rselect__control--is-focused {
  border-color: #3bba82 !important;
  -webkit-box-shadow: 0 0 0 0.1rem #3bba82 !important;
  box-shadow: 0 0 0 0.1rem #3bba82 !important;
}
.rselect__control--is-focused .input--search--f__indicator {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rselect__control--is-focused:before {
  color: #3bba82;
}
.rselect__placeholder {
  font-size: 1.5rem;
  font-weight: 400;
  color: #979797;
  font-family: 'Roboto', sans-serif;
}
.rselect__indicator {
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.rselect__indicator-separator {
  display: none;
}
@-moz-keyframes buzz {
  0% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
  25% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(8%) translateY(-50%);
    -moz-transform: translateX(8%) translateY(-50%);
    -o-transform: translateX(8%) translateY(-50%);
    -ms-transform: translateX(8%) translateY(-50%);
    transform: translateX(8%) translateY(-50%);
  }
  75% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
}
@-webkit-keyframes buzz {
  0% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
  25% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(8%) translateY(-50%);
    -moz-transform: translateX(8%) translateY(-50%);
    -o-transform: translateX(8%) translateY(-50%);
    -ms-transform: translateX(8%) translateY(-50%);
    transform: translateX(8%) translateY(-50%);
  }
  75% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
}
@-o-keyframes buzz {
  0% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
  25% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(8%) translateY(-50%);
    -moz-transform: translateX(8%) translateY(-50%);
    -o-transform: translateX(8%) translateY(-50%);
    -ms-transform: translateX(8%) translateY(-50%);
    transform: translateX(8%) translateY(-50%);
  }
  75% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
}
@keyframes buzz {
  0% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
  25% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(8%) translateY(-50%);
    -moz-transform: translateX(8%) translateY(-50%);
    -o-transform: translateX(8%) translateY(-50%);
    -ms-transform: translateX(8%) translateY(-50%);
    transform: translateX(8%) translateY(-50%);
  }
  75% {
    -webkit-transform: translateX(2%) translateY(-50%);
    -moz-transform: translateX(2%) translateY(-50%);
    -o-transform: translateX(2%) translateY(-50%);
    -ms-transform: translateX(2%) translateY(-50%);
    transform: translateX(2%) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(4%) translateY(-50%);
    -moz-transform: translateX(4%) translateY(-50%);
    -o-transform: translateX(4%) translateY(-50%);
    -ms-transform: translateX(4%) translateY(-50%);
    transform: translateX(4%) translateY(-50%);
  }
}
@-moz-keyframes buzzMobile {
  0% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
  25% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  50% {
    -webkit-transform: translateX(8%);
    -moz-transform: translateX(8%);
    -o-transform: translateX(8%);
    -ms-transform: translateX(8%);
    transform: translateX(8%);
  }
  75% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
}
@-webkit-keyframes buzzMobile {
  0% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
  25% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  50% {
    -webkit-transform: translateX(8%);
    -moz-transform: translateX(8%);
    -o-transform: translateX(8%);
    -ms-transform: translateX(8%);
    transform: translateX(8%);
  }
  75% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
}
@-o-keyframes buzzMobile {
  0% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
  25% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  50% {
    -webkit-transform: translateX(8%);
    -moz-transform: translateX(8%);
    -o-transform: translateX(8%);
    -ms-transform: translateX(8%);
    transform: translateX(8%);
  }
  75% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
}
@keyframes buzzMobile {
  0% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
  25% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  50% {
    -webkit-transform: translateX(8%);
    -moz-transform: translateX(8%);
    -o-transform: translateX(8%);
    -ms-transform: translateX(8%);
    transform: translateX(8%);
  }
  75% {
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -o-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%);
  }
}
@-moz-keyframes inputBgAnimate {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: -180% -180%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@-webkit-keyframes inputBgAnimate {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: -180% -180%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@-o-keyframes inputBgAnimate {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: -180% -180%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@keyframes inputBgAnimate {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: -180% -180%;
  }
  100% {
    background-position: 100% 100%;
  }
}
.list--steps {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.list--steps__item {
  counter-increment: my-awesome-counter;
  vertical-align: top;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  margin-bottom: 4.8rem;
}
.list--steps__item >.input--check {
  margin-right: 2.4rem;
}
.list--steps__item >.input--lite {
  margin-bottom: 0;
  margin-top: 1.6rem;
}
.list--steps__item .sett__text {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.list--steps__item .btn {
  margin-right: 2.4rem;
}
.list--steps__item:last-child {
  margin-bottom: 0;
}
.list--steps__item:before {
  content: counter(my-awesome-counter) '. ';
  margin-right: 1.6rem;
  vertical-align: top;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
}
.table__item--text {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.table__item--time {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  color: #9fada7;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.table__item--break {
  word-break: break-all;
}
.table__item--status {
  font-size: 1.5rem;
}
.table__item--arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.table__item--arrow .i-arw-r {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.table__item--code,
.table__item--name,
.table__item--amount {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 1.8rem;
}
.table__item--label {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
.table__item--label .i {
  margin-right: 0.4rem;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1em;
}
.table__item--upto {
  display: block;
  font-size: 1.5rem;
  color: #9fada7;
  font-weight: 400;
  line-height: 1em;
  width: 115%;
}
.table__item--uptocompact {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  color: #9fada7;
  font-family: 'Roboto', sans-serif;
  line-height: 1em;
}
.table__item--location >.i-verified {
  margin-left: 0.6rem;
  color: #3bba82;
}
.table__item--uptoblack {
  color: #000;
}
.table__msg {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.table__msg__text {
  font-size: 1.9rem;
  font-weight: 500;
  color: #979797;
  max-width: 48%;
  line-height: 1.3em;
  margin: 0 auto;
}
@media all and (min-width: 900px) {
  .table__msg__text {
    font-size: 3rem;
  }
}
@media all and (max-width: 900px) {
  .table__msg {
    min-height: 14.399999999999999rem;
  }
}
.table__controls {
  width: 100%;
  text-align: right;
}
.table__controls .btn {
  margin-left: 1.2rem;
}
.table__controls .btn:first-child {
  margin-left: 0;
}
.table--list__row {
  margin-bottom: 2.4rem;
  background-color: #fff;
  padding: 1.6rem 2.4rem 1.6rem 4.8rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.table--list__row:last-child,
.table--list__row:only-child {
  margin-bottom: 0;
}
.table--list__row.--in-cell {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
.table--list__controls {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.table--list__box {
  background-color: #fff;
  margin-bottom: 2.8rem;
  border-radius: 0.4rem;
}
.table--list__box__amount {
  font-size: 2.7rem;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  width: 100%;
  line-height: 1em;
}
.table--list__box__item {
  padding: 2.8rem;
  border-bottom: 0.1rem solid #d0d0d0;
}
.table--list__box__item:last-child,
.table--list__box__item:only-child {
  border-bottom: 0;
}
.table--list__box__details {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.table--list__box__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
}
.table--list__box__controls >* {
  margin-left: 0.8rem;
}
.table--list__box__controls >*:first-child {
  margin-left: 0;
}
.table--list__box__controls .btn.btn--prim {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.table--list__box__controls .drop__anch {
  height: 4.7rem;
}
.table--list__box--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.table--list__box:last-child,
.table--list__box:only-child {
  margin-bottom: 0;
}
@media all and (max-width: 395px) {
  .table--list__box--flex {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .table--list__box__details {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 1.6rem;
  }
}
@media all and (max-width: 900px) {
  .table--list__row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.6rem;
    text-align: left;
  }
  .table--list__col {
    width: 100% !important;
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
    max-width: initial !important;
    min-width: initial !important;
    border-bottom: 0.1rem solid rgba(196,196,196,0.4);
  }
  .table--list__col:nth-child(3) {
    border-bottom: none;
  }
  .table--list__controls {
    width: 100%;
  }
  .table--list__controls .drop__cont,
  .table--list__controls .btn {
    width: 100%;
  }
}
.table--infinite {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.table--infinite.--no-pad {
  margin: 0;
}
.table--infinite.--no-pad .table--infinite__row__inside,
.table--infinite.--no-pad .table--infinite__cell {
  padding: 0;
}
.table--infinite .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.table--infinite__totop {
  position: fixed;
  background-color: #3bba82;
  color: #fff;
  z-index: 999;
  border-radius: 50%;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.table--infinite__totop:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
@media all and (min-width: 900px) {
  .table--infinite {
    margin-top: 1.6rem;
  }
  .table--infinite__totop {
    bottom: 2.4rem;
    right: 2.4rem;
    width: 4.2rem;
    height: 4.2rem;
  }
  .table--infinite__totop >.i {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 900px) {
  .table--infinite--fixed .ReactVirtualized__Grid__innerScrollContainer {
    min-width: 100% !important;
    width: 100% !important;
  }
  .table--infinite__totop {
    bottom: 9.6rem;
    right: 1.6rem;
    width: 3rem;
    height: 3rem;
  }
  .table--infinite__totop >.i {
    font-size: 1.2rem;
  }
}
.table--infinite__wrap {
  display: block;
  position: relative;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.table--infinite--view {
  padding-right: 0;
}
.table--infinite__head {
  height: 4.8rem;
  border-bottom: 0.1rem solid #e4e4e4;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
}
.table--infinite__head.--sticky {
  background-color: #fcfcfc;
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
}
.table--infinite__head__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  padding-left: 4.8rem;
}
@media all and (max-width: 767px) {
  .table--infinite__head__row {
    padding-left: 2.8rem;
  }
}
.table--infinite__head__col {
  -webkit-box-flex: 100;
  -moz-box-flex: 100;
  -o-box-flex: 100;
  box-flex: 100;
  -webkit-flex: 100 0 auto;
  -ms-flex: 100 0 auto;
  flex: 100 0 auto;
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  color: #b8b8b8;
  font-weight: 700;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  padding-right: 1.6rem;
}
.table--infinite__head__col:last-child {
  padding-right: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: initial !important;
}
.table--infinite__head__col--sm {
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  line-height: 1.1rem;
}
.table--infinite__head__col.--sticky {
  height: 100%;
  text-align: right;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background-image: -webkit-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -moz-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to left, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  right: 0 !important;
  left: initial !important;
  position: sticky !important;
  padding-right: 1.6rem;
}
.table--infinite__sizer {
  padding-top: 1.6rem;
  outline: none;
}
.table--infinite__outside {
  padding: 2rem 4.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.table--infinite__outside >.blocks__lbl {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.table--infinite__row {
  height: 100%;
}
.table--infinite__row__wrap {
  height: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.table--infinite__row__wrap:hover,
.table--infinite__row__wrap:active {
  z-index: 3 !important;
}
.table--infinite__row__inside {
  background-color: #fff;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
  min-height: 7.2rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: relative;
  padding-left: 4.8rem;
  border-bottom: 0.1rem solid #e4e4e4;
}
.table--infinite__row__inside:hover {
  background-color: #fcfcfc;
}
.table--infinite__row__inside.--deleted {
  color: #fb4343;
  background-color: #fceeee;
}
@media all and (max-width: 767px) {
  .table--infinite__row__inside {
    padding-left: 2.8rem;
  }
}
.table--infinite__cell {
  -webkit-box-flex: 100;
  -moz-box-flex: 100;
  -o-box-flex: 100;
  box-flex: 100;
  -webkit-flex: 100 0 auto;
  -ms-flex: 100 0 auto;
  flex: 100 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 1.7rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-right: 1.6rem;
}
.table--infinite__cell__inside {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.table--infinite__cell__inside__cell {
  color: #b8b8b8;
  font-size: 1.4rem;
}
.table--infinite__cell.--deleted {
  background-color: #fceeee;
}
.table--infinite__cell.--last {
  text-align: right;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.table--infinite__cell.--sticky {
  height: 100%;
  text-align: right;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background-image: -webkit-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -moz-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to left, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  right: 0 !important;
  left: initial !important;
  position: sticky !important;
}
.table--infinite__cell.--sticky .drop__cont >.btn {
  cursor: pointer;
}
.table--infinite__cell.--sticky__deleted {
  background-image: -webkit-linear-gradient(right, #fceeee 0%, #fceeee 85%, rgba(252,238,238,0) 100%);
  background-image: -moz-linear-gradient(right, #fceeee 0%, #fceeee 85%, rgba(252,238,238,0) 100%);
  background-image: -o-linear-gradient(right, #fceeee 0%, #fceeee 85%, rgba(252,238,238,0) 100%);
  background-image: -ms-linear-gradient(right, #fceeee 0%, #fceeee 85%, rgba(252,238,238,0) 100%);
  background-image: linear-gradient(to left, #fceeee 0%, #fceeee 85%, rgba(252,238,238,0) 100%);
}
.table--infinite__cell.--sticky >.btn {
  margin-left: 1.2rem;
}
.table--infinite__cell.--sticky >.btn:last-child,
.table--infinite__cell.--sticky >.btn:only-child {
  margin-left: 0;
}
@media all and (max-width: 1020px) {
  .table--infinite__cell.--sticky {
    padding-right: 2rem !important;
  }
}
.table--infinite__cell:last-child {
  padding-right: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: initial !important;
}
.table--infinite__ellipsis {
  max-width: 100%;
}
.table--infinite__ellipsis__inside {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.table--infinite--modal .table--infinite__cell {
  word-break: break-all;
}
.table--infinite--modal .table--infinite__wrap {
  min-height: 17.6rem;
}
.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 10rem;
}
@media all and (max-width: 767px) {
  .ReactTable {
    overflow-x: auto;
  }
}
@media all and (max-width: 900px) {
  .ReactTable {
    padding-bottom: 2.8rem;
  }
}
.ReactTable .btn--sm {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ReactTable .btn--sm:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ReactTable .btn--sm.btn--prim:hover {
  background-color: #3bba82;
  color: #fff;
  border-color: #3bba82;
}
.ReactTable__btn {
  color: #3bba82;
  font-weight: 500;
  width: 100%;
  display: inline-block;
}
.ReactTable__btn:hover {
  cursor: pointer;
  text-decoration: underline;
}
.ReactTable .rt-table {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}
@media (max-height: 769px) {
  .ReactTable .rt-table {
    overflow-x: auto !important;
  }
}
.ReactTable .rt-thead {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ReactTable .rt-thead.-headerGroups {
  background: rgba(0,0,0,0.03);
  border-bottom: 1px solid #dcdcdc;
}
.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid #dcdcdc;
}
.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0,0,0,0.02);
}
.ReactTable .rt-thead.-header {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15);
}
.ReactTable .rt-thead .rt-tr {
  text-align: center;
}
.ReactTable .rt-thead .rt-th {
  overflow: visible;
  outline: none;
}
.ReactTable .rt-thead .rt-th:last-child {
  overflow: hidden;
}
.ReactTable .rt-thead .rt-th:hover .rt-resizer {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.ReactTable .rt-thead .rt-th > div {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}
.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: rgba(255,255,255,0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: rgba(102,102,102,0);
  border-left-color: #f7f7f7;
  border-width: 10px;
  margin-top: -10px;
}
.ReactTable .rt-tbody {
  -webkit-box-flex: 99999;
  -moz-box-flex: 99999;
  -o-box-flex: 99999;
  box-flex: 99999;
  -webkit-flex: 99999 1 auto;
  -ms-flex: 99999 1 auto;
  flex: 99999 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}
.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0,0,0,0.02);
}
.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}
@media all and (min-width: 900px) {
  .ReactTable .rt-tbody .rt-td:last-child {
    min-width: 18.5rem;
  }
}
.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
}
.ReactTable .rt-tr-group {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.ReactTable .rt-tr {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
}
.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  margin: 0;
  color: transparent;
  margin: 0 10px;
}
.ReactTable .rt-expander:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -moz-transform: translate(-50%, -50%) rotate(-90deg);
  -o-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0,0,0,0.8);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}
.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -moz-transform: translate(-50%, -50%) rotate(0);
  -o-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}
.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 0.8rem;
  top: 0;
  bottom: 0;
  right: 26%;
  cursor: col-resize;
  background-color: #f6f6f6;
  z-index: 10;
  border: 0.1rem solid #dcdcdc;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  border-radius: 20%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ReactTable .rt-tfoot {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ReactTable .rt-tfoot box-shadow 0 0 15px 0 rgba(0 .rt-td,
.ReactTable .rt-tfoot 0 .rt-td,
.ReactTable .rt-tfoot 0.15) .rt-td {
  border-right: 1px solid #dcdcdc;
}
.ReactTable .rt-tfoot box-shadow 0 0 15px 0 rgba(0 .rt-td:last-child,
.ReactTable .rt-tfoot 0 .rt-td:last-child,
.ReactTable .rt-tfoot 0.15) .rt-td:last-child {
  border-right: 0;
}
.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0,0,0,0.03);
}
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: #dcdcdc;
}
.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  width: auto;
}
.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  outline: none;
  position: relative;
  background-color: #fff;
  border-radius: 50%;
  border: 0.1rem solid #dcdcdc;
  width: 3rem;
  height: 3rem;
  text-indent: -9999.9rem;
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.06);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.06);
  color: #3bba82;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ReactTable .-pagination .-btn:before {
  font-family: 'icons';
  text-indent: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateY(-52%) translateX(-48%);
  -moz-transform: translateY(-52%) translateX(-48%);
  -o-transform: translateY(-52%) translateX(-48%);
  -ms-transform: translateY(-52%) translateX(-48%);
  transform: translateY(-52%) translateX(-48%);
  top: 50%;
  font-size: 2rem;
}
.ReactTable .-pagination .-btn:hover {
  background-color: #3bba82;
  border-color: #3bba82;
  color: #fff;
}
.ReactTable .-pagination .-btn:not([disabled]):hover {
  color: #fff;
}
.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
  color: #979797;
  border-color: #d8d8d8;
  background-color: #fff;
}
.ReactTable .-pagination .-btn[disabled]:before {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ReactTable .-pagination .-btn[disabled]:hover {
  color: #979797;
}
.ReactTable .-pagination .-center {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 1.6rem;
}
.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  white-space: nowrap;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.16rem;
  color: #b3b3b3;
}
.ReactTable .-pagination .-pageJump {
  display: inline-block;
}
.ReactTable .-pagination .-pageJump input {
  min-width: 3.2rem;
  max-width: 1.6rem;
  border: 0;
  outline: 0;
  display: inline-block;
  text-align: center;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.3rem;
  color: #3bba82;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.16rem;
}
.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}
.ReactTable .-pagination .-previous .-btn:before {
  content: "\e90e";
}
.ReactTable .-pagination .-next .-btn:before {
  content: "\e910";
}
.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.8);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
  padding: 20px;
  color: rgba(0,0,0,0.5);
}
.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255,255,255,0.8);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0,0,0,0.6);
  -webkit-transform: translateY(-52%);
  -moz-transform: translateY(-52%);
  -o-transform: translateY(-52%);
  -ms-transform: translateY(-52%);
  transform: translateY(-52%);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ReactTable .-loading > div.-active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  z-index: 2;
  pointer-events: all;
}
.ReactTable .-loading > div.-active > div {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.ReactTable .select-wrap {
  position: relative;
  display: inline-block;
}
.ReactTable .select-wrap select {
  padding: 5px 15px 5px 7px;
  min-width: 100px;
}
.ReactTable .select-wrap select:after {
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  line-height: normal;
  position: relative;
  border-right: 1px solid #dcdcdc;
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  color: #3bba82;
}
.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  color: #3bba82;
}
.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}
.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ReactTable .rt-th,
.ReactTable .rt-td {
  padding-right: 1.6rem;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-property: width, min-width, padding, opacity;
  -moz-transition-property: width, min-width, padding, opacity;
  -o-transition-property: width, min-width, padding, opacity;
  -ms-transition-property: width, min-width, padding, opacity;
  transition-property: width, min-width, padding, opacity;
}
.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
}
.ReactTable input,
.ReactTable select {
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none;
}
.ReactTable input:not([type="checkbox"]):not([type="radio"]),
.ReactTable select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ReactTable input:not([type="checkbox"]):not([type="radio"])::-ms-expand,
.ReactTable select::-ms-expand {
  display: none;
}
.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ReactTable.rt--checks .rt-tr >.rt-td,
.ReactTable.rt--checks .rt-tr >.rt-th {
  max-width: 16rem;
}
.ReactTable.rt--checks .rt-tr >.rt-td:last-child {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  justify-content: start;
}
.ReactTable .rt-th {
  text-align: left;
}
.ReactTable .rt-td {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 1.7rem;
}
.ReactTable .rt-td >.drop__cont {
  display: inline-block;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ReactTable .rt-td--withdrop {
  overflow: visible;
}
.ReactTable .rt-tr {
  -webkit-box-shadow: 0 1px 0 0 #d8d8d8;
  box-shadow: 0 1px 0 0 #d8d8d8;
  overflow: visible;
}
.ReactTable .rt-tr >.rt-td {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.ReactTable .rt-tr >.rt-td .btn {
  margin-left: 0.6rem;
}
.ReactTable .rt-tr >.rt-td .btn:first-child {
  margin-left: 0;
}
@media all and (min-width: 900px) {
  .ReactTable .rt-tr >.rt-td:last-child {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: 0.5rem;
  }
}
@media all and (max-width: 900px) {
  .ReactTable .rt-tr {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .ReactTable .rt-tr >.rt-td {
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .ReactTable .rt-tr >.rt-td .btn--md {
    padding: 1rem;
  }
}
.ReactTable .rt-tr-group {
  margin-top: -0.1rem;
  border-radius: 0.4rem;
  border: 0.1rem solid transparent;
}
.ReactTable .rt-tr-group:hover {
  background-color: #fcfcfc;
  background: #fcfcfc;
  border-color: #d8d8d8;
  -webkit-box-shadow: 2px 3px 9px rgba(0,0,0,0.08);
  box-shadow: 2px 3px 9px rgba(0,0,0,0.08);
}
.ReactTable .rt-tr-group:hover .rt-tr {
  border-bottom-color: transparent;
}
@media all and (max-width: 900px) {
  .ReactTable .rt-tr-group {
    padding: 0 2rem;
  }
}
.ReactTable .rt-tbody .rt-tr-group:first-child {
  margin-top: 0;
}
@media all and (min-width: 900px) {
  .ReactTable .rt-tbody .rt-tr-group:first-child:hover {
    border-top: 0.1rem solid #d8d8d8;
  }
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0.1rem solid transparent;
}
@media all and (min-width: 900px) {
  .ReactTable .rt-tbody .rt-tr-group:last-child:hover {
    border-color: #d8d8d8;
  }
}
.ReactTable .rt-tbody,
.ReactTable .rt-table {
  overflow: visible;
}
.ReactTable .rt-thead {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.3rem;
  text-align: left;
  font-weight: 600;
  color: #b3b3b3;
  letter-spacing: 0.18rem;
  margin-bottom: 1.2rem;
}
.ReactTable .rt-thead.-header {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ReactTable .rt-thead.-header .rt-tr {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ReactTable .rt-thead .rt-th {
  border-right: 0;
}
.ReactTable .rt-thead .-sort-asc,
.ReactTable .rt-thead .-sort-desc {
  margin-left: 1rem;
}
.ReactTable .rt-thead .-sort-asc > div:after,
.ReactTable .rt-thead .-sort-desc > div:after {
  font-family: 'icons';
  display: inline-block;
}
.ReactTable .rt-thead .-sort-asc > div:after {
  content: "\e912";
  -webkit-transform: translateY(2.5px);
  -moz-transform: translateY(2.5px);
  -o-transform: translateY(2.5px);
  -ms-transform: translateY(2.5px);
  transform: translateY(2.5px);
}
.ReactTable .rt-thead .-sort-desc > div:after {
  content: "\e90c";
}
@media all and (max-width: 900px) {
  .ReactTable {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
  .ReactTable .rt-thead {
    padding-left: 0;
    padding-right: 0;
  }
  .ReactTable .rt-tr-group {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  .ReactTable {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.pagination-bottom {
  margin-top: 1.6rem;
  text-align: center;
}
.note--alert {
  padding: 4.8rem;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 4.8rem;
  border-radius: 0.4rem;
}
.note--alert__title {
  font-size: 3rem;
  font-weight: 700;
  display: block;
}
.note--onboard {
  padding: 2.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 0.2rem rgba(196,196,196,0.1);
  box-shadow: 0.2rem 0.2rem 0.2rem rgba(196,196,196,0.1);
}
.note--onboard .i {
  margin-bottom: 1.6rem;
}
.note--step {
  background-color: #fff1d1;
  position: relative;
  border-radius: 1.6rem;
  padding: 4rem 2.4rem 2.4rem 2.4rem;
  text-align: center;
}
.note--step:before {
  content: '1';
  background-color: #feba18;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
}
.note--step__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.note--step__cont .note--step {
  margin-right: 1.6rem;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}
.note--step__cont .note--step:last-child,
.note--step__cont .note--step:only-child {
  margin-right: 0;
}
.note--step__cont .note--step:nth-of-type(0):before {
  content: '0';
}
.note--step__cont .note--step:nth-of-type(1):before {
  content: '1';
}
.note--step__cont .note--step:nth-of-type(2):before {
  content: '2';
}
.note--step__icon {
  margin-bottom: 1.6rem;
}
@media all and (min-width: 900px) {
  .note--step {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 2.4rem;
  }
  .note--step__icon {
    margin-bottom: 0;
    margin-right: 1.6rem;
  }
}
.note--prim {
  background-color: #effaf5;
  border: 0.1rem solid #e7f7f0;
}
.note--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.6rem;
  width: 100%;
  border-radius: 0.4rem;
  text-align: left;
}
.note--flex__icon {
  margin-right: 1.6rem;
}
.note--location__link {
  color: #3bba82;
  text-decoration: underline;
}
.note--msg {
  background-color: #f7f7f7;
  border: 0.1rem solid #e7e7e7;
  padding: 4.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.4rem;
  margin-bottom: 4.8rem;
}
@media all and (max-width: 900px) {
  .note--msg {
    margin-bottom: 2.8rem;
  }
}
.note--msg__text {
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
.note--info {
  background-color: #f2f2f2;
  padding: 1.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 4.8rem;
}
.note--info__item {
  margin-right: 4.8rem;
}
.note--info__item:last-child {
  margin-right: 0;
}
.note--info__lbl {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #979797;
  letter-spacing: 0.12rem;
  margin-right: 0.8rem;
}
.note--info__text {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0.06rem;
  color: #000;
}
.note--info--list .note--info__item {
  margin-bottom: 2.4rem;
}
.note--info--list .note--info__item:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 900px) {
  .note--info--list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .note--info--list .note--info__item {
    margin-right: 1.6rem;
  }
}
@media all and (max-width: 900px) {
  .note--info {
    margin-bottom: 1.6rem;
  }
  .note--info__lbl {
    width: 100%;
    display: inline-block;
  }
  .note--info__item {
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .note--info__item:last-child {
    margin-bottom: 0;
  }
}
@media all and (max-width: 900px) {
  .note--inline {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.note--checks {
  padding: 1.6rem;
  border-radius: 0.8rem;
}
.note--checks__item {
  margin-right: 1.6rem;
}
.note--checks__item .i-check-round-sm {
  background-color: #000;
  margin-right: 0.7rem;
}
.note--checks__item:last-child,
.note--checks__item:only-child {
  margin-right: 0;
}
@media all and (max-width: 900px) {
  .note--checks__item {
    margin-right: 0;
    margin-bottom: 1.6rem;
    width: 100%;
    display: inline-block;
  }
  .note--checks__item:last-child,
  .note--checks__item:only-child {
    margin-bottom: 0;
  }
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1000;
}
.popup.active {
  display: block;
}
.popup__overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(38,84,124,0.8);
}
.popup__modal {
  position: absolute;
  width: 710px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  border-radius: 0.5rem;
  padding-top: 1rem;
  max-height: 58.5rem;
}
.popup__content {
  padding: 3.7rem 3.5rem 3rem 5rem;
  max-height: calc(100% - 80px);
  overflow: auto;
}
.popup__title {
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  font-size: 2.7rem;
  line-height: 3.5rem;
  color: #113425;
}
.popup__text {
  margin-top: 2.7rem;
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  line-height: 2.4rem;
  color: #113425;
}
.popup__footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 2rem;
  background: #26547c;
  -webkit-box-shadow: 0 -0.2rem 0.4rem rgba(0,0,0,0.25);
  box-shadow: 0 -0.2rem 0.4rem rgba(0,0,0,0.25);
  border-radius: 0 0 0.5rem 0.5rem;
}
.popup__label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 500;
  margin-right: 2.5rem;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
}
.popup__checkbox {
  display: none;
}
.popup__checkbox:checked ~ .popup__checkbox--status:before {
  display: block;
}
.popup__checkbox--status {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #3bba82;
  border-radius: 5px;
  width: 2rem;
  height: 2rem;
  margin-right: 20px;
}
.popup__checkbox--status:before {
  display: none;
  content: '';
  width: 70%;
  height: 70%;
  background: #fff;
  border-radius: 0.3rem;
}
.blocks__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #fff;
  border: 0.1rem solid rgba(220,220,220,0.7);
  border-radius: 0.5rem;
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
}
.blocks__cont.--m-0 {
  margin: 0;
}
@media all and (min-width: 900px) {
  .blocks__cont {
    margin-bottom: 4.8rem;
    border-left: 0.7rem solid #3bba82;
  }
}
@media all and (max-width: 900px) {
  .blocks__cont__outer {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    margin-bottom: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .blocks__cont__outer {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.blocks__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.blocks__row--wrap {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blocks__row--receipts {
  padding: 2.4rem;
  min-height: 20rem;
}
.blocks__row__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media all and (max-width: 900px) {
  .blocks__row--columns {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.blocks__row:last-child {
  border-top: 0.1rem solid rgba(196,196,196,0.7);
}
.blocks__row--large-link {
  max-width: 62.3rem;
}
.blocks__row--large-link a {
  overflow-wrap: anywhere;
}
.blocks__box {
  padding: 3.6rem 3.6rem;
  border-right: 0.1rem solid rgba(196,196,196,0.7);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.blocks__box:last-child {
  border-right: 0;
}
.blocks__box--brake-all {
  word-break: break-all;
}
.blocks__box .note--checks {
  margin-top: 1.6rem;
}
.blocks__box .i-verified {
  color: #3bba82;
}
.blocks__box__list__item {
  position: relative;
  padding-left: 3.6rem;
  margin-bottom: 1.6rem;
}
.blocks__box__list__item:last-child,
.blocks__box__list__item:only-child {
  margin-bottom: 0;
}
.blocks__box__list__item:before {
  content: '1';
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 1.4rem;
  line-height: 1.4rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 1rem;
  border-radius: 50%;
  background-color: #000;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  width: 2.6rem;
  height: 2.6rem;
}
.blocks__box__list__item:nth-of-type(0):before {
  content: '0';
}
.blocks__box__list__item:nth-of-type(1):before {
  content: '1';
}
.blocks__box__list__item:nth-of-type(2):before {
  content: '2';
}
.blocks__box__list__item:nth-of-type(3):before {
  content: '3';
}
.blocks__box__list__item:nth-of-type(4):before {
  content: '4';
}
.blocks__box__list__item:nth-of-type(5):before {
  content: '5';
}
.blocks__box__list__item:nth-of-type(6):before {
  content: '6';
}
.blocks__box--notes {
  padding-bottom: 4.8rem;
  padding-top: 2.4rem;
}
.blocks__box--extra {
  padding-top: 4.08rem;
  padding-bottom: 4.08rem;
}
.blocks__box--extra--max-width {
  width: 100%;
}
.blocks__box--warn {
  background-color: #fbe5e5;
}
.blocks__box--warn .blocks__lbl {
  color: #e13535;
}
.blocks__box--warn .blocks__box__list__item:before {
  background-color: #e13535;
}
.blocks__box--alert {
  background-color: #fff5dc;
}
.blocks__box--alert .blocks__lbl {
  color: #f9b001;
}
.blocks__box--alert .blocks__box__list__item:before {
  background-color: #f9b001;
}
@media all and (min-width: 1200px) {
  .blocks__box.--recuere {
    min-width: 39rem;
    max-width: 39rem;
  }
}
@media all and (min-width: 1200px) {
  .blocks__box.--funds {
    min-width: 26rem;
    max-width: 26rem;
  }
}
.blocks__box__more {
  color: #3bba82;
}
.blocks__box__more:hover {
  color: #26547c;
}
@media all and (max-width: 900px) {
  .blocks__box {
    padding: 2.8rem;
  }
}
@media all and (min-width: 900px) {
  .blocks__box--features {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .blocks__box--features .blocks__lbl {
    padding: 4.8rem 4.8rem 1.6rem 4.8rem;
    width: 100%;
  }
}
.blocks__info {
  font-size: 1.5rem;
}
.blocks__note {
  font-size: 1.7rem;
  font-family: 'Roboto', sans-serif;
}
.blocks__note--sm {
  font-size: 1.1rem;
  line-height: 1.5em;
  color: #979797;
}
.blocks__note--md {
  font-size: 1.3rem;
  line-height: 1.4em;
  margin-top: 1.6rem;
  color: #979797;
}
.blocks__note--md >a {
  color: #3bba82;
}
.blocks__note--md >a:hover {
  text-decoration: underline;
}
.blocks__note--lg {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  line-height: 1.4em;
}
.blocks__note--lg >a {
  color: #3bba82;
}
.blocks__note--lg >a:hover {
  text-decoration: underline;
}
@media all and (max-width: 320px) {
  .blocks__note--lg {
    font-size: 1.6rem;
  }
}
.blocks__note--lg.--flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.blocks__note--lg.--flex-row >p {
  margin: auto;
}
.blocks__list {
  margin-bottom: 1rem;
  list-style-type: decimal;
  padding-left: 1.6rem;
}
.blocks__list__item {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  font-weight: 500;
}
.blocks__list__item__inn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.blocks__list__info {
  min-width: 14rem;
  display: inline-block;
}
.blocks__bar {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 3rem;
  text-align: right;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  position: relative;
  color: #3bba82;
}
.blocks__bar__text {
  position: absolute;
  right: 0;
}
.blocks__bar__line {
  display: inline-block;
  height: 0.4rem;
  vertical-align: middle;
  background-color: #3bba82;
}
.blocks__lbl {
  font-size: 1.5rem;
  letter-spacing: 0.16rem;
  color: #979797;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
}
.blocks__lbl--table {
  padding-left: 4.8rem;
  padding-top: 4.8rem;
}
@media all and (max-width: 900px) {
  .blocks__lbl--table {
    padding-top: 2.4rem;
    padding-left: 2.4rem;
    margin-bottom: 1.6rem;
  }
}
.blocks__value {
  display: inline-block;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.blocks__value--balance {
  font-weight: 300;
  font-size: 4.5rem;
  line-height: 1em;
  margin-bottom: 1rem;
  display: inline-block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media all and (max-width: 900px) {
  .blocks__value--balance {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.blocks__value--balance__sign {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.blocks__value--charge {
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1em;
}
.blocks__value--code {
  font-weight: 300;
  font-size: 5rem;
  line-height: 1em;
}
.blocks__value--amount {
  font-weight: 300;
  font-size: 5rem;
  line-height: 1em;
  white-space: nowrap;
}
.blocks__value--used {
  font-weight: 300;
  font-size: 5rem;
  font-family: 'Roboto', sans-serif;
  line-height: 1em;
  white-space: nowrap;
}
.blocks__value--constraint {
  font-weight: 400;
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  line-height: 1.8em;
  white-space: nowrap;
}
.blocks__value--constraint .blocks__value__sign {
  font-weight: 300;
  margin-right: -1.2rem;
}
.blocks__value__sign {
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  margin-right: -0.2rem;
  font-weight: 400;
  -webkit-transform-origin: 0 70%;
  -moz-transform-origin: 0 70%;
  -o-transform-origin: 0 70%;
  -ms-transform-origin: 0 70%;
  transform-origin: 0 70%;
}
.blocks__value__amount__sign {
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  margin-right: -1.1rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  -webkit-transform-origin: 0 70%;
  -moz-transform-origin: 0 70%;
  -o-transform-origin: 0 70%;
  -ms-transform-origin: 0 70%;
  transform-origin: 0 70%;
}
.blocks--org {
  border: 0.1rem solid rgba(196,196,196,0.7);
}
.blocks--org .blocks__row:last-child {
  border-top: 0;
}
.blocks--balance {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-bottom: 2.4rem;
}
@media all and (max-width: 900px) {
  .blocks--balance {
    margin-bottom: 0;
  }
}
@media all and (min-width: 767px) {
  .blocks--balance .flex--break {
    display: none;
  }
}
@media all and (max-width: 1200px) {
  .blocks--balance .blocks__lbl {
    font-size: 1.1rem;
  }
  .blocks--balance .blocks__note--md {
    font-size: 1.1rem;
    line-height: 1em;
  }
  .blocks--balance .blocks__box {
    padding: 2rem;
  }
  .blocks--balance .blocks__value--balance {
    font-size: 3.6rem;
  }
  .blocks--balance .--balance {
    max-width: 24rem;
  }
  .blocks--balance .--funds {
    max-width: 22rem;
  }
}
@media all and (max-width: 900px) {
  .blocks--balance .--balance {
    max-width: initial;
  }
  .blocks--balance__outer {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    margin-bottom: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .blocks--balance .--balance {
    border-right: 0;
    padding-right: 0;
  }
  .blocks--balance .--recuere {
    border-top: 0.1rem solid rgba(208,208,208,0.7);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .blocks--balance .--recuere .blocks__note--md {
    line-height: 1em;
    margin-top: 0;
    padding-left: 0.8rem;
  }
  .blocks--balance .--recuere .btn {
    font-size: 1rem;
  }
  .blocks--balance .--funds {
    border-right: 0;
  }
  .blocks--balance .blocks__value--balance {
    font-size: 2.2rem;
  }
  .blocks--balance__outer {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    margin-bottom: 1.6rem;
  }
}
@media all and (max-width: 320px) {
  .blocks--balance .--recuere .btn {
    font-size: 0.9rem;
  }
}
.blocks--funds {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.blocks--funds .blocks__note--md {
  display: inline-block;
  width: 100%;
}
@media all and (max-width: 900px) {
  .blocks--funds__row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .blocks--funds__item {
    max-width: 18rem;
  }
}
@media all and (max-width: 807px) {
  .blocks--funds .blocks__note--md {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .blocks--funds__row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .blocks--funds__item {
    margin-top: 2.4rem;
    max-width: 100%;
  }
}
.blocks--data {
  border-left: 0;
  border: 0.1rem solid rgba(196,196,196,0.7);
}
.blocks--data .ReactVirtualized__Grid__innerScrollContainer {
  min-width: 100%;
}
@media all and (max-width: 900px) {
  .blocks--lite {
    text-align: center;
    padding: 1.6rem;
  }
  .blocks--lite .blocks__value--balance {
    margin-bottom: 1.6rem;
  }
  .blocks--lite__btns >.btn {
    margin-bottom: 1rem;
  }
  .blocks--lite__btns >.btn:last-child,
  .blocks--lite__btns >.btn:only-child {
    margin-bottom: 0;
  }
}
@media all and (min-width: 767px) {
  .blocks--borders .blocks__box {
    padding-top: 2.4rem;
    padding-left: 4.8rem;
  }
  .blocks--borders .blocks__box--extra {
    padding-top: 4.8rem;
    padding-left: 4.8rem;
  }
  .blocks--borders .blocks__row {
    border-top: 0;
    border-bottom: 0.1rem solid rgba(196,196,196,0.7);
  }
  .blocks--borders .blocks__row:last-child {
    border-bottom: 0;
  }
  .blocks--borders .blocks__row:first-child .blocks__box {
    padding-top: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .blocks--borders .blocks__row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .blocks--borders .blocks__box {
    border-bottom: 0.1rem solid rgba(196,196,196,0.7);
  }
  .blocks--borders .blocks__box--notes {
    border-bottom: 0;
  }
}
.blocks--vertical {
  padding: 0;
  min-width: 28rem;
}
.blocks--vertical .blocks__lbl {
  margin-bottom: 0.6rem;
}
.blocks--vertical__box {
  padding: 1.6rem 3.6rem;
  border-bottom: 0.1rem solid rgba(196,196,196,0.7);
}
.blocks--vertical__box--fw {
  -webkit-box-flex: 10;
  -moz-box-flex: 10;
  -o-box-flex: 10;
  -ms-box-flex: 10;
  box-flex: 10;
  -webkit-flex-grow: 10;
  flex-grow: 10;
}
.blocks--vertical__box:last-child {
  border-bottom: 0;
}
@media all and (min-width: 900px) {
  .blocks--compact {
    text-align: left;
  }
  .blocks--compact .blocks__row {
    border-bottom: 0.1rem solid rgba(196,196,196,0.7);
  }
  .blocks--compact .blocks__row:last-child {
    border-bottom: none;
  }
  .blocks--compact .blocks__box {
    padding: 1.6rem;
  }
  .blocks--compact .blocks__box:first-child {
    padding-left: 2.72rem;
  }
  .blocks--compact .blocks__value--amount {
    font-size: 2.2rem;
    font-weight: 400;
  }
  .blocks--compact .blocks__value__sign {
    font-size: 1.6rem;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    margin-right: 0.2rem;
  }
  .blocks--compact--borders {
    border-left: 0;
  }
  .blocks--compact--borders .blocks__row {
    border-bottom: 0.1rem solid rgba(196,196,196,0.7);
  }
  .blocks--compact--borders .blocks__row:last-child {
    border-bottom: none;
    border-top: none !important;
  }
  .blocks--compact--borders .blocks__box {
    padding: 2.4rem;
  }
  .blocks--compact--borders .blocks__box:first-child {
    padding-left: 2.72rem;
  }
  .blocks--compact--borders .blocks__value--amount {
    font-size: 2.2rem;
    font-weight: 400;
  }
  .blocks--compact--borders .blocks__value__sign {
    font-size: 1.6rem;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    margin-right: 0.2rem;
  }
}
@media all and (max-width: 900px) {
  .blocks__note--md {
    margin-top: 0.8rem;
  }
  .blocks--compact--borders .blocks__value--amount {
    font-size: 3.6rem;
  }
  .blocks--compact--borders .blocks__value__sign {
    margin-right: 0.05rem;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .blocks--compact--borders .blocks__row {
    border: none;
  }
  .blocks--compact--borders .blocks__box {
    border-bottom: 0.1rem solid rgba(196,196,196,0.7);
  }
}
.confirmation__send {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5rem 4rem;
  background: rgba(252,252,252,0.15);
  border-radius: 0.5rem;
}
.confirmation__send__invite {
  padding: 2.5rem 4rem;
}
.confirmation__send__heading {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 2.1rem;
  line-height: 2.7rem;
}
.confirmation__send__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.confirmation__send__buttons .btn {
  margin-right: 1.2rem;
  padding: 1.2rem 3rem;
}
.confirmation__send__buttons .btn:last-child {
  margin-right: 0;
}
@media all and (min-width: 900px) {
  .confirmation__send {
    margin: 2rem 0 10.4rem;
  }
  .confirmation__send__heading {
    margin-right: 2.4rem;
  }
  .confirmation__send__invite {
    margin: 0 0 2.5rem;
  }
}
@media all and (max-width: 900px) {
  .confirmation__send {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.8rem;
    margin-bottom: 2.4rem;
  }
  .confirmation__send__heading {
    margin-bottom: 1.6rem;
  }
  .confirmation__send__buttons {
    max-width: 100%;
  }
  .confirmation__send__buttons .btn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
  }
}
.confirmation--send {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.confirmation--send .confirmation__send__heading {
  font-weight: 500;
}
.confirmation--send .btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.confirmation--send .btn .i {
  font-size: 1.8rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  -webkit-transform: scale(0.94) translateX(-1rem);
  -moz-transform: scale(0.94) translateX(-1rem);
  -o-transform: scale(0.94) translateX(-1rem);
  -ms-transform: scale(0.94) translateX(-1rem);
  transform: scale(0.94) translateX(-1rem);
}
.confirmation--send .btn:hover {
  background-color: #3bba82;
  color: #fff;
  border-color: #3bba82;
}
.confirmation--wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 4.8rem;
}
.confirmation--wrap .confirmation__send {
  width: 100%;
}
.confirmation--wrap .confirmation__send__heading {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.confirmation--wrap .confirmation__send--compact {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.confirmation--wrap .confirmation__send--compact .confirmation__send__heading {
  margin-bottom: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
@media all and (max-width: 900px) {
  .confirmation--wrap {
    -webkit-flex-direction: wrap;
    -ms-flex-direction: wrap;
    flex-direction: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .confirmation--wrap .confirmation__send {
    margin-bottom: 2.4rem;
  }
}
.confirmation__list {
  margin: 0;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  margin-right: 2.4rem;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.confirmation__list .confirmation__send__heading {
  margin-bottom: 2.4rem;
}
.confirmation__list__item {
  color: #fff;
  margin-bottom: 1.6rem;
}
.confirmation__list__item:last-child,
.confirmation__list__item:only-child {
  margin-bottom: 0;
}
.confirmation__list__item:before {
  content: '●';
  margin-right: 0.6rem;
}
.box__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (max-width: 900px) {
  .box__wrap {
    padding-bottom: 2.8rem;
  }
}
.box__item {
  border: 0.1rem solid #c4c4c4;
  font-size: 2.5rem;
  font-family: 'Roboto', sans-serif;
  border-radius: 0.4rem;
  line-height: 1.3em;
  font-weight: 300;
  letter-spacing: 0;
  padding: 2.8rem 1.6rem;
  margin-bottom: 2.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  jusitfy-content: center;
  text-align: center;
  background-color: #ebf9f3;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.box__item >.typ--b {
  font-weight: 500;
}
.box__item:last-child,
.box__item:only-child {
  margin-bottom: 0;
}
.filter__cont {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 4.8rem;
}
.filter__cont+.app__view .app__view {
  padding-top: 0;
}
.filter__title {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  line-height: 1em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.filter__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.filter__controls >* {
  margin-left: 3rem;
}
.filter__controls >*:first-child {
  margin-left: 0;
}
.filter--drop {
  width: auto;
}
.filter--drop__indicator {
  padding: 0 !important;
}
.filter--drop__indicator >svg,
.filter--drop__indicator-separator {
  display: none;
}
.filter--drop__indicator:before {
  content: "\e90c";
  font-family: 'icons';
  color: #3bba82;
}
.filter--drop__control {
  border: 0 !important;
  min-height: 4rem;
}
.filter--drop__control--is-focused {
  border: 0 !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
}
.filter--drop__placeholder {
  font-size: 1.4rem;
  padding-top: 0.2rem;
  -o-text-overflow: initial !important;
  text-overflow: initial !important;
  white-space: initial !important;
  position: relative;
  overflow: visible;
  width: auto;
  top: initial !important;
  left: initial;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
@media all and (min-width: 900px) {
  .filter--drop__placeholder {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #3bba82 !important;
    position: static !important;
  }
}
@media all and (max-width: 900px) {
  .filter--drop__placeholder {
    text-transform: capitalize;
    font-size: 1.5rem;
    font-family: 'Roboto', sans-serif;
  }
}
@media all and (max-width: 480px) {
  .filter--drop__placeholder {
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}
.filter--drop__value-container {
  width: auto;
  padding: 0 !important;
  height: 4rem;
  padding-right: 1.2rem !important;
}
.filter--drop__single-value {
  width: auto;
  font-weight: 700;
  top: initial !important;
  left: initial;
  color: #3bba82 !important;
  line-height: 4rem;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
@media all and (min-width: 900px) {
  .filter--drop__single-value {
    -o-text-overflow: initial !important;
    text-overflow: initial !important;
    white-space: initial !important;
    overflow: visible;
    position: static !important;
  }
}
.filter--drop__menu {
  min-width: 26rem;
  left: initial;
  right: -1.2rem;
  background-color: #3bba82 !important;
  text-align: left;
  padding: 0.4rem 0.4rem 0.4rem 0;
}
.filter--drop__menu:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 1.4rem;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-color: transparent transparent #3bba82 transparent;
}
@media all and (min-width: 900px) {
  .filter--drop__menu ::-webkit-scrollbar {
    width: 0.4rem;
  }
  .filter--drop__menu ::-webkit-scrollbar-track {
    background-color: #3bba82;
  }
  .filter--drop__menu ::-webkit-scrollbar-thumb {
    background: #2f9568;
    border-radius: 2.4rem;
  }
  .filter--drop__menu ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}
.filter--drop__option {
  color: #fff !important;
  background-color: transparent !important;
  outline: none !important;
}
.filter--drop__option:active,
.filter--drop__option:hover,
.filter--drop__option:focus {
  background-color: #fff !important;
  color: #3bba82 !important;
}
.filter--drop.--lite .filter--drop__control {
  background-color: transparent !important;
  border: 0.1rem solid #3bba82 !important;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.filter--drop.--lite .filter--drop__single-value {
  color: #262626 !important;
  min-width: 14rem;
  font-weight: 500;
  letter-spacing: 0.06rem;
  -webkit-transform: translate3d(0);
  -moz-transform: translate3d(0);
  -o-transform: translate3d(0);
  -ms-transform: translate3d(0);
  transform: translate3d(0);
}
.filter--drop.--lite .filter--drop__menu {
  right: 0;
  -webkit-transform: translateY(2%);
  -moz-transform: translateY(2%);
  -o-transform: translateY(2%);
  -ms-transform: translateY(2%);
  transform: translateY(2%);
  min-width: 19.9rem;
  width: 100%;
}
.filter--drop.--lite .filter--drop__option {
  font-size: 1.8rem;
  padding: 1.2rem 1.6rem;
}
.filter--drop.--lite .filter--drop__option--is-selected {
  background-color: #26547c !important;
  font-weight: 700;
}
@media all and (max-width: 767px) {
  .filter--drop.--lite .filter--drop__single-value {
    display: inline-block;
    max-width: 15rem;
    width: auto;
  }
}
@media all and (max-width: 900px) {
  .filter--drop.--lite .filter--drop__single-value {
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100%;
    overflow: hidden;
  }
}
@media all and (max-width: 320px) {
  .filter--drop.--lite {
    width: 100%;
  }
}
@media all and (max-width: 900px) {
  .filter--drop__control {
    background-color: #efefef !important;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    border-radius: 0.4rem;
    min-width: 18.5rem;
  }
}
@media all and (min-width: 767px) {
  .filter--drop__control {
    min-width: 20rem;
  }
}
.filter--tabs__item {
  font-size: 2.2rem;
  margin-right: 2.4rem;
  color: #c4c4c4;
  position: relative;
  padding-bottom: 1.6rem;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.filter--tabs__item:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.3rem;
  width: 100%;
  background-color: #3bba82;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.filter--tabs__item:hover,
.filter--tabs__item--active {
  color: #000;
  cursor: pointer;
}
.filter--tabs__item:hover:before,
.filter--tabs__item--active:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.filter--tabs__items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.filter--tabs__item__count {
  margin-right: 0.6rem;
  font-weight: 700;
  color: #3bba82;
}
@media all and (min-width: 900px) {
  .filter--tabs__item__count {
    vertical-align: top;
    line-height: 2.9rem;
  }
}
.filter--tabs--inmodal {
  padding-left: 4.8rem;
  color: #fff;
  border-bottom: 0.1rem solid rgba(255,255,255,0.25);
}
.filter--tabs--inmodal .filter--tabs__item {
  color: rgba(255,255,255,0.6);
}
.filter--tabs--inmodal .filter--tabs__item--active {
  color: #3bba82;
  font-weight: 700;
}
@media all and (max-width: 900px) {
  .filter--tabs--inmodal {
    overflow-y: initial !important;
  }
}
.filter--tabs--inview {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  height: auto;
  border-bottom: 0.1rem solid #c4c4c4;
  margin-bottom: 0;
}
.filter--tabs--inview .filter--tabs__item {
  display: inline-block;
}
.filter--tabs--settings {
  padding-top: 2.4rem;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  background-color: #f8f8f8;
  height: auto;
  border-bottom: 0.1rem solid #e7e7e7;
  margin-bottom: 0;
}
.filter--tabs--settings .filter--tabs__item {
  display: inline-block;
}
.filter--tabs--cards {
  margin-top: 2.4rem;
}
.filter--tabs--org-details {
  margin-left: 4.5rem;
}
.filter--tabs--sticky {
  padding-left: 4.8rem;
  padding-top: 2.2rem;
}
.filter--tabs--sticky .filter--tabs__item {
  font-size: 1.8rem;
}
@media all and (max-width: 900px) {
  .filter--tabs {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    margin-bottom: 0.6rem;
  }
  .filter--tabs__item {
    font-size: 1.8rem;
    padding-bottom: 1.4rem;
  }
  .filter--tabs--sticky {
    padding-left: 2.4rem;
    padding-top: 0;
  }
  .filter--tabs--sticky .filter--tabs {
    padding-left: 0;
  }
  .filter--tabs--sticky .filter--tabs__item {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    font-size: 1.4rem;
  }
  .filter--tabs--inview {
    margin-bottom: 0;
    white-space: nowrap;
    -webkit-transform: translate3d(1);
    -moz-transform: translate3d(1);
    -o-transform: translate3d(1);
    -ms-transform: translate3d(1);
    transform: translate3d(1);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .filter--tabs--inview::-webkit-scrollbar {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .filter--tabs {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    overflow-y: auto;
  }
  .filter--tabs--inview {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.input--native--filter {
  position: relative;
}
.input--native--filter:after {
  content: "\e914";
  font-family: 'icons';
  position: absolute;
  right: 1.6rem;
  top: 50%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input--native--filter >select {
  width: 100%;
  display: inline-block;
  height: 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  outline: none;
  border: 0.1rem solid #f0f0f0;
  border-color: #e4e4e4;
  border-radius: 0.4rem;
  padding: 0 1.6rem;
}
.input--native--filter >select option {
  outline: none;
}
.filter__wrap .filter__head {
  position: sticky;
  left: 0;
  top: 0;
  border-radius: 0.4rem 0.4rem 0 0;
  z-index: 1;
  background-color: #ededed;
}
.filter__wrap::-webkit-scrollbar {
  background-color: transparent;
  padding: 0;
  width: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.filter__wrap::state(webkit-scrollbar-thumb) {
  background-color: rgba(0,0,0,0.05);
  border: 0.3rem solid transparent;
  border-radius: 0.9rem;
  height: 5rem;
  -webkit-background-clip: content;
  -moz-background-clip: content;
  background-clip: content-box;
}
.filter__wrap:hover::-webkit-scrollbar {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.filter__wrap:hover::state(webkit-scrollbar-thumb) {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media all and (min-width: 767px) {
  .filter__wrap {
    max-width: 42.8rem;
    min-width: 36.379999999999995rem;
  }
}
@media all and (min-width: 900px) {
  .filter__wrap {
    background-color: #fcfcfc;
    border: 0.1rem solid #f0f0f0;
    -webkit-box-shadow: 0.2rem 1.6rem 1.6rem rgba(0,0,0,0.15);
    box-shadow: 0.2rem 1.6rem 1.6rem rgba(0,0,0,0.15);
    border-radius: 0.4rem;
  }
  .filter__wrap__inside {
    position: relative;
    border-radius: 0.4rem;
  }
}
@media all and (max-width: 900px) {
  .filter__wrap {
    width: 100%;
    height: 100%;
    max-width: 39rem;
    margin-left: auto;
    margin-right: auto;
  }
  .filter__wrap__ol {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1001;
    overflow: hidden;
    overflow-y: auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .filter__wrap__inside {
    overflow: initial;
    height: auto;
    width: 100%;
    max-height: 100%;
    margin-top: 1.6rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    border-radius: 0.4rem;
  }
}
@media all and (max-width: 900px) and (max-width: 320px) {
  .filter__wrap__ol {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 900px) and (max-width: 320px) {
  .filter__wrap__inside {
    margin-top: auto;
    border-radius: 0;
  }
}
.filter__search {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom: 0.1rem solid #f0f0f0;
}
.filter__search >input[type='text'] {
  width: 100%;
  display: inline-block;
  padding: 1.6rem;
  padding-left: 4.6rem;
  background-color: #fcfcfc;
}
.filter__search__icon {
  position: absolute;
  padding: 1.6rem;
  display: inline-block;
  color: #184a34;
  font-size: 1.4rem;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.filter__search__icon:hover {
  color: #3bba82;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.filter__control {
  position: relative;
}
.filter__control .btn {
  width: 100%;
  text-align: center;
}
@media all and (max-width: 900px) {
  .filter__control {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .filter__control {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.filter__control .filter__wrap {
  position: absolute;
  top: calc(100% + 1.6rem);
  right: 0;
  z-index: 999;
}
.filter__body {
  background-color: #800080;
}
.filter__head {
  background-color: #f7f7f7;
  border-bottom: 0.1rem solid #f0f0f0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 1.6rem;
}
.filter__head__title {
  text-transform: uppercase;
  font-size: 1.2rem;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.13rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-align: center;
}
.filter__head__left {
  min-width: 7.6rem;
}
.filter__row {
  border-bottom: 0.1rem solid #f0f0f0;
}
.filter__row:last-child {
  border-bottom: 0;
  border-radius: 0 0 0.4rem 0.4rem;
}
.filter__toggle {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 1.6rem;
  cursor: pointer;
  background-color: #fff;
  height: 5.8rem;
}
.filter__toggle__label {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  width: 100%;
  padding-left: 1rem;
  cursor: pointer;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.filter__toggle__label >span {
  margin-right: 1rem;
}
.filter__toggle__label__title {
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
.filter__toggle__label__info {
  text-transform: uppercase;
  font-size: 1.2rem;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.13rem;
  color: #c9d0cd;
  margin-left: 0.2rem;
}
.filter__toggle__label__current {
  font-size: 1.6rem;
  font-weight: 300;
  color: #3bba82;
  display: inline-block;
  padding: 0.4rem 0;
  border-bottom: 0.1rem dashed #3bba82;
}
.filter__toggle >input[type="checkbox"] {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: #fff;
  background-color: transparent;
  border: 0.1rem solid #e4e4e4;
  width: 4.2rem;
  height: 2.4rem;
  cursor: pointer;
  border-radius: 4rem;
}
.filter__toggle >input[type="checkbox"]:before {
  content: '';
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  display: inline-block;
  background-color: #cfcfcf;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.filter__toggle >input[type="checkbox"]:checked {
  -webkit-box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
}
.filter__toggle >input[type="checkbox"]:checked:before {
  background-color: #3bba82;
  -webkit-transform: translateY(-50%) translateX(1rem);
  -moz-transform: translateY(-50%) translateX(1rem);
  -o-transform: translateY(-50%) translateX(1rem);
  -ms-transform: translateY(-50%) translateX(1rem);
  transform: translateY(-50%) translateX(1rem);
  -webkit-box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
}
.filter__toggle >input[type="checkbox"]:checked+label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  font-weight: 700;
}
.filter__checkbox {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 2.6rem;
}
.filter__checkbox__label {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  width: 100%;
  padding-left: 1rem;
  cursor: pointer;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  font-size: 1.5rem;
}
.filter__checkbox >input[type="checkbox"] {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: #fff;
  background-color: transparent;
  border: 0.1rem solid #e4e4e4;
  width: 2.55rem;
  min-width: 2.55rem;
  height: 2.4rem;
  cursor: pointer;
  background-color: #fff;
  border-radius: 0.4rem;
}
.filter__checkbox >input[type="checkbox"]:before {
  content: "\e903";
  font-family: 'icons';
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #3bba82;
  color: #fff;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.filter__checkbox >input[type="checkbox"]:checked {
  -webkit-box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
}
.filter__checkbox >input[type="checkbox"]:checked:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-radius: 0.4rem;
}
.filter__checkbox >input[type="checkbox"]:checked+label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  font-weight: 700;
}
.filter__checkbox.--lg {
  padding: 0;
}
.filter__checkbox.--lg >input[type="checkbox"] {
  width: 3.55rem;
  height: 3.4rem;
}
.filter__checkbox.--lg >input[type="checkbox"]:before {
  font-size: 2rem;
}
.filter__group {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  background-color: #f7f7f7;
}
.filter__group__inn {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.filter__group .filter__checkbox {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.filter__group .filter__checkbox:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.filter__group .filter--drop {
  margin-right: 0;
}
.filter__group--search {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.filter__group--default {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.filter--select {
  text-align: left;
}
.calendar__cont {
  background-color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  position: relative;
  width: 100%;
  border-radius: 0;
  border: none;
  border-top: 0.1rem solid #f0f0f0;
  vertical-align: top;
}
.calendar__cont .react-datepicker__navigation {
  color: #000;
}
.calendar__cont .react-datepicker__navigation--previous {
  border-right-color: #b6c1bc;
}
.calendar__cont .react-datepicker__navigation--next {
  border-left-color: #b6c1bc;
}
.calendar__cont .react-datepicker__header {
  max-width: auto;
  background-color: #fff;
  padding: 1.6rem;
  border: 0;
  width: 100%;
  padding: 0;
  border-radius: 0;
}
.calendar__cont .react-datepicker__current-month {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
  height: 5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.calendar__cont .react-datepicker__month {
  background-color: #fff;
  padding: 0;
}
.calendar__cont .react-datepicker__month-container {
  max-width: initial;
  width: 100%;
}
.calendar__cont .react-datepicker__week {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  grid-auto-rows: 1fr;
}
.calendar__cont .react-datepicker__week:last-child {
  margin-bottom: -0.1rem;
}
.calendar__cont .react-datepicker__day {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  color: #000;
  max-width: initial;
  outline: none;
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2rem;
  letter-spacing: 0.14rem;
  font-family: 'IBM Plex Sans', sans-serif;
  border-radius: 0;
  z-index: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-right: 0.1rem solid #f0f0f0;
  border-bottom: 0.1rem solid #f0f0f0;
  font-weight: 300;
  color: #7e7e7e;
}
.calendar__cont .react-datepicker__day:after {
  content: '';
  position: absolute;
  z-index: -1;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  border-radius: 50%;
}
.calendar__cont .react-datepicker__day:before {
  content: '';
  width: 0;
  padding-bottom: 100%;
  grid-row: 1/1;
  grid-column: 1/1;
}
.calendar__cont .react-datepicker__day--keyboard-selected {
  background-color: transparent;
  color: #fff;
  font-weight: 700;
}
.calendar__cont .react-datepicker__day--keyboard-selected:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #26547c;
}
.calendar__cont .react-datepicker__day--selected {
  background-color: transparent;
  color: #fff;
  font-weight: 700;
}
.calendar__cont .react-datepicker__day--selected:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #3bba82;
}
.calendar__cont .react-datepicker__day:hover {
  background-color: transparent;
  color: #fff;
  font-weight: 700;
}
.calendar__cont .react-datepicker__day:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #3bba82;
}
.calendar__cont .react-datepicker__day--in-selecting-range {
  background-color: #d1f5e5;
  color: #000;
  border-color: #d1f5e5;
}
.calendar__cont .react-datepicker__day--in-selecting-range.react-datepicker__day--selected {
  background-color: transparent !important;
  color: #fff;
  background-image: -webkit-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -moz-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -o-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -ms-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: linear-gradient(to right, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
}
.calendar__cont .react-datepicker__day--in-range {
  background-color: #d1f5e5;
  color: #000;
  border-color: #d1f5e5;
}
.calendar__cont .react-datepicker__day--in-range:hover {
  background-color: #26547c;
}
.calendar__cont .react-datepicker__day--in-range:hover:after {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.calendar__cont .react-datepicker__day--range-start {
  background-color: transparent !important;
  background-image: -webkit-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -moz-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -o-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -ms-linear-gradient(left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: linear-gradient(to right, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
}
.calendar__cont .react-datepicker__day--range-start:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible !important;
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important;
  background-color: #3bba82;
}
.calendar__cont .react-datepicker__day--range-end {
  background-color: transparent !important;
  background-image: -webkit-linear-gradient(right, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -moz-linear-gradient(right, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -o-linear-gradient(right, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: -ms-linear-gradient(right, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  background-image: linear-gradient(to left, #fff 0%, #fff 49%, #d1f5e5 50%) !important;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
}
.calendar__cont .react-datepicker__day--range-end:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible !important;
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important;
  background-color: #3bba82;
}
.calendar__cont .react-datepicker__day-name {
  margin: 0;
  color: #000;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #7d7d7d;
  background-color: #f6f6f6;
  border-right: 0.1rem solid #f0f0f0;
}
.calendar__cont .react-datepicker__day-name:last-child {
  border-right-color: transparent;
}
.calendar__cont .react-datepicker__day-names {
  background-color: #fff;
  display: grid;
  border-bottom: 0.1rem solid #f0f0f0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  row-gap: 0;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  grid-auto-rows: 1fr;
  border-top: 0.1rem solid #f0f0f0;
}
.calendar--month .react-datepicker__navigation {
  color: #000;
}
.calendar--month .react-datepicker__navigation--previous {
  border-right-color: #b6c1bc;
}
.calendar--month .react-datepicker__navigation--next {
  border-left-color: #b6c1bc;
}
.calendar--month .react-datepicker__header {
  max-width: auto;
  background-color: #fff;
  padding: 1.6rem;
  border: 0;
  width: 100%;
  padding: 0;
  border-radius: 0;
  font-size: 1.5rem;
}
.calendar--month .react-datepicker__header.react-datepicker-year-header {
  background-color: #fefefe;
  color: #000;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #f0f0f0;
}
.calendar--month .react-datepicker__current-month {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
  height: 5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.calendar--month .react-datepicker__month {
  background-color: #fff;
  padding: 1.6rem 0;
}
.calendar--month .react-datepicker__month-wrapper {
  background-color: #fff;
  width: 100%;
}
.calendar--month .react-datepicker__month-container {
  max-width: initial;
  width: 100%;
}
.calendar--month .react-datepicker__month-text {
  font-size: 1.6rem;
  padding: 1.6rem;
  display: inline-block;
  width: auto;
  color: #000;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.calendar--month .react-datepicker__month--selected {
  color: #fff;
  font-weight: 700;
}
.calendar--month .react-datepicker-month-wrapper {
  background-color: #008000;
}
.calendar--drop {
  width: 100%;
  max-width: 36rem;
  border-top: 0;
}
.calendar--drop:before {
  display: none !important;
  background-color: #d6d6d6 !important;
}
.calendar--drop .react-datepicker__month-container {
  border-radius: 0.4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  overflow: hidden;
}
.calendar--drop .react-datepicker__header {
  border-radius: 0.4rem 0.4rem 0 0;
}
.bill__cont {
  width: 100%;
  overflow-y: auto;
}
.bill__cont.--ol {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  height: 100%;
}
.bill__left,
.bill__right {
  width: 19rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bill:left {
  left: 0;
}
.bill__right {
  text-align: right;
  display: inline-block;
  right: 2.4rem;
}
.bill__right .i:before {
  -webkit-transform: translateX(0.4rem);
  -moz-transform: translateX(0.4rem);
  -o-transform: translateX(0.4rem);
  -ms-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}
.bill__head {
  background-color: #fff;
  width: 100%;
  padding: 2.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: sticky;
  left: 0;
  top: 0;
  height: 8.7rem;
  z-index: 999;
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.2);
}
.bill__head__title {
  font-size: 2.8rem;
  line-height: 1em;
  font-weight: 300;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bill__head__nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bill__head__nav .i {
  border: 0.1rem solid #c4c4c4;
  color: #3bba82;
  font-size: 1.6rem;
  border-radius: 50%;
  padding: 0.6rem;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.bill__head__nav__text {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0.16rem;
  color: #c4c4c4;
  margin: 0 1.6rem;
}
.bill__head__nav:hover {
  cursor: pointer;
}
.bill__head__nav:hover .i {
  color: #fff;
  background-color: #3bba82;
  border-color: #3bba82;
}
.bill__cent {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.bill__cent >.btn {
  margin-right: 2.4rem;
}
.bill__cent >.btn:last-child,
.bill__cent >.btn:only-child {
  margin-right: 0;
}
.bill__lbl {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.26rem;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
  color: #c4c4c4;
  font-family: 'IBM Plex Sans', sans-serif;
  display: block;
}
.bill__btns >.btn {
  margin-right: 1.6rem;
}
.bill__btns >.btn:last-child,
.bill__btns >.btn:only-child {
  margin-right: 0;
}
.bill__text {
  font-size: 2.2rem;
  line-height: 140%;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 4.8rem;
}
.bill__text:last-child {
  margin-bottom: 9.6rem;
}
.bill__msg {
  margin-top: 14.399999999999999rem;
}
.bill__msg__title {
  font-size: 3.8rem;
  color: #fff;
  margin-bottom: 9.6rem;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.bill__info {
  font-size: 2.3rem;
  overflow-wrap: normal;
}
.bill__info--loc {
  font-size: 2.4rem;
  color: #acacac;
}
.bill__details {
  background-color: #fff;
  margin: 4.8rem auto 0 auto;
  padding: 4.8rem;
  width: 70rem;
  border-radius: 0.5rem;
}
.bill__details__item.--loc {
  max-width: initial;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 30rem;
}
.bill__details__items >*:first-child {
  padding-top: 0;
}
.bill__details__items >*:last-child {
  border-bottom: none;
}
.bill__details__item--row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  border-bottom: 0.1rem solid #c4c4c4;
}
.bill__details__item--row >*:first-child {
  min-width: 15rem;
}
.bill__details__item--row >*:nth-child(2) {
  margin-right: 2rem;
}
.bill__details__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 4.8rem;
}
.bill__details__row >* {
  margin-right: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 33.33333%;
}
.bill__details__row >*:last-child {
  margin-right: 0;
}
.bill__details__row:last-child {
  margin-bottom: 0;
}
.bill__details.--blank {
  background-color: transparent;
  padding: 0;
}
.bill__details.--blank .form__cont .input {
  margin-bottom: 4.8rem;
}
.bill__details.--pdf {
  overflow: auto;
}
.bill__details.--pdf canvas {
  margin: 0 auto;
}
.bill__details.--pdf__cont {
  overflow: hidden;
}
.bill__details.--compact .bill__msg {
  margin-top: 4.8rem;
}
.bill__details.--compact .bill__msg__title {
  margin-bottom: 4.8rem;
}
.bill__match__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.bill__match__po {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 0.8rem;
}
.bill__match__po .i--square {
  margin-right: 0.6rem;
}
.bill__match__po .bill__info {
  font-size: 2.1rem;
}
.bill__match__nums {
  text-align: left;
}
.bill__match__stats {
  width: 12rem;
  max-width: 12rem;
  min-width: 12rem;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: top;
  -moz-box-align: top;
  -o-box-align: top;
  -ms-flex-align: top;
  -webkit-align-items: top;
  align-items: top;
}
.bill__match__stats .btn--sm {
  max-height: 3rem;
}
.bill__match__item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 0.1rem solid #c4c4c4;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: top;
  -moz-box-align: top;
  -o-box-align: top;
  -ms-flex-align: top;
  -webkit-align-items: top;
  align-items: top;
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
}
.bill__match__item >.bill__info {
  width: 26%;
  font-size: 2rem;
  display: inline-block;
  max-width: 26%;
  min-width: 26%;
  margin-right: 1.6rem;
}
.bill__match__item >.bill__info span {
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.bill__match__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.tooltip__cont {
  position: relative;
}
.tooltip__cont:hover .tooltip__area {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.tooltip__cont.--alert .tooltip__area {
  border-color: #fecf5d;
}
.tooltip__area {
  background-color: #fff;
  position: absolute;
  top: calc(100% - -1.6rem);
  right: 0;
  width: 35rem;
  text-align: center;
  border-radius: 0.4rem;
  border: 0.1rem solid #febb18;
  -webkit-box-shadow: 2px 3px 9px rgba(0,0,0,0.08);
  box-shadow: 2px 3px 9px rgba(0,0,0,0.08);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translateY(2%) scale(0.95);
  -moz-transform: translateY(2%) scale(0.95);
  -o-transform: translateY(2%) scale(0.95);
  -ms-transform: translateY(2%) scale(0.95);
  transform: translateY(2%) scale(0.95);
}
.tooltip__area:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.7rem 0.7rem 0.7rem;
  border-color: transparent transparent #fecf5d transparent;
  right: 5.5rem;
  bottom: 100%;
}
@media all and (max-width: 767px) {
  .tooltip__area {
    display: none !important;
  }
}
.tooltip__body {
  font-size: 1.6rem;
  padding: 1.6rem;
}
.tooltip__head {
  background-color: #fff5df;
  font-weight: 400;
  padding: 1.2rem 0;
  font-size: 1.5rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
.tooltip--dark .tooltip__area {
  right: initial;
  left: 50%;
  width: auto;
  border-color: #000;
}
.tooltip--dark .tooltip__area:after {
  border-color: transparent transparent #000 transparent;
  right: initial;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltip--dark .tooltip__head {
  background-color: #000;
  color: #fff;
  white-space: nowrap;
  padding-right: 2rem;
  padding-left: 2rem;
}
.tooltip--dark >.table__item--upto,
.tooltip--dark >.table__item--uptocompact,
.tooltip--dark >.table__item--amount {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tooltip--dark:hover {
  cursor: help;
}
.tooltip--dark:hover >.table__item--upto,
.tooltip--dark:hover >.table__item--uptocompact,
.tooltip--dark:hover >.table__item--amount {
  text-decoration: underline;
  font-weight: 600;
}
.tooltip--dark:hover .tooltip__area {
  right: initial !important;
  left: 50% !important;
  -webkit-transform: translateY(0) translateX(-50%) !important;
  -moz-transform: translateY(0) translateX(-50%) !important;
  -o-transform: translateY(0) translateX(-50%) !important;
  -ms-transform: translateY(0) translateX(-50%) !important;
  transform: translateY(0) translateX(-50%) !important;
}
.tooltip--dark:hover .tooltip__area:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.notif__cont--sticky {
  position: fixed;
  right: 0;
  top: 0;
  background-color: transparent;
  z-index: 1000;
  width: 100%;
  margin-left: 0 !important;
}
.notif__cont--sticky .notif__area {
  margin-bottom: 0;
}
@media all and (min-width: 900px) {
  .notif__cont--sticky {
    padding: 4.8rem;
    max-width: calc(100% - 10rem);
  }
}
@media all and (max-width: 900px) {
  .notif__cont--sticky {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
@media all and (max-width: 900px) {
  .notif__cont--sticky {
    padding: 2.8rem;
  }
}
.notif__cont--inview {
  padding: 4.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
}
@media all and (min-width: 900px) {
  .notif__cont--inview {
    padding: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .notif__cont--inview {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
@media all and (max-width: 900px) {
  .notif__cont--inview {
    padding: 2.8rem;
  }
}
.notif__cont--table {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.notif__cont--table .notif__item {
  border-bottom: 0;
}
.notif__cont--table .table--infinite {
  padding-top: 0;
  margin-top: 0;
}
.notif__cont--table .table--infinite__sizer {
  padding: 0;
}
.notif__cont--table .table--infinite__row__inside {
  padding-left: 2.4rem;
}
@media all and (max-width: 767px) {
  .notif__cont--table .table--infinite {
    padding-left: 1.5rem;
  }
  .notif__cont--table .table--infinite__cell {
    padding-right: 0;
  }
  .notif__cont--table .table--infinite__row__inside {
    padding-left: 0;
  }
}
.notif__close {
  font-size: 2.4rem;
  color: #c4c4c4;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  cursor: pointer;
  margin-right: 0.8rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.notif__close:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.notif__bell {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 0.1rem solid transparent;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.notif__bell__count {
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  width: 2.9rem;
  height: 2.9rem;
  background-color: #e55050;
  font-size: 1.5rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: #fff;
  border-radius: 50%;
  border: 0.3rem solid #fff;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  letter-spacing: -0.06rem;
  -webkit-animation: notificationNumber 0.2s linear;
  -moz-animation: notificationNumber 0.2s linear;
  -o-animation: notificationNumber 0.2s linear;
  -ms-animation: notificationNumber 0.2s linear;
  animation: notificationNumber 0.2s linear;
  display: none;
}
.notif__bell >.i {
  font-size: 3rem;
  line-height: 1em;
  color: #979797;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.notif__bell:hover >.i {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.notif__bell:hover .notif__bell__count {
  -webkit-transform: scale(1.05) translate(2%, 2%);
  -moz-transform: scale(1.05) translate(2%, 2%);
  -o-transform: scale(1.05) translate(2%, 2%);
  -ms-transform: scale(1.05) translate(2%, 2%);
  transform: scale(1.05) translate(2%, 2%);
}
.notif__bell--inpage {
  -webkit-box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.06);
  border-color: #c4c4c4;
}
.notif__bell--inpage >.notif__bell__count {
  display: none;
}
.notif__bell--notif >.notif__bell__count {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
}
.notif__bell--empty {
  background-color: #efefef;
}
@media all and (max-width: 900px) {
  .notif__bell {
    width: 3.4rem;
    height: 3.4rem;
    margin-left: 1.2rem;
    font-size: 1rem;
  }
  .notif__bell >.i {
    font-size: 2rem;
  }
}
.notif__check {
  padding-right: 0;
  padding-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 5rem;
  height: 4rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.notif__check .i {
  color: #3bba82;
  display: inline-block;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.notif__item {
  width: 100%;
  padding: 2.4rem;
  margin-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(196,196,196,0.6);
  text-align: left;
}
.notif__item:last-child {
  margin-bottom: 0;
}
.notif__item__inn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 0.1rem;
}
.notif__item__inn >.btn--lite {
  color: #3bba82;
  text-decoration: underline;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 1em;
  background-color: transparent;
}
.notif__item__inn >.btn--lite:hover {
  background-color: transparent;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.notif__item__date {
  color: #7e7e7e;
  font-size: 1.4rem;
  line-height: 1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.notif__item__icon {
  margin-right: 1.6rem;
}
.notif__item__text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 1.6rem;
}
.notif__item__title {
  font-size: 1.8rem;
  line-height: 1em;
  margin-right: 0.8rem;
}
.notif__item__title a {
  display: inline-block;
  color: #26547c;
  text-decoration: underline;
}
.notif__item__title a:hover {
  color: #3bba82;
}
.notif__item__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.notif__item__controls >* {
  margin-left: 1.6rem;
}
.notif__item__controls >*:first-child,
.notif__item__controls >*:only-child {
  margin-left: 0;
  margin-right: 0;
}
.notif__item--sticky {
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  background-color: #fff;
  -webkit-box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  box-shadow: 0.2rem 0.3rem 0.9rem rgba(0,0,0,0.08);
  border-radius: 0.4rem;
}
.notif__item--yellow,
.notif__item--orange,
.notif__item--red,
.notif__item--normal {
  border: 0.1rem solid rgba(196,196,196,0.6);
  border-radius: 0.4rem;
}
.notif__item--normal {
  background-color: #fff;
  border-color: #3bba82;
  color: #000;
}
.notif__item--normal .notif__close {
  color: #000;
}
.notif__item--yellow {
  background-color: #fff;
  border-color: #fecf5d;
  color: #000;
}
.notif__item--yellow .notif__close {
  color: #000;
}
.notif__item--orange {
  background-color: #fff;
  border-color: #ffa674;
  color: #000;
}
.notif__item--orange .notif__close {
  color: #000;
}
.notif__item--red {
  background-color: #fff;
  border-color: #e55050;
  color: #000;
}
.notif__item--red .notif__close {
  color: #000;
}
.notif__item--static {
  background-color: #ededed;
  font-size: 1.8rem;
}
@media all and (max-width: 900px) {
  .notif__item--static {
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 1.2rem;
    margin-bottom: 0;
  }
  .notif__item--static::-webkit-scrollbar {
    display: none;
  }
  .notif__item--static .notif__item__title {
    white-space: nowrap;
    font-size: 1.4rem;
  }
  .notif__item--static .notif__item__icon {
    margin-right: 0.6rem;
  }
}
.notif__area {
  margin-bottom: 7.199999999999999rem;
}
.notif__area__title {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 2.4rem;
  font-weight: 400;
}
.notif--preview {
  background-color: #fff;
  padding: 2.4rem;
  border-radius: 0.4rem;
}
.notif--preview .head__title--modal {
  color: #000;
}
.notif--alert {
  background-color: #f7cbcb;
  margin-bottom: 0.1rem;
}
.notif--alert__foot {
  background-color: #f7cbcb;
  padding: 1.6rem 2.8rem;
}
.notif--alert__foot.--more {
  margin-top: -3.2rem;
}
.notif--alert__foot.--less {
  text-align: center;
}
@media all and (min-width: 900px) {
  .notif--alert {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
  .notif--alert__foot {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
@media all and (min-width: 767px) {
  .notif__item .flex--break {
    display: none !important;
  }
}
@media all and (max-width: 900px) {
  .notif__check {
    height: 3rem;
    width: 3rem;
  }
  .notif__item {
    padding: 1.5rem;
    padding-bottom: 1.8rem;
    font-size: 1.4rem;
  }
  .notif__item__inn {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .notif__item__controls .btn__i,
  .notif__item__controls .i {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
    font-size: 1.4rem;
  }
  .notif__item__title {
    margin-bottom: 0.8rem;
  }
}
@media all and (max-width: 480px) {
  .notif__item {
    text-align: center;
  }
  .notif__item__title {
    width: 100%;
  }
  .notif__item__controls {
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.6rem;
  }
}
.notif__cont--sticky .notif__area .notif__item:nth-child(1) {
  -webkit-animation-delay: 19.4s;
  -moz-animation-delay: 19.4s;
  -o-animation-delay: 19.4s;
  -ms-animation-delay: 19.4s;
  animation-delay: 19.4s;
  -webkit-animation: notificationOut 20s linear forwards;
  -moz-animation: notificationOut 20s linear forwards;
  -o-animation: notificationOut 20s linear forwards;
  -ms-animation: notificationOut 20s linear forwards;
  animation: notificationOut 20s linear forwards;
}
.notif__cont--sticky .notif__area .notif__item:nth-child(2) {
  -webkit-animation-delay: 19.599999999999998s;
  -moz-animation-delay: 19.599999999999998s;
  -o-animation-delay: 19.599999999999998s;
  -ms-animation-delay: 19.599999999999998s;
  animation-delay: 19.599999999999998s;
  -webkit-animation: notificationOut 19.8s linear forwards;
  -moz-animation: notificationOut 19.8s linear forwards;
  -o-animation: notificationOut 19.8s linear forwards;
  -ms-animation: notificationOut 19.8s linear forwards;
  animation: notificationOut 19.8s linear forwards;
}
@-moz-keyframes notificationOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -o-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
  }
  3% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  97% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}
@-webkit-keyframes notificationOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -o-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
  }
  3% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  97% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}
@-o-keyframes notificationOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -o-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
  }
  3% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  97% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}
@keyframes notificationOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -o-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
  }
  3% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  97% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}
@-moz-keyframes notificationNumber {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes notificationNumber {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes notificationNumber {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes notificationNumber {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.load__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.load--ol {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(196,196,196,0.5);
  width: 100%;
  height: 100%;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.load--ol .load__logo {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 5rem;
}
.load--ol .load__logo--t {
  display: none;
}
.load--full {
  position: relative;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.load--full .load__logo {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.load--full .load__logo--t {
  display: none !important;
}
.load--btn {
  display: inline-block;
}
.load--btn .load__logo--m {
  height: 1.2rem;
  margin-right: -1.2rem;
  margin-left: 1.2rem;
}
.load--btn .load__logo--t {
  display: none;
}
.load__logo {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  max-width: 14.5rem;
}
.load__logo--t {
  width: 100%;
  display: inline-block;
  margin-top: 2.4rem;
}
.load__logo--m {
  -webkit-animation: RelayLoadClockWise 4.5s linear infinite;
  -moz-animation: RelayLoadClockWise 4.5s linear infinite;
  -o-animation: RelayLoadClockWise 4.5s linear infinite;
  -ms-animation: RelayLoadClockWise 4.5s linear infinite;
  animation: RelayLoadClockWise 4.5s linear infinite;
  display: inline-block;
}
@-moz-keyframes RelayLoad {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  35% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  85% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes RelayLoad {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  35% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  85% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-o-keyframes RelayLoad {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  35% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  85% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes RelayLoad {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  35% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
  }
  75% {
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }
  85% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-moz-keyframes RelayLoadClockWise {
  0% {
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
  }
  50% {
    -webkit-transform: rtoate(180deg) scale(1);
    -moz-transform: rtoate(180deg) scale(1);
    -o-transform: rtoate(180deg) scale(1);
    -ms-transform: rtoate(180deg) scale(1);
    transform: rtoate(180deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
  }
}
@-webkit-keyframes RelayLoadClockWise {
  0% {
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
  }
  50% {
    -webkit-transform: rtoate(180deg) scale(1);
    -moz-transform: rtoate(180deg) scale(1);
    -o-transform: rtoate(180deg) scale(1);
    -ms-transform: rtoate(180deg) scale(1);
    transform: rtoate(180deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
  }
}
@-o-keyframes RelayLoadClockWise {
  0% {
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
  }
  50% {
    -webkit-transform: rtoate(180deg) scale(1);
    -moz-transform: rtoate(180deg) scale(1);
    -o-transform: rtoate(180deg) scale(1);
    -ms-transform: rtoate(180deg) scale(1);
    transform: rtoate(180deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
  }
}
@keyframes RelayLoadClockWise {
  0% {
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
  }
  50% {
    -webkit-transform: rtoate(180deg) scale(1);
    -moz-transform: rtoate(180deg) scale(1);
    -o-transform: rtoate(180deg) scale(1);
    -ms-transform: rtoate(180deg) scale(1);
    transform: rtoate(180deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
  }
}
@media all and (min-width: 900px) {
  .side__sub {
    width: 26rem;
    height: 100%;
    position: fixed;
    left: 10rem;
    padding: 4.8rem;
    padding-right: 4rem;
    background: -webkit-linear-gradient(270deg, #cdefe0 2%, #fff 100%);
    background: -moz-linear-gradient(270deg, #cdefe0 2%, #fff 100%);
    background: -o-linear-gradient(270deg, #cdefe0 2%, #fff 100%);
    background: -ms-linear-gradient(270deg, #cdefe0 2%, #fff 100%);
    background: linear-gradient(180deg, #cdefe0 2%, #fff 100%);
  }
  .side__sub__title {
    font-weight: 300;
    font-size: 3.5rem;
    line-height: 4.5rem;
    color: #000;
    font-family: 'Roboto', sans-serif;
  }
  .side__sub__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
  }
  .side__sub__nav__anch {
    position: relative;
    padding: 1.3rem 0;
  }
  .side__sub__nav__anch:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1rem 0 1rem 0.8rem;
    border-color: transparent transparent transparent #dff4ea;
    position: absolute;
    right: -4.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .side__sub__nav__anch__text {
    color: #6b716f;
    font-family: 'Roboto', sans-serif;
    font-size: 1.7rem;
    line-height: 1.5;
  }
  .side__sub__nav__anch.--active:after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .side__sub__nav__anch.--active .side__sub__nav__anch__text {
    font-weight: 500;
    color: #000;
  }
}
@media all and (max-width: 900px) {
  .side__sub {
    padding: 2.8rem;
    padding-bottom: 1.6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 999;
  }
  .side__sub__title {
    font-size: 2.3rem;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    color: #000;
    line-height: 1em;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media all and (min-width: 767px) {
  .side__sub {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
@media all and (max-width: 320px) {
  .side__sub {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
  .side__sub__title {
    text-align: left;
    width: 100%;
    margin-bottom: 1.2rem;
  }
  .side__sub__nav {
    width: 100%;
  }
  .side__sub__nav .filter--drop {
    width: 100%;
  }
}
.side__cont {
  background-color: #3bba82;
  background-image: url("/assets/img/patterns/main.png");
  z-index: 999;
}
@media all and (min-width: 900px) {
  .side__cont {
    position: absolute;
    left: 0;
    background-repeat: repeat-y;
    height: 100%;
    width: 10rem;
  }
}
@media all and (max-width: 900px) {
  .side__cont {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-repeat: repeat-x;
    height: 8rem;
    z-index: 1000;
    overflow: hidden;
    overflow-x: auto;
    -webkit-transform: translate3d(1);
    -moz-transform: translate3d(1);
    -o-transform: translate3d(1);
    -ms-transform: translate3d(1);
    transform: translate3d(1);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .side__cont::-webkit-scrollbar {
    display: none;
  }
  .side__cont .side__logo {
    display: none;
  }
  .side__cont .side__nav {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .side__cont .side__nav__anch {
    min-width: 13rem;
  }
}
@media all and (max-width: 900px) {
  .side__logo {
    padding: 0.8rem 2rem;
  }
}
@media all and (min-width: 900px) {
  .side__logo {
    background-color: #fff;
    -webkit-box-shadow: -1px 7px 8px rgba(0,0,0,0.17);
    box-shadow: -1px 7px 8px rgba(0,0,0,0.17);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 0.4rem 0.4rem;
    text-align: center;
    padding-top: 1.2rem;
    width: 100%;
    padding-bottom: 1.2rem;
  }
  .side__logo >img {
    display: inline-block;
    width: 100%;
    max-width: 5.4rem;
    vertical-align: top;
  }
}
.side__user__img {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2rem;
}
.side__user__img >img {
  display: inline-block;
  width: 100%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0.3rem 1.4rem rgba(0,0,0,0.26);
  box-shadow: 0px 0.3rem 1.4rem rgba(0,0,0,0.26);
}
.side__nav__anch {
  display: inline-block;
  text-align: center;
  position: relative;
  color: #fff;
}
.side__nav__anch >.i {
  display: inline-block;
  font-size: 2.6rem;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  margin-bottom: 0.6rem;
}
.side__nav__anch >svg {
  margin: auto;
}
.side__nav__anch__text {
  width: 100%;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 600;
}
.side__nav__anch.--active {
  background-color: #2f9568;
}
.side__nav__anch.--active >.i {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.side__nav__anch.--active:after {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.side__nav__anch.--active:before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}
@media all and (max-width: 900px) {
  .side__nav--triple {
    overflow: hidden;
    max-width: 100%;
  }
  .side__nav--triple .side__nav__anch {
    width: auto;
    min-width: initial;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media all and (min-width: 900px) {
  .side__nav {
    background-color: transparent;
    width: 100%;
    margin-top: 25%;
    position: relative;
  }
  .side__nav__anch {
    width: 100%;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .side__nav__anch:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1rem 0 1rem 0.8rem;
    border-color: transparent transparent transparent #2f9568;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .side__nav__anch:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-block;
    width: 0.4rem;
    background-color: #fff;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -o-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem);
    -webkit-transition: all 0.18s ease-in-out;
    -moz-transition: all 0.18s ease-in-out;
    -o-transition: all 0.18s ease-in-out;
    -ms-transition: all 0.18s ease-in-out;
    transition: all 0.18s ease-in-out;
  }
  .side__nav__anch:hover {
    background-color: #37ad79;
  }
  .side__nav__anch:hover:before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media all and (max-width: 900px) {
  .side__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .side__nav__anch {
    padding: 1.7rem 1.6rem 1.2rem 1.6rem;
    max-width: 9.6rem;
    text-align: center;
  }
  .side__nav__anch:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    height: 0.4rem;
    background-color: #e6e6e6;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    visibility: hidden;
  }
  .side__nav__anch:hover {
    background-color: #37ad79;
  }
  .side__nav__anch:hover:before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .side__nav__anch.--active {
    padding-top: 1.9rem;
    padding-bottom: 1rem;
  }
}
@media all and (max-width: 767px) {
  .side__nav__anch {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: initial;
  }
  .side__nav .nav__anch__text {
    display: inline-block;
    width: 100%;
  }
}
@media all and (max-width: 900px) {
  .side--org .side__logo {
    padding-left: 0;
    padding-right: 0;
  }
  .side--org .side__logo >img {
    height: 2.3rem;
  }
  .side--org__head {
    z-index: 1;
  }
}
.side--org__text {
  font-size: 1.4rem;
  font-family: 'Roboto', sans-serif;
  color: #000;
}
@media all and (min-width: 900px) {
  .side--org__text {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    line-height: 1.4em;
    border-top: 0.1rem solid #d8d8d8;
  }
}
.side--org__logo,
.side--org__text {
  text-align: center;
  width: 100%;
  display: inline-block;
}
@media all and (min-width: 900px) {
  .side--org__logo,
  .side--org__text {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.side--org__logo {
  display: inline-block;
  height: 2.8rem;
  width: auto;
}
.side--org__head {
  background-color: #fff;
  border-radius: 0 0 0.4rem 0.4rem;
  -webkit-box-shadow: -0.1rem 0.7rem 0.8rem rgba(0,0,0,0.07);
  box-shadow: -0.1rem 0.7rem 0.8rem rgba(0,0,0,0.07);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 1.8rem 2.8rem;
}
.side--org__head .side--org__text {
  border-top: 0;
  text-align: right;
  font-size: 1.8rem;
}
.org__payment {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 20px;
}
.org__payment__link-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.org__payment__link {
  color: #3bba82;
  font-size: 20px;
}
.org__payment__help {
  color: #979797;
  font-size: 13px;
}
.org__features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 0.1rem solid #e0e0e0;
  border-left: 0.1rem solid #e0e0e0;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 4.8rem;
}
.org__features__item {
  border-right: 0.1rem solid #e0e0e0;
  border-bottom: 0.1rem solid #e0e0e0;
  padding: 1.6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  break-inside: avoid;
}
.org__features__item.--enabled {
  background-color: #f7fcfa;
}
.org__features__item.--disabled {
  background-color: #fef8f8;
}
.org__features__name {
  font-size: 2rem;
  margin-right: 1.6rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -o-box-flex: auto;
  -ms-box-flex: auto;
  box-flex: auto;
  -webkit-flex-grow: auto;
  flex-grow: auto;
  max-width: 90%;
}
.org__features--modal {
  border-top: 0.1rem solid #ececec;
}
.org__features--modal .org__features {
  width: 100%;
}
.org__features--modal .org__features__item {
  background-color: transparent;
  width: 100%;
  padding-left: 4.8rem;
  border-right: 0;
}
@media all and (min-width: 1200px) {
  .org__features {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-bottom: -0.1rem;
  }
}
@media all and (max-width: 1660px) {
  .org__features {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (max-width: 1200px) {
  .org__features {
    grid-template-columns: 1fr 1fr;
  }
}
.org__view {
  overflow-y: auto;
  height: auto;
  position: relative;
}
.org__view__content {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
}
.org__view__head {
  margin-bottom: 2.4rem;
  position: relative;
}
.org__view__head.--with-tabs {
  margin-top: 2.4rem;
  margin-left: 4.5rem;
}
.org__view__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 0.1rem solid #e0e0e0;
}
.org__view__row.--table .table--infinite {
  padding-top: 0;
  min-height: 43.2rem;
  height: 43.2rem;
  max-height: 72rem;
}
.org__view__back {
  color: #979797;
  font-weight: 700;
  position: absolute;
  left: 4.8rem;
  top: 3.2rem;
  display: inline-block;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.org__view__back:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.org__view__back.--with-tabs {
  position: static;
}
.error__cont {
  height: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background-image: -webkit-linear-gradient(270deg, rgba(59,186,130,0) 0%, rgba(59,186,130,0.2) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(59,186,130,0) 0%, rgba(59,186,130,0.2) 100%);
  background-image: -o-linear-gradient(270deg, rgba(59,186,130,0) 0%, rgba(59,186,130,0.2) 100%);
  background-image: -ms-linear-gradient(270deg, rgba(59,186,130,0) 0%, rgba(59,186,130,0.2) 100%);
  background-image: linear-gradient(180deg, rgba(59,186,130,0) 0%, rgba(59,186,130,0.2) 100%);
}
.error__title {
  font-size: 8.5rem;
  font-weight: 300;
  line-height: 1em;
  font-family: 'Roboto', sans-serif;
  letter-spacing: -0.2rem;
  margin-bottom: 1.6rem;
}
.error__text {
  font-size: 2.1rem;
  line-height: 135%;
}
.error__btn {
  text-decoration: underline;
  color: #3bba82;
  margin-left: 0.8rem;
}
.error__btn:hover {
  color: #26547c;
}
.onboard__view {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.onboard__view .m__head {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.onboard__dot__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.onboard__dot__item {
  display: inline-block;
  background-color: #c4c4c4;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.onboard__dot__item__wrap {
  padding: 0.6rem;
}
.onboard__dot__item.--active {
  background-color: #3bba82;
}
@media all and (max-width: 900px) {
  .onboard__dot__cont {
    margin-top: 1.2rem;
  }
}
.onboard__wrap {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.onboard__wrap.--iosfix {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (max-height: 750px) {
  .onboard__wrap.--iosfix .logo.logo--md {
    margin-top: 3.8rem;
  }
}
@media all and (max-width: 767px) {
  .onboard__wrap.--iosfix {
    padding-top: 2.4rem;
  }
}
@media all and (max-width: 900px) {
  .onboard__wrap {
    padding: 2.8rem;
    padding-top: 0;
  }
}
@media all and (min-width: 900px) {
  .onboard__wrap {
    padding: 4.8rem;
    margin: 0 auto;
    max-width: 86rem;
    text-align: center;
  }
}
@media all and (max-width: 900px) {
  .onboard__table {
    margin-bottom: 2.8rem;
  }
  .onboard__table .ReactTable {
    padding-bottom: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 900px) {
  .onboard__table {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
  }
  .onboard__table .ReactTable {
    max-width: 129rem;
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .onboard__table .onboard__title {
    margin-bottom: 4.8rem;
  }
}
.onboard__head .logo {
  margin-bottom: 4.8rem;
}
.onboard__head__anch {
  color: #c4c4c4;
  font-size: 2.6rem;
}
@media all and (max-width: 900px) {
  .onboard__head--settings {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    padding-bottom: 2.8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
@media all and (min-width: 900px) {
  .onboard__head--settings {
    margin-bottom: 2.4rem !important;
  }
}
.onboard__head--settings .onboard__title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.onboard__head--mobile {
  background-color: #fff;
  -webkit-box-shadow: -1px 7px 8px rgba(0,0,0,0.07);
  box-shadow: -1px 7px 8px rgba(0,0,0,0.07);
  height: 6rem;
  min-height: 6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 1;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 0.4rem 0.4rem;
}
.onboard__head--mobile .logo--md__mark,
.onboard__head--mobile .logo--md__text {
  height: 1.8rem;
}
.onboard__head--mobile .logo--md__mark {
  margin-right: 1rem;
}
.onboard__head--mobile__anch {
  display: inline-block;
  margin-left: 2rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.onboard__head--mobile__anch:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.onboard__head--mobile__anch:first-child {
  margin-left: 0;
}
.onboard__head--mobile__anch__text {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  font-weight: 700;
  color: #b3b3b3;
  line-height: 1em;
  margin-left: 0.8rem;
}
.onboard__head--mobile__anch__icon >.i {
  color: #979797;
  font-size: 1.8rem;
  line-height: 1em;
}
.onboard__head--mobile__controls {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.onboard__foot {
  width: 100%;
}
.onboard__foot >.btn {
  margin-bottom: 2.8rem;
}
.onboard__foot >.btn:last-child,
.onboard__foot >.btn:only-child {
  margin-bottom: 0;
}
@media all and (min-width: 900px) {
  .onboard__foot >.btn {
    width: 100%;
  }
}
.onboard__foot--static {
  margin-top: 4.8rem;
}
@media all and (max-width: 900px) {
  .onboard__foot--inflow {
    padding: 2.8rem;
  }
}
.onboard__cta {
  width: 100%;
  padding: 0 2.8rem;
  margin-bottom: 2.8rem;
}
.onboard__cta__inn {
  border: 0.1rem solid #d8d8d8;
  border-radius: 0.4rem;
  width: 100%;
}
.onboard__cta__inn >.btn {
  margin-bottom: 0;
}
.onboard__cta__inn .onboard__label {
  margin-top: 0;
  padding: 1.6rem;
}
@media all and (max-width: 900px) {
  .onboard__cta {
    margin-top: 2.8rem;
  }
}
@media all and (min-width: 900px) {
  .onboard__cta {
    padding: 0 4.8rem;
    max-width: 86rem;
    margin-left: auto;
    margin-right: auto;
  }
  .onboard__cta__inn .onboard__label {
    font-size: 2.4rem;
  }
}
.onboard__back {
  margin-bottom: 4.8rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.onboard__back >.i {
  margin-right: 0.8rem;
  display: inline-block;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.onboard__back__text {
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1em;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
  letter-spacing: 0.16rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.onboard__back:hover {
  color: #3bba82;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.onboard__back:hover .i {
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
}
.onboard__msg {
  background-color: rgba(59,186,130,0.21);
  background-image: url("/assets/img/patterns/main.png");
  width: 100%;
}
.onboard__msg--outline {
  background-image: none;
  background-color: #fff;
  border: 0.1rem solid #feba18;
  margin-bottom: 2.8rem;
  border-radius: 0.4rem;
}
.onboard__msg--outline__foot {
  border-top: 0.1rem solid #dcdcdc;
  padding-top: 2.8rem;
  position: relative;
}
.onboard__msg--outline__foot .onboard__text {
  margin-bottom: 0;
  font-size: 2rem;
}
.onboard__msg--outline__arrow {
  position: absolute;
  right: 0;
}
@media all and (max-width: 900px) {
  .onboard__msg {
    padding: 2.8rem;
  }
  .onboard__msg .onboard__title {
    margin-bottom: 1.6rem;
  }
  .onboard__msg .onboard__text {
    font-size: 1.5rem;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
}
@media all and (min-width: 900px) {
  .onboard__msg {
    padding: 4.8rem;
    margin-bottom: 4.8rem;
    text-align: center;
  }
  .onboard__msg >.btn--onboard {
    max-width: 61.42857142857143rem;
    margin-left: auto;
    margin-right: auto;
  }
  .onboard__msg--outline {
    margin-left: 4.8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    text-align: left;
    max-width: calc(100% - 9.6rem);
    overflow: visible;
  }
  .onboard__msg--outline__foot,
  .onboard__msg--outline__arrow {
    display: none;
  }
  .onboard__msg--outline__content {
    width: 100%;
  }
}
.onboard__nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  z-index: 999;
}
.onboard__nav__back {
  font-size: 3rem;
  color: #6b716f;
}
.onboard__nav__back:hover {
  color: #3bba82;
}
.onboard__nav__logo {
  font-size: 4rem;
  color: #3bba82;
}
.onboard__nav--right {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media all and (min-width: 900px) {
  .onboard__nav {
    position: fixed;
    padding: 4.8rem;
    left: 0;
    top: 0;
  }
}
@media all and (max-width: 900px) {
  .onboard__nav {
    padding: 2.8rem 2.8rem 0 2.8rem;
  }
  .onboard__nav__logo {
    font-size: 2.6rem;
  }
  .onboard__nav__back {
    font-size: 2.4rem;
  }
}
.onboard__title {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-weight: 300;
  line-height: 1.1em;
}
.onboard__title.typ--b {
  margin-bottom: 1.6rem;
}
.onboard__title.--alt {
  font-size: 2.1rem;
  text-align: center;
  margin-top: -0.8rem;
}
@media all and (min-width: 900px) {
  .onboard__title.--alt {
    margin-top: 0;
    font-size: 2.8rem;
  }
}
@media all and (min-width: 900px) {
  .onboard__title {
    font-size: 3.3rem;
    margin-bottom: 2.4rem;
  }
}
@media all and (max-width: 900px) {
  .onboard__title {
    font-size: 2.8rem;
    margin-bottom: 2.8rem;
  }
}
.onboard__list {
  border: 0.1rem solid #3bba82;
  background-color: rgba(59,186,130,0.1);
  border-radius: 0.4rem;
  padding: 1.6rem 2.8rem;
}
.onboard__list >span {
  display: inline-block;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
}
.onboard__list >span:before {
  content: '✓';
  font-weight: 700;
  margin-right: 0.8rem;
  color: #3bba82;
}
.onboard__list >span:last-child {
  margin-bottom: 0;
}
.onboard__list--basic {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.onboard__list--basic .onboard__list__icon {
  width: 5.6rem;
  text-align: center;
  display: inline-block;
  margin-right: 1.2rem;
}
.onboard__list--basic .onboard__list__text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.onboard__list--basic .onboard__list__item {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  font-size: 1.7rem;
  line-height: 1.4em;
  margin-bottom: 4.8rem;
}
.onboard__list--basic .onboard__list__item >.i {
  margin-right: 2.4rem;
  font-size: 5rem;
}
.onboard__list--basic .onboard__list__item:last-child {
  margin-bottom: 0;
}
.onboard__list--inverted {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.onboard__list--inverted__icon {
  width: 5.6rem;
  text-align: center;
  display: inline-block;
}
.onboard__list--inverted .onboard__list__item {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 4.8rem;
}
.onboard__list--inverted .onboard__list__text {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-right: 2.4rem;
  font-family: 'Roboto', sans-serif;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
}
@media all and (max-width: 900px) {
  .onboard__list--inverted .onboard__list__item {
    margin-bottom: 2.8rem;
  }
}
@media all and (min-width: 900px) {
  .onboard__list {
    margin-bottom: 4.8rem;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 4.8rem;
  }
  .onboard__list >span {
    font-size: 1.8rem;
  }
}
@media all and (max-width: 900px) {
  .onboard__list {
    margin-bottom: 2.8rem;
  }
}
.onboard__text {
  font-size: 1.7rem;
  line-height: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #000;
  margin-bottom: 2.8rem;
}
.onboard__text >a {
  text-decoration: underline;
  color: #3bba82;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.onboard__text >a.--num {
  color: #000;
  text-decoration: none;
  font-weight: 700;
}
.onboard__text >a.--num:hover {
  color: #3bba82;
}
@media all and (min-width: 900px) {
  .onboard__text {
    margin-bottom: 4.8rem;
    font-size: 2rem;
  }
}
.onboard__code {
  font-size: 5.5rem;
  line-height: 1em;
  font-weight: 400;
  margin-top: 2.4rem;
}
.onboard__code .onboard__text {
  margin-bottom: 1rem;
}
.onboard__label {
  font-size: 1.8rem;
  margin-top: 1.6rem;
  font-weight: 500;
  color: #717171;
}
.onboard__label__white {
  color: #fff;
}
.onboard__label >a {
  text-decoration: underline;
  color: #3bba82;
  margin-left: 0.4rem;
}
@media all and (min-width: 900px) {
  .onboard__label__cont {
    margin-bottom: 4.8rem;
  }
  .onboard__label__cont .m__body__lbl {
    margin-bottom: 1rem;
  }
  .onboard__label__cont .onboard__text {
    margin-bottom: 0;
  }
  .onboard__label__cont .onboard__anch >a {
    font-size: 2.6rem;
    color: #000;
    font-weight: 700;
    text-decoration: underline;
  }
  .onboard__label__cont .onboard__anch >a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
}
.onboard__label.--tos {
  font-weight: 500;
  color: #29825b;
  -webkit-animation: fadeIn 0.1s linear;
  -moz-animation: fadeIn 0.1s linear;
  -o-animation: fadeIn 0.1s linear;
  -ms-animation: fadeIn 0.1s linear;
  animation: fadeIn 0.1s linear;
  margin-bottom: 1.6rem;
  margin-top: -2.4rem;
}
@media all and (max-width: 900px) {
  .onboard__label.--tos {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
@media all and (min-width: 900px) {
  .onboard__image {
    height: 9rem;
  }
}
.onboard__fee__wrap {
  width: 100%;
}
.onboard__fee-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.5rem;
}
.onboard__fee-info .--crossed {
  text-decoration: line-through;
}
.onboard__fee--warn {
  font-size: 1.2rem;
  color: #e55050;
  font-weight: 700;
  line-height: 1em;
  margin-left: 0.6rem;
}
@media all and (max-width: 900px) {
  .onboard--top .onboard__wrap {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 7.5rem;
  }
}
.onboard--expanded .onboard__wrap__form {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
}
@media all and (max-width: 900px) {
  .onboard--expanded .onboard__wrap__form {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.onboard--expanded .onboard__body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media all and (min-width: 900px) {
  .onboard--settings .onboard__wrap {
    max-width: 62rem !important;
  }
  .onboard--settings.onboard--ol .sett__view {
    padding: 0;
  }
  .onboard--settings.onboard--ol .sett__user__name {
    text-align: left;
  }
}
@media all and (max-width: 900px) {
  .onboard--settings {
    padding-top: 8.5rem;
  }
}
.onboard--settings__title {
  margin-bottom: 0;
  font-size: 2.2rem;
}
.onboard--generate .form__cont {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.onboard--generate .onboard__head {
  margin-bottom: 2.4rem;
}
.onboard--generate .onboard__label {
  margin-bottom: 1.6rem;
  -webkit-animation: fadeIn 0.1s linear;
  -moz-animation: fadeIn 0.1s linear;
  -o-animation: fadeIn 0.1s linear;
  -ms-animation: fadeIn 0.1s linear;
  animation: fadeIn 0.1s linear;
}
.onboard--generate .onboard__body {
  margin-top: 4.8rem;
}
@media (min-height: 668px) and (max-height: 812px) {
  .onboard--generate .onboard__head {
    margin-top: 1.6rem;
    margin-bottom: 4.8rem;
  }
  .onboard--generate .onboard__body {
    text-align: center;
  }
  .onboard--generate .onboard__body .onboard__title {
    margin-bottom: 2.4rem;
  }
}
@media all and (max-width: 900px) {
  .onboard--generate .onboard__wrap {
    padding-top: 4.8rem;
  }
}
@media all and (min-width: 900px) {
  .onboard--generate .onboard__text {
    margin-top: 2.4rem;
    max-width: 47.77777777777778rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media all and (max-width: 480px) {
  .onboard--generate .onboard__img {
    max-width: 5rem;
  }
  .onboard--generate .onboard__body {
    margin-top: 0.5rem;
  }
  .onboard--generate .onboard__title {
    font-size: 2rem;
  }
  .onboard--generate .onboard__title.--alt {
    font-size: 1.6rem;
  }
}
.onboard--trial .onboard__wrap {
  padding: 0;
  height: auto;
}
@media all and (min-width: 900px) {
  .onboard--trial .onboard__wrap {
    padding-top: 11.8rem;
  }
}
@media all and (max-width: 900px) {
  .onboard--trial .onboard__wrap {
    padding-top: 6rem;
  }
}
.onboard--ol__icon {
  margin-bottom: 2.4rem;
  text-align: center;
}
.onboard--ol .onboard__wrap {
  position: relative;
}
.onboard--ol .onboard__text,
.onboard--ol .onboard__title {
  color: #fff;
}
@media all and (max-width: 900px) {
  .onboard--ol .onboard__head {
    margin-bottom: 2.4rem;
  }
  .onboard--ol .m__body {
    padding: 0;
    padding-top: 16%;
  }
}
@media all and (min-width: 900px) {
  .onboard--ol {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .onboard--ol .input--sm {
    margin-top: 4.8rem;
    margin-bottom: 0;
  }
  .onboard--ol .input--sm >.input__lbl {
    font-size: 1.5rem;
  }
  .onboard--ol .form__cont >.btn {
    margin-top: 4.8rem;
    -webkit-animation: fadeIn 0.1s linear;
    -moz-animation: fadeIn 0.1s linear;
    -o-animation: fadeIn 0.1s linear;
    -ms-animation: fadeIn 0.1s linear;
    animation: fadeIn 0.1s linear;
  }
  .onboard--ol .m__body,
  .onboard--ol .m__foot,
  .onboard--ol .m__head {
    position: static;
    width: 100%;
    height: auto !important;
  }
  .onboard--ol .m__head__left,
  .onboard--ol .m__head__right {
    padding: 0;
  }
}
.onboard--limited .onboard__title,
.onboard--limited .onboard__text {
  color: #000;
}
@media all and (max-width: 900px) {
  .onboard--limited .m__body {
    padding-top: 0;
  }
}
@media all and (min-width: 900px) {
  .onboard--limited .onboard__wrap {
    background-color: rgba(255,255,255,0.8);
    max-width: 70rem;
    height: auto;
    -webkit-box-shadow: -1px 7px 8px rgba(0,0,0,0.07);
    box-shadow: -1px 7px 8px rgba(0,0,0,0.07);
    border: 0.1rem solid #dcdcdc;
    border-radius: 0.8rem;
  }
  .onboard--limited .onboard__body {
    width: 100%;
  }
  .onboard--limited .onboard__head {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 4.8rem;
    position: relative;
  }
  .onboard--limited .onboard__head .onboard__title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
  }
  .onboard--limited .onboard__head__anch {
    position: absolute;
    left: 0;
  }
}
@media all and (min-width: 900px) {
  .onboard--help .onboard__wrap {
    max-width: 50rem;
  }
}
.onboard--credit .form--credit >.btn {
  width: 100%;
}
@media all and (max-width: 900px) {
  .onboard--credit .form--credit {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 2.4rem;
  }
}
@media all and (max-width: 320px) {
  .onboard--credit .form--credit {
    padding-bottom: 4.8rem;
  }
}
.onboard--intro__title {
  font-size: 4.2rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  text-align: center;
}
@media all and (min-width: 767px) {
  .onboard--intro__title {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.onboard--intro__title__highlight {
  position: relative;
  margin-left: 0.6rem;
  margin-right: 0.6rem;
  display: inline-block;
}
.onboard--intro__title__highlight >span {
  z-index: 1;
  position: relative;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.onboard--intro__title__highlight:before {
  content: '';
  background-color: #3bba82;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  height: 28%;
  width: 100%;
  z-index: 0;
}
@media all and (min-width: 900px) {
  .onboard--intro .logo {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin-bottom: 4rem;
  }
  .onboard--intro .onboard__foot {
    margin-top: 4.8rem;
  }
  .onboard--intro .onboard__title {
    line-height: 1.4em;
  }
}
@media all and (max-width: 900px) {
  .onboard--intro .logo {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin-bottom: 2.4rem;
  }
  .onboard--intro .onboard__title {
    font-size: 2.4rem;
    line-height: 1.4em;
  }
  .onboard--intro .onboard__foot {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .onboard--intro__title {
    font-size: 3.2rem;
    line-height: 1em;
  }
}
.onboard--form {
  text-align: center;
}
.onboard--form .logo {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media all and (max-width: 767px) {
  .onboard--form .logo {
    margin-bottom: 2.4rem;
  }
}
.onboard--form .onboard__body {
  width: 100%;
  padding-top: 2.4rem;
}
@media all and (min-width: 900px) {
  .onboard--form {
    padding-top: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .onboard--form .onboard__wrap__form .onboard__wrap {
    height: auto;
  }
}
@media all and (max-width: 767px) {
  .onboard--form {
    padding-top: 0;
  }
  .onboard--form .onboard__wrap {
    padding-top: 0;
  }
}
.onboard--scroll {
  overflow-y: auto;
}
.onboard--secn {
  background-color: #26547c;
}
.onboard--secn__icon {
  color: #fff;
  font-size: 14rem;
}
.onboard--secn .m__body__titl {
  color: #fff;
  font-size: 4rem;
}
.onboard--secn .m__body__text {
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
}
@media all and (max-width: 900px) {
  .onboard--secn .m__body__text {
    text-align: center;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
.onboard--gradient {
  background-color: #fff;
  background-image: url("/assets/img/patterns/main.png");
  position: relative;
}
.onboard--gradient .onboard__wrap,
.onboard--gradient .onboard__foot {
  z-index: 1;
  position: relative;
}
.onboard--gradient:before {
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.4) 20%, #fff 60%);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.4) 20%, #fff 60%);
  background-image: -o-linear-gradient(rgba(255,255,255,0.4) 20%, #fff 60%);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.4) 20%, #fff 60%);
  background-image: linear-gradient(rgba(255,255,255,0.4) 20%, #fff 60%);
}
.onboard--bg {
  background-color: #fff;
  background-image: url("/assets/img/patterns/main.png");
  position: relative;
}
.onboard--bg:before {
  content: '';
  width: 100%;
  display: none;
  height: 100%;
  position: absolute;
  background-image: url("/assets/img/patterns/main.png");
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.onboard--cols {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.onboard--cols__item {
  margin-right: 7.199999999999999rem;
}
.onboard--cols__item:last-child {
  margin-right: 0;
}
.onboard--cols__icon {
  font-size: 7rem;
  margin-bottom: 2.4rem;
  display: inline-block;
  color: #c4c4c4;
}
.onboard--cols__label {
  font-size: 1.9rem;
  font-weight: 600;
}
@media all and (max-width: 900px) {
  .onboard--cols {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .onboard--cols__icon {
    font-size: 3.5rem;
    min-width: 4rem;
    margin-right: 1.6rem;
    margin-bottom: 0;
  }
  .onboard--cols__label {
    font-size: 1.6rem;
  }
  .onboard--cols__item {
    margin-right: 0;
    margin-bottom: 1.6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .onboard--cols__item br {
    display: none;
  }
  .onboard--cols__item:last-child {
    margin-bottom: 0;
  }
}
.onboard--steps {
  background-color: #353535;
  background-image: url("/assets/img/patterns/dark.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
  text-align: center;
}
.onboard--steps__label {
  text-transform: uppercase;
  color: #fff;
  line-height: 1em;
  font-weight: 700;
  font-size: 1.3rem;
  margin-bottom: 1.6rem;
  display: inline-block;
  letter-spacing: 0.18rem;
}
.onboard--steps__icon {
  margin-bottom: 4rem;
  margin-top: 2.4rem;
}
.onboard--steps__icon.--lg svg {
  width: 7.5rem;
  height: auto;
}
.onboard--steps__text {
  color: #fff;
  font-size: 2rem;
  max-width: 50rem;
  margin-bottom: 2.4rem;
  margin-right: auto;
  margin-left: auto;
}
.onboard--steps__text:only-child,
.onboard--steps__text:last-child {
  margin-bottom: 0;
}
.onboard--steps__text.--lg {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.4em;
}
@media all and (max-width: 767px) {
  .onboard--steps__text.--lg {
    font-size: 1.6rem;
  }
}
.onboard--steps__map {
  width: 100%;
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.onboard--steps__map svg {
  max-width: 42rem;
  width: 100%;
  height: auto;
  display: inline-block;
}
@media all and (min-width: 1200px) {
  .onboard--steps__map svg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media all and (max-width: 900px) {
  .onboard--steps__map {
    margin-bottom: 2.8rem;
  }
}
.onboard--steps .logo--md {
  margin-bottom: 0;
}
.onboard--steps .logo--md__text {
  height: 2.2rem;
}
.onboard--steps .logo--md__mark {
  height: 2.7rem;
  margin-right: 1.4rem;
}
.onboard--steps .onboard__title {
  color: #fff;
  line-height: 1.3em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.onboard--steps .onboard__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.onboard--steps .onboard__body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.onboard--steps .onboard__foot {
  text-align: center;
}
.onboard--steps .onboard__foot .btn {
  width: auto;
}
@media all and (min-width: 1200px) {
  .onboard--steps .onboard__title {
    margin-bottom: 9.6rem;
  }
  .onboard--steps .onboard__head {
    padding-top: 4.8rem;
    margin-bottom: 4.8rem;
  }
}
@media all and (min-width: 376px) {
  .onboard--steps .onboard__head {
    padding-top: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .onboard--steps .onboard__body {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
  }
  .onboard--steps .onboard__title {
    max-width: 50rem;
    margin-bottom: 2.4rem;
  }
  .onboard--steps .onboard__foot {
    margin-top: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .onboard--steps .onboard__body {
    text-align: center;
  }
  .onboard--steps .onboard__head {
    margin-bottom: 4.8rem;
  }
  .onboard--steps .onboard__foot .btn {
    margin-bottom: 0;
  }
  .onboard--steps .onboard__foot .btn--prim:hover {
    background-color: #3bba82;
    border-color: #3bba82;
    color: #fff;
  }
}
@media all and (max-width: 767px) {
  .onboard--steps__label {
    margin-bottom: 1.2rem;
  }
  .onboard--steps .onboard__title {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
  }
}
@media (max-height: 568px) {
  .onboard--steps__text {
    font-size: 1.6rem;
  }
  .onboard--steps__icon {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .onboard--steps .onboard__title {
    margin-bottom: 0.8rem;
    font-size: 2.1rem;
  }
  .onboard--steps .onboard__head {
    margin-bottom: 2.8rem;
  }
}
.onboard--trialview {
  overflow-y: auto;
}
@media all and (max-width: 320px) {
  .onboard__view .btn {
    font-size: 1.2rem;
  }
  .onboard__view .input--sm >input {
    border-radius: 0;
  }
  .onboard__head {
    margin-bottom: 1.2rem;
  }
  .onboard__head--mobile__anch {
    margin-left: 1.2rem;
  }
  .onboard__head--mobile .logo--md__text,
  .onboard__head--mobile .logo--md__mark {
    height: 1.2rem;
  }
  .onboard__head--mobile .logo--md__mark {
    margin-right: 0.8rem;
    height: 1.6rem;
  }
  .onboard__image {
    height: 6rem;
  }
  .onboard__text {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
  .onboard__label {
    font-size: 1.6rem;
  }
  .onboard__wrap {
    padding-top: 2.8rem;
  }
  .onboard__wrap .input .input__lbl {
    text-align: left;
  }
  .onboard--top.onboard--gradient .onboard__wrap {
    padding-top: 2.8rem;
  }
  .onboard--top.onboard--gradient .onboard__image {
    height: 4rem;
  }
  .onboard--intro__title {
    font-size: 2.6rem;
    padding: 0;
    margin-bottom: 1rem;
  }
  .onboard--intro .onboard__wrap {
    padding-top: 2.8rem;
  }
  .onboard--intro .onboard__title {
    font-size: 2rem;
  }
}
@-moz-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fadeIn {
  0% {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.code_information {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -o-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #ebf8f2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px;
}
.code_information .code {
  font-size: 55px;
  font-weight: 400;
}
.promo__cont {
  background-image: -webkit-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: -moz-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: -o-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: -ms-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-color: #3a3a3a;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
.promo--dark__body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -webkit-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: -moz-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: -o-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: -ms-linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-image: linear-gradient(rgba(58,58,58,0) 0%, #3a3a3a 75%, #3a3a3a 100%), url("/assets/img/patterns/main.png");
  background-color: #3a3a3a !important;
  padding: 2.8rem;
}
.promo--dark__foot {
  padding: 1.6rem;
  position: relative;
  z-index: 1;
}
.promo--dark__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #3a3a3a;
  position: relative;
}
@media all and (min-width: 900px) {
  .promo--dark__cont {
    padding: 0;
    overflow: auto;
  }
}
.promo--dark__gfx {
  position: absolute;
  z-index: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.promo--dark__gfx >img {
  width: 100%;
  display: inline-block;
  height: auto;
}
.promo--dark__title {
  font-size: 3.2rem;
  line-height: 1.4em;
  color: #fff;
  margin-bottom: 4.8rem;
  text-align: center;
  font-weight: 700;
}
.promo--dark__list .value-header {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
  color: #fff;
  margin-bottom: 0.8rem;
}
.promo--dark__list .value-description {
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 120%;
  color: #fff;
}
.promo--dark__list >div {
  margin-bottom: 2.4rem;
}
.promo--dark__list >div:last-child,
.promo--dark__list >div:only-child {
  maring-bottom: 0;
}
@media all and (max-width: 320px) {
  .promo--dark__title {
    font-size: 2.2rem;
    line-height: 1em;
    margin-bottom: 2.4rem;
  }
}
@media all and (min-width: 900px) {
  .promo--dark__title {
    font-size: 3.6rem;
  }
  .promo--dark__foot {
    padding: 4.8rem;
  }
  .promo--dark__body {
    padding: 4.8rem;
    padding-bottom: 0;
  }
  .promo--dark__list .value-header {
    font-size: 2.4rem;
  }
  .promo--dark__list .value-description {
    font-size: 2rem;
  }
  .promo--dark__gfx {
    display: none;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    right: -2%;
    bottom: -5%;
  }
  .promo--dark__cont .m__cont--err {
    padding: 2.4rem 2.4rem 0 2.4rem;
    background-color: #3a3a3a;
  }
}
.promo__close {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 2.4rem;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  padding: 1.6rem;
  z-index: 2;
}
.promo__close:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.promo__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  text-align: center;
  position: relative;
  height: auto;
}
.promo__title {
  font-family: 'Roboto', sans-serif;
  font-size: 4.2rem;
  line-height: 1em;
  font-weight: 700;
  color: #fff;
  padding-top: 4.8rem;
  text-align: center;
}
.promo__copy__wrap {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
.promo__copy__icon {
  margin-bottom: 1.6rem;
}
.promo__copy--lg {
  font-weight: 700;
  color: #fff;
  font-size: 2.2rem;
  line-height: 2em;
}
.promo__copy--warn {
  color: #e55050;
  text-decoration: underline;
}
.promo__copy--arrow {
  position: relative;
  color: #fff;
  text-align: center;
  margin-bottom: 4.8rem;
}
.promo__copy--arrow svg {
  position: absolute;
  right: 0;
  top: 75%;
}
.promo__text {
  font-size: 2rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: left;
}
.promo__text__row {
  width: 100%;
}
.promo__text__row:nth-child(2) {
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
}
.promo__text__row:nth-child(3) {
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}
.promo__text__row:nth-child(4) {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  transform: translateX(-30%);
}
.promo__text__row:nth-child(5) {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
}
.promo__mock__cont {
  width: 55%;
}
.promo__mock__img {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  max-width: 18rem;
}
.promo__mock__img img {
  display: inline-block;
  width: 100%;
}
.promo__mock__ol {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.promo__body {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin-top: 2.8rem;
}
.promo__foot {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  padding-bottom: 2.8rem;
}
.promo__foot >.btn--full {
  margin-bottom: 2.8rem;
}
.promo__foot >.btn--full:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 767px) {
  .promo__title {
    font-size: 5.2rem;
    margin-bottom: 4.8rem;
    padding-top: 7.199999999999999rem;
  }
  .promo__title br {
    display: none;
  }
  .promo__text {
    font-size: 4rem;
  }
  .promo__mock__cont {
    text-align: right;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding-right: 4.8rem;
  }
  .promo__mock__img {
    -webkit-transform: rotate(18deg) translateX(-26%) translateY(0%);
    -moz-transform: rotate(18deg) translateX(-26%) translateY(0%);
    -o-transform: rotate(18deg) translateX(-26%) translateY(0%);
    -ms-transform: rotate(18deg) translateX(-26%) translateY(0%);
    transform: rotate(18deg) translateX(-26%) translateY(0%);
    position: static;
  }
}
@media all and (max-width: 767px) {
  .promo__mock__img {
    -webkit-transform: rotate(18deg) translateX(-14%) translateY(48%);
    -moz-transform: rotate(18deg) translateX(-14%) translateY(48%);
    -o-transform: rotate(18deg) translateX(-14%) translateY(48%);
    -ms-transform: rotate(18deg) translateX(-14%) translateY(48%);
    transform: rotate(18deg) translateX(-14%) translateY(48%);
  }
  .promo__mock__ol {
    background-image: -webkit-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: -moz-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: -o-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: -ms-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
  }
  .promo__text {
    font-size: 2.4rem;
  }
  .promo__foot .btn--full {
    padding-left: 0;
    padding-right: 0;
  }
  .promo__foot >.btn {
    margin-bottom: 1.4rem;
  }
  .promo__foot >.btn:last-child,
  .promo__foot >.btn:only-child {
    margin-bottom: 0;
  }
}
@media all and (max-width: 736px) {
  .promo__text {
    font-size: 2.3rem;
  }
  .promo__mock__img {
    -webkit-transform: rotate(18deg) translateX(-10%) translateY(48%);
    -moz-transform: rotate(18deg) translateX(-10%) translateY(48%);
    -o-transform: rotate(18deg) translateX(-10%) translateY(48%);
    -ms-transform: rotate(18deg) translateX(-10%) translateY(48%);
    transform: rotate(18deg) translateX(-10%) translateY(48%);
  }
  .promo__mock__ol {
    background-image: -webkit-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: -moz-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: -o-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: -ms-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
    background-image: linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 60%, rgba(58,58,58,0) 60%, #3a3a3a 90%, #3a3a3a 100%);
  }
}
@media all and (min-width: 321px) {
  .promo__foot .btn--full {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media all and (max-width: 320px) {
  .promo__mock__img {
    -webkit-transform: rotate(18deg) translateX(-10%) translateY(45%);
    -moz-transform: rotate(18deg) translateX(-10%) translateY(45%);
    -o-transform: rotate(18deg) translateX(-10%) translateY(45%);
    -ms-transform: rotate(18deg) translateX(-10%) translateY(45%);
    transform: rotate(18deg) translateX(-10%) translateY(45%);
  }
  .promo__mock__ol {
    background-image: -webkit-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 40%, rgba(58,58,58,0) 40%, #3a3a3a 70%, #3a3a3a 100%);
    background-image: -moz-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 40%, rgba(58,58,58,0) 40%, #3a3a3a 70%, #3a3a3a 100%);
    background-image: -o-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 40%, rgba(58,58,58,0) 40%, #3a3a3a 70%, #3a3a3a 100%);
    background-image: -ms-linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 40%, rgba(58,58,58,0) 40%, #3a3a3a 70%, #3a3a3a 100%);
    background-image: linear-gradient(rgba(58,58,58,0) 0%, rgba(58,58,58,0) 40%, rgba(58,58,58,0) 40%, #3a3a3a 70%, #3a3a3a 100%);
  }
  .promo__text {
    font-size: 2rem;
  }
  .promo__foot {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
  }
  .promo__foot >.btn {
    margin-bottom: 1rem;
  }
  .promo__foot >.btn:last-child,
  .promo__foot >.btn:only-child {
    margin-bottom: 0;
  }
  .promo__foot .btn--prim.btn--outl {
    color: #fff;
  }
}
@media all and (min-width: 767px) {
  .promo__cont {
    overflow-y: auto;
  }
}
.infographic {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.promo__value_props {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -o-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  margin: 2em;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.value-header {
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;
  color: #fff;
}
.value-description {
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 120%;
  color: #fff;
}
.sent_receipt_header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 1.6rem 2.8rem;
  text-align: left;
  background: #ebf8f2;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
@media all and (min-width: 900px) {
  .sent_receipt_header {
    border-radius: 0.4rem;
  }
}
.sent_receipt_header .sent_receipt_header__icon {
  margin-right: 1.6rem;
}
.sent_receipt_header .sent_receipt_header__label {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.sent_receipt_header .sent_receipt_header__label .sent_receipt_header__label__header {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;
  color: #000;
}
.sent_receipt_header .sent_receipt_header__label .sent_receipt_header__label_desc {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #000;
}
.code__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.code__wrap .code__item {
  margin-bottom: 1.6rem;
}
.code__wrap .code__item:last-child,
.code__wrap .code__item:only-child {
  margin-bottom: 0;
}
.code__content {
  padding: 1.6rem;
  padding: 1.6rem;
  position: relative;
}
.code__letters {
  font-size: 2.4rem;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: #091c13;
}
.code__item {
  background-color: #fff;
  -webkit-box-shadow: -0.1rem 0 1.1rem rgba(0,0,0,0.07);
  box-shadow: -0.1rem 0 1.1rem rgba(0,0,0,0.07);
  border-radius: 0.8rem;
  border: 0.1rem solid #d6d6d6;
  text-align: left;
}
.code__arrow {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #c4c4c4;
  font-size: 2rem;
}
.code__info {
  font-size: 1.5rem;
  color: #274639;
  font-family: 'Roboto', sans-serif;
}
.code__status {
  padding: 1rem 1.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border-radius: 0.8rem 0.8rem 0 0;
}
.code__status__circle {
  display: inline-block;
  margin-right: 0.8rem;
  position: relative;
  height: 1rem;
  width: 1rem;
}
.code__status__circle:after {
  display: inline-block;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #3bba82;
  -webkit-animation: statusCircle 2s infinite;
  -moz-animation: statusCircle 2s infinite;
  -o-animation: statusCircle 2s infinite;
  -ms-animation: statusCircle 2s infinite;
  animation: statusCircle 2s infinite;
}
.code__status__circle:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  width: 0.5rem;
  height: 0.5rem;
  background-color: #3bba82;
  border-radius: 50%;
}
.code--active .code__status {
  color: #3bba82;
  background-image: -webkit-linear-gradient(0deg, rgba(59,186,130,0.15) 1.3%, rgba(59,186,130,0) 144.49%);
  background-image: -moz-linear-gradient(0deg, rgba(59,186,130,0.15) 1.3%, rgba(59,186,130,0) 144.49%);
  background-image: -o-linear-gradient(0deg, rgba(59,186,130,0.15) 1.3%, rgba(59,186,130,0) 144.49%);
  background-image: -ms-linear-gradient(0deg, rgba(59,186,130,0.15) 1.3%, rgba(59,186,130,0) 144.49%);
  background-image: linear-gradient(90deg, rgba(59,186,130,0.15) 1.3%, rgba(59,186,130,0) 144.49%);
  margin: -0.1rem;
}
@-moz-keyframes statusCircle {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes statusCircle {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes statusCircle {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes statusCircle {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
.animate--fireworks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.animate--fireworks__fg,
.animate--fireworks__bg {
  display: inline-block;
  position: absolute;
  bottom: 75%;
  width: 0.6rem;
  height: 0.6rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  -webkit-animation: 0.8s fireworksBang ease-out forwards, 0.8s firworksMove ease-out forwards;
  -moz-animation: 0.8s fireworksBang ease-out forwards, 0.8s firworksMove ease-out forwards;
  -o-animation: 0.8s fireworksBang ease-out forwards, 0.8s firworksMove ease-out forwards;
  -ms-animation: 0.8s fireworksBang ease-out forwards, 0.8s firworksMove ease-out forwards;
  animation: 0.8s fireworksBang ease-out forwards, 0.8s firworksMove ease-out forwards;
  -webkit-box-shadow: 89px 61px rgba(214,1,74,0.6), 155px 851px rgba(66,208,225,0.6), 80px 1150px rgba(110,234,226,0.6), 54px 217px rgba(208,26,140,0.6), 63px 498px rgba(206,84,139,0.6), 201px 777px rgba(156,219,178,0.6), 208px 838px rgba(120,248,47,0.6), 128px 61px rgba(94,202,173,0.6), 146px 1221px rgba(234,117,103,0.6), 142px 1449px rgba(220,74,205,0.6), 96px 56px rgba(90,52,118,0.6), 80px 1185px rgba(54,96,140,0.6), 93px 658px rgba(201,7,163,0.6), 207px 587px rgba(197,245,242,0.6), 22px 78px rgba(73,9,219,0.6), 157px 413px rgba(34,235,143,0.6), 46px 523px rgba(39,71,174,0.6), 174px 907px rgba(231,163,76,0.6), 91px 271px rgba(206,250,33,0.6), 129px 264px rgba(100,43,26,0.6), 123px 810px rgba(84,113,34,0.6), 126px 785px rgba(199,4,161,0.6), 245px 495px rgba(94,175,58,0.6), 142px 301px rgba(45,139,12,0.6), 156px 175px rgba(101,23,247,0.6), 240px 833px rgba(119,73,119,0.6), 150px 231px rgba(210,2,123,0.6), 226px 50px rgba(23,133,159,0.6), 72px 1041px rgba(233,141,93,0.6), 13px 676px rgba(245,209,74,0.6), 93px 1473px rgba(161,219,136,0.6), 158px 37px rgba(149,217,40,0.6), 13px 1107px rgba(225,35,223,0.6), 27px 600px rgba(119,237,119,0.6), 37px 576px rgba(64,252,54,0.6), 188px 76px rgba(76,120,199,0.6), 97px 121px rgba(132,161,1,0.6), 210px 342px rgba(207,219,47,0.6), 90px 299px rgba(109,153,252,0.6), 32px 6px rgba(47,120,133,0.6), 3px 90px rgba(194,130,80,0.6), 192px 138px rgba(17,182,67,0.6), 75px 1235px rgba(31,14,30,0.6), 58px 944px rgba(207,56,106,0.6), 188px 534px rgba(141,36,4,0.6), 230px 243px rgba(116,21,34,0.6), 194px 745px rgba(135,60,245,0.6), 31px 947px rgba(196,193,53,0.6), 150px 857px rgba(68,242,206,0.6), 176px 176px rgba(18,81,230,0.6), 150px 141px rgba(103,240,229,0.6), 81px 154px rgba(28,133,90,0.6), 65px 31px rgba(3,52,70,0.6), 213px 681px rgba(57,242,30,0.6), 189px 564px rgba(22,176,251,0.6), 89px 1194px rgba(92,76,33,0.6), 118px 801px rgba(37,100,49,0.6), 167px 1232px rgba(184,55,123,0.6), 190px 539px rgba(125,253,181,0.6), 92px 945px rgba(32,173,253,0.6);
  box-shadow: 89px 61px rgba(214,1,74,0.6), 155px 851px rgba(66,208,225,0.6), 80px 1150px rgba(110,234,226,0.6), 54px 217px rgba(208,26,140,0.6), 63px 498px rgba(206,84,139,0.6), 201px 777px rgba(156,219,178,0.6), 208px 838px rgba(120,248,47,0.6), 128px 61px rgba(94,202,173,0.6), 146px 1221px rgba(234,117,103,0.6), 142px 1449px rgba(220,74,205,0.6), 96px 56px rgba(90,52,118,0.6), 80px 1185px rgba(54,96,140,0.6), 93px 658px rgba(201,7,163,0.6), 207px 587px rgba(197,245,242,0.6), 22px 78px rgba(73,9,219,0.6), 157px 413px rgba(34,235,143,0.6), 46px 523px rgba(39,71,174,0.6), 174px 907px rgba(231,163,76,0.6), 91px 271px rgba(206,250,33,0.6), 129px 264px rgba(100,43,26,0.6), 123px 810px rgba(84,113,34,0.6), 126px 785px rgba(199,4,161,0.6), 245px 495px rgba(94,175,58,0.6), 142px 301px rgba(45,139,12,0.6), 156px 175px rgba(101,23,247,0.6), 240px 833px rgba(119,73,119,0.6), 150px 231px rgba(210,2,123,0.6), 226px 50px rgba(23,133,159,0.6), 72px 1041px rgba(233,141,93,0.6), 13px 676px rgba(245,209,74,0.6), 93px 1473px rgba(161,219,136,0.6), 158px 37px rgba(149,217,40,0.6), 13px 1107px rgba(225,35,223,0.6), 27px 600px rgba(119,237,119,0.6), 37px 576px rgba(64,252,54,0.6), 188px 76px rgba(76,120,199,0.6), 97px 121px rgba(132,161,1,0.6), 210px 342px rgba(207,219,47,0.6), 90px 299px rgba(109,153,252,0.6), 32px 6px rgba(47,120,133,0.6), 3px 90px rgba(194,130,80,0.6), 192px 138px rgba(17,182,67,0.6), 75px 1235px rgba(31,14,30,0.6), 58px 944px rgba(207,56,106,0.6), 188px 534px rgba(141,36,4,0.6), 230px 243px rgba(116,21,34,0.6), 194px 745px rgba(135,60,245,0.6), 31px 947px rgba(196,193,53,0.6), 150px 857px rgba(68,242,206,0.6), 176px 176px rgba(18,81,230,0.6), 150px 141px rgba(103,240,229,0.6), 81px 154px rgba(28,133,90,0.6), 65px 31px rgba(3,52,70,0.6), 213px 681px rgba(57,242,30,0.6), 189px 564px rgba(22,176,251,0.6), 89px 1194px rgba(92,76,33,0.6), 118px 801px rgba(37,100,49,0.6), 167px 1232px rgba(184,55,123,0.6), 190px 539px rgba(125,253,181,0.6), 92px 945px rgba(32,173,253,0.6);
}
.animate--fireworks__bg {
  left: 0;
  -webkit-animation-delay: 0.5s, 1.5s;
  -moz-animation-delay: 0.5s, 1.5s;
  -o-animation-delay: 0.5s, 1.5s;
  -ms-animation-delay: 0.5s, 1.5s;
  animation-delay: 0.5s, 1.5s;
  -webkit-animation-duration: 1.3s, 1.8s;
  -moz-animation-duration: 1.3s, 1.8s;
  -o-animation-duration: 1.3s, 1.8s;
  -ms-animation-duration: 1.3s, 1.8s;
  animation-duration: 1.3s, 1.8s;
}
.animate--fireworks__fg {
  left: 90%;
}
@-moz-keyframes fireworksBang {
  to {
    -webkit-box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fireworksBang {
  to {
    -webkit-box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes fireworksBang {
  to {
    -webkit-box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fireworksBang {
  to {
    -webkit-box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    box-shadow: 53px 686px rgba(214,240,35,0.6), 175px 1224px rgba(41,156,66,0.6), 175px 231px rgba(242,198,61,0.6), 168px 774px rgba(13,22,222,0.6), 173px 815px rgba(48,202,213,0.6), 206px 1203px rgba(249,98,68,0.6), 237px 1149px rgba(0,238,196,0.6), 227px 611px rgba(151,119,20,0.6), 7px 322px rgba(229,176,239,0.6), 2px 1556px rgba(193,28,240,0.6), 56px 287px rgba(213,154,238,0.6), 71px 455px rgba(37,219,67,0.6), 89px 1564px rgba(101,212,75,0.6), 162px 777px rgba(153,134,36,0.6), 73px 1203px rgba(53,52,65,0.6), 90px 2px rgba(112,39,240,0.6), 109px 313px rgba(90,140,180,0.6), 145px 767px rgba(227,102,242,0.6), 183px 407px rgba(218,114,102,0.6), 1px 1568px rgba(201,122,25,0.6), 223px 817px rgba(16,87,139,0.6), 163px 1040px rgba(64,105,121,0.6), 103px 1556px rgba(6,227,18,0.6), 206px 706px rgba(215,54,1,0.6), 93px 36px rgba(159,208,171,0.6), 57px 1058px rgba(3,147,91,0.6), 242px 635px rgba(217,11,146,0.6), 211px 922px rgba(108,183,31,0.6), 190px 255px rgba(108,101,150,0.6), 229px 291px rgba(1,202,202,0.6), 131px 1198px rgba(216,56,40,0.6), 165px 266px rgba(102,34,174,0.6), 96px 1298px rgba(3,70,240,0.6), 24px 69px rgba(203,58,242,0.6), 127px 1281px rgba(36,21,96,0.6), 111px 260px rgba(66,41,188,0.6), 65px 82px rgba(69,171,44,0.6), 119px 111px rgba(128,57,208,0.6), 120px 1185px rgba(107,174,252,0.6), 189px 1545px rgba(181,27,197,0.6), 58px 616px rgba(90,130,124,0.6), 47px 748px rgba(203,92,17,0.6), 150px 731px rgba(246,254,213,0.6), 209px 249px rgba(206,210,113,0.6), 6px 35px rgba(98,13,156,0.6), 133px 347px rgba(207,245,184,0.6), 143px 1108px rgba(72,4,69,0.6), 101px 453px rgba(93,75,166,0.6), 244px 1339px rgba(177,231,47,0.6), 147px 264px rgba(75,145,86,0.6), 139px 1224px rgba(55,138,233,0.6), 75px 380px rgba(177,143,2,0.6), 67px 1516px rgba(38,180,121,0.6), 48px 1439px rgba(248,242,60,0.6), 184px 2px rgba(247,217,188,0.6), 61px 249px rgba(222,132,6,0.6), 92px 696px rgba(162,122,225,0.6), 246px 777px rgba(15,161,238,0.6), 91px 403px rgba(81,119,115,0.6), 238px 1084px rgba(140,32,36,0.6);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes fireworksMove {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(5rem);
    -moz-transform: translateY(5rem);
    -o-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateY(20rem);
    -moz-transform: translateY(20rem);
    -o-transform: translateY(20rem);
    -ms-transform: translateY(20rem);
    transform: translateY(20rem);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fireworksMove {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(5rem);
    -moz-transform: translateY(5rem);
    -o-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateY(20rem);
    -moz-transform: translateY(20rem);
    -o-transform: translateY(20rem);
    -ms-transform: translateY(20rem);
    transform: translateY(20rem);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes fireworksMove {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(5rem);
    -moz-transform: translateY(5rem);
    -o-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateY(20rem);
    -moz-transform: translateY(20rem);
    -o-transform: translateY(20rem);
    -ms-transform: translateY(20rem);
    transform: translateY(20rem);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fireworksMove {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(5rem);
    -moz-transform: translateY(5rem);
    -o-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateY(20rem);
    -moz-transform: translateY(20rem);
    -o-transform: translateY(20rem);
    -ms-transform: translateY(20rem);
    transform: translateY(20rem);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.manage-options {
  padding-top: 5.3rem;
  padding-left: 5.8rem;
  width: 100%;
  overflow-y: auto;
}
.manage-options__button {
  margin-top: 2rem;
}
.manage-options__button >span {
  margin-left: 1.6rem;
  color: #113425;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  font-weight: 600;
  font-size: 1.6rem;
}
.manage-options__title {
  font-weight: 600;
  font-size: 2.3rem;
  margin-bottom: 3.2rem;
}
.manage-options__input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 2.4rem;
}
.manage-options__input .input {
  margin-right: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.manage-options__input .input:only-child {
  margin-right: 0;
}
.manage-options__input .input--md {
  margin-bottom: 0;
}
.manage-options__input .btn--icon {
  min-width: 7.784000000000001rem;
}
.manage-options__input .i-check {
  -webkit-animation: popIn 0.1s linear;
  -moz-animation: popIn 0.1s linear;
  -o-animation: popIn 0.1s linear;
  -ms-animation: popIn 0.1s linear;
  animation: popIn 0.1s linear;
}
.manage-options__input--fixed {
  max-width: 20rem;
}
.manage-options__child {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding-top: 3.2rem;
  padding-bottom: 4rem;
  border-bottom: 0.1rem solid rgba(196,196,196,0.6);
  margin-right: 5.7rem;
}
.manage-options__child__text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 3.2rem;
}
.manage-options__child__text >label {
  font-size: 2.1rem;
  margin-bottom: 1.6rem;
}
.manage-options__child__text__desc {
  font-size: 1.6rem;
}
.manage-options__sub {
  margin-top: 3.2rem;
}
.manage-options__sub__text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.manage-options__sub__text >label {
  margin-left: 1.6rem;
}
@media all and (max-width: 767px) {
  .manage-options {
    padding: 0;
  }
  .manage-options__button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .manage-options__button >span {
    margin-top: 0.8rem;
  }
  .manage-options__title {
    display: none;
  }
  .manage-options__child {
    margin-right: 1.6rem;
  }
  .manage-options__child__text {
    margin-left: 0.8rem;
  }
}
@-moz-keyframes popIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes popIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes popIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes popIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.vcard__waves {
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 0;
}
.vcard__waves svg {
  width: 100%;
  height: auto;
  display: inline-block;
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.vcard__card {
  background-color: #000;
  border-radius: 2rem;
  padding: 3rem;
  max-width: 34rem;
  height: 20rem;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.vcard__number {
  font-size: 2rem;
  font-weight: 400;
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0.2rem;
}
.vcard__number--extra {
  letter-spacing: 0.38rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media all and (max-width: 767px) {
  .vcard__number {
    font-size: 1.8rem;
  }
}
.vcard__label {
  font-size: 1.1rem;
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  color: #979797;
}
.vcard__code {
  text-align: right;
}
.vcard__date {
  text-align: left;
}
.vcard__foot {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.vcard__foot >* {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.vcard__status {
  max-width: 34rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 2.4rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1em;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 0.12rem;
}
.vcard__status--created {
  color: #26547c;
}
.vcard__status--created .code__status__circle:before,
.vcard__status--created .code__status__circle:after {
  background-color: #26547c;
}
.vcard__status--active {
  color: #3bba82;
}
.vcard__status--active .code__status__circle:before,
.vcard__status--active .code__status__circle:after {
  background-color: #3bba82;
}
.vcard__status--deleted {
  color: #e55050;
}
.vcard__status--deleted .code__status__circle:before,
.vcard__status--deleted .code__status__circle:after {
  background-color: #e55050;
}
.vcard__status--used {
  color: #feba18;
}
.vcard__status--used .code__status__circle:before,
.vcard__status--used .code__status__circle:after {
  background-color: #feba18;
}
.vcard__status--pending {
  color: #feba18;
}
.vcard__status--pending .code__status__circle:before,
.vcard__status--pending .code__status__circle:after {
  background-color: #feba18;
}
.vcard__status--canceled {
  color: #e55050;
}
.vcard__status--canceled .code__status__circle:before,
.vcard__status--canceled .code__status__circle:after {
  background-color: #e55050;
}
.quickbooks-info {
  text-align: left;
}
.quickbooks-info__header {
  margin-top: 4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  color: #979797;
}
.quickbooks-info__header__left {
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  font-weight: 600;
}
.quickbooks-info__header__right {
  font-size: 1.3rem;
}
.quickbooks-info__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.1rem 0;
  border-top: 1px solid #d8d8d8;
  min-height: 6.5rem;
}
.quickbooks-info__item__total {
  font-weight: 600;
}
.quickbooks-info__item__name {
  font-size: 1.8rem;
}
.quickbooks-info__item__desc {
  color: #979797;
  font-size: 1.3rem;
}
.quickbooks-info__description {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.quickbooks-info__description__header {
  color: #979797;
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
.quickbooks-info__description__button {
  color: #000;
  margin-bottom: 0.8rem;
  padding: 1.4rem 0;
}
.intro__brand {
  background-color: #e3f6ee;
  text-align: center;
  padding: 2.4rem 0;
  width: 100%;
}
.intro__brand--bg {
  background-color: #fbfbfb;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.intro__brand__plus {
  margin: 0 1.5rem;
  font-size: 3rem;
  font-weight: 700;
  color: #c4c4c4;
  display: inline-block;
}
.intro__brand--nobg {
  background-color: transparent;
}
.intro__brand--ge {
  padding-top: 0.5rem;
  padding-bottom: 3.5rem;
}
.intro__brand >img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
@media all and (min-width: 767px) {
  .intro__brand >img {
    max-width: 29rem;
  }
}
.intro__brand__content {
  text-align: center;
  padding: 1.6rem 0;
  margin-bottom: 1.6rem;
}
.intro__brand__title {
  font-size: 2.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 1.6rem;
}
.intro__brand >.icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.intro--warn {
  border: 0.2rem solid #e55050;
  padding: 0.6rem 1.6rem;
  border-radius: 0.2rem;
  font-weight: 400;
  line-height: 1.6em;
  margin-top: 4.8rem;
  text-align: center;
}
.intro--warn__text {
  color: #e55050;
  margin-right: 0.4rem;
  font-weight: 600;
}
@media all and (max-width: 320px) {
  .intro--warn {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 320px) {
  .intro__list {
    padding-left: 0;
  }
}
.intro__list__cont {
  background-color: rgba(59,186,130,0.1);
  padding: 2.8rem 2.4rem;
  border: 0.1rem solid #3bba82;
  border-radius: 0.4rem;
}
.intro__list__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.4rem;
  margin-left: 2rem;
}
.intro__list__item__icon {
  width: 6rem;
  min-width: 6rem;
  text-align: center;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 2.4rem;
}
.intro__list__item__text {
  font-size: 1.7rem;
  line-height: 1.5em;
}
.intro__list__item .i {
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 3rem;
  width: 3rem;
  height: 3rem;
  background-color: #3bba82;
  color: #fff;
  margin-bottom: 0.8rem;
}
.intro__list__item--err {
  background-color: rgba(229,80,80,0.1);
  border-color: #e34545;
}
.intro__list__item--err .i {
  background-color: #e55050;
}
.intro__list__item .m__title--animate {
  margin-top: 0;
}
@media all and (max-width: 320px) {
  .intro__list__item {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
  .intro__list__item .pay--columns .pay__item {
    margin-bottom: 0;
  }
}
.intro__list__item .onboard__fee-info {
  font-size: 1.7rem;
}
.intro__list .m__body__lbl {
  text-align: center;
  margin-bottom: 2.4rem;
}
.intro__list__text {
  font-size: 1.8rem;
  line-height: 1em;
  margin-bottom: 0.8rem;
  padding-left: 1.6rem;
  position: relative;
}
.intro__list__text:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 320px) {
  .intro__list__text {
    font-size: 1.5rem;
  }
}
.intro__list--num__title {
  font-size: 2.6rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
  font-family: 'Roboto', sans-serif;
  text-align: center;
}
.intro__list--num .intro__list__text {
  margin-bottom: 1.6rem;
  line-height: 1.4em;
  font-weight: 400;
}
.intro__list--num .intro__list__text:before {
  content: '';
  display: inline-block;
  margin-right: 0.6rem;
}
.intro__list--num .intro__list__text:nth-of-type(0):before {
  content: '0.';
}
.intro__list--num .intro__list__text:nth-of-type(1):before {
  content: '1.';
}
.intro__list--num .intro__list__text:nth-of-type(2):before {
  content: '2.';
}
.intro__list--num .intro__list__text:nth-of-type(3):before {
  content: '3.';
}
.intro__list--num .intro__list__text:nth-of-type(4):before {
  content: '4.';
}
.intro__list--num .intro__list__text:nth-of-type(5):before {
  content: '5.';
}
.intro__list--num .intro__list__text:nth-of-type(6):before {
  content: '6.';
}
.intro__list--num .intro__list__text:last-child,
.intro__list--num .intro__list__text:only-child {
  margin-bottom: 0;
}
.intro__code {
  color: #fff;
  font-size: 7.2rem;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 4.8rem;
  margin-top: 14.399999999999999rem;
}
.intro__logo {
  margin-top: 4.8rem;
  margin-bottom: 4.8rem;
}
.intro__logo >img {
  filter: invert(1);
  height: 3.8rem;
}
.intro__hl {
  font-size: 2.1rem;
  line-height: 1.35em;
  color: #fff;
  max-width: 85%;
  margin: 0 auto;
}
.intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  line-height: 1.3em;
  letter-spacing: 0;
  padding-top: 4.8rem;
  margin-bottom: 4.8rem;
}
.intro__title.--mbsm {
  padding-top: 1.6rem;
  margin-bottom: 1.6rem;
  font-size: 2.8rem;
}
@media all and (max-width: 320px) {
  .intro__title {
    font-size: 2rem;
    padding-top: 2.4rem;
    margin-bottom: 1.4rem;
    font-weight: 900;
  }
}
.intro__title__ul {
  position: relative;
  display: inline-block;
}
.intro__title__ul:before {
  content: '';
  display: inline-block;
  background-color: rgba(59,186,130,0.4);
  position: absolute;
  left: 0;
  bottom: 8%;
  width: 100%;
  height: 24%;
  z-index: -1;
}
.intro__title--md {
  font-size: 2.6rem;
  line-height: 1.4em;
  margin-bottom: 1.6rem;
  font-weight: 300;
}
@media all and (max-width: 900px) {
  .intro__title--md {
    font-size: 2.2rem;
    padding-top: 2.4rem;
  }
}
@media all and (max-width: 320px) {
  .intro__title--md {
    font-size: 1.8rem;
  }
}
/* ######## Lite App Stylesheets
############################################ */
.lite__wrap__body {
  padding: 2.8rem;
}
.lite__nav {
  padding: 2.8rem;
}
.lite__nav__cont {
  background-color: #fcfcfc;
}
.lite__nav__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 3.1rem;
  font-size: 3rem;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 1em;
  width: 100%;
  text-align: left;
  border-bottom: 0.1rem solid #eee;
}
.lite__nav__item__text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.lite__nav__item >.i {
  font-size: 2.4rem;
  color: #c2c2c2;
  -webkit-transform: translateX(12.5%);
  -moz-transform: translateX(12.5%);
  -o-transform: translateX(12.5%);
  -ms-transform: translateX(12.5%);
  transform: translateX(12.5%);
}
.lite__toast {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(229,229,229,0.4);
  padding: 1.6rem;
  border-radius: 0.4rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #000;
}
.lite__toast__text {
  text-align: left;
}
.lite__toast__icon {
  margin-right: 1.6rem;
}
.lite__toast:hover {
  color: #3bba82;
  -webkit-box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2);
}
.ol__cont {
  background-color: rgba(38,84,124,0.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: right;
  -moz-box-align: right;
  -o-box-align: right;
  -ms-flex-align: right;
  -webkit-align-items: right;
  align-items: right;
}
@media all and (min-width: 900px) {
  .ol__cont {
    z-index: 999;
  }
}
@media all and (max-width: 900px) {
  .ol__cont {
    z-index: 1001;
  }
  .ol__cont .modal--side {
    overflow-y: auto;
  }
}
@media all and (max-width: 900px) {
  .ol__cont .modal__content {
    padding-bottom: 2.8rem;
  }
}
.ol--cent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ol--ge {
  text-align: center;
}
.ol--ge__icon {
  font-size: 7rem;
  color: #3bba82;
  margin-bottom: 2.4rem;
}
.ol--ge__title {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 2.4rem;
}
.ol--ge__text {
  font-size: 1.6rem;
  line-height: 1.6em;
}
.ol--ge__label {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  letter-spacing: 0.12rem;
  font-weight: 700;
  color: #3bba82;
  text-transform: uppercase;
}
.ol--ge__link {
  color: #000;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1em;
}
.ol--ge__link:hover {
  color: #3bba82;
}
.ol--ge__block {
  margin-bottom: 2.4rem;
}
.ol--ge__block:last-child,
.ol--ge__block:only-child {
  margin-bottom: 0;
}
.ol--ge__block__cont {
  margin-top: 4.8rem;
}
@media all and (min-width: 900px) {
  .ol--ge__block__cont {
    margin-top: 7.199999999999999rem;
  }
  .ol--ge .card {
    max-width: 46rem;
    min-width: initial;
    padding: 4.8rem;
    padding-bottom: 7.199999999999999rem;
  }
}
.ol--browsers .popup__modal {
  text-align: center;
  width: 100%;
  max-width: 900px;
  max-height: initial;
}
.ol--browsers .popup__modal .btn {
  cursor: pointer;
}
@media (max-height: 750px) {
  .ol--browsers .popup__modal {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 0;
  }
  .ol--browsers .popup__modal .ol--browsers__content {
    text-align: left;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .ol--browsers .popup__modal .ol--browsers__row {
    text-align: center;
  }
  .ol--browsers .popup__modal .ol--browsers__foot {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    text-align: center;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    padding-top: 2.4rem;
    border-radius: 0 0.4rem 0 0.4rem;
    max-width: 39rem;
  }
  .ol--browsers .popup__modal .ol--browsers__foot >* {
    width: 100%;
  }
  .ol--browsers .popup__modal .ol--browsers__foot__content {
    margin: 2.4rem 0 0 0;
  }
  .ol--browsers .popup__modal .ol--browsers__foot__content >* {
    width: 100%;
  }
}
.ol--browsers__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 2.4rem;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.ol--browsers__row .ol--browsers__item {
  margin-right: 2.6rem;
}
.ol--browsers__row .ol--browsers__item:last-child {
  margin-right: 0;
}
.ol--browsers__content {
  padding: 4.8rem;
}
.ol--browsers__foot {
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border-top: 0.1rem solid rgba(59,186,130,0.2);
  padding: 2.4rem 3.6rem;
  background-color: #ebf9f3;
  border-radius: 0 0 0.4rem 0.4rem;
}
.ol--browsers__foot >.i {
  font-size: 3.6rem;
  color: rgba(59,186,130,0.4);
}
.ol--browsers__foot__content {
  margin-right: 4.8rem;
  margin-left: 2.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ol--browsers__foot__title {
  font-size: 2.6rem;
  font-weight: 700;
}
.ol--browsers__foot__text {
  font-size: 1.6rem;
}
.ol--browsers__img {
  margin-top: 3rem;
}
.ol--browsers__title {
  font-size: 3.6rem;
  font-weight: 900;
  margin-bottom: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
.ol--browsers__text {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 300;
  max-width: 64rem;
  margin-bottom: 4.8rem;
}
.ol--browsers__text .logo--sm {
  display: inline-block;
}
.ol--browsers__item {
  border: 0.1rem solid #d8d8d8;
  border-radius: 0.4rem;
}
.ol--browsers__item >.btn {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.ol--browsers__item__name {
  width: 100%;
  display: inline-block;
  font-size: 1.8rem;
  letter-spacing: -0.05rem;
  font-weight: 700;
  margin-top: 0.6rem;
}
.ol--browsers__item.--recommended {
  border-color: #9adfc1;
  background-color: #fff;
  -webkit-box-shadow: 0.2rem 0.3rem 0.4rem rgba(0,0,0,0.08);
  box-shadow: 0.2rem 0.3rem 0.4rem rgba(0,0,0,0.08);
}
.ol--browsers__item.--recommended .ol--browsers__head {
  background-color: #f5fcf9;
  text-align: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-radius: 0.4rem 0.4rem 0 0;
  border-bottom: 0.1rem solid #9adfc1;
}
.ol--browsers__item.--recommended .ol--browsers__head__title {
  width: 100%;
  font-size: 1.4rem;
  font-family: 'IBM Plex Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.14rem;
  font-weight: 700;
  display: inline-block;
}
.ol--browsers__item.--recommended .ol--browsers__head .logo--sm {
  display: inline-block;
  margin-top: 0.6rem;
  -webkit-transform: translateX(-4%);
  -moz-transform: translateX(-4%);
  -o-transform: translateX(-4%);
  -ms-transform: translateX(-4%);
  transform: translateX(-4%);
}
.modal {
  background-color: #26547c;
  max-width: 89rem;
  width: 100%;
  position: absolute;
  right: 0;
  height: 100%;
}
.modal__hr {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  display: block;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
@media all and (min-width: 1200px) {
  .modal__hr {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
  }
}
.modal__subtitle {
  font-size: 2rem;
  text-align: left;
  color: #fff;
  margin-bottom: 1.6rem;
}
.modal__subtitle:not(.modal__subtitle:first-child) {
  padding-top: 30px;
}
.modal--state__details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 4.8rem;
}
@media all and (max-width: 900px) {
  .modal--state__details {
    margin-bottom: 2.8rem;
  }
}
.modal--state__details__info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1.6rem;
  color: #fff;
}
.modal--state__details__text {
  font-size: 2rem;
  font-weight: 300;
}
.modal--state__receipt >img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.modal--state__title {
  font-size: 3.1rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.modal--state__text {
  font-size: 1.8rem;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.modal--state__controls {
  margin-top: 2.4rem;
  text-align: center;
}
.modal--state__controls .btn {
  margin-right: 1.6rem;
}
.modal--state__controls .btn:last-child,
.modal--state__controls .btn:only-child {
  margin-right: 0;
}
.modal--state__centered {
  text-align: center;
  color: #fff;
  padding-top: 4.8rem;
  color: #000;
  width: 100%;
}
.modal--state__centered >img {
  margin-bottom: 2.4rem;
}
.modal--state__centered .modal--state__icon {
  margin-bottom: 1.6rem;
}
.modal--state__inline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2.4rem;
  border-radius: 0.4rem;
  background-color: #f0f0f0;
}
.modal--state__inline .modal--state__icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 1.6rem;
  padding-right: 4rem;
}
.modal--state__inline .modal--state__title {
  margin-bottom: 0;
}
.modal--state__inline .modal--state__text {
  margin-bottom: 1rem;
}
.modal--state__inline .modal--state__controls {
  margin-top: 1.6rem;
}
.modal--state__dark .modal--state__title,
.modal--state__dark .modal--state__text {
  color: #000;
}
.modal--state__dark .modal--state__icon svg path {
  fill: #c4c4c4;
}
.modal--state__dark.modal--state__inline {
  background-color: #26547c;
}
.modal--state__dark.modal--state__inline .modal--state__title,
.modal--state__dark.modal--state__inline .modal--state__text {
  color: #fff;
}
.modal--state__dark.modal--state__inline .modal--state__icon svg path {
  fill: #fff;
}
.modal--state__light .modal--state__title,
.modal--state__light .modal--state__text {
  color: #fff;
}
.modal--state__light .modal--state__icon svg path {
  fill: #fff;
}
.modal--state__light.modal--state__inline {
  background-color: #fff;
}
.modal--state__light.modal--state__inline .modal--state__title,
.modal--state__light.modal--state__inline .modal--state__text {
  color: #000;
}
.modal--state__light.modal--state__inline .modal--state__icon svg path {
  fill: #000;
}
@media all and (max-width: 900px) {
  .modal--state__title {
    margin-bottom: 1rem;
    font-size: 2.4rem;
  }
  .modal--state__icon svg {
    max-width: 4.4rem;
    height: auto;
  }
  .modal--state__inline {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .modal--state__controls .btn {
    width: 100%;
    margin-bottom: 1.6rem;
    margin-right: 0;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .modal--state__controls .btn:last-child {
    margin-bottom: 0;
  }
}
.modal .head__cont {
  padding-bottom: 2.4rem;
}
.modal .head__title {
  color: #fff;
}
.modal .head__title--single {
  text-align: left;
  margin-bottom: 2.4rem;
  margin-top: 2.4rem;
}
.modal__content .head__cont {
  padding-right: 0;
  text-align: left;
}
@media all and (min-width: 900px) {
  .modal__content {
    padding: 0 4.8rem 4.8rem 4.8rem;
    overflow-y: auto;
    height: calc(100% - 11.2rem);
  }
  .modal__content .head__cont {
    padding-left: 0;
  }
  .modal__content .head__cont--confirm-on-leave {
    padding-left: 4.8rem;
  }
}
@media all and (max-width: 900px) {
  .modal__content {
    padding: 0 4.8rem;
  }
}
@media all and (max-width: 767px) {
  .modal__content {
    padding: 0 2.8rem;
  }
}
@media all and (max-width: 900px) {
  .modal__content .blocks__cont {
    margin-bottom: 2.8rem;
  }
}
.modal__bubble {
  padding: 4.8rem 4.8rem;
  background-color: #fff;
  border-radius: 0.4rem;
  margin-bottom: 1.6rem;
}
.modal__bubble__list {
  border-bottom: 0.1rem solid #d8d8d8;
  background-color: $color-dgray;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}
.modal__bubble__list .filter__checkbox.--lg {
  margin-right: 1.4rem;
}
.modal__bubble__list:last-child {
  border-bottom: 0;
}
.modal__bubble__list__cont {
  height: 40rem;
}
.modal__bubble__list__cont .table--infinite__row__inside {
  padding: 0;
}
.modal__bubble__list__cont .table--infinite__cell {
  padding: 0;
}
.modal__bubble__list__name {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1em;
  width: 100%;
  display: inline-block;
}
.modal__bubble__list__type {
  font-size: 1.4rem;
}
.modal__bubble__list__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1.6rem;
}
.modal__bubble__list__controls .filter__checkbox {
  padding: 0;
  margin-right: 1.6rem;
}
.modal__bubble__list__body {
  text-align: left;
}
.modal__bubble__label {
  font-size: 1.3rem;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-weight: 700;
  color: #3bba82;
  text-align: left;
  width: 100%;
  margin-bottom: 1.6rem;
  display: block;
}
.modal__bubble__filter {
  background-color: #efefef;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border-radius: 0.4rem;
}
.modal__bubble__filter__text {
  font-size: 2.1rem;
  width: 100%;
  text-align: left;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.modal__bubble__toggles {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2.4rem;
}
.modal__bubble__toggles .input--toggle--sm {
  margin-right: 0.8rem;
}
.modal__bubble__toggles .input--toggle--sm:last-child {
  margin-right: 0;
}
.modal__list .input--checkbox--inline {
  border-bottom: 0.1rem solid rgba(255,255,255,0.2);
  padding-bottom: 1.6rem;
}
.modal__list .input--checkbox--inline:last-child {
  border-bottom: 0;
}
.modal__list .input--toggle--reverse {
  margin-top: 0;
  margin-bottom: 0;
}
.modal--side__text {
  font-size: 1.7rem;
  line-height: 1.6em;
  color: #fff;
  text-align: left;
  margin-bottom: 2.4rem;
}
.modal--side .form__cont .form--row {
  margin-bottom: 1.6rem;
}
.modal--side .form__cont >.btn {
  margin-top: 4.8rem;
}
.modal--side .form__cont >.btn:last-child {
  width: 100%;
}
.modal--side .form__cont .spac--top {
  margin-top: 2.4rem;
}
@media all and (max-width: 900px) {
  .modal--side__text {
    font-size: 1.5rem;
    margin-bottom: 2.8rem;
    margin-top: -1.6rem;
  }
  .modal--side >.head__cont .head__controls .modal__close {
    position: static;
  }
}
@media all and (max-width: 767px) {
  .modal--side .modal--msg {
    padding: 0;
  }
  .modal--side >.head__cont .head__controls .btn--md {
    padding: 0.8rem;
  }
  .modal--side >.head__cont .head__controls .btn--md.drop__anch {
    padding-left: 1rem;
    padding-right: 4.2rem;
  }
  .modal--side >.head__cont .head__controls .btn--md.drop__anch >.i {
    line-height: 3.6rem;
  }
}
.modal--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal--flex section {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.modal--flex__row {
  margin-bottom: 4.8rem;
}
.modal--flex__row .blocks--data {
  margin-bottom: 0;
}
.modal--flex__row:last-child,
.modal--flex__row:only-child {
  margin-bottom: 0;
}
.modal--flex .table--infinite__cell.--sticky.--last {
  background-color: transparent;
  background-image: none;
}
.modal--flex--sticky .table--infinite__cell.--sticky.--last {
  background-image: -webkit-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -moz-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(right, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to left, #fff 0%, #fff 85%, rgba(255,255,255,0) 100%);
}
.modal--flex .table--infinite__row__inside {
  border-radius: 0.4rem;
}
.modal--flex .head__title--modal {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  font-weight: 400;
  font-size: 2.3rem;
  margin-bottom: 1.6rem;
}
.modal--flex .modal__content {
  padding-top: 4.8rem;
  height: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modal--flex__list {
  color: #e5e5e5;
  font-size: 1.5rem;
  margin-top: 2.4rem;
}
.modal--flex__list >.onboard__item {
  margin-bottom: 1.6rem;
}
.modal--flex__list__icon {
  margin-left: 0.8rem;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.modal--flex__list__icon:hover {
  color: #3bba82;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media all and (max-width: 900px) {
  .modal--flex .modal__content {
    padding-top: 2.8rem;
  }
  .modal--flex .head__cont {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .modal--flex .head__cont__inn {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .modal--flex .head__title--modal {
    color: #fff;
  }
  .modal--flex .head__controls {
    text-align: right;
    margin-left: 1.6rem;
  }
  .modal--flex .head__controls .btn {
    width: auto;
  }
}
.modal--invoice {
  width: 71rem;
  background: #fff;
  left: 50%;
  top: 50%;
  border-radius: 0 0 0.4rem 0.4rem;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal--invoice .grid__value {
  font-weight: 400;
}
.modal--invoice .col--6 .grid__value {
  font-size: 1.7rem;
}
.modal--invoice .grid__row__inline:first-of-type {
  margin-top: 0;
}
.modal--invoice__content .col__row:nth-child(1) >.col {
  border-right: 0.1rem solid #d8d8d8;
}
.modal--invoice__content .col__row:nth-child(1) >.col:last-child {
  border-right: 0;
}
.modal--invoice__content .col__row:nth-child(2) >.col:first-child {
  border-right: 0.1rem solid #d8d8d8;
}
.modal--invoice__content .col--invoice {
  border-bottom: 0.1rem solid #d8d8d8;
}
.modal--invoice__btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-right: 4.8rem;
}
.modal--invoice__btns .btn {
  margin-right: 1.2rem;
  font-size: 1.5rem;
}
.modal--invoice__btns .btn:last-child {
  margin-right: 0;
}
.modal--invoice__foot {
  background-color: #26547c;
  border-radius: 0 0 0.4rem 0.4rem;
  padding: 2rem;
}
.modal__msg__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: #fff;
  margin-bottom: 4.8rem;
}
.modal__msg__cont.--row {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.4rem;
}
.modal__msg__cont.--row .modal__msg__title {
  font-size: 2.3rem;
  margin-bottom: 0;
  font-weight: 500;
}
@media all and (max-width: 900px) {
  .modal__msg__cont.--row {
    margin-bottom: 2.8rem;
  }
  .modal__msg__cont.--row .modal__msg__content {
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .modal__msg__cont.--row .modal__msg__controls {
    width: 100%;
  }
}
.modal__msg__cont.--outline {
  border: 0.1rem solid #e55050;
  padding: 2.4rem;
  border-radius: 0.4rem;
}
.modal__msg__cont.--outline.--lite {
  border: 0.1rem solid #979797;
}
.modal__msg__cont.--md {
  margin-bottom: 2.4rem;
}
.modal__msg__cont.--md .modal__msg__title {
  font-weight: 400;
  font-size: 2rem;
}
.modal__msg__cont.--white {
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 2.4rem;
}
.modal__msg__cont.--white .modal__msg__title {
  font-weight: 700;
}
.modal__msg__cont.--white .modal__msg__title,
.modal__msg__cont.--white .modal__msg__text {
  color: #000;
}
.modal__msg__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-right: ;
}
.modal__msg__controls >.btn {
  margin-left: 1.6rem;
  white-space: nowrap;
}
.modal__msg__controls >.btn:first-child,
.modal__msg__controls >.btn:only-child {
  margin-left: 0;
}
.modal__msg__alert {
  border-radius: 0.4rem;
  padding: 1.6rem;
  color: #fff;
  line-height: 1em;
  margin-bottom: 2.4rem;
  margin-top: -1.2rem;
}
.modal__msg__alert.--prim {
  background-color: #3bba82;
}
.modal__msg__alert.--warn {
  background-color: #e55050;
}
.modal__msg__content {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modal__msg__text {
  font-size: 1.7rem;
  line-height: 1.3em;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
}
.modal__msg__title {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 1rem;
}
@media all and (min-width: 900px) {
  .modal__msg__controls {
    margin-left: 2.4rem;
  }
}
@media all and (max-width: 900px) {
  .modal__msg__controls {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal__msg__controls >.btn {
    width: 100%;
    margin-bottom: 1.2rem;
    margin-left: 0;
  }
  .modal__msg__controls >.btn:last-child,
  .modal__msg__controls >.btn:only-child {
    margin-bottom: 0;
  }
  .modal__msg__cont {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal__msg__content {
    margin-bottom: 2.8rem;
    text-align: left;
  }
}
.modal--msg {
  color: #fff;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  padding: 4.8rem;
}
.modal--msg .sett--verified__icon {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  margin-bottom: 6.72rem;
  margin-top: 6.72rem;
}
.modal--msg >.btn {
  width: calc(100% - 9.6rem);
  position: absolute;
  bottom: 4.8rem;
  left: 4.8rem;
}
.modal--msg__title {
  font-size: 3.5rem;
  line-height: 1em;
  margin-bottom: 4.8rem;
}
.modal--msg__text {
  font-size: 1.8rem;
  line-height: 140%;
  margin-bottom: 2.4rem;
}
.modal--msg--compact {
  padding-left: 0;
  padding-right: 0;
}
.modal--msg--compact .i {
  margin-bottom: 1.6rem;
}
.modal--msg--compact .modal--msg__title {
  margin-bottom: 1.6rem;
}
.modal--msg--compact .modal--msg__text {
  margin-bottom: 0;
}
.modal--tabs {
  background-color: #26547c;
  border-bottom: 0.1rem solid rgba(255,255,255,0.4);
  width: 100%;
  max-width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1001;
}
.modal--tabs__item {
  white-space: nowrap;
  font-size: 2.2rem;
  margin-right: 2.4rem;
  color: #fff;
  position: relative;
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  font-weight: 500;
  display: inline-block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal--tabs__item:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.3rem;
  width: 100%;
  background-color: #3bba82;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.modal--tabs__item:hover,
.modal--tabs__item--active {
  cursor: pointer;
}
.modal--tabs__item:hover:before,
.modal--tabs__item--active:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.modal--tabs__items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  -webkit-transform: translate3d(1);
  -moz-transform: translate3d(1);
  -o-transform: translate3d(1);
  -ms-transform: translate3d(1);
  transform: translate3d(1);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal--tabs__items::-webkit-scrollbar {
  display: none;
}
@media all and (min-width: 900px) {
  .modal--tabs__items {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
@media all and (min-width: 767px) {
  .modal--tabs__items {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
@media all and (max-width: 767px) {
  .modal--tabs__items {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}
@media all and (max-width: 900px) {
  .modal__close {
    position: absolute;
    right: 2.8rem;
    top: 2.8rem;
    color: #fff;
    font-size: 2rem;
  }
  .modal__close--pos {
    right: 0.8rem;
    top: 0.8rem;
  }
}
.modal--confirm {
  text-align: center;
  color: #fff;
}
.modal--confirm__area {
  border-bottom: 0.1rem solid rgba(216,216,216,0.3);
  padding: 4.8rem;
}
.modal--confirm__area.--clean {
  border-bottom: none;
}
.modal--confirm--form {
  overflow-y: auto;
  height: 100%;
}
.modal--confirm__foot {
  padding: 4.8rem;
}
.modal--confirm__text {
  font-size: 1.7rem;
  letter-spacing: 0.03rem;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.modal--confirm__title {
  font-size: 3rem;
  line-height: 1em;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 3.6rem;
}
.modal--confirm__title.--lg {
  line-height: 1em;
  margin-bottom: 2.4rem;
}
.modal--confirm__form {
  max-width: 75%;
  margin: 4.8rem auto 4.8rem auto;
}
.modal--confirm__form .form__foot {
  text-align: right;
  margin-top: -1.6rem;
}
.modal--confirm__form .form__cont {
  padding-top: 2.4rem;
}
@media all and (min-width: 900px) {
  .modal--confirm__title {
    font-size: 3rem;
  }
  .modal--confirm__title.--lg {
    font-size: 4rem;
  }
}
@media all and (max-width: 900px) {
  .modal--confirm .form__cont .form--row {
    margin-bottom: 4.8rem;
  }
  .modal--confirm .form__cont .form--row .input {
    margin-bottom: 4.8rem;
  }
  .modal--confirm .form__cont .form--row .input:last-child {
    margin-bottom: 0;
  }
  .modal--confirm__area,
  .modal--confirm__foot {
    padding: 2.8rem;
  }
  .modal--confirm__title {
    font-size: 2.2rem;
  }
  .modal--confirm__title.--lg {
    font-size: 2.6rem;
  }
}
.modal--codes .modal__content {
  padding-top: 1.6rem;
}
.receipts__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.receipts__wrap.--col-wrap {
  padding-top: 1.6rem;
  width: 100%;
  -webkit-column-gap: 1.6rem;
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
}
.receipts__wrap.--col-wrap >* {
  padding-top: 0;
  margin-top: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 35.5rem;
  -ms-flex: 1 1 35.5rem;
  flex: 1 1 35.5rem;
}
.receipts__wrap.--col-wrap.--col-edit >* {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 33rem;
  -ms-flex: 1 1 33rem;
  flex: 1 1 33rem;
}
.receipts__item {
  position: relative;
  margin-bottom: 1.6rem;
  width: 100%;
  height: 30rem;
  overflow: hidden;
  border-radius: 0.4rem;
  vertical-align: top;
  break-inside: avoid;
  page-break-inside: avoid;
}
.receipts__item img {
  width: 100%;
  border-radius: 0.4rem;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.receipts__item canvas {
  width: 100% !important;
  height: auto !important;
}
.receipts__item__title {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 2.3rem;
  line-height: 1em;
  margin-bottom: 1rem;
}
.receipts__item__date {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 1.8rem;
  line-height: 1em;
}
.receipts__item__image {
  border-radius: 0.4rem;
  overflow: hidden;
  height: 100%;
}
.receipts__item__image img {
  display: inline-block;
  min-height: 100%;
}
.receipts__item__close {
  color: #fff;
  font-size: 1.1rem;
  background-color: #e55050;
  border-radius: 50%;
  cursor: pointer;
  height: 2.6rem;
  width: 2.6rem;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
  z-index: 999;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.receipts__item__close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.receipts__item__controls {
  margin-top: 2.4rem;
}
.receipts__item__controls >.btn {
  margin-right: 1.6rem;
}
.receipts__item__controls >.btn:last-child,
.receipts__item__controls >.btn:only-child {
  margin-right: 0;
}
.receipts__item__details {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.receipts__item--blank {
  background-color: rgba(0,0,0,0.1);
  border-radius: 0.4rem;
  height: 30rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.receipts__item.--col {
  width: 36.5rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
@media all and (max-width: 900px) {
  .receipts__item.--col {
    width: 100%;
  }
}
.receipts__item.--col.--col-edit {
  width: 33rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
@media all and (max-width: 900px) {
  .receipts__item.--col.--col-edit {
    width: 100%;
  }
}
.receipts__item.--col .input--upload--modal {
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.receipts--grid {
  padding-top: 1.6rem;
  width: 100%;
  -webkit-column-gap: 1.6rem;
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
  break-inside: avoid-column;
}
.receipts--grid >* {
  padding-top: 0;
  margin-top: 0;
}
.receipts__ol {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  text-align: left;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 100%);
  background-image: -moz-linear-gradient(rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 100%);
  background-image: -o-linear-gradient(rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 100%);
  background-image: -ms-linear-gradient(rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 100%);
  background-image: linear-gradient(rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 100%);
  border-radius: 0.4rem;
  padding: 2.4rem;
}
@media all and (min-width: 900px) {
  .receipts--grid {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    break-inside: break-inside;
  }
}
@media all and (max-width: 900px) {
  .receipts__item {
    margin-bottom: 2.8rem;
  }
  .receipts__item:last-of-type {
    margin-bottom: 0;
  }
  .receipts__item--blank {
    max-height: 10rem;
  }
}
.color--prim {
  background-color: #3bba82;
}
.color--prim--text {
  background-color: #fff;
  color: #3bba82;
}
.color--lred--text {
  color: #fb4343;
}
.color--vdgry--text {
  color: #6b716f;
}
.dn {
  display: none !important;
  visibility: hidden !important;
}
@media all and (max-width: 480px) {
  .hide--xsm {
    display: none;
  }
}
.visibility--hidden {
  visibility: hidden !important;
}
.visibility--visible {
  visibility: visible !important;
}
.mt--none {
  margin-top: 0;
}
.fw {
  width: 100%;
}
.fh {
  height: 100% !important;
}
.typ--left {
  text-align: left;
}
.typ--call {
  font-weight: 700;
  color: #3bba82;
}
.typ--b {
  font-weight: 700;
}
.typ--cent {
  text-align: center;
}
.typ--ital {
  font-style: italic;
}
.typ--prim {
  color: #3bba82;
}
.typ--warn {
  color: #e55050;
}
.typ--ul {
  position: relative;
  display: inline-block;
}
.typ--ul:before {
  content: '';
  display: inline-block;
  width: 100%;
  bottom: 0.5rem;
  position: absolute;
  height: 0.5rem;
  left: 0;
  background-color: rgba(59,186,130,0.4);
}
.hide--flow {
  overflow: hidden;
}
.flex--break {
  width: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  height: 0;
  margin: 0;
  border: 0;
  outline: none;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .modal,
  .ol__cont {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
  }
  .card--fh {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
  }
  .load__logo--m {
    height: 6rem;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
  .single-select__menu {
    scrollbar-base-color: #3bba82;
    scrollbar-face-color: #3bba82;
    scrollbar-3dlight-color: #3bba82;
    scrollbar-highlight-color: #3bba82;
    scrollbar-track-color: #3bba82;
    scrollbar-arrow-color: #2f9568;
    scrollbar-shadow-color: #3bba82;
    scrollbar-dark-shadow-color: #3bba82;
  }
  .input--bubble .input--err__msg {
    top: 6.2rem;
    right: 4.6rem;
  }
  .input--bubble >input {
    padding-top: 0.2rem;
  }
  .ReactTable {
    display: block;
    padding-bottom: 4.8rem;
  }
  .ReactTable .pagination-bottom {
    margin-top: 4.8rem;
  }
  .form--login {
    max-width: none;
    width: 36rem;
  }
  .form--login__logo {
    width: 16rem;
  }
  .ol--browsers .logo--sm {
    width: 10.6rem;
  }
  .ol--browsers .logo--sm >* {
    float: left;
  }
}
@media screen and (-ms-high-contrast: active) and (max-height: 750px), screen and (-ms-high-contrast: none) and (max-height: 750px) {
  .popup__modal {
    max-width: 80%;
  }
  .popup__modal >* {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .ol--browsers__row {
    margin: 0;
  }
}
/*# sourceMappingURL=styles.css.map */