/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : rankomat.pl
 *  DOCUMENT    : app.scss
 *-----------------------------------------------------------*/
@import url("https://rankomat.pl/theme/rankomat/fonts/opensans/opensans.css");
/*-----------------------------------------------------------
 *  DOCUMENT : Client-App  | mixins.scss
 *-----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  DOCUMENT: rank-animate.scss
 *----------------------------------------------------------*/
.rank-animate--fade-in-out.ng-enter {
  transition: all linear;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0ms;
  opacity: 0;
}
.rank-animate--fade-in-out.ng-enter .rank-dialog__container {
  transition: all linear;
  transition-duration: 150ms;
  transition-delay: 0ms;
}
.rank-animate--fade-in-out.ng-enter.ng-enter-active {
  opacity: 1;
}
.rank-animate--fade-in-out.ng-leave {
  transition: all linear;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0ms;
  opacity: 1;
}
.rank-animate--fade-in-out.ng-leave .rank-dialog__container {
  transition: all linear;
  transition-duration: 150ms;
  transition-delay: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.rank-animate--fade-in-out.ng-leave.ng-leave-active {
  opacity: 0;
}
.rank-animate--picker.ng-enter {
  transition: all linear;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.rank-animate--picker.ng-enter.ng-enter-active {
  opacity: 1;
}
.rank-animate--picker.ng-leave {
  transition: all linear;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.rank-animate--picker.ng-leave.ng-leave-active {
  opacity: 0;
}
.rank-animate--fade-up.ng-enter, .rank-animate--fade-up.ng-leave {
  -webkit-transition: all linear 0.15s;
  -mox-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
}
.rank-animate--fade-up.ng-enter, .rank-animate--fade-up.ng-leave.ng-leave-active {
  margin-top: -100px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.rank-animate--fade-up.ng-enter.ng-enter-active, .rank-animate--fade-up.ng-leave {
  margin-top: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-font.scss
 *----------------------------------------------------------*/
@font-face {
  font-family: "rk-font";
  src: url("/kalkulator/static/files/public/fonts/app/rank-font.eot");
  src: url("/kalkulator/static/files/public/fonts/app/rank-font.eot#iefix") format("embedded-opentype"), url("/kalkulator/static/files/public/fonts/app/rank-font.woff") format("woff"), url("/kalkulator/static/files/public/fonts/app/rank-font.ttf") format("truetype"), url("/kalkulator/static/files/public/fonts/app/rank-font.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=ri-],
[class*=" ri-"] {
  font-family: "rk-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1.25rem;
}

.rank-ricon {
  font-size: 40px;
  width: 70px;
  height: 66px;
  display: block;
  border: 4px solid #e9e9e9;
  text-align: center;
  color: #337ab7;
  vertical-align: middle;
  margin-top: 5px;
}
.rank-ricon:before {
  position: relative;
  top: 4px;
}

.ri-phone-circle {
  padding: 12px 15px !important;
  width: 40px;
  height: 40px;
  line-height: 1.25rem;
  background: #0457BA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}
.ri-phone-circle svg {
  width: 20px;
  height: 20px;
}

.rank-icon-success:before,
.rank-icon-loss:before {
  background-size: 25px 24px;
  width: 25px;
  height: 24px;
  display: block;
  margin: auto;
  content: "";
}

.rank-icon-success:before {
  background-image: url("/kalkulator/static/files/public/images/app/svg/icon-process-success.svg");
}

.rank-icon-loss:before {
  background-image: url("/kalkulator/static/files/public/images/app/svg/icon-process-error.svg");
}

.rank-icon {
  background-size: 100%;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
}

.rank-icon-motorcycle {
  background: url("/kalkulator/static/files/public/images/app/motorcycle.png") no-repeat left top;
  background-size: 100%;
  width: 100px;
  height: 100%;
  display: block;
  margin: auto;
}

.rank-icon-car {
  background: url("/kalkulator/static/files/public/images/app/car.png") no-repeat left top;
  background-size: 100%;
  width: 100px;
  height: 100%;
  display: block;
  margin: auto;
}

/*-----------------------------------------------------------------------------
 *  IMPORTANT: ONLY PASTE KEYS WHEN FOR THE GENERATED FONTS PACK
 *----------------------------------------------------------------------------*/
.ri-fire:before {
  content: "\e000";
}

.ri-alarm:before {
  content: "\e001";
}

.ri-alarmsystem:before {
  content: "\e002";
}

.ri-destinationcontinentasia:before {
  content: "\e003";
}

.ri-destinationcontinentaustraliaandoceania:before {
  content: "\e004";
}

.ri-beton:before {
  content: "\e005";
}

.ri-both:before {
  content: "\e006";
}

.ri-protectglasselements:before {
  content: "\e007";
}

.ri-brick:before {
  content: "\e008";
}

.ri-buildingonly:before {
  content: "\e009";
}

.ri-constructionbrick:before {
  content: "\e00a";
}

.ri-constructionother:before {
  content: "\e00b";
}

.ri-constructionwooden:before {
  content: "\e00c";
}

.ri-equipmentonly:before {
  content: "\e00d";
}

.ri-flat:before {
  content: "\e00e";
}

.ri-destinationcontinenteurope:before {
  content: "\e00f";
}

.ri-firealarm:before {
  content: "\e010";
}

.ri-firstfloor:before {
  content: "\e011";
}

.ri-flammable:before {
  content: "\e012";
}

.ri-realestateunderconstruction:before {
  content: "\e013";
}

.ri-ground:before {
  content: "\e014";
}

.ri-hh-oc:before {
  content: "\e015";
}

.ri-house:before {
  content: "\e016";
}

.ri-houseunderconstruction:before {
  content: "\e017";
}

.ri-includecellar:before {
  content: "\e018";
}

.ri-includeequipment:before {
  content: "\e019";
}

.ri-includeequipments:before {
  content: "\e01a";
}

.ri-includegarage:before {
  content: "\e01b";
}

.ri-includesolidelements:before {
  content: "\e01c";
}

.ri-includewalls:before {
  content: "\e01d";
}

.ri-intercom:before {
  content: "\e01e";
}

.ri-interfloor:before {
  content: "\e01f";
}

.ri-lastfloor:before {
  content: "\e020";
}

.ri-lattice:before {
  content: "\e021";
}

.ri-monitoring:before {
  content: "\e022";
}

.ri-nonflammable:before {
  content: "\e023";
}

.ri-destinationcontinentnorthamerica:before {
  content: "\e024";
}

.ri-other:before {
  content: "\e025";
}

.ri-papa:before {
  content: "\e026";
}

.ri-protectfromclasp:before {
  content: "\e027";
}

.ri-protectfromflood:before {
  content: "\e028";
}

.ri-protectfromrandom:before {
  content: "\e029";
}

.ri-protectfromtheft:before {
  content: "\e02a";
}

.ri-protectfromvandalism:before {
  content: "\e02b";
}

.ri-protectocprivate:before {
  content: "\e02c";
}

.ri-protectocrenting:before {
  content: "\e02d";
}

.ri-travelphysicalwork:before {
  content: "\e02e";
}

.ri-roofflat:before {
  content: "\e030";
}

.ri-row:before {
  content: "\e031";
}

.ri-security-alarm:before {
  content: "\e032";
}

.ri-security-gps:before {
  content: "\e034";
}

.ri-security-immo:before {
  content: "\e035";
}

.ri-securitydoor:before {
  content: "\e036";
}

.ri-securitydoors:before {
  content: "\e037";
}

.ri-sheetmetal:before {
  content: "\e038";
}

.ri-single:before {
  content: "\e039";
}

.ri-slubs:before {
  content: "\e03a";
}

.ri-destinationcontinentsouthamerica:before {
  content: "\e03b";
}

.ri-straw:before {
  content: "\e03c";
}

.ri-supervision:before {
  content: "\e03d";
}

.ri-sypervision:before {
  content: "\e03e";
}

.ri-traveldiving:before {
  content: "\e03f";
}

.ri-travelextremesports:before {
  content: "\e040";
}

.ri-travelhighrisksports:before {
  content: "\e041";
}

.ri-travelsightseeing:before {
  content: "\e042";
}

.ri-travelski:before {
  content: "\e043";
}

.ri-twin:before {
  content: "\e044";
}

.ri-windowprotection:before {
  content: "\e049";
}

.ri-wooden:before {
  content: "\e04a";
}

.ri-group:before {
  content: "\e04b";
}

.ri-destinationcontinentafrica:before {
  content: "\e04c";
}

.ri-otherrealestate:before {
  content: "\e04d";
}

.ri-farm:before {
  content: "\e04e";
}

.ri-wantassistance-1:before {
  content: "\e02f";
}

.ri-wantcasco-1:before {
  content: "\e045";
}

.ri-wantoc-1:before {
  content: "\e046";
}

.ri-wantpersonalaccident-1:before {
  content: "\e047";
}

.ri-wantassistance:before {
  content: "\e048";
}

.ri-wantpersonalaccident:before {
  content: "\e04f";
}

.ri-wantcasco:before {
  content: "\e050";
}

.ri-wantoc:before {
  content: "\e051";
}

.ri-business-trip:before {
  content: "\e052";
}

.flex {
  margin-right: 0;
  margin-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

[flex], [flex-column] {
  margin-right: 0;
  margin-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

[flex] {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

[flex-column] {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

[flex-center], .flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  margin: auto;
}

/*-----------------------------------------------------------
 *  DOCUMENT: app-components.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  DOCUMENT: calc-number.scss
 *-----------------------------------------------------------*/
.rank-calc-number {
  margin-left: 40px;
  color: #868686;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-spinner.scss
 *----------------------------------------------------------*/
.rank-spinner {
  border: 1em solid #fff;
  border-top: 1em solid #012174;
  width: 8em;
  height: 8em;
  -webkit-animation: spin 0.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: spin 0.5s linear infinite; /* Firefox < 16 */
  -ms-animation: spin 0.5s linear infinite; /* Internet Explorer */
  -o-animation: spin 0.5s linear infinite; /* Opera < 12.1 */
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 4em auto;
}
.rank-spinner--small {
  border-width: 2px;
  width: 20px;
  height: 20px;
  margin: 4px auto;
}
.rank-spinner__annotation {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #012174;
  margin: 0 50px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-cards.scss
 *----------------------------------------------------------*/
.rank-card, .rank-app-rating {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #fff;
  margin: 50px 0 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-card-body, .rank-app-rating .rank-app-rating-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px 20px;
  color: #726d6d;
}
.rank-card-body .column:first-of-type, .rank-app-rating .rank-app-rating-body .column:first-of-type, .rank-card-body .columns:first-of-type, .rank-app-rating .rank-app-rating-body .columns:first-of-type {
  padding-left: 0;
}
.rank-card-body .column:first-of-type, .rank-app-rating .rank-app-rating-body .column:first-of-type, .rank-card-body .columns:first-of-type, .rank-app-rating .rank-app-rating-body .columns:first-of-type {
  padding-right: 0;
}
.rank-card-body ul, .rank-app-rating .rank-app-rating-body ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding-left: 0;
  -webkit-padding-start: 0;
  -mox-padding-start: 0;
  -ms-padding-start: 0;
  -o-padding-start: 0;
  padding-start: 0;
}
.rank-card-body a, .rank-app-rating .rank-app-rating-body a {
  display: inline-block;
}
.rank-card-body .rank-card-title, .rank-app-rating .rank-app-rating-body .rank-card-title {
  color: #012174;
  margin-bottom: 10px;
  font-weight: 600;
}
.rank-card-body .rank-card-section-margin, .rank-app-rating .rank-app-rating-body .rank-card-section-margin {
  margin-bottom: 20px !important;
}
.rank-card-body .rank-card-body-text, .rank-app-rating .rank-app-rating-body .rank-card-body-text {
  margin-bottom: 10px;
}
.rank-card-body .rank-card-price, .rank-app-rating .rank-app-rating-body .rank-card-price {
  color: #012174;
  font-weight: 600;
}
.rank-card-body .rank-renewal-link-alert .message, .rank-app-rating .rank-app-rating-body .rank-renewal-link-alert .message {
  margin-top: 40px;
  margin-bottom: 20px;
  max-width: 760px;
}
.rank-card-body .rank-card-list-section, .rank-app-rating .rank-app-rating-body .rank-card-list-section {
  margin-left: 15px;
}
.rank-card-body .rank-card-button, .rank-app-rating .rank-app-rating-body .rank-card-button {
  margin: auto;
  text-align: center;
}
.rank-card-body .rank-card-insurer-logo, .rank-app-rating .rank-app-rating-body .rank-card-insurer-logo,
.rank-card-body .rank-card-insurer-name,
.rank-app-rating .rank-app-rating-body .rank-card-insurer-name {
  font-weight: 700;
}

ul.rank-card-text-error {
  margin-left: 5px;
  margin-bottom: 10px;
}

.rank-card-header, .rank-app-rating .rank-app-rating-header {
  padding: 10px 20px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
}
.rank-card-header h4, .rank-app-rating .rank-app-rating-header h4, .rank-card-header h5, .rank-app-rating .rank-app-rating-header h5 {
  color: #012174;
  font-weight: 600;
  margin: 0;
}
.rank-card-header h4, .rank-app-rating .rank-app-rating-header h4 {
  font-size: 1rem;
}
.rank-card-header h5, .rank-app-rating .rank-app-rating-header h5 {
  font-size: 0.875rem;
}

.rank-card-footer {
  padding: 10px 20px;
  background-color: #fff;
  border-top: 1px solid #f3f3f3;
}

checkout-header,
div[ng-switch] {
  width: 100%;
}

div[ng-switch="checkoutCtrl.paymentStatus"] {
  padding: 0 1em;
}

checkout-header {
  padding: 0 1em;
}

.rank-insurance-coverage-life {
  font-weight: 600;
}
.rank-insurance-coverage-life .coverage {
  display: initial !important;
  margin-right: 5px;
}
.rank-insurance-coverage-life .coverage:after {
  content: ",";
}
.rank-insurance-coverage-life .coverage:last-of-type:after {
  content: ".";
}

@media (max-width: 1023px) {
  .rank-card, .rank-app-rating {
    margin: 20px 0 10px;
  }
  .rank-card .rank-card-header h4, .rank-app-rating .rank-card-header h4, .rank-app-rating .rank-app-rating-header h4 {
    font-size: 1rem;
  }
  .rank-card .rank-card-header h5, .rank-app-rating .rank-card-header h5, .rank-app-rating .rank-app-rating-header h5 {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .rank-card-body .rank-card-list-section, .rank-app-rating .rank-app-rating-body .rank-card-list-section {
    margin-left: 0;
  }
  .rank-card-body .rank-card-button, .rank-app-rating .rank-app-rating-body .rank-card-button {
    text-align: left;
    margin-top: 15px;
  }
  .rank-card-body .rank-card-insurer-logo, .rank-app-rating .rank-app-rating-body .rank-card-insurer-logo,
  .rank-card-body .rank-card-insurer-name,
  .rank-app-rating .rank-app-rating-body .rank-card-insurer-name {
    text-align: center;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-dropdown.scss
 *----------------------------------------------------------*/
.rank-dropdown {
  position: relative;
  display: inline-block;
}
.rank-dropdown > .rank-dropdown-toggle {
  border-bottom: 2px solid #fff;
  color: #20a3dd;
  padding: 16px;
  font-size: 1rem;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rank-dropdown > .rank-dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  z-index: 1020;
  -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
}
.rank-dropdown > .rank-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.rank-dropdown > .rank-dropdown-content a:hover {
  background-color: #f1f1f1;
}
.rank-dropdown > .rank-dropdown-content a.ri-phone-circle {
  display: flex;
  color: #fff;
}
.rank-dropdown:hover .rank-dropdown-content {
  display: block;
}
.rank-dropdown:hover .rank-dropdown-toggle {
  border-bottom: 2px solid #6acd44;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-header.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  DOCUMENT: app-header.scss
 *----------------------------------------------------------*/
.rank-header {
  background: #fff;
  height: auto;
  position: sticky;
  top: 0;
  z-index: 1039;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .rank-header:has(.header-promotion-bar) {
    display: contents;
  }
}
.rank-header .rank-header-bo {
  text-align: right;
}

.rank-header-row {
  background: #fff;
  justify-content: space-between;
  align-items: center;
  min-height: 62px;
  height: auto;
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media (max-width: 1023px) {
  .rank-header-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.rank-header-logo {
  flex-grow: 1;
}

.rank-logo {
  background: url("/kalkulator/static/files/public/images/app/rank-logo.png") no-repeat;
  background-size: 100%;
  padding: 0;
  display: block;
  text-indent: -9999px;
  width: 157px;
  height: 20px;
}
@media (max-width: 370px) {
  .rank-logo {
    width: 120px;
    height: 16px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .rank-logo {
    background: url("/kalkulator/static/files/public/images/app/rank-logo-retina.png") no-repeat left top;
    background-size: 100%;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: calc-number.scss
 *-----------------------------------------------------------*/
.rank-calc-number {
  margin-left: 40px;
  color: #868686;
}

.rank-header-agent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 5px !important;
}
.rank-header-agent .rank-dropdown-toggle {
  padding: 5px !important;
  min-width: 225px;
}
.rank-header-agent .rank-dropdown-toggle > span:first-of-type {
  float: left;
  width: 40px;
}
.rank-header-agent .rank-dropdown-toggle > span:last-of-type {
  float: right;
}
.rank-header-agent .rank-header-agent-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #0457BA;
  font-size: 0.875rem;
  width: 135px;
  line-height: 1.25rem;
  margin-left: 20px;
}
.rank-header-agent > .rank-dropdown-content {
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 440px;
  right: 0;
}
.rank-header-agent .rank-header-agent-info {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.rank-header-agent .rank-header-agent-row {
  padding: 10px 25px 0;
  border-bottom: 1px solid #e9e9e9;
}
.rank-header-agent .rank-header-agent-row:first-of-type, .rank-header-agent .rank-header-agent-row:last-of-type {
  border-bottom: 0;
}
.rank-header-agent .rank-header-agent-row > .title {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 5px;
  color: #0a0a0a;
}
.rank-header-agent .rank-header-agent-row .phone-label {
  color: #20a3dd;
  font-weight: bold;
  cursor: pointer;
  padding-bottom: 5px;
}
.rank-header-agent .rank-header-agent-row .phone-label:hover {
  text-decoration: underline;
}
.rank-header-agent .rank-header-agent-row .rank-header-agent-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
.rank-header-agent .rank-header-agent-row .rank-header-working-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  color: #475467;
  font-weight: 100;
}
.rank-header-agent .rank-header-agent-row .rank-header-calc-number {
  padding-top: 10px;
}
.rank-header-agent .rank-header-agent-row .rank-header-calc-number .rank-calc-number {
  font-size: 1rem;
  font-weight: 400;
  color: #0a0a0a;
  margin: 0;
}
.rank-header-agent .rank-header-agent-row .rank-header-calc-number .rank-calc-number span {
  font-size: 1rem;
  color: #012174;
  background: #e0e4ee;
  border-radius: 5px;
  padding: 5px 5px 5px 9px;
  font-weight: 600;
  letter-spacing: 1mm;
  margin-left: 10px;
}

.rank-dropdown:hover .rank-dropdown-content,
.rank-dropdown:focus-within .rank-dropdown-content {
  display: block;
}

.rank-header-phone {
  display: none;
}

@media (max-width: 1023px) {
  .rank-header-phone {
    display: block;
    margin-right: 12px;
  }
  .rank-header-phone svg {
    width: 40px;
    height: 40px;
  }
  .rank-header-agent {
    display: none;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: bo-client-details.scss
 *----------------------------------------------------------*/
.rank-bo-client-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 5px;
  font-size: 0.875rem;
}
.rank-bo-client-details span {
  margin: 5px;
}
.rank-bo-client-details strong {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.rank-bo-client-details div:last-of-type {
  margin-left: 10px;
  background: #002274;
  padding: 2px 10px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media screen and (max-width: 600px) {
  .rank-bo-client-details {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 5px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: bo-buttons.scss
 *----------------------------------------------------------*/
.rank-bo-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.rank-bo-buttons a {
  margin-left: 10px;
}
.rank-bo-buttons a:hover {
  text-decoration: none;
}
.rank-bo-buttons .button.white {
  padding: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d8d4d4;
}
@media (max-width: 600px) {
  .rank-bo-buttons > a > span {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-footer.scss
 *----------------------------------------------------------*/
.rank-offer-footer .rank-offer-footer__clause {
  font-size: 0.875rem;
  text-align: justify;
}
.rank-offer-footer__omnibus-button {
  margin-top: 16px;
  width: fit-content;
}

#line-life .rank-offer-footer .rank-offer-footer__clause {
  font-size: 0.875rem;
  color: #8a8a8a;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-boxes.scss
 *----------------------------------------------------------*/
.rank-boxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 50px 0;
}
.rank-boxes .rank-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
  background: #fff;
  text-align: center;
  padding: 20px 20px;
  margin: 0 10px 20px 10px;
  min-height: 260px;
  max-width: 230px;
}
.rank-boxes .rank-box h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #012174;
}
.rank-boxes .rank-box i {
  margin-top: 20px;
}
.rank-boxes .rank-box i.fa {
  color: #20a3dd;
  font-size: 40px;
  margin-bottom: 30px;
}
.rank-boxes .rank-box .rank-box-img {
  margin: auto;
}
.rank-boxes .rank-box .rank-box-img img {
  color: #20a3dd;
  font-size: 40px;
  background-size: 100%;
  display: block;
  margin: 30px auto 20px;
}
.rank-boxes .rank-box .rank-box-img img.car-mountains {
  max-width: 130px;
}
.rank-boxes .rank-box .rank-box-img img.household {
  max-width: 100px;
}
.rank-boxes .rank-box .rank-box-img img.travel {
  max-width: 100px;
}
.rank-boxes .rank-box .rank-box-img img.life {
  max-width: 150px;
}
.rank-boxes .rank-box .rank-box-img img.finance {
  max-width: 100px;
}

.rank-boxes-heading {
  text-align: center;
  margin-top: 70px;
}
.rank-boxes-heading h1 {
  color: #012174;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -2%;
}
.rank-boxes-heading h1 span {
  color: #20a3dd;
  text-decoration: underline;
  margin-bottom: 0;
  line-height: 2.75rem;
  font-size: 2.25rem;
  letter-spacing: -2%;
}
.rank-boxes-heading h1 span.slogan {
  display: block;
}
.rank-boxes-heading h2 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #012174;
}
.rank-boxes-heading > div {
  color: #012174;
  margin-top: 40px;
  font-size: 0.875rem;
}

.rank-boxes-content {
  text-align: center;
  color: #012174;
  margin-top: 40px;
  font-size: 0.875rem;
}

.rank-cookie-page .rank-boxes .rank-box img {
  height: 50px;
  margin-bottom: 30px;
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .rank-boxes-heading {
    margin-top: 40px;
  }
  .rank-boxes-heading h1, .rank-boxes-heading h1 span {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
}
@media (max-width: 639px) {
  .rank-boxes {
    margin: 20px 0;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-buttons.scss
 *----------------------------------------------------------
 * Usage: <button class="button [brand] [size]"></button>
 *----------------------------------------------------------*/
.button {
  display: inline-block;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 1.25rem;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  transition: background 0.25s ease-out;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 14px 20px;
  margin: 0;
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-radius: 30px;
}
.button:hover {
  text-decoration: none;
}

.button.small {
  font-size: 0.875rem;
  padding: 9px 5px;
}
.button.medium {
  font-size: 0.875rem;
  padding: 12px 20px;
}
.button.large {
  font-size: 0.875rem;
  padding: 15px 10px;
}
.button {
  display: inline-block;
  width: auto;
  margin: 0;
  background: #20a3dd;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 rgb(25.5494071146, 130.1422924901, 176.4505928854);
  -moz-box-shadow: 0 2px 0 0 rgb(25.5494071146, 130.1422924901, 176.4505928854);
  box-shadow: 0 2px 0 0 rgb(25.5494071146, 130.1422924901, 176.4505928854);
}
.button:hover, .button:focus {
  background: rgb(27.2, 138.55, 187.85);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button {
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.button.small {
  font-size: 0.875rem;
  padding: 9px 5px;
}
.button.medium {
  font-size: 0.875rem;
  padding: 12px 20px;
}
.button.large {
  font-size: 0.875rem;
  padding: 15px 10px;
}
.button.primary {
  background: #ACDD4D;
  color: #101828;
  -webkit-box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
  -moz-box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
  box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
}
.button.primary:hover, .button.primary:focus {
  background: #acdd4d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #101828;
}
.button.secondary {
  background: #012174;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #3d60c7;
  -moz-box-shadow: 0 2px 0 0 #3d60c7;
  box-shadow: 0 2px 0 0 #3d60c7;
}
.button.secondary:hover, .button.secondary:focus {
  background: #012174;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.greyed-out {
  background: #a1a1a1;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 grey;
  -moz-box-shadow: 0 2px 0 0 grey;
  box-shadow: 0 2px 0 0 grey;
}
.button.greyed-out:hover, .button.greyed-out:focus {
  background: #a1a1a1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.white {
  background: #fff;
  color: #012174;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
}
.button.white:hover, .button.white:focus {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #012174;
}
.button.white-custom-focus {
  background: #fff;
  color: #012174;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
}
.button.white-custom-focus:hover, .button.white-custom-focus:focus {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #012174;
}
.button.white-custom-focus:focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #012174 !important;
}
.button.white-border {
  background: #fff;
  color: #012174;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d0d0d0;
  min-height: 39px;
}
.button.white-border:hover, .button.white-border:focus {
  background: #F5F6FA;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #012174;
}
.button.white-border {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .button.white-border:hover {
    border: 1px solid #d0d0d0;
  }
}
.button.success {
  background: #ACDD4D;
  color: #101828;
  -webkit-box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
  -moz-box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
  box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
}
.button.success:hover, .button.success:focus {
  background: #acdd4d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #101828;
}
.button.warning {
  background: orange;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #cc8400;
  -moz-box-shadow: 0 2px 0 0 #cc8400;
  box-shadow: 0 2px 0 0 #cc8400;
}
.button.warning:hover, .button.warning:focus {
  background: orange;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.danger {
  background: #f44236;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 rgb(234.1839622642, 26.7971698113, 12.8160377358);
  -moz-box-shadow: 0 2px 0 0 rgb(234.1839622642, 26.7971698113, 12.8160377358);
  box-shadow: 0 2px 0 0 rgb(234.1839622642, 26.7971698113, 12.8160377358);
}
.button.danger:hover, .button.danger:focus {
  background: #f44236;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.info {
  background: #20a3dd;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 rgb(25.5494071146, 130.1422924901, 176.4505928854);
  -moz-box-shadow: 0 2px 0 0 rgb(25.5494071146, 130.1422924901, 176.4505928854);
  box-shadow: 0 2px 0 0 rgb(25.5494071146, 130.1422924901, 176.4505928854);
}
.button.info:hover, .button.info:focus {
  background: #20a3dd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.close {
  background: #F2F4F8;
  color: #012174;
  -webkit-box-shadow: 0 2px 0 0 #e6e9f2;
  -moz-box-shadow: 0 2px 0 0 #e6e9f2;
  box-shadow: 0 2px 0 0 #e6e9f2;
}
.button.close:hover, .button.close:focus {
  background: #f2f4f8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #012174;
}
.button.confirm {
  background: #ACDD4D;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
  -moz-box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
  box-shadow: 0 2px 0 0 rgb(150.2971698113, 207.3867924528, 39.6132075472);
}
.button.confirm:hover, .button.confirm:focus {
  background: #acdd4d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.promo {
  background: #fe992b;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 rgb(244.8450704225, 128.1971830986, 1.1549295775);
  -moz-box-shadow: 0 2px 0 0 rgb(244.8450704225, 128.1971830986, 1.1549295775);
  box-shadow: 0 2px 0 0 rgb(244.8450704225, 128.1971830986, 1.1549295775);
}
.button.promo:hover, .button.promo:focus {
  background: #fe992b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.button.outline {
  border: 1px solid #20a3dd;
  background: transparent;
  color: #20a3dd;
}
.button.outline:hover, .button.outline:focus {
  border-color: rgb(86.6294466403, 186.4328063241, 230.6205533597);
  background: transparent;
  color: rgb(86.6294466403, 186.4328063241, 230.6205533597);
}
.button.outline.secondary {
  border: 1px solid #012174;
  background: transparent;
  color: #012174;
}
.button.outline.secondary:hover, .button.outline.secondary:focus {
  border-color: rgb(1.8397435897, 60.7115384615, 213.4102564103);
  background: transparent;
  color: rgb(1.8397435897, 60.7115384615, 213.4102564103);
}
.button.outline.success {
  border: 1px solid #6acd44;
  background: transparent;
  color: #6acd44;
}
.button.outline.success:hover, .button.outline.success:focus {
  border-color: rgb(143.25, 217.5, 114.75);
  background: transparent;
  color: rgb(143.25, 217.5, 114.75);
}
.button.outline.warning {
  border: 1px solid orange;
  background: transparent;
  color: orange;
}
.button.outline.warning:hover, .button.outline.warning:focus {
  border-color: rgb(255, 187.5, 63.75);
  background: transparent;
  color: rgb(255, 187.5, 63.75);
}
.button.outline.danger {
  border: 1px solid #f44236;
  background: transparent;
  color: #f44236;
}
.button.outline.danger:hover, .button.outline.danger:focus {
  border-color: rgb(246.75, 113.25, 104.25);
  background: transparent;
  color: rgb(246.75, 113.25, 104.25);
}
.button.outline.info {
  border: 1px solid #20a3dd;
  background: transparent;
  color: #20a3dd;
}
.button.outline.info:hover, .button.outline.info:focus {
  border-color: rgb(86.6294466403, 186.4328063241, 230.6205533597);
  background: transparent;
  color: rgb(86.6294466403, 186.4328063241, 230.6205533597);
}
.button.outline.promo {
  border: 1px solid #fe992b;
  background: transparent;
  color: #fe992b;
}
.button.outline.promo:hover, .button.outline.promo:focus {
  border-color: rgb(254.25, 178.5, 96);
  background: transparent;
  color: rgb(254.25, 178.5, 96);
}
.button.disabled.secondary:hover, .button[disabled].secondary:hover {
  cursor: not-allowed;
}
.button.disabled.success:hover, .button[disabled].success:hover {
  cursor: not-allowed;
}
.button.disabled.warning:hover, .button[disabled].warning:hover {
  cursor: not-allowed;
}
.button.disabled.danger:hover, .button[disabled].danger:hover {
  cursor: not-allowed;
}
.button.disabled.info:hover, .button[disabled].info:hover {
  cursor: not-allowed;
}
.button.disabled.promo:hover, .button[disabled].promo:hover {
  cursor: not-allowed;
}

.rank-checkout-proceed button {
  min-width: 260px;
  width: 100%;
}

.text-toggle button {
  color: #0457BA;
}

.rank-calc-proceed__left .button {
  padding: 15px 20px;
}
.rank-calc-proceed__right {
  display: flex;
}
.rank-calc-proceed__right .button {
  min-width: 260px;
  padding: 15px 20px;
}
.rank-calc-proceed__right .experiment-progress-step {
  display: block;
  text-align: center;
  margin: auto;
  padding-right: 20px;
  font-weight: 600;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .rank-calc-proceed__right .experiment-progress-step {
    display: none;
  }
}

@media (max-width: 1023px) {
  .button-back span {
    display: none;
  }
}
input, textarea, button, select, a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-button-toggle.scss
 *----------------------------------------------------------
  <div class="rank-button-toggle">
      <a ng-class="{'active': ctrl.condition }" ng-click='ctrl.click()'>[Name1]</a>
      <a ng-class="{'active': ctrl.condition }" ng-click='ctrl.click()'>[Name2]</a>
  </div>
 *----------------------------------------------------------*/
.rank-button-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 1rem;
  white-space: nowrap;
  background: #EEE;
}
.rank-button-toggle:hover, .rank-button-toggle:hover a {
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background: rgb(230.35, 230.35, 230.35);
}
.rank-button-toggle a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #555555;
  background: #EEE;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.8rem 0.5rem;
  text-align: center;
  outline: 0;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rank-button-toggle a.active {
  background: #20a3dd;
  color: #fff;
}
.rank-button-toggle a.active:hover {
  background: #20a3dd;
  cursor: not-allowed;
}
.rank-button-toggle a:hover {
  background: inherit;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-link-buttons.scss
 *  DESCRIPTION: useful functions to style buttons as links
-------------------------------------------------------------*/
.styled-as-link {
  color: #0457BA;
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-align: inherit;
  line-height: inherit;
}
.styled-as-link:hover {
  text-decoration: underline;
}

.styled-as-link--secondary {
  color: #012174;
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-align: inherit;
  line-height: inherit;
}
.styled-as-link--secondary:hover {
  text-decoration: underline;
}

.styled-as-link-base-size {
  font-size: 0.875rem;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-lists.scss
 *  DESCRIPTION: useful functions to style lists
-------------------------------------------------------------*/
.unstyled-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-borders.scss
 *----------------------------------------------------------*/
.rank-border-right {
  border-right: 1px solid #e7e7e7;
}

.rank-border-left {
  border-left: 1px solid #e7e7e7;
}

.rank-border-top {
  border-top: 1px solid #e7e7e7;
}

.rank-border-bottom {
  border-bottom: 1px solid #e7e7e7;
}

@media all and (min-width: 640px) {
  .rank-border-right {
    border-right: 1px solid #e7e7e7;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-dialog.scss
 *----------------------------------------------------------*/
.rank-dialog {
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1040;
}
.rank-dialog__container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  pointer-events: none;
}
.rank-dialog__surface {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  width: 100%;
  max-height: calc(100% - 1px);
  pointer-events: auto;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
}
.rank-dialog__header {
  flex: none;
  position: relative;
  padding: 15px 32px 15px 16px;
  border-bottom: 1px solid #efefef;
  line-height: 1.5rem;
}
.rank-dialog__header-title {
  color: #012174;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 0;
}
.rank-dialog__header-slogan {
  color: #20a3dd;
  font-size: 0.875rem;
}
.rank-dialog__search {
  padding: 15px 16px 0;
}
.rank-dialog__content {
  flex-grow: 1;
  margin: 0;
  padding: 15px 16px 20px 16px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.rank-dialog__footer {
  flex: none;
  display: flex;
  justify-content: space-around;
  position: relative;
  padding: 15px 16px;
  border-top: 1px solid #efefef;
}
.rank-dialog__footer-confirm, .rank-dialog__footer-confirm,
.rank-dialog__footer button {
  width: 100%;
  font-size: 0.875rem;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 40px;
}
.rank-dialog__footer-confirm {
  background-color: red;
}
.rank-dialog__footer-cancel {
  background-color: orange;
}
.rank-dialog__close svg {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0px, -50%);
  fill: #bbb;
  width: 16px;
  height: 16px;
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-dialog__close svg:hover {
    cursor: pointer;
  }
}

.rank-dialog__outer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
}

body.rank-dialog--open {
  /* disable scrollbar on both x and y axis */
  overflow: hidden;
}
body.rank-dialog--open .rank-dialog {
  display: flex;
}
body.rank-dialog--open--search .rank-dialog__container {
  align-items: flex-start;
}
body.rank-dialog--open--search .rank-dialog__surface {
  max-height: 100%;
  height: 100%;
  min-height: 500px;
}

.rank-dialog-items {
  display: flex;
  flex-flow: column;
}
.rank-dialog-items__title {
  font-weight: 600;
  color: #012174;
  margin-top: 10px;
  margin-bottom: 10px;
}
.rank-dialog-items__list {
  display: flex;
  flex-flow: wrap;
}
.rank-dialog-items__single-message {
  margin-top: 10px;
  line-height: 1.5rem;
  padding: 0 10px;
}
.rank-dialog-items__loader {
  width: 40px;
  height: 40px;
  margin: auto;
}

.rank-dialog .radio .radio__label {
  padding: 0;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-checkbox.scss
 *  VERSION:  1.0
 *----------------------------------------------------------*/
.rank-checkbox {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.rank-checkbox .checkbox-button {
  font-size: 0.875rem;
  align-self: start;
  margin-left: 30px;
  color: #0457BA;
}
.rank-checkbox .checkbox-button:hover {
  text-decoration: underline;
}
.rank-checkbox input[type=checkbox] {
  position: absolute;
  margin: 0;
  width: 1px;
  height: 1px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.rank-checkbox input[type=checkbox]:focus + label {
  outline: none;
}
.rank-checkbox input[type=checkbox]:focus + label:before {
  background: #fff;
}
@media screen and (min-width: 800px) {
  .rank-checkbox input[type=checkbox]:focus + label:before {
    outline-color: transparent;
    outline-width: 2px;
    outline-style: dotted;
    box-shadow: 0 0 0 4px #77AAE5 !important;
  }
}
.rank-checkbox input[type=checkbox]:focus + label span {
  outline: none;
}
.rank-checkbox input[type=checkbox] + label {
  display: flex;
  min-height: 18px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media (max-width: 450px) {
  .rank-checkbox input[type=checkbox] + label {
    word-break: break-word;
  }
}
.rank-checkbox input[type=checkbox] + label {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-checkbox input[type=checkbox] + label:hover:before {
    border-color: #20a3dd;
  }
}
.rank-checkbox input[type=checkbox] + label:before {
  position: absolute;
  content: "";
  background: #fff;
  border: 1px solid #d0d0d0;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-checkbox input[type=checkbox] + label > span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.rank-checkbox input[type=checkbox] + label > span .checkbox-extended-link {
  display: inline-flex;
  font-size: 0.875rem;
}
.rank-checkbox input[type=checkbox] + label > span .checkbox-extended-link i {
  margin-left: 3px;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .rank-checkbox input[type=checkbox] + label > span {
    font-size: 0.875rem;
  }
}
.rank-checkbox input[type=checkbox].ng-invalid.ng-dirty + label:before {
  border-color: #D44950;
  -webkit-box-shadow: inset 0 1px 2px rgb(250.9866666667, 238.0133333333, 238.6666666667);
  -moz-box-shadow: inset 0 1px 2px rgb(250.9866666667, 238.0133333333, 238.6666666667);
  box-shadow: inset 0 1px 2px rgb(250.9866666667, 238.0133333333, 238.6666666667);
}
.rank-checkbox input[type=checkbox]:checked + label:before {
  border-color: transparent;
  background: #2776B3;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-checkbox input[type=checkbox]:checked + label:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" fill="white" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
  position: absolute;
  transform: translate(20%, -15%);
  width: 18px;
  height: 18px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-checkbox input[type=checkbox]:disabled + label {
  cursor: no-drop;
  text-decoration: none;
  color: inherit;
}
.rank-checkbox input[type=checkbox]:disabled + label:before {
  background: #f3f3f3;
  border-color: #d0d0d0;
}
.rank-checkbox .clause-button {
  margin: 0 !important;
}

.rank-modal .rank-checkbox {
  margin-bottom: 10px;
}
.rank-modal .rank-checkbox.rank-checkbox__check-all label > span {
  font-weight: 600 !important;
}

.rank-checkbox input[type=checkbox] + label.rank-filter-checkbox {
  margin-bottom: 10px !important;
}

[data-ng-switch-when=allowance] .rank-checkbox input[type=checkbox] + label > span {
  font-weight: 400;
  word-break: normal;
}
[data-ng-switch-when=allowance] .rank-checkbox label > span {
  padding-left: 30px;
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: middle;
  line-height: 1.25rem;
}
@media (min-width: 450px) {
  [data-ng-switch-when=allowance] .rank-checkbox label > span {
    padding-left: 0;
    word-break: break-word;
  }
}
[data-ng-switch-when=allowance] .rank-checkbox-small label > span {
  padding-left: 25px;
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: middle;
  line-height: 1.25rem;
}
[data-ng-switch-when=allowance]:nth-child(even) {
  background: green;
}
[data-ng-switch-when=allowance] ol {
  margin-bottom: 0;
}
[data-ng-switch-when=allowance] ol.no-number {
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}
[data-ng-switch-when=allowance] ol li {
  margin-bottom: 10px;
  line-height: 1.25rem;
  list-style: none;
}
[data-ng-switch-when=allowance] ol li > ul {
  margin-top: 10px;
  margin-left: 0;
}
[data-ng-switch-when=allowance] .rank-checkbox label span span p {
  margin-bottom: 0;
}

[data-ng-switch-when=dateCheckboxSection] .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media all and (min-width: 1024px) {
  [data-ng-switch-when=dateCheckboxSection] .row > div[checkbox-question] {
    padding-left: 0;
  }
}

#line-life .rank-checkbox--required, #line-travel .rank-checkbox--required, #line-shorttermass .rank-checkbox--required {
  position: relative;
  text-indent: 10px;
}
#line-life .rank-checkbox--required:before, #line-travel .rank-checkbox--required:before, #line-shorttermass .rank-checkbox--required:before {
  content: "*";
  position: absolute;
  left: 23px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: red;
  margin-left: -5px;
}
#line-life .rank-checkbox--required input[type=checkbox]:checked + label:after, #line-travel .rank-checkbox--required input[type=checkbox]:checked + label:after, #line-shorttermass .rank-checkbox--required input[type=checkbox]:checked + label:after {
  margin-left: -10px;
}

#line-auto .rank-checkbox--required.rank-checkbox--allowance {
  position: relative;
  text-indent: 10px;
}
#line-auto .rank-checkbox--required.rank-checkbox--allowance:before {
  content: "*";
  position: absolute;
  left: 23px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: red;
  margin-left: -5px;
}
#line-auto .rank-checkbox--required.rank-checkbox--allowance input[type=checkbox]:checked + label:after {
  margin-left: -10px;
}

.new-ranking-screen .rank-checkbox input[type=checkbox]:not([disabled]), .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox]:not([disabled]) {
  background-color: white;
  border-color: #D0D5DD;
}
.new-ranking-screen .rank-checkbox input[type=checkbox]:not([disabled]):focus + label:before, .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox]:not([disabled]):focus + label:before {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
}
.new-ranking-screen .rank-checkbox input[type=checkbox]:not([disabled]):checked + label:before, .new-ranking-screen .rank-checkbox input[type=checkbox]:not([disabled]) + label:hover:before, .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox]:not([disabled]):checked + label:before, .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox]:not([disabled]) + label:hover:before {
  border-color: #0033D6;
  background-color: #D2EBFF;
}
.new-ranking-screen .rank-checkbox input[type=checkbox]:not([disabled]):checked + label:after, .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox]:not([disabled]):checked + label:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="-2 -1.5 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.13046 9.26041L2.69796 6.82791L1.86963 7.65041L5.13046 10.9112L12.1305 3.91125L11.308 3.08875L5.13046 9.26041Z" fill="%230033D6"/> </svg> ');
  transform: unset;
}
.new-ranking-screen .rank-checkbox input[type=checkbox][disabled] + label:before, .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox][disabled] + label:before {
  background-color: #F2F4F7;
  border-color: #98A2B3;
}
.new-ranking-screen .rank-checkbox input[type=checkbox] + label:before, .offer-filter .rank-modal-content .rank-checkbox input[type=checkbox] + label:before {
  border-radius: 6px;
  min-width: 18px;
  width: 18px;
  min-height: 18px;
  height: 18px;
  box-sizing: content-box;
}
.new-ranking-screen .rank-checkbox label:is(.rank-checkbox__label), .offer-filter .rank-modal-content .rank-checkbox label:is(.rank-checkbox__label) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
}
.new-ranking-screen .rank-checkbox label:is(.rank-checkbox__label):before, .offer-filter .rank-modal-content .rank-checkbox label:is(.rank-checkbox__label):before {
  position: relative;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-checkbox-list.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  COMPONENT:  CHECKBOX
 *  VERSION:    2.1
 *----------------------------------------------------------*/
.checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
}
.checkbox .checkbox__control {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}
.checkbox .checkbox__control:not(:disabled):checked + .checkbox__label, .checkbox .checkbox__control--checked + .checkbox__label {
  color: rgb(32.1612648221, 163.8214426877, 222.1137351779);
}
.checkbox .checkbox__control:not(:disabled):checked + .checkbox__label:before, .checkbox .checkbox__control--checked + .checkbox__label:before {
  border: 1px solid #2776B3 !important;
  background: #2776B3;
}
.checkbox .checkbox__control:not(:disabled):checked + .checkbox__label:after, .checkbox .checkbox__control--checked + .checkbox__label:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
  width: 10px;
  height: 10px;
  position: absolute;
  transform: translate(40%, 31%);
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.checkbox .checkbox__control:disabled + label {
  cursor: no-drop;
}
.checkbox .checkbox__control:disabled + label .checkbox__label--text {
  opacity: 1;
}
.checkbox .checkbox__control:not(:checked) + label .checkbox__label--text {
  color: #444;
}
.checkbox .checkbox__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0 12px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.checkbox .checkbox__label:before {
  flex: none;
  display: inline-block;
  content: "";
  height: 18px;
  width: 18px;
  margin-right: 8px;
  margin-top: 6px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.checkbox .checkbox__label .checkbox__label--text {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 4px;
}
.checkbox .checkbox__label-content {
  width: 100%;
}
.checkbox .checkbox__label-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.25rem;
  margin-top: 3px;
}
.checkbox .checkbox__additional-slogan {
  font-size: 0.875rem;
  font-weight: 600;
  color: #888888;
}
.checkbox .checkbox__additional-price {
  color: #20a3dd;
  font-weight: 600;
}
.checkbox .checkbox__additional-extended {
  margin: 8px 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #676767;
}

.checkbox--mobile .checkbox__control:not(:disabled):checked + .checkbox__label, .checkbox--mobile .checkbox__control--checked + .checkbox__label {
  background: #F1F9FF;
}
.checkbox--mobile .checkbox__control:not(:disabled):checked + .checkbox__label:after, .checkbox--mobile .checkbox__control--checked + .checkbox__label:after {
  width: 12px;
  height: 12px;
  transform: translate(57%, 21%);
}
.checkbox--mobile .checkbox__label {
  margin: 3px 0;
  padding: 10px 13px;
  border-radius: 4px;
}
.checkbox--mobile .checkbox__label:before {
  height: 26px;
  width: 26px;
  margin-top: 0;
  margin-right: 20px;
}
.checkbox--mobile .checkbox__label .checkbox__label--text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/*-----------------------------------------------------------
 *  COMPONENT:  CHECKBOX-LIST
 *  VERSION:    2.0
 *----------------------------------------------------------*/
.checkbox-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
.checkbox-list .checkbox:not(:disabled):checked:hover > .checkbox__label:before {
  border-color: #d0d0d0;
}
.checkbox-list .checkbox:not(:first-of-type) .checkbox__control:disabled + .checkbox__label {
  border-top-color: #d0d0d0;
}
.checkbox-list .checkbox:not(:first-of-type) .checkbox__label {
  border-top-color: transparent;
  margin-top: -1px;
}
.checkbox-list .checkbox:first-of-type .checkbox__label {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.checkbox-list .checkbox:last-of-type .checkbox__label {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.checkbox-list .checkbox .checkbox__control {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .checkbox-list .checkbox .checkbox__control:not(:disabled):hover + label {
    border-color: #20a3dd;
  }
}
@media screen and (min-width: 800px) {
  .checkbox-list .checkbox .checkbox__control:focus + label {
    border-color: rgba(32, 163, 221, 0.6);
    box-shadow: 0 0 0 4px rgba(32, 164, 222, 0.25);
  }
}
.checkbox-list .checkbox .checkbox__control:disabled + label {
  cursor: no-drop;
  background: #f9f9f9;
}
.checkbox-list .checkbox .checkbox__control:checked + .checkbox__label,
.checkbox-list .checkbox .checkbox__control .checkbox__control--active + .checkbox__label {
  background: #F1F9FF;
  border-color: #20a3dd;
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
  z-index: 1;
}
.checkbox-list .checkbox .checkbox__label {
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid #d0d0d0;
}

.rank-answer-valid .checkbox-list .checkbox .checkbox__control:not(:checked) + label .checkbox__label--text {
  opacity: 0.7;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-form-controls.scss
 *----------------------------------------------------------*/
.form-control,
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month],
[type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url],
[type=week], textarea {
  display: block;
  width: 100%;
  height: 44px;
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.25rem;
  color: #444;
  background: #fff none;
  border: 1px solid #d0d0d0;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: all 200ms ease;
}
.form-control:focus, .form-control:active,
[type=color]:focus,
[type=color]:active, [type=date]:focus, [type=date]:active, [type=datetime-local]:focus, [type=datetime-local]:active, [type=datetime]:focus, [type=datetime]:active, [type=email]:focus, [type=email]:active, [type=month]:focus, [type=month]:active,
[type=number]:focus,
[type=number]:active, [type=password]:focus, [type=password]:active, [type=search]:focus, [type=search]:active, [type=tel]:focus, [type=tel]:active, [type=text]:focus, [type=text]:active, [type=time]:focus, [type=time]:active, [type=url]:focus, [type=url]:active,
[type=week]:focus,
[type=week]:active, textarea:focus, textarea:active {
  border-color: #d0d0d0;
  box-shadow: none;
}
@media screen and (min-width: 800px) {
  .form-control:focus, .form-control:active,
  [type=color]:focus,
  [type=color]:active, [type=date]:focus, [type=date]:active, [type=datetime-local]:focus, [type=datetime-local]:active, [type=datetime]:focus, [type=datetime]:active, [type=email]:focus, [type=email]:active, [type=month]:focus, [type=month]:active,
  [type=number]:focus,
  [type=number]:active, [type=password]:focus, [type=password]:active, [type=search]:focus, [type=search]:active, [type=tel]:focus, [type=tel]:active, [type=text]:focus, [type=text]:active, [type=time]:focus, [type=time]:active, [type=url]:focus, [type=url]:active,
  [type=week]:focus,
  [type=week]:active, textarea:focus, textarea:active {
    font-weight: 600;
    color: #444;
    border-color: rgba(32, 163, 221, 0.6) !important;
    box-shadow: 0 0 0 4px rgba(32, 164, 222, 0.25);
  }
}
.form-control::placeholder,
[type=color]::placeholder, [type=date]::placeholder, [type=datetime-local]::placeholder, [type=datetime]::placeholder, [type=email]::placeholder, [type=month]::placeholder,
[type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder,
[type=week]::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1b1b1;
  font-weight: 400;
  opacity: 1; /* Firefox */
  font-size: 0.875rem;
}
.form-control:-ms-input-placeholder,
[type=color]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=month]:-ms-input-placeholder,
[type=number]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder,
[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b1b1b1;
  font-weight: 400;
}
.form-control::-ms-input-placeholder,
[type=color]::-ms-input-placeholder, [type=date]::-ms-input-placeholder, [type=datetime-local]::-ms-input-placeholder, [type=datetime]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=month]::-ms-input-placeholder,
[type=number]::-ms-input-placeholder, [type=password]::-ms-input-placeholder, [type=search]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=text]::-ms-input-placeholder, [type=time]::-ms-input-placeholder, [type=url]::-ms-input-placeholder,
[type=week]::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #b1b1b1;
  font-weight: 400;
}

input[readonly], textarea[readonly] {
  background-color: #fff;
}

input:disabled,
textarea:disabled,
.select-disabled .select__control {
  background-color: #f3f3f3;
  cursor: not-allowed;
  opacity: 1; /* For Safari */
}

select {
  -webkit-appearance: menulist;
  -mox-appearance: menulist;
  -ms-appearance: menulist;
  -o-appearance: menulist;
  appearance: menulist;
}

label {
  color: #444;
}

.rank-input-search {
  position: relative;
}
.rank-input-search__prepend, .rank-input-search__append {
  position: absolute;
  top: 50%;
  width: 15px;
  height: 15px;
  fill: #d0d0d0;
  transform: translate(0, -50%);
}
.rank-input-search__prepend {
  left: 15px;
}
.rank-input-search__append {
  right: 15px;
}
.rank-input-search__control {
  padding-left: 50px;
  padding-right: 40px;
  border-radius: 40px;
}

.new-ranking-screen input[type=number], .offer-filter .rank-modal-content input[type=number] {
  font-size: 1rem;
  color: #101828;
  font-weight: 500;
  border: 1px solid #344054 !important;
  height: 48px;
}
.new-ranking-screen input[type=number]::placeholder, .offer-filter .rank-modal-content input[type=number]::placeholder {
  color: #667085;
  opacity: 1;
}
.new-ranking-screen input[type=number]::-ms-input-placeholder, .offer-filter .rank-modal-content input[type=number]::-ms-input-placeholder {
  color: #667085;
}
.new-ranking-screen input[type=number]:placeholder-shown, .offer-filter .rank-modal-content input[type=number]:placeholder-shown {
  border: 1px solid #D0D5DD !important;
}
.new-ranking-screen input[type=number]:focus, .new-ranking-screen input[type=number]:active, .offer-filter .rank-modal-content input[type=number]:focus, .offer-filter .rank-modal-content input[type=number]:active {
  box-shadow: 0px 0px 0px 4px #C7DCF9;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-input-range.scss
 *----------------------------------------------------------*/
.rank-input-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.rank-input-range .form-control {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin-bottom: 0;
  width: 1%;
  z-index: 1;
}
.rank-input-range__label {
  position: absolute;
  color: #b1b1b1;
  font-weight: 400;
  font-size: 0.875;
  z-index: 10;
}
.rank-input-range__label--left {
  left: 14px;
}
.rank-input-range__label--right {
  left: 168px;
}
@media (max-width: 1200px) {
  .rank-input-range__label--right {
    left: 44%;
  }
}
@media (max-width: 1023px) {
  .rank-input-range__label--right {
    left: 46%;
  }
}
@media (max-width: 760px) {
  .rank-input-range__label--right {
    left: 44%;
  }
}
@media (max-width: 639px) {
  .rank-input-range__label--right {
    left: 46%;
  }
}
@media (max-width: 500px) {
  .rank-input-range__label--right {
    left: 44%;
  }
}
.rank-input-range__field {
  border-radius: 4px;
  border-color: #d0d0d0;
  z-index: 1;
  width: auto;
}
@media (min-width: 1096px) {
  .rank-input-range__field {
    width: 130px;
  }
}
@media (max-width: 1021px) {
  .rank-input-range__field {
    width: 130px;
  }
}
@media (max-width: 420px) {
  .rank-input-range__field {
    max-width: 130px;
    width: 100%;
  }
}
.rank-input-range__field {
  padding-top: 23px;
  padding-bottom: 7px;
  height: 52px;
}
.rank-input-range__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1b1b1;
  font-weight: 600;
  letter-spacing: -0.02rem;
  opacity: 1; /* Firefox */
}
.rank-input-range__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b1b1b1;
  font-weight: 600;
  letter-spacing: -0.02rem;
}
.rank-input-range__field::-ms-input-placeholder { /* Microsoft Edge */
  color: #b1b1b1;
  font-weight: 600;
  letter-spacing: -0.02rem;
}
.rank-input-range__field:focus {
  z-index: 10;
}
.rank-input-range__field:first-of-type {
  border-right: 0;
}
.rank-input-range__field:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rank-input-range__field:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rank-input-range__field[readonly] {
  cursor: pointer;
}
.rank-input-range__append {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  font-weight: 400;
  background: #f3f3f3;
  padding: 0 1em;
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 0.875rem;
}
.rank-input-range__append:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #d0d0d0;
  border-width: 1px 1px 1px 0;
}
.rank-input-range__append:not(:last-of-type) {
  border-right: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
.rank-input-range__append-title {
  color: #b1b1b1;
  font-weight: 400;
  font-size: 0.875;
}
.rank-input-range__append-count {
  font-weight: 600;
  letter-spacing: 0.1rem;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-input-group.scss
 *----------------------------------------------------------*/
.rank-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  font-size: 0.875rem;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.rank-input-group .form-control {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin-bottom: 0;
  width: 1%;
  z-index: 1;
}
.rank-input-group .r-icon {
  width: 17px;
  height: 17px;
  fill: #828282;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-input-group .rank-input-group__field {
  border-radius: 4px;
  border-color: #d0d0d0;
  z-index: 1;
}
.rank-input-group .rank-input-group__field:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rank-input-group .rank-input-group__field:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rank-input-group .rank-input-group__prepend,
.rank-input-group .rank-input-group__append {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-weight: 400;
  background: #f3f3f3;
  padding: 0 1rem;
  white-space: nowrap;
}
.rank-input-group .rank-input-group__prepend--button,
.rank-input-group .rank-input-group__append--button {
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 44px;
  height: 1px;
}
.rank-input-group .rank-input-group__prepend--button button,
.rank-input-group .rank-input-group__append--button button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.rank-input-group .rank-input-group__prepend--button button:focus-visible,
.rank-input-group .rank-input-group__append--button button:focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
  z-index: 1;
}
.rank-input-group .rank-input-group__prepend--button button,
.rank-input-group .rank-input-group__append--button button {
  height: 100%;
  font-weight: 400;
  background: #f3f3f3;
  padding: 0 1rem;
  white-space: nowrap;
  border-radius: 0 !important;
  border: 0;
}
.rank-input-group .rank-input-group__prepend--button button:not(:disabled),
.rank-input-group .rank-input-group__append--button button:not(:disabled) {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-input-group .rank-input-group__prepend--button button:not(:disabled):hover,
  .rank-input-group .rank-input-group__append--button button:not(:disabled):hover {
    cursor: pointer;
  }
  .rank-input-group .rank-input-group__prepend--button button:not(:disabled):hover .r-icon,
  .rank-input-group .rank-input-group__append--button button:not(:disabled):hover .r-icon {
    -webkit-transition: all 200ms ease;
    -mox-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    fill: #20a3dd;
  }
}
.rank-input-group .rank-input-group__prepend--button button[disabled],
.rank-input-group .rank-input-group__append--button button[disabled] {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-input-group .rank-input-group__prepend--button button[disabled]:hover,
  .rank-input-group .rank-input-group__append--button button[disabled]:hover {
    cursor: not-allowed;
  }
}
.rank-input-group .rank-input-group__prepend--button.rank-input-group__append--button--white button,
.rank-input-group .rank-input-group__append--button.rank-input-group__append--button--white button {
  background-color: #fff;
  color: #012074;
}
.rank-input-group .rank-input-group__prepend--button.rank-input-group__append--button--white button:hover,
.rank-input-group .rank-input-group__append--button.rank-input-group__append--button--white button:hover {
  background-color: #f5f5f5;
}
.rank-input-group .rank-input-group__prepend--button.rank-input-group__append--button--bold button,
.rank-input-group .rank-input-group__append--button.rank-input-group__append--button--bold button {
  font-weight: 600;
}
.rank-input-group .rank-input-group__prepend--button.rank-input-group__append--button--fixed button,
.rank-input-group .rank-input-group__append--button.rank-input-group__append--button--fixed button {
  width: 97px;
}
.rank-input-group .rank-input-group__prepend--button span,
.rank-input-group .rank-input-group__append--button span {
  font-style: normal;
}
.rank-input-group .rank-input-group__prepend--registration-number {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='32' viewBox='0 0 16 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7.99679L14.6562 8.6439L14.4407 10.0909L13.3947 9.04383L11.9177 9.291L12.615 7.99679L11.9177 6.70258L13.3947 6.94976L14.4407 5.90272L14.6562 7.34969L16 7.99679Z' fill='%23FFD600'/%3E%3Cpath d='M13.0342 14.016L11.6759 13.3984L10.3844 14.1402L10.5666 12.6888L9.44456 11.7196L10.9155 11.4402L11.5135 10.0995L12.2404 11.3781L13.732 11.5187L12.7104 12.5884L13.0342 14.016Z' fill='%23FFD600'/%3E%3Cpath d='M6.31727 15.5053L5.97296 14.0822L4.5763 13.5522L5.85701 12.793L5.94203 11.3331L7.07786 12.287L8.52707 11.9147L7.94834 13.2635L8.75898 14.4933L7.26548 14.373L6.31727 15.5053Z' fill='%23FFD600'/%3E%3Cpath d='M0.978635 11.3294L1.90191 10.1777L1.45295 8.78265L2.86087 9.28351L4.0819 8.43582L4.02877 9.89707L5.23236 10.7682L3.79161 11.1704L3.31444 12.5565L2.47714 11.3438L0.978635 11.3294Z' fill='%23FFD600'/%3E%3Cpath d='M1.00573 4.60958L2.5043 4.60596L3.35081 3.39941L3.81742 4.78889L5.25507 5.20157L4.04488 6.06393L4.08689 7.52552L2.87235 6.66901L1.46066 7.15966L1.92022 5.76794L1.00573 4.60958Z' fill='%23FFD600'/%3E%3Cpath d='M6.36176 0.47838L7.3011 1.61765L8.79549 1.50851L7.97528 2.73222L8.54345 4.08522L7.09719 3.70225L5.95395 4.64759L5.88032 3.18718L4.60559 2.41844L6.00635 1.89883L6.36176 0.47838Z' fill='%23FFD600'/%3E%3Cpath d='M13.0808 2.0143L12.7463 3.43957L13.7599 4.51646L12.2673 4.64646L11.5309 5.91988L10.9429 4.57496L9.47406 4.28509L10.6033 3.32388L10.432 1.8713L11.7179 2.62217L13.0808 2.0143Z' fill='%23FFD600'/%3E%3Cpath d='M3.72537 29.1058V32H2V24H4.91083C5.75591 24 6.42884 24.2416 6.92963 24.7248C7.43433 25.2079 7.68668 25.8353 7.68668 26.607C7.68668 27.3786 7.43824 27.988 6.94137 28.4351C6.44449 28.8822 5.75591 29.1058 4.87562 29.1058H3.72537ZM3.72537 27.7807H4.91083C5.23947 27.7807 5.49378 27.6815 5.67375 27.4832C5.85372 27.2849 5.9437 26.9964 5.9437 26.6178C5.9437 26.2248 5.85176 25.9129 5.66788 25.6821C5.484 25.4477 5.23752 25.3287 4.92844 25.3251H3.72537V27.7807Z' fill='white'/%3E%3Cpath d='M11.0514 30.6803H14V32H9.32598V24H11.0514V30.6803Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  width: 24px;
  background-color: #0064E3;
}
.rank-input-group .rank-input-group__prepend--button:first-of-type,
.rank-input-group .rank-input-group__prepend:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #d0d0d0;
  border-width: 1px 0 1px 1px;
  flex: none;
}
.rank-input-group .rank-input-group__prepend--button:not(:first-of-type),
.rank-input-group .rank-input-group__prepend:not(:first-of-type) {
  border-left: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
.rank-input-group .rank-input-group__append:last-of-type,
.rank-input-group .rank-input-group__append--button:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #d0d0d0;
  border-width: 1px 1px 1px 0;
  flex: none;
}
.rank-input-group .rank-input-group__append:last-of-type.rank-input-group__append--button--white button,
.rank-input-group .rank-input-group__append--button:last-of-type.rank-input-group__append--button--white button {
  background-color: #fff;
  color: #012074;
}
.rank-input-group .rank-input-group__append:last-of-type.rank-input-group__append--button--white button:hover,
.rank-input-group .rank-input-group__append--button:last-of-type.rank-input-group__append--button--white button:hover {
  background-color: #f5f5f5;
}
.rank-input-group .rank-input-group__append:not(:last-of-type),
.rank-input-group .rank-input-group__append--button:not(:last-of-type) {
  border-right: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
.rank-input-group .rank-input-group__client {
  width: 100%;
}
.rank-input-group .rank-input-group__client .rank-input-group__client--mail {
  display: inline-flex;
  width: 100%;
}
.rank-input-group--normal {
  max-width: 195px;
}
.rank-input-group--wide {
  max-width: 291px;
}

.rank-text-container__char-counter {
  color: #b1b1b1;
  width: 40px;
  line-height: 2.75rem;
  letter-spacing: -2%;
  text-align: center;
  position: absolute;
  right: 7px;
  top: 4px;
  font-size: 0.875rem;
}

.rank-text-container {
  position: relative;
}

.rank-text-container input[type=text] {
  padding-right: 40px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-modal.scss
 *-----------------------------------------------------------*/
body.rank-modal-open {
  overflow: hidden;
}

.rank-modal {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1040;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 50px 10px;
}
.rank-modal .rank-modal-dialog {
  position: relative;
  width: auto;
  margin: auto;
}
@media (max-width: 600px) {
  .rank-modal .rank-modal-dialog {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.rank-modal .rank-modal-content {
  position: relative;
  background-color: #fff;
  border: none;
  outline: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rank-modal .rank-modal-header {
  padding: 10px 38px 10px 20px;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
}
.rank-modal .rank-modal-header h2, .rank-modal .rank-modal-header .rank-modal-title {
  font-size: 1rem;
  color: #012174;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0;
}
.rank-modal .rank-modal-header--full {
  overflow: hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rank-modal .rank-modal-body {
  padding: 25px;
}
.rank-modal .rank-modal-body p:last-of-type {
  margin-bottom: 0;
}
.rank-modal .rank-modal-body .rank-modal-body-title {
  font-size: 1.25rem;
  color: #012174;
  text-align: center;
}
.rank-modal .rank-modal-body .rank-modal-body-heading {
  color: #012174;
  font-weight: 600;
  font-size: 1rem;
  margin: 20px 0 10px;
}
.rank-modal .rank-modal-body .rank-modal-body-list {
  margin-top: 20px;
}
.rank-modal .rank-modal-body .rank-modal-body-list li {
  margin-bottom: 10px;
  margin-left: 15px;
}
.rank-modal .rank-modal-body .rank-margin-top-zero {
  margin-top: 0 !important;
}
.rank-modal .rank-modal-body .rank-margin-top-zero .message {
  margin-top: 0;
}
.rank-modal .rank-modal-footer {
  text-align: center;
  border-top: 1px solid #e4e4e4;
  padding: 10px;
}
.rank-modal .rank-modal-clause {
  text-align: left;
  font-size: 0.875rem;
  padding: 0px 25px 25px 25px;
}
.rank-modal .rank-close-button {
  font-size: 1.875rem;
  color: #0457BA;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: absolute;
  right: 20px;
  top: 22px;
}
.rank-modal .rank-close-button:hover {
  -webkit-transform: rotate(90);
  -moz-transform: rotate(90);
  -ms-transform: rotate(90);
  -o-transform: rotate(90);
  cursor: pointer;
  text-decoration: none;
}
.rank-modal .rank-close-button {
  top: 1px;
  right: 12px;
}
.rank-modal .rank-modal-controls,
.rank-modal .rank-modal-simple-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}
.rank-modal .rank-modal-controls > .button,
.rank-modal .rank-modal-simple-controls > .button {
  max-width: 200px;
  width: 100%;
  margin: 0 5px;
}
.rank-modal .rank-modal-controls > .button:focus-visible,
.rank-modal .rank-modal-simple-controls > .button:focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
}
.rank-modal .rank-modal-controls {
  background: #F3F4F2;
}
.rank-modal.rank-modal-tabs .rank-modal-dialog {
  border-radius: 4px !important;
}
.rank-modal.rank-modal-tabs .rank-modal-footer {
  overflow: hidden;
  display: flex;
  padding: 0;
}
.rank-modal.rank-modal-tabs .rank-modal-footer button {
  flex: 1;
  border-radius: 0 !important;
  margin: 0;
}
.rank-modal .rank-checkbox input[type=checkbox] + label > span {
  font-weight: 400;
}

.rank-school-nnw-modal .rank-modal-body {
  padding: 25px;
}
.rank-school-nnw-modal .rank-modal-body p:last-of-type {
  margin-bottom: 0;
  margin-right: 35px;
  text-align: justify;
}

.rank-modal--small .rank-modal-dialog {
  max-width: 600px;
}

.rank-modal--medium .rank-modal-dialog {
  max-width: 640px;
}

.rank-modal--large .rank-modal-dialog {
  max-width: 990px;
}

.rank-modal--full .rank-modal-dialog {
  max-width: 90%;
}

.rank-modal--full-screen {
  padding: 0;
}
.rank-modal--full-screen .rank-modal-dialog {
  border-radius: 0;
  max-width: 100%;
  height: 100%;
}
@media (max-width: 639px) {
  .rank-modal--full-screen .rank-modal-dialog {
    padding: 0;
  }
}
.rank-modal--full-screen .rank-modal-dialog .rank-modal-content {
  height: 100%;
}

.rank-modal--full-width {
  padding: 0;
}
.rank-modal--full-width .rank-modal-dialog {
  border-radius: 0;
  max-width: 100%;
}
@media (max-width: 639px) {
  .rank-modal--full-width .rank-modal-dialog {
    padding: 0;
  }
}

.rank-modal--white {
  background: #fff !important;
}

.rank-static-modal {
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto;
  max-width: 600px;
}
.rank-static-modal .rank-static-modal-body {
  position: relative;
  background: #fff;
  margin-top: 50px;
  margin-bottom: 110px;
  padding: 50px 90px;
  text-align: center;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}
.rank-static-modal .rank-static-modal-body .rank-static-modal-question {
  margin-bottom: 40px;
}
.rank-static-modal .rank-static-modal-body .rank-static-modal-question h3 {
  font-size: 1.25rem;
  color: #012174;
  font-weight: 600;
  letter-spacing: 0;
}
.rank-static-modal .rank-static-modal-body .rank-static-modal-question div {
  margin-bottom: 15px;
}
.rank-static-modal .rank-static-modal-body .rank-static-modal-datepicker .rank-datepicker {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.rank-static-modal .rank-static-modal-body .rank-static-modal-footer .button {
  width: 250px;
}

button.checkbox-extended-link {
  font-size: 0.875rem;
  color: #0457BA;
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-align: inherit;
  line-height: inherit;
}
button.checkbox-extended-link:hover {
  text-decoration: underline;
}
button.checkbox-extended-link {
  margin-left: 30px;
}

@media (max-width: 639px) {
  .rank-modal .rank-modal-header {
    padding: 15px 38px 15px 15px;
  }
  .rank-modal .rank-modal-header .rank-modal-title, .rank-modal .rank-modal-header h2 {
    font-size: 0.875rem;
  }
  .rank-modal .rank-modal-body {
    padding: 15px;
  }
  .rank-modal .allowances-list-scroll {
    overflow: inherit !important;
    max-height: inherit !important;
  }
  .rank-static-modal .rank-static-modal-body {
    margin-top: 30px;
    padding: 25px;
  }
  .rank-static-modal .rank-static-modal-body .rank-static-modal-footer .button {
    width: 230px;
  }
  .rank-static-modal .rank-static-modal-body .rank-static-modal-question {
    margin-bottom: 30px;
  }
  .rank-static-modal .rank-static-modal-body .rank-static-modal-question h3 {
    font-size: 1.25rem;
  }
  .rank-renewal-link-payment {
    padding: 0 !important;
  }
}
.rank-waiting-for-agent-approval-checkout-modal .rank-modal-details {
  padding: 15px;
}

.payment-installment .radio-list .payment-installment__section li:not(:last-child) .radio label {
  border-radius: 0;
  border-top: 0;
}
.payment-installment .radio-list .payment-installment__section li:last-child .radio label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}
.payment-installment__group {
  border: 1px solid #d0d0d0;
  background-color: #f3f3f3;
  padding: 12px;
  font-size: 0.875rem;
  font-weight: 600;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.payment-installment__section--ranko {
  margin-bottom: 40px;
}
.payment-installment__rates-summary {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.payment-installment__rates-item {
  font-weight: initial;
}
.payment-installment__toggler {
  margin-left: auto;
  align-self: flex-end;
  font-size: 0.875rem;
}
.payment-installment__toggler button {
  color: #0457BA !important;
}
.payment-installment__toggler button:hover {
  text-decoration: underline;
}
.payment-installment__toggler:hover {
  text-decoration: underline;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-radio.scss
 *  VERSION:  2.0
 *----------------------------------------------------------*/
.radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .radio:hover > .radio__label {
    color: #2776B3;
  }
  .radio:hover > .radio__label:before {
    border: 5px solid #2776B3;
  }
}
.radio .radio__control {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}
.radio .radio__control:not(:disabled):checked + .radio__label, .radio .radio__control--checked + .radio__label {
  background: #F1F9FF;
  color: #2776B3;
  border-color: #20a3dd;
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
  z-index: 1;
}
.radio .radio__control:not(:disabled):checked + .radio__label:before, .radio .radio__control--checked + .radio__label:before {
  border: 5px solid #2776B3;
  background: #fff;
}
.radio .radio__control:checked + .radio__label .radio__label--text, .radio .radio__control--checked + .radio__label .radio__label--text {
  color: #2776B3;
}
.radio .radio__control:checked + .radio__label button, .radio .radio__control--checked + .radio__label button {
  color: #2776B3;
}
.radio .radio__control:disabled + .radio__label {
  cursor: no-drop;
}
.radio .radio__control:disabled + .radio__label .radio__label--text {
  opacity: 0.7;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.radio .radio__label.radio__label-grid {
  display: grid;
  justify-content: start;
  grid-template-columns: auto 1fr auto;
}
.radio .radio__label.radio__label-grid .radio__label--description {
  grid-column: 2/-1;
}
.radio .radio__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0 12px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.radio .radio__label:before {
  flex: none;
  display: inline-block;
  content: "";
  height: 18px;
  width: 18px;
  margin-right: 8px;
  margin-top: 6px;
  border: 1px solid #d0d0d0;
  border-radius: 50%;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.radio .radio__label .radio__label--text {
  display: flex;
  align-items: center;
  min-height: 30px;
  color: #444;
  font-size: 0.875rem;
  font-weight: 600;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media (max-width: 450px) {
  .radio .radio__label .radio__label--text {
    word-break: break-word;
  }
}

.radio--mobile .radio__control:not(:disabled):checked + .radio__label, .radio--mobile .radio__control--checked + .radio__label {
  box-shadow: none;
  border-radius: 4px;
  background: #f5f6fa;
}
.radio--mobile .radio__control:not(:disabled):checked + .radio__label:before, .radio--mobile .radio__control--checked + .radio__label:before {
  border: 6px solid #2776B3;
}
.radio--mobile .radio__label {
  margin: 3px 0;
  display: flex;
  align-items: center;
  min-height: 45px;
}
.radio--mobile .radio__label:before {
  margin: 7px 20px 7px 7px;
  height: 26px;
  width: 26px;
}
.radio--mobile .radio__label .radio__label--text {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1.5rem;
  font-size: 1rem;
  width: 100%;
}
.radio--mobile .radio__label .radio__label--text:first-letter {
  text-transform: uppercase;
}
.radio--mobile .radio__label .radio__label--text .select-additional__title {
  font-size: 1rem;
}
.radio--mobile .radio__label .radio__label--text .select-additional__list {
  color: #b1b1b1 !important;
}
.radio--mobile .radio__label .radio__label--text .select-additional__list span {
  margin-right: 10px;
}
.radio--mobile .radio__label .radio__label--infotip {
  flex-direction: row;
}
.radio--mobile .radio__label .radio__label--infotip a {
  display: flex;
  justify-content: flex-end;
  flex: auto;
}
.radio--mobile.select__disabled {
  background-color: #f3f3f3;
  color: #888888;
  cursor: not-allowed;
}
.radio--mobile.select__disabled:hover {
  cursor: not-allowed;
  color: #888888;
}
.radio--mobile.select__disabled .radio__label--text-no-offer {
  font-style: italic;
  width: 30%;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-radio-button.scss
 *----------------------------------------------------------*/
.radio-button-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
}

/*-----------------------------------------------------------
 *  COMPONENT:  RADIO-BUTTON
 *  VERSION:    2.0
 *----------------------------------------------------------*/
.radio-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
  min-height: 44px;
  min-width: 55px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.radio-button .radio-button__control {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}
.radio-button .radio-button__control + .radio-button__label {
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media screen and (min-width: 800px) {
  .radio-button .radio-button__control:focus ~ .radio-button__label {
    box-shadow: 0px 0px 0px 4px #D2EBFF !important;
  }
  .radio-button .radio-button__control:focus-visible ~ .radio-button__label {
    outline-color: transparent;
    outline-width: 2px;
    outline-style: dotted;
    box-shadow: 0 0 0 4px #77AAE5 !important;
  }
}
.radio-button .radio-button__control {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .radio-button .radio-button__control:not(:disabled):hover + .radio-button__label {
    border-color: #20a3dd;
  }
}
.radio-button .radio-button__control:checked + .radio-button__label {
  background: #F1F9FF;
  color: #2776B3;
  border-color: #20a3dd;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.radio-button .radio-button__control:not(:checked):disabled + .radio-button__label {
  cursor: no-drop;
  background: #f3f3f3;
}
.radio-button .radio-button__control:not(:checked):disabled + .radio-button__label .radio-button__label--text {
  opacity: 0.7;
}
.radio-button .radio-button__control:disabled:checked + .radio-button__label {
  cursor: no-drop;
}
.radio-button .radio-button__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: 6px 12px;
  color: #444;
  font-size: 0.875rem;
  font-weight: 600;
  height: 100%;
  width: 100%;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

.radio-button-list--inactive .radio-button .radio-button__control:hover + .radio-button__label {
  border-color: #d0d0d0 !important;
}
.radio-button-list--inactive .radio-button .radio-button__label {
  background: #f3f3f3;
  border-color: #d0d0d0;
}
.radio-button-list--inactive .radio-button .radio-button__label .radio-button__label--text {
  opacity: 0.7;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.rank-answer-valid .radio-button .radio-button__control + .radio-button__label .radio-button__label--text {
  opacity: 1;
}
.rank-answer-valid .radio-button .radio-button__control:not(:disabled):checked + .radio-button__label .radio-button__label--text {
  opacity: 1;
}

@media (min-width: 1199px) {
  [multi-select-radio-section] .radio-button-list > .radio-button:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 950px) and (max-width: 1198px) {
  [multi-select-radio-section] .radio-button-list > .radio-button:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 690px) {
  [multi-select-radio-section] .radio-button {
    width: calc(50% - 4px);
  }
  [multi-select-radio-section] .radio-button:nth-child(2n+2) {
    margin-right: 0;
  }
}
[multi-select-radio-section] .radio-button .radio-button__label--text {
  text-align: center;
}
@media (min-width: 691px) {
  [multi-select-radio-section] .radio-button-long {
    min-width: 184px;
  }
  [multi-select-radio-section] .radio-button-short {
    min-width: 88px;
  }
}

@media (max-width: 425px) {
  [radio-button-question] .radio-button, [yes-no-question] .radio-button {
    width: calc(50% - 4px);
  }
  [radio-button-question] .radio-button:nth-child(2n+2), [yes-no-question] .radio-button:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media (min-width: 426px) {
  [radio-button-question] .yes-stretch, [yes-no-question] .yes-stretch {
    min-width: 88px !important;
  }
  [radio-button-question] .no-stretch, [yes-no-question] .no-stretch {
    min-width: 60px !important;
  }
  [radio-button-question] .radio-button-long, [yes-no-question] .radio-button-long {
    min-width: 184px;
  }
  [radio-button-question] .radio-button-short, [yes-no-question] .radio-button-short {
    min-width: 88px;
  }
}

@media (max-width: 425px) {
  #line-shorttermass [radio-button-question] .radio-button, #line-shorttermass [yes-no-question] .radio-button {
    width: auto;
  }
  #line-shorttermass [radio-button-question] .radio-button:nth-child(2n+2), #line-shorttermass [yes-no-question] .radio-button:nth-child(2n+2) {
    margin-right: 8px;
  }
}

@media (max-width: 425px) {
  #doors .radio-button, div[id*=Count] .radio-button {
    width: calc(33.3333333333% - 8px);
  }
  #doors .radio-button:nth-child(3n+3), div[id*=Count] .radio-button:nth-child(3n+3) {
    margin-right: 0;
  }
  #doors .radio-button:nth-child(2n+2), div[id*=Count] .radio-button:nth-child(2n+2) {
    margin-right: 8px;
  }
}
@media (max-width: 320px) {
  #doors .radio-button, div[id*=Count] .radio-button {
    width: calc(50% - 8px);
  }
  #doors .radio-button:nth-child(3n+3), div[id*=Count] .radio-button:nth-child(3n+3) {
    margin-right: 8px;
  }
  #doors .radio-button:nth-child(2n+2), div[id*=Count] .radio-button:nth-child(2n+2) {
    margin-right: 0;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-radio-list.scss
 *  VERSION:  2.0
 *----------------------------------------------------------*/
.radio-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  margin-left: 0;
  margin-bottom: 0;
}
.radio-list .radio:hover > .radio__label {
  color: inherit;
}
.radio-list .radio:hover > .radio__label:before {
  border: 1px solid #d0d0d0;
}
.radio-list .radio:not(:first-of-type) .radio__label {
  border-top-color: transparent;
  margin-top: -1px;
}
.radio-list .radio:first-of-type .radio__label {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.radio-list .radio:last-of-type .radio__label {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.radio-list .radio .radio__control {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .radio-list .radio .radio__control:hover + label {
    border-color: #20a3dd;
  }
}
@media screen and (min-width: 800px) {
  .radio-list .radio .radio__control:focus-visible + label {
    outline-color: transparent;
    outline-width: 2px;
    outline-style: dotted;
    box-shadow: 0 0 0 4px #77AAE5 !important;
  }
}
.radio-list .radio .radio__control:disabled + label {
  cursor: no-drop;
  background: #f3f3f3;
}
.radio-list .radio .radio__label {
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid #d0d0d0;
}
.radio-list .radio .radio__label__payment .radio__label--text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-top: 4px;
}
.radio-list .radio .radio__label__payment .radio__label--text .radio_label--text__promo {
  position: absolute;
  right: 5px;
  font-size: 0.875rem;
  padding-top: 3px;
}

.rank-answer-valid .radio-list .radio .radio__control:not(:checked) + label .radio__label--text {
  opacity: 0.7;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-toggle.scss
 *----------------------------------------------------------
  <div class="rank-toggle [multi]">
      <input id="[id]" type="checkbox">
      <label for="[id]">
          <div class="rank-toggle-switch" data-checked="[text-checked]" data-unchecked="[text-unchecked]"></div>
          <div class="rank-toggle-label-text">[text]</div>
      </label>
  </div>
 *----------------------------------------------------------*/
.rank-toggle {
  position: relative;
}
.rank-toggle *, .rank-toggle *:before, .rank-toggle *:after {
  box-sizing: border-box;
}
.rank-toggle input[type=checkbox] {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.rank-toggle input[type=checkbox][disabled] ~ label {
  pointer-events: none;
}
.rank-toggle input[type=checkbox][disabled] ~ label .rank-toggle-switch {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.rank-toggle input[type=checkbox]:checked ~ label .rank-toggle-switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.rank-toggle input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  content: attr(data-checked);
}
.rank-toggle label {
  user-select: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rank-toggle label .rank-toggle-label-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 32px;
}
.rank-toggle label .rank-toggle-switch {
  position: relative;
}
.rank-toggle label .rank-toggle-switch:before {
  content: attr(data-checked);
  top: 0;
}
.rank-toggle label .rank-toggle-switch:after {
  content: attr(data-unchecked);
  z-index: 5;
  background: white;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.rank-toggle label .rank-toggle-switch:before, .rank-toggle label .rank-toggle-switch:after {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.04em;
}
.rank-toggle input[type=checkbox][disabled] ~ label {
  color: rgba(229, 229, 229, 0.5);
}
.rank-toggle input[type=checkbox]:focus ~ label .rank-toggle-switch, .rank-toggle input[type=checkbox]:hover ~ label .rank-toggle-switch {
  background-color: #e5e5e5;
}
.rank-toggle input[type=checkbox]:focus ~ label .rank-toggle-switch:after, .rank-toggle input[type=checkbox]:hover ~ label .rank-toggle-switch:after {
  color: rgb(203.5, 203.5, 203.5);
}
.rank-toggle input[type=checkbox]:hover ~ label {
  color: rgb(216.25, 216.25, 216.25);
}
.rank-toggle input[type=checkbox]:checked ~ label:hover {
  color: rgb(96.3810126582, 201.7721518987, 55.9278481013);
}
.rank-toggle input[type=checkbox]:checked ~ label .rank-toggle-switch {
  background-color: rgb(122.0316455696, 210.3797468354, 88.1202531646);
}
.rank-toggle input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  color: rgb(91.8987341772, 195.2848101266, 52.2151898734);
}
.rank-toggle input[type=checkbox]:checked:focus ~ label .rank-toggle-switch, .rank-toggle input[type=checkbox]:checked:hover ~ label .rank-toggle-switch {
  background-color: #6acd44;
}
.rank-toggle input[type=checkbox]:checked:focus ~ label .rank-toggle-switch:after, .rank-toggle input[type=checkbox]:checked:hover ~ label .rank-toggle-switch:after {
  color: rgb(82.4303797468, 175.164556962, 46.835443038);
}
.rank-toggle label .rank-toggle-label-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rank-toggle label .rank-toggle-switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  -mox-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  -ms-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  -o-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: rgb(234.1, 234.1, 234.1);
}
.rank-toggle label .rank-toggle-switch:before {
  color: rgba(255, 255, 255, 0.5);
}
.rank-toggle label .rank-toggle-switch:after {
  -webkit-transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  -mox-transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  -ms-transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  -o-transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #e5e5e5;
}
.rank-toggle input[type=checkbox]:focus ~ label .rank-toggle-switch:after, .rank-toggle input[type=checkbox]:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.rank-toggle input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  -webkit-transform: translate3d(65px, 0, 0);
  -moz-transform: translate3d(65px, 0, 0);
  -ms-transform: translate3d(65px, 0, 0);
  -o-transform: translate3d(65px, 0, 0);
}
.rank-toggle input[type=checkbox]:checked:focus ~ label .rank-toggle-switch:after, .rank-toggle input[type=checkbox]:checked:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.rank-toggle label {
  font-size: 0.875rem;
  margin: 0;
}
.rank-toggle label .rank-toggle-switch {
  height: 36px;
  flex: 0 0 134px;
  border-radius: 4px;
}
.rank-toggle label .rank-toggle-switch:before {
  left: 67px;
  font-size: 0.875rem;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
}
.rank-toggle label .rank-toggle-switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 0.875rem;
  background: #fff;
}
.rank-toggle label .rank-toggle-switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-small input[type=checkbox]:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-small input[type=checkbox]:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-small input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  -webkit-transform: translate3d(44px, 0, 0);
  -moz-transform: translate3d(44px, 0, 0);
  -ms-transform: translate3d(44px, 0, 0);
  -o-transform: translate3d(44px, 0, 0);
}
.rank-toggle.rank-toggle-small input[type=checkbox]:checked:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-small input[type=checkbox]:checked:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-small label {
  font-size: 13px;
  margin: 0;
}
.rank-toggle.rank-toggle-small label .rank-toggle-switch {
  height: 28px;
  flex: 0 0 90px;
  border-radius: 2px;
}
.rank-toggle.rank-toggle-small label .rank-toggle-switch:before {
  left: 45px;
  font-size: 10px;
  line-height: 28px;
  width: 45px;
  padding: 0 12px;
}
.rank-toggle.rank-toggle-small label .rank-toggle-switch:after {
  top: 1px;
  left: 1px;
  border-radius: 1px;
  width: 44px;
  line-height: 26px;
  font-size: 10px;
  background: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-small label .rank-toggle-switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-large input[type=checkbox]:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-large input[type=checkbox]:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-large input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  -webkit-transform: translate3d(78px, 0, 0);
  -moz-transform: translate3d(78px, 0, 0);
  -ms-transform: translate3d(78px, 0, 0);
  -o-transform: translate3d(78px, 0, 0);
}
.rank-toggle.rank-toggle-large input[type=checkbox]:checked:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-large input[type=checkbox]:checked:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-large label {
  font-size: 0.875rem;
  margin: 0;
}
.rank-toggle.rank-toggle-large label .rank-toggle-switch {
  height: 50px;
  flex: 0 0 160px;
  border-radius: 4px;
}
.rank-toggle.rank-toggle-large label .rank-toggle-switch:before {
  left: 80px;
  font-size: 0.875rem;
  line-height: 50px;
  width: 80px;
  padding: 0 12px;
}
.rank-toggle.rank-toggle-large label .rank-toggle-switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 78px;
  line-height: 46px;
  font-size: 0.875rem;
  background: initial;
}
.rank-toggle.rank-toggle-large label .rank-toggle-switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-brand input[type=checkbox][disabled] ~ label {
  color: rgba(242.49, 242.49, 242.49, 0.5);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:focus ~ label .rank-toggle-switch, .rank-toggle.rank-toggle-brand input[type=checkbox]:hover ~ label .rank-toggle-switch {
  background-color: rgb(242.49, 242.49, 242.49);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-brand input[type=checkbox]:hover ~ label .rank-toggle-switch:after {
  color: rgb(216.99, 216.99, 216.99);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:hover ~ label {
  color: rgb(229.74, 229.74, 229.74);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked ~ label:hover {
  color: rgb(234.84, 234.84, 234.84);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked ~ label .rank-toggle-switch {
  background-color: white;
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  color: rgb(229.74, 229.74, 229.74);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked:focus ~ label .rank-toggle-switch, .rank-toggle.rank-toggle-brand input[type=checkbox]:checked:hover ~ label .rank-toggle-switch {
  background-color: rgb(242.49, 242.49, 242.49);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-brand input[type=checkbox]:checked:hover ~ label .rank-toggle-switch:after {
  color: rgb(216.99, 216.99, 216.99);
}
.rank-toggle.rank-toggle-brand label .rank-toggle-label-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -mox-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  background: rgb(247.59, 247.59, 247.59);
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch:before {
  color: #555555;
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch:after {
  -webkit-transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -mox-transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  color: rgb(242.49, 242.49, 242.49);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-brand input[type=checkbox]:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked ~ label .rank-toggle-switch:after {
  -webkit-transform: translate3d(109.5px, 0, 0);
  -moz-transform: translate3d(109.5px, 0, 0);
  -ms-transform: translate3d(109.5px, 0, 0);
  -o-transform: translate3d(109.5px, 0, 0);
}
.rank-toggle.rank-toggle-brand input[type=checkbox]:checked:focus ~ label .rank-toggle-switch:after, .rank-toggle.rank-toggle-brand input[type=checkbox]:checked:hover ~ label .rank-toggle-switch:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.rank-toggle.rank-toggle-brand label {
  font-size: 11px;
  margin: 0;
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch {
  height: 40px;
  flex: 0 0 223px;
  border-radius: 40px;
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch:before {
  left: 111.5px;
  font-size: 11px;
  line-height: 40px;
  width: 111.5px;
  padding: 0 12px;
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch:after {
  top: 2px;
  left: 2px;
  border-radius: 20px;
  width: 109.5px;
  line-height: 36px;
  font-size: 11px;
  background: #20a3dd;
}
.rank-toggle.rank-toggle-brand label .rank-toggle-switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

/**
    essence-anchor component
    Use it to style elements (`<a>`, `<button>`) as links using essence design tokens.
    Altough remember that it's not a good practice to use `<a>` tag for buttons which don't have href tags and don't lead to some site.
    If the element behaves like a normal button, use `button` tag instead of `a` tag.
    This class should help you style the element as a link (even if it's not).
 */
.essence-anchor, .upsell-selector__text__details {
  color: #0457BA;
  text-decoration: underline;
  cursor: pointer;
  line-height: 1.25rem;
  text-align: left;
}
.essence-anchor:hover, .upsell-selector__text__details:hover {
  color: #012074;
}

/**
  see: https://www.figma.com/design/ciuZi2dOHlEG6jKttqcLBD/Essence-DS---Atoms?node-id=4011-965&m=dev

  to style a button, use the following classes:
  1. Set button size: .essence-button--xlarge, .essence-button--large, .essence-button--medium, .essence-button--small
  2. Set button style according to the design: .essence-button--primary, .essence-button--secondary, .essence-button--ghost, .essence-button--tertiary, ... [can add more]
  Example of properly styled essence button:
    <button type="button" class="essence-button--medium essence-button--primary">Button</button>
 */
/**
  available sizes: small, medium, large, xlarge
 */
.essence-button--xlarge {
  padding: 18px 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  gap: 16px !important;
}
.essence-button--large {
  padding: 12px 24px;
  font-size: 1rem;
  line-height: 1.5rem;
}
.essence-button--large--with-small-padding {
  padding: 12px 4px;
}
.essence-button--medium {
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.essence-button--medium--with-small-padding {
  padding: 8px;
}
.essence-button--small {
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.essence-button--small--with-small-padding {
  padding: 8px 4px;
}
.essence-button--disabled {
  opacity: 0.5;
}
.essence-button--primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  text-align: center;
  color: white;
  border-radius: 6px;
  background-color: #012074;
  border: 1px solid #012074;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-button--primary:hover {
  color: white;
  text-decoration: none;
  background-color: #00104E;
  border: 1px solid #00104E;
}
.essence-button--primary:disabled {
  box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.0509803922);
}
.essence-button--primary:focus {
  box-shadow: 0px 0px 0px 4px #D2EBFF;
}
.essence-button--secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  text-align: center;
  color: #012074;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #012074;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-button--secondary:hover {
  color: #012074;
  text-decoration: none;
  background-color: #D2EBFF;
  border: 1px solid #012074;
}
.essence-button--secondary:disabled {
  box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.0509803922);
}
.essence-button--secondary:focus {
  box-shadow: 0px 0px 0px 4px #D2EBFF;
}
.essence-button--ghost {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  text-align: center;
  color: #0457BA;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-button--ghost:hover {
  color: #0457BA;
  text-decoration: none;
  background-color: #D2EBFF;
  border: 1px solid #D2EBFF;
}
.essence-button--ghost:disabled {
  box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.0509803922);
}
.essence-button--ghost:focus {
  box-shadow: 0px 0px 0px 4px #D2EBFF;
}
.essence-button--tertiary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  text-align: center;
  color: #344054;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #D0D5DD;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-button--tertiary:hover {
  color: #344054;
  text-decoration: none;
  background-color: #F2F4F7;
  border: 1px solid #D0D5DD;
}
.essence-button--tertiary:disabled {
  box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.0509803922);
}
.essence-button--tertiary:focus {
  box-shadow: 0px 0px 0px 4px #D2EBFF;
}
.essence-button--tertiary--dirty {
  border: 1px solid #344054;
  color: #344054;
}
@media (max-width: 639px) {
  .essence-button--style-as-link-for-mobile {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    padding: 0;
  }
  .essence-button--style-as-link-for-mobile:hover {
    background-color: transparent;
    border: none;
  }
  .essence-button--style-as-link-for-mobile:focus {
    box-shadow: none;
  }
  .essence-button--style-as-link-for-mobile:disabled {
    box-shadow: none;
  }
  .essence-button--style-as-link-for-mobile rank-svg {
    display: none;
  }
}
.essence-button--nowrap {
  white-space: nowrap;
}

/**
 * Essence radio
 * see: https://www.figma.com/design/ciuZi2dOHlEG6jKttqcLBD/Essence-DS---Atoms?node-id=204-17812&t=yqPhe9aO9CubVdAY-4
 */
.essence-radio {
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #D0D5DD;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
  transition: all 200ms ease;
}
.essence-radio::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 200ms transform ease;
}
.essence-radio:checked, .essence-radio:focus, .essence-radio:hover {
  background-color: #D2EBFF;
  border-color: #0033D6;
}
.essence-radio:focus {
  box-shadow: 0px 0px 0px 4px #D2EBFF;
}
.essence-radio:checked::before {
  transform: scale(1);
  box-shadow: inset 1em 1em #0033D6;
}
.essence-radio:disabled + label {
  cursor: no-drop;
}
.essence-radio:disabled {
  border-color: #98A2B3;
  background-color: #F2F4F7;
}

/**
 See: https://www.figma.com/design/ciuZi2dOHlEG6jKttqcLBD/Essence-DS---Atoms?node-id=204-91443&node-type=canvas&m=dev
 */
/**
  available sizes: small, medium, large
 */
.essence-tag--large {
  gap: 8px;
  padding: 4px 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.essence-tag--medium {
  gap: 4px;
  padding: 2px 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.essence-tag--small {
  gap: 4px;
  padding: 2px 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.essence-tag--primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #0134AE;
  font-weight: 400;
  background-color: #D2EBFF;
  border-radius: 6px;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-tag--primary > * {
  color: #0134AE;
}
.essence-tag--warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #7A2E0E;
  font-weight: 400;
  background-color: #FEF0C7;
  border-radius: 6px;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-tag--warning > * {
  color: #7A2E0E;
}
.essence-tag--gray {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #344054;
  font-weight: 400;
  background-color: #F9FAFB;
  border-radius: 6px;
  -webkit-transition: all 200ms ease-in-out;
  -mox-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.essence-tag--gray > * {
  color: #344054;
}

/*-----------------------------------------------------------
 *  DOCUMENT: product-line-boxes.scss
 *-----------------------------------------------------------*/
.rank-product-line-boxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  margin: auto;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.rank-product-line-boxes .rank-boxes {
  width: 100%;
}

/*-----------------------------------------------------------
 *  DOCUMENT: other-products.scss
 *-----------------------------------------------------------*/
.rank-other-products {
  margin: 20px 0;
  width: 100%;
}
.rank-other-products-title {
  color: #022173;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 600;
}
.rank-other-products-container {
  margin: 40px 0 0 0;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  background-color: #f5f5f5;
  grid-gap: 1px;
}
.rank-other-products-container--item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  background-color: #fff;
}
.rank-other-products-container--item span {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  z-index: 2;
  margin: -30px auto 0 auto;
  width: 70%;
  color: #022173;
}
.rank-other-products-container--item img {
  z-index: 1;
  height: 70%;
  margin-top: -20px;
  transition: 0.2s ease-in-out;
}
.rank-other-products-container--item:hover {
  cursor: pointer;
  text-decoration: none;
}
.rank-other-products-container--item:hover img {
  transform: scale(1.1);
}
.rank-other-products-container--item:hover span {
  color: #022173;
  text-decoration: none;
}

@media (max-width: 1200px) {
  .rank-other-products-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .rank-other-products-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
@media (max-width: 600px) {
  .rank-other-products-title {
    width: 85%;
    margin: 0 auto;
    font-size: 1.5rem;
  }
  .rank-other-products-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: shopping-benefits.scss
 *-----------------------------------------------------------*/
.rank-shopping-benefits {
  margin: 20px 0;
  width: 66%;
}
.rank-shopping-benefits-title {
  color: #022173;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 600;
}
.rank-shopping-benefits-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  background-color: #fff;
  margin: 40px 0;
  padding: 10px;
}
.rank-shopping-benefits-container--item {
  display: flex;
  justify-content: space-evenly;
  align-content: center;
  flex-direction: column;
}
.rank-shopping-benefits-container--item:hover {
  text-decoration: none;
}
.rank-shopping-benefits-container--item:hover img {
  transform: scale(1.1);
}
.rank-shopping-benefits-container--item:nth-child(1) {
  border: 2px solid #ffe2cb;
  background-color: #fff6ee;
  color: #ff8f92;
}
.rank-shopping-benefits-container--item:nth-child(2) {
  border: 2px solid #ff91d7;
  background-color: #fff1fa;
  color: #fd71c9;
}
.rank-shopping-benefits-container--item:nth-child(3) {
  border: 2px solid #b0edb0;
  background-color: #dbffdf;
  color: #39cb75;
}
.rank-shopping-benefits-container--item-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #022173;
  text-align: center;
  margin-bottom: 20px;
}
.rank-shopping-benefits-container--item img {
  height: 30%;
  transition: 0.2s ease-in-out;
}
.rank-shopping-benefits-container--item-subtitle {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
}
.rank-shopping-benefits-container--item-description {
  color: #022173;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
.rank-shopping-benefits-container--item span {
  margin-top: 20px;
  text-align: center;
  color: #3bb5d6;
}

@media (max-width: 900px) {
  .rank-shopping-benefits-container--item-title {
    font-size: 1.25rem;
  }
  .rank-shopping-benefits-container--item img {
    height: 20%;
  }
  .rank-shopping-benefits-container--item-description {
    font-size: 17px;
  }
}
@media (max-width: 600px) {
  .rank-shopping-benefits-container {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .rank-shopping-benefits-container a {
    height: 330px;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: legal-assistance.scss
 *-----------------------------------------------------------*/
.rank-legal-assistance {
  width: 100%;
  background-color: #fff;
}
.rank-legal-assistance-container {
  display: grid;
  grid-template-columns: 3fr 2fr;
  padding: 25px;
}
.rank-legal-assistance-container-box {
  padding: 0 20px;
}
.rank-legal-assistance-container-box--title {
  color: #022173;
  font-size: 1.5rem;
  font-weight: 600;
}
.rank-legal-assistance-container-box--description {
  color: #022173;
  font-size: 1.25rem;
  width: 80%;
  margin: 23px 0;
  font-weight: 500;
}
.rank-legal-assistance-container-box a {
  display: block;
  font-size: 1.25rem;
  margin: 15px 0;
}
.rank-legal-assistance-container-image {
  margin: auto;
}

@media (max-width: 900px) {
  .rank-legal-assistance-container-box--title {
    font-size: 1.5rem;
  }
  .rank-legal-assistance-container-box--description {
    width: 100%;
    font-size: 1.25rem;
  }
  .rank-legal-assistance-container-box a {
    font-size: 1.25rem;
  }
}
@media (max-width: 600px) {
  .rank-legal-assistance-container {
    grid-template-columns: 1fr;
  }
  .rank-legal-assistance-container-box--title {
    text-align: center;
    font-size: 1.25rem;
  }
  .rank-legal-assistance-container-box--description {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
  }
  .rank-legal-assistance-container-box a {
    font-size: 1.25rem;
    text-align: center;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: safe-buy-section.scss
 *----------------------------------------------------------*/
.rank-safe-buy-section {
  margin-bottom: 70px;
}
.rank-safe-buy-section .rank-safe-buy-section__header {
  color: #475467;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.rank-safe-buy-section .rank-safe-buy-section__body {
  text-align: center;
  justify-content: center;
  row-gap: 20px;
}

@media (max-width: 1023px) {
  .rank-safe-buy-section {
    margin-bottom: 50px;
  }
  .rank-safe-buy-section .rank-safe-buy-section__header {
    font-size: 0.875rem;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-bug-reporting.scss
 *-----------------------------------------------------------*/
.rank-bug-reporting .bug-report-button {
  color: #CC3333;
  background: transparent;
  border: none;
}
.rank-bug-reporting .bug-report-form,
.rank-bug-reporting .bug-report-success {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100000;
}
.rank-bug-reporting .bug-report-success {
  margin: 10px;
}
.rank-bug-reporting .bug-report-form {
  display: block;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  min-width: 500px;
  padding: 1.7rem;
  overflow-y: scroll;
  height: 100%;
  max-height: 700px;
  max-width: 400px;
  text-align: left;
}
.rank-bug-reporting .bug-report-form h1 {
  color: #012174;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: -16px -16px 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 15px;
  border-bottom: 1px solid #e9e9e9;
  display: block;
}
.rank-bug-reporting .bug-report-form section label, .rank-bug-reporting .bug-report-form section input, .rank-bug-reporting .bug-report-form section select, .rank-bug-reporting .bug-report-form section textarea {
  display: inline-block;
  width: 100%;
}
.rank-bug-reporting .bug-report-form section label {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-weight: bold;
}
.rank-bug-reporting .bug-report-form section input, .rank-bug-reporting .bug-report-form section select, .rank-bug-reporting .bug-report-form section textarea {
  border: 1px solid #ccc !important;
  padding: 0.5em;
}
.rank-bug-reporting .bug-report-form section textarea {
  resize: none;
}
.rank-bug-reporting .bug-report-form .form-buttons {
  margin-top: 1em;
  text-align: right;
}
.rank-bug-reporting .bug-report-form .form-buttons button {
  margin-left: 0.5em;
}
.rank-bug-reporting .bug-report-form .submit-error {
  display: block;
  width: 100%;
  margin: 0.5em 0;
}

.bo-app.rank-modal-open .rank-modal .rank-modal-dialog {
  margin: 80px auto;
}
.bo-app.rank-modal-open .bo-header {
  z-index: 10000 !important;
}

.captcha-modal {
  text-align: center;
  padding: 2em 1em;
}
.captcha-modal .captcha-modal__logo {
  width: 30%;
  margin: 2em auto;
}
.captcha-modal .captcha-modal__header {
  font-size: 1.5em;
  font-weight: 600;
  color: #012174;
  padding: 0.5em;
}
.captcha-modal .captcha-modal__captcha {
  margin: 1em auto;
}
.captcha-modal .captcha-modal__captcha > div {
  width: auto !important;
}

.essence-select {
  position: relative;
  z-index: 1000;
}
.essence-select.active .essence-select__button--expand {
  transform: rotate(180deg);
}
.essence-select.active .essence-select__dropdown {
  opacity: 1;
  visibility: visible;
}
.essence-select__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 224px;
  padding: 8px;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 6px;
  background: white;
  border: 1px solid #D0D5DD;
  color: #667085;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.essence-select__button--expand {
  -webkit-transition: transform 0.2s ease;
  -mox-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}
.essence-select__button > span {
  text-wrap: nowrap;
  flex-grow: 1;
  text-align: left;
}
.essence-select__button--dirty {
  border: 1px solid #344054;
  color: #344054;
}
.essence-select__list {
  margin: 0;
}
.essence-select__dropdown {
  opacity: 0;
  visibility: hidden;
}
.essence-select__dropdown::-webkit-scrollbar {
  width: 1rem;
}
.essence-select__dropdown::-webkit-scrollbar-track {
  background: transparent;
}
.essence-select__dropdown::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6.25rem;
  border: 6px solid transparent;
  background-clip: padding-box;
}
.essence-select__dropdown:hover::-webkit-scrollbar-thumb {
  background-color: #D0D5DD;
}
@-moz-document url-prefix() {
  .essence-select__dropdown {
    scrollbar-color: #D0D5DD transparent;
    scrollbar-width: thin;
  }
}
.essence-select__dropdown {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.essence-select__dropdown {
  position: absolute;
  list-style: none;
  width: 100%;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
  border-radius: 6px;
  background: white;
  box-sizing: border-box;
  max-height: 264px;
  overflow: hidden auto;
  transition: 0.2s ease;
  margin: 8px 0 0 0;
}
.essence-select__dropdown-item input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
}
.essence-select__dropdown-item--label:is(label) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
}
.essence-select__dropdown-item--label:is(label) span {
  color: #101828;
}
.essence-select__dropdown-item--label:is(label) rank-svg {
  color: #003FFF;
}
.essence-select__dropdown-item {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.essence-select__dropdown-item input, .essence-select__dropdown-item label {
  margin: 0;
}
.essence-select__dropdown-item label {
  width: 100%;
  padding: 8px 16px;
  cursor: pointer;
}
.essence-select__dropdown-item label:hover, .essence-select__dropdown-item label:focus-within {
  background-color: #D2EBFF !important;
}
.essence-select__dropdown-item label:has(input:checked) {
  background-color: #EBF6FF;
}
.essence-select__dropdown-item label:has(input:checked) rank-svg {
  display: block !important;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-datepicker.scss
 *----------------------------------------------------------*/
.rank-datepicker {
  position: relative;
}
@media (min-width: 426px) {
  .rank-datepicker {
    max-width: 195px;
  }
}
.rank-datepicker .rank-input-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  width: 100%;
}
.rank-datepicker .rank-datepicker__dropdown {
  position: absolute;
  top: 100%;
  z-index: 1000;
  background: #fff;
  padding: 10px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.rank-datepicker .rank-datepicker-calendar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.rank-datepicker .rank-datepicker-calendar table {
  margin-bottom: 0;
}
.rank-datepicker .rank-datepicker-calendar table tfoot tr, .rank-datepicker .rank-datepicker-calendar table thead tr, .rank-datepicker .rank-datepicker-calendar table tbody tr:nth-child(even) {
  background: #fff;
  text-align: center;
}
.rank-datepicker .rank-datepicker-calendar table tr th, .rank-datepicker .rank-datepicker-calendar table tr td {
  padding: 0 !important;
  text-align: center;
  filter: none !important;
}
.rank-datepicker .rank-datepicker-calendar table tr th a, .rank-datepicker .rank-datepicker-calendar table tr td a {
  padding: 5px 0;
  display: block;
  line-height: 1.25rem;
}
.rank-datepicker .rank-datepicker-calendar table tr:first-of-type th {
  height: 37px;
}
.rank-datepicker .rank-datepicker-calendar table .calendar-weekdays {
  color: #20a3dd;
  max-width: 40px;
}
.rank-datepicker .rank-datepicker-calendar table .calendar-weekdays th {
  padding: 5px 0;
}
.rank-datepicker .rank-datepicker-calendar select {
  margin-bottom: 0;
  padding: 0 5px;
  height: 2rem;
  font-size: 0.875rem;
  position: relative;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rank-datepicker .rank-datepicker-calendar select::-ms-expand {
  display: none;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a {
  padding: 9px;
  text-align: center;
  background: #fff;
  border: 0;
  font-size: 0.875rem;
  font-weight: normal;
  color: #bbb;
  white-space: nowrap;
  touch-action: manipulation;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a:hover {
  background: #e5e5e5;
  cursor: pointer;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a.rank-datepicker-day-active {
  color: #000;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a.rank-datepicker-day-current {
  font-weight: bold;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a.rank-datepicker-day-selected {
  background: #20a3dd;
  color: #fff;
  cursor: inherit;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a[disabled] {
  text-decoration: line-through;
  font-weight: inherit;
  text-shadow: inherit;
  color: #bbb;
  cursor: not-allowed;
}
.rank-datepicker .rank-datepicker-calendar .rank-datepicker-right tbody tr td:first-of-type {
  border-left: 1px dashed #dddddd;
  padding-left: 3px;
}
.rank-datepicker .rank-datepicker-calendar .date-select {
  border-width: 1px;
  border-color: #6acd44;
}
.rank-datepicker .rank-datepicker-calendar .date-not-selected {
  border-color: orange;
}
.rank-datepicker .rank-timepicker {
  font-size: 0.875rem;
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #CCC;
}
.rank-datepicker .rank-timepicker select {
  width: 40%;
  text-align: center;
  text-align-last: center;
  display: inline-block;
  border: 1px solid #CCC;
}
.rank-datepicker .rank-timepicker select.ng-invalid.ng-dirty {
  background-color: #FEC1BD;
  border: 1px solid #F00;
}
.rank-datepicker .rank-timepicker span {
  width: 15%;
  display: inline-block;
}

.rank-datepicker--right .rank-datepicker__dropdown {
  right: 0;
}

.rank-datepicker-control__left, .rank-datepicker-control__right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  background-color: #fff;
  border: none;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-datepicker-control__left[disabled], .rank-datepicker-control__right[disabled] {
  visibility: hidden;
}
.rank-datepicker-control__left:hover, .rank-datepicker-control__right:hover {
  cursor: pointer;
}
.rank-datepicker-control__left:hover .r-icon, .rank-datepicker-control__right:hover .r-icon {
  fill: #012174;
}
.rank-datepicker-control__left .r-icon, .rank-datepicker-control__right .r-icon {
  width: 16px;
  height: 16px;
  fill: #20a3dd;
}

@media (max-width: 639px) {
  .rank-datepicker .rank-datepicker-calendar {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .rank-datepicker .rank-datepicker-calendar .rank-datepicker-right tbody tr td:first-of-type {
    border-left: 0;
  }
}
.bo-app .rank-datepicker {
  max-width: 180px;
  width: 100%;
}
.bo-app .rank-datepicker .rank-datepicker-calendar {
  font-size: 13px;
}
.bo-app .rank-datepicker .rank-datepicker-calendar select, .bo-app .rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a {
  font-size: 13px;
}
.bo-app .rank-datepicker .rank-timepicker {
  font-size: 13px;
}
.bo-app .rank-datepicker .rank-input-group .rank-input-group__append--button button {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) !important;
  background: -webkit-linear-gradient(top, #fff, #eee) !important;
  background: -moz-linear-gradient(top, #fff, #eee) !important;
  background: -ms-linear-gradient(top, #fff, #eee) !important;
  background: -o-linear-gradient(top, #fff, #eee) !important;
}
.bo-app .rank-datepicker .rank-datepicker__input.ng-invalid.ng-dirty {
  border-color: #D44950 !important;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-date-picker.scss
 *----------------------------------------------------------*/
.rank-date-picker {
  position: relative;
}
.rank-date-picker .rank-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 421px) {
  .rank-date-picker .rank-input-group {
    max-width: 195px;
  }
}
.rank-date-picker__dropdown {
  position: absolute;
  top: 100%;
  z-index: 1000;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  min-height: 250px;
}

.rank-picker__views {
  display: flex;
  min-width: 300px;
  min-height: 310px;
}

.rank-picker__header {
  display: flex;
  align-items: center;
  min-height: 35px;
  padding: 16px;
}
.rank-picker__header-left {
  flex-grow: 1;
  text-align: center;
}
.rank-picker__header-right {
  flex-grow: 1;
  text-align: center;
}
.rank-picker__header-single, .rank-picker__header-double {
  display: flex;
  width: 100%;
}
.rank-picker__header-single {
  justify-content: center;
}
.rank-picker__header-double {
  text-align: center;
}
.rank-picker__header-double > div {
  flex: 1;
}
.rank-picker__header-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #012174;
  letter-spacing: -0.02rem;
}

.rank-picker__content {
  padding: 0 16px 16px;
}

.rank-picker__dates {
  display: flex;
  min-width: 254px;
  padding: 0 16px 16px;
}
.rank-picker__dates-left, .rank-picker__dates-right {
  flex: 1;
}
.rank-picker__dates-left {
  margin-right: 16px;
}
@media (max-width: 639px) {
  .rank-picker__dates {
    flex-flow: column;
  }
}

.rank-picker__footer {
  flex: none;
  display: flex;
  flex-flow: column;
  padding: 14px 16px 16px;
  border-top: 1px solid #efefef;
}
.rank-picker__footer button {
  width: 100%;
  font-size: 1rem;
  padding: 10px 20px;
}

.rank-picker__button {
  padding: 6px 12px;
  border-radius: 4px;
  margin: 0 3px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-picker__button svg {
  fill: #b1b1b1;
  width: 11px;
  height: 11px;
}
.rank-picker__button:not(:disabled) {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-picker__button:not(:disabled):hover {
    background: #eaedf4;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -mox-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }
}
.rank-picker__button:not(:disabled) svg {
  fill: #012174;
}
.rank-picker__button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.rank-picker__tag {
  min-width: 0;
  max-width: 100%;
  margin: 2px 5px 2px 0;
  padding: 6px 8px;
  color: #012174;
  font-weight: 600;
  border-radius: 4px;
  background: #eaedf4;
  line-height: 1.25rem;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-picker__tag[disabled], .rank-picker__tag--disabled {
  opacity: 0.7;
}
.rank-picker__tag[disabled]:hover, .rank-picker__tag--disabled:hover {
  cursor: not-allowed;
}
.rank-picker__tag {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-picker__tag:not(:disabled):hover {
    background: #d5dcec;
    -webkit-transition: all 200ms ease;
    -mox-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }
}

.rank-picker__table {
  margin-bottom: 0;
  min-width: 265px;
  border-spacing: 0;
}
.rank-picker__table tfoot tr, .rank-picker__table thead tr, .rank-picker__table tbody tr:nth-child(even) {
  background: #fff;
  text-align: center;
}
.rank-picker__table tr:first-of-type th {
  height: 32px;
  width: 36px;
  padding: 0;
  font-size: 0.9em;
  font-weight: 600;
  color: #667085;
}
.rank-picker__table td {
  position: relative;
  padding: 4px 0 0;
}
.rank-picker__table td button {
  height: 30px;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.rank-picker__table td button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  text-transform: lowercase;
  color: #1D2939;
  position: absolute;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-picker__table td:not(.in-range):not(.start-date):not(.end-date):not(.is-current):not(.is-disabled):not(.is-selected):not(.is-hovered) button:hover span {
  background-color: #ebecf4;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-picker__table td.start-date button {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.rank-picker__table td.start-date button span {
  border-radius: 140px 0 0 140px;
  width: 36px;
}
.rank-picker__table td.in-range button {
  background-color: #d2edf8;
}
.rank-picker__table td.end-date button {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.rank-picker__table td.end-date button span {
  border-radius: 0 140px 140px 0;
  width: 36px;
}
.rank-picker__table td.start-date button span, .rank-picker__table td.end-date button span {
  background: #20a3dd;
  color: #fff;
  font-weight: 600;
}
.rank-picker__table td.start-date.end-date {
  padding-left: 3px;
  padding-right: 3px;
}
.rank-picker__table td.start-date.end-date span {
  width: 30px;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
}
.rank-picker__table td:not(.is-selected):not(.not-visibility):not(.in-range).is-current button span {
  font-weight: 600;
  color: #2d2d2d;
  background: #ebecf4;
}
.rank-picker__table td:not(.not-visibility).is-selected button span {
  background: #20a3dd;
  color: #fff;
  font-weight: 600;
  cursor: inherit;
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
}
.rank-picker__table td.not-visibility button {
  visibility: hidden;
}
.rank-picker__table td.not-visibility-range button {
  visibility: hidden;
}
.rank-picker__table td.is-disabled button span {
  color: #1D2939;
  text-decoration: line-through;
  font-weight: inherit;
  text-shadow: inherit;
  cursor: not-allowed;
}
.rank-picker__table--months td, .rank-picker__table--years td, .rank-picker__table--decades td {
  height: 50px;
}
.rank-picker__table--months td button span, .rank-picker__table--years td button span, .rank-picker__table--decades td button span {
  width: calc(100% - 6px);
  border-radius: 15px;
  font-size: 0.9em;
}
.rank-picker__table--range td:not(.in-range):not(.start-date):not(.end-date):not(.is-current):not(.is-disabled):not(.is-selected):not(.is-hovered):hover button span {
  -webkit-transition: none;
  -mox-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.rank-picker__arrow, .rank-picker__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rank-picker__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  top: -6px;
  left: 10%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #d0d0d0;
}
.rank-picker__arrow:after {
  content: " ";
  border-width: 6px;
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.rank-picker__mobile-hack {
  display: none;
}
@media (max-width: 639px) {
  .rank-picker__mobile-hack {
    display: flex;
    margin-top: 16px;
  }
}

@media (max-width: 639px) {
  .rank-picker__mobile-hack-next-month .rank-picker__header-title:last-of-type {
    display: none !important;
  }
  .rank-picker__mobile-hack-next-month .rank-picker__button {
    flex: 0 0 35px;
    visibility: hidden;
  }
}

.rank-picker__mobile-left {
  flex: 0 0 35px;
}

@media (min-width: 640px) {
  rank-date-picker-dates-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    min-width: 580px;
  }
}
.rank-animate--switch {
  width: 100%;
}

.rank-animate.rank-animate--switch.ng-enter, .rank-animate.rank-animate--switch.ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.rank-animate.rank-animate--switch.ng-enter, .rank-animate.rank-animate--switch.ng-enter.ng-enter-active {
  animation: 200ms fade-in;
  z-index: 100;
}
.rank-animate.rank-animate--switch.ng-leave, .rank-animate.rank-animate--switch.ng-leave.ng-leave-active {
  animation: 200ms fade-out;
  z-index: 99;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-pic.scss
 *----------------------------------------------------------*/
.rank-pics li rank-pic {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  min-height: 85px;
  text-align: center;
  margin-top: 8px;
  background: #fff;
}
.rank-pics li rank-pic .rank-pic__control {
  display: flex;
  flex-flow: column;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  .rank-pics li rank-pic .rank-pic__control:hover {
    border-color: rgb(32.1612648221, 163.8214426877, 222.1137351779);
    cursor: pointer;
  }
}
.rank-pics li rank-pic .rank-pic__control[disabled]:hover {
  cursor: not-allowed;
}
.rank-pics li rank-pic .rank-pic__control:not(.rank-pic--active)[disabled] {
  background: #f3f3f3;
  color: #d0d0d0;
}
.rank-pics li rank-pic .rank-pic__control:not(.rank-pic--active)[disabled]:hover {
  border-color: #d0d0d0;
}
.rank-pics li rank-pic .rank-pic__control:not(.rank-pic--active)[disabled] .rank-pic__icon {
  color: #c1bfbf;
}
.rank-pics li rank-pic .rank-pic__control:not(.rank-pic--active)[disabled] .rank-pic__label {
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #b1b1b1;
}
.rank-pics li rank-pic .rank-pic__control:not(.rank-pic--active)[disabled] .rank-pic__top-right-icon__checkbox svg {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.rank-pics li rank-pic .rank-pic__icon {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  color: #2776B3;
  font-size: 48px;
  line-height: 1.25rem;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  margin-left: auto;
  margin-right: auto;
}
.rank-pics li rank-pic .rank-pic__icon svg {
  width: 48px;
  height: 48px;
  margin: auto 0;
}
@media (max-width: 425px) {
  .rank-pics li rank-pic .rank-pic__icon {
    flex: 0 0 50px;
    font-size: 50px;
  }
  .rank-pics li rank-pic .rank-pic__icon svg {
    width: 40px;
    height: 40px;
  }
}
.rank-pics li rank-pic .rank-pic__image {
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}
.rank-pics li rank-pic .rank-pic__image img {
  width: 100%;
  max-width: 80px;
  height: auto;
}
.rank-pics li rank-pic .rank-pic__label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 12px;
  margin-top: 12px;
  height: 27px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  font-weight: 600;
  color: #444;
  line-height: 1.25rem;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-pics li rank-pic .rank-pic__top-right-icon svg {
  position: absolute;
  top: 5px;
  right: 5px;
}
.rank-pics li rank-pic .rank-pic__top-right-icon__checkbox svg {
  fill: #6acd44;
  width: 16px;
  height: 16px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.rank-pics li rank-pic .rank-pic__top-right-icon__loader svg {
  fill: #20a3dd;
  width: 1.3em;
  height: 1.3em;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.rank-pics li rank-pic .rank-pic--active {
  background: #F1F9FF;
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
  border-color: #20a3dd;
}
.rank-pics li rank-pic .rank-pic--active .rank-pic__icon {
  color: #2776B3;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-pics li rank-pic .rank-pic--active .rank-pic__label {
  color: #2776B3;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-pics li rank-pic .rank-pic--active .rank-pic__top-right-icon__checkbox svg {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.rank-pics li rank-pic[disabled]:hover {
  cursor: not-allowed;
}

@media (min-width: 1199px) {
  .rank-pic--stretch {
    width: 184px !important;
    margin-top: inherit !important;
  }
}
.section-wants rank-pic .rank-pic__icon {
  margin-top: 4px;
}
.section-wants rank-pic .rank-pic__icon svg {
  width: 60px;
  height: 60px;
}
.section-wants rank-pic .rank-pic__label {
  margin-top: inherit;
  height: inherit;
}

.section-payment .rank-pic__label {
  display: block;
  height: inherit;
  margin: 12px 0 12px;
}
.section-payment .rank-pic__icon {
  margin-top: 12px;
}
.section-payment .payment-form {
  font-size: 0.875rem;
  display: contents;
}
.section-payment .price {
  font-size: 1rem;
  display: contents;
}

/*-----------------------------------------------------------------------------------------------------
 *  PROJECT     : conf(project)
 *  COPYRIGHTS  : conf(name)
 *  DOCUMENT    : rank-progress.scss
 *----------------------------------------------------------------------------------------------------*/
rank-progress,
.rank-progress {
  display: flex;
  flex-flow: column;
  position: relative;
  width: 100%;
}

.rank-progress__bar-wrapper {
  width: 100%;
  height: 30px;
  margin-left: -1px;
  background-color: #fff;
}

.rank-progress__bar {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
}
.rank-progress__bar .rank-progress__control {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: width 100ms ease;
  color: #fff;
}

.rank-progress__dynamic-value {
  display: flex;
  justify-content: flex-end;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #012174;
  transition: width 100ms ease;
  margin-bottom: 2px;
}
@media (max-width: 460px) {
  .rank-progress__dynamic-value {
    font-size: 0.875rem;
  }
}

.rank-progress__labels-top {
  width: 100%;
  height: 1rem;
  margin-top: 5px;
  margin-bottom: 5px;
}
.rank-progress__labels-bottom {
  width: 100%;
  height: 1rem;
  margin-top: 5px;
  margin-bottom: 5px;
}
.rank-progress__labels-bottom .rank-progress__label-step {
  font-weight: 600;
}

.rank-progress__labels-wrapper {
  display: flex;
  position: relative;
}

.rank-progress__label-step {
  display: inline-block;
  position: absolute;
}
.rank-progress__label-step.rank-progress__laststep {
  transform: translate(-100%, 0);
}
.rank-progress__label-step:not(.rank-progress__firststep):not(.rank-progress__laststep) {
  transform: translate(-50%, 0);
}

.rank-progress__steps-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rank-progress__steps {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
}

.rank-progress__step {
  display: flex;
  height: 100%;
  position: absolute;
  border-width: 0 0.5px 0 0.5px;
  border-style: dashed;
  border-color: #CCCCCC;
}

.rank-progress__firststep,
.rank-progress__laststep {
  display: none;
}

@-webkit-keyframes progress-animation {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-animation {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-animation {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-animation {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-animation {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@media (max-width: 767px) {
  .rank-progress__step:not(.rank-progress__nextstep),
  .rank-progress__label-step:not(.rank-progress__nextstep),
  .rank-progress__firststep:not(.rank-progress__nextstep),
  .rank-progress__laststep:not(.rank-progress__nextstep),
  .rank-progress__rounded .rank-progress__firststep:not(.rank-progress__nextstep),
  .rank-progress__rounded .rank-progress__laststep:not(.rank-progress__nextstep) {
    display: none;
  }
}
/*-----------------------------------------------------------------------------------------------------
 *  DOCUMENT    : rank-progress-colors.scss
 *----------------------------------------------------------------------------------------------------*/
.rank-progress__bar--primary:before {
  background-color: #20a3dd;
}
.rank-progress__bar--primary:after {
  background-color: #20a3dd;
}
.rank-progress__bar--primary .rank-progress__control {
  background-color: #20a3dd !important;
}
.rank-progress__bar--primary.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__bar--success:before {
  background-color: #64AD65;
}
.rank-progress__bar--success:after {
  background-color: #64AD65;
}
.rank-progress__bar--success .rank-progress__control {
  background-color: #64AD65 !important;
}
.rank-progress__bar--success.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__bar--success-light:before {
  background-color: #6bcd44;
}
.rank-progress__bar--success-light:after {
  background-color: #6bcd44;
}
.rank-progress__bar--success-light .rank-progress__control {
  background-color: #6bcd44 !important;
}
.rank-progress__bar--success-light.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__bar--info:before {
  background-color: #167CCE;
}
.rank-progress__bar--info:after {
  background-color: #167CCE;
}
.rank-progress__bar--info .rank-progress__control {
  background-color: #167CCE !important;
}
.rank-progress__bar--info.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__bar--warning:before {
  background-color: #f15200;
}
.rank-progress__bar--warning:after {
  background-color: #f15200;
}
.rank-progress__bar--warning .rank-progress__control {
  background-color: #f15200 !important;
}
.rank-progress__bar--warning.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__bar--danger:before {
  background-color: #c60028;
}
.rank-progress__bar--danger:after {
  background-color: #c60028;
}
.rank-progress__bar--danger .rank-progress__control {
  background-color: #c60028 !important;
}
.rank-progress__bar--danger.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}

/*-----------------------------------------------------------------------------------------------------
 *  DOCUMENT    : rank-progress-rounded.scss
 *----------------------------------------------------------------------------------------------------*/
.rank-progress__base .rank-progress__labels-top,
.rank-progress__base .rank-progress__labels-bottom,
.rank-progress__rounded .rank-progress__labels-top,
.rank-progress__rounded-bordered .rank-progress__labels-top,
.rank-progress__rounded .rank-progress__labels-bottom,
.rank-progress__rounded-bordered .rank-progress__labels-bottom,
.rank-progress__bordered .rank-progress__labels-top,
.rank-progress__bordered .rank-progress__labels-bottom {
  padding: 0 15px 0 15px;
}
.rank-progress__base .rank-progress__steps-wrapper,
.rank-progress__rounded .rank-progress__steps-wrapper,
.rank-progress__rounded-bordered .rank-progress__steps-wrapper,
.rank-progress__bordered .rank-progress__steps-wrapper {
  padding: 0 15px 0 15px;
}

.rank-progress__bordered:before, .rank-progress__rounded-bordered:before {
  border-width: 2px 0 2px 2px;
  border-style: solid;
  border-color: #fff;
}
.rank-progress__bordered:after, .rank-progress__rounded-bordered:after {
  border-width: 0;
  border-style: solid;
  border-color: #fff;
}
.rank-progress__bordered.rank-progress__full:after, .rank-progress__full.rank-progress__rounded-bordered:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__bordered .rank-progress__bar-wrapper, .rank-progress__rounded-bordered .rank-progress__bar-wrapper {
  border: 1px solid #CCCCCC;
}
.rank-progress__bordered .rank-progress__control, .rank-progress__rounded-bordered .rank-progress__control {
  border-style: solid;
  border-color: #fff;
  border-width: 2px;
}

.rank-progress__rounded .rank-progress__bar-wrapper, .rank-progress__rounded-bordered .rank-progress__bar-wrapper {
  border-radius: 30px;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.rank-progress__rounded .rank-progress__bar, .rank-progress__rounded-bordered .rank-progress__bar {
  padding: 0 15px 0 15px;
}
.rank-progress__rounded .rank-progress__bar:before, .rank-progress__rounded-bordered .rank-progress__bar:before {
  content: " ";
  position: absolute;
  height: 30px;
  width: 15px;
  top: 0;
  left: 0;
  border-radius: 30px 0 0 30px;
  -webkit-transition: "width 100ms ease, left 100ms ease";
  -mox-transition: "width 100ms ease, left 100ms ease";
  -ms-transition: "width 100ms ease, left 100ms ease";
  -o-transition: "width 100ms ease, left 100ms ease";
  transition: "width 100ms ease, left 100ms ease";
}
.rank-progress__rounded .rank-progress__bar.rank-progress__empty:before, .rank-progress__rounded-bordered .rank-progress__bar.rank-progress__empty:before {
  width: 0;
  left: 25px;
  border-width: 0;
}
.rank-progress__rounded .rank-progress__bar:after, .rank-progress__rounded-bordered .rank-progress__bar:after {
  content: " ";
  position: absolute;
  height: 30px;
  width: 0;
  top: 0;
  right: 15px;
  border-radius: 0 30px 30px 0;
  -webkit-transition: "width 100ms ease, right 100ms ease";
  -mox-transition: "width 100ms ease, right 100ms ease";
  -ms-transition: "width 100ms ease, right 100ms ease";
  -o-transition: "width 100ms ease, right 100ms ease";
  transition: "width 100ms ease, right 100ms ease";
}
.rank-progress__rounded .rank-progress__bar.rank-progress__full:after, .rank-progress__rounded-bordered .rank-progress__bar.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__rounded .rank-progress__bar .rank-progress__control, .rank-progress__rounded-bordered .rank-progress__bar .rank-progress__control {
  border-width: 2px 0 2px 0;
}

.rank-progress__slim .rank-progress__bar-wrapper {
  border-radius: 20px;
  background: #e9e9e9;
  height: 20px;
}
.rank-progress__slim .rank-progress__bar {
  padding: 0 10px 0 10px;
}
.rank-progress__slim .rank-progress__bar:before {
  content: " ";
  position: absolute;
  height: 20px;
  width: 10px;
  top: 0;
  left: 0;
  border-radius: 20px 0 0 20px;
  -webkit-transition: "width 100ms ease, left 100ms ease";
  -mox-transition: "width 100ms ease, left 100ms ease";
  -ms-transition: "width 100ms ease, left 100ms ease";
  -o-transition: "width 100ms ease, left 100ms ease";
  transition: "width 100ms ease, left 100ms ease";
}
.rank-progress__slim .rank-progress__bar.rank-progress__empty:before {
  width: 0;
  left: 25px;
  border-width: 0;
}
.rank-progress__slim .rank-progress__bar:after {
  content: " ";
  position: absolute;
  height: 20px;
  width: 0;
  top: 0;
  right: 10px;
  border-radius: 0 20px 20px 0;
  -webkit-transition: "width 100ms ease, right 100ms ease";
  -mox-transition: "width 100ms ease, right 100ms ease";
  -ms-transition: "width 100ms ease, right 100ms ease";
  -o-transition: "width 100ms ease, right 100ms ease";
  transition: "width 100ms ease, right 100ms ease";
}
.rank-progress__slim .rank-progress__bar.rank-progress__full {
  padding: 0 0 0 10px;
}
.rank-progress__slim .rank-progress__bar.rank-progress__full:after {
  border-width: 2px 2px 2px 0;
}
.rank-progress__slim .rank-progress__bar .rank-progress__control {
  border-width: 2px 0 2px 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

@media (max-width: 767px) {
  .rank-progress__step:not(.rank-progress__nextstep),
  .rank-progress__label-step:not(.rank-progress__nextstep) {
    display: none;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-select.scss
 *----------------------------------------------------------*/
.select {
  position: relative;
  font-size: 0.875rem;
}
.select:hover {
  cursor: pointer;
}
.select :not(.select__option--selected) .select__answer-value .select-additional__list,
.select :not(.select__option--selected) .select__option-value .select-additional__list,
.select :not(.type_one_screen) .select__answer-value .select-additional__list,
.select :not(.type_one_screen) .select__option-value .select-additional__list {
  display: flex;
  justify-content: space-between;
  color: #444;
}

.select-additional__list {
  margin-top: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.select-additional__list span {
  flex: 1;
}

.select__control {
  display: flex;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.select__control .select__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 0;
  position: relative;
  padding: 6px 12px;
  min-height: 42px;
  overflow: hidden;
  width: 100%;
}
.select__control .select__answer {
  color: #444;
  font-weight: 600;
  width: 100%;
}
.select__control .select__placeholder {
  color: #b1b1b1;
}
.select__control .select__input input {
  padding: 0;
  font-weight: normal;
  min-height: 30px;
  height: 100%;
  border: none !important;
  box-shadow: none !important;
  outline: none;
}
.select__control .select__input *:focus-visible, .select__control .select__input input:not([type=hidden]):focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none;
}
.select__control .select__input.select__input--hidden {
  opacity: 0;
  position: absolute;
}
.select__control .select__input.select__input--hidden input {
  min-height: 1px !important;
  height: 1px !important;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.select__control .select__input .select__user-input-only {
  font-weight: 600;
}

.select__control:focus-within {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
}

.select__indicators {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  position: relative;
  background: transparent;
  border: none;
}
.select__indicators:focus-visible {
  border-radius: 5px;
}
.select__indicators .select__icon {
  display: flex;
  margin-right: 12px;
  width: 12px;
  height: 12px;
  fill: #b1b1b1;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.select__indicators .select__icon--expanded {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.select__indicators .select__icon.select__icon--loader {
  width: 16px;
  height: 16px;
}
.select__indicators .select__icon:hover {
  cursor: pointer;
}

.select-single .select__control .select__container {
  justify-content: space-between;
}
.select-single .select__control .select__input {
  width: 100%;
}

.select-multiple .select__control .select__container {
  height: auto;
}
.select-multiple .select__control .select__placeholder {
  padding-top: 6px;
  padding-bottom: 6px;
}

.text-cursor {
  cursor: text;
}

.highlight-user-selection {
  font-weight: 600;
  color: red;
}

.rank-question-versionie .select-single .select__control .select__container, .rank-question-version .select-single .select__control .select__container {
  min-height: 48px;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-select-checkbox.scss
 *----------------------------------------------------------*/
.select__checkbox {
  content: "";
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
  border-radius: 3px;
}
.select__checkbox:not(.select__checkbox-checked) {
  border: 1px solid #d5d5d5;
}
.select__checkbox.select__checkbox-checked {
  position: relative;
  background-color: #20a3dd;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.select__checkbox.select__checkbox-checked .r-icon {
  fill: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-select.scss
 *----------------------------------------------------------*/
.select__menu {
  position: absolute;
  top: 100%;
  background-color: #fff;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  border-radius: 4px;
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;
  margin-left: 0;
}
.select__menu .select__menu-header {
  display: block;
  padding: 5px 13px;
  color: #20a3dd;
  font-weight: bold;
}
.select__menu .select__menu-list {
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
}
.select__menu .select__option {
  display: flex;
  align-items: center;
  position: relative;
  cursor: default;
  width: 100%;
  user-select: none;
  padding: 6px 16px;
  color: #333;
  background-color: #fff;
  border: none;
  text-align: left;
  font-weight: 600;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select__menu .select__option:focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: inset 0 0 0 4px #77AAE5 !important;
  z-index: 10;
}
.select__menu .select__option:hover {
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.select__menu .select__option:hover .select__checkbox {
  border-color: #20a3dd;
}
.select__menu .select__option.select__disabled {
  background-color: #f3f3f3;
  color: #888888;
  cursor: not-allowed;
}
.select__menu .select__option.select__disabled:hover {
  cursor: not-allowed;
  color: #888888;
}
.select__menu .select__option.select__disabled .select__option-no-offer {
  font-style: italic;
  font-size: 0.875rem;
  width: 30%;
}
.select__menu .select__option.select__option--disabled {
  background-color: inherit !important;
  color: #888888;
}
.select__menu .select__option.select__option--highlighted {
  background-color: #f5f5f5;
}
.select__menu .select__option .select__option-value {
  width: 100%;
}
.select__menu .select__option .select__option-description {
  width: 100%;
  font-weight: 400;
}

.select__option:focus,
.select__option:hover {
  background-color: #f5f5f5;
}

.select-single .select__menu .select__option.select__option--selected {
  background-color: #20a3dd;
  color: #fff;
}
.select-single .select__menu .select__option.select__option--selected > div div:last-of-type > span {
  color: #fff;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-select-multi.scss
 *----------------------------------------------------------*/
.select__multi {
  display: flex;
  flex-flow: wrap;
}
.select__multi .select__multi-value {
  display: flex;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  margin: 2px 5px 2px 0;
  padding: 4px 6px;
  color: #012174;
  font-weight: bold;
  border-radius: 4px;
  background: #eaedf4;
  overflow: hidden;
}
.select__multi .select__multi-value .select__multi-value__label {
  font-size: 0.875rem;
  padding-left: 0;
  padding-right: 6px;
  font-weight: 600;
}
.select__multi .select__multi-value .select__multi-value__remove {
  display: flex;
  align-items: center;
}
.select__multi .select__multi-value .select__multi-value__remove .r-icon {
  width: 18px;
  height: 18px;
  fill: #012174;
}

.bo-app .select__multi .select__multi-value .select__multi-value__label {
  font-size: 13px;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : rank-select-filter.scss
 *----------------------------------------------------------*/
.select--filter {
  display: flex;
  flex-flow: wrap;
}
.select--filter .select__control {
  padding-left: 38px;
  border: 1px solid #CCD2E3;
}
.select--filter .select__control:hover {
  background: #F5F6FA;
}
.select--filter .select__control:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="rgb(1,32,116)" width="18" height="18px" viewBox="0 0 18 18"><path d="M4.547 6.789L2.925 8.41a.707.707 0 11-1-1l2.829-2.828a.707.707 0 011 0L8.582 7.41a.707.707 0 01-1 1L5.96 6.79v6.125c0 .36-.317.652-.707.652-.39 0-.707-.292-.707-.652V6.789zm7.07 5.07V5.735c0-.36.316-.653.707-.653.39 0 .707.292.707.653v6.124l1.621-1.62a.707.707 0 111 1l-2.828 2.827a.707.707 0 01-1 0l-2.828-2.828a.707.707 0 011-1l1.62 1.621z"/></svg>');
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.select--filter .select__control--active {
  border-color: #E0E4EE !important;
}
.select--filter .select__control .select__container {
  padding: 6px 0;
}
.select--filter .select__control .select__placeholder {
  color: #012074;
  font-weight: 600;
  font-size: 0.875rem;
}
.select--filter .select__indicators .select__icon--arrow {
  width: 18px;
  height: 18px;
  fill: #A6B1CE;
}
.select--filter .select__menu {
  overflow: inherit;
  padding-left: 8px;
  padding-right: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  border: 1px solid #E0E4EE;
  list-style: none;
}
.select--filter .select__menu .select__menu-list {
  padding-top: 8px;
  padding-bottom: 8px;
}
.select--filter .select__menu .select__option {
  border-radius: 4px;
  padding: 10px 28px;
  color: #012074;
  font-size: 0.875rem;
  font-weight: 600;
}
.select--filter .select__menu .select__option.select__option--highlighted {
  background-color: #F0F2F7;
}
.select--filter .select-single .select__menu .select__option.select__option--selected {
  background-color: #F0F2F7;
  color: #012074;
}
.select--filter .select-single .select__menu .select__option.select__option--selected:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8" fill="rgba(106,205,68)" /><path fill="white" d="M11.547 5.417a.8.8 0 01.037 1.13l-3.75 4a.8.8 0 01-1.116.051l-2.25-2a.8.8 0 011.063-1.196L7.2 8.885l3.217-3.432a.8.8 0 011.131-.036z"/></svg>');
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
}
.select--filter .select-tooltip {
  display: flex;
}
.select--filter .select-tooltip span {
  background: #333;
  border-radius: 3px;
  color: #d4d7e8;
  padding: 12px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-decoration: none;
  text-align: left;
  transform: translateX(-50%);
  position: absolute;
  width: 280px;
  left: 2px;
  bottom: 40px;
  z-index: 1;
  white-space: pre-line;
  visibility: hidden;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.select--filter .select-tooltip span:hover {
  cursor: pointer;
}
.select--filter .select-tooltip span:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-top: 0.75em solid #333;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  bottom: -9px;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
}
.select--filter .select-tooltip span {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  transform: initial;
  display: none;
}
@media (max-width: 1023px) {
  .select--filter .select-tooltip:after {
    display: none;
  }
}
.select--filter .select-tooltip:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(1,32,116,.5)" width="16px" height="16px" viewBox="0 0 16 16"><path d="M7.333 6h1.334V4.666H7.333V6zM8 13.333A5.34 5.34 0 012.667 8 5.34 5.34 0 018 2.666 5.34 5.34 0 0113.333 8 5.34 5.34 0 018 13.333zm0-12a6.667 6.667 0 100 13.333A6.667 6.667 0 008 1.333zm-.667 10h1.334v-4H7.333v4z"/></svg>');
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: 2px;
}
.select--filter .select-tooltip:hover span {
  display: block;
}
.select--filter .select__answer {
  color: #012074;
}
.select--filter .select__answer-value .select-tooltip:after, .select--filter .select__answer-value .select-tooltip span {
  display: none !important;
}

.bo-app .select__control {
  border-radius: 3px;
}
@supports (-webkit-touch-callout: none) {
  .bo-app .select__control .select__container {
    height: 1px;
  }
}
.bo-app .select__control .select__answer {
  font-weight: 400;
}
.bo-app .select__control .select__input input {
  padding: 0 !important;
}
.bo-app .select__menu .select__option {
  font-weight: 400;
}
.bo-app .rank-panel .rank-panel-heading .select__control .select__container {
  min-height: 32px !important;
}
.bo-app rank-select.ng-invalid.ng-dirty .select .select__control {
  border-color: #D44950;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-slider.scss
 *-----------------------------------------------------------*/
.rank-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  cursor: default;
  width: 100%;
  margin-bottom: 15px;
}
.rank-slider[disabled] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.rank-slider__range-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 26px;
}
.rank-slider__range-input > .rank-input-group {
  max-width: 112px;
}
.rank-slider__range-input > .rank-input-group .rank-input-group__field {
  border-radius: 4px;
}
.rank-slider .slider-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 15px;
}
.rank-slider .slider-values .slider-value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #7e7e7e;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.rank-slider .slider-values .slider-value:last-of-type {
  text-align: right;
}
.rank-slider .slider-scale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 0.875rem;
  color: #888888;
}
.rank-slider .slider-scale > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rank-slider .slider-scale > div:last-of-type {
  text-align: right;
}

.slider-core {
  background-color: #e0e0e0;
  padding-right: 27px;
  height: 8px;
  position: relative;
  direction: ltr;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.slider-core .slider-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.slider-core .slider-connects {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.slider-core .slider-connects .slider-connect {
  background: #20a3dd;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  transform-origin: 0 0;
  will-change: transform;
}
.slider-core .slider-connects .slider-connect-single {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.slider-core .slider-origin {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  transform-origin: 0 0;
  will-change: transform;
}
.slider-core .slider-origin .slider-handle {
  background: #20a3dd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  opacity: 1 !important;
  width: 28px;
  height: 28px;
  cursor: pointer;
  right: -6px;
  left: 0;
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

@media (min-width: 1000px) {
  .rank-slider-stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: initial !important;
    position: relative;
    cursor: default;
    width: 100%;
    margin-bottom: 0;
  }
  .rank-slider-stretch[disabled] {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  .rank-slider-stretch .slider-values {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .rank-slider-stretch .slider-values .slider-value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #7e7e7e;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
  .rank-slider-stretch .slider-values .slider-value:last-of-type {
    text-align: right;
    width: 184px !important;
  }
  .rank-slider-stretch .slider-scale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-top: 10px !important;
    font-size: 0.875rem;
    color: #888888;
  }
  .rank-slider-stretch .slider-scale > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .rank-slider-stretch .slider-scale > div:last-of-type {
    text-align: right;
  }
  .slider-box {
    width: 100%;
    margin: 10px 10% 0 7%;
    position: relative;
  }
}
.slider-box .slider-core {
  padding-right: 15px;
}
.slider-box .slider-origin .slider-handle {
  background: #fff !important;
  border: 4px solid #20a3dd !important;
  width: 20px !important;
  height: 20px !important;
}

.new-ranking-screen .rank-slider:not(:is(.rank-slider-dirty)) .slider-connect, .new-ranking-screen .rank-slider:not(:is(.rank-slider-dirty)) .slider-handle, .offer-filter .rank-slider:not(:is(.rank-slider-dirty)) .slider-connect, .offer-filter .rank-slider:not(:is(.rank-slider-dirty)) .slider-handle {
  background: #D0D5DD;
}
.new-ranking-screen .rank-slider, .offer-filter .rank-slider {
  margin-bottom: 0;
}
.new-ranking-screen .rank-slider__core, .offer-filter .rank-slider__core {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.new-ranking-screen .rank-slider__core .slider-scale, .offer-filter .rank-slider__core .slider-scale {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 0.875rem;
  color: #475467;
  font-weight: 500;
}
.new-ranking-screen .slider-core, .offer-filter .slider-core {
  padding-right: 24px;
  height: 4px;
}
.new-ranking-screen .slider-core .slider-origin .slider-handle, .offer-filter .slider-core .slider-origin .slider-handle {
  width: 24px;
  height: 24px;
  box-shadow: none;
  border: none;
}
.new-ranking-screen .slider-core .slider-connect, .new-ranking-screen .slider-core .slider-handle, .offer-filter .slider-core .slider-connect, .offer-filter .slider-core .slider-handle {
  background: #012074;
}

#rankCreateNewCalculationModal {
  text-align: center;
}
#rankCreateNewCalculationModal .rank-modal-body {
  padding: 50px;
}
#rankCreateNewCalculationModal .rank-modal-body p {
  font-size: 1.25rem;
}
#rankCreateNewCalculationModal .rank-modal-body-title {
  color: #012174;
  font-size: 1.25rem;
  font-weight: bold;
}
#rankCreateNewCalculationModal .rank-modal-controls {
  margin-top: 0;
}

@media (max-width: 639px) {
  #rankCreateNewCalculationModal .rank-modal-body-title {
    font-size: 1.25rem;
  }
  #rankCreateNewCalculationModal .rank-modal-controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  #rankCreateNewCalculationModal .rank-modal-body {
    padding: 20px;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: renewal-reminder-callback.scss
 *----------------------------------------------------------*/
.rank-renewal-reminder-callback-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .rank-renewal-reminder-callback-container {
    flex-flow: column;
  }
}
.rank-renewal-reminder-callback-container {
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-renewal-reminder-callback__left {
  display: none;
}
@media (min-width: 1025px) {
  .rank-renewal-reminder-callback__left {
    display: flex;
    flex: 0 0 480px;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
@media (min-width: 1025px) {
  .rank-renewal-reminder-callback__left img {
    height: 400px;
    margin-right: 40px;
    margin-top: 20px;
  }
}
.rank-renewal-reminder-callback__right {
  max-width: 590px;
  padding: 50px 0;
}
.rank-renewal-reminder-callback__title {
  color: #012174;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  padding-left: 10px;
}
.rank-renewal-reminder-callback__title span {
  color: #20a3dd;
  text-decoration: underline;
  margin-bottom: 0;
}
.rank-renewal-reminder-callback__name {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.rank-renewal-reminder-callback__slogan {
  margin-top: 20px;
  font-size: 1rem;
  color: #4a4a4a;
  padding-left: 10px;
  line-height: 2rem;
}
@media (max-width: 1023px) {
  .rank-renewal-reminder-callback__title, .rank-renewal-reminder-callback__slogan {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 600px) {
  .rank-renewal-reminder-callback__name {
    font-size: 1.4rem;
  }
  .rank-renewal-reminder-callback__title {
    font-size: 1.1rem;
  }
  .rank-renewal-reminder-callback__slogan {
    font-size: 0.875rem;
  }
}

.rank-renewal-reminder-callback-status {
  display: flex;
  flex-flow: column;
  height: 100%;
}
@media (min-width: 1025px) {
  .rank-renewal-reminder-callback-status {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.rank-renewal-reminder-callback-status__name, .rank-renewal-reminder-callback-status__info {
  font-weight: 600;
  color: #012174;
}
.rank-renewal-reminder-callback-status__name {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.rank-renewal-reminder-callback-status__info {
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .rank-renewal-reminder-callback-status__name, .rank-renewal-reminder-callback-status__info {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
  .rank-renewal-reminder-callback-status__name {
    font-size: 1.4rem;
  }
  .rank-renewal-reminder-callback-status__info {
    font-size: 1rem;
  }
}

.rank-renewal-reminder-callback-form {
  display: flex;
  flex-flow: column;
  margin-top: 25px;
}
.rank-renewal-reminder-callback-form__button {
  max-width: 250px;
  width: 100%;
  margin-top: 15px;
}
.rank-renewal-reminder-callback-form .rank-question {
  flex-flow: column;
}
.rank-renewal-reminder-callback-form .rank-question .rank-question-area {
  padding: 6px 0.6rem;
}
.rank-renewal-reminder-callback-form .rank-question .rank-question-label {
  flex: 1;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 426px) {
  .rank-renewal-reminder-callback-form .rank-question .rank-question-area {
    max-width: 215px;
  }
}
@media (min-width: 426px) {
  .rank-renewal-reminder-callback-form callback-allowances .rank-question .rank-question-area {
    max-width: inherit;
  }
  .rank-renewal-reminder-callback-form callback-allowances .rank-question .rank-question-area .rank-checkbox {
    margin-bottom: 5px;
  }
}
@media (max-width: 1023px) {
  .rank-renewal-reminder-callback-form {
    padding-left: 5px;
    padding-right: 5px;
  }
  .rank-renewal-reminder-callback-form__button {
    margin-left: 20px;
  }
}

.promotion-form {
  margin-bottom: 20px;
}
.promotion-form__input {
  margin-bottom: 16px;
}
.promotion-form__group {
  margin-bottom: 16px;
}
.promotion-form .rank-question {
  align-items: center;
}
.promotion-form .rank-question .rank-question-label {
  margin-top: 0;
}
.promotion-form .rank-form-controls-calc {
  display: flex;
  flex-direction: row-reverse;
}

.email-callback {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.email-callback__title {
  color: #012174;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -2%;
}
.email-callback__input {
  margin: 20px auto;
  max-width: 300px;
}
.email-callback__group {
  margin-bottom: 20px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: school-nnw-registration.scss
 *----------------------------------------------------------*/
.rank-card-body .rank-card-school-nnw-alert, .rank-app-rating .rank-app-rating-body .rank-card-school-nnw-alert {
  margin-top: 40px !important;
  margin-bottom: 20px !important;
  max-width: 760px;
}
.rank-card-body .rank-card-school-nnw-alert > div:first-of-type, .rank-app-rating .rank-app-rating-body .rank-card-school-nnw-alert > div:first-of-type {
  padding-right: 15px !important;
}
.rank-card-body .rank-card-school-nnw-alert > div:last-of-type > a, .rank-app-rating .rank-app-rating-body .rank-card-school-nnw-alert > div:last-of-type > a {
  text-transform: initial !important;
}
.rank-card-body .rank-card-school-nnw-alert a:hover, .rank-app-rating .rank-app-rating-body .rank-card-school-nnw-alert a:hover, .rank-card-body .rank-card-school-nnw-alert a:focus, .rank-app-rating .rank-app-rating-body .rank-card-school-nnw-alert a:focus {
  text-decoration: none;
}

.school-nnw-info-alert {
  padding: 0 20px 20px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: school-nnw-finalize.scss
 *----------------------------------------------------------*/
.school-nnw-more-offer-section {
  display: flex;
}
.school-nnw-more-offer-section a {
  margin-left: 20px;
  text-transform: none;
}
.school-nnw-more-offer-section a:hover, .school-nnw-more-offer-section a:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .school-nnw-more-offer-section {
    flex-wrap: wrap;
  }
  .school-nnw-more-offer-section a {
    margin-left: 0px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: vehicle-remove.scss
 *----------------------------------------------------------*/
.vehicle-removed-section {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  margin: 50px 0 !important;
  color: #022173;
}
.vehicle-removed-section-title {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 600;
}
.vehicle-removed-section-description {
  margin: 0 auto;
  width: 60%;
  text-align: center;
  font-size: 1rem;
}
.vehicle-removed-section-box {
  width: 100%;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}
.vehicle-removed-section-box__text {
  font-size: 1rem;
  margin-bottom: 5px;
}
.vehicle-removed-section .button-ranko {
  margin: 20px auto;
  padding: 20px 30px;
  width: 290px;
  height: 70px;
  background-color: #414bb2;
  border-radius: 7px;
  color: white;
  text-decoration: none;
  font-size: 1.25rem;
}
.vehicle-removed-section .button-ranko:hover {
  cursor: pointer;
}

@media (max-width: 600px) {
  .vehicle-removed-section-title {
    font-size: 1.875rem;
  }
  .vehicle-removed-section-description {
    width: 80%;
    text-align: center;
    font-size: 0.875rem;
  }
  .vehicle-removed-section-box__title {
    font-size: 0.875rem;
  }
  .vehicle-removed-section-box__button {
    font-size: 0.875rem;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: already-have-oc.scss
 *----------------------------------------------------------*/
.already-have-oc-section {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  margin: 50px 0 !important;
  color: #022173;
}
.already-have-oc-section-title {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 600;
}
.already-have-oc-section-description {
  margin: 0 auto;
  width: 60%;
  text-align: center;
  font-size: 1rem;
}
.already-have-oc-section-box {
  width: 100%;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}
.already-have-oc-section-box__text {
  font-size: 1rem;
  margin-bottom: 5px;
}
.already-have-oc-section-box__calculator {
  margin: 20px 0;
}
.already-have-oc-section-box__calculator a {
  display: block;
  font-size: 1.25rem;
  color: #022173;
  text-decoration: underline;
  margin-bottom: 2px;
}
.already-have-oc-section-box__calculator a:hover {
  color: #022173;
}
.already-have-oc-section-box__calculator span {
  font-style: italic;
}
.already-have-oc-section-box__button {
  text-decoration: underline;
  color: #022173;
}
.already-have-oc-section-box__button:hover {
  cursor: pointer;
  color: #022173;
}
.already-have-oc-section .button-ranko {
  margin: 20px auto;
  padding: 20px 30px;
  width: 290px;
  height: 70px;
  background-color: #414bb2;
  border-radius: 7px;
  color: white;
  text-decoration: none;
  font-size: 1.25rem;
}
.already-have-oc-section .button-ranko:hover {
  cursor: pointer;
}

@media (max-width: 600px) {
  .already-have-oc-section-title {
    font-size: 1.875rem;
  }
  .already-have-oc-section-description {
    width: 80%;
    text-align: center;
    font-size: 0.875rem;
  }
  .already-have-oc-section-box__title {
    font-size: 0.875rem;
  }
  .already-have-oc-section-box__calculator a {
    font-size: 1rem;
  }
  .already-have-oc-section-box__button {
    font-size: 0.875rem;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: already-have-insurance.scss
 *----------------------------------------------------------*/
.already-have-insurance-section {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  margin: 50px 0 !important;
  color: #022173;
}

/*-----------------------------------------------------------
 *  DOCUMENT: insurer-transfer-header.scss
 *----------------------------------------------------------*/
.insurer-transfer-header {
  margin-top: 35px;
  font-size: 19px;
  color: #012174;
}

/*-----------------------------------------------------------
 *  DOCUMENT: core/app.scss
 *----------------------------------------------------------*/
@supports (min-height: 100vh) {
  @supports not (-webkit-touch-callout: none) {
    body {
      min-height: 100vh;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
}
body:has(.new-ranking-screen) {
  background-color: #F2F4F7;
}

@supports (min-height: 100vh) {
  @supports not (-webkit-touch-callout: none) {
    .rank-app {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    .rank-app:has(.rank-spinner) {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
}

#line-auto .row--wide {
  max-width: 80rem;
}

a {
  color: #0457BA;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:hover {
  color: #0457BA;
  text-decoration: underline;
}

input, textarea, select, option, optgroup, button, td, th {
  font-family: "Open Sans", sans-serif;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .rank-agent-img {
    background: url("/kalkulator/static/files/public/images/app/agent-retina.png") no-repeat left top;
    background-size: 100%;
  }
}

.rank-hashtag {
  font-weight: 600;
  color: #012174;
}

._4848_popup svg {
  height: auto;
}

button {
  cursor: pointer;
}

table {
  margin-bottom: 0;
  border-collapse: collapse;
}
table tbody {
  border: none;
}
table tbody th {
  font-weight: unset;
  text-align: left;
  padding: 0;
}
table tbody td {
  padding: 8px 19px;
}
table tbody tr:nth-child(even) {
  border-bottom: unset;
  background-color: unset;
}

*:focus-visible,
input:not([type=hidden]):focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
}

/*-----------------------------------------------------------
 *  DOCUMENT: 404.scss
 *-----------------------------------------------------------*/
.rank-error-page .rank-error-page-content {
  background-color: #DAE9F0;
  padding: 60px 0 40px;
}
.rank-error-page .rank-error-page-content header {
  color: #012174;
  text-align: center;
}
.rank-error-page .rank-error-page-content header h2 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.rank-error-page .rank-error-page-content header img {
  width: 400px;
  margin-bottom: 60px;
}
.rank-error-page .rank-error-page-content header p {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .rank-error-page .rank-error-page-content header p {
    font-size: 1.25rem;
  }
}
.rank-error-page .rank-error-page-content header .rank-error-page-code {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.rank-error-page .rank-error-page-content header .rank-error-page-code-info {
  margin-bottom: 25px;
}
.rank-error-page .rank-error-page-content .rank-error-page-categories {
  margin: 40px 0 0;
}
.rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating {
  width: 200px;
  background: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #e9e9e9;
  text-align: center;
  padding: 20px 20px;
  margin: 0 auto;
  border-radius: 0;
  box-shadow: none;
}
.rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card h4, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating h4 {
  font-size: 0.875rem;
  color: #012174;
  font-weight: 700;
}
.rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card h4:hover, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating h4:hover {
  text-decoration: underline;
}
.rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card img, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating img {
  height: 65px;
  margin: 30px auto 40px;
}
@media (max-width: 1024px) {
  .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating {
    min-width: 100px;
  }
}
@media (max-width: 980px) {
  .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating {
    margin-bottom: 30px;
  }
}
@media (max-width: 980px) and (min-width: 800px) {
  .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating {
    margin: 0 30px;
    margin-bottom: 30px;
  }
}
.rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-card:hover, .rank-error-page .rank-error-page-content .rank-error-page-categories .rank-cards .rank-app-rating:hover {
  text-decoration: underline;
}
.rank-error-page .rank-error-page-content .rank-error-page-another {
  font-size: 0.875rem;
  text-align: center;
  font-weight: 300;
  margin-top: 40px;
  color: #0a0a0a;
}
.rank-error-page .rank-error-page-content .rank-error-page-another .rank-error-override-info {
  font-size: 1.25rem;
  font-weight: 600;
  color: #012174;
  padding-bottom: 40px;
}
.rank-error-page .rank-error-page-content .rank-error-page-another a {
  color: #022173;
  text-decoration: underline;
}

/*-----------------------------------------------------------
 *  DOCUMENT: client-account-login-buttons.scss
 *----------------------------------------------------------*/
.rank-client-account-buttons .ca__login {
  border-radius: 5px;
  width: 100%;
  border: 1px solid #d0d0d0;
  text-transform: none;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}
.rank-client-account-buttons .ca__login svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
@media (max-width: 440px) {
  .rank-client-account-buttons .ca__login {
    border-radius: 50%;
    padding: 10px;
  }
  .rank-client-account-buttons .ca__login svg {
    margin-right: 0;
  }
  .rank-client-account-buttons .ca__login span {
    display: none;
  }
}
.rank-client-account-buttons .account-details {
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: inherit;
  letter-spacing: inherit;
}
.rank-client-account-buttons .account-details__summary {
  margin-right: 10px;
}
.rank-client-account-buttons .account-details__summary span {
  font-size: 0.875rem;
  color: rgba(35, 44, 66, 0.8);
}
.rank-client-account-buttons .account-details__summary strong {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #012074;
  display: block;
}
.rank-client-account-buttons .account-details__icon svg {
  width: 40px;
  height: 40px;
}
@media (max-width: 419px) {
  .rank-client-account-buttons .account-details__summary {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: client-account-menu.scss
 *----------------------------------------------------------*/
.ca-menu {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1070;
  background: #fff;
  text-align: left;
  width: 370px;
  transition: transform 350ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 412px) {
  .ca-menu {
    width: 100%;
  }
}
.ca-menu .ca-menu__closer {
  opacity: 1;
  visibility: visible;
}
.ca-menu__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(46, 52, 67, 0.85);
  z-index: 1065;
}
.ca-menu__closer {
  cursor: pointer;
  color: #8C9AC1;
  font-size: 1.875rem;
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 0;
  transition: opacity 350ms;
  visibility: hidden;
}
.ca-menu__user {
  background-color: #012074;
  padding: 64px 16px 32px 16px;
  color: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 419px) {
  .ca-menu__user {
    padding: 32px 16px 32px 16px;
  }
}
.ca-menu__avatar {
  margin-right: 16px;
}
.ca-menu__avatar svg {
  width: 40px;
  height: 40px;
}
.ca-menu__name {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 4px;
  font-weight: 600;
}
.ca-menu__email {
  margin-bottom: 0;
}
.ca-menu__links {
  padding: 32px 16px;
}
.ca-menu__link {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
@media (max-width: 419px) {
  .ca-menu__link {
    margin-bottom: 16px;
  }
}
.ca-menu__link-icon {
  margin-right: 16px;
}
.ca-menu__link-icon svg {
  width: 40px;
  height: 40px;
}
.ca-menu__link-name {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.ca-menu__link-name a {
  color: #232C42;
  text-decoration: none;
}
.ca-menu__link-name a:hover {
  color: #20a3dd;
}
.ca-menu__link-subtext {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
}
.ca-menu__spacer {
  height: 1px;
  background-color: rgba(1, 32, 116, 0.08);
  margin-bottom: 28px;
}
@media (max-width: 419px) {
  .ca-menu__spacer {
    margin-bottom: 16px;
  }
}
.ca-menu__calc-id {
  padding: 0 0 24px 24px;
}

.rank-animate.rank-animate--ca-menu.ng-enter {
  transform: translateX(100%);
}
.rank-animate.rank-animate--ca-menu.ng-enter.ng-enter-active {
  transform: translateX(0);
}
.rank-animate.rank-animate--ca-menu.ng-leave {
  transform: translateX(0);
}
.rank-animate.rank-animate--ca-menu.ng-leave-active {
  transform: translateX(100%);
}

.ca-input {
  position: relative;
  margin-bottom: 16px;
}
.ca-input__label {
  position: absolute;
  left: 16px;
  top: 20px;
  transition: all 0.2s;
  color: rgba(1, 32, 116, 0.4);
  pointer-events: none;
  font-weight: 500;
  font-size: 1rem;
}
.ca-input__label::after {
  opacity: 0.7;
}
.ca-input__control {
  padding: 26px 16px 14px 16px;
  border: 1px solid rgba(1, 32, 116, 0.2);
  border-radius: 5px;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  outline: none;
  color: #6b7284;
  height: auto;
}
.ca-input__control:-webkit-autofill, .ca-input__control:-webkit-autofill:hover, .ca-input__control:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px #fff inset !important;
}
.ca-input__control:active, .ca-input__control:focus {
  font-weight: 500;
}
.ca-input__control:focus:not(.ca-input--invalid), .ca-input__control:active:not(.ca-input--invalid) {
  border-color: #2e87f8;
  box-shadow: 0px 0px 0px 4px rgba(32, 163, 221, 0.12);
}
.ca-input__control:focus:not(.ca-input--invalid) + label, .ca-input__control:active:not(.ca-input--invalid) + label {
  font-size: 0.875rem;
  color: #2e87f8;
  transform: translateY(-16px);
  transition: transform 0.4s;
}
.ca-input__control:focus:not(.ca-input--invalid) + label::after, .ca-input__control:active:not(.ca-input--invalid) + label::after {
  opacity: 1;
}
.ca-input__control::placeholder {
  opacity: 0;
}
.ca-input__control:placeholder-shown + label::after {
  opacity: 0;
}
.ca-input__control:not(:placeholder-shown) + label {
  transform: translateY(-16px);
  font-size: 0.875rem;
}
.ca-input__control.ng-valid.ca-input--show-valid + label::after {
  content: "";
  position: absolute;
  right: -16px;
  top: 4px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%2347B71C'/%3E%3Cpath d='M12.9766 19.8095L18.1483 24.8889L27.1988 16' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-input__control:disabled {
  background-color: rgba(1, 32, 116, 0.0392156863);
}
.ca-input--invalid.ng-not-empty {
  border-color: #bf2600 !important;
  box-shadow: none !important;
}
.ca-input--invalid.ng-not-empty + label {
  color: #bf2600;
}
.ca-input--invalid.ng-not-empty + label::after {
  content: none !important;
}
.ca-input__toggler {
  position: absolute;
  right: 10px;
  top: 22px;
  cursor: pointer;
  opacity: 0.4;
}
.ca-input__toggler svg {
  width: 32px;
  height: 20px;
  pointer-events: none;
}

/*-----------------------------------------------------------
 *  DOCUMENT: client-account-modal.scss
 *----------------------------------------------------------*/
.ca-modal .rank-modal-dialog {
  max-width: 900px;
}
.ca-modal .rank-modal-content {
  border-radius: 6px;
}
.ca-modal .rank-checkbox {
  margin-bottom: 0;
}
.ca-modal__iframe {
  border: none;
  height: 100%;
  width: 100%;
  border-radius: 6px;
}
.ca-modal__desktop {
  background: linear-gradient(0deg, #DAE9F0, #DAE9F0);
  width: 38%;
  padding: 50px 40px;
  position: relative;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
@media (max-width: 767px) {
  .ca-modal__desktop {
    display: none;
  }
}
.ca-modal__desktop::after {
  content: "";
  background-image: url("/kalkulator/static/files/public/images/app/svg/household-drawing.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 180px;
}
.ca-modal__logo {
  margin-bottom: 40px;
}
.ca-modal__register-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #012074;
  margin-bottom: 24px;
}
.ca-modal__register-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 32px;
}
.ca-modal__register-item {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 16px;
  color: #464646;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%2347B71C'/%3E%3Cpath d='M12.9766 19.8095L18.1483 24.8889L27.1988 16' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 0 0;
  padding-left: 40px;
}
.ca-modal__register-btn.button {
  margin-bottom: 120px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(70, 70, 70, 0.22);
  text-decoration: none;
  text-transform: initial;
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 17px 20px;
}
.ca-modal__login {
  width: 62%;
}
@media (max-width: 900px) {
  .ca-modal__login {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .ca-modal__login {
    width: 100%;
    padding: 0;
    height: 600px;
  }
}
.ca-modal__mobile {
  display: none;
  padding: 0 24px 50px 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .ca-modal__mobile {
    display: block;
  }
}
.ca-modal__mobile-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #012074;
  margin-bottom: 8px;
  font-weight: 600;
}
.ca-modal__mobile-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #464646;
  margin-bottom: 16px !important;
}
.ca-modal__mobile-btn.button {
  display: inline-block;
  width: auto;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.ca-modal__body {
  display: flex;
  padding: 0 !important;
}
@media (max-width: 767px) {
  .ca-modal__body {
    display: block;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: mark-text.scss
 *----------------------------------------------------------*/
.rank-mark-text {
  margin-top: 20px;
  width: 100%;
}
.rank-mark-text__header-wrapper {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .rank-mark-text__header {
    min-height: 22px;
  }
}
@media (max-width: 360px) {
  .rank-mark-text__header {
    min-height: 66px;
  }
}
.rank-mark-text__lead {
  display: block;
  margin-right: 26px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .rank-mark-text__lead {
    min-height: 66px;
  }
}
.rank-mark-text .icon-toggle svg {
  width: 14px;
  height: 14px;
}
.rank-mark-text .icon-toggle--active {
  transform: rotate(180deg);
}
.rank-mark-text header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.rank-mark-text header h1 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  color: #012174;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rank-mark-text header .button-toggler {
  display: none;
}
.rank-mark-text article {
  margin-top: 20px;
  color: rgb(70.04, 70.04, 70.04);
  line-height: 1.25rem;
  font-weight: 400;
  position: relative;
}
.rank-mark-text article h2 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.rank-mark-text article h3 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.rank-mark-text article h4 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.rank-mark-text article .icon-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.5rem;
  padding: 10px;
  margin: -10px;
}
.rank-mark-text article .icon-toggle:hover {
  cursor: pointer;
  color: #20a3dd;
}
.rank-mark-text article p, .rank-mark-text article ol, .rank-mark-text article ul {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rank-mark-text header, .rank-mark-text article {
  padding-left: 0.9375rem;
}

@media (max-width: 639px) {
  .rank-mark-text header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .rank-mark-text header h1 {
    margin-bottom: 0;
    font-size: 1rem;
  }
  .rank-mark-text header .button-toggler {
    display: block;
    font-size: 1.5rem;
    padding: 10px;
    margin: -10px;
  }
  .rank-mark-text header .button-toggler:hover {
    cursor: pointer;
    color: #20a3dd;
  }
  .rank-mark-text article {
    display: none;
  }
  .rank-mark-text article .icon-toggle {
    position: static;
    float: right;
    padding: 10px;
    margin: -10px;
  }
  .rank-mark-text article.mark-content-visible {
    display: block;
  }
}
#line-auto .rank-mark-text header h1 {
  letter-spacing: -0.04em;
}

/*-----------------------------------------------------------
 *  DOCUMENT: app-rating.scss
 *----------------------------------------------------------*/
.rank-app-rating {
  margin-top: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rank-app-rating .rank-app-rating-body {
  padding: 20px;
}
.rank-app-rating .rank-app-rating-body > div:first-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rank-app-rating .rank-app-rating-body ul {
  list-style: none;
  padding-left: 0;
  vertical-align: middle;
  margin: 0 20px 0 0;
  display: flex;
}
.rank-app-rating .rank-app-rating-body ul li {
  display: inline-block;
  margin-right: -1px;
  height: 36px;
}
.rank-app-rating .rank-app-rating-body ul li:hover {
  cursor: pointer;
}
.rank-app-rating .rank-app-rating-body ul li .draw {
  color: #20a3dd;
}
.rank-app-rating .rank-app-rating-body ul li button {
  color: #BEBEBE;
  -webkit-transition: all 0.2s ease;
  -mox-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  margin-right: 6px;
}
.rank-app-rating .rank-app-rating-body ul li button:hover {
  text-decoration: none;
}
.rank-app-rating .rank-app-rating-body ul li button svg {
  width: 36px;
  height: 36px;
}
.rank-app-rating .rank-app-rating-body .rank-app-rating-value .rank-app-rating-avg {
  font-size: 1.5rem;
  font-weight: bold;
  color: #20a3dd;
}
.rank-app-rating .rank-app-rating-body .rank-app-rating-value .rank-app-rating-count {
  font-size: 1rem;
  color: #aba8a8;
  font-weight: 600;
  letter-spacing: -0.06rem;
}
.rank-app-rating .rank-app-rating-body .rank-app-rating-readonly {
  color: #36b436;
  font-weight: bold;
  margin-top: 10px;
}
.rank-app-rating .rank-app-rating-meta {
  display: none !important;
}

@media (max-width: 430px) {
  .rank-app-rating {
    text-align: center;
  }
  .rank-app-rating .rank-app-rating-body > div:first-of-type {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
@media (max-width: 290px) {
  .rank-app-rating .rank-app-rating-body ul li i {
    font-size: 1.875rem;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: safe-buy-section.scss
 *----------------------------------------------------------*/
.rank-safe-buy-section {
  margin-bottom: 70px;
}
.rank-safe-buy-section .rank-safe-buy-section__header {
  color: #475467;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.rank-safe-buy-section .rank-safe-buy-section__body {
  text-align: center;
  justify-content: center;
  row-gap: 20px;
}

@media (max-width: 1023px) {
  .rank-safe-buy-section {
    margin-bottom: 50px;
  }
  .rank-safe-buy-section .rank-safe-buy-section__header {
    font-size: 0.875rem;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: promo-bar.scss
 *----------------------------------------------------------*/
.rank-promo-bar--fixed {
  position: fixed;
  top: 0;
  z-index: 1030;
  width: 100%;
}

.rank-promo-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  color: #012174;
  background: #fde6f9;
}
.rank-promo-bar--pp {
  background-color: #e1f8f0;
}
.rank-promo-bar__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  height: 100%;
  padding: 5px 10px;
}
.rank-promo-bar__icon {
  position: relative;
}
.rank-promo-bar__icon img {
  position: relative;
  top: 5px;
  margin-right: 10px;
  width: 130px;
  height: 44px;
}
.rank-promo-bar__icon-pp img {
  margin-bottom: 6px;
}
.rank-promo-bar__message {
  text-align: center;
  line-height: 1.25rem;
}
.rank-promo-bar__more {
  margin-left: 10px;
}
.rank-promo-bar__more-link {
  display: block;
  color: #012174;
  text-decoration: underline;
}
.rank-promo-bar__more-icon {
  display: none;
}
.rank-promo-bar__close {
  position: absolute;
  right: 0;
  top: 0;
  color: #fde6f9;
}
@media (max-width: 1023px) {
  .rank-promo-bar {
    font-size: 0.93em;
    padding: 10px;
  }
  .rank-promo-bar__more-link {
    display: none;
  }
  .rank-promo-bar__more-icon {
    display: block;
  }
  .rank-promo-bar__more-icon svg {
    width: 20px;
    height: 20px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: promo-bar-modal.scss
 *----------------------------------------------------------*/
.promo-bar-modal .rank-modal-content {
  padding: 2em;
  min-height: 400px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.promo-bar-modal__close {
  position: absolute;
  right: 25px;
  top: 25px;
}
.promo-bar-modal__close svg {
  fill: #bbb;
  width: 18px;
  height: 18px;
}
.promo-bar-modal__header {
  color: #012174;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  padding-right: 30px;
}
.promo-bar-modal__main-section {
  margin-top: 20px;
  font-size: 0.875rem;
}
.promo-bar-modal__main-section li {
  line-height: 1.25rem;
  margin-bottom: 10px;
}
@media (max-width: 400px) {
  .promo-bar-modal__main-section {
    font-size: 0.8rem;
  }
}
@media (max-width: 639px) {
  .promo-bar-modal__header {
    font-size: 1.3em;
  }
}

.rank-upgrade-bar {
  background-color: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10000;
  text-align: center;
}
.rank-upgrade-bar p {
  color: #012174;
  font-size: 1rem;
  padding: 20px 40px;
  margin: 0;
}
.rank-upgrade-bar button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
  top: 2px;
  bottom: 0;
  right: 15px;
  margin: auto 0;
  font-size: 2.5em;
  background: transparent;
  border: none;
}

@media all and (max-width: 767px) {
  .rank-upgrade-bar p {
    font-size: 0.875rem;
    padding: 10px 20px;
  }
}
@media all and (max-width: 400px) {
  .rank-upgrade-bar p {
    font-size: 0.875rem;
    padding: 10px 25px;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: promotion-banner.scss
 *----------------------------------------------------------*/
.promotion-banner {
  border: none;
  width: 100%;
}

/*-----------------------------------------------------------
 *  DOCUMENT: promotion-modal.scss
 *----------------------------------------------------------*/
.promotion-modal.rank-modal .rank-modal-content {
  background: none;
}
.promotion-modal .promotion-modal-content {
  border: none;
  width: 100%;
}
.promotion-modal__waiting {
  background: white;
  padding: 10px;
}
.promotion-modal__error {
  background: white;
  padding: 10px;
}
.promotion-modal__footer {
  display: flex;
  justify-content: center;
}
.promotion-modal__footer .button {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #dcdcdc;
}

header-promotion-bar {
  display: contents;
}

.header-promotion-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5;
  color: #101828;
  background: #FEF0C7;
  padding: 8px 96px;
  width: 100%;
  height: 40px;
  position: sticky;
  top: 0;
  z-index: 1039;
}
@media (max-width: 639px) {
  .header-promotion-bar {
    padding: 8px 16px;
  }
}
.header-promotion-bar__check-promotions-text {
  font-weight: 600;
}
.header-promotion-bar__check-details-text {
  color: #0457BA;
}
.header-promotion-bar__expand-icon {
  margin-left: 4px;
}
@media (max-width: 639px) {
  .header-promotion-bar__expand-icon {
    transform: rotate(-90deg);
  }
}

.header-promotion-banners {
  background-color: #F2F4F7;
  padding-top: 16px;
  padding-bottom: 40px;
}
@media (max-width: 1023px) {
  .header-promotion-banners {
    padding-top: 0;
    padding-bottom: 24px;
    background-color: #F9FAFB;
    min-height: 100vh;
  }
}
.header-promotion-banners__header {
  padding: 0 16px;
  margin: 0 80px;
  text-align: right;
}
@media (max-width: 1023px) {
  .header-promotion-banners__header {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    margin: 0;
    background-color: #FFF;
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1019607843), 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
    position: sticky;
    top: 0;
    z-index: 2;
  }
}
.header-promotion-banners__header-label {
  font-size: 1rem;
  font-weight: 600;
  color: #101828;
  margin-bottom: 0;
  display: none;
}
@media (max-width: 1023px) {
  .header-promotion-banners__header-label {
    display: block;
  }
}
@media (min-width: 1024px) {
  .header-promotion-banners__icon-close {
    width: 48px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
.header-promotion-banners__list {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 1023px) {
  .header-promotion-banners__list {
    flex-direction: column;
    align-items: center;
    padding: 24px 12px;
  }
}
.header-promotion-banners__list-item {
  display: flex;
  flex-direction: column;
  width: 320px;
  background-color: #FFF;
  border-radius: 6px;
  margin-right: 24px;
}
.header-promotion-banners__list-item:last-child {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .header-promotion-banners__list-item {
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1019607843), 0 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
    margin-right: 0;
    margin-bottom: 24px;
  }
  .header-promotion-banners__list-item:last-child {
    margin-bottom: 0;
  }
}
.header-promotion-banners__list-item--highlighted {
  border: 2px solid #FEC84B;
  overflow: hidden;
}
.header-promotion-banners__logo {
  width: 320px;
  height: 128px;
  border-radius: 6px 6px 0 0;
}
.header-promotion-banners__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 16px;
  letter-spacing: 0;
}
.header-promotion-banners__highlight-badge {
  display: flex;
  justify-content: center;
  border-radius: 6px;
  padding: 2px 8px;
  background-color: #FEF0C7;
  color: #7A2E0E;
  margin-bottom: 16px;
  width: fit-content;
}
.header-promotion-banners__highlight-badge-icon {
  align-self: center;
}
.header-promotion-banners__highlight-badge-text {
  margin-left: 4px;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 20px;
}
.header-promotion-banners__title {
  font-weight: 600;
  font-size: 1rem;
  color: #101828;
  line-height: 1.5;
  margin: 0;
}
.header-promotion-banners__subtitle {
  font-size: 0.875rem;
  line-height: 20px;
  color: #344054;
  margin-top: 8px;
  margin-bottom: 0;
}
.header-promotion-banners__details-button {
  color: #0033D6;
  font-size: 0.875rem;
  line-height: 20px;
  text-decoration: underline;
  margin-top: auto;
  padding-top: 16px;
  width: fit-content;
}
.header-promotion-banners__text-close {
  width: 320px;
  margin: 0 auto;
}
.header-promotion-banners__text-close.essence-button--large.essence-button--primary {
  display: none;
}
@media (max-width: 1023px) {
  .header-promotion-banners__text-close.essence-button--large.essence-button--primary {
    display: block;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: promotion-error-bar.scss
 *----------------------------------------------------------*/
.promotion-error-bar {
  background-color: #FFF;
  box-shadow: 0 0 20px #E1E1E1;
  border-left: 4px solid #3297E6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.promotion-error-bar .promotion-error-bar_info {
  padding: 1em;
}
.promotion-error-bar .promotion-error-bar_info svg {
  width: 3.75rem;
  height: 3.75rem;
  fill: #FFF;
  margin: 0 auto;
}
.promotion-error-bar .promotion-error-bar_message {
  padding: 1em;
  display: flex;
  align-items: center;
}
.promotion-error-bar .promotion-error-bar_message h4 {
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
.promotion-error-bar .promotion-error-bar_message h6 {
  font-size: 1rem;
}
.promotion-error-bar .promotion-error-bar_message span {
  display: inline-block;
}
.promotion-error-bar .promotion-error-bar_message span strong, .promotion-error-bar .promotion-error-bar_message span em {
  font-weight: 700;
}
.promotion-error-bar .promotion-error-bar_message span em {
  text-decoration: underline;
  font-style: normal;
}
.promotion-error-bar .promotion-error-bar_message_only_header {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*-----------------------------------------------------------
 *  DOCUMENT: promotions-form.scss
 *----------------------------------------------------------*/
.rank-promotions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}
.rank-promotions__left {
  order: 2;
  flex: 0 0 80px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.rank-promotions__left img {
  width: 48px;
  height: 48px;
}
@media (min-width: 1024px) {
  .rank-promotions__left {
    order: 1;
  }
}
.rank-promotions__content {
  order: 1;
  padding: 16px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .rank-promotions__content {
    order: 2;
    padding-left: 0;
  }
  .rank-promotions__content > div {
    max-width: 475px;
  }
}
@media (max-width: 639px) {
  .rank-promotions__content button {
    display: block;
  }
  .rank-promotions__content--school-nnw button {
    display: initial;
  }
}
.rank-promotions__right {
  display: none;
}
@media (min-width: 1024px) {
  .rank-promotions__right {
    order: 3;
    display: flex;
    flex: 0 0 145px;
  }
  .rank-promotions__right img {
    padding: 16px;
  }
}

.rank-promotion-custom {
  background-color: transparent !important;
  box-shadow: none;
}

/*-----------------------------------------------------------
 *  DOCUMENT: school-nnw-modal.scss
 *----------------------------------------------------------*/
@media (min-width: 426px) {
  .school-nnw-modal.rank-modal .rank-modal-body {
    padding: 25px;
  }
}
.school-nnw-modal.rank-modal .rank-close-button {
  font-size: 52px;
  color: #bdbdbd;
  top: 4px;
  right: 18px;
}
.school-nnw-modal.rank-modal .rank-modal-content {
  border-radius: 6px;
}

@media (max-width: 450px) {
  .school-nnw-modal .rank-modal-body div {
    text-align: inherit;
    color: #012174;
  }
}
.school-nnw-modal .rank-modal-body__title {
  display: flex;
  margin-right: 0 !important;
}
.school-nnw-modal .rank-modal-body__title--text {
  font-weight: 600;
  font-size: 16px;
  margin: 20px 0 0;
  cursor: pointer;
}
@media (max-width: 800px) {
  .school-nnw-modal .rank-modal-body__title--text {
    font-size: 0.875rem;
  }
}
.school-nnw-modal .rank-modal-body__title--extended {
  margin: auto 0 auto auto !important;
  text-align: right;
  font-size: 30px;
}
.school-nnw-modal .rank-modal-body__title--extended a {
  color: #012174;
}
.school-nnw-modal__title {
  color: #012174;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.02rem;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .school-nnw-modal__title {
    font-size: 1rem;
  }
}
.school-nnw-modal__title--header {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .school-nnw-modal__title--header {
    font-size: 1.25rem;
  }
}
.school-nnw-modal__title i {
  position: absolute;
  right: 0;
  top: 0;
}
.school-nnw-modal--section {
  margin-top: 40px;
  display: flex;
}
.school-nnw-modal--spacer {
  margin: 20px 0;
}
.school-nnw-modal__footer {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.school-nnw-modal__footer > .school-nnw-button {
  background: #FFFFFF;
  box-shadow: none !important;
  max-width: 130px;
  height: 50px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  width: 100%;
}
.school-nnw-modal__footer > .school-nnw-button:hover {
  background: #f3f4f8 !important;
  box-shadow: 0 2px 0 0 #e0e1e3 !important;
}
@media (max-width: 800px) {
  .school-nnw-modal__footer > .school-nnw-button {
    max-width: 110px;
    height: 40px;
    font-size: 0.875rem;
  }
}

.school-nnw-modal-welcome {
  margin-top: 10px;
}

.school-nnw-modal-intro {
  display: flex;
  align-items: center;
  margin: 20px 0;
  background: #f3f3f3;
  padding: 16px;
  line-height: 1.25rem;
}
@media (min-width: 426px) {
  .school-nnw-modal-intro {
    margin: 30px 0 40px;
  }
}
.school-nnw-modal-intro__item {
  display: flex;
  flex: 0 0 95px;
}
@media (max-width: 425px) {
  .school-nnw-modal-intro__item {
    flex: 0 0 50px;
    margin-right: 10px;
    flex-flow: column;
  }
}
.school-nnw-modal-intro__item img {
  height: inherit;
  margin-top: 0;
  padding-right: 12px;
}
.school-nnw-modal-intro__text {
  flex-grow: 1;
  font-size: 0.875rem;
  letter-spacing: -0.02rem;
}

.school-nnw-modal-info {
  display: flex;
  justify-content: space-around;
  margin: 40px 0;
}
@media (max-width: 425px) {
  .school-nnw-modal-info {
    flex-flow: column;
    margin: 20px 0;
  }
}
@media (max-width: 425px) {
  .school-nnw-modal-info__item {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 320px) {
  .school-nnw-modal-info__item {
    margin-bottom: 10px;
  }
}
.school-nnw-modal-info__item img {
  height: 80px;
}
@media (min-width: 426px) {
  .school-nnw-modal-info__item img {
    height: 140px;
    margin: auto;
  }
}
@media (max-width: 320px) {
  .school-nnw-modal-info__item img {
    height: 36px;
  }
}
.school-nnw-modal-info__item p {
  color: #ca3f46;
  margin-left: 25px;
}
@media (min-width: 426px) {
  .school-nnw-modal-info__item p {
    text-align: center;
    margin-left: 0;
  }
}
.school-nnw-modal-info__item p span {
  display: block;
  font-weight: 600;
  font-size: 1rem;
}

.school-nnw-modal-allowance {
  margin-top: 15px;
  font-size: 0.875rem;
}

.school-nnw-modal-additional {
  margin-top: 17px;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .school-nnw-modal-additional {
    margin-top: 17.5px;
    margin-bottom: 17.5px;
  }
}
.school-nnw-modal-additional__title {
  position: relative;
}
.school-nnw-modal-additional__title:hover {
  cursor: pointer;
}
.school-nnw-modal-additional__title i {
  position: absolute;
  right: 0;
  font-size: 1.5rem;
}
.school-nnw-modal-additional ol, .school-nnw-modal-additional ul {
  margin-right: 35px;
}
.school-nnw-modal-additional p {
  margin-top: 10px;
}
.school-nnw-modal-additional__content {
  margin-top: 15px;
}
.school-nnw-modal-additional__content {
  margin-top: 15px;
}
.school-nnw-modal-additional ul, .school-nnw-modal-additional ol {
  margin-top: 15px;
}
.school-nnw-modal-additional ul li, .school-nnw-modal-additional ol li {
  font-size: 0.875rem;
  margin-bottom: 15px;
  line-height: 1.25rem;
}
.school-nnw-modal-additional ul li.normal, .school-nnw-modal-additional ol li.normal {
  font-size: inherit;
}
.school-nnw-modal-additional ul li ul, .school-nnw-modal-additional ol li ul {
  list-style: circle;
}

/*-----------------------------------------------------------
 *  DOCUMENT: school-nnw-banner.scss
 *----------------------------------------------------------*/
.rank-promotions.school-nnw-promotion-messages {
  min-height: 78px;
}
.rank-promotions.school-nnw-promotion-messages .rank-promotions__left {
  flex: 0 0 78px;
}
.rank-promotions.school-nnw-promotion-messages .rank-promotions__left img {
  width: 48px;
  height: 48px;
}
@media (min-width: 1024px) {
  .rank-promotions.school-nnw-promotion-messages .rank-promotions__left img {
    position: absolute;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .rank-promotions.school-nnw-promotion-messages .rank-promotions__content > div {
    max-width: 520px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-form.scss
 *----------------------------------------------------------*/
.form-ready .rank-form {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-form {
  position: relative;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 70px;
}
.rank-form .rank-form-controls {
  border-top: 1px solid #F3F3F3;
  background-color: #F3F4F2;
  margin-top: 10px;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.rank-form .rank-form-controls .button.primary, .rank-form .rank-form-controls .button.success {
  padding-left: 20px;
  padding-right: 20px;
}
.rank-form .rank-form-controls.rank-form-ready {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}
.rank-form .rank-form-controls-calc {
  border-top: 1px solid #F3F3F3;
  background-color: #F3F4F2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.rank-form .rank-form-controls-calc .button.primary, .rank-form .rank-form-controls-calc .button.success {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rank-form .rank-form-controls-calc .button.primary svg, .rank-form .rank-form-controls-calc .button.success svg {
  margin-left: 10px;
}
.rank-form .rank-form-controls-calc .button.primary.btn--spinner-shown, .rank-form .rank-form-controls-calc .button.success.btn--spinner-shown {
  height: 44px;
}
.rank-form .rank-form-controls-calc .button.primary.btn--spinner-shown svg, .rank-form .rank-form-controls-calc .button.success.btn--spinner-shown svg {
  width: 24px;
  height: 24px;
}
.rank-form .rank-form-last-screen {
  margin-top: 0;
  padding: 20px;
}
.rank-form .rank-form-all-screen {
  margin-top: 10px;
  padding: 20px;
}
.rank-form .rank-idd-information {
  padding: 20px 20px 0 20px;
  margin-top: 10px;
  font-size: 0.875rem;
}
.rank-form.rank-form-ready {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

@media screen and (min-width: 40em) {
  .new-layout {
    flex: 0 0 69.18% !important;
    max-width: 69.18% !important;
  }
}
@media (max-width: 639px) {
  .rank-form {
    margin-bottom: 50px;
  }
  .rank-form .rank-form-controls,
  .rank-form .rank-form-controls-calc {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .rank-form .rank-form-controls > div:first-of-type,
  .rank-form .rank-form-controls-calc > div:first-of-type {
    order: 2;
  }
  .rank-form .rank-form-controls > div:last-of-type,
  .rank-form .rank-form-controls-calc > div:last-of-type {
    order: 1;
  }
  .rank-form .rank-form-controls .button,
  .rank-form .rank-form-controls-calc .button {
    width: 100%;
  }
  .rank-form .rank-form-controls .button:first-of-type,
  .rank-form .rank-form-controls-calc .button:first-of-type {
    margin-bottom: 10px;
  }
  .rank-form .rank-form-controls .rank-checkbox,
  .rank-form .rank-form-controls-calc .rank-checkbox {
    margin: 15px auto 0;
  }
}
@media (max-width: 450px) {
  .rank-radio-list {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .rank-radio-list > label {
    margin-left: 0;
  }
  .rank-radio-list > label:not(:first-of-type) {
    margin-top: 5px;
    margin-left: 0;
  }
}
@media (min-width: 300px) and (max-width: 360px) {
  .rank-form .rank-form-controls, .rank-form .rank-form-controls-calc > div:nth-child(2) .button {
    padding-left: 50px;
    padding-right: 50px;
  }
  .rank-form .rank-form-controls, .rank-form .rank-form-controls-calc > div:nth-child(2) .button.success.first-screen-btn {
    padding-left: 1px;
    padding-right: 1px;
  }
}
.rank-form-bo .short-form-border .rank-question-label {
  border: 3px solid #c6c6c4;
  padding-bottom: 5px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-answer.scss
 *----------------------------------------------------------*/
.rank-answer-valid .form-control:not(:disabled),
.rank-answer-valid .select__control:not(:disabled),
.rank-answer-valid .rank-input-group__field:not(:disabled),
.rank-answer-valid .rank-input-group__append button:not(:disabled) {
  border-color: #bee1ab;
}

.rank-answer-invalid .form-control:not(:disabled),
.rank-answer-invalid .select__control:not(:disabled),
.rank-answer-invalid .rank-input-group__field:not(:disabled),
.rank-answer-invalid .rank-input-group__append button:not(:disabled) {
  border-color: #D44950;
  color: #D44950;
}

@media (max-width: 639px) {
  rank-pic .rank-pic__label, .message, [data-ng-switch-when=allowance] .rank-checkbox input[type=checkbox] + label > span, .payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text .payment-method-select__description, .checkbox .checkbox__additional-extended, .checkout-availo-section__body--text div, .checkout-availo-section__body--allowance span {
    word-break: break-word;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-question.scss
 *----------------------------------------------------------*/
.rank-question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.rank-question .rank-question-label__fieldset-wrapper, .rank-question .rank-question-label__legend-wrapper {
  display: contents;
}
.rank-question .rank-question-label {
  margin-top: 11px;
  text-align: right;
  color: #444;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 290px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 290px;
  -ms-flex: 0 0 290px;
  flex: 0 0 290px;
}
.rank-question .rank-question-label .rank-question-label-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.rank-question .rank-question-label .rank-question-label-text {
  font-size: 0.875rem;
  font-weight: 600;
}
.rank-question .rank-question-label .rank-question-label-text p {
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #8a8a8a;
}
.rank-question .rank-question-label .rank-question-label-text:is(legend) {
  margin-bottom: 0;
  display: inline-block;
}
.rank-question .rank-question-label .rank-question-label-text span {
  font-weight: 400;
}
.rank-question .rank-question-label .rank-question-label-text .rank-question-label-text-em {
  display: block;
  color: #20a3dd;
  font-size: 0.875rem;
}
.rank-question .rank-question-label .rank-question-label-text p, .rank-question .rank-question-label .rank-question-label-text rank-question-label-text-em {
  font-weight: 600;
}
.rank-question .rank-question-label .rank-question-label-text-asterisk {
  color: #E52426;
  font-weight: 600;
}
.rank-question .rank-question-label .rank-question-label-text-info {
  color: #828282;
  padding-left: 3px;
  font-size: 0.875rem;
}
.rank-question .rank-question-label .rank-question-label-postcode {
  margin-top: 4px;
  margin-bottom: inherit;
}
.rank-question .rank-question-label .rank-question-label-addon {
  position: relative;
  font-size: 0.875rem;
}
.rank-question .rank-question-label .rank-question-label-addon .rank-tooltip, .rank-question .rank-question-label .rank-question-label-addon .rank-static-infotip {
  text-align: left;
  top: -50px;
  left: 760px;
}
.rank-question .rank-question-area {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .rank-question .rank-question-area ul.rank-pics[data-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }
  .rank-question .rank-question-area ul.rank-pics[data-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0;
  }
}
@media (min-width: 1023px) {
  .rank-question .rank-question-area ul.rank-pics--new-layout[data-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  }
  .rank-question .rank-question-area ul.rank-pics--new-layout[data-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, max-content)) !important;
  }
}
@media (min-width: 1199px) {
  .rank-question .rank-question-area ul.rank-pics[data-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0;
  }
}
.rank-question .rank-question-area ul.rank-pics {
  gap: 0 8px;
  display: grid;
  list-style: none;
  margin: 0;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  justify-content: start;
}
.rank-question .rank-question-tooltip {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
}

#hh_insDuration.rank-question--stretch .rank-question-area,
#cession.rank-question--stretch .rank-question-area,
#leased.rank-question--stretch .rank-question-area,
#businessActivity.rank-question--stretch .rank-question-area,
#businessActivityMetragePart.rank-question--stretch .rank-question-area,
#realEstateType.rank-question--stretch .rank-question-area,
#hh_floodDamagesCount.rank-question--stretch .rank-question-area,
#hh_lastYearsDamagesCount.rank-question--stretch .rank-question-area,
#hh_floodDamagesCount.rank-question--stretch .rank-question-area,
#residentsCount.rank-question--stretch .rank-question-area,
#wallConstruction.rank-question--stretch .rank-question-area {
  padding-bottom: 0 !important;
}

.rank-question--stretch {
  flex-wrap: wrap;
  margin: 0 10px;
}
.rank-question--stretch .rank-question-label {
  flex: 1 1 100%;
  text-align: left;
  display: inline-flex;
  margin: 0;
  padding-bottom: 0;
}
.rank-question--stretch .rank-question-area {
  flex: 1 1 100%;
  padding: 7px 0.6rem 8px;
}
.rank-question--stretch [multi-select-radio-section] .rank-question-area {
  padding: 7px 0.6rem 0;
}
.rank-question--stretch .rank-question-tooltip {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0;
  -moz-box-flex: 0;
  -moz-flex: 0 0 0;
  -ms-flex: 0 0 0;
  flex: 0 0 0;
  padding: 0 !important;
}
.rank-question--stretch .rank-question-tooltip svg {
  width: 20px;
  height: 20px;
}
.rank-question--stretch .rank-question-label {
  padding: 20px 0.6rem 0;
}
.rank-question--stretch .rank-section-tooltip,
.rank-question--stretch .rank-question-tooltip {
  position: inherit;
  right: inherit;
}
.rank-question--stretch .rank-tooltip-button {
  display: block;
  margin: 0;
}
.rank-question--stretch .rank-tooltip:before, .rank-question--stretch .rank-static-infotip:before {
  border-right: 0.75em solid #20a3dd;
}
.rank-question--stretch .rank-terms-of-use {
  margin: 0 0 0 10px;
}
.rank-question--stretch .rank-input-slider {
  float: none;
}
.rank-question--stretch .rank-input-slider .rank-input-slider__field {
  width: inherit;
  text-align: inherit;
}
.rank-question--stretch .rank-input-group__append {
  background: #FFFFFF !important;
  font-weight: 600;
  color: #333333;
}
.rank-question--stretch .rank-pic {
  width: 184px !important;
}
.rank-question--stretch form-messages {
  width: 100% !important;
}
@media (min-width: 426px) {
  .rank-question--stretch div[class*=_postcode] .form-control, .rank-question--stretch div[class*=_postcode] .input-group, .rank-question--stretch div[class*=_postcode] .rank-input-group, .rank-question--stretch div[class*=_postcode] .select {
    max-width: 88px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch div[class*=_premisesnumber] .form-control, .rank-question--stretch div[class*=_premisesnumber] .input-group, .rank-question--stretch div[class*=_premisesnumber] .rank-input-group, .rank-question--stretch div[class*=_premisesnumber] .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch div[class*=_streetnumber] .form-control, .rank-question--stretch div[class*=_streetnumber] .input-group, .rank-question--stretch div[class*=_streetnumber] .rank-input-group, .rank-question--stretch div[class*=_streetnumber] .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-constantlyoccupied .form-control, .rank-question--stretch .rank-question-constantlyoccupied .input-group, .rank-question--stretch .rank-question-constantlyoccupied .rank-input-group, .rank-question--stretch .rank-question-constantlyoccupied .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-buildyear .form-control, .rank-question--stretch .rank-question-buildyear .input-group, .rank-question--stretch .rank-question-buildyear .rank-input-group, .rank-question--stretch .rank-question-buildyear .select {
    max-width: 184px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-roofcover .form-control, .rank-question--stretch .rank-question-roofcover .input-group, .rank-question--stretch .rank-question-roofcover .rank-input-group, .rank-question--stretch .rank-question-roofcover .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-metrage .form-control, .rank-question--stretch .rank-question-metrage .input-group, .rank-question--stretch .rank-question-metrage .rank-input-group, .rank-question--stretch .rank-question-metrage .select {
    max-width: 184px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-propertytype .form-control, .rank-question--stretch .rank-question-propertytype .input-group, .rank-question--stretch .rank-question-propertytype .rank-input-group, .rank-question--stretch .rank-question-propertytype .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-hh_city .form-control, .rank-question--stretch .rank-question-hh_city .input-group, .rank-question--stretch .rank-question-hh_city .rank-input-group, .rank-question--stretch .rank-question-hh_city .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-hh_street .form-control, .rank-question--stretch .rank-question-hh_street .input-group, .rank-question--stretch .rank-question-hh_street .rank-input-group, .rank-question--stretch .rank-question-hh_street .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-floor .form-control, .rank-question--stretch .rank-question-floor .input-group, .rank-question--stretch .rank-question-floor .rank-input-group, .rank-question--stretch .rank-question-floor .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-businessactivitytype .form-control, .rank-question--stretch .rank-question-businessactivitytype .input-group, .rank-question--stretch .rank-question-businessactivitytype .rank-input-group, .rank-question--stretch .rank-question-businessactivitytype .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch .rank-question-hh_lastinsurer .form-control, .rank-question--stretch .rank-question-hh_lastinsurer .input-group, .rank-question--stretch .rank-question-hh_lastinsurer .rank-input-group, .rank-question--stretch .rank-question-hh_lastinsurer .select {
    max-width: 377px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question--stretch #calcSendEmail .form-control, .rank-question--stretch #calcSendEmail .input-group, .rank-question--stretch #calcSendEmail .rank-input-group, .rank-question--stretch #calcSendEmail .select {
    max-width: 377px !important;
    width: 100%;
  }
}

.email-and-label-container {
  display: block;
}
@media (min-width: 1000px) {
  .email-and-label-container {
    display: flex;
  }
}
.email-and-label-container {
  flex-wrap: wrap;
}
.email-and-label-container .email-and-label-input {
  flex: 0 0 377px;
}
.email-and-label-container .email-and-label-box {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 999px) {
  .email-and-label-container .email-and-label-box {
    margin-top: 5px;
  }
}
.email-and-label-container .email-and-label-box .email-and-label-text {
  flex: 2;
  margin: auto;
  font-weight: 600;
  font-size: 0.875rem;
  display: inline-flex;
}
.email-and-label-container .email-and-label-box .email-and-label-text .email-and-label-asterisk {
  padding-right: 5px;
  color: #E52426;
}
@media (min-width: 1000px) {
  .email-and-label-container .email-and-label-box .email-and-label-text .email-and-label-asterisk {
    padding-left: 10px;
  }
}

.rank-question-label,
.rank-question-area,
.rank-question-tooltip {
  padding: 10px 0.6rem;
}

.rank-question-addon {
  padding-top: 0 !important;
}
@media (max-width: 1023px) {
  .rank-question-addon {
    padding-left: 0 !important;
  }
}
.rank-question-addon .rank-question-area__expand {
  margin-top: 0 !important;
}

.rank-question-addon__expand {
  padding-top: 0 !important;
}
.rank-question-addon__expand .rank-question-area__expand {
  margin-top: 0 !important;
}

.rank-modal .rank-question .rank-question-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 190px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 190px;
  -ms-flex: 0 0 190px;
  flex: 0 0 190px;
}
.rank-modal .rank-question .rank-question-label, .rank-modal .rank-question .rank-question-area, .rank-modal .rank-question .rank-question-tooltip {
  padding: 20px 0.6rem 0;
}

@media (max-width: 1199px) {
  .rank-question {
    padding-left: 10px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .rank-question .rank-question-label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    max-width: inherit;
    padding: 10px 0.6rem 0;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .rank-question .rank-question-label .rank-question-label-addon .rank-tooltip, .rank-question .rank-question-label .rank-question-label-addon .rank-static-infotip {
    left: 650px;
  }
  .rank-question .rank-question-label-empty {
    display: none;
  }
  .rank-question .rank-question-area {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 10px 0.6rem;
  }
  .rank-question .rank-question-tooltip {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 10px 0.6rem 0;
  }
  .rank-question [rank-flex] {
    display: initial;
    -webkit-flex-flow: initial;
    -moz-flex-flow: initial;
    -ms-flex-flow: initial;
    flex-flow: initial;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .rank-question {
    padding-right: 10px;
  }
  .rank-question .rank-question-label {
    margin-top: inherit;
    max-width: 90%;
  }
  .rank-question .rank-question-label:empty {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  #termsOfUseAllowance {
    padding-left: 0;
  }
}
@media (max-width: 639px) {
  .rank-question {
    padding-right: 10px;
  }
  .rank-question .rank-question-label {
    margin-top: inherit;
    max-width: 90%;
  }
  .rank-question .rank-question-label:empty {
    padding: 0;
  }
  .rank-question .rank-question-label .rank-question-label-addon .rank-tooltip, .rank-question .rank-question-label .rank-question-label-addon .rank-static-infotip {
    left: 400px;
    background: red !important;
  }
  .rank-question-label-postcode {
    margin: 10px 0;
  }
}
@media (min-width: 426px) {
  .rank-question-text-phone .form-control, .rank-question-text-phone .input-group, .rank-question-text-phone .rank-input-group, .rank-question-text-phone .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question-text-phone-optional .form-control, .rank-question-text-phone-optional .input-group, .rank-question-text-phone-optional .rank-input-group, .rank-question-text-phone-optional .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_firstname] .form-control, div[class*=_firstname] .input-group, div[class*=_firstname] .rank-input-group, div[class*=_firstname] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_lastname] .form-control, div[class*=_lastname] .input-group, div[class*=_lastname] .rank-input-group, div[class*=_lastname] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_documentNumber] .form-control, div[class*=_documentNumber] .input-group, div[class*=_documentNumber] .rank-input-group, div[class*=_documentNumber] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_dependants] .form-control, div[class*=_dependants] .input-group, div[class*=_dependants] .rank-input-group, div[class*=_dependants] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_monthlyIncome] .form-control, div[class*=_monthlyIncome] .input-group, div[class*=_monthlyIncome] .rank-input-group, div[class*=_monthlyIncome] .select {
    max-width: 62% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_maidenname] .form-control, div[class*=_maidenname] .input-group, div[class*=_maidenname] .rank-input-group, div[class*=_maidenname] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_pesel] .form-control, div[class*=_pesel] .input-group, div[class*=_pesel] .rank-input-group, div[class*=_pesel] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_regon] .form-control, div[class*=_regon] .input-group, div[class*=_regon] .rank-input-group, div[class*=_regon] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_companyname] .form-control, div[class*=_companyname] .input-group, div[class*=_companyname] .rank-input-group, div[class*=_companyname] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_nip] .form-control, div[class*=_nip] .input-group, div[class*=_nip] .rank-input-group, div[class*=_nip] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_identitycardnumber] .form-control, div[class*=_identitycardnumber] .input-group, div[class*=_identitycardnumber] .rank-input-group, div[class*=_identitycardnumber] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_postcode] .form-control, div[class*=_postcode] .input-group, div[class*=_postcode] .rank-input-group, div[class*=_postcode] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_premisesnumber] .form-control, div[class*=_premisesnumber] .input-group, div[class*=_premisesnumber] .rank-input-group, div[class*=_premisesnumber] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_streetnumber] .form-control, div[class*=_streetnumber] .input-group, div[class*=_streetnumber] .rank-input-group, div[class*=_streetnumber] .select {
    max-width: 49% !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_participation] .form-control, div[class*=_participation] .input-group, div[class*=_participation] .rank-input-group, div[class*=_participation] .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_height] .form-control, div[class*=_height] .input-group, div[class*=_height] .rank-input-group, div[class*=_height] .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  div[class*=_weight] .form-control, div[class*=_weight] .input-group, div[class*=_weight] .rank-input-group, div[class*=_weight] .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question-metrage .form-control, .rank-question-metrage .input-group, .rank-question-metrage .rank-input-group, .rank-question-metrage .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question-mileage .form-control, .rank-question-mileage .input-group, .rank-question-mileage .rank-input-group, .rank-question-mileage .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question-ownerregdate .form-control, .rank-question-ownerregdate .input-group, .rank-question-ownerregdate .rank-input-group, .rank-question-ownerregdate .select {
    max-width: 195px !important;
    width: 100%;
  }
}
@media (min-width: 426px) {
  .rank-question-registrationnumbersecond .form-control, .rank-question-registrationnumbersecond .input-group, .rank-question-registrationnumbersecond .rank-input-group, .rank-question-registrationnumbersecond .select {
    max-width: 49% !important;
    width: 100%;
  }
}
.rank-question-area__expand {
  margin-top: 8px;
  display: block;
  color: #20A3DD;
  font-weight: 600;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .rank-question-registrationnumber .rank-input-group {
    max-width: unset !important;
  }
}

#line-auto div[id$=_postCode]:not(.rank-question--stretch), #line-auto div[id$=_legalPostCode] {
  max-width: 33.3333333333%;
}

.rank-question-suballowance {
  padding-left: 25px;
  padding-right: 10px;
  margin-top: -5px;
}

.rank-question-hh_holder_correspondence_address .rank-checkbox,
.rank-question-hh_holder_is_owner .rank-checkbox {
  margin-top: 15px;
}

.rank-question-bo_skip_payment .rank-checkbox,
.rank-question-bo_buy_for_today .rank-checkbox,
.rank-question-bo_skip_sending_document .rank-checkbox {
  margin-top: 12px;
}

.rank-question-life_number_of_beneficiaries {
  width: 195px !important;
}
@media (max-width: 425px) {
  .rank-question-life_number_of_beneficiaries {
    width: 100% !important;
  }
}

#ranOutOtherAmount .message {
  padding-right: 14px;
}

.payment-method {
  display: flex;
  flex-flow: column wrap;
}
.payment-method .payment-method__button {
  cursor: pointer;
  border: 1px solid #d0d0d0;
}
.payment-method .payment-method__button .payment-method__header {
  font-weight: bold;
  width: 100%;
  display: inline-block;
  color: #444;
}
.payment-method .payment-method__button .payment-method__description {
  color: rgb(68.6375, 68.6375, 68.6375);
}
.payment-method .payment-method__button--selected {
  background-color: #F1F9FF;
  border-color: #20a3dd;
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
}

.rank-input-slider {
  float: right;
}
.rank-input-slider .rank-input-slider__field {
  width: 100px;
  text-align: right;
}

.rank-input-slider-width {
  width: auto !important;
}

.rank-textarea-no-resize {
  resize: none;
  overflow-y: auto;
}

#line-life input[type=number]::-webkit-outer-spin-button, #line-life input[type=number]::-webkit-inner-spin-button, #line-household input[type=number]::-webkit-outer-spin-button, #line-household input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#line-life input[type=number], #line-household input[type=number] {
  -moz-appearance: textfield;
}

#line-travel .rank-checkout .section-allowances, #line-shorttermass .rank-checkout .section-allowances, #line-household .rank-checkout .section-allowances, #line-auto .rank-checkout .section-allowances {
  padding-left: 20px;
}
@media (max-width: 1023px) {
  #line-travel .rank-checkout .section-allowances, #line-shorttermass .rank-checkout .section-allowances, #line-household .rank-checkout .section-allowances, #line-auto .rank-checkout .section-allowances {
    padding-left: 0;
  }
  #line-travel .rank-checkout .section-allowances .rank-question, #line-shorttermass .rank-checkout .section-allowances .rank-question, #line-household .rank-checkout .section-allowances .rank-question, #line-auto .rank-checkout .section-allowances .rank-question {
    padding-left: 0;
  }
}
#line-travel .rank-checkout .section-allowances .rank-question-label, #line-shorttermass .rank-checkout .section-allowances .rank-question-label, #line-household .rank-checkout .section-allowances .rank-question-label, #line-auto .rank-checkout .section-allowances .rank-question-label {
  display: none;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-section.scss
 *----------------------------------------------------------*/
.rank-section-header {
  padding: 10px 38px 10px 20px;
  margin-bottom: 20px;
  border-bottom: 4px solid #6acd44;
  display: block;
  width: 100%;
}
.rank-section-header h4 {
  margin: 0;
  color: #012174;
  font-size: 1rem;
  font-weight: 600;
}

.rank-section .rank-section-area {
  padding: 10px 38px 10px 20px;
}
@media (max-width: 450px) {
  .rank-section .rank-section-area {
    padding: 10px 20px;
  }
}
@media (max-width: 1023px) {
  .rank-section .rank-question-area .rank-question-rukoleadsystemallowance {
    padding-right: 35px;
  }
}
.rank-section .rank-section-tooltip {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  padding: 10px 0.6rem;
}

.rank-section-header--stretch {
  padding: 37px 38px 7px 20px !important;
  margin-bottom: initial !important;
  border-bottom: none !important;
}
@media (max-width: 1023px) {
  .rank-section-header--stretch {
    padding: 38px 38px 7px 30px !important;
  }
}

@media (max-width: 639px) {
  .rank-section-header {
    margin-bottom: 10px;
  }
}
.rank-copy-person {
  padding-left: 12px;
}

.section-le_companydata, .section-le_personaldata {
  background: #F7F7FA;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -20px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .section-le_companydata, .section-le_personaldata {
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  .section-le_companydata .rank-question-tooltip, .section-le_personaldata .rank-question-tooltip {
    padding: 10px 0;
    margin-left: -15px;
  }
  .section-le_companydata .rank-question-tooltip .rank-tooltip-button, .section-le_personaldata .rank-question-tooltip .rank-tooltip-button {
    margin: 6px 0 0 25px;
  }
}
.section-le_companydata .rank-question, .section-le_personaldata .rank-question {
  margin-left: -15px;
  padding-bottom: 10px;
  padding-top: 0px;
}

.section-hhpersonaldata {
  background: #F7F7FA;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -20px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .section-hhpersonaldata {
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  .section-hhpersonaldata .rank-question-tooltip {
    padding: 10px 0;
    margin-left: -15px;
  }
  .section-hhpersonaldata .rank-question-tooltip .rank-tooltip-button {
    margin: 6px 0 0 25px;
  }
}
.section-hhpersonaldata .rank-question {
  margin-left: -15px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.section--highlighted {
  background: #F7F7FA;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -20px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .section--highlighted {
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  .section--highlighted .rank-question-tooltip {
    padding: 10px 0;
    margin-left: -15px;
  }
  .section--highlighted .rank-question-tooltip .rank-tooltip-button {
    margin: 6px 0 0 25px;
  }
}
.section--highlighted .rank-question {
  margin-left: -15px;
  padding-bottom: 10px;
  padding-top: 20px;
}

#line-travel .section-calcsendemail, #line-travel .section-calcsendemailallowances, #line-travel .section-calcallowances, #line-travel .section-staautocallback, #line-shorttermass .section-calcsendemail, #line-shorttermass .section-calcsendemailallowances, #line-shorttermass .section-calcallowances, #line-shorttermass .section-staautocallback {
  background: #F7F7FA;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -20px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  #line-travel .section-calcsendemail, #line-travel .section-calcsendemailallowances, #line-travel .section-calcallowances, #line-travel .section-staautocallback, #line-shorttermass .section-calcsendemail, #line-shorttermass .section-calcsendemailallowances, #line-shorttermass .section-calcallowances, #line-shorttermass .section-staautocallback {
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  #line-travel .section-calcsendemail .rank-question-tooltip, #line-travel .section-calcsendemailallowances .rank-question-tooltip, #line-travel .section-calcallowances .rank-question-tooltip, #line-travel .section-staautocallback .rank-question-tooltip, #line-shorttermass .section-calcsendemail .rank-question-tooltip, #line-shorttermass .section-calcsendemailallowances .rank-question-tooltip, #line-shorttermass .section-calcallowances .rank-question-tooltip, #line-shorttermass .section-staautocallback .rank-question-tooltip {
    padding: 10px 0;
    margin-left: -15px;
  }
  #line-travel .section-calcsendemail .rank-question-tooltip .rank-tooltip-button, #line-travel .section-calcsendemailallowances .rank-question-tooltip .rank-tooltip-button, #line-travel .section-calcallowances .rank-question-tooltip .rank-tooltip-button, #line-travel .section-staautocallback .rank-question-tooltip .rank-tooltip-button, #line-shorttermass .section-calcsendemail .rank-question-tooltip .rank-tooltip-button, #line-shorttermass .section-calcsendemailallowances .rank-question-tooltip .rank-tooltip-button, #line-shorttermass .section-calcallowances .rank-question-tooltip .rank-tooltip-button, #line-shorttermass .section-staautocallback .rank-question-tooltip .rank-tooltip-button {
    margin: 6px 0 0 25px;
  }
}
#line-travel .section-calcsendemail .rank-question, #line-travel .section-calcsendemailallowances .rank-question, #line-travel .section-calcallowances .rank-question, #line-travel .section-staautocallback .rank-question, #line-shorttermass .section-calcsendemail .rank-question, #line-shorttermass .section-calcsendemailallowances .rank-question, #line-shorttermass .section-calcallowances .rank-question, #line-shorttermass .section-staautocallback .rank-question {
  margin-left: -15px;
  padding-bottom: 0px;
  padding-top: 0px;
}
#line-travel .section-calcsendemail, #line-travel .section-calcsendemailallowances, #line-travel .section-calcallowances, #line-travel .section-staautocallback, #line-shorttermass .section-calcsendemail, #line-shorttermass .section-calcsendemailallowances, #line-shorttermass .section-calcallowances, #line-shorttermass .section-staautocallback {
  padding-bottom: 5px;
}

#line-travel #calcSendEmail .message.danger {
  margin: 15px 0 20px;
}
@media (max-width: 1024px) {
  #line-travel #calcSendEmail .message.danger {
    margin: 15px 0 10px;
  }
}
#line-travel #calcSendEmailConfirm {
  padding-bottom: 15px;
}
#line-travel #calcSendElectronicAllowance .rank-question-area {
  padding-top: 8px;
  padding-bottom: 24px;
  margin-top: -15px;
}
@media (max-width: 1024px) {
  #line-travel #calcSendElectronicAllowance .rank-question-area {
    margin-top: 0;
  }
}
#line-travel .personal-data-bottom-experiment-required {
  font-size: 0.875rem;
  font-weight: 300;
}
@media (max-width: 1024px) {
  #line-travel {
    display: block;
  }
}

#line-life #calcSendEmail .message.danger {
  margin: 15px 0 20px;
}
@media (max-width: 1024px) {
  #line-life #calcSendEmail .message.danger {
    margin: 15px 0 10px;
  }
}
#line-life #calcSendEmailConfirm {
  padding-bottom: 15px;
}
#line-life #calcSendElectronicAllowance .rank-question-area {
  padding-top: 8px;
  padding-bottom: 24px;
  margin-top: -15px;
}
@media (max-width: 1024px) {
  #line-life #calcSendElectronicAllowance .rank-question-area {
    margin-top: 0;
  }
}
#line-life .personal-data-bottom-experiment-required {
  font-size: 0.875rem;
  font-weight: 300;
}
@media (max-width: 1024px) {
  #line-life {
    display: block;
  }
}

#mo_personalData .rank-question-label-text-info {
  font-size: 0.875rem;
  color: #444;
}
@media (max-width: 1023px) {
  #mo_personalData .rank-question-label-text-info {
    font-size: 0.875rem;
  }
}
#mo_personalData .rank-input-group--normal {
  max-width: none;
}

@media (max-width: 1023px) {
  .section-mo_personaldata section div.rank-question-label {
    display: flex;
  }
}

.mainOwnerPersonalData {
  position: relative;
  background-color: rgba(32, 163, 221, 0.0784313725);
  color: #444;
  padding: 20px;
  font-size: 0.875rem;
  font-weight: 400;
}
.mainOwnerPersonalData ul {
  margin: 0;
  padding: 15px 20px 0 2px;
  list-style: none;
}
.mainOwnerPersonalData ul li {
  position: relative;
  padding-left: 30px;
}
.mainOwnerPersonalData ul li span {
  font-weight: 600;
  font-size: 0.875rem;
}
.mainOwnerPersonalData ul li svg {
  position: absolute;
  left: 0;
  top: 3px;
  fill: #6acd44;
  width: 15px;
  height: 15px;
}

.hhPersonalDataBottom {
  display: flex;
  background-color: #F7F7FA;
  color: #333;
  justify-content: center;
  align-items: center;
  padding: 25px 20px 13px;
  position: relative;
  font-size: 0.875rem;
}
.hhPersonalDataBottom:before {
  content: "";
  background: #eaeaea;
  position: absolute;
  top: 10px;
  left: 20px;
  right: 20px;
  height: 1px;
}
@media (max-width: 639px) {
  .hhPersonalDataBottom {
    padding: 45px 20px 13px;
  }
  .hhPersonalDataBottom:before {
    top: 30px;
  }
}
.hhPersonalDataBottom .personal-data-bottom-experiment-img {
  margin-right: 15px;
}
.hhPersonalDataBottom .personal-data-bottom-experiment-text {
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .hhPersonalDataBottom .personal-data-bottom-experiment-text span {
    display: block;
  }
}
.hhPersonalDataBottom .personal-data-bottom-experiment-required {
  flex: 0 0 160px;
  text-align: right;
}
@media (max-width: 639px) {
  .hhPersonalDataBottom .personal-data-bottom-experiment-required {
    position: absolute;
    top: 3px;
    right: 20px;
  }
  .hhPersonalDataBottom .personal-data-bottom-experiment-text {
    flex: 1;
    margin-top: 5px;
  }
}

.hhPersonalDataTop {
  position: relative;
  background-color: #F7F7FA;
  color: #333;
  padding: 10px;
}

.rank-section-group:has(#checkoutSummarySection) .rank-section-header {
  margin-bottom: 0;
}

.topOptionalSection {
  position: relative;
  background-color: #F7F7FA;
  color: #333;
  padding: 20px;
}
.topOptionalSection:before {
  content: "";
  background: #eaeaea;
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
}

.bottomOptionalSection {
  display: flex;
  background-color: #F7F7FA;
  color: #333;
  justify-content: right;
  align-items: flex-end;
  padding: 2px 20px 20px;
  position: relative;
  font-size: 0.875rem;
}

#calcSendElectronicAllowance .rank-question-area {
  padding-top: 0;
}

.rank-question-mo_iscascopolicyequaltooc {
  margin-top: 20px;
}

.rank-stepper {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 1023px) {
  .rank-stepper {
    padding-left: 0;
    padding-right: 0;
  }
}
.rank-stepper__input {
  border-radius: 0;
  min-width: 100px;
  text-align: center;
  -webkit-appearance: none;
  margin: 0;
  z-index: 100;
}
.rank-stepper__button {
  align-items: center;
  font-weight: 400;
  background: #f3f3f3;
  padding: 0 1rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.rank-stepper__button:hover .r-icon, .rank-stepper__button:focus .r-icon {
  transition: all 200ms ease;
  fill: #20a3dd;
}
.rank-stepper__button .r-icon {
  width: 24px;
  height: 24px;
  fill: #828282;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-stepper__button--plus {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #d0d0d0;
  border-width: 1px 1px 1px 0;
}
.rank-stepper__button--plus:focus {
  z-index: 100;
}
.rank-stepper__button--minus {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #d0d0d0;
  border-width: 1px 0 1px 1px;
}
.rank-stepper__button--minus:focus {
  z-index: 200;
}

/*-----------------------------------------------------------
 *  DOCUMENT: call-button.scss
 *----------------------------------------------------------*/
call-button[source=alert], call-button[source=link], call-button[source=infotipText] {
  display: inline-block;
}

.rank-contact-buttons {
  margin: 10px 0 0;
}
.rank-contact-buttons call-button {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rank-contact-buttons call-button button {
  display: flex;
  align-items: center;
}
.rank-contact-buttons call-button .call-button-phone {
  margin-left: 15px;
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
}

/*-----------------------------------------------------------
 *  DOCUMENT: infotip.scss
 *----------------------------------------------------------*/
.rank-tooltip-button {
  display: block;
  margin: 10px auto 0;
}
.rank-tooltip-button svg {
  width: 24px;
  height: 24px;
  fill: #b1b1b1;
  margin: auto 6px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rank-tooltip-button svg:hover {
  fill: #20a3dd;
}
@media (min-width: 640px) {
  .rank-tooltip-button.mobile {
    display: none;
  }
}
@media (max-width: 639px) {
  .rank-tooltip-button.desktop {
    display: none;
  }
}

@media (max-width: 1023px) {
  .rank-tooltip-button {
    margin: 0 auto;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: infotip-agent-help.scss
 *----------------------------------------------------------*/
.rank-tooltip-panel {
  position: relative;
  margin-top: 50px;
}
.rank-tooltip-panel .rank-tooltip-panel-agent {
  background: #F3F3F3;
  padding: 65px 30px 20px 30px;
  text-align: center;
}
.rank-tooltip-panel .rank-tooltip-panel-agent h3 {
  color: #012174;
  margin-bottom: 0;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.rank-tooltip-panel .rank-tooltip-panel-agent img {
  width: 90px;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: auto;
}
.rank-tooltip-panel .rank-tooltip-panel-agent .ri-phone-circle {
  padding: 10px 13px !important;
  width: 35px;
  height: 35px;
  line-height: 1.25rem;
  background: #0457BA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}
.rank-tooltip-panel .rank-tooltip-panel-agent .ri-phone-circle svg {
  width: 20px;
  height: 20px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-infotip.scss
 *----------------------------------------------------------*/
.rank-tooltip, .rank-static-infotip {
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background: #fff;
  position: absolute;
  top: -10px;
  left: 60px;
  margin-left: 30px;
  z-index: 1010;
  box-shadow: 0 0 15px -7px rgba(0, 0, 0, 0.4);
}
.rank-tooltip__wrapper {
  display: contents;
}
.rank-tooltip:before, .rank-static-infotip:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-right: 0.75em solid #fff;
  border-bottom: 0.5em solid transparent;
  border-top: 0.5em solid transparent;
  top: 37px;
  left: -9px;
  bottom: 100%;
}
.rank-tooltip h3, .rank-static-infotip h3, .rank-tooltip h6, .rank-static-infotip h6 {
  color: #012174;
  margin-bottom: 15px;
  margin-right: 20px;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.rank-tooltip h6, .rank-static-infotip h6 {
  margin-bottom: 8px;
}
.rank-tooltip p, .rank-static-infotip p {
  font-size: 0.875rem;
  color: #444;
  margin: 0;
}
.rank-tooltip .rank-tooltip-body, .rank-static-infotip .rank-tooltip-body, .rank-static-infotip .rank-static-infotip-body {
  position: relative;
  background: #fff;
  padding: 20px 25px;
  width: 360px;
  color: #3c3c3c;
}
.rank-tooltip .rank-tooltip-body .rank-tooltip-close, .rank-static-infotip .rank-tooltip-body .rank-tooltip-close, .rank-static-infotip .rank-static-infotip-body .rank-tooltip-close {
  font-size: 1.875rem;
  color: #0457BA;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: absolute;
  right: 20px;
  top: 5px;
}
.rank-tooltip .rank-tooltip-body .rank-tooltip-close:hover, .rank-static-infotip .rank-tooltip-body .rank-tooltip-close:hover, .rank-static-infotip .rank-static-infotip-body .rank-tooltip-close:hover {
  -webkit-transform: rotate(90);
  -moz-transform: rotate(90);
  -ms-transform: rotate(90);
  -o-transform: rotate(90);
  cursor: pointer;
  text-decoration: none;
}
.rank-tooltip .rank-tooltip-body img, .rank-static-infotip .rank-tooltip-body img, .rank-static-infotip .rank-static-infotip-body img {
  margin-top: 15px;
}
.rank-tooltip .rank-tooltip-body .rank-infotip-middle-title, .rank-static-infotip .rank-tooltip-body .rank-infotip-middle-title, .rank-static-infotip .rank-static-infotip-body .rank-infotip-middle-title {
  color: #012174;
  margin-bottom: 15px;
  margin-right: 20px;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.rank-tooltip--stretch {
  position: absolute;
  top: auto;
  left: auto;
  margin-left: 40px;
  margin-top: -53px;
}

@media (min-width: 1200px) {
  .show-for-mobile {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .show-for-desktop {
    display: none !important;
  }
}
.rank-static-infotip {
  z-index: 1000;
}
.rank-section-tooltip,
.rank-question-tooltip {
  position: relative;
}

[terms-of-use-section=section] .rank-question-tooltip {
  display: none;
}

@media (max-width: 1199px) {
  .rank-tooltip, .rank-static-infotip {
    margin-left: 15px;
  }
  .rank-tooltip .rank-tooltip-body, .rank-static-infotip .rank-tooltip-body, .rank-static-infotip .rank-static-infotip-body {
    width: 300px;
  }
}
@media (max-width: 1023px) {
  .rank-tooltip .rank-tooltip-body, .rank-static-infotip .rank-tooltip-body, .rank-static-infotip .rank-static-infotip-body {
    width: 260px;
  }
  .rank-section-tooltip,
  .rank-question-tooltip {
    position: absolute;
    right: 10px;
  }
}
@media (max-width: 639px) {
  .rank-infotip {
    display: none;
  }
}
.section-wants .rank-tooltip, .section-wants .rank-static-infotip {
  top: auto;
  bottom: -179px;
}
.section-wants .rank-tooltip:before, .section-wants .rank-static-infotip:before {
  top: auto;
  bottom: 255px;
}
@media (max-width: 1199px) {
  .section-wants .rank-tooltip:before, .section-wants .rank-static-infotip:before {
    bottom: 355px;
  }
}
@media (max-width: 1023px) {
  .section-wants .rank-tooltip:before, .section-wants .rank-static-infotip:before {
    bottom: 195px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: rank-infotip-modal.scss
 *----------------------------------------------------------*/
.rank-infotip-modal .rank-modal-header {
  padding: 10px 38px 10px 20px;
}
.rank-infotip-modal .rank-modal-header p, .rank-infotip-modal .rank-modal-header img, .rank-infotip-modal .rank-modal-header b, .rank-infotip-modal .rank-modal-header ul {
  display: none;
}
.rank-infotip-modal .rank-modal-header h3 {
  font-size: 1rem;
  color: #012174;
  font-weight: 600;
  margin-bottom: 0;
}
.rank-infotip-modal .rank-modal-header h6 {
  display: none !important;
}
.rank-infotip-modal .rank-modal-header .rank-modal-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  .rank-infotip-modal .rank-modal-header .rank-modal-title {
    flex-direction: column;
  }
}
.rank-infotip-modal .rank-modal-header .rank-modal-title .rank-tooltip-content {
  display: none;
}
.rank-infotip-modal .rank-modal-body h3 {
  display: none !important;
}
.rank-infotip-modal .rank-modal-body__scrolled {
  height: 500px;
  overflow-y: auto;
}
.rank-infotip-modal .rank-modal-body h6 {
  font-size: 0.875rem;
  color: #012174;
  font-weight: 600;
  margin-bottom: 4px;
}
.rank-infotip-modal .rank-modal-body p {
  font-size: 0.875rem;
}
.rank-infotip-modal .rank-modal-body p:last-of-type {
  margin-bottom: 0;
}
.rank-infotip-modal .rank-modal-body img {
  margin-top: 10px;
}
.rank-infotip-modal .rank-modal-body .rank-infotip-middle-title {
  font-size: 1rem;
  color: #012174;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.rank-infotip-modal .rank-modal-footer {
  margin-top: 0 !important;
}

@media (max-width: 639px) {
  .rank-infotip {
    display: none;
  }
  .rank-infotip-modal .rank-close-button {
    top: 2px !important;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: rank-infotip-scrolled.scss
 *----------------------------------------------------------*/
.rank-tooltip--scrolled {
  display: flex;
  flex-flow: column;
}
.rank-tooltip--scrolled .rank-tooltip-content {
  overflow-y: scroll;
  max-height: 300px;
  padding: 5px;
  margin: -5px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: form-messages.scss
 *----------------------------------------------------------*/
form-messages[form-object=section].rank-message:not(:empty),
form-messages[form-object=section]:not(:empty) {
  display: block;
  padding: 0 15px 20px;
}

@media (max-width: 1023px) {
  form-messages[form-object=section]:not(:empty) {
    padding: 0 20px 20px;
  }
}

form-messages[form-object=section].rank-message-new-layout:not(:empty) {
  padding: 0 30px 20px;
}
@media (min-width: 1024px) {
  form-messages[form-object=section].rank-message-new-layout:not(:empty) {
    padding: 0 20px 15px;
  }
}
form-messages[form-object=section].rank-message-new-layout:not(:empty) {
  display: block;
}

#line-auto #phone form-messages[form-object=section]:not(:empty), #line-auto #auto_company form-messages[form-object=section]:not(:empty) {
  margin-left: 290px;
  padding: 0 0.6rem 0;
}
#line-auto #phone form-messages[form-object=section]:not(:empty) > div, #line-auto #auto_company form-messages[form-object=section]:not(:empty) > div {
  margin: 0;
  max-width: 87%;
  width: 100%;
}
@media (max-width: 1023px) {
  #line-auto #phone form-messages[form-object=section]:not(:empty), #line-auto #auto_company form-messages[form-object=section]:not(:empty) {
    margin-left: inherit;
  }
  #line-auto #phone form-messages[form-object=section]:not(:empty) > div, #line-auto #auto_company form-messages[form-object=section]:not(:empty) > div {
    max-width: inherit;
  }
}

#continents form-messages[form-object=section][position=bottom]:not(:empty), #travelActivities form-messages[form-object=section][position=bottom]:not(:empty) {
  margin-left: 290px;
  padding: 0 10px 20px;
}
#continents form-messages[form-object=section][position=bottom]:not(:empty) > div, #travelActivities form-messages[form-object=section][position=bottom]:not(:empty) > div {
  margin: 0 59px 0 0;
}
@media (max-width: 1023px) {
  #continents form-messages[form-object=section][position=bottom]:not(:empty) > div, #travelActivities form-messages[form-object=section][position=bottom]:not(:empty) > div {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  #continents form-messages[form-object=section]:not(:empty), #travelActivities form-messages[form-object=section]:not(:empty) {
    margin-left: inherit !important;
  }
  #continents form-messages[form-object=section]:not(:empty) > div, #travelActivities form-messages[form-object=section]:not(:empty) > div {
    max-width: inherit !important;
  }
}

@media (max-width: 767px) {
  #line-shorttermass .message.warning, #line-shorttermass .message.danger {
    word-break: break-word;
  }
}
#line-shorttermass .rank-section .rank-section-area {
  padding: 10px 20px;
}

.message {
  display: flex;
  padding: 16px;
  margin-top: 10px;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 600;
  overflow-wrap: anywhere;
  word-break: normal;
}
.message button, .message a {
  font-weight: 600;
}
.message p:last-of-type {
  margin-bottom: 0;
}
.message__icon {
  margin-right: 8px;
}
.message.danger {
  background-color: #FEE4E2;
  color: #7A271A;
}
.message.warning {
  background-color: #FEF0C7;
  color: #7A2E0E;
}
.message.info {
  background-color: #D2EBFF;
  color: #00104E;
}
.message.success {
  background-color: #DCF0B3;
  color: #056779;
}

/*-----------------------------------------------------------
 *  DOCUMENT: screen-notice-handler.scss
 *----------------------------------------------------------
 * Usage:
 * - "<div><i class=\"fa fa-shield\"></i></div><div><h3>Title</h3><p>Content</p></div>"
 * - "<div><h6>txt</h6></div><div><p>Content</p></div>"
 * Place: notices: [] for a line in .conf
 *----------------------------------------------------------*/
.rank-notice {
  position: relative;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  background-color: #012174;
  padding: 20px 25px;
  margin-bottom: 10px;
}
.rank-notice .rank-notice-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rank-notice .rank-notice-message div:first-of-type {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  text-align: center;
}
.rank-notice .rank-notice-message div:last-of-type {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 20px;
  margin-right: 25px;
}
.rank-notice .rank-notice-message h3, .rank-notice .rank-notice-message h6 {
  color: #fff;
  line-height: 1.5rem;
  font-weight: 500;
}
.rank-notice .rank-notice-message h3 {
  font-size: 1rem;
  margin-bottom: 15px;
}
.rank-notice .rank-notice-message h6 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
}
.rank-notice .rank-notice-message i {
  color: #fff;
  font-size: 50px;
}
.rank-notice .rank-notice-message p {
  font-size: 0.875rem;
  color: #fff;
}
.rank-notice .rank-notice-message p:last-of-type {
  margin-bottom: 0;
}
.rank-notice .rank-notice-close {
  font-size: 1.875rem;
  color: #0457BA;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: absolute;
  right: 20px;
  top: 5px;
}
.rank-notice .rank-notice-close:hover {
  -webkit-transform: rotate(90);
  -moz-transform: rotate(90);
  -ms-transform: rotate(90);
  -o-transform: rotate(90);
  cursor: pointer;
  text-decoration: none;
}
.rank-notice .rank-notice-close {
  line-height: 1.5;
  letter-spacing: -0.01em;
}

.rank-notice-gift .rank-notice {
  background: #ffffff;
  border: 1px solid #fff;
  position: relative;
  padding: 20px 5px;
}
.rank-notice-gift .rank-notice img {
  position: absolute;
  bottom: 6px;
  max-width: 80px;
  left: 15px;
}
.rank-notice-gift .rank-notice p {
  color: #012174 !important;
  line-height: 1.25rem;
}
.rank-notice-gift .rank-notice .rank-notice-close {
  color: gray;
  position: absolute;
  right: 6px;
  top: 0;
  font-size: 1.875rem;
  line-height: 2.375;
}

screen-notice-handler {
  position: fixed;
  bottom: 400px;
  z-index: 1020;
}
screen-notice-handler .rank-notice-gift {
  position: fixed;
}

@media all and (min-width: 1441px) {
  screen-notice-handler .rank-notice-gift {
    left: 62%;
  }
}
@media all and (min-width: 891px) and (max-width: 1440px) {
  screen-notice-handler .rank-notice-gift {
    right: 135px;
  }
}
@media all and (max-width: 890px) {
  screen-notice-handler {
    display: none;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT    : text-phone-optional.scss
 *----------------------------------------------------------*/
.rank-call-another-phone {
  margin-top: 1em;
  font-weight: bold;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : post-code-search-modal.scss
 *----------------------------------------------------------*/
.post-code-search-modal .rank-modal-body .post-code-result h3 {
  text-align: center;
}
.post-code-search-modal .rank-modal-body .post-code-result h1 {
  text-align: center;
  font-weight: bold;
  color: #012174;
}
.post-code-search-modal .rank-modal-body .post-code-result .post-code-result-details {
  font-size: 1rem;
  font-weight: bold;
}
.post-code-search-modal .rank-modal-body .post-code-result .post-code-result-details small {
  color: #BEBEBE;
  font-weight: 400;
}
.post-code-search-modal .rank-modal-body .post-code-result .post-code-result-details .post-code-search {
  font-weight: 600;
}
.post-code-search-modal .select__control .select__input.select__input--hidden {
  display: none !important;
}
.post-code-search-modal .button.primary {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .post-code-search-modal .rank-modal-body .post-code-result h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .post-code-search-modal .rank-modal-body .post-code-result h1 {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  .post-code-search-modal .rank-modal-body .post-code-result .post-code-result-details .post-code-search {
    font-size: 0.875rem;
  }
  .post-code-search-modal .post-code-buttons {
    display: grid;
    grid-row-gap: 10px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: form-progress-bar.scss
 *----------------------------------------------------------*/
#line-auto {
  /* When header contains a stuck promotion bar, increase sticky offset of the form progress bar to include it */
}
#line-auto:has(.header-promotion-bar.stuck) .rank-form-progress-bar {
  top: 102px;
}
@media (max-width: 1023px) {
  #line-auto {
    /* On smaller screens, there is no Rankomat banner, so there is only header-promotion-bar to be taken into account */
  }
  #line-auto:has(.header-promotion-bar.stuck) .rank-form-progress-bar {
    top: 40px;
  }
  #line-auto {
    /* If there is no header-promotion-bar at all, then only ranko-header is present */
  }
  #line-auto:not(:has(.header-promotion-bar)) .rank-form-progress-bar {
    top: 62px;
  }
  #line-auto {
    /* Otherwise there would be no sticky elements besides progress-bar */
  }
  #line-auto .rank-form-progress-bar {
    top: 0;
  }
}

.rank-form-progress-bar {
  padding: 21px 15px 15px 16px;
  background: #F5F5F5;
  font-size: 0.875rem;
  position: -webkit-sticky;
  position: sticky;
  top: 62px;
  z-index: 1001;
}
.rank-form-progress-bar .stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.rank-form-progress-bar .stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.rank-form-progress-bar .stepper-item:not(:first-child)::before {
  position: absolute;
  content: "";
  border-bottom: 4px solid #98A2B3;
  width: 50%;
  top: 10px;
  left: 0;
  z-index: 2;
}
.rank-form-progress-bar .stepper-item:not(:last-child)::after {
  position: absolute;
  content: "";
  border-bottom: 4px solid #98A2B3;
  width: 50%;
  top: 10px;
  right: 0;
  z-index: 2;
}
.rank-form-progress-bar .step-name-mobile {
  display: none;
}
@media (max-width: 768px) {
  .rank-form-progress-bar {
    padding: 24px 14px 14px 14px;
  }
  .rank-form-progress-bar .step-name {
    display: none;
  }
  .rank-form-progress-bar .step-name-mobile {
    display: block;
    margin: 10px 0 0;
    text-align: center;
  }
  .rank-form-progress-bar .step-name-mobile .step-name-mobile__text {
    font-weight: 600;
  }
}
.rank-form-progress-bar .stepper-item::after:last-child {
  display: none;
}
.rank-form-progress-bar .stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 12px;
  background: #fff;
  border: 8px solid #667085;
  width: 24px;
  height: 24px;
}
.rank-form-progress-bar .stepper-item .step-counter svg {
  display: none;
}
.rank-form-progress-bar .stepper-item.active,
.rank-form-progress-bar .stepper-item.completed {
  font-weight: bold;
}
.rank-form-progress-bar .stepper-item.active .step-counter {
  border: 8px solid #0461CF;
  box-shadow: 0 0 0 4px #77AAE5;
  border-radius: 99px;
}
.rank-form-progress-bar .stepper-item.completed .step-counter {
  border: 8px solid #0461CF;
  border-radius: 99px;
  background: #0461CF;
}
.rank-form-progress-bar .stepper-item.completed .step-counter svg {
  color: white;
  display: block;
}
.rank-form-progress-bar .stepper-item.completed:not(:last-child)::after {
  position: absolute;
  content: "";
  border-bottom: 4px solid #0461CF;
  width: 50%;
  top: 10px;
  right: 0;
  z-index: 3;
}
.rank-form-progress-bar .stepper-item.active:not(:first-child)::before, .rank-form-progress-bar .stepper-item.completed:not(:first-child)::before {
  position: absolute;
  content: "";
  border-bottom: 4px solid #0461CF;
  width: 50%;
  top: 10px;
  left: 0;
  z-index: 3;
}
.rank-form-progress-bar .stepper-item:first-child::before {
  content: none;
}
.rank-form-progress-bar .stepper-item:last-child::after {
  content: none;
}

/*-----------------------------------------------------------
 *  DOCUMENT: call-popup.scss
 *----------------------------------------------------------*/
.rank-call-popup-modal .rank-modal-footer a {
  height: 100%;
}

/*-----------------------------------------------------------
 *  DOCUMENT: call-mobile-popup.scss
 *----------------------------------------------------------*/
.rank-call-mobile-popup {
  position: absolute;
  left: 0;
  top: 100px;
  right: 0;
  background: #fff;
  padding: 20px;
  margin: 0 10px;
  z-index: 1000;
  letter-spacing: -0.04em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}
.rank-call-mobile-popup:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 0.75em solid #fff;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  top: -9px;
  right: 18px;
}
.rank-call-mobile-popup .rank-call-mobile-popup-agent {
  margin-right: 20px;
}
.rank-call-mobile-popup .rank-call-mobile-popup-agent .rank-agent-img {
  display: block;
  width: 60px;
  height: 60px;
}
.rank-call-mobile-popup .rank-call-mobile-popup-info h6 {
  font-weight: 600;
  color: #012174;
}
.rank-call-mobile-popup .rank-call-mobile-popup-info p {
  padding-right: 100px;
  margin-bottom: 5px;
  line-height: 1.25rem;
}
.rank-call-mobile-popup .rank-call-mobile-popup-info a {
  font-weight: 600;
  font-size: 0.875rem;
}
.rank-call-mobile-popup .rank-call-mobile-popup-close {
  font-size: 1.875rem;
  color: #0457BA;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: absolute;
  right: 20px;
  top: 0.875rem;
}
.rank-call-mobile-popup .rank-call-mobile-popup-close:hover {
  -webkit-transform: rotate(90);
  -moz-transform: rotate(90);
  -ms-transform: rotate(90);
  -o-transform: rotate(90);
  cursor: pointer;
  text-decoration: none;
}
.rank-call-mobile-popup .rank-call-mobile-popup-close {
  line-height: 1.25rem;
}

/*-----------------------------------------------------------
 *  DOCUMENT: farm-lead-button.scss
 *----------------------------------------------------------*/
farm-lead-button {
  display: block;
}
farm-lead-button .farm-alert-button {
  border-radius: 5px;
  width: 100%;
  text-align: left;
  margin-top: 10px;
  border: 1px solid #cc9898;
  text-transform: none;
  letter-spacing: normal;
  padding: 4px;
  font-size: 0.875rem;
  color: #000000 !important;
  -webkit-box-shadow: none !important;
  background: rgba(254, 254, 254, 0.9098039216) !important;
  display: flex;
}
farm-lead-button .farm-alert-button:focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #cc9898 !important;
}
farm-lead-button .farm-alert-button:hover {
  background: #fff !important;
}
farm-lead-button .farm-alert-button img {
  padding: 7px;
}

@media all and (max-width: 768px) {
  farm-lead-button .farm-alert-button {
    font-size: 0.875rem;
    padding: 10px;
  }
  farm-lead-button .farm-alert-button img {
    height: 30px;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: not-supported-callback-button.scss
 *----------------------------------------------------------*/
not-supported-callback-button {
  display: block;
}
not-supported-callback-button .alert-button {
  border-radius: 5px;
  width: 100%;
  text-align: left;
  margin-top: 10px;
  border: 1px solid #cc9898;
  text-transform: none;
  letter-spacing: normal;
  padding: 4px;
  font-size: 0.875rem;
  color: #000000 !important;
  -webkit-box-shadow: none !important;
  background: rgba(254, 254, 254, 0.9098039216) !important;
  display: flex;
}
not-supported-callback-button .alert-button:focus-visible {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #cc9898 !important;
}
not-supported-callback-button .alert-button:hover {
  background: #fff !important;
}
not-supported-callback-button .alert-button img {
  padding: 7px;
}

@media all and (max-width: 768px) {
  not-supported-callback-button .alert-button {
    font-size: 0.875rem;
    padding: 10px;
  }
  not-supported-callback-button img {
    height: 30px;
  }
}
/*-----------------------------------------------------------
 *  DOCUMENT: terms-of-use-accept-modal.scss
 *----------------------------------------------------------*/
.terms-of-use-accept-modal .rank-modal-controls > .button {
  max-width: 230px;
}
.terms-of-use-accept-modal .rank-modal-footer, .terms-of-use-accept-modal .rank-modal-controls {
  padding: 15px 38px 15px 20px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: simulated-calculation-modal.scss
 *----------------------------------------------------------*/
.rank-simulated-calculation-modal .rank-modal-body {
  text-align: center;
}
.rank-simulated-calculation-modal .rank-modal-body p {
  font-size: 0.875rem;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : aztec.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  DOCUMENT    : aztec-infotip.scss
 *----------------------------------------------------------*/
.rank-aztec-infotip-modal img {
  margin-top: 50px;
}
.rank-aztec-infotip-modal .rank-modal-footer {
  text-align: center !important;
}
.rank-aztec-infotip-modal .rank-modal-footer a {
  color: #012174;
  font-size: 0.875rem;
  font-weight: 600;
}

.aztec-section__text {
  color: #444444;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: normal;
  text-align: left;
}
.aztec-section__annotation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.aztec-section__annotation .aztec-section__text {
  margin-left: 12px;
}
.aztec-section__button {
  width: 100%;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : aztec-scanner-modal.scss
 *----------------------------------------------------------*/
.rank-aztec-scanner-modal-allowances {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  margin: 50px 10px 0;
}
.rank-aztec-scanner-modal-allowances .rank-modal-body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding-bottom: 25px;
  padding-top: 5px;
}
.rank-aztec-scanner-modal-allowances .rank-modal-body .rank-aztec-scanner-modal-allowances-main {
  max-width: 265px;
}
.rank-aztec-scanner-modal-allowances .rank-modal-body .rank-aztec-scanner-modal-allowances-documents {
  margin-top: 15px;
  display: block;
}
.rank-aztec-scanner-modal-allowances .rank-modal-body .rank-aztec-scanner-modal-allowances-info {
  margin-top: 15px;
}

.rank-aztec-scanner-modal {
  padding: 0;
}
.rank-aztec-scanner-modal .rank-modal-dialog {
  padding: 0;
}
.rank-aztec-scanner-modal .rank-modal-dialog .rank-modal-content {
  background-color: transparent;
}
.rank-aztec-scanner-modal .rank-modal-header {
  background-color: transparent;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : aztec-scanner.scss
 *----------------------------------------------------------*/
.aztec-scanner .aztec-scanner-header {
  position: absolute;
  left: 0;
  right: 0;
}
.aztec-scanner .aztec-scanner-header .aztec-scanner-infotip-button, .aztec-scanner .aztec-scanner-header .aztec-scanner-close-button {
  position: absolute;
  top: 20px;
  z-index: 1000;
}
.aztec-scanner .aztec-scanner-header .aztec-scanner-infotip-button svg, .aztec-scanner .aztec-scanner-header .aztec-scanner-close-button svg {
  fill: #fff;
  margin: auto 6px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.aztec-scanner .aztec-scanner-header .aztec-scanner-infotip-button {
  left: 15px;
}
.aztec-scanner .aztec-scanner-header .aztec-scanner-infotip-button svg {
  width: 24px;
  height: 24px;
}
.aztec-scanner .aztec-scanner-header .aztec-scanner-close-button {
  right: 15px;
}
.aztec-scanner .aztec-scanner-header .aztec-scanner-close-button svg {
  width: 22px;
  height: 22px;
}
.aztec-scanner .aztec-scanner-body .aztec-scanner-body-info {
  color: #fff;
  font-weight: 600;
  position: absolute;
  top: 70px;
  left: 5%;
  right: 5%;
  text-align: center;
}
.aztec-scanner .aztec-scanner-body .wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.aztec-scanner .aztec-scanner-body .wrapper .camera, .aztec-scanner .aztec-scanner-body .wrapper .hud, .aztec-scanner .aztec-scanner-body .wrapper .hub-overlay {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.aztec-scanner .aztec-scanner-body .wrapper .camera {
  object-fit: cover;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.aztec-scanner .aztec-scanner-body .wrapper .hud, .aztec-scanner .aztec-scanner-body .wrapper .hub-overlay {
  display: block;
  width: 60vw;
  height: 60vw;
}
.aztec-scanner .aztec-scanner-body .wrapper .hud {
  border: 5px solid red;
}
.aztec-scanner .aztec-scanner-body .wrapper .hub-overlay {
  border: 5px solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
}
.aztec-scanner .aztec-scanner-body .wrapper .hud-animation {
  -webkit-animation: fadeInOut 1s ease-in-out infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeInOut 1s ease-in-out infinite; /* Firefox < 16 */
  -ms-animation: fadeInOut 1s ease-in-out infinite; /* Internet Explorer */
  -o-animation: fadeInOut 1s ease-in-out infinite; /* Opera < 12.1 */
  animation: fadeInOut 1s ease-in-out infinite;
}
.aztec-scanner .aztec-scanner-footer {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
}
.aztec-scanner .aztec-scanner-footer > p {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.aztec-scanner .aztec-scanner-footer > button {
  display: block;
  margin: auto;
}
@keyframes fadeInOut {
  0%, to {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: allowances-section.scss
 *----------------------------------------------------------*/
.rank-allowances-section {
  width: 100%;
}

/*-----------------------------------------------------------
 *  DOCUMENT: date-checkbox-section.scss
 *----------------------------------------------------------*/
@media (max-width: 1023px) {
  div[date-checkbox-section] div[checkbox-question] {
    margin-top: 15px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: question-checkbox-section.scss
 *----------------------------------------------------------*/
#life_pep .rank-section-tooltip {
  display: none;
}

div[question-checkbox-section] .row {
  margin-left: 0;
  margin-right: 0;
}
div[question-checkbox-section] .row .checkbox {
  margin-top: 15px;
}
div[question-checkbox-section] .rank-checkbox--required:before {
  content: none !important;
}
div[question-checkbox-section] .rank-checkbox input[type=checkbox] + label > span {
  font-weight: 400;
}

/*-----------------------------------------------------------
 *  DOCUMENT: multi-line-question.scss
 *----------------------------------------------------------*/
.rank-multi-line-question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
@media (max-width: 450px) {
  .rank-multi-line-question {
    flex-direction: column;
    gap: 8px;
  }
}
.rank-multi-line-question > * {
  flex-basis: 33.3333333333%;
  margin-right: 10px;
}
@media (max-width: 450px) {
  .rank-multi-line-question > * {
    margin-right: 0;
  }
}
.rank-multi-line-question > :last-child {
  flex-grow: 1;
  margin-right: 0;
}

/*-----------------------------------------------------------
 *  DOCUMENT: terms-of-use.scss
 *----------------------------------------------------------*/
.rank-terms-of-use {
  margin: 0 0 15px 42%;
  font-size: 0.875rem;
  font-weight: 600;
}

@media (max-width: 1200px) {
  .rank-terms-of-use {
    margin: 0 0 15px 300px;
  }
}
@media (max-width: 1023px) {
  .rank-terms-of-use {
    margin: 0 0 15px 10px;
  }
}
#life-terms-section .rank-terms-of-use {
  margin: 10px 0 0 0;
}

/*-----------------------------------------------------------
 *  DOCUMENT: not-supported-callback-modal.scss
 *----------------------------------------------------------*/
.rank-not-supported-callback-modal .rank-modal-body > .message {
  margin-top: 0;
}

/*-----------------------------------------------------------
 *  DOCUMENT: promotion-messages.scss
 *----------------------------------------------------------*/
#line-household .promotion-messages, #line-travel .promotion-messages {
  background: #ddf3f8;
}
#line-household .rank-promotion-messages, #line-travel .rank-promotion-messages {
  border: 1px solid #FBE4D0;
}

#line-auto .rank-promotion-messages, #line-household .rank-promotion-messages, #line-travel .rank-promotion-messages {
  position: relative;
  overflow: hidden;
}
#line-auto .rank-promotion-messages-main, #line-household .rank-promotion-messages-main, #line-travel .rank-promotion-messages-main {
  display: none;
}
@media (min-width: 1050px) {
  #line-auto .rank-promotion-messages-main, #line-household .rank-promotion-messages-main, #line-travel .rank-promotion-messages-main {
    display: flex;
    margin: 20px;
  }
  #line-auto .rank-promotion-messages-main__img, #line-household .rank-promotion-messages-main__img, #line-travel .rank-promotion-messages-main__img {
    width: 20%;
  }
  #line-auto .rank-promotion-messages-main__img img, #line-household .rank-promotion-messages-main__img img, #line-travel .rank-promotion-messages-main__img img {
    display: block;
    position: absolute;
    left: 20px;
    bottom: -15px;
    width: 85px;
  }
  #line-auto .rank-promotion-messages-main__info, #line-household .rank-promotion-messages-main__info, #line-travel .rank-promotion-messages-main__info {
    width: 50%;
    font-weight: 600;
    font-size: 1rem;
    padding-left: inherit;
  }
  #line-auto .rank-promotion-messages-main__info > span, #line-household .rank-promotion-messages-main__info > span, #line-travel .rank-promotion-messages-main__info > span {
    color: #FF0000;
    text-decoration: underline;
  }
  #line-auto .rank-promotion-messages-main__link, #line-household .rank-promotion-messages-main__link, #line-travel .rank-promotion-messages-main__link {
    width: 30%;
    text-align: right;
    margin-top: auto;
  }
  #line-auto .rank-promotion-messages-main__link img, #line-household .rank-promotion-messages-main__link img, #line-travel .rank-promotion-messages-main__link img {
    display: block;
    position: absolute;
    top: 0;
    right: 19px;
    width: 100px;
  }
  #line-auto .rank-promotion-messages-main__link > a, #line-household .rank-promotion-messages-main__link > a, #line-travel .rank-promotion-messages-main__link > a {
    color: #360609;
    font-size: 0.875rem;
  }
  #line-auto .rank-promotion-messages-main__link > a:hover, #line-auto .rank-promotion-messages-main__link > a:focus, #line-household .rank-promotion-messages-main__link > a:hover, #line-household .rank-promotion-messages-main__link > a:focus, #line-travel .rank-promotion-messages-main__link > a:hover, #line-travel .rank-promotion-messages-main__link > a:focus {
    text-decoration: underline;
  }
}
@media (max-width: 950px) {
  #line-auto .rank-promotion-messages-main__info, #line-household .rank-promotion-messages-main__info, #line-travel .rank-promotion-messages-main__info {
    font-size: 0.875rem;
    padding-left: 20px;
  }
}
#line-auto .rank-promotion-messages-mini, #line-household .rank-promotion-messages-mini, #line-travel .rank-promotion-messages-mini {
  display: none;
}
@media (max-width: 1049px) {
  #line-auto .rank-promotion-messages-mini, #line-household .rank-promotion-messages-mini, #line-travel .rank-promotion-messages-mini {
    display: flex;
    margin: 15px;
  }
  #line-auto .rank-promotion-messages-mini__img, #line-household .rank-promotion-messages-mini__img, #line-travel .rank-promotion-messages-mini__img {
    width: 20%;
  }
  #line-auto .rank-promotion-messages-mini__img img, #line-household .rank-promotion-messages-mini__img img, #line-travel .rank-promotion-messages-mini__img img {
    display: block;
    position: absolute;
    left: 0;
    width: 85px;
    height: 75px;
    bottom: 10px;
  }
  #line-auto .rank-promotion-messages-mini__info, #line-auto .rank-promotion-messages-mini__info--availo, #line-household .rank-promotion-messages-mini__info, #line-household .rank-promotion-messages-mini__info--availo, #line-travel .rank-promotion-messages-mini__info, #line-travel .rank-promotion-messages-mini__info--availo {
    width: 80%;
    font-size: 0.875rem;
  }
  #line-auto .rank-promotion-messages-mini__info-text, #line-auto .rank-promotion-messages-mini__info--availo-text, #line-household .rank-promotion-messages-mini__info-text, #line-household .rank-promotion-messages-mini__info--availo-text, #line-travel .rank-promotion-messages-mini__info-text, #line-travel .rank-promotion-messages-mini__info--availo-text {
    font-weight: 600;
  }
  #line-auto .rank-promotion-messages-mini__info-text > span, #line-auto .rank-promotion-messages-mini__info--availo-text > span, #line-household .rank-promotion-messages-mini__info-text > span, #line-household .rank-promotion-messages-mini__info--availo-text > span, #line-travel .rank-promotion-messages-mini__info-text > span, #line-travel .rank-promotion-messages-mini__info--availo-text > span {
    color: #FF0000;
    text-decoration: underline;
  }
  #line-auto .rank-promotion-messages-mini__info-link, #line-auto .rank-promotion-messages-mini__info--availo-link, #line-household .rank-promotion-messages-mini__info-link, #line-household .rank-promotion-messages-mini__info--availo-link, #line-travel .rank-promotion-messages-mini__info-link, #line-travel .rank-promotion-messages-mini__info--availo-link {
    margin-top: 10px;
  }
  #line-auto .rank-promotion-messages-mini__info-link > a, #line-auto .rank-promotion-messages-mini__info--availo-link > a, #line-household .rank-promotion-messages-mini__info-link > a, #line-household .rank-promotion-messages-mini__info--availo-link > a, #line-travel .rank-promotion-messages-mini__info-link > a, #line-travel .rank-promotion-messages-mini__info--availo-link > a {
    font-weight: 400;
    color: #360609;
    font-size: 0.875rem;
  }
  #line-auto .rank-promotion-messages-mini__info-link > a:hover, #line-auto .rank-promotion-messages-mini__info-link > a:focus, #line-auto .rank-promotion-messages-mini__info--availo-link > a:hover, #line-auto .rank-promotion-messages-mini__info--availo-link > a:focus, #line-household .rank-promotion-messages-mini__info-link > a:hover, #line-household .rank-promotion-messages-mini__info-link > a:focus, #line-household .rank-promotion-messages-mini__info--availo-link > a:hover, #line-household .rank-promotion-messages-mini__info--availo-link > a:focus, #line-travel .rank-promotion-messages-mini__info-link > a:hover, #line-travel .rank-promotion-messages-mini__info-link > a:focus, #line-travel .rank-promotion-messages-mini__info--availo-link > a:hover, #line-travel .rank-promotion-messages-mini__info--availo-link > a:focus {
    text-decoration: underline;
  }
}
@media (max-width: 750px) {
  #line-auto .rank-promotion-messages-mini__img, #line-household .rank-promotion-messages-mini__img, #line-travel .rank-promotion-messages-mini__img {
    width: 30%;
  }
}
@media (max-width: 500px) {
  #line-auto .rank-promotion-messages-mini__info, #line-auto .rank-promotion-messages-mini__info--availo, #line-household .rank-promotion-messages-mini__info, #line-household .rank-promotion-messages-mini__info--availo, #line-travel .rank-promotion-messages-mini__info, #line-travel .rank-promotion-messages-mini__info--availo {
    margin-left: 20px;
  }
}
@media (max-width: 360px) {
  #line-auto .rank-promotion-messages-mini__img, #line-household .rank-promotion-messages-mini__img, #line-travel .rank-promotion-messages-mini__img {
    display: none;
  }
}
#line-auto .promotion-messages, #line-household .promotion-messages, #line-travel .promotion-messages {
  display: flex;
}
#line-auto .promotion-messages__placeholder, #line-household .promotion-messages__placeholder, #line-travel .promotion-messages__placeholder {
  width: 100%;
  height: 81px;
}
@media (max-width: 420px) {
  #line-auto .promotion-messages__placeholder, #line-household .promotion-messages__placeholder, #line-travel .promotion-messages__placeholder {
    height: 119px;
  }
}
@media (max-width: 360px) {
  #line-auto .promotion-messages__placeholder, #line-household .promotion-messages__placeholder, #line-travel .promotion-messages__placeholder {
    height: 100px;
  }
}
#line-auto .promotion-messages__logo, #line-household .promotion-messages__logo, #line-travel .promotion-messages__logo {
  position: relative;
  max-width: 80px;
  width: 100%;
}
@media (min-width: 426px) {
  #line-auto .promotion-messages__logo img, #line-household .promotion-messages__logo img, #line-travel .promotion-messages__logo img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 48px;
  }
}
#line-auto .promotion-messages__logo--availo, #line-household .promotion-messages__logo--availo, #line-travel .promotion-messages__logo--availo {
  max-width: 90px;
  width: 60%;
}
@media (min-width: 426px) {
  #line-auto .promotion-messages__logo--availo img, #line-household .promotion-messages__logo--availo img, #line-travel .promotion-messages__logo--availo img {
    width: 55px;
  }
}
@media (min-width: 426px) and (max-width: 430px) {
  #line-auto .promotion-messages__logo--availo img, #line-household .promotion-messages__logo--availo img, #line-travel .promotion-messages__logo--availo img {
    margin: initial;
  }
}
#line-auto .promotion-messages__info, #line-household .promotion-messages__info, #line-travel .promotion-messages__info {
  padding: 12px;
}
@media (min-width: 1100px) {
  #line-auto .promotion-messages__info, #line-household .promotion-messages__info, #line-travel .promotion-messages__info {
    padding: 20px 80px 20px 0;
  }
}
@media (min-width: 426px) and (max-width: 1099px) {
  #line-auto .promotion-messages__info, #line-household .promotion-messages__info, #line-travel .promotion-messages__info {
    padding: 20px 12px 20px 0;
  }
}
#line-auto .promotion-messages__info--availo, #line-household .promotion-messages__info--availo, #line-travel .promotion-messages__info--availo {
  padding: 12px;
}
@media (max-width: 1023px) {
  #line-auto .promotion-messages__link, #line-household .promotion-messages__link, #line-travel .promotion-messages__link {
    display: block;
  }
}
@media (min-width: 360px) and (max-width: 430px) {
  #line-auto .promotion-messages, #line-household .promotion-messages, #line-travel .promotion-messages {
    align-items: flex-start;
  }
  #line-auto .promotion-messages__logo, #line-household .promotion-messages__logo, #line-travel .promotion-messages__logo {
    max-width: 60px;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 15px;
  }
  #line-auto .promotion-messages__logo--availo, #line-household .promotion-messages__logo--availo, #line-travel .promotion-messages__logo--availo {
    margin-right: 8px;
    margin-top: 15px;
    padding-left: 10px;
  }
  #line-auto .promotion-messages__logo--availo img, #line-household .promotion-messages__logo--availo img, #line-travel .promotion-messages__logo--availo img {
    width: 48px;
    max-width: none;
  }
}
@media (max-width: 360px) {
  #line-auto .promotion-messages__logo, #line-household .promotion-messages__logo, #line-travel .promotion-messages__logo {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT    : ufg-modal.scss
 *----------------------------------------------------------*/
.rank-ufg-modal .rank-modal-footer {
  border: none;
}
.rank-ufg-modal .rank-modal-controls {
  background-color: inherit;
}
.rank-ufg-modal .rank-modal-controls button {
  background: #f3f4f8;
  box-shadow: 0 2px 0 0 #e5e6e8;
}
.rank-ufg-modal .rank-modal-controls button:hover {
  background: #f3f4f8;
  box-shadow: 0 2px 0 0 #e0e1e3;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : availo-modal.scss
 *----------------------------------------------------------*/
.rank-availo-modal .rank-modal-header {
  padding: inherit;
  border: none;
}
.rank-availo-modal .rank-modal-header button {
  color: #a9a9a9;
  top: 5px;
  right: 12px;
  font-size: 60px;
}
.rank-availo-modal .rank-modal-body div {
  margin-right: 35px;
  text-align: justify;
}
@media (max-width: 450px) {
  .rank-availo-modal .rank-modal-body div {
    text-align: inherit;
  }
}
.rank-availo-modal .rank-modal-body .rank-modal-body-header {
  display: flex;
}
.rank-availo-modal .rank-modal-body .rank-modal-body-header h2 {
  font-size: 1.25rem;
  color: #012174;
  font-weight: 600;
  margin: 30px 0 10px;
  letter-spacing: 0;
}
@media (max-width: 800px) {
  .rank-availo-modal .rank-modal-body .rank-modal-body-header h2 {
    font-size: 1rem;
  }
}
.rank-availo-modal .rank-modal-body__title {
  display: flex;
  margin-right: 0 !important;
}
.rank-availo-modal .rank-modal-body__title--text {
  color: #012174;
  font-weight: 600;
  font-size: 1rem;
  margin: 20px 0 10px;
  cursor: pointer;
}
@media (max-width: 800px) {
  .rank-availo-modal .rank-modal-body__title--text {
    font-size: 0.875rem;
  }
}
.rank-availo-modal .rank-modal-body__title--extended {
  margin: auto 0 auto auto !important;
  text-align: right;
  font-size: 1.875rem;
}
.rank-availo-modal .rank-modal-body__title--extended a {
  color: #012174;
}
.rank-availo-modal .rank-modal-body__regulations {
  padding-top: 10px;
  padding-right: 35px;
  text-align: justify;
}
@media (max-width: 450px) {
  .rank-availo-modal .rank-modal-body__regulations {
    text-align: inherit;
  }
}
.rank-availo-modal .rank-modal-body .rank-modal-body-list {
  margin-top: 5px;
  text-align: justify;
  margin-right: 35px;
}
@media (max-width: 450px) {
  .rank-availo-modal .rank-modal-body .rank-modal-body-list {
    text-align: inherit;
  }
}
.rank-availo-modal .rank-modal-footer {
  border: none;
}
.rank-availo-modal .rank-modal-controls {
  background-color: inherit;
  padding: 25px;
}
.rank-availo-modal .rank-modal-controls > .button {
  background: inherit;
  box-shadow: none;
  max-width: 130px;
  height: 50px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  font-size: 0.875rem;
}
.rank-availo-modal .rank-modal-controls > .button:hover {
  background: #f3f4f8;
  box-shadow: 0 2px 0 0 #e0e1e3;
}
@media (max-width: 800px) {
  .rank-availo-modal .rank-modal-controls > .button {
    max-width: 110px;
    height: 40px;
    font-size: 0.875rem;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT    : too-late-to-buy-modal.scss
 *----------------------------------------------------------*/
.too-late-to-buy-modal .rank-modal-section {
  margin: 10px;
  padding: 5px;
  font-size: 0.875rem;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : checkout.scss
 *----------------------------------------------------------*/
.rank-checkout .rank-form {
  position: relative;
}
.rank-checkout .rank-checkout-proceed {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.rank-checkout .rank-boxes .rank-box {
  max-width: inherit !important;
  min-width: inherit !important;
}
@media (max-width: 420px) {
  .rank-checkout .rank-boxes .rank-box {
    flex: 0 0 calc(100% - 20px);
  }
}
.rank-checkout .list-none {
  list-style: none;
  margin: 0;
}

.rank-checkout-header {
  border-radius: 0 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rank-checkout-header img {
  padding: 20px;
  max-width: 180px;
}
.rank-checkout-header .ranko-account-number-view {
  padding: 20px 0 0;
  width: 100%;
  max-width: initial;
}
.rank-checkout-header .rank-error-logo {
  padding: 0 0 10px 0;
}
.rank-checkout-header .rank-checkout-closing-text {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: black;
}
.rank-checkout-header .rank-card-body ul, .rank-checkout-header .rank-app-rating .rank-app-rating-body ul, .rank-app-rating .rank-checkout-header .rank-app-rating-body ul {
  padding-left: 20px;
  list-style: inherit;
}
@media (max-width: 450px) {
  .rank-checkout-header .rank-card-body ul li span, .rank-checkout-header .rank-app-rating .rank-app-rating-body ul li span, .rank-app-rating .rank-checkout-header .rank-app-rating-body ul li span {
    display: block;
  }
}
.rank-checkout-header .rank-card-body .rank-card-padding-top, .rank-checkout-header .rank-app-rating .rank-app-rating-body .rank-card-padding-top, .rank-app-rating .rank-checkout-header .rank-app-rating-body .rank-card-padding-top {
  padding-top: 15px;
}
.rank-checkout-header .rank-card-body .rank-card-payment-info .rank-card-padding, .rank-checkout-header .rank-app-rating .rank-app-rating-body .rank-card-payment-info .rank-card-padding, .rank-app-rating .rank-checkout-header .rank-app-rating-body .rank-card-payment-info .rank-card-padding {
  padding: 16px 0;
}
.rank-checkout-header .rank-card-body .rank-card-payment-info .button.large, .rank-checkout-header .rank-app-rating .rank-app-rating-body .rank-card-payment-info .button.large, .rank-app-rating .rank-checkout-header .rank-app-rating-body .rank-card-payment-info .button.large {
  padding: 15px 20px;
}
.rank-checkout-header .rank-card-body .rank-card-link, .rank-checkout-header .rank-app-rating .rank-app-rating-body .rank-card-link, .rank-app-rating .rank-checkout-header .rank-app-rating-body .rank-card-link {
  font-weight: 600;
  text-decoration: underline;
  padding-right: 1.25em;
}
.rank-checkout-header .rank-checkout-insurer-name {
  font-weight: 700;
}
.rank-checkout-header__rrso {
  margin-bottom: 20px;
}

.rank-data-changed {
  border: 0;
  max-width: 770px;
}

.rank-data-changed-header {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000000;
  background: #F3F3F3;
}

.rank-data-changed-text {
  padding-top: 16px;
  padding-bottom: 32px;
  font-size: 0.875rem;
}
.rank-data-changed-text--bold {
  padding-top: 8px;
  font-weight: 600;
}

.rank-bank-transfer-text-distinction {
  color: red;
}

.rank-bank-transfer-text-right {
  color: #00104E;
  font-weight: 700;
}

legend.rank-section-header.rank-margin-bottom-zero,
ul.rank-margin-top-zero {
  margin-bottom: 0 !important;
}
legend.rank-section-header.rank-margin-bottom-zero li,
ul.rank-margin-top-zero li {
  margin-left: 10px;
}

.rank-margin-top-zero .message {
  margin-top: 0;
}

ul.rank-margin-bottom-zero {
  margin-bottom: 0 !important;
}

.allowance_header {
  letter-spacing: 0.03rem;
  padding-left: 25px;
}

.allowances_not_checkable {
  padding-left: 25px;
}

.rank-checkbox-clause {
  display: block;
}
.rank-checkbox-clause input[type=checkbox]:checked + label:after {
  height: 0;
  margin-top: 2px;
}
@media (max-width: 450px) {
  .rank-checkbox-clause a {
    word-break: break-word;
  }
}

.rank-clause-section {
  margin-top: 20px;
}
.rank-clause-section label {
  font-weight: 400;
  padding-left: 25px;
}
.rank-clause-section label > span > span > ol > li,
.rank-clause-section ol > li > ul > li {
  font-weight: 400;
}

.rank-renewal-summary-label {
  padding-left: 0 !important;
}

.acknowledgement-screen {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 639px) {
  .rank-checkout-header.rank-card .rank-card-body > div:first-of-type, .rank-checkout-header.rank-app-rating .rank-card-body > div:first-of-type, .rank-checkout-header.rank-card .rank-app-rating .rank-app-rating-body > div:first-of-type, .rank-app-rating .rank-checkout-header.rank-card .rank-app-rating-body > div:first-of-type, .rank-checkout-header.rank-app-rating .rank-app-rating-body > div:first-of-type {
    order: 2;
  }
  .rank-checkout-header.rank-card .rank-card-body > div:last-of-type, .rank-checkout-header.rank-app-rating .rank-card-body > div:last-of-type, .rank-checkout-header.rank-card .rank-app-rating .rank-app-rating-body > div:last-of-type, .rank-app-rating .rank-checkout-header.rank-card .rank-app-rating-body > div:last-of-type, .rank-checkout-header.rank-app-rating .rank-app-rating-body > div:last-of-type {
    order: 1;
    margin-bottom: 20px;
    padding-left: 0;
    text-align: left !important;
  }
  .rank-checkout-header.rank-card .rank-card-body > div:last-of-type img, .rank-checkout-header.rank-app-rating .rank-card-body > div:last-of-type img, .rank-checkout-header.rank-card .rank-app-rating .rank-app-rating-body > div:last-of-type img, .rank-app-rating .rank-checkout-header.rank-card .rank-app-rating-body > div:last-of-type img, .rank-checkout-header.rank-app-rating .rank-app-rating-body > div:last-of-type img {
    padding: 0;
    margin-bottom: 10px;
  }
}
.rank-checkout-payment .logos-area {
  padding: 20px;
  margin: 15px 0 15px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.rank-checkout-payment .logos-area .rank-box-title {
  font-weight: 600;
  text-align: center;
}
.rank-checkout-payment .logos-area img {
  margin: 5px 5px;
  max-height: 35px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rank-checkout-payment .rank-payment-logo-all {
  display: none;
  text-align: center;
}
.rank-checkout-payment .rank-box-title-big {
  text-align: center;
}
.rank-checkout-payment .rank-box-title-small {
  display: none;
}
@media (min-width: 640px) and (max-width: 1000px) {
  .rank-checkout-payment .logos-area {
    padding: 5px 1px 5px 1px;
  }
  .rank-checkout-payment .rank-box-title-big {
    display: none;
  }
  .rank-checkout-payment .rank-box-title-small {
    display: block;
    text-align: center;
  }
}
.rank-checkout-payment .rank-payment-logo-all {
  display: none;
  text-align: center;
}
.rank-checkout-payment .rank-box-title-small {
  text-align: center;
  font-weight: 700;
}

checkout-header {
  display: inline-flex;
}

.checkout-price-recalculation {
  padding: 1em;
  background-color: #FFF;
  box-shadow: 0 0 20px #E1E1E1;
  border-left: 4px solid #FEAE1B;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.checkout-price-recalculation .checkout-price-recalculation_warning {
  padding: 1em;
}
.checkout-price-recalculation .checkout-price-recalculation_warning svg {
  width: 60px;
  height: 60px;
  fill: #FEAE1B;
  margin: 0 auto;
}
.checkout-price-recalculation .checkout-price-recalculation_message {
  padding: 1em;
}
.checkout-price-recalculation .checkout-price-recalculation_message h4 {
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
.checkout-price-recalculation .checkout-price-recalculation_message span {
  display: inline-block;
  margin: 1em 0;
}
.checkout-price-recalculation .checkout-price-recalculation_message span strong, .checkout-price-recalculation .checkout-price-recalculation_message span em {
  font-weight: 700;
}
.checkout-price-recalculation .checkout-price-recalculation_message span em {
  text-decoration: underline;
  font-style: normal;
}

.rank-payments-controls, .rank-payments-controls-experiment {
  border-top: 1px solid #F3F3F3;
  background-color: #F3F4F2;
  margin-top: 10px;
  padding: 20px;
}
.rank-payments-controls__left, .rank-payments-controls-experiment__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.rank-payments-controls__left .button, .rank-payments-controls-experiment__left .button {
  padding: 15px 20px;
  min-width: 0px;
}
@media (max-width: 639px) {
  .rank-payments-controls, .rank-payments-controls-experiment {
    flex-flow: column;
  }
  .rank-payments-controls__left, .rank-payments-controls-experiment__left {
    order: 2;
  }
  .rank-payments-controls__right, .rank-payments-controls-experiment__right {
    margin-bottom: 10px;
    order: 1;
  }
}
.rank-payments-controls, .rank-payments-controls-experiment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.rank-payments-controls .button.primary, .rank-payments-controls .button.success, .rank-payments-controls-experiment .button.primary, .rank-payments-controls-experiment .button.success {
  padding-left: 20px;
  padding-right: 20px;
}
.rank-payments-controls.rank-form-ready, .rank-payments-controls-experiment.rank-form-ready {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

@media (max-width: 799px) {
  .rank-payments-controls-experiment {
    flex-flow: column;
  }
}
@media (max-width: 799px) {
  .rank-payments-controls-experiment .rank-payments-controls__left {
    order: 2;
  }
  .rank-payments-controls-experiment .rank-payments-controls__right {
    margin-bottom: 10px;
    order: 1;
  }
}
.rank-payments-controls-experiment .rank-payments-controls__pay-button.button {
  min-width: 220px;
  padding: 15px 0;
}
@media (max-width: 799px) {
  .rank-payments-controls-experiment .rank-payments-controls__pay-button.button {
    width: 100%;
  }
}

.rank-payments-controls__pay {
  display: flex;
  flex-flow: column;
  text-align: right;
}
.rank-payments-controls__pay-title {
  padding: 0 10px 10px;
  text-align: left;
}
.rank-payments-controls__pay-button {
  flex: none;
  min-width: 260px;
}
.rank-payments-controls__pay-button svg {
  display: inline-block;
  margin-right: 5px;
}

.rank-proceed-button {
  padding: 15px 20px;
}

.checkout-payment-icons {
  margin-top: 10px;
}
.checkout-payment-icons img {
  margin-right: 5px;
}

@media (max-width: 1023px) {
  .checkout-screen .rank-form-controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 639px) {
  .rank-checkout .rank-payments-controls {
    min-height: 130px;
  }
  .rank-checkout .rank-payments-controls .button {
    min-width: initial;
    width: 100%;
  }
  .rank-checkout .rank-payments-controls .rank-checkout-back-offers--hacked {
    position: relative;
    top: 50px;
  }
  .rank-checkout .rank-checkout-proceed {
    bottom: 70px !important;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .rank-checkout .rank-checkout-proceed .button {
    width: 100%;
    max-width: initial;
  }
  .rank-payments-controls-bank-transfer {
    text-align: center;
  }
}
@media (max-width: 360px) {
  .checkout-screen .rank-payments-controls {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 420px) {
  #line-shorttermass .rank-checkout-header ul li {
    word-break: break-word;
  }
}
#line-shorttermass .payment-method-select__description {
  word-break: break-word;
}

#line-travel .message.allowancesRequiredInfo, #line-shorttermass .message.allowancesRequiredInfo, #line-auto .message.allowancesRequiredInfo {
  margin-top: 0;
}
#line-travel .rank-checkout-allowances-required-information, #line-shorttermass .rank-checkout-allowances-required-information, #line-auto .rank-checkout-allowances-required-information {
  padding-left: 27px;
  font-size: 0.875rem;
}
#line-travel .rank-checkout-allowances-required-information span, #line-shorttermass .rank-checkout-allowances-required-information span, #line-auto .rank-checkout-allowances-required-information span {
  color: red;
  margin-right: 2px;
}
@media (max-width: 1023px) {
  #line-travel .rank-checkout-allowances-required-information, #line-shorttermass .rank-checkout-allowances-required-information, #line-auto .rank-checkout-allowances-required-information {
    padding-left: 2px;
  }
}

#line-travel .rank-checkout-allowances-required-information span, #line-shorttermass .rank-checkout-allowances-required-information span {
  font-size: 1.25rem;
}

@media (min-width: 800px) {
  .recalculation-auto-new {
    min-width: 800px;
  }
}
@media (min-width: 640px) and (max-width: 800px) {
  .recalculation-auto-new {
    max-width: none;
  }
}

.promotion-availability-bar-margin {
  margin-top: 20px;
}

.rank-checkout-thanks {
  padding: 16px 20px 16px 0;
  color: black;
  line-height: 1.5;
}
.rank-checkout-thanks b {
  font-size: 1.25rem;
}
.rank-checkout-thanks__download {
  color: #0457BA;
}
.rank-checkout-thanks__download--addon {
  margin-left: 8px;
  color: black;
}
.rank-checkout-thanks__additional {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 500;
}
.rank-checkout-thanks__additional rank-svg {
  margin-right: 8px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-calculation-return-messages.scss
 *----------------------------------------------------------*/
.rank-checkout-calculation-return-message {
  display: block;
  padding: 0 15px 20px;
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-availo-section.scss
 *----------------------------------------------------------*/
.checkout-availo-section {
  margin: 20px;
  border: 1px solid #e7dddd;
  border-radius: 5px;
  color: #444;
}
.checkout-availo-section .rank-question-label,
.checkout-availo-section .rank-question-tooltip {
  display: none;
}
.checkout-availo-section .rank-question-label,
.checkout-availo-section .rank-question-area,
.checkout-availo-section .rank-question-toolti,
.checkout-availo-section .rank-question {
  padding: initial;
}
.checkout-availo-section .checkout-availo-section__header {
  display: flex;
  margin: 20px 20px 0;
}
.checkout-availo-section .checkout-availo-section__header--hammer {
  margin: auto 0;
  text-align: left;
}
@media (max-width: 360px) {
  .checkout-availo-section .checkout-availo-section__header--hammer {
    display: none;
  }
}
.checkout-availo-section .checkout-availo-section__header--title {
  margin: auto auto auto 20px;
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .checkout-availo-section .checkout-availo-section__header--title {
    font-size: 1.25rem;
  }
}
@media (max-width: 900px) {
  .checkout-availo-section .checkout-availo-section__header--title {
    font-size: 1rem;
  }
}
@media (max-width: 360px) {
  .checkout-availo-section .checkout-availo-section__header--title {
    margin: auto;
  }
}
.checkout-availo-section .checkout-availo-section__header--logo {
  text-align: right;
  font-size: 0.875rem;
}
@media (max-width: 900px) {
  .checkout-availo-section .checkout-availo-section__header--logo {
    display: none;
  }
}
.checkout-availo-section .checkout-availo-section__header--logo img {
  width: 70px;
}
.checkout-availo-section .checkout-availo-section__header--logo span {
  font-size: 0.875rem;
}
.checkout-availo-section .checkout-availo-section__body {
  margin: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7dddd;
}
.checkout-availo-section .checkout-availo-section__body--text {
  margin-bottom: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.checkout-availo-section .checkout-availo-section__body--allowance label > span > span > ol > li,
.checkout-availo-section .checkout-availo-section__body--allowance ol > li > ul > li {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.checkout-availo-section .checkout-availo-section__body--allowance label > span {
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: middle;
  line-height: 1.25rem;
  color: #9e9e9e;
}
.checkout-availo-section .checkout-availo-section__body--allowance ol {
  margin-bottom: 0;
}
.checkout-availo-section .checkout-availo-section__body--allowance ol li {
  margin-bottom: 12px;
  line-height: 1.25rem;
  list-style: none;
}
.checkout-availo-section .checkout-availo-section__body--allowance ol li > ul {
  margin-top: 10px;
  margin-left: 0;
}
.checkout-availo-section .checkout-availo-section__body--allowance button {
  color: #0457BA;
}
.checkout-availo-section .checkout-availo-section__body--allowance button:hover {
  text-decoration: underline;
}
.checkout-availo-section .checkout-availo-section__footer {
  display: flex;
  background-color: #F3F4F2;
}
.checkout-availo-section .checkout-availo-section__footer--price {
  margin: 20px;
  text-align: right;
  width: 55%;
}
.checkout-availo-section .checkout-availo-section__footer--price-item {
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
.checkout-availo-section .checkout-availo-section__footer--price-item span {
  font-size: 1rem;
  color: #444;
  font-weight: 400;
}
@media (max-width: 780px) {
  .checkout-availo-section .checkout-availo-section__footer--price {
    padding: 10px 0;
    margin: 0;
    width: 100%;
  }
  .checkout-availo-section .checkout-availo-section__footer--price-item {
    margin: 0 0 0 10px;
    float: right;
  }
}
.checkout-availo-section .checkout-availo-section__footer--button {
  margin: auto;
}
.checkout-availo-section .checkout-availo-section__footer--button .button {
  width: 250px;
}
.checkout-availo-section .checkout-availo-section__footer--button .button:focus-within {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
}
.checkout-availo-section .checkout-availo-section__footer--button .button input {
  margin: auto;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
}
.checkout-availo-section .checkout-availo-section__footer--button .button input:focus-visible {
  outline: none;
  box-shadow: none;
}
@media (max-width: 780px) {
  .checkout-availo-section .checkout-availo-section__footer--button .button {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.checkout-availo-section .checkout-availo-section__footer--button .remove {
  background: white;
  border: 2px solid #20a3dd;
  color: #20a3dd;
  box-shadow: none;
}
@media (max-width: 1100px) {
  .checkout-availo-section .checkout-availo-section__footer {
    padding: 0 15px;
  }
}
@media (max-width: 780px) {
  .checkout-availo-section .checkout-availo-section__footer {
    display: inherit;
    text-align: center;
  }
}
@media (max-width: 450px) {
  .checkout-availo-section .checkout-availo-section__footer--price {
    font-size: 1.25rem;
    margin: 10px 10px 10px 0;
  }
  .checkout-availo-section .checkout-availo-section__footer--price span {
    font-size: 0.875rem;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-promotion-online-section.scss
 *----------------------------------------------------------*/
.checkout-promotion-online-section {
  margin: 20px;
}
.checkout-promotion-online-section .rank-promotions {
  flex: 0 0 auto;
  border-radius: 8px;
  box-shadow: none !important;
}
.checkout-promotion-online-section .rank-promotions .rank-promotions__content {
  flex-direction: column;
  width: 100%;
  align-items: normal;
}
.checkout-promotion-online-section .rank-promotions .rank-promotions__content .rank-promotions__content--title {
  color: #012174;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
@media (max-width: 640px) {
  .checkout-promotion-online-section .rank-promotions .rank-promotions__content {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
  .checkout-promotion-online-section .rank-promotions .rank-promotions__content .rank-promotions__content--title {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
}
.checkout-promotion-online-section .rank-promotions .rank-promotions__content button {
  text-decoration: underline;
}
.checkout-promotion-online-section .rank-promotions .rank-promotions__content p {
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.checkout-promotion-online-section .rank-promotions .rank-promotions__left {
  order: 1;
  padding: 0 0 0 10px;
}
.checkout-promotion-online-section .rank-promotions .rank-promotions__left img {
  width: auto;
  height: auto;
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-school-nnw-section.scss
 *----------------------------------------------------------*/
.checkout-school-nnw-section {
  margin: 20px;
  border: 1px solid #e7dddd;
  border-radius: 5px;
  color: #444;
}
.checkout-school-nnw-section .rank-question-label,
.checkout-school-nnw-section .rank-question-tooltip {
  display: none;
}
.checkout-school-nnw-section .rank-question-label,
.checkout-school-nnw-section .rank-question-area,
.checkout-school-nnw-section .rank-question-toolti,
.checkout-school-nnw-section .rank-question {
  padding: initial;
}
.checkout-school-nnw-section .checkout-school-nnw-section__header {
  display: flex;
  margin: 20px 20px 0;
}
.checkout-school-nnw-section .checkout-school-nnw-section__header--hat {
  margin: auto 0;
  text-align: left;
}
@media (max-width: 360px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__header--hat {
    display: none;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__header--hat img {
  height: 48px;
  width: 40px;
}
@media (max-width: 767px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__header--hat img {
    max-width: 40px;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__header--title {
  margin: auto auto auto 20px;
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__header--title {
    font-size: 1.25rem;
  }
}
@media (max-width: 900px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__header--title {
    font-size: 1rem;
  }
}
@media (max-width: 360px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__header--title {
    margin: auto;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__header--logo {
  text-align: right;
  font-size: 0.875rem;
}
@media (max-width: 900px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__header--logo {
    display: none;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__header--logo img {
  width: 70px;
}
.checkout-school-nnw-section .checkout-school-nnw-section__header--logo span {
  font-size: 0.875rem;
}
.checkout-school-nnw-section .checkout-school-nnw-section__body {
  margin: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7dddd;
}
.checkout-school-nnw-section .checkout-school-nnw-section__body--text {
  margin-bottom: 20px;
}
.checkout-school-nnw-section .checkout-school-nnw-section__body--allowance label > span > span > ol > li,
.checkout-school-nnw-section .checkout-school-nnw-section__body--allowance ol > li > ul > li {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.checkout-school-nnw-section .checkout-school-nnw-section__body--allowance label > span {
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: middle;
  line-height: 1.25rem;
  color: #9e9e9e;
}
@media (max-width: 767px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__body--allowance label > span a {
    white-space: nowrap;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__body--allowance ol {
  margin-bottom: 0;
}
.checkout-school-nnw-section .checkout-school-nnw-section__body--allowance ol li {
  margin-bottom: 12px;
  line-height: 1.25rem;
  list-style: none;
}
.checkout-school-nnw-section .checkout-school-nnw-section__body--allowance ol li > ul {
  margin-top: 10px;
  margin-left: 0;
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer {
  display: flex;
  background-color: #F3F4F2;
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--price {
  margin: 20px;
  text-align: right;
  width: 55%;
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--price-item {
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--price-item span {
  font-size: 1rem;
  color: #444;
  font-weight: 400;
}
@media (max-width: 780px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__footer--price {
    padding: 10px 0;
    margin: 0;
    width: 100%;
  }
  .checkout-school-nnw-section .checkout-school-nnw-section__footer--price-item {
    margin: 0 0 0 10px;
    float: right;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--button {
  margin: auto;
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--button .button {
  width: 250px;
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--button .button input {
  margin: auto;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
}
@media (max-width: 780px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__footer--button .button {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.checkout-school-nnw-section .checkout-school-nnw-section__footer--button .remove {
  background: white;
  border: 2px solid #20a3dd;
  color: #20a3dd;
  box-shadow: none;
}
@media (max-width: 1100px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__footer {
    padding: 0 15px;
  }
}
@media (max-width: 780px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__footer {
    display: inherit;
    text-align: center;
  }
}
@media (max-width: 450px) {
  .checkout-school-nnw-section .checkout-school-nnw-section__footer--price {
    font-size: 1.25rem;
    margin: 10px 10px 10px 0;
  }
  .checkout-school-nnw-section .checkout-school-nnw-section__footer--price span {
    font-size: 0.875rem;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-life-allowance-section.scss
 *----------------------------------------------------------*/
.checkout-life-allowance-section {
  padding: 20px;
}
@media (max-width: 639px) {
  .checkout-life-allowance-section {
    padding: 0px;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.rank-clause-section {
  margin-top: 0;
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-medical-questionnaire-section.scss
 *----------------------------------------------------------*/
.checkout-medical-questionnaire-section {
  padding: 0 30px 20px;
}
@media (max-width: 639px) {
  .checkout-medical-questionnaire-section {
    padding: 20px;
  }
}
.checkout-medical-questionnaire-section .checkout-medical-questionnaire-section-container-comment textarea {
  resize: none;
}
.checkout-medical-questionnaire-section .checkout-medical-questionnaire-section-container-comment .checkout-medical-questionnaire-section-container-comment-label {
  padding: 15px 0 10px 0;
}
.checkout-medical-questionnaire-section .checkout-medical-questionnaire-section-container-comment .checkout-medical-questionnaire-section-container-comment-label .require {
  color: red;
}
.checkout-medical-questionnaire-section .checkout-medical-questionnaire-section-container:not(:first-of-type) {
  margin-top: 30px;
}
.checkout-medical-questionnaire-section .radio-button-list {
  max-width: 670px;
}
@media (max-width: 425px) {
  .checkout-medical-questionnaire-section .radio-button {
    width: calc(50% - 4px);
    margin: 0;
  }
  .checkout-medical-questionnaire-section .radio-button:not(:last-of-type) {
    margin-right: 8px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-expandable-question-section.scss
 *----------------------------------------------------------*/
.expandable-question-section {
  width: 100%;
}
.expandable-question-section .rank-question-area {
  padding-left: 40px;
}
.expandable-question-section .expandable-question-section__lead {
  font-weight: 600;
}
.expandable-question-section .expandable-question-section__default-section {
  margin-left: -40px;
}

@media (max-width: 1023px) {
  .expandable-question-section .rank-question-area {
    margin-left: 20px;
  }
}
.checkout-auto-offer-summary-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 800px) {
  .checkout-auto-offer-summary-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
@media (max-width: 799px) {
  .checkout-auto-offer-summary-section {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.checkout-auto-offer-summary-section__insurer-logo {
  width: 128px;
  height: 64px;
  margin: 20px;
}
@media (max-width: 799px) {
  .checkout-auto-offer-summary-section__insurer-logo {
    margin: 20px auto 0;
  }
}
.checkout-auto-offer-summary-section__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.checkout-auto-offer-summary-section__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.checkout-auto-offer-summary-section__subtitle {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0;
}
.checkout-auto-offer-summary-section__info-item {
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0;
}
.checkout-auto-offer-summary-section__info-item--date span {
  white-space: nowrap;
}
.checkout-auto-offer-summary-section__details-button {
  color: #0033D6;
  font-size: 0.875rem;
  line-height: 1.3;
  text-decoration: underline;
  text-align: left;
  font-weight: 600;
}
.checkout-auto-offer-summary-section__details-button:hover {
  color: #012074;
}
.checkout-auto-offer-summary-section__details-button-renewal {
  color: #0033D6;
  font-weight: 600;
  text-decoration: underline;
  padding-right: 1.25em;
}
.checkout-auto-offer-summary-section__details-button-renewal:hover {
  color: #012074;
}

/*-----------------------------------------------------------
 *  DOCUMENT: checkout-upsell-section.scss
 *----------------------------------------------------------*/
.upsell-container {
  gap: 10px;
  margin: 0;
}

.checkbox.upsell-checkbox {
  align-items: center;
}
.checkbox.upsell-checkbox:not(:first-of-type) .checkbox__label.upsell-checkbox__label {
  border-color: #d0d0d0;
}
.checkbox.upsell-checkbox input[type=checkbox]:not([disabled]):focus + label {
  outline-color: transparent;
  outline-width: 2px;
  outline-style: dotted;
  box-shadow: 0 0 0 4px #77AAE5 !important;
}
.checkbox.upsell-checkbox .checkbox__control:checked + .checkbox__label,
.checkbox.upsell-checkbox .checkbox__control--active + .checkbox__label {
  z-index: unset;
}

.upsell-checkbox {
  flex-direction: column;
}
.upsell-checkbox__label {
  padding: 12px !important;
}

.upsell-dropdown {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2;
}
@media (min-width: 640px) {
  .upsell-dropdown {
    padding-left: 28px;
  }
}
.upsell-dropdown .select__option {
  flex-direction: column;
}
.upsell-dropdown .select__control {
  border: 1px solid #bee1ab;
}
.upsell-dropdown__text {
  font-weight: 600;
  line-height: 1.5;
  font-size: 0.875rem;
  padding-top: 8px;
  padding-bottom: 8px;
}

.checkbox__control.upsell-checkbox__control:not(:disabled):checked + .checkbox__label {
  border-color: #20a3dd;
  color: unset;
}
.checkbox__control.upsell-checkbox__control:not(:disabled):checked + .checkbox__label:after {
  position: unset;
  transform: translate(40%, -70%);
  margin-top: 0;
  margin-right: 10px;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}

.checkbox__label.upsell-checkbox__label {
  display: grid;
  grid: auto-flow/auto 1fr;
  position: relative;
}
.checkbox__label.upsell-checkbox__label:before {
  margin-top: 0;
  margin-right: 10px;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}
.checkbox__label.upsell-checkbox__label {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

.upsell-selector {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
  gap: 10px;
}
.upsell-selector__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.upsell-selector__text__main {
  font-weight: 600;
}
.upsell-selector__text__additional {
  line-height: 1;
}
.upsell-selector__text__details {
  line-height: 1.3;
}
.upsell-selector__price {
  margin-left: auto;
  font-weight: 600;
  font-size: 1rem;
  color: #012174;
}

.upsell-description__list {
  margin-bottom: 0;
}

.upsell-compare {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.upsell-compare__price {
  color: #012174;
  font-size: 1.5rem;
  font-weight: 700;
  word-break: keep-all !important;
}
.upsell-compare__price font {
  display: contents;
}
.upsell-compare__price sub {
  font-size: 60%;
}
.upsell-compare__text {
  color: #012174;
  font-size: 1.3rem;
  font-weight: 700;
  word-break: keep-all !important;
}
.upsell-compare__text font {
  display: contents;
}
.upsell-compare__text sub {
  bottom: 0;
  font-size: 60%;
}

.buy-in-progress {
  text-align: center;
  padding: 2em 1em;
}
.buy-in-progress .buy-in-progress__logo {
  width: 30%;
  padding: 2em 0 1em;
  margin: auto;
}
.buy-in-progress .buy-in-progress__header {
  font-size: 1.8em;
  font-weight: 600;
  color: #012174;
  padding: 0.5em;
  margin-bottom: 8px;
}
.buy-in-progress .buy-in-progress__spinner {
  border: 0.5em solid #fff;
  border-top: 0.5em solid #012174;
  width: 4em;
  height: 4em;
  -webkit-animation: spin 0.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: spin 0.5s linear infinite; /* Firefox < 16 */
  -ms-animation: spin 0.5s linear infinite; /* Internet Explorer */
  -o-animation: spin 0.5s linear infinite; /* Opera < 12.1 */
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 1em auto;
}
.buy-in-progress .buy-in-progress__text {
  font-size: 1.25em;
  font-weight: 600;
  display: block;
  margin: 2em auto 1em;
  max-width: 22em;
}
.buy-in-progress .buy-in-progress__disclaimer {
  color: #888;
  font-weight: 400;
  display: block;
  margin: 1em auto;
  max-width: 35em;
}

/*-----------------------------------------------------------
 *  DOCUMENT: cross-sell-callback.scss
 *----------------------------------------------------------*/
.rank-cross-sell-callback-container {
  display: flex;
}
@media (max-width: 1023px) {
  .rank-cross-sell-callback-container {
    flex-flow: column;
  }
}
.rank-cross-sell-callback-container {
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 0 0 20px #E1E1E1;
  position: relative;
}

@media (min-width: 1025px) {
  .rank-cross-sell-percent {
    display: block;
    position: absolute;
    top: 50px;
    left: 60px;
    background-color: #20a3dd;
    color: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 200ms ease;
    -mox-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 999;
    font-size: 1.5rem;
    font-weight: 600;
  }
  .rank-cross-sell-percent:hover {
    background-color: rgb(52.7806324111, 172.6482213439, 225.7193675889);
    cursor: pointer;
  }
}
@media (max-width: 1024px) {
  .rank-cross-sell-percent {
    display: none;
  }
}
.rank-cross-sell-callback__left {
  display: none;
}
@media (min-width: 1025px) {
  .rank-cross-sell-callback__left {
    display: flex;
    flex: 0 0 450px;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
@media (min-width: 1025px) {
  .rank-cross-sell-callback__left img {
    height: 400px;
    margin-right: 40px;
    margin-top: 20px;
  }
}
.rank-cross-sell-callback__right {
  max-width: 650px;
  padding: 50px 0;
}
.rank-cross-sell-callback__title {
  color: #012174;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  padding-left: 10px;
}
.rank-cross-sell-callback__title span {
  color: #20a3dd;
  text-decoration: underline;
  margin-bottom: 0;
}
.rank-cross-sell-callback__name {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.rank-cross-sell-callback__slogan {
  margin-top: 20px;
  font-size: 1rem;
  color: #4a4a4a;
  padding-left: 10px;
  line-height: 1.25rem;
}
@media (max-width: 1023px) {
  .rank-cross-sell-callback__title, .rank-cross-sell-callback__slogan {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 600px) {
  .rank-cross-sell-callback__name {
    font-size: 1.4rem;
  }
  .rank-cross-sell-callback__title {
    font-size: 1.1rem;
  }
  .rank-cross-sell-callback__slogan {
    font-size: 0.875rem;
  }
}

.rank-cross-sell-callback-status {
  display: flex;
  flex-flow: column;
  height: 100%;
}
@media (min-width: 1025px) {
  .rank-cross-sell-callback-status {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.rank-cross-sell-callback-status__name, .rank-cross-sell-callback-status__info {
  font-weight: 600;
  color: #012174;
}
.rank-cross-sell-callback-status__name {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.rank-cross-sell-callback-status__info {
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .rank-cross-sell-callback-status__name, .rank-cross-sell-callback-status__info {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
  .rank-cross-sell-callback-status__name {
    font-size: 1.4rem;
  }
  .rank-cross-sell-callback-status__info {
    font-size: 1rem;
  }
}

.rank-cross-sell-callback-form {
  display: flex;
  flex-flow: column;
  margin-top: 25px;
}
.rank-cross-sell-callback-form__button {
  max-width: 250px;
  width: 100%;
  margin-top: 15px;
}
.rank-cross-sell-callback-form .rank-question {
  flex-flow: column;
}
.rank-cross-sell-callback-form .rank-question .rank-question-area {
  padding: 6px 0.6rem;
}
.rank-cross-sell-callback-form .rank-question .rank-question-label {
  flex: 1;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 426px) {
  .rank-cross-sell-callback-form .rank-question .rank-question-area {
    max-width: 215px;
  }
}
@media (min-width: 426px) {
  .rank-cross-sell-callback-form callback-allowances .rank-question .rank-question-area {
    max-width: inherit;
  }
  .rank-cross-sell-callback-form callback-allowances .rank-question .rank-question-area .rank-checkbox {
    margin-bottom: 5px;
  }
}
@media (max-width: 1023px) {
  .rank-cross-sell-callback-form {
    padding-left: 5px;
    padding-right: 5px;
  }
  .rank-cross-sell-callback-form__button {
    margin-left: 20px;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT: school-nnw-pesel-validation-modal.scss
 *----------------------------------------------------------*/
.rank-static-modal-footer-warning {
  padding-top: 30px;
  font-weight: bold;
  color: red;
}
@media (min-width: 640px) {
  .rank-static-modal-footer-warning {
    margin-left: -10%;
    margin-right: -10%;
  }
}

.policy-termination {
  background: #f3f3f3;
  padding: 20px;
  margin: 20px 0;
}
.policy-termination__title {
  color: #012174;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 12px;
}
.policy-termination__slogan {
  color: #333;
  font-size: 0.9rem;
  line-height: 1.25rem;
  margin-bottom: 20px;
}
.policy-termination__questions {
  max-width: 470px;
  margin: 20px 0;
}
.policy-termination__download {
  margin-top: 20px;
}
.policy-termination__download button {
  width: 100%;
}
.policy-termination__toggle {
  display: flex;
  align-items: center;
  margin: 20px 0 10px;
  color: #20a3dd;
}
.policy-termination__toggle:hover {
  cursor: pointer;
}
.policy-termination__toggle svg {
  margin-left: 10px;
}
.policy-termination__toggle--active svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.policy-termination__toggle span {
  margin-left: 3px;
}
.policy-termination__info {
  color: #333;
}
.policy-termination__info ol {
  list-style: none;
  counter-reset: li;
  margin-left: 27px;
}
.policy-termination__info ol li {
  margin: 15px 0;
  counter-increment: li;
}
.policy-termination__info ol li:before {
  content: counter(li) ".";
  color: #012174;
  display: inline-block;
  width: 1.8em;
  margin-left: -1.8em;
  font-weight: 600;
  font-size: 0.8rem;
}
.policy-termination__email, .policy-termination__address, .policy-termination__online-form, .policy-termination__hotline {
  margin-left: 30px;
}
.policy-termination__email span, .policy-termination__address span, .policy-termination__online-form span, .policy-termination__hotline span {
  display: block;
}
.policy-termination__email {
  margin-bottom: 15px;
}
.policy-termination__email--link {
  color: #20a3dd;
  font-weight: 600;
}
.policy-termination__online-form {
  margin-top: 15px;
}
.policy-termination__online-form--link {
  color: #20a3dd;
  font-weight: 600;
}
.policy-termination__hotline {
  margin-top: 15px;
}

.radio-list--white .radio:not(:first-of-type) .radio__label {
  border-top-color: #d0d0d0;
}
.radio-list--white .radio .radio__control:checked + .radio__label .radio__label--text, .radio-list--white .radio .radio__control--checked + .radio__label .radio__label--text {
  color: #454545;
}
.radio-list--white .radio .radio__control:disabled + .radio__label {
  cursor: no-drop;
}
.radio-list--white .radio .radio__control:disabled + .radio__label .radio__label--text {
  opacity: 0.7;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.radio-list--white .radio .radio__label {
  flex-flow: column;
  padding: 15px 14px 15px 50px;
  background: #fff;
  color: #797979;
  border-color: #d0d0d0;
}
.radio-list--white .radio .radio__label:before {
  position: absolute;
  left: 15px;
  top: 12px;
  border: 1px solid #d0d0d0;
  height: 20px;
  width: 20px;
}
.radio-list--white .radio .radio__label--text {
  line-height: 1.25rem;
}
.radio-list--white .radio .radio__label--slogan {
  margin-top: 7px;
  font-size: 0.7rem;
}

/*-----------------------------------------------------------
 *  DOCUMENT    : promo-box.scss
 *----------------------------------------------------------*/
.rank-promotion-addon--school-nnw {
  padding: 0 1px;
}
.rank-promotion-addon__container {
  display: flex;
}
@media (max-width: 1023px) {
  .rank-promotion-addon__container {
    flex-flow: column;
  }
}
.rank-promotion-addon__container {
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 0 0 20px #E1E1E1;
  position: relative;
}
.rank-promotion-addon__container--school-nnw {
  min-height: 290px;
}
.rank-promotion-addon__left {
  display: none;
}
@media (min-width: 1025px) {
  .rank-promotion-addon__left {
    display: flex;
    flex: 0 0 350px;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1025px) {
  .rank-promotion-addon__left img {
    height: 80%;
  }
}
.rank-promotion-addon__left--school-nnw, .rank-promotion-addon__left--travel-defend-banner {
  align-items: baseline;
}
.rank-promotion-addon__left--school-nnw img, .rank-promotion-addon__left--travel-defend-banner img {
  height: 100%;
}
.rank-promotion-addon__left--cross-sell, .rank-promotion-addon__left--travel-defend-banner {
  align-items: baseline;
}
.rank-promotion-addon__left--cross-sell img, .rank-promotion-addon__left--travel-defend-banner img {
  padding: 20px 0;
  height: auto;
}
@media (min-width: 640px) {
  .rank-promotion-addon__right {
    padding: 50px 0;
  }
}
.rank-promotion-addon__right {
  max-width: 650px;
  padding: 30px 0;
}
.rank-promotion-addon__right--school-nnw {
  max-width: 738px;
}
.rank-promotion-addon__right--corss-sell, .rank-promotion-addon__right--travel-defend-banner {
  padding: 40px 0 50px;
}
@media (min-width: 640px) {
  .rank-promotion-addon__right-gift {
    padding: 50px 0;
  }
}
.rank-promotion-addon__right-gift {
  max-width: 550px;
  padding: 30px 0;
}
.rank-promotion-addon__title, .rank-promotion-addon__title--gift {
  color: #012174;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  padding-left: 10px;
}
.rank-promotion-addon__title--school-nnw, .rank-promotion-addon__title--gift--school-nnw {
  font-size: 24.5px;
  padding-left: 0;
}
.rank-promotion-addon__title--corss-sell, .rank-promotion-addon__title--travel-defend-banner, .rank-promotion-addon__title--gift--corss-sell, .rank-promotion-addon__title--gift--travel-defend-banner {
  font-size: 1.5rem;
  font-weight: 600;
  padding-left: 0;
  padding-bottom: 10px;
}
.rank-promotion-addon__slogan {
  color: #012174;
  margin-top: 15px;
  font-size: 1.25rem;
  padding-left: 10px;
  line-height: 1.75rem;
  font-weight: 600;
}
.rank-promotion-addon__slogan span {
  color: red;
}
.rank-promotion-addon__slogan--light-font-weight {
  font-weight: 400;
}
.rank-promotion-addon__description {
  margin-top: 15px;
  padding-left: 10px;
  line-height: 1.25rem;
}
.rank-promotion-addon__description span {
  color: #ff00bf;
  font-weight: bold;
}
.rank-promotion-addon__list ul {
  margin-top: 20px;
  margin-bottom: 0;
}
.rank-promotion-addon__list a {
  margin-top: 22px;
  max-width: 200px;
  width: 100%;
}
@media (max-width: 640px) {
  .rank-promotion-addon .travel-defend-banner-button {
    max-width: inherit;
    width: 100%;
  }
}
.rank-promotion-addon .nowrap-group {
  white-space: nowrap;
}
.rank-promotion-addon__text {
  margin-top: 20px;
  margin-left: 10px;
}
.rank-promotion-addon__text p {
  font-size: 1rem;
  line-height: 1.5rem;
}
.rank-promotion-addon__text a {
  margin-top: 15px;
  max-width: 220px;
  width: 100%;
}
.rank-promotion-addon__text--school-nnw {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 0px;
}
.rank-promotion-addon__text--cross-sell, .rank-promotion-addon__text--travel-defend-banner {
  font-size: 0.875rem;
  font-weight: 400;
  margin-left: 0;
  max-width: 520px;
}
.rank-promotion-addon__text--cross-sell .cross-sell-item, .rank-promotion-addon__text--cross-sell .travel-defend-banner-item, .rank-promotion-addon__text--travel-defend-banner .cross-sell-item, .rank-promotion-addon__text--travel-defend-banner .travel-defend-banner-item {
  display: inline-flex;
  padding-bottom: 15px;
}
.rank-promotion-addon__text--cross-sell .cross-sell-item__icon svg, .rank-promotion-addon__text--cross-sell .travel-defend-banner-item__icon svg, .rank-promotion-addon__text--travel-defend-banner .cross-sell-item__icon svg, .rank-promotion-addon__text--travel-defend-banner .travel-defend-banner-item__icon svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.rank-promotion-addon__text--cross-sell .travel-defend-banner-item, .rank-promotion-addon__text--travel-defend-banner .travel-defend-banner-item {
  display: flex;
}
@media (max-width: 1023px) {
  .rank-promotion-addon__title, .rank-promotion-addon__slogan, .rank-promotion-addon__list, .rank-promotion-addon__text {
    padding-left: 25px;
    padding-right: 25px;
  }
  .rank-promotion-addon__title--gift {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 639px) {
  .rank-promotion-addon__list a, .rank-promotion-addon__text a {
    max-width: inherit;
  }
}
@media (max-width: 600px) {
  .rank-promotion-addon__title, .rank-promotion-addon__title--gift {
    font-size: 1rem;
  }
  .rank-promotion-addon__text p {
    font-size: 0.875rem;
  }
  .rank-promotion-addon__text .cross-sell-item, .rank-promotion-addon__text .travel-defend-banner-item {
    padding-bottom: 10px;
  }
  .rank-promotion-addon__slogan {
    font-size: 0.875rem;
  }
}
.rank-promotion-addon__iframe {
  display: flex;
  width: 100%;
}

.return-to-recalculated-offers__allowance {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.3;
}
@media (min-width: 800px) {
  .return-to-recalculated-offers__allowance--break {
    max-width: 340px;
  }
}

recalculation-details-auto .recalculation-summary {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
  margin-top: 40px;
}
recalculation-details-auto .recalculation-summary .rank-svg--centered {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
recalculation-details-auto .recalculation-summary .rank-svg--top-aligned {
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 2px;
}
recalculation-details-auto .recalculation-summary__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  gap: 10px;
  color: #000;
}
@media (max-width: 799px) {
  recalculation-details-auto .recalculation-summary__header {
    padding-right: 10px;
    padding-left: 10px;
  }
}
recalculation-details-auto .recalculation-summary__title {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width: 799px) {
  recalculation-details-auto .recalculation-summary__title {
    font-size: 16px;
  }
}
recalculation-details-auto .recalculation-summary__container {
  background: #fff;
  font-size: 0.875rem;
  padding: 20px 0;
}
recalculation-details-auto .recalculation-summary__description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 0 20px;
}
recalculation-details-auto .recalculation-summary__text {
  line-height: 1.3;
  margin-bottom: 0;
}
recalculation-details-auto .recalculation-summary__offer-comparison > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0 auto;
  padding-top: 20px;
}
@media (max-width: 799px) {
  recalculation-details-auto .recalculation-summary__offer-comparison > div {
    width: 100%;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
recalculation-details-auto .recalculation-summary__price-only-comparison {
  width: 468px;
  column-gap: 20px;
  row-gap: 10px;
}
@media (max-width: 799px) {
  recalculation-details-auto .recalculation-summary__price-only-comparison .recalculation-summary__comparison-card {
    max-width: 224px;
    width: 100%;
  }
}
recalculation-details-auto .recalculation-summary__insurance-sum-only-comparison, recalculation-details-auto .recalculation-summary__full-comparison {
  padding-left: 20px;
  padding-right: 20px;
  gap: 20px;
}
@media (max-width: 799px) {
  recalculation-details-auto .recalculation-summary__insurance-sum-only-comparison .recalculation-summary__comparison-card, recalculation-details-auto .recalculation-summary__full-comparison .recalculation-summary__comparison-card {
    max-width: 355px;
    width: 100%;
  }
}
@media (max-width: 799px) {
  recalculation-details-auto .recalculation-summary__insurance-sum-only-comparison .recalculation-summary__comparison-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }
}
recalculation-details-auto .recalculation-summary__full-comparison .recalculation-summary__comparison-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 0;
}
recalculation-details-auto .recalculation-summary__comparison-card {
  padding: 16px 32px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  text-align: center;
}
recalculation-details-auto .recalculation-summary__comparison-card--previous {
  color: #667085;
  background: #FCFCFD;
}
recalculation-details-auto .recalculation-summary__comparison-card--current {
  background: #EEF8FD;
  color: #000;
}
recalculation-details-auto .recalculation-summary__comparison-card--current .recalculation-summary__value-group .recalculation-summary__caption {
  color: #444;
}
recalculation-details-auto .recalculation-summary__offer-price {
  line-height: 38px;
}
recalculation-details-auto .recalculation-summary__offer-price--previous {
  color: #667085;
  font-size: 30px;
  font-weight: 600;
  word-break: keep-all !important;
}
recalculation-details-auto .recalculation-summary__offer-price--previous font {
  display: contents;
}
recalculation-details-auto .recalculation-summary__offer-price--previous sub {
  bottom: 0;
  font-size: 60%;
}
recalculation-details-auto .recalculation-summary__offer-price--current {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  word-break: keep-all !important;
}
recalculation-details-auto .recalculation-summary__offer-price--current font {
  display: contents;
}
recalculation-details-auto .recalculation-summary__offer-price--current sub {
  bottom: 0;
  font-size: 60%;
}
recalculation-details-auto .recalculation-summary__insurance-sum {
  line-height: 24px;
}
recalculation-details-auto .recalculation-summary__insurance-sum--previous {
  color: #667085;
  font-size: 20px;
  font-weight: 600;
  word-break: keep-all !important;
}
recalculation-details-auto .recalculation-summary__insurance-sum--previous font {
  display: contents;
}
recalculation-details-auto .recalculation-summary__insurance-sum--previous sub {
  bottom: 0;
  font-size: 60%;
}
recalculation-details-auto .recalculation-summary__insurance-sum--current {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  word-break: keep-all !important;
}
recalculation-details-auto .recalculation-summary__insurance-sum--current font {
  display: contents;
}
recalculation-details-auto .recalculation-summary__insurance-sum--current sub {
  bottom: 0;
  font-size: 60%;
}
recalculation-details-auto .recalculation-summary__values-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px 32px 0 32px;
}
recalculation-details-auto .recalculation-summary__value-group:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
recalculation-details-auto .recalculation-summary__label-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 4px;
}
recalculation-details-auto .recalculation-summary__comparison-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 0;
  border-radius: 0 0 6px 6px;
}
recalculation-details-auto .recalculation-summary__comparison-footer--previous {
  background: #F0F1F4;
}
recalculation-details-auto .recalculation-summary__comparison-footer--current {
  background: #DEF2FB;
  color: #000;
  font-weight: 500;
}
recalculation-details-auto .recalculation-summary__caption {
  margin: 0;
  line-height: 20px;
}
recalculation-details-auto .offer-selection, recalculation-details-auto .offer-summary {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
  background: #fff;
  margin-top: 20px;
}
recalculation-details-auto .offer-selection__header.rank-section-header, recalculation-details-auto .offer-summary__header.rank-section-header {
  padding: 10px 20px;
  margin-bottom: 0;
}
recalculation-details-auto .offer-selection__container {
  padding: 20px 20px 30px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 20px;
}
recalculation-details-auto .offer-selection__container > div {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
@media (max-width: 799px) {
  recalculation-details-auto .offer-selection__container {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
  }
  recalculation-details-auto .offer-selection__container > div {
    width: 100%;
  }
}
recalculation-details-auto .offer-selection .updated-prices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d0d0d0;
  padding: 20px;
}
recalculation-details-auto .offer-selection .updated-prices__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 799px) {
  recalculation-details-auto .offer-selection .updated-prices__content {
    margin-bottom: 20px;
  }
}
recalculation-details-auto .offer-selection .updated-prices__insurer-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 64px;
  gap: 8px;
}
recalculation-details-auto .offer-selection .updated-prices__logo {
  width: 64px;
  height: 32px;
}
recalculation-details-auto .offer-selection .updated-prices__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
recalculation-details-auto .offer-selection .updated-prices__info > h5 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0;
}
recalculation-details-auto .offer-selection .updated-prices__info > p {
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0;
}
recalculation-details-auto .offer-selection .updated-prices__return-button {
  width: 100%;
  max-width: 315px;
  display: block;
  margin: 0 auto;
  padding: 15px 20px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
recalculation-details-auto .offer-selection .updated-prices__return-button-text {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
  color: #012074;
}
recalculation-details-auto .offer-selection .updated-prices__allowance {
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 0;
}
recalculation-details-auto .offer-selection .selected-offer {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #20a3dd;
  padding: 20px;
}
recalculation-details-auto .offer-selection .selected-offer .checkout-auto-offer-summary-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
recalculation-details-auto .offer-selection .selected-offer .checkout-auto-offer-summary-section__insurer-logo {
  margin: 0 auto;
}
recalculation-details-auto .offer-selection .selected-offer .checkout-auto-offer-summary-section__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}

.upsell-extensions-prices {
  padding: 12px;
  background: #F6F6F6;
  margin-top: 20px;
  border-radius: 4px;
}
.upsell-extensions-prices__item {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.upsell-extensions-prices__item:first-child {
  margin-top: 0;
}
.upsell-extensions-prices__item:last-child {
  border-top: 1px solid #D0D0D0;
  margin-top: 12px;
  padding-top: 12px;
}
.upsell-extensions-prices__item:last-child .upsell-extensions-prices__description {
  font-weight: 600;
}
.upsell-extensions-prices__item:last-child .upsell-extensions-prices__amount {
  font-size: 1rem;
}
.upsell-extensions-prices__description, .upsell-extensions-prices__amount {
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.upsell-extensions-prices__amount {
  font-weight: 600;
  padding-left: 8px;
}
.upsell-extensions-prices__with-tooltip {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.upsell-extensions-prices__with-discount {
  display: flex;
  flex-direction: column;
}
.upsell-extensions-prices__amount-strike {
  text-align: right;
  font-size: 0.75rem;
  font-weight: 400;
  text-decoration: line-through;
  color: #667085;
}
.upsell-extensions-prices__tooltip-button svg {
  width: 1rem;
  height: 1rem;
  fill: #667085;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.upsell-extensions-prices__tooltip-button svg:hover {
  fill: #20a3dd;
}

.blik-payment-modal .rank-modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__image {
  background-color: #0e1527;
  position: relative;
  width: 100%;
  max-width: 260px;
}
@media all and (max-width: 510px) {
  .blik-payment-modal .rank-modal-content .blik-payment-modal__image {
    display: none;
  }
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__image-overlay {
  position: absolute;
  bottom: 0;
  padding: 2em;
  font-size: 0.875rem;
  color: #CACACB;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__image-overlay b, .blik-payment-modal .rank-modal-content .blik-payment-modal__image-overlay span {
  display: block;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__image-overlay img {
  width: 24px;
  margin: 2px;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__content {
  padding: 1em 2em;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__header {
  text-align: center;
  padding: 1em 0;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__header h2 {
  color: #012174;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__header span {
  display: inline-block;
  padding: 0.5em 0;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__input {
  padding: 0;
  max-width: 200px;
  margin: 0 auto;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__input label {
  color: #012174;
  font-weight: 600;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__input input {
  font-size: 2.5em;
  height: 64px;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__buttons {
  margin: 0 auto;
  padding: 1em 0;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__buttons button {
  width: 100%;
  margin: 5px 0;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__spinner {
  border: 0.5em solid #fff;
  border-top: 0.5em solid #012174;
  width: 4em;
  height: 4em;
  -webkit-animation: spin 0.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: spin 0.5s linear infinite; /* Firefox < 16 */
  -ms-animation: spin 0.5s linear infinite; /* Internet Explorer */
  -o-animation: spin 0.5s linear infinite; /* Opera < 12.1 */
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 3em auto;
}
.blik-payment-modal .rank-modal-content .blik-payment-modal__amount {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
}

.credit-card-payment-modal .rank-modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 2em;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__header {
  font-size: 1rem;
  font-weight: 400;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__header h2 {
  color: #012174;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__header .credit-card-payment-modal__header-card-logos {
  padding: 0.5em 0;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__header .credit-card-payment-modal__header-card-logos img {
  width: 40px;
  margin: 0 3px;
}
@media (max-width: 419px) {
  .credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__header .credit-card-payment-modal__header-card-logos img {
    width: 32px;
  }
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__payment {
  -webkit-flex-basis: 320px;
  -moz-flex-basis: 320px;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
  -moz-flex-grow: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__payment #credit-card-payment-frame {
  width: 100%;
  height: 320px;
  border: 8px solid #d0d0d0;
  margin: 1em 0;
  position: relative;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__payment #credit-card-payment-frame .credit-card-payment-modal__payment-spinner {
  border: 6px solid #fff;
  border-top: 6px solid #012174;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 0.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: spin 0.5s linear infinite; /* Firefox < 16 */
  -ms-animation: spin 0.5s linear infinite; /* Internet Explorer */
  -o-animation: spin 0.5s linear infinite; /* Opera < 12.1 */
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  z-index: 0;
  left: calc(50% - 25px);
  top: 100px;
}
@media (min-width: 605px) and (max-width: 800px) {
  .credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__payment #credit-card-payment-frame {
    height: 410px;
  }
}
@media (max-width: 508px) {
  .credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__payment #credit-card-payment-frame {
    height: 410px;
  }
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__payment button {
  width: 100%;
  margin: 0.5em 0;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__amount-box {
  margin-bottom: 16px;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__info {
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 1em 2em;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__info .credit-card-payment-modal__info-dotpay img {
  padding: 0.5em 0;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__info .credit-card-payment-modal__info-cvv .credit-card-payment-modal__info-cvv-title {
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
  padding-top: 2em;
}
.credit-card-payment-modal .rank-modal-content .credit-card-payment-modal__content .credit-card-payment-modal__info .credit-card-payment-modal__info-cvv .credit-card-payment-modal__info-cvv-text {
  font-size: 0.875rem;
  display: block;
  padding: 0.5em 0;
}

.google-pay-payment-modal {
  text-align: center;
  padding: 2em 1em;
}
.google-pay-payment-modal .google-pay-payment-modal__logo {
  width: 30%;
  padding: 2em 0 1em;
}
.google-pay-payment-modal .google-pay-payment-modal__header {
  font-size: 1.8em;
  font-weight: 600;
  color: #012174;
  padding: 0.5em;
}
.google-pay-payment-modal .google-pay-payment-modal__text {
  font-size: 1.25em;
  font-weight: 600;
  display: block;
  margin: 2em auto 1em;
  max-width: 22em;
}
.google-pay-payment-modal .google-pay-payment-modal__spinner {
  border: 0.5em solid #fff;
  border-top: 0.5em solid #012174;
  width: 4em;
  height: 4em;
  -webkit-animation: spin 0.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: spin 0.5s linear infinite; /* Firefox < 16 */
  -ms-animation: spin 0.5s linear infinite; /* Internet Explorer */
  -o-animation: spin 0.5s linear infinite; /* Opera < 12.1 */
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 1em auto;
}
.google-pay-payment-modal .google-pay-payment-modal__pay-button > * {
  margin: 3em auto;
}

.payment-channel-select-modal {
  padding: 20px 10px;
}
.payment-channel-select-modal .rank-dialog__content {
  min-height: 180px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 8px;
}
@media (max-width: 1023px) {
  .payment-channel-select-modal .rank-modal-dialog {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .payment-channel-select-modal .rank-modal-content {
    min-height: 700px;
  }
}
.payment-channel-select-modal .rank-modal-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 1023px) {
  .payment-channel-select-modal .rank-modal-content {
    height: 100%;
    overflow: scroll;
  }
}
.payment-channel-select-modal .rank-modal-content .payment-channel-select {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
}
.payment-channel-select-modal .rank-modal-content .payment-channel-select__close-button {
  display: block;
  line-height: 1.2;
}
.payment-channel-select-modal .rank-modal-content .payment-channel-select__content {
  flex-grow: 1;
  min-height: 7em;
}
@media (max-width: 1023px) {
  .payment-channel-select-modal .rank-modal-content .payment-channel-select__content {
    overflow-y: auto;
  }
}
@media (min-width: 1025px) {
  .payment-channel-select-modal .rank-dialog__footer {
    display: block;
    text-align: center;
  }
  .payment-channel-select-modal .rank-dialog__footer button {
    width: 300px;
  }
}

#dotpay-form-widget {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.dotpay-form-widget__loading.loading {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  z-index: 0;
}
.dotpay-form-widget__loading.loading:before {
  z-index: 0;
}

dotpay-payment-list .loading:after {
  border: 0.1em solid #fff;
  border-top: 0.1em solid #012174;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 0.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: spin 0.5s linear infinite; /* Firefox < 16 */
  -ms-animation: spin 0.5s linear infinite; /* Internet Explorer */
  -o-animation: spin 0.5s linear infinite; /* Opera < 12.1 */
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
}
dotpay-payment-list .dotpay-channels-selection {
  display: flex;
  flex-flow: wrap;
}
dotpay-payment-list .dotpay-channels-selection .channel-container {
  cursor: pointer;
  height: 110px;
  min-width: initial;
  width: 115px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin: 0 12px 12px 0;
}
@media (min-width: 991px) {
  dotpay-payment-list .dotpay-channels-selection .channel-container {
    width: calc(16.6666666667% - 10px);
  }
  dotpay-payment-list .dotpay-channels-selection .channel-container:nth-child(6n+6) {
    margin-right: 0;
  }
}
@media (min-width: 769px) and (max-width: 990px) {
  dotpay-payment-list .dotpay-channels-selection .channel-container {
    width: calc(20% - 10px);
  }
  dotpay-payment-list .dotpay-channels-selection .channel-container:nth-child(5n+5) {
    margin-right: 0;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  dotpay-payment-list .dotpay-channels-selection .channel-container {
    width: calc(33.3333333333% - 8px);
  }
  dotpay-payment-list .dotpay-channels-selection .channel-container:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  dotpay-payment-list .dotpay-channels-selection .channel-container {
    width: calc(50% - 6px);
  }
  dotpay-payment-list .dotpay-channels-selection .channel-container:nth-child(2n+2) {
    margin-right: 0;
  }
}
dotpay-payment-list .dotpay-channels-selection .channel-container {
  /* No hover support */
  /* Mouse devices */
}
@media not all and (pointer: coarse) {
  dotpay-payment-list .dotpay-channels-selection .channel-container:not(.not-online):hover {
    border-color: #20a3dd;
    background: none;
  }
}
dotpay-payment-list .dotpay-channels-selection .channel-container.not-online {
  cursor: not-allowed;
}
dotpay-payment-list .dotpay-channels-selection .channel-container .tooltip:before {
  display: none;
}
dotpay-payment-list .dotpay-channels-selection .channel-container .input-container input {
  display: none;
}
dotpay-payment-list .dotpay-channels-selection .channel-container .label-container {
  bottom: 0;
  height: 4em;
}
dotpay-payment-list .dotpay-channels-selection .channel-container .label-container label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  padding: 0 7px;
}
dotpay-payment-list .dotpay-channels-selection .channel-container .image-container {
  top: 0;
}
dotpay-payment-list .dotpay-channels-selection .channel-container .image-container img {
  width: 80px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  dotpay-payment-list .dotpay-channels-selection .channel-container .image-container img {
    width: 100px;
  }
}

.payment-method-select {
  display: flex;
  flex-flow: column wrap;
}
.payment-method-select__wrapper {
  position: relative;
}
.payment-method-select__blik-info-button {
  color: #0457BA;
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-align: inherit;
  line-height: inherit;
}
.payment-method-select__blik-info-button:hover {
  text-decoration: underline;
}
.payment-method-select__blik-info-button {
  position: absolute;
  bottom: 5px;
  right: 1em;
  font-size: 0.875rem;
  font-weight: 400;
}
.payment-method-select .payment-method-select__button {
  cursor: pointer;
  border: 1px solid #d0d0d0;
  height: auto;
  width: 100%;
  padding: 10px 1em;
  margin: 0.25em 0;
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.payment-method-select .payment-method-select__button:hover {
  border-color: #20a3dd;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.payment-method-select .payment-method-select__button .payment-method-select__checkbox svg {
  position: absolute;
  top: 5px;
  right: 5px;
  fill: #6acd44;
  width: 16px;
  height: 16px;
}
.payment-method-select .payment-method-select__button .payment-method-select__container {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 5em;
}
.payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__icon {
  width: 5em;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text {
  text-align: left;
  width: calc(100% - 5em);
  padding-left: 1em;
  display: flex;
  flex-flow: column wrap;
}
.payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text .payment-method-select__header {
  font-weight: 600;
  width: 100%;
  display: inline-block;
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text .payment-method-select__description {
  color: #696969;
  font-weight: 400;
  font-size: 0.9em;
  margin-top: 5px;
}
.payment-method-select .payment-method-select__button--selected {
  background-color: #F1F9FF;
  border-color: #20a3dd;
  -webkit-box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
  -moz-box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
  box-shadow: 0 2px 5px 0 rgba(32, 164, 222, 0.25);
  -webkit-transition: all 200ms ease;
  -mox-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.payment-method-select .payment-method-select__button--selected .payment-method-select__header {
  color: #20a3dd;
}

.blik-info-modal .rank-modal-content {
  padding: 2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.blik-info-modal .rank-modal-content .blik-info-modal__close {
  position: absolute;
  right: 0;
  top: 25px;
}
.blik-info-modal .rank-modal-content .blik-info-modal__header {
  color: #012174;
  font-size: 1.25rem;
  font-weight: 600;
}
.blik-info-modal .rank-modal-content .blik-info-modal__main-section {
  display: block;
  margin-top: 15px;
  font-size: 1.1em;
}
@media (max-width: 400px) {
  .blik-info-modal .rank-modal-content .blik-info-modal__main-section {
    font-size: 1em;
  }
}
.blik-info-modal .rank-modal-content .blik-info-modal__main-section ol {
  margin-top: 20px;
}
.blik-info-modal .rank-modal-content .blik-info-modal__main-section ol li {
  margin-bottom: 10px;
}
.blik-info-modal .rank-modal-content .blik-info-modal__banks-section {
  display: block;
  margin-top: 35px;
}
.blik-info-modal .rank-modal-content .blik-info-modal__banks-section span {
  color: #666;
  font-size: 0.9em;
}
.blik-info-modal .rank-modal-content .blik-info-modal__app-logos {
  margin-top: 1em;
}
.blik-info-modal .rank-modal-content .blik-info-modal__app-logos img {
  width: 40px;
  margin: 5px;
}
@media (max-width: 639px) {
  .blik-info-modal .rank-modal-content .blik-info-modal__app-logos img {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text {
    line-height: 1.25rem;
  }
  .payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__description {
    display: block;
    margin-top: 6px;
  }
}
@media (max-width: 340px) {
  .payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__icon {
    width: 3em;
  }
  .payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text .payment-method-select__header {
    font-size: 0.875rem;
  }
  .payment-method-select .payment-method-select__button .payment-method-select__container .payment-method-select__text .payment-method-select__description {
    font-size: 0.8em;
  }
}