@charset "UTF-8";
html {
  font-size: 16px;
  font-size: 100%;
}

body label, body td, body tr {
  font-size: 16px;
  font-size: 1rem;
}
body small {
  font-size: 12px;
  font-size: 0.75rem;
}
body label, body input[type='text'] {
  font-size: 16px;
  font-size: 1rem;
}
body label.min, body input[type='text'].min {
  height: 24px;
  height: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-size: 12px;
  font-size: 0.75rem;
}

* {
  outline: none;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  line-height: 1.35;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn.active,
button:hover,
button:active,
button:focus,
button.active,
input:hover,
input:active,
input:focus,
input.active,
a,
a *,
a:hover *,
a:hover,
a:focus *,
a:focus,
a:active *,
a:active,
select {
  outline: none;
  text-decoration: none;
  box-shadow: 0 0 0 0;
}

.is--hidden {
  display: none;
}

.demo {
  border: 1px solid #f00;
}

.demo2 {
  border: 1px solid #0f0;
}

.demo3 {
  border: 1px solid #00f;
}

.demob {
  background: #f00;
}

.demo2b {
  background: #0f0;
}

.demo3b {
  background: #00f;
}

.row,
label {
  padding: 0;
  margin: 0;
}

.container-fluid,
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding: 0;
}

.rect {
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.rect:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -moz-border-radius: 0%;
  -webkit-border-radius: 0%;
  border-radius: 0%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.rect:hover:before, .rect:focus:before, .rect:active:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.f--r {
  float: right;
}

.f--l {
  float: left;
}

.t--c {
  text-align: center;
}

.t--r {
  text-align: right;
}

.t--l {
  text-align: left;
}

.t--cap {
  text-transform: capitalize;
}

.t--ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t--break {
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
}

.overlay,
.default__overlay {
  background: rgba(23, 15, 30, 0);
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 888;
  overflow: hidden;
}
.overlay.is--show, .overlay.js--show,
.default__overlay.is--show,
.default__overlay.js--show {
  display: block;
}
.overlay.is--show.overlay__black, .overlay.js--show.overlay__black,
.default__overlay.is--show.overlay__black,
.default__overlay.js--show.overlay__black {
  background: rgba(23, 15, 30, 0.1);
}

.ver {
  position: fixed;
  bottom: 0;
  color: rgba(23, 15, 30, 0.5);
}

.box__shadow--default {
  -moz-box-shadow: 0 10px 30px -12px rgba(23, 15, 30, 0.42), 0 4px 25px 0px rgba(50, 59, 68, 0.12), 0 8px 10px -5px rgba(23, 15, 30, 0.2);
  -webkit-box-shadow: 0 10px 30px -12px rgba(23, 15, 30, 0.42), 0 4px 25px 0px rgba(50, 59, 68, 0.12), 0 8px 10px -5px rgba(23, 15, 30, 0.2);
  box-shadow: 0 10px 30px -12px rgba(23, 15, 30, 0.42), 0 4px 25px 0px rgba(50, 59, 68, 0.12), 0 8px 10px -5px rgba(23, 15, 30, 0.2);
}

.box__shadow--dark {
  -moz-box-shadow: 0 10px 30px -12px rgba(23, 15, 30, 0.92), 0 4px 25px 0px rgba(50, 59, 68, 0.22), 0 8px 10px -5px rgba(23, 15, 30, 0.3);
  -webkit-box-shadow: 0 10px 30px -12px rgba(23, 15, 30, 0.92), 0 4px 25px 0px rgba(50, 59, 68, 0.22), 0 8px 10px -5px rgba(23, 15, 30, 0.3);
  box-shadow: 0 10px 30px -12px rgba(23, 15, 30, 0.92), 0 4px 25px 0px rgba(50, 59, 68, 0.22), 0 8px 10px -5px rgba(23, 15, 30, 0.3);
}

.users--none {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.cursor,
.cursor * {
  cursor: pointer;
}

.no__x .simplebar-track.horizontal {
  display: none !important;
}

table.dataTable tbody th.no__padding,
table.dataTable tbody td.no__padding,
table.dataTable.compact tbody th.no__padding,
table.dataTable.compact tbody td.no__padding {
  padding: 0;
}

table.dataTable.compact.tdh--3 tbody td {
  height: 30px;
}

.td__input {
  display: block;
  width: calc(100% - 0.3rem);
  margin: 0.1rem;
  padding: 0 0 0 5px;
  height: 30px;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.td__input.b--0 {
  border: 0px;
}
.td__input.b--0:focus {
  color: #495057;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
}

.arrow_box {
  display: inline-block;
  position: relative;
  border: 0px solid rgba(255, 255, 255, 0.5);
  text-align: left;
  padding: 0 8px;
  line-height: 36px;
  line-height: 2.25rem;
  min-height: 36px;
  min-height: 2.25rem;
  height: auto;
  font-size: 16px;
  font-size: 1rem;
}
.arrow_box.is--hidden, .arrow_box.js--hidden {
  display: none;
}
.arrow_box.is--show, .arrow_box.js--show {
  display: inline-block;
}
.arrow_box:after, .arrow_box:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
}

.arrow_box.arrow--bottom:after, .arrow_box.arrow--bottom:before, .arrow_box.arrow--top:after, .arrow_box.arrow--top:before {
  left: 10%;
}
.arrow_box.arrow--bottom:before, .arrow_box.arrow--top:before {
  border-width: 10px;
  margin-left: -10px;
}
.arrow_box.arrow--bottom:after, .arrow_box.arrow--top:after {
  border-width: 8px;
  margin-left: -8px;
}
.arrow_box.arrow--right:after, .arrow_box.arrow--right:before, .arrow_box.arrow--left:after, .arrow_box.arrow--left:before {
  top: 45%;
}
.arrow_box.arrow--right:before, .arrow_box.arrow--left:before {
  border-width: 10px;
  margin-top: -10px;
}
.arrow_box.arrow--right:after, .arrow_box.arrow--left:after {
  border-width: 8px;
  margin-top: -8px;
}
.arrow_box.arrow--top:after, .arrow_box.arrow--top:before {
  bottom: 100%;
}
.arrow_box.arrow--bottom:after, .arrow_box.arrow--bottom:before {
  top: 100%;
}
.arrow_box.arrow--right:after, .arrow_box.arrow--right:before {
  left: 99.9%;
}
.arrow_box.arrow--left:after, .arrow_box.arrow--left:before {
  right: 99.9%;
}

.arrow_box--danger {
  color: #fff;
  background-color: rgba(205, 33, 42, 0.7);
}
.arrow_box--danger.arrow--top:after {
  border-bottom-color: rgba(205, 33, 42, 0.7);
}
.arrow_box--danger.arrow--bottom:after {
  border-top-color: rgba(205, 33, 42, 0.7);
}
.arrow_box--danger.arrow--right:after {
  border-left-color: rgba(205, 33, 42, 0.7);
}
.arrow_box--danger.arrow--left:after {
  border-right-color: rgba(205, 33, 42, 0.7);
}
.arrow_box--warning {
  color: #fff;
  background-color: rgba(255, 175, 18, 0.7);
}
.arrow_box--warning.arrow--top:after {
  border-bottom-color: rgba(255, 175, 18, 0.7);
}
.arrow_box--warning.arrow--bottom:after {
  border-top-color: rgba(255, 175, 18, 0.7);
}
.arrow_box--warning.arrow--right:after {
  border-left-color: rgba(255, 175, 18, 0.7);
}
.arrow_box--warning.arrow--left:after {
  border-right-color: rgba(255, 175, 18, 0.7);
}
.arrow_box--success {
  color: #fff;
  background-color: rgba(75, 83, 53, 0.7);
}
.arrow_box--success.arrow--top:after {
  border-bottom-color: rgba(75, 83, 53, 0.7);
}
.arrow_box--success.arrow--bottom:after {
  border-top-color: rgba(75, 83, 53, 0.7);
}
.arrow_box--success.arrow--right:after {
  border-left-color: rgba(75, 83, 53, 0.7);
}
.arrow_box--success.arrow--left:after {
  border-right-color: rgba(75, 83, 53, 0.7);
}
.arrow_box--info {
  color: #fff;
  background-color: rgba(0, 117, 143, 0.7);
}
.arrow_box--info.arrow--top:after {
  border-bottom-color: rgba(0, 117, 143, 0.7);
}
.arrow_box--info.arrow--bottom:after {
  border-top-color: rgba(0, 117, 143, 0.7);
}
.arrow_box--info.arrow--right:after {
  border-left-color: rgba(0, 117, 143, 0.7);
}
.arrow_box--info.arrow--left:after {
  border-right-color: rgba(0, 117, 143, 0.7);
}
.arrow_box--active {
  color: #fff;
  background-color: rgba(71, 198, 163, 0.7);
}
.arrow_box--active.arrow--top:after {
  border-bottom-color: rgba(71, 198, 163, 0.7);
}
.arrow_box--active.arrow--bottom:after {
  border-top-color: rgba(71, 198, 163, 0.7);
}
.arrow_box--active.arrow--right:after {
  border-left-color: rgba(71, 198, 163, 0.7);
}
.arrow_box--active.arrow--left:after {
  border-right-color: rgba(71, 198, 163, 0.7);
}
.arrow_box--primary {
  color: #fff;
  background-color: rgba(15, 76, 129, 0.7);
}
.arrow_box--primary.arrow--top:after {
  border-bottom-color: rgba(15, 76, 129, 0.7);
}
.arrow_box--primary.arrow--bottom:after {
  border-top-color: rgba(15, 76, 129, 0.7);
}
.arrow_box--primary.arrow--right:after {
  border-left-color: rgba(15, 76, 129, 0.7);
}
.arrow_box--primary.arrow--left:after {
  border-right-color: rgba(15, 76, 129, 0.7);
}
.arrow_box--secondary {
  color: #fff;
  background-color: rgba(128, 128, 128, 0.7);
}
.arrow_box--secondary.arrow--top:after {
  border-bottom-color: rgba(128, 128, 128, 0.7);
}
.arrow_box--secondary.arrow--bottom:after {
  border-top-color: rgba(128, 128, 128, 0.7);
}
.arrow_box--secondary.arrow--right:after {
  border-left-color: rgba(128, 128, 128, 0.7);
}
.arrow_box--secondary.arrow--left:after {
  border-right-color: rgba(128, 128, 128, 0.7);
}
.arrow_box--disable {
  color: #fff;
  background-color: rgba(121, 142, 164, 0.7);
}
.arrow_box--disable.arrow--top:after {
  border-bottom-color: rgba(121, 142, 164, 0.7);
}
.arrow_box--disable.arrow--bottom:after {
  border-top-color: rgba(121, 142, 164, 0.7);
}
.arrow_box--disable.arrow--right:after {
  border-left-color: rgba(121, 142, 164, 0.7);
}
.arrow_box--disable.arrow--left:after {
  border-right-color: rgba(121, 142, 164, 0.7);
}
.arrow_box--delete {
  color: #fff;
  background-color: rgba(160, 153, 152, 0.7);
}
.arrow_box--delete.arrow--top:after {
  border-bottom-color: rgba(160, 153, 152, 0.7);
}
.arrow_box--delete.arrow--bottom:after {
  border-top-color: rgba(160, 153, 152, 0.7);
}
.arrow_box--delete.arrow--right:after {
  border-left-color: rgba(160, 153, 152, 0.7);
}
.arrow_box--delete.arrow--left:after {
  border-right-color: rgba(160, 153, 152, 0.7);
}
.arrow_box--blazer {
  color: #fff;
  background-color: rgba(40, 45, 60, 0.7);
}
.arrow_box--blazer.arrow--top:after {
  border-bottom-color: rgba(40, 45, 60, 0.7);
}
.arrow_box--blazer.arrow--bottom:after {
  border-top-color: rgba(40, 45, 60, 0.7);
}
.arrow_box--blazer.arrow--right:after {
  border-left-color: rgba(40, 45, 60, 0.7);
}
.arrow_box--blazer.arrow--left:after {
  border-right-color: rgba(40, 45, 60, 0.7);
}

.dropdown__select {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
  padding: 0 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.dropdown__select .select {
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  height: 36px;
  height: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
}
.dropdown__select i {
  cursor: pointer;
  float: right;
  height: 100%;
  line-height: 36px;
  line-height: 2.25rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 6px;
  margin-right: 0.375rem;
}
.dropdown__select.is--focus .select i, .dropdown__select.is--focus i, .dropdown__select.js--focus .select i, .dropdown__select.js--focus i, .dropdown__select.is--active .select i, .dropdown__select.is--active i, .dropdown__select.js--active .select i, .dropdown__select.js--active i {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.dropdown__select.is--select, .dropdown__select.js--select {
  color: #3badfa;
}

.dropdown__menu {
  top: 36px;
  right: 5px;
  padding: 0;
  position: absolute;
  margin-top: 1px;
  border-radius: 0 1px 5px 5px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 9;
  list-style: none;
  min-width: 400px;
  min-width: 25rem;
}
.dropdown__menu.dropdown__menu--inside {
  right: 0;
  left: 80%;
  min-width: 200px;
  min-width: 12.5rem;
}
.dropdown__menu .dropdown__menu--child {
  width: 100%;
  left: 0;
  margin-top: 1px;
  border-radius: 0 1px 5px 5px;
  overflow: hidden;
  display: none;
  overflow-y: auto;
  z-index: 9;
  padding: 0;
  list-style: none;
}
.dropdown__menu .dropdown__menu--child li, .dropdown__menu .dropdown__menu--child button, .dropdown__menu .dropdown__menu--child .drop--custom__li {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.dropdown__menu .dropdown__menu--child .drop--custom__li .f--r {
  float: right;
}
.dropdown__menu .dropdown__menu--child .drop--custom__li.xs__show {
  display: none;
}

.dropdown-menu {
  width: 100%;
}
.dropdown-menu li {
  line-height: 36px;
  line-height: 2.25rem;
  font-size: 16px;
  font-size: 1rem;
  padding: 0 8px;
}
.dropdown-menu.drop--custom {
  width: auto;
  min-width: 400px;
  min-width: 25rem;
}
.dropdown-menu.drop--custom .drop--custom__li {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dropdown-menu.drop--custom .drop--custom__li .f--r {
  float: right;
}
.dropdown-menu.drop--custom .drop--custom__li.xs__show {
  display: none;
}

.rotatei i {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rotatei.is--focus i, .rotatei.js--focus i, .rotatei.is--active i, .rotatei.js--active i {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.fl {
  display: flex;
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.fl--start, .fl.fl--start {
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.fl--end, .fl.fl--end {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.fl--bet, .fl.fl--bet {
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.fl--around, .fl.fl--around {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-align-content: space-around;
  align-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.fl--stre, .fl.fl--stre {
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.fl--row, .fl.fl--row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.fl--col, .fl.fl--col {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fl--wrap, .fl.fl--wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fl--nowrap, .fl.fl--nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.fl__ch--cen, .fl.fl__ch--cen {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.fl.is--hidden {
  display: none;
}

.fl--1, .fl.fl--1 {
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.fl--s1, .fl.fl--s1 {
  -ms-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.fl--2, .fl.fl--2 {
  -moz-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.fl--s2, .fl.fl--s2 {
  -ms-flex-shrink: 2;
  -webkit-flex-shrink: 2;
  flex-shrink: 2;
}

.fl--3, .fl.fl--3 {
  -moz-flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.fl--s3, .fl.fl--s3 {
  -ms-flex-shrink: 3;
  -webkit-flex-shrink: 3;
  flex-shrink: 3;
}

.fl--4, .fl.fl--4 {
  -moz-flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
}
.fl--s4, .fl.fl--s4 {
  -ms-flex-shrink: 4;
  -webkit-flex-shrink: 4;
  flex-shrink: 4;
}

.fl--5, .fl.fl--5 {
  -moz-flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex: 5;
}
.fl--s5, .fl.fl--s5 {
  -ms-flex-shrink: 5;
  -webkit-flex-shrink: 5;
  flex-shrink: 5;
}

.fl--6, .fl.fl--6 {
  -moz-flex: 6;
  -ms-flex: 6;
  -webkit-flex: 6;
  flex: 6;
}
.fl--s6, .fl.fl--s6 {
  -ms-flex-shrink: 6;
  -webkit-flex-shrink: 6;
  flex-shrink: 6;
}

.fl--7, .fl.fl--7 {
  -moz-flex: 7;
  -ms-flex: 7;
  -webkit-flex: 7;
  flex: 7;
}
.fl--s7, .fl.fl--s7 {
  -ms-flex-shrink: 7;
  -webkit-flex-shrink: 7;
  flex-shrink: 7;
}

.fl--8, .fl.fl--8 {
  -moz-flex: 8;
  -ms-flex: 8;
  -webkit-flex: 8;
  flex: 8;
}
.fl--s8, .fl.fl--s8 {
  -ms-flex-shrink: 8;
  -webkit-flex-shrink: 8;
  flex-shrink: 8;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  /*透明*/
}

input[type=date]::-webkit-inner-spin-button {
  display: none;
}

input:disabled {
  cursor: not-allowed;
}

input[readonly="readonly"],
input[readonly] {
  cursor: pointer;
  background: #e6e6e6;
}

.custom__input {
  height: 36px;
  height: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  text-indent: 1.125rem;
  -webkit-border-radius: 1.125rem;
  -moz-border-radius: 1.125rem;
  -ms-border-radius: 1.125rem;
  -o-border-radius: 1.125rem;
  border-radius: 1.125rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #b5b5b5;
}
.custom__input.custom__input--title, .custom__input.b--0 {
  border: 0;
  text-indent: 0.225rem;
}
.custom__input.custom__input--title:focus, .custom__input.b--0:focus {
  border: 0.5px solid #b5b5b5;
}
.custom__input.b--half {
  border: 0.5px solid #b5b5b5;
}
.custom__input.b--1half {
  border: 1.5px solid #b5b5b5;
}
.custom__input.b--2 {
  border: 2px solid #b5b5b5;
}
.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
}
.custom__input.is--required {
  border: 0.5px solid #E16070;
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(225, 96, 112, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(225, 96, 112, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(225, 96, 112, 0.5);
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

::-webkit-input-placeholder {
  color: rgba(128, 128, 128, 0.5);
}

:-moz-placeholder {
  color: rgba(128, 128, 128, 0.5);
}

::-moz-placeholder {
  color: rgba(128, 128, 128, 0.5);
}

:-ms-input-placeholder {
  color: rgba(128, 128, 128, 0.5) !important;
}

::-ms-input-placeholder {
  color: rgba(128, 128, 128, 0.5);
}

::placeholder {
  color: rgba(128, 128, 128, 0.5);
}

input[type="color"] {
  -webkit-appearance: none;
  border: none;
  width: 48px;
  height: 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 6px 0;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type="color"]::-webkit-color-swatch {
  border: none;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  z-index: 3;
  display: block;
  height: 36px;
  height: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  padding-right: 8px;
  cursor: pointer;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  opacity: 0.5;
  content: "\f0c8";
  font-family: Font Awesome\ 5 Pro;
  display: inline-block;
  padding: 0 8px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
  -webkit-animation: anim-checkbox 1s forwards;
  -moz-animation: anim-checkbox 1s forwards;
  -o-animation: anim-checkbox 1s forwards;
  animation: anim-checkbox 1s forwards;
  font-weight: 900;
  opacity: 1;
  content: "\f14a";
  padding: 0 8px;
}

input[type="radio"] + label {
  border-radius: 17px;
}
input[type="radio"] + label:before {
  content: "\f111";
}
input[type="radio"]:checked + label:before {
  content: "\f058";
}

@keyframes anim-checkbox {
  50% {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.2rem;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.switch input[type="checkbox"] {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b5b5b5;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 0.9rem;
  width: 0.9rem;
  left: 0.15rem;
  bottom: 0.15rem;
  background-color: white;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
}

input:checked + .slider {
  background-color: #409ff3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #409ff3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(1.8rem);
  -ms-transform: translateX(1.8rem);
  transform: translateX(1.8rem);
}

/* Rounded sliders */
.slider.round {
  border-radius: 1.2rem;
}

.slider.round:before {
  border-radius: 50%;
}

/* min */
.switch.min {
  width: 2.375rem;
  height: 0.95rem;
}
.switch.min .slider.round {
  border-radius: 0.95rem;
}
.switch.min .slider:before {
  height: 0.7125rem;
  width: 0.7125rem;
  left: 0.11875rem;
  bottom: 0.11875rem;
}
.switch.min input:checked + .slider:before {
  -webkit-transform: translateX(1.425rem);
  -ms-transform: translateX(1.425rem);
  transform: translateX(1.425rem);
}

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: calc(100% - 5px);
  vertical-align: top;
}

.input_field {
  position: relative;
  display: block;
  float: right;
  padding: 0;
  width: 60%;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #aaa;
  font-weight: 350;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
}

.input_field:focus {
  outline: none;
}

.input_field:disabled,
.input_field[readonly] {
  cursor: no-drop;
  background: #e6e6e6;
}

.input_label {
  display: inline-block;
  float: right;
  padding: 0;
  color: #A1A2A1;
  font-weight: bold;
  font-size: 0.8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-content {
  position: relative;
  display: block;
  padding: 0;
  width: 100%;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

.icon {
  color: #bbbbbb;
  font-size: 19.2px;
  font-size: 1.2rem;
}

/* Fumi */
.fumi {
  border: 0.5px solid #ddd;
  border-width: 0 0 0.5px;
  background: transparent;
  overflow: hidden;
  padding: 0.2rem 0;
}

.fumi::after {
  content: '';
  width: 1px;
  position: absolute;
  background: #f0f0f0;
  z-index: 100;
}

.input_field-fumi {
  background: transparent;
  padding: 1.125rem 0.67rem 0 2.25rem;
  width: 100%;
  color: #976f51;
}

.input_label-fumi {
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: 300;
  position: absolute;
  width: 100%;
  text-align: left;
  padding-left: 2.25rem;
  pointer-events: none;
}

.icon-fumi {
  width: 2.25rem;
  text-align: center;
  line-height: 36px;
  line-height: 2.25rem;
  position: absolute;
  top: 0;
  left: 0;
}

.fumi.fumih--1 .input_field-fumi {
  height: auto;
  padding: 1.125rem 0.67rem 0 2.25rem;
}
.fumi.fumih--1 .input_label-fumi {
  line-height: 18px;
  line-height: 1.125rem;
}
.fumi.fumih--1 .icon-fumi {
  line-height: 36px;
  line-height: 2.25rem;
}

.fumi.fumih--2 .input_field-fumi {
  height: auto;
  padding: 2.25rem 0.67rem 0 2.25rem;
}
.fumi.fumih--2 .input_label-fumi {
  line-height: 36px;
  line-height: 2.25rem;
}
.fumi.fumih--2 .icon-fumi {
  line-height: 72px;
  line-height: 4.5rem;
}

.fumi.fumih--3 .input_field-fumi {
  height: auto;
  padding: 3.375rem 0.67rem 0 2.25rem;
}
.fumi.fumih--3 .input_label-fumi {
  line-height: 54px;
  line-height: 3.375rem;
}
.fumi.fumih--3 .icon-fumi {
  line-height: 108px;
  line-height: 6.75rem;
}

.fumi.fumih--4 .input_field-fumi {
  height: auto;
  padding: 4.5rem 0.67rem 0 2.25rem;
}
.fumi.fumih--4 .input_label-fumi {
  line-height: 72px;
  line-height: 4.5rem;
}
.fumi.fumih--4 .icon-fumi {
  line-height: 144px;
  line-height: 9rem;
}

.input-content-fumi {
  padding: 0 0;
  display: inline-block;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.input-content-fumi span {
  display: inline-block;
  padding-left: 0.34rem;
  font-size: 0.67rem;
}

.input_field-fumi:focus + .input_label-fumi .input-content-fumi,
.input--filled .input-content-fumi {
  -webkit-animation: anim-fumi-1 0.3s forwards;
  animation: anim-fumi-1 0.3s forwards;
}

.input_field-fumi.valid + .input_label-fumi .input-content-fumi,
.input--filled.valid .input-content-fumi {
  -webkit-animation: anim-fumi-v1 0.3s forwards;
  animation: anim-fumi-v1 0.3s forwards;
}

@-webkit-keyframes anim-fumi-1 {
  100% {
    color: #6e6f6e;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(1.2, 1.2, 1);
    transform: translate3d(0, -5px, 0) scale3d(1.2, 1.2, 1);
  }
}
@keyframes anim-fumi-1 {
  100% {
    color: #6e6f6e;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(1.2, 1.2, 1);
    transform: translate3d(0, -5px, 0) scale3d(1.2, 1.2, 1);
  }
}
@keyframes anim-fumi-v1 {
  100% {
    color: #ed5565;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(1.2, 1.2, 1);
    transform: translate3d(0, -5px, 0) scale3d(1.2, 1.2, 1);
  }
}
.input_field-fumi:focus + .input_label-fumi .icon-fumi,
.input--filled .icon-fumi {
  -webkit-animation: anim-fumi-2 0.3s forwards;
  animation: anim-fumi-2 0.3s forwards;
}

.input_field-fumi.valid + .input_label-fumi .icon-fumi,
.input--filled.valid .icon-fumi {
  -webkit-animation: anim-fumi-v2 0.3s forwards;
  animation: anim-fumi-v2 0.3s forwards;
}

@-webkit-keyframes anim-fumi-2 {
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #6e6f6e;
  }
}
@keyframes anim-fumi-2 {
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #6e6f6e;
  }
}
@keyframes anim-fumi-v2 {
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #ed5565;
  }
}
.input_hidden {
  height: 1px;
  line-height: 1px;
  padding: 0;
  background-color: transparent;
  border: 0;
  margin: 0;
  font-size: 0;
  float: left;
}

.btn {
  font-size: 16px;
  font-size: 1rem;
}

.btn--default {
  height: 36px;
  height: 2.25rem;
}
.btn--default.bg--trap {
  background: transparent;
}
.btn--default.w--default {
  width: 36px;
  width: 2.25rem;
}

.opacity--1 {
  opacity: 0.1;
}

.wp--1 {
  width: 99.9%;
}

.hp--1 {
  height: 99.9%;
}

.opacity--2 {
  opacity: 0.2;
}

.wp--2 {
  width: 49.95%;
}

.hp--2 {
  height: 49.95%;
}

.opacity--3 {
  opacity: 0.3;
}

.wp--3 {
  width: 33.3%;
}

.hp--3 {
  height: 33.3%;
}

.opacity--4 {
  opacity: 0.4;
}

.wp--4 {
  width: 24.975%;
}

.hp--4 {
  height: 24.975%;
}

.opacity--5 {
  opacity: 0.5;
}

.wp--5 {
  width: 19.98%;
}

.hp--5 {
  height: 19.98%;
}

.opacity--6 {
  opacity: 0.6;
}

.wp--6 {
  width: 16.65%;
}

.hp--6 {
  height: 16.65%;
}

.opacity--7 {
  opacity: 0.7;
}

.wp--7 {
  width: 14.27143%;
}

.hp--7 {
  height: 14.27143%;
}

.opacity--8 {
  opacity: 0.8;
}

.wp--8 {
  width: 12.4875%;
}

.hp--8 {
  height: 12.4875%;
}

.opacity--9 {
  opacity: 0.9;
}

.wp--9 {
  width: 11.1%;
}

.hp--9 {
  height: 11.1%;
}

.opacity--10 {
  opacity: 1;
}

.wp--10 {
  width: 9.99%;
}

.hp--10 {
  height: 9.99%;
}

.opacity--11 {
  opacity: 1.1;
}

.wp--11 {
  width: 9.08182%;
}

.hp--11 {
  height: 9.08182%;
}

.opacity--12 {
  opacity: 1.2;
}

.wp--12 {
  width: 8.325%;
}

.hp--12 {
  height: 8.325%;
}

.w--0 {
  width: 0px;
  width: 0rem;
}

.h--0 {
  height: 0px;
  height: 0rem;
}

.fix__h--0 {
  height: calc(100% - 0px);
  height: calc(100% - 0rem);
}

.lh--0 {
  line-height: 0px;
  line-height: 0rem;
}

.w--1 {
  width: 12px;
  width: 0.75rem;
}

.h--1 {
  height: 12px;
  height: 0.75rem;
}

.fix__h--1 {
  height: calc(100% - 12px);
  height: calc(100% - 0.75rem);
}

.lh--1 {
  line-height: 12px;
  line-height: 0.75rem;
}

.w--2 {
  width: 24px;
  width: 1.5rem;
}

.h--2 {
  height: 24px;
  height: 1.5rem;
}

.fix__h--2 {
  height: calc(100% - 24px);
  height: calc(100% - 1.5rem);
}

.lh--2 {
  line-height: 24px;
  line-height: 1.5rem;
}

.br--b.r--2 {
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -ms-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
}

.br--t.r--2 {
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
}

.w--3 {
  width: 36px;
  width: 2.25rem;
}

.h--3 {
  height: 36px;
  height: 2.25rem;
}

.fix__h--3 {
  height: calc(100% - 36px);
  height: calc(100% - 2.25rem);
}

.lh--3 {
  line-height: 36px;
  line-height: 2.25rem;
}

.br--b.r--3 {
  -webkit-border-radius: 0 0 18px 18px;
  -moz-border-radius: 0 0 18px 18px;
  -ms-border-radius: 0 0 18px 18px;
  -o-border-radius: 0 0 18px 18px;
  border-radius: 0 0 18px 18px;
}

.br--t.r--3 {
  -webkit-border-radius: 18px 18px 0 0;
  -moz-border-radius: 18px 18px 0 0;
  -ms-border-radius: 18px 18px 0 0;
  -o-border-radius: 18px 18px 0 0;
  border-radius: 18px 18px 0 0;
}

.w--4 {
  width: 48px;
  width: 3rem;
}

.h--4 {
  height: 48px;
  height: 3rem;
}

.fix__h--4 {
  height: calc(100% - 48px);
  height: calc(100% - 3rem);
}

.lh--4 {
  line-height: 48px;
  line-height: 3rem;
}

.br--b.r--4 {
  -webkit-border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -ms-border-radius: 0 0 24px 24px;
  -o-border-radius: 0 0 24px 24px;
  border-radius: 0 0 24px 24px;
}

.br--t.r--4 {
  -webkit-border-radius: 24px 24px 0 0;
  -moz-border-radius: 24px 24px 0 0;
  -ms-border-radius: 24px 24px 0 0;
  -o-border-radius: 24px 24px 0 0;
  border-radius: 24px 24px 0 0;
}

.w--5 {
  width: 60px;
  width: 3.75rem;
}

.h--5 {
  height: 60px;
  height: 3.75rem;
}

.fix__h--5 {
  height: calc(100% - 60px);
  height: calc(100% - 3.75rem);
}

.lh--5 {
  line-height: 60px;
  line-height: 3.75rem;
}

.br--b.r--5 {
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  border-radius: 0 0 30px 30px;
}

.br--t.r--5 {
  -webkit-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
  -ms-border-radius: 30px 30px 0 0;
  -o-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
}

.w--6 {
  width: 72px;
  width: 4.5rem;
}

.h--6 {
  height: 72px;
  height: 4.5rem;
}

.fix__h--6 {
  height: calc(100% - 72px);
  height: calc(100% - 4.5rem);
}

.lh--6 {
  line-height: 72px;
  line-height: 4.5rem;
}

.br--b.r--6 {
  -webkit-border-radius: 0 0 36px 36px;
  -moz-border-radius: 0 0 36px 36px;
  -ms-border-radius: 0 0 36px 36px;
  -o-border-radius: 0 0 36px 36px;
  border-radius: 0 0 36px 36px;
}

.br--t.r--6 {
  -webkit-border-radius: 36px 36px 0 0;
  -moz-border-radius: 36px 36px 0 0;
  -ms-border-radius: 36px 36px 0 0;
  -o-border-radius: 36px 36px 0 0;
  border-radius: 36px 36px 0 0;
}

.w--7 {
  width: 84px;
  width: 5.25rem;
}

.h--7 {
  height: 84px;
  height: 5.25rem;
}

.fix__h--7 {
  height: calc(100% - 84px);
  height: calc(100% - 5.25rem);
}

.lh--7 {
  line-height: 84px;
  line-height: 5.25rem;
}

.br--b.r--7 {
  -webkit-border-radius: 0 0 42px 42px;
  -moz-border-radius: 0 0 42px 42px;
  -ms-border-radius: 0 0 42px 42px;
  -o-border-radius: 0 0 42px 42px;
  border-radius: 0 0 42px 42px;
}

.br--t.r--7 {
  -webkit-border-radius: 42px 42px 0 0;
  -moz-border-radius: 42px 42px 0 0;
  -ms-border-radius: 42px 42px 0 0;
  -o-border-radius: 42px 42px 0 0;
  border-radius: 42px 42px 0 0;
}

.w--8 {
  width: 96px;
  width: 6rem;
}

.h--8 {
  height: 96px;
  height: 6rem;
}

.fix__h--8 {
  height: calc(100% - 96px);
  height: calc(100% - 6rem);
}

.lh--8 {
  line-height: 96px;
  line-height: 6rem;
}

.br--b.r--8 {
  -webkit-border-radius: 0 0 48px 48px;
  -moz-border-radius: 0 0 48px 48px;
  -ms-border-radius: 0 0 48px 48px;
  -o-border-radius: 0 0 48px 48px;
  border-radius: 0 0 48px 48px;
}

.br--t.r--8 {
  -webkit-border-radius: 48px 48px 0 0;
  -moz-border-radius: 48px 48px 0 0;
  -ms-border-radius: 48px 48px 0 0;
  -o-border-radius: 48px 48px 0 0;
  border-radius: 48px 48px 0 0;
}

.w--9 {
  width: 108px;
  width: 6.75rem;
}

.h--9 {
  height: 108px;
  height: 6.75rem;
}

.fix__h--9 {
  height: calc(100% - 108px);
  height: calc(100% - 6.75rem);
}

.lh--9 {
  line-height: 108px;
  line-height: 6.75rem;
}

.br--b.r--9 {
  -webkit-border-radius: 0 0 54px 54px;
  -moz-border-radius: 0 0 54px 54px;
  -ms-border-radius: 0 0 54px 54px;
  -o-border-radius: 0 0 54px 54px;
  border-radius: 0 0 54px 54px;
}

.br--t.r--9 {
  -webkit-border-radius: 54px 54px 0 0;
  -moz-border-radius: 54px 54px 0 0;
  -ms-border-radius: 54px 54px 0 0;
  -o-border-radius: 54px 54px 0 0;
  border-radius: 54px 54px 0 0;
}

.w--10 {
  width: 120px;
  width: 7.5rem;
}

.h--10 {
  height: 120px;
  height: 7.5rem;
}

.fix__h--10 {
  height: calc(100% - 120px);
  height: calc(100% - 7.5rem);
}

.lh--10 {
  line-height: 120px;
  line-height: 7.5rem;
}

.br--b.r--10 {
  -webkit-border-radius: 0 0 60px 60px;
  -moz-border-radius: 0 0 60px 60px;
  -ms-border-radius: 0 0 60px 60px;
  -o-border-radius: 0 0 60px 60px;
  border-radius: 0 0 60px 60px;
}

.br--t.r--10 {
  -webkit-border-radius: 60px 60px 0 0;
  -moz-border-radius: 60px 60px 0 0;
  -ms-border-radius: 60px 60px 0 0;
  -o-border-radius: 60px 60px 0 0;
  border-radius: 60px 60px 0 0;
}

.w--11 {
  width: 132px;
  width: 8.25rem;
}

.h--11 {
  height: 132px;
  height: 8.25rem;
}

.fix__h--11 {
  height: calc(100% - 132px);
  height: calc(100% - 8.25rem);
}

.lh--11 {
  line-height: 132px;
  line-height: 8.25rem;
}

.br--b.r--11 {
  -webkit-border-radius: 0 0 66px 66px;
  -moz-border-radius: 0 0 66px 66px;
  -ms-border-radius: 0 0 66px 66px;
  -o-border-radius: 0 0 66px 66px;
  border-radius: 0 0 66px 66px;
}

.br--t.r--11 {
  -webkit-border-radius: 66px 66px 0 0;
  -moz-border-radius: 66px 66px 0 0;
  -ms-border-radius: 66px 66px 0 0;
  -o-border-radius: 66px 66px 0 0;
  border-radius: 66px 66px 0 0;
}

.w--12 {
  width: 144px;
  width: 9rem;
}

.h--12 {
  height: 144px;
  height: 9rem;
}

.fix__h--12 {
  height: calc(100% - 144px);
  height: calc(100% - 9rem);
}

.lh--12 {
  line-height: 144px;
  line-height: 9rem;
}

.br--b.r--12 {
  -webkit-border-radius: 0 0 72px 72px;
  -moz-border-radius: 0 0 72px 72px;
  -ms-border-radius: 0 0 72px 72px;
  -o-border-radius: 0 0 72px 72px;
  border-radius: 0 0 72px 72px;
}

.br--t.r--12 {
  -webkit-border-radius: 72px 72px 0 0;
  -moz-border-radius: 72px 72px 0 0;
  -ms-border-radius: 72px 72px 0 0;
  -o-border-radius: 72px 72px 0 0;
  border-radius: 72px 72px 0 0;
}

.w--h2 {
  width: 216px;
  width: 13.5rem;
}

.h--h2 {
  height: 216px;
  height: 13.5rem;
}

.fix__h--h2 {
  height: calc(100% - 216px);
  height: calc(100% - 13.5rem);
}

.w--h3 {
  width: 324px;
  width: 20.25rem;
}

.h--h3 {
  height: 324px;
  height: 20.25rem;
}

.fix__h--h3 {
  height: calc(100% - 324px);
  height: calc(100% - 20.25rem);
}

.w--h4 {
  width: 432px;
  width: 27rem;
}

.h--h4 {
  height: 432px;
  height: 27rem;
}

.fix__h--h4 {
  height: calc(100% - 432px);
  height: calc(100% - 27rem);
}

.w--h5 {
  width: 540px;
  width: 33.75rem;
}

.h--h5 {
  height: 540px;
  height: 33.75rem;
}

.fix__h--h5 {
  height: calc(100% - 540px);
  height: calc(100% - 33.75rem);
}

.w--h6 {
  width: 648px;
  width: 40.5rem;
}

.h--h6 {
  height: 648px;
  height: 40.5rem;
}

.fix__h--h6 {
  height: calc(100% - 648px);
  height: calc(100% - 40.5rem);
}

.w--h7 {
  width: 756px;
  width: 47.25rem;
}

.h--h7 {
  height: 756px;
  height: 47.25rem;
}

.fix__h--h7 {
  height: calc(100% - 756px);
  height: calc(100% - 47.25rem);
}

.br--0 {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.br--0.rect:before {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.m--0 {
  margin: 0px;
  margin: 0rem;
}

.mt--0 {
  margin-top: 0px;
  margin-top: 0rem;
}

.mr--0 {
  margin-right: 0px;
  margin-right: 0rem;
}

.ml--0 {
  margin-left: 0px;
  margin-left: 0rem;
}

.mb--0 {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.mtb--0 {
  margin: 0px 0;
  margin: 0rem 0;
}

.mrl--0 {
  margin: 0 0px;
  margin: 0 0rem;
}

.p--0 {
  padding: 0px;
  padding: 0rem;
}

.pt--0 {
  padding-top: 0px;
  padding-top: 0rem;
}

.pr--0 {
  padding-right: 0px;
  padding-right: 0rem;
}

.pl--0 {
  padding-left: 0px;
  padding-left: 0rem;
}

.pb--0 {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.ptb--0 {
  padding: 0px 0;
  padding: 0rem 0;
}

.prl--0 {
  padding: 0 0px;
  padding: 0 0rem;
}

.br--1 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.br--1.rect:before {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.m--1 {
  margin: 4px;
  margin: 0.25rem;
}

.mt--1 {
  margin-top: 4px;
  margin-top: 0.25rem;
}

.mr--1 {
  margin-right: 4px;
  margin-right: 0.25rem;
}

.ml--1 {
  margin-left: 4px;
  margin-left: 0.25rem;
}

.mb--1 {
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.mtb--1 {
  margin: 4px 0;
  margin: 0.25rem 0;
}

.mrl--1 {
  margin: 0 4px;
  margin: 0 0.25rem;
}

.p--1 {
  padding: 4px;
  padding: 0.25rem;
}

.pt--1 {
  padding-top: 4px;
  padding-top: 0.25rem;
}

.pr--1 {
  padding-right: 4px;
  padding-right: 0.25rem;
}

.pl--1 {
  padding-left: 4px;
  padding-left: 0.25rem;
}

.pb--1 {
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
}

.ptb--1 {
  padding: 4px 0;
  padding: 0.25rem 0;
}

.prl--1 {
  padding: 0 4px;
  padding: 0 0.25rem;
}

.fs--2 {
  font-size: 9.6px;
  font-size: 0.6rem;
}

.br--2 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.br--2.rect:before {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.m--2 {
  margin: 8px;
  margin: 0.5rem;
}

.mt--2 {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.mr--2 {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.ml--2 {
  margin-left: 8px;
  margin-left: 0.5rem;
}

.mb--2 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.mtb--2 {
  margin: 8px 0;
  margin: 0.5rem 0;
}

.mrl--2 {
  margin: 0 8px;
  margin: 0 0.5rem;
}

.p--2 {
  padding: 8px;
  padding: 0.5rem;
}

.pt--2 {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.pr--2 {
  padding-right: 8px;
  padding-right: 0.5rem;
}

.pl--2 {
  padding-left: 8px;
  padding-left: 0.5rem;
}

.pb--2 {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.ptb--2 {
  padding: 8px 0;
  padding: 0.5rem 0;
}

.prl--2 {
  padding: 0 8px;
  padding: 0 0.5rem;
}

.fs--3 {
  font-size: 14.4px;
  font-size: 0.9rem;
}

.br--3 {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.br--3.rect:before {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.m--3 {
  margin: 12px;
  margin: 0.75rem;
}

.mt--3 {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.mr--3 {
  margin-right: 12px;
  margin-right: 0.75rem;
}

.ml--3 {
  margin-left: 12px;
  margin-left: 0.75rem;
}

.mb--3 {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.mtb--3 {
  margin: 12px 0;
  margin: 0.75rem 0;
}

.mrl--3 {
  margin: 0 12px;
  margin: 0 0.75rem;
}

.p--3 {
  padding: 12px;
  padding: 0.75rem;
}

.pt--3 {
  padding-top: 12px;
  padding-top: 0.75rem;
}

.pr--3 {
  padding-right: 12px;
  padding-right: 0.75rem;
}

.pl--3 {
  padding-left: 12px;
  padding-left: 0.75rem;
}

.pb--3 {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.ptb--3 {
  padding: 12px 0;
  padding: 0.75rem 0;
}

.prl--3 {
  padding: 0 12px;
  padding: 0 0.75rem;
}

.fs--4 {
  font-size: 19.2px;
  font-size: 1.2rem;
}

.br--4 {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}
.br--4.rect:before {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

.m--4 {
  margin: 16px;
  margin: 1rem;
}

.mt--4 {
  margin-top: 16px;
  margin-top: 1rem;
}

.mr--4 {
  margin-right: 16px;
  margin-right: 1rem;
}

.ml--4 {
  margin-left: 16px;
  margin-left: 1rem;
}

.mb--4 {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.mtb--4 {
  margin: 16px 0;
  margin: 1rem 0;
}

.mrl--4 {
  margin: 0 16px;
  margin: 0 1rem;
}

.p--4 {
  padding: 16px;
  padding: 1rem;
}

.pt--4 {
  padding-top: 16px;
  padding-top: 1rem;
}

.pr--4 {
  padding-right: 16px;
  padding-right: 1rem;
}

.pl--4 {
  padding-left: 16px;
  padding-left: 1rem;
}

.pb--4 {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.ptb--4 {
  padding: 16px 0;
  padding: 1rem 0;
}

.prl--4 {
  padding: 0 16px;
  padding: 0 1rem;
}

.fs--5 {
  font-size: 24px;
  font-size: 1.5rem;
}

.br--5 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.br--5.rect:before {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.m--5 {
  margin: 20px;
  margin: 1.25rem;
}

.mt--5 {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.mr--5 {
  margin-right: 20px;
  margin-right: 1.25rem;
}

.ml--5 {
  margin-left: 20px;
  margin-left: 1.25rem;
}

.mb--5 {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.mtb--5 {
  margin: 20px 0;
  margin: 1.25rem 0;
}

.mrl--5 {
  margin: 0 20px;
  margin: 0 1.25rem;
}

.p--5 {
  padding: 20px;
  padding: 1.25rem;
}

.pt--5 {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.pr--5 {
  padding-right: 20px;
  padding-right: 1.25rem;
}

.pl--5 {
  padding-left: 20px;
  padding-left: 1.25rem;
}

.pb--5 {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.ptb--5 {
  padding: 20px 0;
  padding: 1.25rem 0;
}

.prl--5 {
  padding: 0 20px;
  padding: 0 1.25rem;
}

.fs--6 {
  font-size: 28.8px;
  font-size: 1.8rem;
}

.br--6 {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
}
.br--6.rect:before {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
}

.m--6 {
  margin: 24px;
  margin: 1.5rem;
}

.mt--6 {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.mr--6 {
  margin-right: 24px;
  margin-right: 1.5rem;
}

.ml--6 {
  margin-left: 24px;
  margin-left: 1.5rem;
}

.mb--6 {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.mtb--6 {
  margin: 24px 0;
  margin: 1.5rem 0;
}

.mrl--6 {
  margin: 0 24px;
  margin: 0 1.5rem;
}

.p--6 {
  padding: 24px;
  padding: 1.5rem;
}

.pt--6 {
  padding-top: 24px;
  padding-top: 1.5rem;
}

.pr--6 {
  padding-right: 24px;
  padding-right: 1.5rem;
}

.pl--6 {
  padding-left: 24px;
  padding-left: 1.5rem;
}

.pb--6 {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.ptb--6 {
  padding: 24px 0;
  padding: 1.5rem 0;
}

.prl--6 {
  padding: 0 24px;
  padding: 0 1.5rem;
}

.fs--7 {
  font-size: 33.6px;
  font-size: 2.1rem;
}

.br--7 {
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
}
.br--7.rect:before {
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
}

.m--7 {
  margin: 28px;
  margin: 1.75rem;
}

.mt--7 {
  margin-top: 28px;
  margin-top: 1.75rem;
}

.mr--7 {
  margin-right: 28px;
  margin-right: 1.75rem;
}

.ml--7 {
  margin-left: 28px;
  margin-left: 1.75rem;
}

.mb--7 {
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
}

.mtb--7 {
  margin: 28px 0;
  margin: 1.75rem 0;
}

.mrl--7 {
  margin: 0 28px;
  margin: 0 1.75rem;
}

.p--7 {
  padding: 28px;
  padding: 1.75rem;
}

.pt--7 {
  padding-top: 28px;
  padding-top: 1.75rem;
}

.pr--7 {
  padding-right: 28px;
  padding-right: 1.75rem;
}

.pl--7 {
  padding-left: 28px;
  padding-left: 1.75rem;
}

.pb--7 {
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
}

.ptb--7 {
  padding: 28px 0;
  padding: 1.75rem 0;
}

.prl--7 {
  padding: 0 28px;
  padding: 0 1.75rem;
}

.fs--8 {
  font-size: 38.4px;
  font-size: 2.4rem;
}

.br--8 {
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  border-radius: 32px;
}
.br--8.rect:before {
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  border-radius: 32px;
}

.m--8 {
  margin: 32px;
  margin: 2rem;
}

.mt--8 {
  margin-top: 32px;
  margin-top: 2rem;
}

.mr--8 {
  margin-right: 32px;
  margin-right: 2rem;
}

.ml--8 {
  margin-left: 32px;
  margin-left: 2rem;
}

.mb--8 {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.mtb--8 {
  margin: 32px 0;
  margin: 2rem 0;
}

.mrl--8 {
  margin: 0 32px;
  margin: 0 2rem;
}

.p--8 {
  padding: 32px;
  padding: 2rem;
}

.pt--8 {
  padding-top: 32px;
  padding-top: 2rem;
}

.pr--8 {
  padding-right: 32px;
  padding-right: 2rem;
}

.pl--8 {
  padding-left: 32px;
  padding-left: 2rem;
}

.pb--8 {
  padding-bottom: 32px;
  padding-bottom: 2rem;
}

.ptb--8 {
  padding: 32px 0;
  padding: 2rem 0;
}

.prl--8 {
  padding: 0 32px;
  padding: 0 2rem;
}

.fs--9 {
  font-size: 43.2px;
  font-size: 2.7rem;
}

.br--9 {
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  -o-border-radius: 36px;
  border-radius: 36px;
}
.br--9.rect:before {
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  -o-border-radius: 36px;
  border-radius: 36px;
}

.m--9 {
  margin: 36px;
  margin: 2.25rem;
}

.mt--9 {
  margin-top: 36px;
  margin-top: 2.25rem;
}

.mr--9 {
  margin-right: 36px;
  margin-right: 2.25rem;
}

.ml--9 {
  margin-left: 36px;
  margin-left: 2.25rem;
}

.mb--9 {
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
}

.mtb--9 {
  margin: 36px 0;
  margin: 2.25rem 0;
}

.mrl--9 {
  margin: 0 36px;
  margin: 0 2.25rem;
}

.p--9 {
  padding: 36px;
  padding: 2.25rem;
}

.pt--9 {
  padding-top: 36px;
  padding-top: 2.25rem;
}

.pr--9 {
  padding-right: 36px;
  padding-right: 2.25rem;
}

.pl--9 {
  padding-left: 36px;
  padding-left: 2.25rem;
}

.pb--9 {
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
}

.ptb--9 {
  padding: 36px 0;
  padding: 2.25rem 0;
}

.prl--9 {
  padding: 0 36px;
  padding: 0 2.25rem;
}

.fs--10 {
  font-size: 48px;
  font-size: 3rem;
}

.br--10 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
.br--10.rect:before {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.m--10 {
  margin: 40px;
  margin: 2.5rem;
}

.mt--10 {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.mr--10 {
  margin-right: 40px;
  margin-right: 2.5rem;
}

.ml--10 {
  margin-left: 40px;
  margin-left: 2.5rem;
}

.mb--10 {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.mtb--10 {
  margin: 40px 0;
  margin: 2.5rem 0;
}

.mrl--10 {
  margin: 0 40px;
  margin: 0 2.5rem;
}

.p--10 {
  padding: 40px;
  padding: 2.5rem;
}

.pt--10 {
  padding-top: 40px;
  padding-top: 2.5rem;
}

.pr--10 {
  padding-right: 40px;
  padding-right: 2.5rem;
}

.pl--10 {
  padding-left: 40px;
  padding-left: 2.5rem;
}

.pb--10 {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.ptb--10 {
  padding: 40px 0;
  padding: 2.5rem 0;
}

.prl--10 {
  padding: 0 40px;
  padding: 0 2.5rem;
}

.fs--11 {
  font-size: 52.8px;
  font-size: 3.3rem;
}

.br--11 {
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  -ms-border-radius: 44px;
  -o-border-radius: 44px;
  border-radius: 44px;
}
.br--11.rect:before {
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  -ms-border-radius: 44px;
  -o-border-radius: 44px;
  border-radius: 44px;
}

.m--11 {
  margin: 44px;
  margin: 2.75rem;
}

.mt--11 {
  margin-top: 44px;
  margin-top: 2.75rem;
}

.mr--11 {
  margin-right: 44px;
  margin-right: 2.75rem;
}

.ml--11 {
  margin-left: 44px;
  margin-left: 2.75rem;
}

.mb--11 {
  margin-bottom: 44px;
  margin-bottom: 2.75rem;
}

.mtb--11 {
  margin: 44px 0;
  margin: 2.75rem 0;
}

.mrl--11 {
  margin: 0 44px;
  margin: 0 2.75rem;
}

.p--11 {
  padding: 44px;
  padding: 2.75rem;
}

.pt--11 {
  padding-top: 44px;
  padding-top: 2.75rem;
}

.pr--11 {
  padding-right: 44px;
  padding-right: 2.75rem;
}

.pl--11 {
  padding-left: 44px;
  padding-left: 2.75rem;
}

.pb--11 {
  padding-bottom: 44px;
  padding-bottom: 2.75rem;
}

.ptb--11 {
  padding: 44px 0;
  padding: 2.75rem 0;
}

.prl--11 {
  padding: 0 44px;
  padding: 0 2.75rem;
}

.fs--12 {
  font-size: 57.6px;
  font-size: 3.6rem;
}

.br--12 {
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  -o-border-radius: 48px;
  border-radius: 48px;
}
.br--12.rect:before {
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  -o-border-radius: 48px;
  border-radius: 48px;
}

.m--12 {
  margin: 48px;
  margin: 3rem;
}

.mt--12 {
  margin-top: 48px;
  margin-top: 3rem;
}

.mr--12 {
  margin-right: 48px;
  margin-right: 3rem;
}

.ml--12 {
  margin-left: 48px;
  margin-left: 3rem;
}

.mb--12 {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.mtb--12 {
  margin: 48px 0;
  margin: 3rem 0;
}

.mrl--12 {
  margin: 0 48px;
  margin: 0 3rem;
}

.p--12 {
  padding: 48px;
  padding: 3rem;
}

.pt--12 {
  padding-top: 48px;
  padding-top: 3rem;
}

.pr--12 {
  padding-right: 48px;
  padding-right: 3rem;
}

.pl--12 {
  padding-left: 48px;
  padding-left: 3rem;
}

.pb--12 {
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.ptb--12 {
  padding: 48px 0;
  padding: 3rem 0;
}

.prl--12 {
  padding: 0 48px;
  padding: 0 3rem;
}

.fw--3 {
  font-weight: 300;
}

.fw--4 {
  font-weight: 400;
}

.fw--5 {
  font-weight: 500;
}

.fw--6 {
  font-weight: 600;
}

.fw--7 {
  font-weight: 700;
}

.fw--8 {
  font-weight: 800;
}

.fw--9 {
  font-weight: 900;
}

.minw--1 {
  min-width: 100px;
}

.minw--2 {
  min-width: 200px;
}

.minw--3 {
  min-width: 300px;
}

.minw--4 {
  min-width: 400px;
}

.minw--5 {
  min-width: 500px;
}

.minw--6 {
  min-width: 600px;
}

.minw--7 {
  min-width: 700px;
}

.minw--8 {
  min-width: 800px;
}

.minw--9 {
  min-width: 900px;
}

.minw--10 {
  min-width: 1000px;
}

.minw--11 {
  min-width: 1100px;
}

.minw--12 {
  min-width: 1200px;
}

.c-info {
  color: #17a2b8;
}

.c-succ {
  color: #28a745;
}

.c-warn {
  color: #ffc107;
}

.c-dang {
  color: #dc3545;
}

.c-secdonary {
  color: #6c757d;
}

.c-dark {
  color: #343a40;
}

.c-main {
  color: #142f46;
}

.c__bl--1 {
  color: #464246;
}
.c__bl--1:hover {
  color: #121112;
}

.bg__bl--1 {
  background-color: #464246;
}

.c__bl--2 {
  color: #5E5D5D;
}
.c__bl--2:hover {
  color: #2b2a2a;
}

.bg__bl--2 {
  background-color: #5E5D5D;
}

.c__bl--3 {
  color: #7d8084;
}
.c__bl--3:hover {
  color: #4b4d50;
}

.bg__bl--3 {
  background-color: #7d8084;
}

.c__gr--1 {
  color: #8A8A8A;
}
.c__gr--1:hover {
  color: #575757;
}

.bg__gr--1 {
  background-color: #8A8A8A;
}

.c__gr--2 {
  color: #ADB3BA;
}
.c__gr--2:hover {
  color: #76808b;
}

.bg__gr--2 {
  background-color: #ADB3BA;
}

.c__b--1 {
  color: #002447;
}
.c__b--1:hover {
  color: black;
}

.bg__b--1 {
  background-color: #002447;
}

.c__b--2 {
  color: #291D89;
}
.c__b--2:hover {
  color: #100b35;
}

.bg__b--2 {
  background-color: #291D89;
}

.c__b--3 {
  color: #4E67E8;
}
.c__b--3:hover {
  color: #1832b8;
}

.bg__b--3 {
  background-color: #4E67E8;
}

.c__b--4 {
  color: #53D3D1;
}
.c__b--4:hover {
  color: #279997;
}

.bg__b--4 {
  background-color: #53D3D1;
}

.c__g--1 {
  color: #979d7e;
}
.c__g--1:hover {
  color: #62674e;
}

.bg__g--1 {
  background-color: #979d7e;
}

.c__g--2 {
  color: #ACB5A0;
}
.c__g--2:hover {
  color: #7a8669;
}

.bg__g--2 {
  background-color: #ACB5A0;
}

.c__g--3 {
  color: #95D2BA;
}
.c__g--3:hover {
  color: #4db48b;
}

.bg__g--3 {
  background-color: #95D2BA;
}

.c__o--1 {
  color: #FF634d;
}
.c__o--1:hover {
  color: #e61c00;
}

.bg__o--1 {
  background-color: #FF634d;
}

.c__o--2 {
  color: #FEB249;
}
.c__o--2:hover {
  color: #e08201;
}

.bg__o--2 {
  background-color: #FEB249;
}

.c__o--3 {
  color: #FDD982;
}
.c__o--3:hover {
  color: #fbba1e;
}

.bg__o--3 {
  background-color: #FDD982;
}

.c__go--1 {
  color: #A79344;
}
.c__go--1:hover {
  color: #5f5326;
}

.bg__go--1 {
  background-color: #A79344;
}

.c__bl--1 {
  color: #464246;
}
.c__bl--1:hover {
  color: #121112;
}

.bg__bl--1 {
  background-color: #464246;
}

.c__bl--2 {
  color: #5E5D5D;
}
.c__bl--2:hover {
  color: #2b2a2a;
}

.bg__bl--2 {
  background-color: #5E5D5D;
}

.c__bl--3 {
  color: #7d8084;
}
.c__bl--3:hover {
  color: #4b4d50;
}

.bg__bl--3 {
  background-color: #7d8084;
}

.c__gr--1 {
  color: #8A8A8A;
}
.c__gr--1:hover {
  color: #575757;
}

.bg__gr--1 {
  background-color: #8A8A8A;
}

.c__gr--2 {
  color: #ADB3BA;
}
.c__gr--2:hover {
  color: #76808b;
}

.bg__gr--2 {
  background-color: #ADB3BA;
}

.c__b--1 {
  color: #002447;
}
.c__b--1:hover {
  color: black;
}

.bg__b--1 {
  background-color: #002447;
}

.c__b--2 {
  color: #291D89;
}
.c__b--2:hover {
  color: #100b35;
}

.bg__b--2 {
  background-color: #291D89;
}

.c__b--3 {
  color: #4E67E8;
}
.c__b--3:hover {
  color: #1832b8;
}

.bg__b--3 {
  background-color: #4E67E8;
}

.c__b--4 {
  color: #53D3D1;
}
.c__b--4:hover {
  color: #279997;
}

.bg__b--4 {
  background-color: #53D3D1;
}

.c__g--1 {
  color: #979d7e;
}
.c__g--1:hover {
  color: #62674e;
}

.bg__g--1 {
  background-color: #979d7e;
}

.c__g--2 {
  color: #ACB5A0;
}
.c__g--2:hover {
  color: #7a8669;
}

.bg__g--2 {
  background-color: #ACB5A0;
}

.c__g--3 {
  color: #95D2BA;
}
.c__g--3:hover {
  color: #4db48b;
}

.bg__g--3 {
  background-color: #95D2BA;
}

.c__o--1 {
  color: #FF634d;
}
.c__o--1:hover {
  color: #e61c00;
}

.bg__o--1 {
  background-color: #FF634d;
}

.c__o--2 {
  color: #FEB249;
}
.c__o--2:hover {
  color: #e08201;
}

.bg__o--2 {
  background-color: #FEB249;
}

.c__o--3 {
  color: #FDD982;
}
.c__o--3:hover {
  color: #fbba1e;
}

.bg__o--3 {
  background-color: #FDD982;
}

.c__go--1 {
  color: #A79344;
}
.c__go--1:hover {
  color: #5f5326;
}

.bg__go--1 {
  background-color: #A79344;
}

.cm1 {
  color: #0f4c81;
}
.cm1.rect:before {
  background: rgba(15, 76, 129, 0.2);
}
.cm1:hover {
  color: #041626;
}
.cm1.b--half {
  border: 0.5px solid #0f4c81;
}
.cm1.b--1 {
  border: 1px solid #0f4c81;
}
.cm1--2 {
  color: #3f709a;
}
.cm1--5 {
  color: #87a6c0;
}
.cm1--8 {
  color: #cfdbe6;
}
.cm1.btn--tran {
  background: rgba(15, 76, 129, 0.1);
}

.bgm1 {
  background-color: #0f4c81;
}
.bgm1--2 {
  background: #3f709a;
}
.bgm1--5 {
  background: #87a6c0;
}
.bgm1--8 {
  background: #cfdbe6;
}

.cm2 {
  color: #00758F;
}
.cm2.rect:before {
  background: rgba(0, 117, 143, 0.2);
}
.cm2:hover {
  color: #002229;
}
.cm2.b--half {
  border: 0.5px solid #00758F;
}
.cm2.b--1 {
  border: 1px solid #00758F;
}
.cm2--2 {
  color: #3391a5;
}
.cm2--5 {
  color: #80bac7;
}
.cm2--8 {
  color: #cce3e9;
}
.cm2.btn--tran {
  background: rgba(0, 117, 143, 0.1);
}

.bgm2 {
  background-color: #00758F;
}
.bgm2--2 {
  background: #3391a5;
}
.bgm2--5 {
  background: #80bac7;
}
.bgm2--8 {
  background: #cce3e9;
}

.cm3 {
  color: #798EA4;
}
.cm3.rect:before {
  background: rgba(121, 142, 164, 0.2);
}
.cm3:hover {
  color: #4a5b6d;
}
.cm3.b--half {
  border: 0.5px solid #798EA4;
}
.cm3.b--1 {
  border: 1px solid #798EA4;
}
.cm3--2 {
  color: #94a5b6;
}
.cm3--5 {
  color: #bcc7d2;
}
.cm3--8 {
  color: #e4e8ed;
}
.cm3.btn--tran {
  background: rgba(121, 142, 164, 0.1);
}

.bgm3 {
  background-color: #798EA4;
}
.bgm3--2 {
  background: #94a5b6;
}
.bgm3--5 {
  background: #bcc7d2;
}
.bgm3--8 {
  background: #e4e8ed;
}

.cm4 {
  color: #A09998;
}
.cm4.rect:before {
  background: rgba(160, 153, 152, 0.2);
}
.cm4:hover {
  color: #6d6665;
}
.cm4.b--half {
  border: 0.5px solid #A09998;
}
.cm4.b--1 {
  border: 1px solid #A09998;
}
.cm4--2 {
  color: #b3adad;
}
.cm4--5 {
  color: #d0cccc;
}
.cm4--8 {
  color: #ecebea;
}
.cm4.btn--tran {
  background: rgba(160, 153, 152, 0.1);
}

.bgm4 {
  background-color: #A09998;
}
.bgm4--2 {
  background: #b3adad;
}
.bgm4--5 {
  background: #d0cccc;
}
.bgm4--8 {
  background: #ecebea;
}

.cmw {
  color: #EDF1FF;
}
.cmw.rect:before {
  background: rgba(237, 241, 255, 0.2);
}
.cmw:hover {
  color: #87a2ff;
}
.cmw.b--half {
  border: 0.5px solid #EDF1FF;
}
.cmw.b--1 {
  border: 1px solid #EDF1FF;
}
.cmw--2 {
  color: #f1f4ff;
}
.cmw--5 {
  color: #f6f8ff;
}
.cmw--8 {
  color: #fbfcff;
}
.cmw.btn--tran {
  background: rgba(237, 241, 255, 0.1);
}

.bgmw {
  background-color: #EDF1FF;
}
.bgmw--2 {
  background: #f1f4ff;
}
.bgmw--5 {
  background: #f6f8ff;
}
.bgmw--8 {
  background: #fbfcff;
}

.csg {
  color: #28a745;
}
.csg.rect:before {
  background: rgba(40, 167, 69, 0.2);
}
.csg:hover {
  color: #145523;
}
.csg.b--half {
  border: 0.5px solid #28a745;
}
.csg.b--1 {
  border: 1px solid #28a745;
}
.csg--2 {
  color: #53b96a;
}
.csg--5 {
  color: #94d3a2;
}
.csg--8 {
  color: #d4edda;
}
.csg.btn--tran {
  background: rgba(40, 167, 69, 0.1);
}

.bgsg {
  background-color: #28a745;
}
.bgsg--2 {
  background: #53b96a;
}
.bgsg--5 {
  background: #94d3a2;
}
.bgsg--8 {
  background: #d4edda;
}

.csr {
  color: #CD212A;
}
.csr.rect:before {
  background: rgba(205, 33, 42, 0.2);
}
.csr:hover {
  color: #751318;
}
.csr.b--half {
  border: 0.5px solid #CD212A;
}
.csr.b--1 {
  border: 1px solid #CD212A;
}
.csr--2 {
  color: #d74d55;
}
.csr--5 {
  color: #e69095;
}
.csr--8 {
  color: #f5d3d4;
}
.csr.btn--tran {
  background: rgba(205, 33, 42, 0.1);
}

.bgsr {
  background-color: #CD212A;
}
.bgsr--2 {
  background: #d74d55;
}
.bgsr--5 {
  background: #e69095;
}
.bgsr--8 {
  background: #f5d3d4;
}

.csy {
  color: #FFAF12;
}
.csy.rect:before {
  background: rgba(255, 175, 18, 0.2);
}
.csy:hover {
  color: #ab7100;
}
.csy.b--half {
  border: 0.5px solid #FFAF12;
}
.csy.b--1 {
  border: 1px solid #FFAF12;
}
.csy--2 {
  color: #ffbf41;
}
.csy--5 {
  color: #ffd789;
}
.csy--8 {
  color: #ffefd0;
}
.csy.btn--tran {
  background: rgba(255, 175, 18, 0.1);
}

.bgsy {
  background-color: #FFAF12;
}
.bgsy--2 {
  background: #ffbf41;
}
.bgsy--5 {
  background: #ffd789;
}
.bgsy--8 {
  background: #ffefd0;
}

.csc {
  color: #9C4722;
}
.csc.rect:before {
  background: rgba(156, 71, 34, 0.2);
}
.csc:hover {
  color: #482110;
}
.csc.b--half {
  border: 0.5px solid #9C4722;
}
.csc.b--1 {
  border: 1px solid #9C4722;
}
.csc--2 {
  color: #b06c4e;
}
.csc--5 {
  color: #cea391;
}
.csc--8 {
  color: #ebdad3;
}
.csc.btn--tran {
  background: rgba(156, 71, 34, 0.1);
}

.bgsc {
  background-color: #9C4722;
}
.bgsc--2 {
  background: #b06c4e;
}
.bgsc--5 {
  background: #cea391;
}
.bgsc--8 {
  background: #ebdad3;
}

.csp {
  color: #6B5876;
}
.csp.rect:before {
  background: rgba(107, 88, 118, 0.2);
}
.csp:hover {
  color: #362c3c;
}
.csp.b--half {
  border: 0.5px solid #6B5876;
}
.csp.b--1 {
  border: 1px solid #6B5876;
}
.csp--2 {
  color: #897991;
}
.csp--5 {
  color: #b5acbb;
}
.csp--8 {
  color: #e1dee4;
}
.csp.btn--tran {
  background: rgba(107, 88, 118, 0.1);
}

.bgsp {
  background-color: #6B5876;
}
.bgsp--2 {
  background: #897991;
}
.bgsp--5 {
  background: #b5acbb;
}
.bgsp--8 {
  background: #e1dee4;
}

.cs1 {
  color: #B89B72;
}
.cs1.rect:before {
  background: rgba(184, 155, 114, 0.2);
}
.cs1:hover {
  color: #826842;
}
.cs1.b--half {
  border: 0.5px solid #B89B72;
}
.cs1.b--1 {
  border: 1px solid #B89B72;
}
.cs1--2 {
  color: #c6af8e;
}
.cs1--5 {
  color: #dccdb9;
}
.cs1--8 {
  color: #f1ebe3;
}
.cs1.btn--tran {
  background: rgba(184, 155, 114, 0.1);
}

.bgs1 {
  background-color: #B89B72;
}
.bgs1--2 {
  background: #c6af8e;
}
.bgs1--5 {
  background: #dccdb9;
}
.bgs1--8 {
  background: #f1ebe3;
}

.c__m--black {
  color: #170f1e;
}
.c__m--black.rect:before {
  background: rgba(169, 169, 169, 0.15);
}
.c__m--black:hover {
  color: black;
}
.c__m--black.b--half {
  border: 0.5px solid #170f1e;
}
.c__m--black.b--1 {
  border: 1px solid #170f1e;
}
.c__m--black--2 {
  color: #453f4b;
}
.c__m--black--5 {
  color: #8b878f;
}
.c__m--black--8 {
  color: #d1cfd2;
}

.bg__m--black {
  background-color: #170f1e;
}
.bg__m--black--2 {
  background: #453f4b;
}
.bg__m--black--5 {
  background: #8b878f;
}
.bg__m--black--8 {
  background: #d1cfd2;
}

.c__m--white {
  color: #fff;
}
.c__m--white.rect:before {
  background: rgba(255, 255, 255, 0.15);
}
.c__m--white:hover {
  color: #cccccc;
}
.c__m--white.b--half {
  border: 0.5px solid #fff;
}
.c__m--white.b--1 {
  border: 1px solid #fff;
}
.c__m--white--2 {
  color: white;
}
.c__m--white--5 {
  color: white;
}
.c__m--white--8 {
  color: white;
}

.bg__m--white {
  background-color: #fff;
}
.bg__m--white--2 {
  background: white;
}
.bg__m--white--5 {
  background: white;
}
.bg__m--white--8 {
  background: white;
}

.c__m--gray {
  color: #e4e4e4;
}
.c__m--gray.rect:before {
  background: rgba(228, 228, 228, 0.15);
}
.c__m--gray:hover {
  color: #b1b1b1;
}
.c__m--gray.b--half {
  border: 0.5px solid #e4e4e4;
}
.c__m--gray.b--1 {
  border: 1px solid #e4e4e4;
}
.c__m--gray--2 {
  color: #e9e9e9;
}
.c__m--gray--5 {
  color: #f2f2f2;
}
.c__m--gray--8 {
  color: #fafafa;
}

.bg__m--gray {
  background-color: #e4e4e4;
}
.bg__m--gray--2 {
  background: #e9e9e9;
}
.bg__m--gray--5 {
  background: #f2f2f2;
}
.bg__m--gray--8 {
  background: #fafafa;
}

.c__m--a {
  color: #323b44;
}
.c__m--a.rect:before {
  background: rgba(169, 169, 169, 0.15);
}
.c__m--a:hover {
  color: #070809;
}
.c__m--a.b--half {
  border: 0.5px solid #323b44;
}
.c__m--a.b--1 {
  border: 1px solid #323b44;
}
.c__m--a--2 {
  color: #5b6269;
}
.c__m--a--5 {
  color: #999da2;
}
.c__m--a--8 {
  color: #d6d8da;
}

.bg__m--a {
  background-color: #323b44;
}
.bg__m--a--2 {
  background: #5b6269;
}
.bg__m--a--5 {
  background: #999da2;
}
.bg__m--a--8 {
  background: #d6d8da;
}

.c__m--b {
  color: #7ca6ad;
}
.c__m--b.rect:before {
  background: rgba(124, 166, 173, 0.15);
}
.c__m--b:hover {
  color: #4b7278;
}
.c__m--b.b--half {
  border: 0.5px solid #7ca6ad;
}
.c__m--b.b--1 {
  border: 1px solid #7ca6ad;
}
.c__m--b--2 {
  color: #96b8bd;
}
.c__m--b--5 {
  color: #bed3d6;
}
.c__m--b--8 {
  color: #e5edef;
}

.bg__m--b {
  background-color: #7ca6ad;
}
.bg__m--b--2 {
  background: #96b8bd;
}
.bg__m--b--5 {
  background: #bed3d6;
}
.bg__m--b--8 {
  background: #e5edef;
}

.c__m--c {
  color: #976f51;
}
.c__m--c.rect:before {
  background: rgba(151, 111, 81, 0.15);
}
.c__m--c:hover {
  color: #553e2d;
}
.c__m--c.b--half {
  border: 0.5px solid #976f51;
}
.c__m--c.b--1 {
  border: 1px solid #976f51;
}
.c__m--c--2 {
  color: #ac8c74;
}
.c__m--c--5 {
  color: #cbb7a8;
}
.c__m--c--8 {
  color: #eae2dc;
}

.bg__m--c {
  background-color: #976f51;
}
.bg__m--c--2 {
  background: #ac8c74;
}
.bg__m--c--5 {
  background: #cbb7a8;
}
.bg__m--c--8 {
  background: #eae2dc;
}

.c__m--d {
  color: #bfa64c;
}
.c__m--d.rect:before {
  background: rgba(191, 166, 76, 0.15);
}
.c__m--d:hover {
  color: #7a692b;
}
.c__m--d.b--half {
  border: 0.5px solid #bfa64c;
}
.c__m--d.b--1 {
  border: 1px solid #bfa64c;
}
.c__m--d--2 {
  color: #ccb870;
}
.c__m--d--5 {
  color: #dfd3a6;
}
.c__m--d--8 {
  color: #f2eddb;
}

.bg__m--d {
  background-color: #bfa64c;
}
.bg__m--d--2 {
  background: #ccb870;
}
.bg__m--d--5 {
  background: #dfd3a6;
}
.bg__m--d--8 {
  background: #f2eddb;
}

.c__p1 {
  color: #F09FB2;
}
.c__p1.rect:before {
  background: rgba(240, 159, 178, 0.15);
}
.c__p1:hover {
  color: #e2476b;
}
.c__p1.b--half {
  border: 0.5px solid #F09FB2;
}
.c__p1.b--1 {
  border: 1px solid #F09FB2;
}

.bg__p1 {
  background-color: #F09FB2;
}

.c__p2 {
  color: #f07995;
}
.c__p2.rect:before {
  background: rgba(240, 121, 149, 0.15);
}
.c__p2:hover {
  color: #e61d4c;
}
.c__p2.b--half {
  border: 0.5px solid #f07995;
}
.c__p2.b--1 {
  border: 1px solid #f07995;
}

.bg__p2 {
  background-color: #f07995;
}

.c__p3 {
  color: #F05277;
}
.c__p3.rect:before {
  background: rgba(240, 82, 119, 0.15);
}
.c__p3:hover {
  color: #ca123d;
}
.c__p3.b--half {
  border: 0.5px solid #F05277;
}
.c__p3.b--1 {
  border: 1px solid #F05277;
}

.bg__p3 {
  background-color: #F05277;
}

.c__r1 {
  color: #ED7A86;
}
.c__r1.rect:before {
  background: rgba(237, 122, 134, 0.15);
}
.c__r1:hover {
  color: #e12034;
}
.c__r1.b--half {
  border: 0.5px solid #ED7A86;
}
.c__r1.b--1 {
  border: 1px solid #ED7A86;
}

.bg__r1 {
  background-color: #ED7A86;
}

.c__r2 {
  color: #ed5565;
}
.c__r2.rect:before {
  background: rgba(237, 85, 101, 0.15);
}
.c__r2:hover {
  color: #c71528;
}
.c__r2.b--half {
  border: 0.5px solid #ed5565;
}
.c__r2.b--1 {
  border: 1px solid #ed5565;
}

.bg__r2 {
  background-color: #ed5565;
}

.c__r3 {
  color: #ED2F43;
}
.c__r3.rect:before {
  background: rgba(237, 47, 67, 0.15);
}
.c__r3:hover {
  color: #a80e1f;
}
.c__r3.b--half {
  border: 0.5px solid #ED2F43;
}
.c__r3.b--1 {
  border: 1px solid #ED2F43;
}

.bg__r3 {
  background-color: #ED2F43;
}

.c__o1 {
  color: #FC8F79;
}
.c__o1.rect:before {
  background: rgba(252, 143, 121, 0.15);
}
.c__o1:hover {
  color: #fa3c15;
}
.c__o1.b--half {
  border: 0.5px solid #FC8F79;
}
.c__o1.b--1 {
  border: 1px solid #FC8F79;
}

.bg__o1 {
  background-color: #FC8F79;
}

.c__o2 {
  color: #fc6e51;
}
.c__o2.rect:before {
  background: rgba(252, 110, 81, 0.15);
}
.c__o2:hover {
  color: #e32a04;
}
.c__o2.b--half {
  border: 0.5px solid #fc6e51;
}
.c__o2.b--1 {
  border: 1px solid #fc6e51;
}

.bg__o2 {
  background-color: #fc6e51;
}

.c__o3 {
  color: #FC4C28;
}
.c__o3.rect:before {
  background: rgba(252, 76, 40, 0.15);
}
.c__o3:hover {
  color: #bb2203;
}
.c__o3.b--half {
  border: 0.5px solid #FC4C28;
}
.c__o3.b--1 {
  border: 1px solid #FC4C28;
}

.bg__o3 {
  background-color: #FC4C28;
}

.c__y1 {
  color: #FFD97C;
}
.c__y1.rect:before {
  background: rgba(255, 217, 124, 0.15);
}
.c__y1:hover {
  color: #ffbb16;
}
.c__y1.b--half {
  border: 0.5px solid #FFD97C;
}
.c__y1.b--1 {
  border: 1px solid #FFD97C;
}

.bg__y1 {
  background-color: #FFD97C;
}

.c__y2 {
  color: #ffce54;
}
.c__y2.rect:before {
  background: rgba(255, 206, 84, 0.15);
}
.c__y2:hover {
  color: #eda900;
}
.c__y2.b--half {
  border: 0.5px solid #ffce54;
}
.c__y2.b--1 {
  border: 1px solid #ffce54;
}

.bg__y2 {
  background-color: #ffce54;
}

.c__y3 {
  color: #FFC22B;
}
.c__y3.rect:before {
  background: rgba(255, 194, 43, 0.15);
}
.c__y3:hover {
  color: #c48c00;
}
.c__y3.b--half {
  border: 0.5px solid #FFC22B;
}
.c__y3.b--1 {
  border: 1px solid #FFC22B;
}

.bg__y3 {
  background-color: #FFC22B;
}

.c__g1 {
  color: #a0d468;
}
.c__g1.rect:before {
  background: rgba(160, 212, 104, 0.15);
}
.c__g1:hover {
  color: #6da72f;
}
.c__g1.b--half {
  border: 0.5px solid #a0d468;
}
.c__g1.b--1 {
  border: 1px solid #a0d468;
}

.bg__g1 {
  background-color: #a0d468;
}

.c__g2 {
  color: #84b041;
}
.c__g2.rect:before {
  background: rgba(132, 176, 65, 0.15);
}
.c__g2:hover {
  color: #4c6625;
}
.c__g2.b--half {
  border: 0.5px solid #84b041;
}
.c__g2.b--1 {
  border: 1px solid #84b041;
}

.bg__g2 {
  background-color: #84b041;
}

.c__lg1 {
  color: #60c49c;
}
.c__lg1.rect:before {
  background: rgba(96, 196, 156, 0.15);
}
.c__lg1:hover {
  color: #338b68;
}
.c__lg1.b--half {
  border: 0.5px solid #60c49c;
}
.c__lg1.b--1 {
  border: 1px solid #60c49c;
}

.bg__lg1 {
  background-color: #60c49c;
}

.c__lg2 {
  color: #41b084;
}
.c__lg2.rect:before {
  background: rgba(65, 176, 132, 0.15);
}
.c__lg2:hover {
  color: #25664c;
}
.c__lg2.b--half {
  border: 0.5px solid #41b084;
}
.c__lg2.b--1 {
  border: 1px solid #41b084;
}

.bg__lg2 {
  background-color: #41b084;
}

.c__b1 {
  color: #4fc1e9;
}
.c__b1.rect:before {
  background: rgba(79, 193, 233, 0.15);
}
.c__b1:hover {
  color: #1790bb;
}
.c__b1.b--half {
  border: 0.5px solid #4fc1e9;
}
.c__b1.b--1 {
  border: 1px solid #4fc1e9;
}

.bg__b1 {
  background-color: #4fc1e9;
}

.c__b2 {
  color: #3badfa;
}
.c__b2.rect:before {
  background: rgba(59, 173, 250, 0.15);
}
.c__b2:hover {
  color: #057bca;
}
.c__b2.b--half {
  border: 0.5px solid #3badfa;
}
.c__b2.b--1 {
  border: 1px solid #3badfa;
}

.bg__b2 {
  background-color: #3badfa;
}

.c__b3 {
  color: #4a89dc;
}
.c__b3.rect:before {
  background: rgba(74, 137, 220, 0.15);
}
.c__b3:hover {
  color: #1f57a1;
}
.c__b3.b--half {
  border: 0.5px solid #4a89dc;
}
.c__b3.b--1 {
  border: 1px solid #4a89dc;
}

.bg__b3 {
  background-color: #4a89dc;
}

.c__v1 {
  color: #b77ed4;
}
.c__v1.rect:before {
  background: rgba(183, 126, 212, 0.15);
}
.c__v1:hover {
  color: #893bb1;
}
.c__v1.b--half {
  border: 0.5px solid #b77ed4;
}
.c__v1.b--1 {
  border: 1px solid #b77ed4;
}

.bg__v1 {
  background-color: #b77ed4;
}

.c__v2 {
  color: #ab6bce;
}
.c__v2.rect:before {
  background: rgba(171, 107, 206, 0.15);
}
.c__v2:hover {
  color: #79349f;
}
.c__v2.b--half {
  border: 0.5px solid #ab6bce;
}
.c__v2.b--1 {
  border: 1px solid #ab6bce;
}

.bg__v2 {
  background-color: #ab6bce;
}

.c__co1 {
  color: #a79c8e;
}
.c__co1.rect:before {
  background: rgba(167, 156, 142, 0.15);
}
.c__co1:hover {
  color: #74695b;
}
.c__co1.b--half {
  border: 0.5px solid #a79c8e;
}
.c__co1.b--1 {
  border: 1px solid #a79c8e;
}

.bg__co1 {
  background-color: #a79c8e;
}

.c__co2 {
  color: #918371;
}
.c__co2.rect:before {
  background: rgba(145, 131, 113, 0.15);
}
.c__co2:hover {
  color: #584f44;
}
.c__co2.b--half {
  border: 0.5px solid #918371;
}
.c__co2.b--1 {
  border: 1px solid #918371;
}

.bg__co2 {
  background-color: #918371;
}

.c__co3 {
  color: #754F44;
}
.c__co3.rect:before {
  background: rgba(117, 79, 68, 0.15);
}
.c__co3:hover {
  color: #34231f;
}
.c__co3.b--half {
  border: 0.5px solid #754F44;
}
.c__co3.b--1 {
  border: 1px solid #754F44;
}

.bg__co3 {
  background-color: #754F44;
}

.c__gr0 {
  color: #f2f2f2;
}
.c__gr0.rect:before {
  background: rgba(242, 242, 242, 0.15);
}
.c__gr0:hover {
  color: #bfbfbf;
}
.c__gr0.b--half {
  border: 0.5px solid #f2f2f2;
}
.c__gr0.b--1 {
  border: 1px solid #f2f2f2;
}

.bg__gr0 {
  background-color: #f2f2f2;
}

.c__gr1 {
  color: #e6e6e6;
}
.c__gr1.rect:before {
  background: rgba(230, 230, 230, 0.15);
}
.c__gr1:hover {
  color: #b3b3b3;
}
.c__gr1.b--half {
  border: 0.5px solid #e6e6e6;
}
.c__gr1.b--1 {
  border: 1px solid #e6e6e6;
}

.bg__gr1 {
  background-color: #e6e6e6;
}

.c__gr2 {
  color: #dadada;
}
.c__gr2.rect:before {
  background: rgba(218, 218, 218, 0.15);
}
.c__gr2:hover {
  color: #a7a7a7;
}
.c__gr2.b--half {
  border: 0.5px solid #dadada;
}
.c__gr2.b--1 {
  border: 1px solid #dadada;
}

.bg__gr2 {
  background-color: #dadada;
}

.c__gr3 {
  color: #cdcdcd;
}
.c__gr3.rect:before {
  background: rgba(205, 205, 205, 0.15);
}
.c__gr3:hover {
  color: #9a9a9a;
}
.c__gr3.b--half {
  border: 0.5px solid #cdcdcd;
}
.c__gr3.b--1 {
  border: 1px solid #cdcdcd;
}

.bg__gr3 {
  background-color: #cdcdcd;
}

.c__gr4 {
  color: #b5b5b5;
}
.c__gr4.rect:before {
  background: rgba(181, 181, 181, 0.15);
}
.c__gr4:hover {
  color: #828282;
}
.c__gr4.b--half {
  border: 0.5px solid #b5b5b5;
}
.c__gr4.b--1 {
  border: 1px solid #b5b5b5;
}

.bg__gr4 {
  background-color: #b5b5b5;
}

.c__gr5 {
  color: #a9a9a9;
}
.c__gr5.rect:before {
  background: rgba(169, 169, 169, 0.15);
}
.c__gr5:hover {
  color: #767676;
}
.c__gr5.b--half {
  border: 0.5px solid #a9a9a9;
}
.c__gr5.b--1 {
  border: 1px solid #a9a9a9;
}

.bg__gr5 {
  background-color: #a9a9a9;
}

.c__gr6 {
  color: #949494;
}
.c__gr6.rect:before {
  background: rgba(148, 148, 148, 0.15);
}
.c__gr6:hover {
  color: #616161;
}
.c__gr6.b--half {
  border: 0.5px solid #949494;
}
.c__gr6.b--1 {
  border: 1px solid #949494;
}

.bg__gr6 {
  background-color: #949494;
}

.c__gr7 {
  color: #808080;
}
.c__gr7.rect:before {
  background: rgba(128, 128, 128, 0.15);
}
.c__gr7:hover {
  color: #4d4d4d;
}
.c__gr7.b--half {
  border: 0.5px solid #808080;
}
.c__gr7.b--1 {
  border: 1px solid #808080;
}

.bg__gr7 {
  background-color: #808080;
}

.c__gr8 {
  color: #6b6b6b;
}
.c__gr8.rect:before {
  background: rgba(107, 107, 107, 0.15);
}
.c__gr8:hover {
  color: #383838;
}
.c__gr8.b--half {
  border: 0.5px solid #6b6b6b;
}
.c__gr8.b--1 {
  border: 1px solid #6b6b6b;
}

.bg__gr8 {
  background-color: #6b6b6b;
}

.c__mor--g {
  color: #7e8464;
}
.c__mor--g.rect:before {
  background: rgba(126, 132, 100, 0.15);
}
.c__mor--g:hover {
  color: #474a38;
}
.c__mor--g.b--half {
  border: 0.5px solid #7e8464;
}
.c__mor--g.b--1 {
  border: 1px solid #7e8464;
}

.bg__g {
  background-color: #7e8464;
}

.c__mor--o {
  color: #d19379;
}
.c__mor--o.rect:before {
  background: rgba(209, 147, 121, 0.15);
}
.c__mor--o:hover {
  color: #aa5b3a;
}
.c__mor--o.b--half {
  border: 0.5px solid #d19379;
}
.c__mor--o.b--1 {
  border: 1px solid #d19379;
}

.bg__o {
  background-color: #d19379;
}

.c__mor--co {
  color: #74593d;
}
.c__mor--co.rect:before {
  background: rgba(116, 89, 61, 0.15);
}
.c__mor--co:hover {
  color: #31261a;
}
.c__mor--co.b--half {
  border: 0.5px solid #74593d;
}
.c__mor--co.b--1 {
  border: 1px solid #74593d;
}

.bg__co {
  background-color: #74593d;
}

.c__danger {
  color: #CD212A;
}

.is--danger.dropdown__select,
.js--danger.dropdown__select {
  color: #CD212A;
  border: 1px solid #CD212A;
}
.is--danger.rect:before, .is--danger.rect,
.js--danger.rect:before,
.js--danger.rect {
  background: rgba(205, 33, 42, 0.15);
}
.is--danger.c__danger:hover,
.js--danger.c__danger:hover {
  color: #751318;
}
.is--danger.b--half,
.js--danger.b--half {
  border: 0.5px solid #CD212A;
}
.is--danger.b--1,
.js--danger.b--1 {
  border: 1px solid #CD212A;
}
.is--danger.b--1half,
.js--danger.b--1half {
  border: 1.5px solid #CD212A;
}
.is--danger.b--2,
.js--danger.b--2 {
  border: 2px solid #CD212A;
}
.is--danger--2,
.js--danger--2 {
  color: #d74d55;
}
.is--danger--5,
.js--danger--5 {
  color: #e69095;
}
.is--danger--8,
.js--danger--8 {
  color: #f5d3d4;
}
.is--danger.custom__input:focus,
.js--danger.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(205, 33, 42, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(205, 33, 42, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(205, 33, 42, 0.5);
}

.bg__danger,
table.dataTable tbody tr.bg__danger {
  background-color: #CD212A;
}
.bg__danger--2,
table.dataTable tbody tr.bg__danger--2 {
  background: #d74d55;
}
.bg__danger--2:hover,
table.dataTable tbody tr.bg__danger--2:hover {
  background: #d2373f;
}
.bg__danger--5,
table.dataTable tbody tr.bg__danger--5 {
  background: #e69095;
}
.bg__danger--5:hover,
table.dataTable tbody tr.bg__danger--5:hover {
  background: #e17a7f;
}
.bg__danger--8,
table.dataTable tbody tr.bg__danger--8 {
  background: #f5d3d4;
}
.bg__danger--8:hover,
table.dataTable tbody tr.bg__danger--8:hover {
  background: #f0bcbf;
}
.bg__danger.linear,
table.dataTable tbody tr.bg__danger.linear {
  background: #CD212A;
  background: -moz-linear-gradient(left, #cd212a 0%, #cd212a 100%);
  background: -webkit-linear-gradient(left, #cd212a 0%, #cd212a 100%);
  background: -o-linear-gradient(left, #cd212a 0%, #cd212a 100%);
  background: -ms-linear-gradient(left, #cd212a 0%, #cd212a 100%);
  background: linear-gradient(left, #cd212a 0%, #cd212a 100%);
}

.c__warning {
  color: #FFAF12;
}

.is--warning.dropdown__select,
.js--warning.dropdown__select {
  color: #FFAF12;
  border: 1px solid #FFAF12;
}
.is--warning.rect:before, .is--warning.rect,
.js--warning.rect:before,
.js--warning.rect {
  background: rgba(255, 175, 18, 0.15);
}
.is--warning.c__warning:hover,
.js--warning.c__warning:hover {
  color: #ab7100;
}
.is--warning.b--half,
.js--warning.b--half {
  border: 0.5px solid #FFAF12;
}
.is--warning.b--1,
.js--warning.b--1 {
  border: 1px solid #FFAF12;
}
.is--warning.b--1half,
.js--warning.b--1half {
  border: 1.5px solid #FFAF12;
}
.is--warning.b--2,
.js--warning.b--2 {
  border: 2px solid #FFAF12;
}
.is--warning--2,
.js--warning--2 {
  color: #ffbf41;
}
.is--warning--5,
.js--warning--5 {
  color: #ffd789;
}
.is--warning--8,
.js--warning--8 {
  color: #ffefd0;
}
.is--warning.custom__input:focus,
.js--warning.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(255, 175, 18, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(255, 175, 18, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(255, 175, 18, 0.5);
}

.bg__warning,
table.dataTable tbody tr.bg__warning {
  background-color: #FFAF12;
}
.bg__warning--2,
table.dataTable tbody tr.bg__warning--2 {
  background: #ffbf41;
}
.bg__warning--2:hover,
table.dataTable tbody tr.bg__warning--2:hover {
  background: #ffb72a;
}
.bg__warning--5,
table.dataTable tbody tr.bg__warning--5 {
  background: #ffd789;
}
.bg__warning--5:hover,
table.dataTable tbody tr.bg__warning--5:hover {
  background: #ffcf71;
}
.bg__warning--8,
table.dataTable tbody tr.bg__warning--8 {
  background: #ffefd0;
}
.bg__warning--8:hover,
table.dataTable tbody tr.bg__warning--8:hover {
  background: #ffe7b8;
}
.bg__warning.linear,
table.dataTable tbody tr.bg__warning.linear {
  background: #FFAF12;
  background: -moz-linear-gradient(left, #ffaf12 0%, #ffaf12 100%);
  background: -webkit-linear-gradient(left, #ffaf12 0%, #ffaf12 100%);
  background: -o-linear-gradient(left, #ffaf12 0%, #ffaf12 100%);
  background: -ms-linear-gradient(left, #ffaf12 0%, #ffaf12 100%);
  background: linear-gradient(left, #ffaf12 0%, #ffaf12 100%);
}

.c__success {
  color: #4B5335;
}

.is--success.dropdown__select,
.js--success.dropdown__select {
  color: #4B5335;
  border: 1px solid #4B5335;
}
.is--success.rect:before, .is--success.rect,
.js--success.rect:before,
.js--success.rect {
  background: rgba(75, 83, 53, 0.15);
}
.is--success.c__success:hover,
.js--success.c__success:hover {
  color: #13150d;
}
.is--success.b--half,
.js--success.b--half {
  border: 0.5px solid #4B5335;
}
.is--success.b--1,
.js--success.b--1 {
  border: 1px solid #4B5335;
}
.is--success.b--1half,
.js--success.b--1half {
  border: 1.5px solid #4B5335;
}
.is--success.b--2,
.js--success.b--2 {
  border: 2px solid #4B5335;
}
.is--success--2,
.js--success--2 {
  color: #6f755d;
}
.is--success--5,
.js--success--5 {
  color: #a5a99a;
}
.is--success--8,
.js--success--8 {
  color: #dbddd7;
}
.is--success.custom__input:focus,
.js--success.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(75, 83, 53, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(75, 83, 53, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(75, 83, 53, 0.5);
}

.bg__success,
table.dataTable tbody tr.bg__success {
  background-color: #4B5335;
}
.bg__success--2,
table.dataTable tbody tr.bg__success--2 {
  background: #6f755d;
}
.bg__success--2:hover,
table.dataTable tbody tr.bg__success--2:hover {
  background: #5d6449;
}
.bg__success--5,
table.dataTable tbody tr.bg__success--5 {
  background: #a5a99a;
}
.bg__success--5:hover,
table.dataTable tbody tr.bg__success--5:hover {
  background: #939886;
}
.bg__success--8,
table.dataTable tbody tr.bg__success--8 {
  background: #dbddd7;
}
.bg__success--8:hover,
table.dataTable tbody tr.bg__success--8:hover {
  background: #c9cbc2;
}
.bg__success.linear,
table.dataTable tbody tr.bg__success.linear {
  background: #4B5335;
  background: -moz-linear-gradient(left, #4b5335 0%, #62c936 100%);
  background: -webkit-linear-gradient(left, #4b5335 0%, #62c936 100%);
  background: -o-linear-gradient(left, #4b5335 0%, #62c936 100%);
  background: -ms-linear-gradient(left, #4b5335 0%, #62c936 100%);
  background: linear-gradient(left, #4b5335 0%, #62c936 100%);
}

.c__info {
  color: #00758F;
}

.is--info.dropdown__select,
.js--info.dropdown__select {
  color: #00758F;
  border: 1px solid #00758F;
}
.is--info.rect:before, .is--info.rect,
.js--info.rect:before,
.js--info.rect {
  background: rgba(0, 117, 143, 0.15);
}
.is--info.c__info:hover,
.js--info.c__info:hover {
  color: #002229;
}
.is--info.b--half,
.js--info.b--half {
  border: 0.5px solid #00758F;
}
.is--info.b--1,
.js--info.b--1 {
  border: 1px solid #00758F;
}
.is--info.b--1half,
.js--info.b--1half {
  border: 1.5px solid #00758F;
}
.is--info.b--2,
.js--info.b--2 {
  border: 2px solid #00758F;
}
.is--info--2,
.js--info--2 {
  color: #3391a5;
}
.is--info--5,
.js--info--5 {
  color: #80bac7;
}
.is--info--8,
.js--info--8 {
  color: #cce3e9;
}
.is--info.custom__input:focus,
.js--info.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(0, 117, 143, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(0, 117, 143, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(0, 117, 143, 0.5);
}

.bg__info,
table.dataTable tbody tr.bg__info {
  background-color: #00758F;
}
.bg__info--2,
table.dataTable tbody tr.bg__info--2 {
  background: #3391a5;
}
.bg__info--2:hover,
table.dataTable tbody tr.bg__info--2:hover {
  background: #1a839a;
}
.bg__info--5,
table.dataTable tbody tr.bg__info--5 {
  background: #80bac7;
}
.bg__info--5:hover,
table.dataTable tbody tr.bg__info--5:hover {
  background: #66acbc;
}
.bg__info--8,
table.dataTable tbody tr.bg__info--8 {
  background: #cce3e9;
}
.bg__info--8:hover,
table.dataTable tbody tr.bg__info--8:hover {
  background: #b3d6dd;
}
.bg__info.linear,
table.dataTable tbody tr.bg__info.linear {
  background: #00758F;
  background: -moz-linear-gradient(left, #00758f 0%, #00758f 100%);
  background: -webkit-linear-gradient(left, #00758f 0%, #00758f 100%);
  background: -o-linear-gradient(left, #00758f 0%, #00758f 100%);
  background: -ms-linear-gradient(left, #00758f 0%, #00758f 100%);
  background: linear-gradient(left, #00758f 0%, #00758f 100%);
}

.c__active {
  color: #47C6A3;
}

.is--active.dropdown__select,
.js--active.dropdown__select {
  color: #47C6A3;
  border: 1px solid #47C6A3;
}
.is--active.rect:before, .is--active.rect,
.js--active.rect:before,
.js--active.rect {
  background: rgba(71, 198, 163, 0.15);
}
.is--active.c__active:hover,
.js--active.c__active:hover {
  color: #278067;
}
.is--active.b--half,
.js--active.b--half {
  border: 0.5px solid #47C6A3;
}
.is--active.b--1,
.js--active.b--1 {
  border: 1px solid #47C6A3;
}
.is--active.b--1half,
.js--active.b--1half {
  border: 1.5px solid #47C6A3;
}
.is--active.b--2,
.js--active.b--2 {
  border: 2px solid #47C6A3;
}
.is--active--2,
.js--active--2 {
  color: #6cd1b5;
}
.is--active--5,
.js--active--5 {
  color: #a3e3d1;
}
.is--active--8,
.js--active--8 {
  color: #daf4ed;
}
.is--active.custom__input:focus,
.js--active.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(71, 198, 163, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(71, 198, 163, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(71, 198, 163, 0.5);
}

.bg__active,
table.dataTable tbody tr.bg__active {
  background-color: #47C6A3;
}
.bg__active--2,
table.dataTable tbody tr.bg__active--2 {
  background: #6cd1b5;
}
.bg__active--2:hover,
table.dataTable tbody tr.bg__active--2:hover {
  background: #59ccac;
}
.bg__active--5,
table.dataTable tbody tr.bg__active--5 {
  background: #a3e3d1;
}
.bg__active--5:hover,
table.dataTable tbody tr.bg__active--5:hover {
  background: #91ddc8;
}
.bg__active--8,
table.dataTable tbody tr.bg__active--8 {
  background: #daf4ed;
}
.bg__active--8:hover,
table.dataTable tbody tr.bg__active--8:hover {
  background: #c8eee3;
}
.bg__active.linear,
table.dataTable tbody tr.bg__active.linear {
  background: #47C6A3;
  background: -moz-linear-gradient(left, #47c6a3 0%, #47c6a3 100%);
  background: -webkit-linear-gradient(left, #47c6a3 0%, #47c6a3 100%);
  background: -o-linear-gradient(left, #47c6a3 0%, #47c6a3 100%);
  background: -ms-linear-gradient(left, #47c6a3 0%, #47c6a3 100%);
  background: linear-gradient(left, #47c6a3 0%, #47c6a3 100%);
}

.c__primary {
  color: #0f4c81;
}

.is--primary.dropdown__select,
.js--primary.dropdown__select {
  color: #0f4c81;
  border: 1px solid #0f4c81;
}
.is--primary.rect:before, .is--primary.rect,
.js--primary.rect:before,
.js--primary.rect {
  background: rgba(15, 76, 129, 0.15);
}
.is--primary.c__primary:hover,
.js--primary.c__primary:hover {
  color: #041626;
}
.is--primary.b--half,
.js--primary.b--half {
  border: 0.5px solid #0f4c81;
}
.is--primary.b--1,
.js--primary.b--1 {
  border: 1px solid #0f4c81;
}
.is--primary.b--1half,
.js--primary.b--1half {
  border: 1.5px solid #0f4c81;
}
.is--primary.b--2,
.js--primary.b--2 {
  border: 2px solid #0f4c81;
}
.is--primary--2,
.js--primary--2 {
  color: #3f709a;
}
.is--primary--5,
.js--primary--5 {
  color: #87a6c0;
}
.is--primary--8,
.js--primary--8 {
  color: #cfdbe6;
}
.is--primary.custom__input:focus,
.js--primary.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(15, 76, 129, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(15, 76, 129, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(15, 76, 129, 0.5);
}

.bg__primary,
table.dataTable tbody tr.bg__primary {
  background-color: #0f4c81;
}
.bg__primary--2,
table.dataTable tbody tr.bg__primary--2 {
  background: #3f709a;
}
.bg__primary--2:hover,
table.dataTable tbody tr.bg__primary--2:hover {
  background: #275e8e;
}
.bg__primary--5,
table.dataTable tbody tr.bg__primary--5 {
  background: #87a6c0;
}
.bg__primary--5:hover,
table.dataTable tbody tr.bg__primary--5:hover {
  background: #6f94b3;
}
.bg__primary--8,
table.dataTable tbody tr.bg__primary--8 {
  background: #cfdbe6;
}
.bg__primary--8:hover,
table.dataTable tbody tr.bg__primary--8:hover {
  background: #b7c9d9;
}
.bg__primary.linear,
table.dataTable tbody tr.bg__primary.linear {
  background: #0f4c81;
  background: -moz-linear-gradient(left, #0f4c81 0%, #0f4c81 100%);
  background: -webkit-linear-gradient(left, #0f4c81 0%, #0f4c81 100%);
  background: -o-linear-gradient(left, #0f4c81 0%, #0f4c81 100%);
  background: -ms-linear-gradient(left, #0f4c81 0%, #0f4c81 100%);
  background: linear-gradient(left, #0f4c81 0%, #0f4c81 100%);
}

.c__secondary {
  color: #808080;
}

.is--secondary.dropdown__select,
.js--secondary.dropdown__select {
  color: #808080;
  border: 1px solid #808080;
}
.is--secondary.rect:before, .is--secondary.rect,
.js--secondary.rect:before,
.js--secondary.rect {
  background: rgba(128, 128, 128, 0.15);
}
.is--secondary.c__secondary:hover,
.js--secondary.c__secondary:hover {
  color: #4d4d4d;
}
.is--secondary.b--half,
.js--secondary.b--half {
  border: 0.5px solid #808080;
}
.is--secondary.b--1,
.js--secondary.b--1 {
  border: 1px solid #808080;
}
.is--secondary.b--1half,
.js--secondary.b--1half {
  border: 1.5px solid #808080;
}
.is--secondary.b--2,
.js--secondary.b--2 {
  border: 2px solid #808080;
}
.is--secondary--2,
.js--secondary--2 {
  color: #999999;
}
.is--secondary--5,
.js--secondary--5 {
  color: silver;
}
.is--secondary--8,
.js--secondary--8 {
  color: #e6e6e6;
}
.is--secondary.custom__input:focus,
.js--secondary.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(128, 128, 128, 0.5);
}

.bg__secondary,
table.dataTable tbody tr.bg__secondary {
  background-color: #808080;
}
.bg__secondary--2,
table.dataTable tbody tr.bg__secondary--2 {
  background: #999999;
}
.bg__secondary--2:hover,
table.dataTable tbody tr.bg__secondary--2:hover {
  background: #8d8d8d;
}
.bg__secondary--5,
table.dataTable tbody tr.bg__secondary--5 {
  background: silver;
}
.bg__secondary--5:hover,
table.dataTable tbody tr.bg__secondary--5:hover {
  background: #b3b3b3;
}
.bg__secondary--8,
table.dataTable tbody tr.bg__secondary--8 {
  background: #e6e6e6;
}
.bg__secondary--8:hover,
table.dataTable tbody tr.bg__secondary--8:hover {
  background: #d9d9d9;
}
.bg__secondary.linear,
table.dataTable tbody tr.bg__secondary.linear {
  background: #808080;
  background: -moz-linear-gradient(left, gray 0%, #6b6b6b 100%);
  background: -webkit-linear-gradient(left, gray 0%, #6b6b6b 100%);
  background: -o-linear-gradient(left, gray 0%, #6b6b6b 100%);
  background: -ms-linear-gradient(left, gray 0%, #6b6b6b 100%);
  background: linear-gradient(left, gray 0%, #6b6b6b 100%);
}

.c__disable {
  color: #798EA4;
}

.is--disable.dropdown__select,
.js--disable.dropdown__select {
  color: #798EA4;
  border: 1px solid #798EA4;
}
.is--disable.rect:before, .is--disable.rect,
.js--disable.rect:before,
.js--disable.rect {
  background: rgba(121, 142, 164, 0.15);
}
.is--disable.c__disable:hover,
.js--disable.c__disable:hover {
  color: #4a5b6d;
}
.is--disable.b--half,
.js--disable.b--half {
  border: 0.5px solid #798EA4;
}
.is--disable.b--1,
.js--disable.b--1 {
  border: 1px solid #798EA4;
}
.is--disable.b--1half,
.js--disable.b--1half {
  border: 1.5px solid #798EA4;
}
.is--disable.b--2,
.js--disable.b--2 {
  border: 2px solid #798EA4;
}
.is--disable--2,
.js--disable--2 {
  color: #94a5b6;
}
.is--disable--5,
.js--disable--5 {
  color: #bcc7d2;
}
.is--disable--8,
.js--disable--8 {
  color: #e4e8ed;
}
.is--disable.custom__input:focus,
.js--disable.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(121, 142, 164, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(121, 142, 164, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(121, 142, 164, 0.5);
}

.bg__disable,
table.dataTable tbody tr.bg__disable {
  background-color: #798EA4;
}
.bg__disable--2,
table.dataTable tbody tr.bg__disable--2 {
  background: #94a5b6;
}
.bg__disable--2:hover,
table.dataTable tbody tr.bg__disable--2:hover {
  background: #8699ad;
}
.bg__disable--5,
table.dataTable tbody tr.bg__disable--5 {
  background: #bcc7d2;
}
.bg__disable--5:hover,
table.dataTable tbody tr.bg__disable--5:hover {
  background: #afbbc8;
}
.bg__disable--8,
table.dataTable tbody tr.bg__disable--8 {
  background: #e4e8ed;
}
.bg__disable--8:hover,
table.dataTable tbody tr.bg__disable--8:hover {
  background: #d7dde4;
}
.bg__disable.linear,
table.dataTable tbody tr.bg__disable.linear {
  background: #798EA4;
  background: -moz-linear-gradient(left, #798ea4 0%, #798ea4 100%);
  background: -webkit-linear-gradient(left, #798ea4 0%, #798ea4 100%);
  background: -o-linear-gradient(left, #798ea4 0%, #798ea4 100%);
  background: -ms-linear-gradient(left, #798ea4 0%, #798ea4 100%);
  background: linear-gradient(left, #798ea4 0%, #798ea4 100%);
}

.c__delete {
  color: #A09998;
}

.is--delete.dropdown__select,
.js--delete.dropdown__select {
  color: #A09998;
  border: 1px solid #A09998;
}
.is--delete.rect:before, .is--delete.rect,
.js--delete.rect:before,
.js--delete.rect {
  background: rgba(160, 153, 152, 0.15);
}
.is--delete.c__delete:hover,
.js--delete.c__delete:hover {
  color: #6d6665;
}
.is--delete.b--half,
.js--delete.b--half {
  border: 0.5px solid #A09998;
}
.is--delete.b--1,
.js--delete.b--1 {
  border: 1px solid #A09998;
}
.is--delete.b--1half,
.js--delete.b--1half {
  border: 1.5px solid #A09998;
}
.is--delete.b--2,
.js--delete.b--2 {
  border: 2px solid #A09998;
}
.is--delete--2,
.js--delete--2 {
  color: #b3adad;
}
.is--delete--5,
.js--delete--5 {
  color: #d0cccc;
}
.is--delete--8,
.js--delete--8 {
  color: #ecebea;
}
.is--delete.custom__input:focus,
.js--delete.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(160, 153, 152, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(160, 153, 152, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(160, 153, 152, 0.5);
}

.bg__delete,
table.dataTable tbody tr.bg__delete {
  background-color: #A09998;
}
.bg__delete--2,
table.dataTable tbody tr.bg__delete--2 {
  background: #b3adad;
}
.bg__delete--2:hover,
table.dataTable tbody tr.bg__delete--2:hover {
  background: #aaa3a2;
}
.bg__delete--5,
table.dataTable tbody tr.bg__delete--5 {
  background: #d0cccc;
}
.bg__delete--5:hover,
table.dataTable tbody tr.bg__delete--5:hover {
  background: #c6c2c1;
}
.bg__delete--8,
table.dataTable tbody tr.bg__delete--8 {
  background: #ecebea;
}
.bg__delete--8:hover,
table.dataTable tbody tr.bg__delete--8:hover {
  background: #e3e0e0;
}
.bg__delete.linear,
table.dataTable tbody tr.bg__delete.linear {
  background: #A09998;
  background: -moz-linear-gradient(left, #a09998 0%, #a09998 100%);
  background: -webkit-linear-gradient(left, #a09998 0%, #a09998 100%);
  background: -o-linear-gradient(left, #a09998 0%, #a09998 100%);
  background: -ms-linear-gradient(left, #a09998 0%, #a09998 100%);
  background: linear-gradient(left, #a09998 0%, #a09998 100%);
}

.c__blazer {
  color: #282D3C;
}

.is--blazer.dropdown__select,
.js--blazer.dropdown__select {
  color: #282D3C;
  border: 1px solid #282D3C;
}
.is--blazer.rect:before, .is--blazer.rect,
.js--blazer.rect:before,
.js--blazer.rect {
  background: rgba(40, 45, 60, 0.15);
}
.is--blazer.c__blazer:hover,
.js--blazer.c__blazer:hover {
  color: black;
}
.is--blazer.b--half,
.js--blazer.b--half {
  border: 0.5px solid #282D3C;
}
.is--blazer.b--1,
.js--blazer.b--1 {
  border: 1px solid #282D3C;
}
.is--blazer.b--1half,
.js--blazer.b--1half {
  border: 1.5px solid #282D3C;
}
.is--blazer.b--2,
.js--blazer.b--2 {
  border: 2px solid #282D3C;
}
.is--blazer--2,
.js--blazer--2 {
  color: #535763;
}
.is--blazer--5,
.js--blazer--5 {
  color: #94969e;
}
.is--blazer--8,
.js--blazer--8 {
  color: #d4d5d8;
}
.is--blazer.custom__input:focus,
.js--blazer.custom__input:focus {
  -moz-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(40, 45, 60, 0.5);
  -webkit-box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(40, 45, 60, 0.5);
  box-shadow: 0.08812rem 0.08812rem 0.1875rem rgba(40, 45, 60, 0.5);
}

.bg__blazer,
table.dataTable tbody tr.bg__blazer {
  background-color: #282D3C;
}
.bg__blazer--2,
table.dataTable tbody tr.bg__blazer--2 {
  background: #535763;
}
.bg__blazer--2:hover,
table.dataTable tbody tr.bg__blazer--2:hover {
  background: #3e4250;
}
.bg__blazer--5,
table.dataTable tbody tr.bg__blazer--5 {
  background: #94969e;
}
.bg__blazer--5:hover,
table.dataTable tbody tr.bg__blazer--5:hover {
  background: #7e818a;
}
.bg__blazer--8,
table.dataTable tbody tr.bg__blazer--8 {
  background: #d4d5d8;
}
.bg__blazer--8:hover,
table.dataTable tbody tr.bg__blazer--8:hover {
  background: #bfc0c5;
}
.bg__blazer.linear,
table.dataTable tbody tr.bg__blazer.linear {
  background: #282D3C;
  background: -moz-linear-gradient(left, #282d3c 0%, #282d3c 100%);
  background: -webkit-linear-gradient(left, #282d3c 0%, #282d3c 100%);
  background: -o-linear-gradient(left, #282d3c 0%, #282d3c 100%);
  background: -ms-linear-gradient(left, #282d3c 0%, #282d3c 100%);
  background: linear-gradient(left, #282d3c 0%, #282d3c 100%);
}

[draggable="true"] {
  /*
   To prevent user selecting inside the drag source
  */
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.drag__box.dragging {
  opacity: 0.8;
}
.drag__hover {
  background-color: rgba(0, 191, 165, 0.04);
}

.bg__wave {
  overflow: hidden;
  position: relative;
  width: auto;
  background-image: linear-gradient(120deg, #f00 0%, #f00 49%, #fff 50%, #fff 100%);
}
.bg__wave::before, .bg__wave::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  z-index: 900;
}
.bg__wave::after {
  top: 0;
  border-radius: 0 0 46px 0;
  background-color: #f00;
}
.bg__wave::before {
  top: 50%;
  border-radius: 46px 0 0 0;
  background-color: #fff;
}

.wave {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #76daff;
  border-radius: 50%;
}
.wave::before, .wave::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  top: 0;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 45%;
  transform: translate(-50%, -70%) rotate(0);
  animation: rotate 6s linear infinite;
  z-index: 10;
}
.wave::after {
  border-radius: 47%;
  background-color: rgba(255, 255, 255, 0.9);
  transform: translate(-50%, -70%) rotate(0);
  animation: rotate 10s linear -5s infinite;
  z-index: 20;
}

@keyframes rotate {
  50% {
    transform: translate(-50%, -73%) rotate(180deg);
  }
  100% {
    transform: translate(-50%, -70%) rotate(360deg);
  }
}
.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bg-bubbles li {
  position: absolute;
  bottom: 5px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.05);
  list-style: none;
}
.bg-bubbles li.br--50 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
  bottom: 124px;
  transform: rotate(223deg);
}
.bg-bubbles li:nth-child(2) {
  left: 50%;
  width: 90px;
  height: 90px;
  bottom: 573px;
  transform: rotate(8deg);
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  bottom: 504px;
  transform: rotate(2deg);
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  bottom: 197px;
  transform: rotate(236deg);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
  bottom: 402px;
  transform: rotate(329deg);
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  bottom: 196px;
  transform: rotate(29deg);
}
.bg-bubbles li:nth-child(7) {
  left: 60%;
  width: 200px;
  height: 200px;
  bottom: -50px;
  transform: rotate(200deg);
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-bubbles li:nth-child(8) {
  left: 30%;
  width: 20px;
  height: 20px;
  bottom: 63px;
  transform: rotate(22deg);
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  bottom: 328px;
  transform: rotate(13deg);
  background-color: rgba(255, 255, 255, 0.25);
}

.bg-bubbles.info {
  z-index: 1;
  top: 54px;
  height: 100px;
}

@-webkit-keyframes loading__circle_1 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  25% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(30px) scale(1);
    -moz-transform: translateY(30px) scale(1);
    -o-transform: translateY(30px) scale(1);
    -ms-transform: translateY(30px) scale(1);
    transform: translateY(30px) scale(1);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  75% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(-30px) scale(1);
    -moz-transform: translateY(-30px) scale(1);
    -o-transform: translateY(-30px) scale(1);
    -ms-transform: translateY(-30px) scale(1);
    transform: translateY(-30px) scale(1);
  }
  100% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@-moz-keyframes loading__circle_1 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  25% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(30px) scale(1);
    -moz-transform: translateY(30px) scale(1);
    -o-transform: translateY(30px) scale(1);
    -ms-transform: translateY(30px) scale(1);
    transform: translateY(30px) scale(1);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  75% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(-30px) scale(1);
    -moz-transform: translateY(-30px) scale(1);
    -o-transform: translateY(-30px) scale(1);
    -ms-transform: translateY(-30px) scale(1);
    transform: translateY(-30px) scale(1);
  }
  100% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@-ms-keyframes loading__circle_1 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  25% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(30px) scale(1);
    -moz-transform: translateY(30px) scale(1);
    -o-transform: translateY(30px) scale(1);
    -ms-transform: translateY(30px) scale(1);
    transform: translateY(30px) scale(1);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  75% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(-30px) scale(1);
    -moz-transform: translateY(-30px) scale(1);
    -o-transform: translateY(-30px) scale(1);
    -ms-transform: translateY(-30px) scale(1);
    transform: translateY(-30px) scale(1);
  }
  100% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes loading__circle_1 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  25% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(30px) scale(1);
    -moz-transform: translateY(30px) scale(1);
    -o-transform: translateY(30px) scale(1);
    -ms-transform: translateY(30px) scale(1);
    transform: translateY(30px) scale(1);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  75% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(-30px) scale(1);
    -moz-transform: translateY(-30px) scale(1);
    -o-transform: translateY(-30px) scale(1);
    -ms-transform: translateY(-30px) scale(1);
    transform: translateY(-30px) scale(1);
  }
  100% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes loading__circle_2 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -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% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@-moz-keyframes loading__circle_2 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -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% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@-ms-keyframes loading__circle_2 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -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% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@keyframes loading__circle_2 {
  0% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    background: rgba(74, 137, 220, 0.8);
    -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% {
    background: rgba(74, 137, 220, 0.8);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
  }
}
.loading__circle div {
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: loading__circle_2 1.1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -moz-animation: loading__circle_2 1.1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -o-animation: loading__circle_2 1.1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: loading__circle_2 1.1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.loading__circle div:nth-child(1) {
  margin-left: 15px;
  -webkit-animation-delay: -0.84s;
  -moz-animation-delay: -0.84s;
  -o-animation-delay: -0.84s;
  animation-delay: -0.84s;
}

.loading__circle div:nth-child(2) {
  margin-left: 30px;
  -webkit-animation-delay: -0.63s;
  -moz-animation-delay: -0.63s;
  -o-animation-delay: -0.63s;
  animation-delay: -0.63s;
}

.loading__circle div:nth-child(3) {
  margin-left: 45px;
  -webkit-animation-delay: -0.42s;
  -moz-animation-delay: -0.42s;
  -o-animation-delay: -0.42s;
  animation-delay: -0.42s;
}

.loading__circle div:nth-child(4) {
  margin-left: 60px;
  -webkit-animation-delay: -0.21s;
  -moz-animation-delay: -0.21s;
  -o-animation-delay: -0.21s;
  animation-delay: -0.21s;
}

.loading__circle div:nth-child(5) {
  margin-left: 75px;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

.loading__circle {
  position: relative;
  width: 125px !important;
  height: 20px !important;
  -webkit-transform: translate(-100px, -25px) scale(1) translate(100px, 25px);
  -moz-transform: translate(-100px, -25px) scale(1) translate(100px, 25px);
  -o-transform: translate(-100px, -25px) scale(1) translate(100px, 25px);
  -ms-transform: translate(-100px, -25px) scale(1) translate(100px, 25px);
  transform: translate(-100px, -25px) scale(1) translate(100px, 25px);
}

.loading__circle.small div {
  width: 5px;
  height: 5px;
}

.loading__circle.small {
  position: relative;
  width: 100px !important;
  height: 15px !important;
  -webkit-transform: translate(-100px, -15px) scale(1) translate(100px, 15px);
  -moz-transform: translate(-100px, -15px) scale(1) translate(100px, 15px);
  -o-transform: translate(-100px, -15px) scale(1) translate(100px, 15px);
  -ms-transform: translate(-100px, -15px) scale(1) translate(100px, 15px);
  transform: translate(-100px, -15px) scale(1) translate(100px, 15px);
}