/*-----------------------------------------------------------
 *  OVERRIDE: rankomat
 *  DOCUMENT: theme.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  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: 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);
}