@charset "UTF-8";
/*-----------------------------------------------------------
 *  PROJECT     : conf(project)
 *  COPYRIGHTS  : conf(name)
 *  DOCUMENT    : rank-mixins.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : conf(project)
 *  COPYRIGHTS  : conf(name)
 *  DOCUMENT    : rank-flexbox.scss
 *-----------------------------------------------------------
 *               Flexbox helpers mixins
 *----------------------------------------------------------*/
@import "https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation-flex.min.css";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:300,400,600,700&subset=latin-ext");
.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] {
  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;
}

/*-----------------------------------------------------------
 *  PROJECT     : conf(project)
 *  COPYRIGHTS  : conf(name)
 *  DOCUMENT    : rank-variables.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  VERSION     : 3.0
 *  DOCUMENT    : app.scss
 *-----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-font.scss
 *----------------------------------------------------------*/
@font-face {
  font-family: "rk-font";
  src: url("/kalkulator/common_public/assets/fonts/app/rank-font.eot");
  src: url("/kalkulator/common_public/assets/fonts/app/rank-font.eot#iefix") format("embedded-opentype"), url("/kalkulator/common_public/assets/fonts/app/rank-font.woff") format("woff"), url("/kalkulator/common_public/assets/fonts/app/rank-font.ttf") format("truetype"), url("/kalkulator/common_public/assets/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;
}

.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;
  background: #20a3dd;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}

.ri-phone-circle:before {
  content: '\f095';
  color: #fff;
  box-shadow: none;
  cursor: pointer;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  position: relative;
  left: -1px;
}

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

.rank-icon-success {
  color: #00AB00;
}

.rank-icon-success:before {
  background-image: url("../../../common_public/assets/images/app/icon-true.png");
}

.rank-icon-loss {
  color: #a94442;
}

.rank-icon-loss:before {
  background-image: url("../../../common_public/assets/images/app/icon-false.png");
}

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

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

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

.rank-icon-travel {
  background: url("../../../common_public/assets/images/app/travel.png") no-repeat left top;
  background-size: 100%;
  width: 100px;
  height: 100%;
  display: block;
  margin: auto;
}

.rank-icon-household {
  background: url("../../../common_public/assets/images/app/household.png") no-repeat left top;
  background-size: 100%;
  width: 100px;
  height: 100%;
  display: block;
  margin: auto;
}

.rank-icon-finance {
  background: url("../../../common_public/assets/images/app/finance.png") no-repeat left top;
  background-size: 100%;
  width: 100px;
  height: 100%;
  display: block;
  margin: auto;
}

.rank-icon-life {
  background: url("../../../common_public/assets/images/app/life.png") no-repeat left top;
  background-size: 100%;
  width: 150px;
  height: 100%;
  display: block;
  margin: auto;
}

.ri-phone:before {
  content: "\f095";
}

.ri-internet:before {
  content: "\f108";
}

.ri-agent:before {
  content: "\f015";
}

.ri-phone:before, .ri-internet:before, .ri-agent:before {
  font-family: "FontAwesome" !important;
}

/*-----------------------------------------------------------------------------
 *  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-gearlock:before {
  content: "\e033";
}

.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";
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : core/app.scss
 *----------------------------------------------------------*/
html, body {
  width: 100%;
}

body {
  background-color: #f3f3f3;
  font-family: "Montserrat", Helvetica Neue, Arial, sans-serif !important;
  font-size: 13px;
  letter-spacing: -.01rem;
  color: #555555;
}

@supports (min-height: 100vh) {
  @media (min-width: 1024px) and (min-resolution: 0.001dpcm) {
    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.type_one_screen .form-control, body.type_one_screen [type='color'], body.type_one_screen [type='date'], body.type_one_screen [type='datetime-local'], body.type_one_screen [type='datetime'], body.type_one_screen [type='email'], body.type_one_screen [type='month'],
body.type_one_screen [type='number'], body.type_one_screen [type='password'], body.type_one_screen [type='search'], body.type_one_screen [type='tel'], body.type_one_screen [type='text'], body.type_one_screen [type='time'], body.type_one_screen [type='url'], body.type_one_screen [type='week'], body.type_one_screen textarea,
body.type_one_screen .rank-select-container .rank-select .rank-select-toggle {
  font-family: "Lato", sans-serif !important;
}

.rank-app {
  height: 100%;
}

@supports (min-height: 100vh) {
  @media (min-width: 1024px) and (min-resolution: 0.001dpcm) {
    .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;
    }
  }
}

.rank-app .rank-main {
  height: 100%;
}

@supports (min-height: 100vh) {
  @media (min-width: 1024px) and (min-resolution: 0.001dpcm) {
    .rank-app .rank-main {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
  }
}

a {
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

a:hover {
  color: #20a3dd;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", Helvetica Neue, Arial, sans-serif !important;
}

b, strong, .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-variant {
  font-weight: 600;
}

input, textarea, select, option, optgroup, button, td, th {
  font-family: "Montserrat", Helvetica Neue, Arial, sans-serif;
}

.hide, .hidden, [hidden] {
  display: none !important;
}

.rank-agent-img {
  background: url("../../../common_public/assets/images/app/agent-retina.png") no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
}

@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("../../../common_public/assets/images/app/agent-retina.png") no-repeat left top;
    background-size: 100%;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-mixins.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-flexbox.scss
 *-----------------------------------------------------------
 *               Flexbox helpers mixins
 *----------------------------------------------------------*/
.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] {
  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;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-variables.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  VERSION     : 3.0
 *  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.675rem;
}

.rank-error-page .rank-error-page-content header img {
  width: 400px;
  margin-bottom: 60px;
}

.rank-error-page .rank-error-page-content header p {
  font-size: 1.675rem;
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .rank-error-page .rank-error-page-content header p {
    font-size: 18px;
  }
}

.rank-error-page .rank-error-page-content header .rank-error-page-code {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.3em;
}

.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: 14px;
  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: 14px;
  text-align: center;
  font-weight: 300;
  margin-top: 40px;
  color: #0a0a0a;
}

.rank-error-page .rank-error-page-content .rank-error-page-another a {
  color: #20a3dd;
  text-decoration: underline;
}

.rank-error-page .rank-upgrade-bar, .rank-error-page .rank-control-scroll {
  display: none !important;
}

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

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-spinner.scss
 *----------------------------------------------------------*/
.rank-spinner {
  border: 1em solid #fff;
  border-top: 1em solid #012174;
  width: 8em;
  height: 8em;
  margin: 4em auto;
  -webkit-animation: spin 0.5s linear infinite;
  -khtml-animation: spin 0.5s linear infinite;
  -moz-animation: spin 0.5s linear infinite;
  -ms-animation: spin 0.5s linear infinite;
  -o-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-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;
  -khtml-padding-start: 0;
  -moz-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-title-error {
  color: #642b2a;
  margin: 10px;
  font-weight: 600;
}

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: 16px;
}

.rank-card-header h5, .rank-app-rating .rank-app-rating-header h5 {
  font-size: 14px;
}

.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;
}

@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: 16px;
  }
  .rank-card .rank-card-header h5, .rank-app-rating .rank-card-header h5, .rank-app-rating .rank-app-rating-header h5 {
    font-size: 14px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 16px;
  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);
  -khtml-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -o-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:hover .rank-dropdown-content {
  display: block;
}

.rank-dropdown:hover .rank-dropdown-toggle {
  border-bottom: 2px solid #6acd44;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-header.scss
 *----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : app-header.scss
 *----------------------------------------------------------*/
.rank-header {
  background: #fff;
  height: auto;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.rank-header:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #012174;
  background: -moz-linear-gradient(left, #012174 0, #1585d2 38%, #34b7bf 66%, #69cd46 100%);
  background: -webkit-linear-gradient(left, #012174 0, #1585d2 38%, #34b7bf 66%, #69cd46 100%);
  background: linear-gradient(to right, #012174 0, #1585d2 38%, #34b7bf 66%, #69cd46 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012174', endColorstr='#69cd46', GradientType=1);
}

.rank-header .rank-header-row {
  -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;
  min-height: 57px;
  height: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

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

.rank-header .rank-header-menu i {
  margin: 10px;
  color: #20a3dd;
  font-size: 21px;
}

.rank-header .rank-header-logo .rank-logo {
  background: url("../../../common_public/assets/images/app/rank-logo.png") no-repeat;
  background-size: 100%;
  padding: 0;
  display: block;
  width: 157px;
  height: 20px;
  text-indent: -9999px;
}

@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-header .rank-header-logo .rank-logo {
    background: url("../../../common_public/assets/images/app/rank-logo-retina.png") no-repeat left top;
    background-size: 100%;
  }
}

.rank-header .rank-header-calc-number {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.rank-header .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 .rank-header-agent .rank-dropdown-toggle {
  padding: 5px !important;
  min-width: 225px;
}

.rank-header .rank-header-agent .rank-dropdown-toggle > span:first-of-type {
  float: left;
  width: 40px;
}

.rank-header .rank-header-agent .rank-dropdown-toggle > span:last-of-type {
  float: right;
}

.rank-header .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: #20a3dd;
  font-size: 13px;
  width: 135px;
  line-height: 1.3;
  margin-left: 20px;
}

.rank-header .rank-header-agent > .rank-dropdown-content {
  padding-top: 20px;
  padding-bottom: 25px;
  width: 440px;
  right: 0;
}

.rank-header .rank-header-agent .rank-header-agent-info {
  -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: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.rank-header .rank-header-agent .rank-header-agent-row {
  padding: 10px 25px 0;
  border-bottom: 1px solid #e9e9e9;
}

.rank-header .rank-header-agent .rank-header-agent-row:first-of-type, .rank-header .rank-header-agent .rank-header-agent-row:last-of-type {
  border-bottom: 0;
}

.rank-header .rank-header-agent .rank-header-agent-row > .title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #0a0a0a;
}

.rank-header .rank-header-agent .rank-header-agent-row .phone-label {
  color: #20a3dd;
  font-weight: bold;
  cursor: pointer;
}

.rank-header .rank-header-agent .rank-header-agent-row .phone-label:hover {
  text-decoration: underline;
}

.rank-header .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 .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: #868686;
  font-weight: 100;
}

.rank-header .rank-header-phone {
  display: none;
  font-size: 26px;
}

.rank-header .rank-header-phone i {
  color: #20a3dd;
  font-size: 20px;
  margin: 10px;
}

.rank-header .rank-header-bo {
  text-align: right;
}

@media (max-width: 1023px) {
  .rank-header .rank-header-menu {
    display: none;
  }
  .rank-header .rank-header-row {
    justify-content: center;
  }
  .rank-header .rank-header-phone {
    display: block;
  }
  .rank-header .rank-header-calc-number,
  .rank-header .rank-header-agent {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : app-header.scss
 *----------------------------------------------------------*/
.rank-header-fixed {
  z-index: 1030;
  top: 0;
  position: fixed;
}

.rank-header-fixed .rank-header-row {
  min-height: 57px;
}

.rank-header-fixed .rank-header-agent img {
  width: 35px;
  height: 35px;
}

.rank-header-fixed .rank-dropdown-toggle {
  padding: 5px !important;
}

.-a {
  padding-top: 67px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : cookie-bar.scss
 *----------------------------------------------------------*/
.rank-cookie-bar {
  text-align: center;
  padding: 5px 20px;
  background: #fff;
  font-size: 12px;
  left: 0;
  right: 0;
  z-index: 1030;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.rank-cookie-bar .rank-cookie-bar-close {
  font-size: 35px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-size: 25px;
  vertical-align: middle;
  line-height: 15px;
  margin-left: 2px;
  color: #20a3dd;
}

.rank-cookie-bar .rank-cookie-bar-close:hover {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  cursor: pointer;
  text-decoration: none;
}

.rank-cookie-bar .rank-cookie-bar-close button.rank-close-button {
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-cookie-bar .rank-cookie-bar-close button.rank-close-button:hover {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  cursor: pointer;
  text-decoration: none;
}

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

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 12px;
}

.rank-bo-client-details span {
  margin: 5px;
}

.rank-bo-client-details strong, .rank-bo-client-details .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-bar .rank-offer-bar-details .rank-bo-client-details .rank-offer-bar-details-variant, .rank-bo-client-details .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-bar-grey .rank-offer-bar-details .rank-bo-client-details .rank-offer-bar-details-variant, .rank-bo-client-details .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-pzu-promo-bar .rank-offer-bar-details .rank-bo-client-details .rank-offer-bar-details-variant, .rank-bo-client-details .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-bo-client-details .rank-offer-bar-details-variant {
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-opacity: 0.6;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  -ms-opacity: 0.6;
  -o-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: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

@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;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d8d4d4;
}

@media (max-width: 600px) {
  .rank-bo-buttons > a > span {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 16px;
  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);
  -khtml-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
  -o-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:hover .rank-dropdown-content {
  display: block;
}

.rank-dropdown:hover .rank-dropdown-toggle {
  border-bottom: 2px solid #6acd44;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-footer.scss
 *----------------------------------------------------------*/
.rank-footer {
  background: #000A24;
  padding: 30px 0;
  color: #6a738d;
  margin-bottom: 0;
}

.rank-footer > div:first-of-type {
  position: relative;
}

.rank-footer a {
  color: #6a738d;
}

.rank-footer a:hover {
  color: #6a738d;
  text-decoration: underline;
}

.rank-footer .copyright-link {
  -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;
}

.rank-footer .copyright-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: right;
  color: #6a738d;
}

@media (max-width: 639px) {
  .rank-footer .copyright-text {
    margin-top: 10px;
    text-align: left;
  }
  .rank-footer .copyright-text, .rank-footer .copyright-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 560px) {
  .rank-footer .copyright-text, .rank-footer .copyright-link {
    -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;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-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: 16px;
  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 img {
  max-width: 100px;
}

.rank-boxes .rank-box img.car-mountains {
  max-width: 130px;
}

.rank-boxes .rank-box img.life {
  max-width: 150px;
}

.rank-boxes-heading {
  text-align: center;
  margin-top: 70px;
}

.rank-boxes-heading h1 {
  color: #012174;
  font-weight: bold;
  font-size: 38px;
  line-height: 44px;
}

.rank-boxes-heading h1 span {
  color: #20a3dd;
  text-decoration: underline;
  margin-bottom: 0;
  line-height: 49px;
  font-size: 40px;
}

.rank-boxes-heading h1 span.slogan {
  display: block;
}

.rank-boxes-heading > div {
  color: #012174;
  margin-top: 40px;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .rank-boxes-heading {
    margin-top: 40px;
  }
  .rank-boxes-heading h1, .rank-boxes-heading h1 span {
    font-size: 28px;
    line-height: 1.3;
  }
}

@media (max-width: 639px) {
  .rank-boxes {
    margin: 20px 0;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: "Montserrat", Helvetica Neue, Arial, sans-serif;
  line-height: 1;
  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: 12px;
  letter-spacing: 1px;
  border-radius: 30px;
}

.button {
  display: inline-block;
  width: auto;
  margin: 0;
  background: #20a3dd;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #1a82b0;
  -khtml-box-shadow: 0 2px 0 0 #1a82b0;
  -moz-box-shadow: 0 2px 0 0 #1a82b0;
  -ms-box-shadow: 0 2px 0 0 #1a82b0;
  -o-box-shadow: 0 2px 0 0 #1a82b0;
  box-shadow: 0 2px 0 0 #1a82b0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.button.small {
  font-size: 10px;
  padding: 9px 5px;
}

.button.medium {
  font-size: 12px;
  padding: 12px 20px;
}

.button.large {
  font-size: 14px;
  padding: 15px 10px;
}

.button:hover, .button:focus {
  background: #1b8bbc;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.small {
  font-size: 10px;
  padding: 9px 5px;
}

.button.medium {
  font-size: 12px;
  padding: 12px 20px;
}

.button.large {
  font-size: 14px;
  padding: 15px 10px;
}

.button.primary {
  background: #6acd44;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #52af2f;
  -khtml-box-shadow: 0 2px 0 0 #52af2f;
  -moz-box-shadow: 0 2px 0 0 #52af2f;
  -ms-box-shadow: 0 2px 0 0 #52af2f;
  -o-box-shadow: 0 2px 0 0 #52af2f;
  box-shadow: 0 2px 0 0 #52af2f;
}

.button.primary:hover, .button.primary:focus {
  background: #6acd44;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.secondary {
  background: #012174;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #3d60c7;
  -khtml-box-shadow: 0 2px 0 0 #3d60c7;
  -moz-box-shadow: 0 2px 0 0 #3d60c7;
  -ms-box-shadow: 0 2px 0 0 #3d60c7;
  -o-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;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-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);
  -khtml-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);
  -ms-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -o-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;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #012174;
}

.button.success {
  background: #6acd44;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #52af2f;
  -khtml-box-shadow: 0 2px 0 0 #52af2f;
  -moz-box-shadow: 0 2px 0 0 #52af2f;
  -ms-box-shadow: 0 2px 0 0 #52af2f;
  -o-box-shadow: 0 2px 0 0 #52af2f;
  box-shadow: 0 2px 0 0 #52af2f;
}

.button.success:hover, .button.success:focus {
  background: #6acd44;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.warning {
  background: orange;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #cc8400;
  -khtml-box-shadow: 0 2px 0 0 #cc8400;
  -moz-box-shadow: 0 2px 0 0 #cc8400;
  -ms-box-shadow: 0 2px 0 0 #cc8400;
  -o-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;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.danger {
  background: #f44236;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #ea1b0d;
  -khtml-box-shadow: 0 2px 0 0 #ea1b0d;
  -moz-box-shadow: 0 2px 0 0 #ea1b0d;
  -ms-box-shadow: 0 2px 0 0 #ea1b0d;
  -o-box-shadow: 0 2px 0 0 #ea1b0d;
  box-shadow: 0 2px 0 0 #ea1b0d;
}

.button.danger:hover, .button.danger:focus {
  background: #f44236;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.info {
  background: #20a3dd;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #1a82b0;
  -khtml-box-shadow: 0 2px 0 0 #1a82b0;
  -moz-box-shadow: 0 2px 0 0 #1a82b0;
  -ms-box-shadow: 0 2px 0 0 #1a82b0;
  -o-box-shadow: 0 2px 0 0 #1a82b0;
  box-shadow: 0 2px 0 0 #1a82b0;
}

.button.info:hover, .button.info:focus {
  background: #20a3dd;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.promo {
  background: #fe992b;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #f58001;
  -khtml-box-shadow: 0 2px 0 0 #f58001;
  -moz-box-shadow: 0 2px 0 0 #f58001;
  -ms-box-shadow: 0 2px 0 0 #f58001;
  -o-box-shadow: 0 2px 0 0 #f58001;
  box-shadow: 0 2px 0 0 #f58001;
}

.button.promo:hover, .button.promo:focus {
  background: #fe992b;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-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: #57bae7;
  background: transparent;
  color: #57bae7;
}

.button.outline.secondary {
  border: 1px solid #012174;
  background: transparent;
  color: #012174;
}

.button.outline.secondary:hover, .button.outline.secondary:focus {
  border-color: #023dd5;
  background: transparent;
  color: #023dd5;
}

.button.outline.success {
  border: 1px solid #6acd44;
  background: transparent;
  color: #6acd44;
}

.button.outline.success:hover, .button.outline.success:focus {
  border-color: #8fda73;
  background: transparent;
  color: #8fda73;
}

.button.outline.warning {
  border: 1px solid orange;
  background: transparent;
  color: orange;
}

.button.outline.warning:hover, .button.outline.warning:focus {
  border-color: #ffbc40;
  background: transparent;
  color: #ffbc40;
}

.button.outline.danger {
  border: 1px solid #f44236;
  background: transparent;
  color: #f44236;
}

.button.outline.danger:hover, .button.outline.danger:focus {
  border-color: #f77168;
  background: transparent;
  color: #f77168;
}

.button.outline.info {
  border: 1px solid #20a3dd;
  background: transparent;
  color: #20a3dd;
}

.button.outline.info:hover, .button.outline.info:focus {
  border-color: #57bae7;
  background: transparent;
  color: #57bae7;
}

.button.outline.promo {
  border: 1px solid #fe992b;
  background: transparent;
  color: #fe992b;
}

.button.outline.promo:hover, .button.outline.promo:focus {
  border-color: #feb360;
  background: transparent;
  color: #feb360;
}

.button.disabled.secondary, .button[disabled].secondary {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.button.disabled.secondary:hover, .button[disabled].secondary:hover {
  cursor: not-allowed;
}

.button.disabled.success, .button[disabled].success {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.button.disabled.success:hover, .button[disabled].success:hover {
  cursor: not-allowed;
}

.button.disabled.warning, .button[disabled].warning {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.button.disabled.warning:hover, .button[disabled].warning:hover {
  cursor: not-allowed;
}

.button.disabled.danger, .button[disabled].danger {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.button.disabled.danger:hover, .button[disabled].danger:hover {
  cursor: not-allowed;
}

.button.disabled.info, .button[disabled].info {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.button.disabled.info:hover, .button[disabled].info:hover {
  cursor: not-allowed;
}

.button.disabled.promo, .button[disabled].promo {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.button.disabled.promo:hover, .button[disabled].promo:hover {
  cursor: not-allowed;
}

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

@media (max-width: 1023px) {
  .button-back span {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
  -khtml-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  margin-bottom: 1rem;
  white-space: nowrap;
  background: #EEE;
}

.rank-button-toggle:hover,
.rank-button-toggle:hover a {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background: #e6e6e6;
}

.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: 11px;
  padding: .8rem .5rem;
  text-align: center;
  outline: 0;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.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;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-borders.scss
 *----------------------------------------------------------*/
.rank-border-right, .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-promo-row .rank-promo-logo {
  border-right: 1px solid #e7e7e7;
}

.rank-border-left, .rank-promo-row .rank-promo-button-section {
  border-left: 1px solid #e7e7e7;
}

.rank-border-top, .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-variant {
  border-top: 1px solid #e7e7e7;
}

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

@media all and (min-width: 640px) {
  .rank-border-right, .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div:not(:last-of-type), .rank-promo-row .rank-promo-logo {
    border-right: 1px solid #e7e7e7;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-controls.scss
 *----------------------------------------------------------*/
.control-left, .control-right {
  font-size: 25px;
  width: 32px;
  height: 32px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.control-left:before, .control-right:before {
  font-family: "FontAwesome";
}

.control-left[disabled], .control-right[disabled] {
  visibility: hidden;
}

.control-left:hover, .control-right:hover {
  cursor: pointer;
  color: #012174;
}

.control-left:before {
  content: "\f104";
}

.control-right:before {
  content: "\f105";
}

.rank-control-scroll {
  position: absolute;
  top: -65px;
  right: 10px;
  background-color: #20a3dd;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 62px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  z-index: 999;
}

.rank-control-scroll:before {
  font-family: "FontAwesome";
  content: "\f062";
  font-size: 20px;
}

.rank-control-scroll:hover {
  background-color: #35ade2;
  cursor: pointer;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-checkbox.scss
 *----------------------------------------------------------*/
.rank-checkbox input[type="checkbox"], .rank-inputs input[type="checkbox"], .rank-checkbox-small input[type="checkbox"] {
  position: absolute;
  margin: 0;
  width: 1px;
  height: 1px;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.rank-checkbox input[type="checkbox"]:focus + label, .rank-inputs input[type="checkbox"]:focus + label, .rank-checkbox-small input[type="checkbox"]:focus + label {
  outline: none;
}

.rank-checkbox input[type="checkbox"]:focus + label:before, .rank-inputs input[type="checkbox"]:focus + label:before, .rank-checkbox-small input[type="checkbox"]:focus + label:before {
  background: #fafafa;
  border: 1px solid #999;
}

.rank-checkbox input[type="checkbox"]:focus + label span, .rank-inputs input[type="checkbox"]:focus + label span, .rank-checkbox-small input[type="checkbox"]:focus + label span {
  outline: none;
}

.rank-checkbox input[type="checkbox"] + label, .rank-inputs input[type="checkbox"] + label, .rank-checkbox-small input[type="checkbox"] + label {
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-checkbox input[type="checkbox"] + label:before, .rank-inputs input[type="checkbox"] + label:before, .rank-checkbox-small input[type="checkbox"] + label:before {
  position: absolute;
  content: "";
  background: #f9f9f9;
  border: 1px solid #d5d5d5;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px #E1E1E1;
  -khtml-box-shadow: inset 0 1px 2px #E1E1E1;
  -moz-box-shadow: inset 0 1px 2px #E1E1E1;
  -ms-box-shadow: inset 0 1px 2px #E1E1E1;
  -o-box-shadow: inset 0 1px 2px #E1E1E1;
  box-shadow: inset 0 1px 2px #E1E1E1;
}

.rank-checkbox input[type="checkbox"] + label > span, .rank-inputs input[type="checkbox"] + label > span, .rank-checkbox-small input[type="checkbox"] + label > span {
  padding-left: 25px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
  line-height: 1.3;
}

.rank-checkbox input[type="checkbox"] + label > span .checkbox-extended-link, .rank-inputs input[type="checkbox"] + label > span .checkbox-extended-link, .rank-checkbox-small input[type="checkbox"] + label > span .checkbox-extended-link {
  display: inline-flex;
  font-size: 11px;
}

.rank-checkbox input[type="checkbox"] + label > span .checkbox-extended-link i, .rank-inputs input[type="checkbox"] + label > span .checkbox-extended-link i, .rank-checkbox-small input[type="checkbox"] + label > span .checkbox-extended-link i {
  margin-left: 3px;
  font-size: 14px;
}

.rank-checkbox input[type="checkbox"].ng-invalid.ng-dirty + label:before, .rank-inputs input[type="checkbox"].ng-invalid.ng-dirty + label:before, .rank-checkbox-small input[type="checkbox"].ng-invalid.ng-dirty + label:before {
  border: 1px solid #D44950;
  -webkit-box-shadow: inset 0 1px 2px #fbeeef;
  -khtml-box-shadow: inset 0 1px 2px #fbeeef;
  -moz-box-shadow: inset 0 1px 2px #fbeeef;
  -ms-box-shadow: inset 0 1px 2px #fbeeef;
  -o-box-shadow: inset 0 1px 2px #fbeeef;
  box-shadow: inset 0 1px 2px #fbeeef;
}

.rank-checkbox input[type="checkbox"]:checked + label:before, .rank-inputs input[type="checkbox"]:checked + label:before, .rank-checkbox-small input[type="checkbox"]:checked + label:before {
  border: 1px solid #bee1ab;
  -webkit-box-shadow: inset 0 1px 5px rgba(140, 214, 102, 0.4);
  -khtml-box-shadow: inset 0 1px 5px rgba(140, 214, 102, 0.4);
  -moz-box-shadow: inset 0 1px 5px rgba(140, 214, 102, 0.4);
  -ms-box-shadow: inset 0 1px 5px rgba(140, 214, 102, 0.4);
  -o-box-shadow: inset 0 1px 5px rgba(140, 214, 102, 0.4);
  box-shadow: inset 0 1px 5px rgba(140, 214, 102, 0.4);
}

.rank-checkbox input[type="checkbox"]:checked + label:after, .rank-inputs input[type="checkbox"]:checked + label:after, .rank-checkbox-small input[type="checkbox"]:checked + label:after {
  content: "\f00c";
  font-family: "FontAwesome";
  font-weight: 100;
  color: #555;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 4px;
  margin-left: 5px;
  line-height: 15px;
  font-size: 13px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-checkbox input[type="checkbox"]:disabled + label, .rank-inputs input[type="checkbox"]:disabled + label, .rank-checkbox-small input[type="checkbox"]:disabled + label,
.rank-checkbox input[type="checkbox"]:disabled + label > span,
.rank-inputs input[type="checkbox"]:disabled + label > span,
.rank-checkbox-small input[type="checkbox"]:disabled + label > span {
  cursor: no-drop;
  text-decoration: none;
  color: inherit;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
}

.rank-checkbox-small input[type="checkbox"] + label:before {
  top: 4px;
  width: 18px;
  height: 18px;
}

.rank-checkbox-small input[type="checkbox"] + label:after {
  font-size: 10px !important;
}

.rank-checkbox-small input[type="checkbox"]:checked + label:after {
  top: 5px;
  text-align: center;
  margin-top: inherit;
  margin-left: inherit;
  width: 18px;
  height: 18px;
}

[ng-switch-when="allowance"] .rank-checkbox input[type="checkbox"] + label > span, [ng-switch-when="allowance"] .rank-inputs input[type="checkbox"] + label > span, [ng-switch-when="allowance"] .rank-inputs input[type="checkbox"] + label > span, [ng-switch-when="allowance"] .rank-checkbox-small input[type="checkbox"] + label > span {
  font-weight: 400;
}

[ng-switch-when="allowance"]:nth-child(even) {
  background: green;
}

[ng-switch-when="allowance"] ol {
  margin-bottom: 0;
}

[ng-switch-when="allowance"] ol.no-number {
  list-style: none;
  font-size: 12px;
  line-height: 1.3;
}

[ng-switch-when="allowance"] ol li {
  margin-bottom: 10px;
  line-height: 1.3;
}

[ng-switch-when="allowance"] ol li > ul {
  margin-top: 10px;
}

[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) {
  [ng-switch-when="dateCheckboxSection"] .row > div[checkbox-question] {
    padding-left: 0;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 34px;
  font-size: 13px;
  font-family: "Montserrat", Helvetica Neue, Arial, sans-serif;
  line-height: 1.42857143;
  color: #555;
  background: #fff none;
  border: 1px solid #e7e7e7;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -khtml-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);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus,
[type='color']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='datetime']:focus, [type='email']:focus, [type='month']:focus,
[type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus,
[type='week']:focus, textarea:focus {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 0 17px -5px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 0 17px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 17px -5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 17px -5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 17px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 17px -5px rgba(0, 0, 0, 0.3);
}

.input-group > :first-child,
.input-group > :last-child > * {
  border-radius: inherit !important;
}

.input-group {
  position: relative;
  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%;
  margin-bottom: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 1;
  -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;
  width: 1%;
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group .custom-select,
.input-group .custom-file {
  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;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child),
.input-group .custom-select:not(:first-child):not(:last-child),
.input-group .custom-file:not(:first-child):not(:last-child) {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.input-group .custom-file {
  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;
}

.input-group .custom-select,
.input-group .custom-file {
  width: 100%;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
}

.input-group-addon {
  padding: 0 15px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: black;
  text-align: center;
  background-color: #eee;
  border: 1px solid #e7e7e7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

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

input:disabled, textarea:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

.input-group .input-group-label {
  border: 1px solid #e5dfdf;
  background: #f3f3f3;
}

.input-group .input-group-field {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

select {
  -webkit-appearance: menulist;
  -khtml-appearance: menulist;
  -moz-appearance: menulist;
  -ms-appearance: menulist;
  -o-appearance: menulist;
  appearance: menulist;
}

/*-----------------------------------------------------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-progress.scss
 *----------------------------------------------------------------------------------------------------
 * Second version:
    <progress ng-attr-value="{{initCtrl.progress}}" max="100"></progress>

 * Second version
    <div class="rank-progress">
        <div class="rank-progress-value" ng-style="{width: initCtrl.progress+'%'}"></div>
    </div>
 *----------------------------------------------------------------------------------------------------*/
@-webkit-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;
  }
}

progress, progress[value] {
  margin-bottom: 14px;
  overflow: hidden;
  height: 20px;
  width: 100%;
  background-size: auto auto;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -khtml-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);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

progress::-webkit-progress-bar, progress[value]::-webkit-progress-bar {
  background-color: #f5f5f5 !important;
}

progress::-webkit-progress-value, progress[value]::-webkit-progress-value {
  background-color: #20a3dd !important;
  background-size: 40px 40px;
  -webkit-transition: width 0.6s ease;
  -khtml-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

progress::-moz-progress-bar, progress[value]::-moz-progress-bar {
  background-color: #20a3dd !important;
  background-size: 40px 40px;
  -webkit-transition: width 0.6s ease;
  -khtml-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

progress::-ms-fill, progress[value]::-ms-fill {
  background-color: #20a3dd !important;
  background-size: 40px 40px;
  -webkit-transition: width 0.6s ease;
  -khtml-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  border: none;
}

.rank-progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 14px;
  background-color: #f5f5f5 !important;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -khtml-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);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-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-value {
  float: left;
  width: 0;
  height: 100%;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  background-color: #20a3dd !important;
  background-size: 40px 40px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -khtml-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-animation: progress-animation 2s linear infinite;
  -khtml-animation: progress-animation 2s linear infinite;
  -moz-animation: progress-animation 2s linear infinite;
  -ms-animation: progress-animation 2s linear infinite;
  -o-animation: progress-animation 2s linear infinite;
  animation: progress-animation 2s linear infinite;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-radio.scss
 *----------------------------------------------------------*/
.rank-radio, .rank-radio-list, .rank-payment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-radio label, .rank-radio-list label, .rank-payment-list label {
  font-weight: 600;
}

.rank-radio label:not(:first-of-type), .rank-radio-list label:not(:first-of-type), .rank-payment-list label:not(:first-of-type) {
  margin-left: 10px;
}

.rank-radio input[type=radio], .rank-radio-list input[type=radio], .rank-payment-list input[type=radio] {
  position: absolute;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.rank-radio input[type=radio]:checked + .rank-radio-outer:before, .rank-radio-list input[type=radio]:checked + .rank-radio-outer:before, .rank-payment-list input[type=radio]:checked + .rank-radio-outer:before {
  background-position: 0 0;
}

.rank-radio input[type=radio].ng-pristine.ng-valid:checked + .rank-radio-outer, .rank-radio-list input[type=radio].ng-pristine.ng-valid:checked + .rank-radio-outer, .rank-payment-list input[type=radio].ng-pristine.ng-valid:checked + .rank-radio-outer, .rank-radio input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer, .rank-radio-list input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer, .rank-payment-list input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer {
  background-position: 0 0;
  background-color: #20a3dd;
  border-color: #20a3dd;
  color: #fff;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.rank-radio input[type=radio].ng-pristine.ng-valid:checked + .rank-radio-outer:before, .rank-radio-list input[type=radio].ng-pristine.ng-valid:checked + .rank-radio-outer:before, .rank-payment-list input[type=radio].ng-pristine.ng-valid:checked + .rank-radio-outer:before, .rank-radio input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer:before, .rank-radio-list input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer:before, .rank-payment-list input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer:before {
  border-color: unset;
}

.rank-radio input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer:before, .rank-radio-list input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer:before, .rank-payment-list input[type=radio].ng-valid.ng-dirty:checked + .rank-radio-outer:before {
  border: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.rank-radio .rank-radio-outer, .rank-radio-list .rank-radio-outer, .rank-payment-list .rank-radio-outer {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  padding: 5px 15px 5px 32px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #E1E1E1 inset;
  -khtml-box-shadow: 0 1px 2px #E1E1E1 inset;
  -moz-box-shadow: 0 1px 2px #E1E1E1 inset;
  -ms-box-shadow: 0 1px 2px #E1E1E1 inset;
  -o-box-shadow: 0 1px 2px #E1E1E1 inset;
  box-shadow: 0 1px 2px #E1E1E1 inset;
}

.rank-radio .rank-radio-outer:hover, .rank-radio-list .rank-radio-outer:hover, .rank-payment-list .rank-radio-outer:hover {
  border: 1px solid #20a3dd;
}

.rank-radio .rank-radio-outer:before, .rank-radio-list .rank-radio-outer:before, .rank-payment-list .rank-radio-outer:before {
  content: "";
  display: inline-block;
  *display: inline;
  background: url("../../../common_public/assets/images/components/radio-button.png") no-repeat;
  background-position: -18px 0;
  position: absolute;
  left: 10px;
  top: 8px;
  width: 18px;
  height: 18px;
}

.rank-radio .rank-radio-inner .rank-radio-text, .rank-radio-list .rank-radio-inner .rank-radio-text, .rank-payment-list .rank-radio-inner .rank-radio-text {
  margin-left: 0;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .rank-radio .rank-radio-outer:before, .rank-radio-list .rank-radio-outer:before, .rank-payment-list .rank-radio-outer:before {
    background-image: url("../../../common_public/assets/images/components/radio-button@2x.png");
    background-size: 36px 18px;
    background-position: -18px 0;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-radio-list.scss
 *----------------------------------------------------------*/
.rank-radio-list {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rank-radio-list label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rank-radio-list .rank-radio-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

div[class*="_iscascopolicyequaltooc"] .rank-radio-list {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

div[class*="_iscascopolicyequaltooc"] .rank-radio-list label {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
  -moz-box-flex: inherit;
  -moz-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
  margin-left: 0;
}

div[class*="_iscascopolicyequaltooc"] .rank-radio-list label:not(:first-of-type) {
  margin-top: 5px;
}

.rank-payment-list {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rank-payment-list label:not(:first-of-type) {
  margin: 5px 0 0;
}

.rank-payment-list .rank-radio-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-payment-list .rank-radio-installment {
  font-weight: normal;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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"] {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-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 {
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -webkit-opacity: 0.4;
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  -ms-opacity: 0.4;
  -o-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: flex;
  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);
  -khtml-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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: #cccccc;
}

.rank-toggle input[type="checkbox"]:hover ~ label {
  color: #d8d8d8;
}

.rank-toggle input[type="checkbox"]:checked ~ label:hover {
  color: #60ca38;
}

.rank-toggle input[type="checkbox"]:checked ~ label .rank-toggle-switch {
  background-color: #7ad258;
}

.rank-toggle input[type="checkbox"]:checked ~ label .rank-toggle-switch:after {
  color: #5cc334;
}

.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: #52af2f;
}

.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);
  -khtml-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  -moz-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: #eaeaea;
}

.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);
  -khtml-transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  -moz-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);
  -khtml-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -o-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);
  -khtml-transform: translate3d(65px, 0, 0);
  -moz-transform: translate3d(65px, 0, 0);
  -ms-transform: translate3d(65px, 0, 0);
  -o-transform: translate3d(65px, 0, 0);
  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);
  -khtml-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -o-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: 14px;
  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: 10px;
  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: 10px;
  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);
  -khtml-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -o-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);
  -khtml-transform: translate3d(44px, 0, 0);
  -moz-transform: translate3d(44px, 0, 0);
  -ms-transform: translate3d(44px, 0, 0);
  -o-transform: translate3d(44px, 0, 0);
  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);
  -khtml-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -o-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);
  -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -o-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);
  -khtml-transform: translate3d(78px, 0, 0);
  -moz-transform: translate3d(78px, 0, 0);
  -ms-transform: translate3d(78px, 0, 0);
  -o-transform: translate3d(78px, 0, 0);
  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);
  -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -o-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: 14px;
  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: 14px;
  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: 14px;
  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, 242, 242, 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: #f2f2f2;
}

.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: #d9d9d9;
}

.rank-toggle.rank-toggle-brand input[type="checkbox"]:hover ~ label {
  color: #e6e6e6;
}

.rank-toggle.rank-toggle-brand input[type="checkbox"]:checked ~ label:hover {
  color: #ebebeb;
}

.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: #e6e6e6;
}

.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: #f2f2f2;
}

.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: #d9d9d9;
}

.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);
  -khtml-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-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: #f8f8f8;
}

.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);
  -khtml-transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-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: #f2f2f2;
}

.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);
  -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -o-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);
  -khtml-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);
  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);
  -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -o-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);
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : infotip.scss
 *----------------------------------------------------------*/
.rank-tooltip-button {
  background: #20a3dd;
  display: block;
  margin: 6px auto 0;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-weight: 700;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-tooltip-button:before {
  content: "?";
}

.rank-tooltip-button:hover {
  color: #fff;
  background: #4bb6e5;
  text-decoration: none;
}

@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;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 20px;
  font-size: 14px;
  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;
  background: #20a3dd;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}

.rank-tooltip-panel .rank-tooltip-panel-agent .ri-phone-circle:before {
  content: '\f095';
  color: #fff;
  box-shadow: none;
  cursor: pointer;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  position: relative;
  left: -1px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-infotip.scss
 *----------------------------------------------------------*/
.rank-tooltip, .rank-static-infotip {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  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: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 {
  color: #012174;
  margin-bottom: 15px;
  margin-right: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
}

.rank-tooltip p, .rank-static-infotip p {
  font-size: 13px;
  color: #3a3a3a;
  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: 35px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  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(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  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-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: 206px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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 {
  display: none;
}

.rank-infotip-modal .rank-modal-header h3 {
  font-size: 16px;
  color: #012174;
  font-weight: 600;
  margin-bottom: 0;
}

.rank-infotip-modal .rank-modal-header .rank-modal-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-infotip-modal .rank-modal-body h3 {
  display: none !important;
}

.rank-infotip-modal .rank-modal-body p {
  font-size: 14px;
}

.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-footer {
  margin-top: 0 !important;
}

@media (max-width: 639px) {
  .rank-infotip {
    display: none;
  }
  .rank-infotip-modal .rank-close-button {
    top: 2px !important;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : form-messages.scss
 *----------------------------------------------------------*/
.rank-alert p:last-of-type, .rank-alert-message p:last-of-type {
  margin-bottom: 0;
}

.rank-alert.success {
  background-color: inherit;
  padding: 15px;
  margin: 10px 0 0;
  background: #d6e9c6;
  color: #3c763d;
}

.rank-alert.warning {
  background-color: inherit;
  padding: 15px;
  margin: 10px 0 0;
  background: #f8ecc0;
  color: #4d3f24;
}

.rank-alert.danger {
  background-color: inherit;
  padding: 15px;
  margin: 10px 0 0;
  background: #e9c3c3;
  color: #582c2b;
}

.rank-alert.info {
  background-color: inherit;
  padding: 15px;
  margin: 10px 0 0;
  background: #ddf3f8;
  color: #21495d;
}

.rank-alert-message.success {
  margin: 10px 0 0;
  color: #d6e9c6;
}

.rank-alert-message.warning {
  margin: 10px 0 0;
  color: #f8ecc0;
}

.rank-alert-message.danger {
  margin: 10px 0 0;
  color: #e9c3c3;
}

.rank-alert-message.info {
  margin: 10px 0 0;
  color: #ddf3f8;
}

form-messages[form-object="section"]:not(:empty) {
  display: block;
  padding: 0 15px 20px;
}

#continents form-messages[form-object="section"]:not(:empty), #travelActivities form-messages[form-object="section"]:not(:empty) {
  margin-left: 290px;
}

#continents form-messages[form-object="section"]:not(:empty) > div, #travelActivities form-messages[form-object="section"]:not(:empty) > div {
  margin: 0;
  max-width: 87%;
  width: 100%;
}

@media (max-width: 1023px) {
  #continents form-messages[form-object="section"]:not(:empty), #travelActivities form-messages[form-object="section"]:not(:empty) {
    margin-left: inherit;
  }
  #continents form-messages[form-object="section"]:not(:empty) > div, #travelActivities form-messages[form-object="section"]:not(:empty) > div {
    max-width: inherit;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: noticesList: [] 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;
  font-weight: 500;
}

.rank-notice .rank-notice-message h3 {
  font-size: 16px;
  margin-bottom: 15px;
}

.rank-notice .rank-notice-message h6 {
  font-size: 30px;
  margin: 0;
}

.rank-notice .rank-notice-message i {
  color: #fff;
  font-size: 50px;
}

.rank-notice .rank-notice-message p {
  font-size: 13px;
  color: #fff;
}

.rank-notice .rank-notice-message p:last-of-type {
  margin-bottom: 0;
}

.rank-notice .rank-notice-close {
  font-size: 35px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  right: 20px;
  top: 5px;
}

.rank-notice .rank-notice-close:hover {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  cursor: pointer;
  text-decoration: none;
}

screen-notice-handler {
  position: fixed;
  bottom: 160px;
  z-index: 1020;
}

@media all and (min-width: 1441px) {
  screen-notice-handler {
    left: 64%;
  }
}

@media all and (min-width: 891px) and (max-width: 1440px) {
  screen-notice-handler {
    right: 135px;
  }
}

@media all and (max-width: 890px) {
  screen-notice-handler {
    display: none;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
  max-width: 600px;
  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;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.rank-modal .rank-modal-header {
  padding: 10px 38px 10px 20px;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
}

.rank-modal .rank-modal-header h4 {
  font-size: 16px;
  color: #012174;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0;
}

.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 {
  color: #012174;
  font-weight: 600;
  text-align: center;
}

.rank-modal .rank-modal-body .rank-margin-top-zero {
  margin-top: 0 !important;
}

.rank-modal .rank-modal-footer {
  text-align: center;
  border-top: 1px solid #e4e4e4;
  padding: 10px;
}

.rank-modal .rank-close-button {
  font-size: 35px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  right: 20px;
  top: 22px;
  top: 1px;
  right: 12px;
}

.rank-modal .rank-close-button:hover {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  cursor: pointer;
  text-decoration: none;
}

.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 {
  background: #F3F4F2;
}

.rank-modal .rank-checkbox input[type="checkbox"] + label > span, .rank-modal .rank-inputs input[type="checkbox"] + label > span,
.rank-modal .rank-inputs input[type="checkbox"] + label > span,
.rank-modal .rank-checkbox-small input[type="checkbox"] + label > span {
  font-weight: 400;
}

.rank-modal.ng-enter, .rank-modal.ng-leave {
  -webkit-transition: all linear 0.15s;
  -khtml-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
}

.rank-modal.ng-enter, .rank-modal.ng-leave.ng-leave-active {
  margin-top: -100px;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.rank-modal.ng-enter.ng-enter-active, .rank-modal.ng-leave {
  margin-top: 0;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

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

@media (max-width: 639px) {
  .rank-modal {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .rank-modal .rank-modal-body {
    padding: 10px;
  }
  .rank-modal .allowances-list-scroll {
    overflow: inherit !important;
    max-height: inherit !important;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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.3rem;
  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;
}

.rank-bo-app.rank-modal-open .rank-modal .rank-modal-dialog {
  margin: 80px auto;
}

.rank-bo-app.rank-modal-open .bo-header {
  z-index: 10000 !important;
}

#rankCreateNewCalculationModal {
  text-align: center;
}

#rankCreateNewCalculationModal .rank-modal-body {
  padding: 50px;
}

#rankCreateNewCalculationModal .rank-modal-body p {
  font-size: 20px;
}

#rankCreateNewCalculationModal .rank-modal-title {
  color: #012174;
  font-size: 22px;
  font-weight: bold;
}

#rankCreateNewCalculationModal .rank-modal-controls {
  margin-top: 0;
}

@media (max-width: 639px) {
  #rankCreateNewCalculationModal .rank-modal-title {
    font-size: 20px;
  }
  #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;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : aztec.scss
 *----------------------------------------------------------*/
.rank-aztec-area {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.rank-aztec-area .aztec-box {
  background-clip: border-box;
  border: 1px solid #f4f3f3;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-aztec-area .aztec-title {
  font-size: 15px;
  padding: 15px;
  margin: auto;
  border-bottom: 1px solid #f4f3f3;
  background: #fff;
}

.rank-aztec-area .aztec-img-card {
  padding-top: 20px;
}

.rank-aztec-area .aztec-img {
  text-align: center;
  margin: auto;
  background: #fff;
}

.rank-aztec-area .rank-checkbox-section {
  width: 90%;
  margin: auto;
  padding: 12px;
}

.rank-aztec-area .rank-checkbox-section .checkbox-extended {
  font-size: 12px;
  margin-left: 25px;
  line-height: 1.3;
  letter-spacing: -0.02rem;
}

.rank-aztec-area .rank-checkbox-section .checkbox-extended > a {
  margin-left: 7px;
  font-size: 11px;
}

.rank-aztec-area a.checkbox-extended-link {
  font-size: 11px;
  margin-left: 3px;
}

.rank-aztec-area .aztec-processing {
  text-align: center;
}

.rank-aztec-area .aztec-section {
  margin: auto;
  padding: 12px;
  background: #fff;
}

.rank-aztec-area .aztec-actions {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  text-align: center;
}

.rank-aztec-area .aztec-actions .button {
  min-width: 285px;
  max-width: 285px;
  min-height: 50px;
  margin-top: 20px;
}

@media all and (min-width: 596px) {
  .rank-aztec-area .aztec-actions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
  }
  .rank-aztec-area .aztec-actions button.button.white {
    order: 1;
    margin: 5px;
  }
  .rank-aztec-area .aztec-actions button.button.success {
    order: 2;
    margin: 5px;
  }
  .rank-aztec-area .aztec-actions rank-checkbox-section, .rank-aztec-area .aztec-actions .checkbox-extended, .rank-aztec-area .aztec-actions > a {
    text-align: left;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : call-button.scss
 *----------------------------------------------------------*/
call-button[source='alert'], call-button[source='link'] {
  display: inline-block;
}

.rank-contact-buttons {
  margin: 10px 0 0;
}

.rank-contact-buttons call-button {
  display: block;
}

.rank-contact-buttons call-button a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rank-contact-buttons call-button .call-button-phone {
  margin-left: 15px;
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : call-popup.scss
 *----------------------------------------------------------*/
.rank-call-popup-modal .rank-modal-footer a {
  height: 100%;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-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.3em;
}

.rank-call-mobile-popup .rank-call-mobile-popup-info a {
  font-weight: 600;
  font-size: 14px;
}

.rank-call-mobile-popup .rank-call-mobile-popup-close {
  font-size: 35px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  right: 20px;
  top: 14px;
  line-height: 1;
}

.rank-call-mobile-popup .rank-call-mobile-popup-close:hover {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  cursor: pointer;
  text-decoration: none;
}

.rank-header-fixed .rank-call-mobile-popup {
  top: 80px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-datepicker.scss
 *----------------------------------------------------------*/
.rank-datepicker {
  position: relative;
  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-input-group .rank-datepicker-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-box-flex: 1;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  height: auto;
  min-width: 0;
  margin-bottom: 0;
  border: 1px solid #e7e7e7;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  font-weight: 600;
}

.rank-datepicker .rank-input-group .rank-datepicker-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

.rank-datepicker .rank-input-group .rank-datepicker-button button {
  height: 2.27rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
  background: #f3f3f3;
  border: 1px solid #e7e7e7;
  border-left: 0;
  color: #828282;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

.rank-datepicker .rank-datepicker-dropdown {
  position: absolute;
  top: 100%;
  z-index: 1000;
  background: #fff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  -o-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;
  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;
}

.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: 12px;
  position: relative;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -khtml-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);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-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: 14px;
  font-weight: normal;
  color: #bbb;
  white-space: nowrap;
  touch-action: manipulation;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a:hover {
  background: #e5e5e5;
  cursor: pointer;
}

.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a.active {
  color: #000;
}

.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a.current {
  font-weight: bold;
}

.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a.selected {
  background: #20a3dd;
  color: #fff;
  cursor: inherit;
}

.rank-datepicker .rank-datepicker-calendar .rank-datepicker-days a[disabled] {
  text-decoration: line-through;
  background: #fff;
  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: 14px;
  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;
}

@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;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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: 14px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-form.scss
 *----------------------------------------------------------*/
.form-ready .rank-form {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-form {
  position: relative;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 110px;
}

.rank-form .rank-form-controls, .rank-form .rank-payments-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-payments-controls .button.primary, .rank-form .rank-form-controls .button.success, .rank-form .rank-payments-controls .button.success {
  padding-left: 20px;
  padding-right: 20px;
}

.rank-form .rank-form-controls.rank-form-ready, .rank-form .rank-form-ready.rank-payments-controls {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-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;
}

.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: 11px;
}

.rank-form.rank-form-ready {
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.short-form-border {
  border: 3px solid #c6c6c4;
  padding-bottom: 5px;
}

@media (max-width: 639px) {
  .rank-form .rank-form-controls, .rank-form .rank-payments-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-payments-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-payments-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-payments-controls .button,
  .rank-form .rank-form-controls-calc .button {
    width: 100%;
  }
  .rank-form .rank-form-controls .button:first-of-type, .rank-form .rank-payments-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-payments-controls .rank-checkbox, .rank-form .rank-form-controls .rank-inputs, .rank-form .rank-payments-controls .rank-inputs,
  .rank-form .rank-form-controls-calc .rank-checkbox,
  .rank-form .rank-form-controls-calc .rank-inputs {
    margin: 15px auto 0px;
  }
}

@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-payments-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-payments-controls, .rank-form .rank-form-controls-calc > div:nth-child(2) .button.success.first-screen-btn {
    padding-left: 1px;
    padding-right: 1px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-section.scss
 *----------------------------------------------------------*/
.rank-section .rank-section-header {
  padding: 10px 38px 10px 20px;
  margin-bottom: 20px;
  border-bottom: 4px solid #6acd44;
}

.rank-section .rank-section-header h4 {
  margin: 0;
  color: #012174;
  font-size: 16px;
  font-weight: 600;
}

.rank-section .rank-section-area {
  padding: 10px 38px 10px 20px;
}

.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;
}

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

.rank-copy-person {
  padding-left: 12px;
}

.section-mo_personaldata {
  background: #fafafa;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -20px;
  padding-top: 5px;
}

.section-mo_personaldata .rank-question {
  margin-left: -15px;
}

.section-mo_personaldata .rank-question-tooltip {
  padding: 10px 0;
}

.section-mo_personaldata .rank-question-tooltip .rank-tooltip-button {
  margin: 6px 0 0 25px;
}

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

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

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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 {
  margin-top: 7px;
  text-align: right;
  color: #3a3a3a;
  -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-text {
  font-size: 13px;
  font-weight: 600;
}

.rank-question .rank-question-label .rank-question-label-text p {
  margin-bottom: 0;
  font-size: 11px;
  color: #8a8a8a;
}

.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: 11px;
}

.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-addon {
  position: relative;
  font-size: 11px;
}

.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;
}

.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;
}

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

.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: 1023px) {
  .rank-question {
    padding-left: 10px;
    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 {
    -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-text-phone .form-control, .rank-question-text-phone .input-group {
  max-width: 195px !important;
  width: 100%;
}

div[class*='_firstname'] .form-control, div[class*='_firstname'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

div[class*='_lastname'] .form-control, div[class*='_lastname'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

div[class*='_pesel'] .form-control, div[class*='_pesel'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

div[class*='_identitycardnumber'] .form-control, div[class*='_identitycardnumber'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

div[class*='_postcode'] .form-control, div[class*='_postcode'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

div[class*='_premisesnumber'] .form-control, div[class*='_premisesnumber'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

div[class*='_streetnumber'] .form-control, div[class*='_streetnumber'] .input-group {
  max-width: 49% !important;
  width: 100%;
}

.rank-question-metrage .form-control, .rank-question-metrage .input-group {
  max-width: 195px !important;
  width: 100%;
}

.rank-question-mileage .form-control, .rank-question-mileage .input-group {
  max-width: 195px !important;
  width: 100%;
}

.rank-question-phone .form-control, .rank-question-phone .input-group {
  max-width: 195px !important;
  width: 100%;
}

#line-auto div[id$='_postCode'], div[id$='_legalPostCode'] {
  max-width: calc(100%/3);
}

.section-wants .rank-question-area > .rank-pics {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: inherit;
}

.section-wants .rank-question-area > .rank-pics:last-of-type {
  margin-right: 0;
}

@media (max-width: 639px) {
  .section-wants .rank-question-area > .rank-pics {
    flex: 1 0 45% !important;
  }
  .section-wants .rank-question-area > .rank-pics:last-of-type {
    margin-right: 5px;
  }
}

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

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-answer.scss
 *----------------------------------------------------------*/
.rank-answer-valid .form-control,
.rank-answer-valid .input-group-field,
.rank-answer-valid .rank-datepicker-input,
.rank-answer-valid .rank-datepicker-button button {
  border-color: #bee1ab !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(134, 213, 96, 0.25);
  -khtml-box-shadow: inset 0 1px 1px rgba(134, 213, 96, 0.25);
  -moz-box-shadow: inset 0 1px 1px rgba(134, 213, 96, 0.25);
  -ms-box-shadow: inset 0 1px 1px rgba(134, 213, 96, 0.25);
  -o-box-shadow: inset 0 1px 1px rgba(134, 213, 96, 0.25);
  box-shadow: inset 0 1px 1px rgba(134, 213, 96, 0.25);
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : mark-text.scss
 *----------------------------------------------------------*/
.rank-mark-text {
  margin-top: 20px;
  width: 100%;
}

.rank-mark-text > div:first-of-type {
  padding-left: 0;
}

.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;
}

.rank-mark-text header h1 {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4rem;
  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 {
  display: none;
}

.rank-mark-text article {
  margin-top: 20px;
  color: #3c3c3c;
  line-height: 1.4;
  font-weight: 400;
}

.rank-mark-text article h2 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 16px;
}

.rank-mark-text article .icon-toggle {
  float: right;
  margin-right: 20px;
  margin-top: 5px;
  font-size: 25px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-mark-text article .icon-toggle:hover {
  cursor: pointer;
  color: #20a3dd;
}

.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 .button-icon-help {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 17px;
    border: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: none !important;
    margin-left: 20px;
    margin-right: 7px;
  }
  .rank-mark-text article {
    display: none;
  }
  .rank-mark-text article.mark-content-visible {
    display: block;
  }
}

#line-auto .rank-mark-text header h1 {
  letter-spacing: -0.04em;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-select.scss
 *----------------------------------------------------------*/
.rank-select-container {
  position: relative;
}

.rank-select-container .rank-select .rank-select-toggle {
  height: auto;
  min-height: 34px;
  text-align: left;
  position: relative;
  color: #CACACB;
  font-family: "Montserrat", Helvetica Neue, Arial, sans-serif;
  font-weight: normal;
}

.rank-select-container .rank-select .rank-select-toggle:disabled, .rank-select-container .rank-select .rank-select-toggle[disabled='disabled'] {
  background: #f3f3f3;
}

.rank-select-container .rank-select .rank-select-toggle i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.5em;
}

.rank-select-container .rank-select .rank-select-toggle .rank-select-answer {
  color: #555;
  font-weight: 600;
}

.rank-select-container .rank-select .rank-select-toggle:hover {
  text-decoration: none;
}

.rank-select-container .rank-select .rank-select-search, .rank-select-container .rank-select .rank-select-toggle:focus {
  font-weight: normal;
  outline: none;
}

.rank-select-container .rank-select .rank-select-search-hidden {
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
}

.rank-select-container .rank-select-multiple .rank-select-multiple-answer {
  display: inline-block;
  background: #20a3dd;
  color: #fff;
  padding: 3px 25px 3px 11px;
  text-align: center;
  margin: 2px;
  font-weight: 400;
  font-size: 13px;
  cursor: default;
  position: relative;
}

.rank-select-container .rank-select-multiple .rank-select-multiple-answer:hover {
  cursor: pointer;
  border-color: #3385c6;
}

.rank-select-container .rank-select-multiple .rank-select-multiple-answer .rank-select-multiple-icon {
  background: #3F3F3F;
  display: inline-block;
  width: 20px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
}

.rank-select-container .rank-select-multiple .rank-select-multiple-answer .rank-select-multiple-icon span {
  color: #fff;
  font-size: 17px;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

.rank-select-container .rank-select-dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 5px 0;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -khtml-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.rank-select-container .rank-select-dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: 4px 20px;
  color: #333;
  background-color: #ffffff;
  border: none;
  text-align: left;
  font-weight: 600;
}

.rank-select-container .rank-select-dropdown .dropdown-item:focus {
  outline: none;
}

.rank-select-container .rank-select-dropdown .dropdown-item:hover {
  text-decoration: none;
}

.rank-select-container .rank-select-dropdown .dropdown-item[disabled] {
  color: #888888;
}

.rank-select-container .rank-select-dropdown .dropdown-item.item-highlighted {
  background-color: #f5f5f5;
}

.rank-select-container .rank-select-dropdown .dropdown-item.item-selected {
  color: #ffffff;
  background-color: #20a3dd;
}

.rank-select-container .rank-select-dropdown .dropdown-item.item-selected > span > div:last-of-type > span {
  color: inherit;
}

.rank-select-container .rank-select-dropdown .dropdown-item .item-checkbox {
  content: "";
  border: 1px solid #d5d5d5;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #E1E1E1 inset;
  -khtml-box-shadow: 0 1px 2px #E1E1E1 inset;
  -moz-box-shadow: 0 1px 2px #E1E1E1 inset;
  -ms-box-shadow: 0 1px 2px #E1E1E1 inset;
  -o-box-shadow: 0 1px 2px #E1E1E1 inset;
  box-shadow: 0 1px 2px #E1E1E1 inset;
}

.rank-select-container .rank-select-dropdown .dropdown-item.item-selected .item-checkbox:after {
  content: "\f00c";
  font-family: "FontAwesome";
  font-weight: 100;
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 3px;
  margin-left: 4px;
  line-height: 15px;
  font-size: 13px;
}

.rank-select-container .rank-select-dropdown .dropdown-group .dropdown-group-header {
  padding: 5px 13px;
  margin-top: 2px;
  color: #20a3dd;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.rank-select-container .rank-select-answer > div:last-of-type > span,
.rank-select-container .dropdown-item > span > div:last-of-type > span {
  display: inline-block;
  width: calc(96% / 3);
  font-size: 11px;
  line-height: 1.2em;
  color: #20a3dd;
  font-weight: 400;
}

#line-auto.type_one_screen .rank-select-container .rank-select-answer > div:last-of-type > span,
#line-auto.type_one_screen .rank-select-container .dropdown-item > span > div:last-of-type > span {
  color: inherit;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : app-rating.scss
 *----------------------------------------------------------*/
.rank-app-rating {
  margin-top: 30px;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.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;
}

.rank-app-rating .rank-app-rating-body ul li {
  display: inline-block;
  margin-right: -1px;
}

.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 i {
  color: #BEBEBE;
  font-size: 40px;
  margin-right: 2px;
  -webkit-transition: all 0.2s ease;
  -khtml-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.rank-app-rating .rank-app-rating-body ul li i:hover {
  text-decoration: none;
}

.rank-app-rating .rank-app-rating-body .rank-app-rating-value .rank-app-rating-avg {
  font-size: 26px;
  font-weight: bold;
  color: #20a3dd;
}

.rank-app-rating .rank-app-rating-body .rank-app-rating-value .rank-app-rating-count {
  font-size: 15px;
  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: 30px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : allowances-section.scss
 *----------------------------------------------------------*/
.rank-allowances-section {
  width: 100%;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
}

.rank-multi-line-question > div:first-of-type {
  flex-basis: calc(100% / 3);
  margin-right: 10px;
}

.rank-multi-line-question > div:last-of-type {
  flex-grow: 1;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : terms-of-use.scss
 *----------------------------------------------------------*/
.rank-terms-of-use {
  margin: 0 0 15px 42%;
  font-size: 12px;
  font-weight: 600;
}

.rank-terms-of-use .rank-terms-of-use-text {
  display: inline-block;
}

.rank-terms-of-use .rank-terms-of-use-text .rank-terms-of-use-mark {
  color: #555555;
}

@media (max-width: 1200px) {
  .rank-terms-of-use {
    margin: 0 0 15px 300px;
  }
  .rank-terms-of-use .rank-terms-of-use-text {
    display: initial;
  }
}

@media (max-width: 1023px) {
  .rank-terms-of-use {
    margin: 0 0 15px 10px;
  }
  .rank-terms-of-use .rank-terms-of-use-text {
    display: block;
  }
}

@media (max-width: 500px) {
  .rank-terms-of-use .rank-terms-of-use-text {
    display: initial;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-pics.scss
 *----------------------------------------------------------*/
.rank-pics {
  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: 108px;
  min-height: 115px;
  text-align: center;
  margin-bottom: 8px;
  margin-right: 8px;
  background: #fff;
}

.rank-pics .pics-icon {
  color: #20a3dd;
  font-size: 50px;
  line-height: 1;
}

.rank-pics .pics-image {
  padding-left: 10px;
  padding-right: 10px;
}

.rank-pics .pics-image img {
  width: 100%;
  max-width: 200px;
}

.rank-pics .pics-name {
  line-height: .8rem;
  font-size: 11px;
  margin-top: 10px;
  font-weight: 600;
}

.rank-pics .pics-checkbox {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 100;
  display: none;
  border-style: solid;
  border-width: 0 35px 35px 0;
  border-color: transparent #3F3F3F transparent transparent;
  _border-color: #000000 #3F3F3F #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.rank-pics.active {
  border: 4px solid #20a3dd;
  background: #20a3dd;
}

.rank-pics.active:hover {
  cursor: pointer;
  background: #20a3dd;
}

.rank-pics.active .pics-icon,
.rank-pics.active .pics-name {
  color: #fff !important;
}

.rank-pics.active .pics-checkbox {
  text-align: center;
  display: block;
}

.rank-pics.active .pics-checkbox:before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 8px;
  color: #fff;
  margin-top: 2px;
  margin-left: 21px;
}

.rank-pics:not(.active) {
  border: 4px solid #eee;
}

.rank-pics[disabled]:hover {
  cursor: not-allowed;
}

@media (max-width: 639px) {
  .rank-pics {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : multi-selects-inputs.scss
 *----------------------------------------------------------*/
.rank-inputs-rows, .rank-inputs-columns {
  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;
  margin-top: 10px;
}

.rank-inputs-rows {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.rank-inputs-rows input[type="checkbox"] + label {
  vertical-align: top;
}

.rank-inputs-rows input[type="checkbox"] + label > span {
  font-size: 13px;
  padding-left: 35px;
}

.rank-inputs-rows > .rank-inputs {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rank-inputs-columns {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rank-inputs-columns .rank-inputs input[type="checkbox"] + label {
  padding: 4px 12px;
  width: 100%;
  max-width: 400px;
  margin-bottom: 5px;
  border: 1px solid #e7e7e7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -khtml-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);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.rank-inputs-columns .rank-inputs input[type="checkbox"] + label:before {
  top: 0;
  bottom: 0;
  margin: auto;
  border-color: #555555;
  width: 18px;
  height: 18px;
  background: #fff;
}

.rank-inputs-columns .rank-inputs input[type="checkbox"]:checked + label {
  background: #20a3dd;
  color: #ffffff;
  border-color: #20a3dd;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.rank-inputs-columns .rank-inputs input[type="checkbox"]:checked + label:after {
  top: 0;
  left: 15px;
  right: 0;
  bottom: 0;
  margin: auto 0;
  color: #fff;
}

.rank-inputs-columns .rank-inputs input[type="checkbox"]:checked + label:before {
  background: #20a3dd;
  border-color: #ffffff;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.rank-inputs-columns .rank-inputs .checkbox-inline {
  padding-top: 0;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : expiredDotpayLink.scss
 *-----------------------------------------------------------*/
.rank-expired-dotpay-Link {
  text-align: center;
  color: #012174;
  box-sizing: initial;
}

.rank-expired-dotpay-Link .title-style-expired-dotpay {
  color: #20a3dd;
  text-decoration: underline;
}

.rank-expired-dotpay-Link .rank-expired-dotpay-title {
  margin: 40px;
}

.rank-expired-dotpay-Link .rank-expired-dotpay-title h1 {
  font-size: 38px;
  font-weight: 700;
}

.rank-expired-dotpay-Link .rank-expired-dotpay-title h2 {
  font-size: 19px;
}

@media (max-width: 639px) {
  .rank-expired-dotpay-Link .rank-expired-dotpay-title h1 {
    font-size: 25px;
  }
  .rank-expired-dotpay-Link .rank-expired-dotpay-title h2 {
    font-size: 17px;
  }
}

.rank-upgrade-bar {
  background-color: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10000;
  text-align: center;
}

.rank-upgrade-bar:before {
  content: "";
  height: 5px;
  background: #012276;
  background: linear-gradient(to right, #012276 0, #1585d2 38%, #34b7bf 66%, #69cd46 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012276', endColorstr='#69cd46', GradientType=1);
  display: block;
}

.rank-upgrade-bar p {
  color: #012174;
  font-size: 16px;
  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: 13px;
    padding: 10px 20px;
  }
}

@media all and (max-width: 400px) {
  .rank-upgrade-bar p {
    font-size: 10px;
    padding: 10px 25px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer.scss
 *----------------------------------------------------------*/
.rank-offer {
  position: relative;
}

.rank-offer .rank-offer-footer {
  margin: 40px 20px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : rank-offer-products.scss
 *----------------------------------------------------------*/
.rank-offer-products {
  background-color: #fff;
  font-size: 13px;
  letter-spacing: -0.01rem;
  padding: 0;
}

.rank-offer-products p {
  margin: 0;
}

.rank-offer-products img {
  max-height: 40px;
  width: auto;
  margin: auto;
  display: block;
}

.rank-offer-products .product-definition-node-compare, .rank-offer-products product-definition-node-compare {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-offer-products .product-definition-node-compare > div, .rank-offer-products product-definition-node-compare > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rank-offer-products .product-definition-node-compare:last-of-type, .rank-offer-products product-definition-node-compare:last-of-type {
  border-bottom: none;
}

.rank-offer-products .product-definition-node-compare.product-definition-node-compare-owu, .rank-offer-products product-definition-node-compare.product-definition-node-compare-owu {
  border-bottom: 1px dashed #e5e5e5;
}

.rank-offer-products .product-header .col-head span:first-of-type, .rank-offer-products .product-row-owu .col-head {
  font-weight: 600;
  color: #3a3a3a;
}

.rank-offer-products .product-header .col-head span:first-of-type a, .rank-offer-products .product-row-owu .col-head a {
  font-weight: 600;
  font-size: 12px;
  margin-left: 5px;
}

.rank-offer-products .product-header .col-head span:first-of-type a i, .rank-offer-products .product-row-owu .col-head a i {
  font-size: 20px;
  vertical-align: top;
}

.rank-offer-products .product-header {
  font-size: 14px;
}

.rank-offer-products .product-header div:first-of-type {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rank-offer-products .product-header .col-items {
  min-height: 60px;
}

.rank-offer-products .product-header.product-row-price .col-head {
  margin-top: 10px;
}

.rank-offer-products .product-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  border-top: 1px dashed #e5e5e5;
}

.rank-offer-products .product-row:hover {
  background: #f7f7f7;
}

.rank-offer-products .product-row ul {
  list-style: none;
  margin: 0;
}

.rank-offer-products .product-row ul li:not(:last-of-type):after {
  content: ",";
}

.rank-offer-products .product-row .col-items > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px 19px;
}

.rank-offer-products .product-row.product-row-insurers .product-col > div {
  padding: 40px 0 !important;
}

.rank-offer-products .product-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.rank-offer-products .product-col.col-head {
  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: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  min-width: 310px;
  max-width: 310px;
  padding: 8px 19px;
}

.rank-offer-products .product-col.col-items {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  text-align: left;
}

.rank-offer-products .product-col.col-items > div {
  padding: 8px 19px;
  position: relative;
  border-left: 1px dashed #e5e5e5;
  align-items: center;
  display: flex;
}

.rank-offer-products .product-secondary-text {
  display: block;
  font-size: 10px;
  margin-top: 5px;
  line-height: 0.8rem;
  color: #5d5d5d;
}

.rank-offer-products .product-tooltip {
  max-width: 30px;
  text-align: right;
  padding: 0;
}

.rank-offer-products .product-tooltip .label-tooltip-icon {
  font-size: 20px;
  color: #20a3dd;
}

.rank-offer-products .product-tooltip .label-tooltip-icon:hover {
  cursor: pointer;
}

.rank-offer-products .product-buttons {
  background-color: #F3F3F3;
  border-bottom: 0;
}

.rank-offer-products .product-buttons:hover {
  background-color: #F3F3F3;
}

.rank-offer-products .product-buttons .button {
  width: 100%;
  max-width: 150px;
  margin: auto;
  display: block;
}

.rank-offer-products .product-buttons .product-col > div {
  padding: 20px 5px;
}

.rank-offer-products .product-buttons .col-items > div {
  display: block;
}

.rank-offer-products .product-best-offer {
  background: #dff0d8;
}

.rank-offer-products .product-close-button {
  font-size: 35px;
  color: #20a3dd;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  right: 20px;
  top: 5px;
}

.rank-offer-products .product-close-button:hover {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
  cursor: pointer;
  text-decoration: none;
}

.rank-offer-products .product-row-owu .product-row-owu-with-product-card {
  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-offer-products .product-row-information,
.rank-offer-products .rank-covers-information {
  font-size: 11px;
  padding: 10px 15px;
  border-top: 1px dashed #e9e9e9;
}

.rank-offer-products .product-row-information .product-row-information-list,
.rank-offer-products .rank-covers-information .product-row-information-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-offer-products .product-row-information .product-row-information-list ul,
.rank-offer-products .rank-covers-information .product-row-information-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 0 0 2px;
}

.rank-offer-products .product-row-information .product-row-information-list ul li,
.rank-offer-products .rank-covers-information .product-row-information-list ul li {
  margin-right: 2px;
}

.rank-offer-products .item-percent {
  color: #012174;
  font-weight: 600;
}

.rank-offer-products .item-price {
  color: #012174;
  font-weight: 600;
}

.rank-offer-products .item-price p {
  display: inline-block;
}

.rank-offer-products .allowance-text,
.rank-offer-products .compareAllowanceText {
  font-size: 11px;
}

.rank-offer-products .client-buttons .btn {
  font-size: 10px;
  margin: 3px 0;
}

.rank-offer-products .rank-send-email {
  margin: 10px auto 0;
  text-align: center;
}

.rank-offer-products .rank-send-email i {
  margin-right: 5px;
}

.rank-offer-products .rank-icon-success:before,
.rank-offer-products .rank-icon-loss:before {
  background-size: 20px 19px;
  width: 20px;
  height: 19px;
  display: block;
  margin: auto;
  content: "";
}

.product-definition-node-value,
product-definition-node-value {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.covers {
  font-size: 13px;
}

.covers-list span:not(:last-of-type):after {
  content: ',';
}

.covers-list span:last-of-type:after {
  content: '.';
}

.covers-info {
  font-size: 13px;
}

@media (max-width: 1023px) {
  .rank-offer-products {
    overflow: hidden;
    overflow-x: scroll;
  }
  .rank-offer-products img {
    max-height: 34px;
  }
  .rank-offer-products .product-row {
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .rank-offer-products .product-row.product-row-insurers .product-col > div {
    padding: 15px 0 !important;
  }
  .rank-offer-products .col-head {
    font-size: 12px;
  }
  .rank-offer-products .col-items {
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .rank-offer-products .col-items > div {
    min-width: 150px;
  }
  .rank-offer-products .product-close-button {
    top: -10px;
    right: 10px;
  }
}

@media (min-width: 480px) and (max-width: 700px) {
  .rank-offer-products .product-col.col-head {
    min-width: 250px !important;
    max-width: 250px !important;
  }
}

@media (max-width: 639px) {
  .rank-offer-products .product-header span a {
    display: block;
    margin-left: 0 !important;
  }
}

@media (max-width: 480px) {
  .rank-offer-products .product-col.col-head {
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

.rank-offer-details-modal .rank-offer-products .product-row .col-head {
  border-right: 1px dashed #e9e9e9;
}

.rank-offer-details-modal .rank-offer-products .product-col.col-items > div {
  border-left: 0;
}

#line-household .rank-offer-products .product-col {
  word-break: break-word;
}

#line-household .rank-offer-products .product-col.col-items > div {
  padding: 8px;
}

#line-household .rank-offer-products .product-buttons .col-items > div {
  display: flex;
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-around;
}

#line-household .rank-offer-products .product-buttons .col-items offer-buttons {
  display: flex;
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-between;
}

#line-household .rank-offer-products .product-buttons .col-items offer-buttons > div {
  display: flex;
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-around;
}

#line-household .rank-offer-products .product-buttons .col-items offer-buttons > div .rank-offer-buttons {
  display: flex;
  flex-flow: column wrap;
  flex: 1;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : articles-panel.scss
 *-----------------------------------------------------------*/
.rank-articles-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  padding: 20px 20px 20px 60px;
  overflow-y: auto;
  width: 400px;
  background: #f3f3f3;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
  z-index: 1030;
}

.rank-articles-panel:hover {
  cursor: pointer;
}

.rank-articles-panel.articles-panel-open {
  right: 0;
}

.rank-articles-panel.articles-panel-close {
  right: -360px;
}

.rank-articles-panel .articles-panel-toggle {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 100%;
  background: #fff;
  width: 40px;
  z-index: 1030;
  color: #012174;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rank-articles-panel .articles-panel-toggle i {
  font-size: 24px;
}

.rank-articles-panel .articles-panel-toggle.articles-panel-toggle-open {
  right: 360px;
}

.rank-articles-panel .articles-panel-toggle.articles-panel-toggle-close {
  right: 0;
}

.rank-articles-panel .articles-panel-content {
  line-height: 1.2rem;
}

.rank-articles-panel .articles-panel-content h1 {
  font-size: 21px;
  font-weight: 600;
}

.rank-articles-panel .articles-panel-content h1, .rank-articles-panel .articles-panel-content h2 {
  font-size: 18px;
  font-weight: normal;
}

.rank-articles-panel .articles-panel-content h3 {
  font-size: 14px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-bar.scss
 *-----------------------------------------------------------*/
.rank-offer-section-title {
  display: block;
  width: 100%;
  color: #012174;
  text-align: center;
  font-size: 1.25em;
}

.rank-offer-section-title span {
  font-weight: 700;
}

.rank-offer-section-title .rank-tooltip-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0;
}

.rank-offer-bar, .rank-offer-bar-grey, .rank-pzu-promo-bar, .rank-offer-fill-personal-data {
  background: #fff;
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #3a3a3a;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-offer-bar .rank-offer-bar-logo, .rank-offer-bar-grey .rank-offer-bar-logo, .rank-pzu-promo-bar .rank-offer-bar-logo, .rank-offer-fill-personal-data .rank-offer-bar-logo, .rank-offer-bar-grey .rank-offer-grey-logo, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-grey-logo, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-grey-logo, .rank-offer-fill-personal-data .rank-offer-bar-grey .rank-offer-grey-logo, .rank-offer-bar-grey .rank-offer-fill-personal-data .rank-offer-grey-logo, .rank-offer-bar-grey .rank-offer-color-logo, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-color-logo, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-color-logo, .rank-offer-fill-personal-data .rank-offer-bar-grey .rank-offer-color-logo, .rank-offer-bar-grey .rank-offer-fill-personal-data .rank-offer-color-logo, .rank-offer-bar-grey .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos, .rank-offer-fill-personal-data .rank-offer-bar-grey .rank-offer-fill-personal-data-logos, .rank-pzu-promo-bar .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos, .rank-offer-fill-personal-data .rank-pzu-promo-bar .rank-offer-fill-personal-data-logos, .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos {
  text-align: center;
  margin: auto;
}

.rank-offer-bar .rank-offer-bar-logo .rank-offer-bar-logo-section, .rank-offer-bar-grey .rank-offer-bar-logo .rank-offer-bar-logo-section, .rank-pzu-promo-bar .rank-offer-bar-logo .rank-offer-bar-logo-section, .rank-offer-fill-personal-data .rank-offer-bar-logo .rank-offer-bar-logo-section, .rank-offer-bar-grey .rank-offer-grey-logo .rank-offer-bar-logo-section, .rank-offer-bar-grey .rank-offer-color-logo .rank-offer-bar-logo-section, .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos .rank-offer-bar-logo-section {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 15px;
}

.rank-offer-bar .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-offer-bar-grey .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-pzu-promo-bar .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-offer-fill-personal-data .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-offer-bar-grey .rank-offer-grey-logo .rank-offer-bar-logo-section img, .rank-offer-bar-grey .rank-offer-color-logo .rank-offer-bar-logo-section img, .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos .rank-offer-bar-logo-section img {
  margin: auto;
  display: block;
  height: 50px;
  width: 106px;
}

.rank-offer-bar .rank-offer-bar-header, .rank-offer-bar-grey .rank-offer-bar-header, .rank-pzu-promo-bar .rank-offer-bar-header, .rank-offer-fill-personal-data .rank-offer-bar-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-offer-bar .rank-offer-bar-details, .rank-offer-bar-grey .rank-offer-bar-details, .rank-pzu-promo-bar .rank-offer-bar-details, .rank-offer-fill-personal-data .rank-offer-bar-details {
  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;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.rank-offer-bar .rank-offer-bar-details i, .rank-offer-bar-grey .rank-offer-bar-details i, .rank-pzu-promo-bar .rank-offer-bar-details i, .rank-offer-fill-personal-data .rank-offer-bar-details i {
  margin: 0;
  display: block;
}

.rank-offer-bar .rank-offer-bar-details li, .rank-offer-bar-grey .rank-offer-bar-details li, .rank-pzu-promo-bar .rank-offer-bar-details li, .rank-offer-fill-personal-data .rank-offer-bar-details li {
  padding-left: 0;
  margin-left: 0;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex: 1;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items ul, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items ul, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items ul, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items ul {
  list-style: none;
  margin: 0;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items a, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items a, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items a, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items a {
  text-decoration: none;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
  padding: 10px 0;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-label, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-label, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-label, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-label {
  padding-top: 7px;
  line-height: 1;
  font-weight: 600;
  color: #012174;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-name, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-name, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-name, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-name {
  color: #555555;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info {
  position: absolute;
  right: 8px;
  top: 8px;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info:hover, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info:hover, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info:hover, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info:hover {
  cursor: pointer;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon {
  position: relative;
  background-color: #e3e3e3;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  line-height: 12px;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon:before, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon:before, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon:before, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items > div .rank-details-definition-info .rank-details-definition-info-icon:before {
  content: "i";
  color: #a2a2a2;
  font-weight: bold;
  font-size: 9px;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-additional, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-additional {
  padding: 5px;
  text-align: left;
}

.rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-variant, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-variant {
  padding: 5px;
  text-align: left;
}

.rank-offer-bar .rank-details-definition-label-failure, .rank-offer-bar-grey .rank-details-definition-label-failure, .rank-pzu-promo-bar .rank-details-definition-label-failure, .rank-offer-fill-personal-data .rank-details-definition-label-failure {
  color: #f44236;
  padding-top: 7px;
  font-weight: 600;
  line-height: 1;
}

.rank-offer-bar .rank-offer-bar-footer, .rank-offer-bar-grey .rank-offer-bar-footer, .rank-pzu-promo-bar .rank-offer-bar-footer, .rank-offer-fill-personal-data .rank-offer-bar-footer {
  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;
  color: #20a3dd;
  text-align: center;
  font-size: 13px;
  border-top: 1px solid #e7e7e7;
  padding-top: 5px;
  padding-bottom: 5px;
}

.rank-offer-bar .rank-details-label, .rank-offer-bar-grey .rank-details-label, .rank-pzu-promo-bar .rank-details-label, .rank-offer-fill-personal-data .rank-details-label {
  color: #20a3dd;
  font-weight: 400 !important;
  font-size: 13px !important;
}

.rank-offer-bar .rank-details-label:hover, .rank-offer-bar-grey .rank-details-label:hover, .rank-pzu-promo-bar .rank-details-label:hover, .rank-offer-fill-personal-data .rank-details-label:hover {
  text-decoration: underline;
}

.rank-offer-bar .rank-offer-product, .rank-offer-bar-grey .rank-offer-product, .rank-pzu-promo-bar .rank-offer-product, .rank-offer-fill-personal-data .rank-offer-product {
  text-align: center;
  color: #3F3F3F;
  font-size: 15px;
  font-weight: 700;
}

.rank-offer-bar .rank-offer-price, .rank-offer-bar-grey .rank-offer-price, .rank-pzu-promo-bar .rank-offer-price, .rank-offer-fill-personal-data .rank-offer-price {
  color: #012174;
  font-size: 28px;
  font-weight: 700;
  width: 50%;
  line-height: 100%;
  text-align: center;
  margin: -10px;
}

.rank-offer-bar .rank-offer-price sub, .rank-offer-bar-grey .rank-offer-price sub, .rank-pzu-promo-bar .rank-offer-price sub, .rank-offer-fill-personal-data .rank-offer-price sub {
  bottom: 0;
  font-size: 60%;
}

.rank-offer-bar .rank-offer-price .label-installment, .rank-offer-bar-grey .rank-offer-price .label-installment, .rank-pzu-promo-bar .rank-offer-price .label-installment, .rank-offer-fill-personal-data .rank-offer-price .label-installment, .rank-offer-bar .rank-offer-price .label-url, .rank-offer-bar-grey .rank-offer-price .label-url, .rank-pzu-promo-bar .rank-offer-price .label-url, .rank-offer-fill-personal-data .rank-offer-price .label-url {
  font-weight: 400;
  line-height: 1;
  display: block;
  margin-top: 7px;
}

.rank-offer-bar .rank-offer-price .label-installment, .rank-offer-bar-grey .rank-offer-price .label-installment, .rank-pzu-promo-bar .rank-offer-price .label-installment, .rank-offer-fill-personal-data .rank-offer-price .label-installment {
  color: #555555;
  font-size: 13px;
}

.rank-offer-bar .rank-offer-price .label-url, .rank-offer-bar-grey .rank-offer-price .label-url, .rank-pzu-promo-bar .rank-offer-price .label-url, .rank-offer-fill-personal-data .rank-offer-price .label-url {
  font-size: 12px;
  line-height: 18px;
}

.rank-offer-bar .rank-offer-price .rank-offer-installment, .rank-offer-bar-grey .rank-offer-price .rank-offer-installment, .rank-pzu-promo-bar .rank-offer-price .rank-offer-installment, .rank-offer-fill-personal-data .rank-offer-price .rank-offer-installment {
  color: #20a3dd;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  display: block;
  margin-top: 7px;
}

.rank-offer-bar .rank-offer-price .rank-offer-installment a, .rank-offer-bar-grey .rank-offer-price .rank-offer-installment a, .rank-pzu-promo-bar .rank-offer-price .rank-offer-installment a, .rank-offer-fill-personal-data .rank-offer-price .rank-offer-installment a {
  font-size: 14px;
}

.rank-offer-bar .rank-offer-price .offer-installment-link, .rank-offer-bar-grey .rank-offer-price .offer-installment-link, .rank-pzu-promo-bar .rank-offer-price .offer-installment-link, .rank-offer-fill-personal-data .rank-offer-price .offer-installment-link {
  font-size: 30px;
}

.rank-offer-bar .rank-list-label-ok, .rank-offer-bar-grey .rank-list-label-ok, .rank-pzu-promo-bar .rank-list-label-ok, .rank-offer-fill-personal-data .rank-list-label-ok {
  list-style: none;
  font-size: 12px;
  margin: 0 0 0 10px;
}

.rank-offer-bar .rank-list-label-ok .rank-list-label-title, .rank-offer-bar-grey .rank-list-label-ok .rank-list-label-title, .rank-pzu-promo-bar .rank-list-label-ok .rank-list-label-title, .rank-offer-fill-personal-data .rank-list-label-ok .rank-list-label-title {
  margin-left: 20px;
}

.rank-offer-bar .rank-list-label-ok li, .rank-offer-bar-grey .rank-list-label-ok li, .rank-pzu-promo-bar .rank-list-label-ok li, .rank-offer-fill-personal-data .rank-list-label-ok li {
  position: relative;
  padding-left: 15px;
  display: inline-block;
  margin-right: 3px;
}

.rank-offer-bar .rank-list-label-ok li:before, .rank-offer-bar-grey .rank-list-label-ok li:before, .rank-pzu-promo-bar .rank-list-label-ok li:before, .rank-offer-fill-personal-data .rank-list-label-ok li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #00AB00;
  position: absolute;
  left: 0;
  top: 1px;
}

.rank-offer-bar .rank-list-label-ok li.alkohol:before, .rank-offer-bar-grey .rank-list-label-ok li.alkohol:before, .rank-pzu-promo-bar .rank-list-label-ok li.alkohol:before, .rank-offer-fill-personal-data .rank-list-label-ok li.alkohol:before {
  font-family: "FontAwesome";
  content: "\f067";
  color: orange;
}

.rank-offer-bar .rank-bar-button, .rank-offer-bar-grey .rank-bar-button, .rank-pzu-promo-bar .rank-bar-button, .rank-offer-fill-personal-data .rank-bar-button {
  width: 50%;
  text-align: center;
  padding: 5px 0;
}

.rank-offer-bar .rank-offer-bar-buy, .rank-offer-bar-grey .rank-offer-bar-buy, .rank-pzu-promo-bar .rank-offer-bar-buy, .rank-offer-fill-personal-data .rank-offer-bar-buy {
  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-offer-bar .rank-offer-bar-promo, .rank-offer-bar-grey .rank-offer-bar-promo, .rank-pzu-promo-bar .rank-offer-bar-promo, .rank-offer-fill-personal-data .rank-offer-bar-promo {
  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;
  background-color: #c3c3c3;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 0;
}

@media (max-width: 1199px) {
  .rank-offer-bar .rank-bar-button, .rank-offer-bar-grey .rank-bar-button, .rank-pzu-promo-bar .rank-bar-button, .rank-offer-fill-personal-data .rank-bar-button, .rank-offer-bar .rank-offer-price, .rank-offer-bar-grey .rank-offer-price, .rank-pzu-promo-bar .rank-offer-price, .rank-offer-fill-personal-data .rank-offer-price {
    width: 100%;
    padding: 5px;
  }
}

@media (max-width: 1023px) {
  .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 11px;
  }
  .rank-offer-bar .rank-hide-label, .rank-offer-bar-grey .rank-hide-label, .rank-pzu-promo-bar .rank-hide-label, .rank-offer-fill-personal-data .rank-hide-label {
    display: none;
  }
  .rank-offer-bar .rank-offer-installment, .rank-offer-bar-grey .rank-offer-installment, .rank-pzu-promo-bar .rank-offer-installment, .rank-offer-fill-personal-data .rank-offer-installment {
    font-size: 12px;
  }
}

@media (min-width: 640px) and (max-width: 860px) {
  .rank-offer-bar .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-offer-bar-grey .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-pzu-promo-bar .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-offer-fill-personal-data .rank-offer-bar-logo .rank-offer-bar-logo-section img, .rank-offer-bar-grey .rank-offer-grey-logo .rank-offer-bar-logo-section img, .rank-offer-bar-grey .rank-offer-color-logo .rank-offer-bar-logo-section img, .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos .rank-offer-bar-logo-section img {
    width: 76px;
    height: 35px;
  }
}

@media (min-width: 640px) and (max-width: 800px) {
  .rank-offer-bar .rank-offer-price.rank-offer-small-price, .rank-offer-bar-grey .rank-offer-price.rank-offer-small-price, .rank-pzu-promo-bar .rank-offer-price.rank-offer-small-price, .rank-offer-fill-personal-data .rank-offer-price.rank-offer-small-price {
    font-size: 20px;
  }
  .rank-offer-bar .rank-offer-price.rank-offer-small-price .rank-offer-installment a, .rank-offer-bar-grey .rank-offer-price.rank-offer-small-price .rank-offer-installment a, .rank-pzu-promo-bar .rank-offer-price.rank-offer-small-price .rank-offer-installment a, .rank-offer-fill-personal-data .rank-offer-price.rank-offer-small-price .rank-offer-installment a {
    font-size: 12px !important;
  }
}

@media (max-width: 639px) {
  .rank-offer-bar .rank-offer-bar-details, .rank-offer-bar-grey .rank-offer-bar-details, .rank-pzu-promo-bar .rank-offer-bar-details, .rank-offer-fill-personal-data .rank-offer-bar-details {
    border-top: 1px solid #e7e7e7;
    border-left: 0;
    border-right: 0;
    order: 3;
  }
  .rank-offer-bar .rank-offer-price, .rank-offer-bar-grey .rank-offer-price, .rank-pzu-promo-bar .rank-offer-price, .rank-offer-fill-personal-data .rank-offer-price {
    padding: 20px;
  }
  .rank-offer-bar .rank-bar-button, .rank-offer-bar-grey .rank-bar-button, .rank-pzu-promo-bar .rank-bar-button, .rank-offer-fill-personal-data .rank-bar-button {
    background-color: #F3F4F2;
    padding: 15px;
  }
  .rank-offer-bar .rank-bar-button offer-buttons > div, .rank-offer-bar-grey .rank-bar-button offer-buttons > div, .rank-pzu-promo-bar .rank-bar-button offer-buttons > div, .rank-offer-fill-personal-data .rank-bar-button offer-buttons > div {
    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-offer-bar .rank-bar-button offer-buttons > div button, .rank-offer-bar-grey .rank-bar-button offer-buttons > div button, .rank-pzu-promo-bar .rank-bar-button offer-buttons > div button, .rank-offer-fill-personal-data .rank-bar-button offer-buttons > div button {
    max-width: 200px;
    margin-bottom: 0;
  }
  .rank-offer-bar .rank-offer-promo-bar, .rank-offer-bar-grey .rank-offer-promo-bar, .rank-pzu-promo-bar .rank-offer-promo-bar, .rank-offer-fill-personal-data .rank-offer-promo-bar {
    font-size: inherit;
  }
  .rank-offer-bar .rank-offer-bar-logo, .rank-offer-bar-grey .rank-offer-bar-logo, .rank-pzu-promo-bar .rank-offer-bar-logo, .rank-offer-fill-personal-data .rank-offer-bar-logo, .rank-offer-bar-grey .rank-offer-grey-logo, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-grey-logo, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-grey-logo, .rank-offer-fill-personal-data .rank-offer-bar-grey .rank-offer-grey-logo, .rank-offer-bar-grey .rank-offer-fill-personal-data .rank-offer-grey-logo, .rank-offer-bar-grey .rank-offer-color-logo, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-color-logo, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-color-logo, .rank-offer-fill-personal-data .rank-offer-bar-grey .rank-offer-color-logo, .rank-offer-bar-grey .rank-offer-fill-personal-data .rank-offer-color-logo, .rank-offer-bar-grey .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos, .rank-offer-fill-personal-data .rank-offer-bar-grey .rank-offer-fill-personal-data-logos, .rank-pzu-promo-bar .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos, .rank-offer-fill-personal-data .rank-pzu-promo-bar .rank-offer-fill-personal-data-logos, .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos {
    text-align: center;
  }
}

@media (min-width: 500px) and (max-width: 639px) {
  .rank-offer-bar .rank-promo-logo .rank-promo-logo-section, .rank-offer-bar-grey .rank-promo-logo .rank-promo-logo-section, .rank-pzu-promo-bar .rank-promo-logo .rank-promo-logo-section, .rank-offer-fill-personal-data .rank-promo-logo .rank-promo-logo-section {
    max-width: 60%;
  }
  .rank-offer-bar .rank-promo-logo .rank-promo-logo-section a > img, .rank-offer-bar-grey .rank-promo-logo .rank-promo-logo-section a > img, .rank-pzu-promo-bar .rank-promo-logo .rank-promo-logo-section a > img, .rank-offer-fill-personal-data .rank-promo-logo .rank-promo-logo-section a > img {
    margin: auto;
    max-width: 75%;
  }
}

@media (max-width: 450px) {
  .rank-offer-bar .rank-img-protected, .rank-offer-bar-grey .rank-img-protected, .rank-pzu-promo-bar .rank-img-protected, .rank-offer-fill-personal-data .rank-img-protected {
    background-color: #fff;
    padding: 10px;
    max-width: 90%;
  }
}

@media (min-width: 381px) and (max-width: 639px) {
  .rank-offer-bar .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info, .rank-offer-bar-grey .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info, .rank-pzu-promo-bar .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info, .rank-offer-fill-personal-data .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info {
    right: 10px !important;
  }
  .rank-offer-bar .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core, .rank-offer-bar-grey .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core, .rank-pzu-promo-bar .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core, .rank-offer-fill-personal-data .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core {
    transform: inherit;
    left: auto;
    right: -5px;
  }
  .rank-offer-bar .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core:before, .rank-offer-bar-grey .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core:before, .rank-pzu-promo-bar .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core:before, .rank-offer-fill-personal-data .rank-offer-bar-details-items > div:last-of-type > div .rank-details-definition-info .rank-tooltip-core:before {
    left: auto;
    right: 2px;
  }
}

@media (max-width: 380px) {
  .rank-offer-bar .rank-offer-bar-details .rank-offer-bar-details-items, .rank-offer-bar-grey .rank-offer-bar-details .rank-offer-bar-details-items, .rank-pzu-promo-bar .rank-offer-bar-details .rank-offer-bar-details-items, .rank-offer-fill-personal-data .rank-offer-bar-details .rank-offer-bar-details-items {
    font-size: 10px;
  }
  .rank-offer-bar .rank-offer-bar-details-items .rank-details-definition-info, .rank-offer-bar-grey .rank-offer-bar-details-items .rank-details-definition-info, .rank-pzu-promo-bar .rank-offer-bar-details-items .rank-details-definition-info, .rank-offer-fill-personal-data .rank-offer-bar-details-items .rank-details-definition-info {
    right: 10px !important;
  }
  .rank-offer-bar .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core, .rank-offer-bar-grey .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core, .rank-pzu-promo-bar .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core, .rank-offer-fill-personal-data .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core {
    transform: inherit;
    left: auto;
    right: -5px;
  }
  .rank-offer-bar .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core:before, .rank-offer-bar-grey .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core:before, .rank-pzu-promo-bar .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core:before, .rank-offer-fill-personal-data .rank-offer-bar-details-items .rank-details-definition-info .rank-tooltip-core:before {
    left: auto;
    right: 2px;
  }
}

#line-household .rank-details-definition-name {
  display: none;
}

@media (max-width: 1023px) {
  #line-household .rank-details-definition-name {
    display: inherit;
  }
}

@media (max-width: 380px) {
  #line-household .rank-offer-bar-details .rank-offer-bar-details-items {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 14px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-grey-insurer.scss
 *-----------------------------------------------------------*/
.rank-offer-bar-grey {
  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;
  height: 65px;
}

.rank-offer-bar-grey .rank-offer-grey-logo .rank-offer-grey-logo-section {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.rank-offer-bar-grey .rank-offer-grey-logo .rank-offer-grey-logo-section img {
  margin: auto;
  max-width: 90%;
  display: block;
  max-height: 40px;
  height: auto;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  -ms-opacity: 0.3;
  -o-opacity: 0.3;
  opacity: 0.3;
  filter: grayscale(100%);
}

.rank-offer-bar-grey .rank-offer-color-logo .rank-offer-grey-logo-section {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.rank-offer-bar-grey .rank-offer-color-logo .rank-offer-grey-logo-section img {
  margin: auto;
  max-width: 90%;
  display: block;
  max-height: 40px;
  height: auto;
  opacity: inherit;
  filter: initial;
}

.rank-offer-bar-grey .rank-offer-grey-details {
  font-size: 13px;
}

@media (max-width: 639px) {
  .rank-offer-bar-grey .rank-offer-grey-logo {
    text-align: center;
  }
  .rank-offer-bar-grey .rank-offer-grey-logo img {
    margin: auto;
    max-width: 90%;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-promo.scss
 *-----------------------------------------------------------*/
.rank-promo-row {
  background: #fff;
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  min-height: 90px;
  color: #555555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 20px #E1E1E1;
  -khtml-box-shadow: 0 0 20px #E1E1E1;
  -moz-box-shadow: 0 0 20px #E1E1E1;
  -ms-box-shadow: 0 0 20px #E1E1E1;
  -o-box-shadow: 0 0 20px #E1E1E1;
  box-shadow: 0 0 20px #E1E1E1;
}

.rank-promo-row .rank-ad-promo {
  left: 5px;
  bottom: 5px;
  position: absolute;
  color: #20a3dd;
  font-size: 11px;
}

.rank-promo-row .rank-promo-logo {
  text-align: center;
  position: relative;
  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;
  margin-left: auto;
  margin-right: auto;
}

.rank-promo-row .rank-promo-logo .rank-promo-logo-section {
  max-width: 100%;
  padding-top: 27px;
  padding-bottom: 27px;
}

.rank-promo-row .rank-promo-logo .rank-promo-logo-section a > img {
  margin: auto;
  display: block;
  height: 50px;
  width: 106px;
}

.rank-promo-row a.rank-promo-details-text {
  text-align: left;
  color: #012174;
  font-weight: 600;
}

.rank-promo-row .rank-promo-button-section {
  text-align: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.rank-promo-row .rank-promo-button-section .rank-promo-button {
  text-align: center;
  margin: 5px;
  padding: 0;
}

.rank-promo-row .rank-promo-button-section .rank-promo-button-text {
  margin: -10px;
  color: #20a3dd;
}

.rank-promo-row .rank-promo-button-section .rank-promo-button-text a {
  font-size: 12px;
}

.rank-promo-row .rank-promo-button-section button {
  font-size: 11px;
  margin: auto;
  width: 100%;
  max-width: 175px;
}

.rank-promo-row .rank-promo-mobile-button {
  text-align: center;
  font-size: 20px;
}

@media (max-width: 639px) {
  .rank-promo-row {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .rank-promo-row a.rank-promo-details-text {
    font-size: 12px;
  }
  .rank-promo-row .rank-promo-button-section {
    padding: 0;
    margin-left: -10px;
    margin-right: 0;
  }
  .rank-promo-row .rank-promo-logo,
  .rank-promo-row .rank-promo-button-section {
    border: none;
  }
}

@media (min-width: 640px) and (max-width: 860px) {
  .rank-promo-row .rank-promo-logo .rank-promo-logo-section a > img {
    width: 76px;
    height: 35px;
  }
}

@media (min-width: 639px) and (max-width: 920px) {
  .rank-promo-row .rank-promo-button-text {
    padding: 5px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-grey-insurer.scss
 *-----------------------------------------------------------*/
.rank-pzu-promo-bar .rank-offer-bar-details-items {
  min-height: 100px;
}

.rank-pzu-promo-bar .rank-offer-bar-logo span, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-grey-logo span, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-grey-logo span, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-color-logo span, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-color-logo span, .rank-pzu-promo-bar .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos span, .rank-offer-fill-personal-data .rank-pzu-promo-bar .rank-offer-fill-personal-data-logos span {
  margin: 4px 7px;
  background: transparent;
  padding: 0;
  font-weight: inherit;
  top: inherit;
  bottom: 0;
  color: #20a3dd;
}

.rank-pzu-promo-bar .rank-offer-bar-logo .rank-offer-bar-logo-section, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-grey-logo .rank-offer-bar-logo-section, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-grey-logo .rank-offer-bar-logo-section, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-color-logo .rank-offer-bar-logo-section, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-color-logo .rank-offer-bar-logo-section, .rank-pzu-promo-bar .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos .rank-offer-bar-logo-section, .rank-offer-fill-personal-data .rank-pzu-promo-bar .rank-offer-fill-personal-data-logos .rank-offer-bar-logo-section {
  padding-top: 15px;
}

.rank-pzu-promo-bar .rank-offer-bar-logo .rank-ad-promo, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-grey-logo .rank-ad-promo, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-grey-logo .rank-ad-promo, .rank-pzu-promo-bar .rank-offer-bar-grey .rank-offer-color-logo .rank-ad-promo, .rank-offer-bar-grey .rank-pzu-promo-bar .rank-offer-color-logo .rank-ad-promo, .rank-pzu-promo-bar .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos .rank-ad-promo, .rank-offer-fill-personal-data .rank-pzu-promo-bar .rank-offer-fill-personal-data-logos .rank-ad-promo {
  left: 5px;
  bottom: 5px;
  position: absolute;
  color: #20a3dd;
  font-size: 11px;
}

.rank-pzu-promo-bar .rank-bar-button {
  -webkit-box-flex: 3%;
  -webkit-flex: 3%;
  -moz-box-flex: 3%;
  -moz-flex: 3%;
  -ms-flex: 3%;
  flex: 3%;
}

.rank-pzu-promo-bar .rank-bar-button a {
  font-size: 11px;
  width: 100%;
}

@media (max-width: 639px) {
  .rank-pzu-promo-bar .rank-bar-button {
    text-align: center !important;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-fill-personal-data.scss
 *-----------------------------------------------------------*/
.rank-offer-fill-personal-data {
  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: 65px;
}

.rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos {
  border: none;
  padding-top: 16px;
  padding-bottom: 16px;
}

.rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos img {
  width: 80px;
  margin-right: 30px;
}

.rank-offer-fill-personal-data .rank-offer-fill-personal-data-button {
  padding-left: 0;
}

.rank-offer-fill-personal-data .rank-offer-fill-personal-data-button button {
  font-size: 11px !important;
  width: 100%;
  position: relative;
}

@media (max-width: 1200px) {
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-button button {
    right: 5px;
  }
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos img {
    margin-right: 20px;
  }
}

@media (max-width: 1020px) {
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos img {
    width: 70px;
    margin: 5px;
  }
}

@media (max-width: 840px) {
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos img {
    width: 60px;
    margin: auto;
  }
}

@media (max-width: 639px) {
  .rank-offer-fill-personal-data {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
  }
  .rank-offer-fill-personal-data > div {
    margin-bottom: 10px;
  }
  .rank-offer-fill-personal-data > div:first-of-type {
    margin-top: 10px;
  }
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-logos img {
    width: 90px;
  }
  .rank-offer-fill-personal-data .rank-offer-fill-personal-data-button button {
    right: auto;
    left: auto;
    width: 200px;
    padding-left: 10px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-filter-sort.scss
 *-----------------------------------------------------------*/
.rank-filter-sort button {
  position: relative;
  padding: 10px 5px;
}

.rank-filter-sort button i {
  position: absolute;
  left: 13px;
  top: 28%;
  color: #20a3dd;
  font-size: 14px;
}

.rank-filter-sort .rank-button-white-filter-box button {
  max-width: 170px;
  padding-left: 20px;
  line-height: 1.2;
}

.rank-filter-sort-box {
  background: #20a3dd;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-height: 75px;
  height: 100%;
}

.rank-filter-sort-box > div {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1;
  position: relative;
}

.rank-filter-sort-box > div:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.rank-filter-sort-box > div:nth-last-child(2) {
  border-right: none;
}

.rank-filter-sort-box .rank-filter-items .rank-filter-items-header, .rank-filter-sort-box .rank-filter-items .rank-filter-items-list > div {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.rank-filter-sort-box .rank-filter-items .rank-filter-items-list > div, .rank-filter-sort-box .rank-filter-insurer, .rank-filter-sort-box .rank-filter-cost {
  position: relative;
  padding-right: 25px;
  padding-left: 5px;
}

.rank-filter-sort-box .rank-filter-items .rank-filter-items-list > div:hover, .rank-filter-sort-box .rank-filter-insurer:hover, .rank-filter-sort-box .rank-filter-cost:hover {
  cursor: pointer;
}

.rank-filter-sort-box .rank-filter-items {
  display: flex;
  flex-flow: column !important;
  font-size: 12px;
}

.rank-filter-sort-box .rank-filter-items .rank-filter-items-list {
  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;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.rank-filter-sort-box .rank-filter-items .rank-filter-items-list > div:not(:last-of-type), .rank-filter-sort-box .rank-filter-items .rank-filter-items-list > div:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.rank-filter-sort-box .rank-filter-hack-items {
  display: flex;
}

.rank-filter-sort-box .rank-filter-hack-items > .rank-filter-items {
  flex: 1;
  height: 100%;
}

.rank-filter-sort-box .rank-filter-hack-items > .rank-filter-items:first-of-type {
  flex-basis: calc(100% / 5);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.rank-filter-sort-box .rank-filter-insurer {
  padding-bottom: 25px;
  padding-top: 25px;
}

.rank-filter-sort-box .rank-filter-cost .rank-sort, .rank-filter-sort-box .rank-filter-cost .rank-sort-empty {
  right: 30px;
}

.rank-filter-sort-box .rank-filter-button {
  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;
  padding-left: 0;
}

.rank-filter-sort-box .rank-filter-button .button {
  padding-left: 0;
  padding-right: 0;
  max-width: 160px;
  width: 100%;
  font-size: 11px;
  letter-spacing: 0;
}

.rank-filter-sort-box .rank-sort, .rank-filter-sort-box .rank-sort-empty {
  position: absolute;
  right: 10px;
  font-size: 18px;
  color: #78c6e9;
}

.rank-filter-sort-box .rank-sort:hover, .rank-filter-sort-box .rank-sort-empty:hover {
  cursor: pointer;
}

.rank-filter-sort-box .rank-sort.fa-sort-desc {
  margin-top: -4px;
}

.rank-filter-sort-box .rank-sort.fa-sort-asc {
  margin-top: 4px;
}

.rank-filter-sort-box .rank-sort.fa-sort-desc, .rank-filter-sort-box .rank-sort.fa-sort-asc {
  color: #fff;
}

.rank-filter-sort-box .rank-sort-empty.fa-sort-desc {
  margin-top: -4px;
}

.rank-filter-open {
  z-index: 1000;
}

.rank-filter-sort-dialog {
  background: #000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
}

.rank-filter-buttons-section {
  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-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 15px 0;
}

.rank-filter-buttons-section > button {
  position: relative;
  padding: 11px 39px 11px 18px;
  font-size: 12px;
  font-weight: 600;
  text-transform: inherit;
  color: #555555 !important;
  letter-spacing: -0.01em;
  margin-right: 15px;
  -webkit-box-shadow: none !important;
  -khtml-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.rank-filter-buttons-section > button:before {
  content: "×";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  font-size: 35px;
  font-weight: 400;
  color: #20a3dd;
}

.rank-filter-mobile {
  position: relative;
  color: #20a3dd;
  background: white;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 15px;
  margin-right: 15px;
  z-index: 1000 !important;
}

.rank-filter-mobile: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;
  left: 70px;
}

.rank-filter-mobile > div {
  padding: 15px;
}

.rank-filter-mobile > div:not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}

.rank-filter-footer, .rank-filter-modal .rank-filter-modal-footer {
  text-align: center;
  border-top: 1px solid #e4e4e4;
  padding: 25px;
  background: #F3F4F2;
}

.rank-filter-footer button, .rank-filter-modal .rank-filter-modal-footer button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 200px;
  margin-left: 5px;
  margin-right: 5px;
}

.rank-filter-footer button.white, .rank-filter-modal .rank-filter-modal-footer button.white {
  box-shadow: none !important;
}

.rank-filter-footer button.primary, .rank-filter-modal .rank-filter-modal-footer button.primary {
  max-width: 150px;
  width: 100%;
}

@media (max-width: 1023px) {
  .rank-button-white-filter-box {
    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;
    text-align: center;
    margin-bottom: 20px;
  }
  .rank-button-white-filter-box button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 200px;
    width: 100%;
    z-index: 1000 !important;
  }
  .rank-filter-checkbox {
    color: #3a3a3a;
  }
  .rank-filter-sort-box,
  .rank-button-filter-box {
    display: none;
  }
}

@media (min-width: 1024px) {
  .rank-button-filter-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .rank-button-white-filter-box {
    display: none;
  }
}

@media (max-width: 639px) {
  .rank-filter-sort button {
    font-size: 9px !important;
  }
  .rank-filter-sort button:first-of-type {
    margin-right: 5px;
  }
  .rank-filter-sort button i {
    bottom: 0;
  }
  .rank-filter-buttons-section {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .rank-filter-buttons-section > button {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-filter-sticky.scss
 *-----------------------------------------------------------*/
@media (min-width: 1024px) {
  .rank-offer-filter-sticky {
    position: fixed;
    z-index: 1020;
    top: 65px;
    left: 0;
    right: 0;
    background: #20a3dd;
  }
  .rank-offer-filter-sticky .rank-filter-sort-box {
    max-width: 75rem;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .rank-offer-filter-sticky .rank-filter-modal {
    max-width: 75rem;
    margin: 0 auto;
  }
  .rank-offer-filter-sticky .rank-sm-tooltip {
    display: none;
  }
}

#line-travel .rank-filter-sort-box {
  min-height: 65px;
}

#line-travel .rank-filter-sort-box > div {
  padding: 15px 5px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-filter-modal.scss
 *-----------------------------------------------------------*/
.rank-filter-modal {
  background-color: #ffffff;
  margin-bottom: 10px;
  max-width: 1170px;
  position: absolute;
  z-index: 999;
  right: 15px;
  left: 15px;
  -webkit-box-shadow: 0 0 14px -3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 0 14px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 14px -3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 14px -3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 14px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 14px -3px rgba(0, 0, 0, 0.2);
}

.rank-filter-modal: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: 90px;
}

.rank-filter-modal .rank-filter-modal-label {
  text-align: left;
  color: #012174;
  margin-bottom: 20px;
  font-weight: 600;
}

.rank-filter-modal .rank-filter-modal-slider,
.rank-filter-modal .rank-filter-modal-checkbox,
.rank-filter-modal .rank-filter-modal-switcher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px 0;
}

.rank-filter-modal .rank-filter-modal-slider {
  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-filter-modal .rank-filter-modal-slider .rank-slider {
  margin-top: 20px;
}

.rank-filter-modal .rank-filter-modal-checkbox {
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 10px 45px 0;
}

.rank-filter-modal .rank-filter-modal-checkbox .rank-filter-modal-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-filter-modal .rank-filter-modal-checkbox .rank-filter-modal-items > div:not(:last-of-type) {
  margin-right: 30px;
  margin-bottom: 8px;
}

.rank-filter-modal .rank-filter-modal-checkbox .rank-filter-modal-items .rank-filter-checkbox {
  font-size: 13px;
}

.rank-filter-modal .rank-filter-modal-footer {
  margin-top: 30px;
}

.rank-filter-modal .rank-filter-modal-footer button i {
  position: initial;
}

@media (max-width: 1023px) {
  .rank-filter-modal .rank-filter-modal-slider,
  .rank-filter-modal .rank-filter-modal-switcher {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .rank-filter-modal .rank-filter-modal-slider .column,
  .rank-filter-modal .rank-filter-modal-switcher .column {
    width: 100%;
  }
  .rank-filter-modal .rank-filter-modal-slider .rank-slider,
  .rank-filter-modal .rank-filter-modal-switcher .rank-slider {
    margin-top: 10px;
  }
  .rank-filter-modal .rank-filter-modal-checkbox {
    padding: 0 20px 20px;
  }
  .rank-filter-modal .rank-filter-modal-checkbox .rank-filter-modal-items {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .rank-filter-modal .rank-filter-modal-label {
    margin-bottom: 15px;
  }
}

@media (max-width: 639px) {
  .rank-filter-modal .rank-filter-modal-slider {
    padding: 25px 10px 5px 6px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-header.scss
 *-----------------------------------------------------------*/
.rank-offer-header {
  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;
  color: #012174;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.rank-offer-header h1 {
  font-size: 21px;
  font-weight: 600;
}

.rank-offer-header .rank-offer-header-label {
  color: #555555;
  font-size: 15px;
  font-weight: 400;
}

.rank-offer-header .rank-offer-header-label sticky-contact {
  display: inline-block;
}

.rank-offer-header .rank-scroll-to-offer {
  margin-top: 10px;
}

@media (max-width: 1023px) {
  .rank-offer-header .rank-offer-header-label {
    font-size: inherit;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-details-modal.scss
 *-----------------------------------------------------------*/
.rank-offer-details-modal .rank-details-top {
  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;
  padding: 20px;
  background-color: #FFFFFF;
}

.rank-offer-details-modal .rank-logo-details {
  max-width: 90%;
  margin: 0 auto;
  padding: 10px;
}

.rank-offer-details-modal .rank-modal-title {
  color: #0a0a0a;
  font-size: 13px;
  font-weight: 400;
  padding: 15px 10px 15px 25px;
}

.rank-offer-details-modal .rank-offer-details-price {
  color: #012174;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}

.rank-offer-details-modal .rank-offer-details-price sub {
  bottom: 0;
  font-size: 60%;
}

.rank-offer-details-modal .rank-offer-details-price .label-modal-installment {
  color: #555555;
  font-size: 13px;
  font-weight: 400;
}

.rank-offer-details-modal .offer-details-modal-body {
  display: flex;
  background-color: #f3f3f3;
  padding: 25px;
}

.rank-offer-details-modal .offer-details-modal-body .offer-details-right {
  padding: 0 0 0 45px;
  flex: 0 0 33%;
}

.rank-offer-details-modal .rank-offer-details-label-price {
  color: #012174;
  font-size: 13px;
  font-weight: 700;
}

.rank-offer-details-modal .rank-offer-details-label-price sub {
  bottom: 0;
  font-size: 60%;
}

.rank-offer-details-modal .rank-offer-details-label-name {
  font-weight: 600;
}

.rank-offer-details-modal .rank-details-item .rank-details-item-title {
  color: #012174;
  font-weight: 600;
  padding: 10px 0 5px;
  font-size: 14px;
}

.rank-offer-details-modal .rank-details-item .rank-details-item-child {
  color: #555555;
  padding: 10px 0;
  font-weight: 600;
}

.rank-offer-details-modal .rank-details-item .rank-details-item-child > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

.rank-offer-details-modal .rank-details-item .rank-details-item-child > div > div:last-of-type {
  color: #0a0a0a;
  font-weight: bold;
}

.rank-offer-details-modal .rank-details-buttons {
  text-align: center;
  padding-top: 20px;
}

.rank-offer-details-modal .rank-details-buttons .button {
  display: block;
  margin: 0 auto 5px;
}

.rank-offer-details-modal offer-buttons .button {
  margin-bottom: 5px;
  font-size: 11px;
}

.rank-offer-details-modal .rank-send-email {
  margin-top: 10px;
  color: #20a3dd;
}

.rank-offer-details-modal .rank-icon-success:before,
.rank-offer-details-modal .rank-icon-loss:before {
  margin: initial;
}

.rank-offer-details-modal product-definition-node-value {
  padding: 8px 16px;
}

.rank-offer-details-modal .button {
  max-width: 250px;
  width: 100%;
}

@media (max-width: 768px) {
  .rank-offer-details-modal .offer-details-modal-body {
    flex-flow: column;
    padding: 15px 0 0;
  }
  .rank-offer-details-modal .offer-details-modal-body .offer-details-right {
    flex: 0 0 auto;
    padding: 15px;
  }
  .rank-offer-details-modal .offer-details-modal-body .offer-details-right .rank-details-item {
    display: none;
  }
}

@media (max-width: 639px) {
  .rank-offer-details-modal .rank-details-top {
    padding: 10px;
  }
  .rank-offer-details-modal .rank-logo-details {
    padding: 0;
    max-height: 90%;
  }
  .rank-offer-details-modal .offer-details-modal-body {
    padding: 0;
  }
  .rank-offer-details-modal .rank-modal-button-send {
    margin-top: 10px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-comapre-modal.scss
 *-----------------------------------------------------------*/
.rank-offer-compare-modal .rank-modal-body {
  background-color: #f3f3f3;
  padding-bottom: 0;
}

.rank-offer-compare-modal offer-buttons .button {
  margin-bottom: 5px !important;
}

.rank-offer-compare-modal .product-row-information {
  padding: 10px 25px 10px 35px;
  border: none;
}

.rank-offer-compare-modal .rank-covers-information {
  padding: 0;
  border: none;
}

.rank-offer-compare-modal .rank-offer-compare-price {
  color: #012174;
  font-size: 26px;
  font-weight: 700;
}

.rank-offer-compare-modal .rank-offer-compare-price sub {
  bottom: 0;
  font-size: 60%;
}

.rank-offer-compare-modal .rank-modal-range {
  font-weight: 400;
  padding: 15px 10px 15px 25px;
}

.rank-offer-compare-modal .rank-modal-button-send {
  text-align: center;
  background: #f3f3f3 !important;
}

.rank-offer-compare-modal .rank-modal-alerts {
  margin-top: 10px;
}

.rank-offer-compare-modal .rank-modal-footer .button {
  max-width: 250px;
  width: 100%;
}

.rank-offer-compare-modal .rankCompareSuccess {
  background-color: #e1f8f0;
}

.rank-offer-compare-modal .rank-compare-success {
  background-color: #c1e2b3;
}

.rank-offer-compare-modal .rank-compare-fail {
  background-color: #e4b9b9;
}

.rank-offer-compare-modal .rank-comments {
  font-weight: 400;
  color: #3a3a3a;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : sticky-contact-panel.scss
 *-----------------------------------------------------------*/
.rank-sticky-contact-panel {
  background-color: #9e9e9e;
  max-width: 370px;
  width: 100%;
  color: #ffffff;
  margin: auto;
  padding: 15px 30px;
  z-index: 100;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rank-sticky-contact-panel:hover {
  cursor: pointer;
}

.rank-sticky-contact-panel .rank-sticky-contact-panel-header {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
}

.rank-sticky-contact-panel .rank-sticky-contact-panel-header i {
  position: absolute;
  font-size: 23px;
  line-height: 1;
  text-align: center;
  right: -10px;
}

.rank-sticky-contact-panel-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

.rank-sticky-contact-panel-display {
  display: none;
}

.rank-sticky-contact-link {
  display: inline-block;
}

@media (max-width: 390px) {
  .rank-sticky-contact-modal {
    margin: auto;
    width: inherit;
  }
}

/*-----------------------------------------------------------
 *  DOCUMENT    : inforip.less
 *-----------------------------------------------------------*/
.rank-sm-tooltip,
.rank-sm-tooltip-pos {
  position: relative;
}

.rank-sm-tooltip {
  display: block;
}

.rank-sm-tooltip .st-content {
  position: absolute;
  bottom: 45px;
  border: 1px solid #cacaca;
  background-color: #f5f5f5;
  padding: 6px 5px;
  color: #333;
  font-size: 11px;
  line-height: 1em;
  text-align: center;
  min-width: 100%;
  z-index: 100;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.rank-sm-tooltip .st-content:before, .rank-sm-tooltip .st-content:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
}

.rank-sm-tooltip .st-content:before {
  margin-left: 9px;
  border-top: 7px solid rgba(109, 109, 109, 0.51);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.rank-sm-tooltip .st-content:after {
  margin-left: 8px;
  border-top: 6px solid #f5f5f5;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.affix .rank-sm-tooltip .st-content {
  bottom: inherit;
  top: 4px;
}

.affix .rank-sm-tooltip .st-content:before, .affix .rank-sm-tooltip .st-content:after {
  transform: rotate(180deg);
  top: auto;
  bottom: 100%;
}

.rank-tooltip-core {
  background: #012174;
  border-radius: 3px;
  bottom: 26px;
  color: #d4d7e8;
  padding: 7px 10px;
  font-size: 10px;
  line-height: 1.2;
  text-decoration: none;
  text-align: left;
  transform: translateX(-50%);
  position: absolute;
  width: 205px;
  left: 50%;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.rank-tooltip-core:hover {
  cursor: pointer;
}

.rank-tooltip-core:before {
  position: absolute;
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-top: 0.75em solid #012174;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  bottom: -9px;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-init-modal.scss
 *-----------------------------------------------------------*/
.offer-init-modal {
  text-align: center;
}

.offer-init-modal .offer-init-modal-title {
  padding: 30px 60px;
}

.offer-init-modal .offer-init-modal-title span {
  font-weight: 700;
  display: inline-block;
  padding-bottom: 10px;
}

.offer-init-modal .offer-init-modal-title h3 {
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 21px;
  margin: 0;
  color: #012174;
}

.offer-init-modal .offer-init-modal-text, .offer-init-modal .offer-init-modal-complete {
  padding: 0 60px;
  font-size: 18px;
  font-weight: 600;
  color: #012174;
  line-height: 1;
}

.offer-init-modal .offer-init-modal-complete {
  padding-top: 20px;
}

.offer-init-modal .offer-purchase-method-confirm {
  margin-bottom: 15px;
}

.offer-init-modal .offer-init-modal-progress-bar {
  padding: 35px 60px;
}

.offer-init-modal .offer-init-modal-progress-bar progress {
  margin-bottom: 0;
}

.offer-init-modal .offer-init-modal-button button {
  margin: 0 auto 20px;
}

.offer-init-modal .offer-init-modal-info {
  margin: 0 20px;
}

.offer-init-modal .rank-pics-group {
  text-align: center;
  background-color: #f3f3f3;
  padding: 25px;
  margin-top: 30px;
}

.offer-init-modal .rank-pics-group .rank-pics .pics-icon {
  font-size: 38px;
}

@media (max-width: 639px) {
  .offer-init-modal .offer-init-modal-title h3 {
    font-size: 17px;
    padding: 5px 0 0;
  }
  .offer-init-modal .offer-init-modal-text, .offer-init-modal .offer-init-modal-complete {
    font-size: 16px;
    padding: 15px 30px 20px;
    line-height: 1.4rem;
  }
  .offer-init-modal .offer-init-modal-progress-bar {
    padding: 20px 30px;
  }
  .offer-init-modal .offer-init-modal-complete {
    padding-bottom: 0;
  }
}

@media (max-width: 425px) {
  .rank-pics-group {
    padding: 10px 25px;
  }
  .rank-pics-group .rank-pics {
    width: 80px;
    min-height: 87px;
  }
  .rank-pics-group .rank-pics .pics-icon {
    font-size: 20px;
  }
}

@media (max-width: 340px) {
  .offer-init-modal .offer-init-modal-text, .offer-init-modal .offer-init-modal-complete {
    padding: 0;
  }
  .offer-init-modal .rank-pics-group .row {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .offer-init-modal .rank-pics-group .row .rank-pics {
    width: 100px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-buttons.scss
 *-----------------------------------------------------------*/
offer-buttons button.button {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 11px !important;
}

offer-buttons .rank-offer-buttons-agent {
  display: flex;
  flex-wrap: wrap;
}

offer-buttons .rank-offer-buttons-agent button.button {
  width: 48%;
  margin: 3px 1%;
  font-size: 8px !important;
}

@media (min-width: 640px) and (max-width: 800px) {
  offer-buttons button.button.secondary,
  offer-buttons button.button.medium,
  offer-buttons button.button.success,
  offer-buttons a.button.secondary {
    font-size: 9px !important;
  }
}

@media (max-width: 639px) {
  offer-buttons button {
    display: block !important;
    margin: auto;
  }
}

.rank-offer-bar-buy {
  position: relative;
}

.type_one_screen .rank-offer-bar .rank-bar-button, .type_one_screen .rank-offer-bar-grey .rank-bar-button, .type_one_screen .rank-pzu-promo-bar .rank-bar-button, .type_one_screen .rank-offer-fill-personal-data .rank-bar-button {
  text-align: right;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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] {
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
}

.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: 10px;
}

.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: 11px;
  font-weight: 600;
  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: 10px;
  font-size: 11px;
  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: #f4f4f4;
  border: 1px solid #ddd;
  padding-right: 20px;
  height: 22px;
  overflow: hidden;
  position: relative;
  direction: ltr;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -khtml-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);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.slider-core .slider-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}

.slider-core .slider-base .slider-connects {
  position: relative;
  left: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.slider-core .slider-base .slider-connects .slider-connect {
  background: #20a3dd;
}

.slider-core .slider-base .slider-origin .slider-handle {
  background: #fff;
  box-shadow: none;
  opacity: 1 !important;
  width: 20px;
  height: 20px;
  cursor: pointer;
  right: -20px;
  left: auto;
  border: 3px solid #20a3dd;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

.slider-core .slider-base .slider-origin, .slider-core .slider-base .slider-connect {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-email-modal.scss
 *-----------------------------------------------------------*/
.rank-offer-email-modal .rank-alert.info {
  margin-top: 0;
  color: #012174;
  background-color: #d9e9f1;
}

.rank-offer-email-modal .rank-checkbox-small input[type="checkbox"] + label > span {
  font-weight: 400;
}

@media (max-width: 639px) {
  .rank-offer-email-modal .rank-question .rank-question-area {
    padding-top: 0;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-installments-modal.scss
 *-----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-callback-modal.scss
 *-----------------------------------------------------------*/
.rank-offer-callback-modal .rank-modal-details, .agent-data-transfer-modal .rank-modal-details, .offer-policy-renewal-modal .rank-modal-details {
  padding: 15px;
}

.rank-offer-callback-modal .rank-modal-details .rank-modal-details-item, .agent-data-transfer-modal .rank-modal-details .rank-modal-details-item, .offer-policy-renewal-modal .rank-modal-details .rank-modal-details-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rank-offer-callback-modal .rank-modal-details .rank-modal-details-item > div, .agent-data-transfer-modal .rank-modal-details .rank-modal-details-item > div, .offer-policy-renewal-modal .rank-modal-details .rank-modal-details-item > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rank-offer-callback-modal .rank-modal-details .rank-modal-details-item p, .agent-data-transfer-modal .rank-modal-details .rank-modal-details-item p, .offer-policy-renewal-modal .rank-modal-details .rank-modal-details-item p {
  margin-bottom: 0;
}

.rank-offer-callback-modal .rank-modal-details .rank-checkbox input[type="checkbox"] + label > span, .agent-data-transfer-modal .rank-modal-details .rank-checkbox input[type="checkbox"] + label > span, .offer-policy-renewal-modal .rank-modal-details .rank-checkbox input[type="checkbox"] + label > span, .rank-offer-callback-modal .rank-modal-details .rank-inputs input[type="checkbox"] + label > span, .agent-data-transfer-modal .rank-modal-details .rank-inputs input[type="checkbox"] + label > span, .offer-policy-renewal-modal .rank-modal-details .rank-inputs input[type="checkbox"] + label > span,
.rank-offer-callback-modal .rank-modal-details .rank-inputs input[type="checkbox"] + label > span,
.agent-data-transfer-modal .rank-modal-details .rank-inputs input[type="checkbox"] + label > span,
.offer-policy-renewal-modal .rank-modal-details .rank-inputs input[type="checkbox"] + label > span,
.rank-offer-callback-modal .rank-modal-details .rank-checkbox-small input[type="checkbox"] + label > span,
.agent-data-transfer-modal .rank-modal-details .rank-checkbox-small input[type="checkbox"] + label > span,
.offer-policy-renewal-modal .rank-modal-details .rank-checkbox-small input[type="checkbox"] + label > span {
  font-weight: 400;
}

.rank-offer-callback-modal .rank-modal-details .rank-checkbox-small.check-all-checkbox, .agent-data-transfer-modal .rank-modal-details .rank-checkbox-small.check-all-checkbox, .offer-policy-renewal-modal .rank-modal-details .rank-checkbox-small.check-all-checkbox {
  margin-bottom: 6px;
}

.rank-offer-callback-modal .rank-modal-details .rank-checkbox-small.check-all-checkbox label > span, .agent-data-transfer-modal .rank-modal-details .rank-checkbox-small.check-all-checkbox label > span, .offer-policy-renewal-modal .rank-modal-details .rank-checkbox-small.check-all-checkbox label > span {
  font-weight: 600 !important;
}

.rank-offer-callback-modal .rank-modal-details h3, .agent-data-transfer-modal .rank-modal-details h3, .offer-policy-renewal-modal .rank-modal-details h3 {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 21px;
  color: #012174;
}

.rank-offer-callback-modal .rank-modal-details .rank-scope p, .agent-data-transfer-modal .rank-modal-details .rank-scope p, .offer-policy-renewal-modal .rank-modal-details .rank-scope p {
  color: #012174;
  font-size: 18px;
  font-weight: 700;
  margin-right: 15px;
}

.rank-offer-callback-modal .rank-modal-details .rank-price p, .agent-data-transfer-modal .rank-modal-details .rank-price p, .offer-policy-renewal-modal .rank-modal-details .rank-price p {
  color: #012174;
  font-size: 18px;
  font-weight: 700;
}

.rank-offer-callback-modal .rank-modal-details .rank-price p sub, .agent-data-transfer-modal .rank-modal-details .rank-price p sub, .offer-policy-renewal-modal .rank-modal-details .rank-price p sub {
  bottom: 0;
  font-size: 60%;
}

.rank-offer-callback-modal .rank-modal-details .rank-question .rank-question-label, .agent-data-transfer-modal .rank-modal-details .rank-question .rank-question-label, .offer-policy-renewal-modal .rank-modal-details .rank-question .rank-question-label,
.rank-offer-callback-modal .rank-modal-details .rank-question .rank-question-area,
.agent-data-transfer-modal .rank-modal-details .rank-question .rank-question-area,
.offer-policy-renewal-modal .rank-modal-details .rank-question .rank-question-area,
.rank-offer-callback-modal .rank-modal-details .rank-question .rank-question-tooltip,
.agent-data-transfer-modal .rank-modal-details .rank-question .rank-question-tooltip,
.offer-policy-renewal-modal .rank-modal-details .rank-question .rank-question-tooltip {
  padding-bottom: 0px;
}

.rank-offer-callback-modal .rank-modal-body, .agent-data-transfer-modal .rank-modal-body, .offer-policy-renewal-modal .rank-modal-body {
  background-color: #f3f3f3;
  padding: 25px;
}

.rank-offer-callback-modal .rank-modal-body .rank-question .rank-question-label, .agent-data-transfer-modal .rank-modal-body .rank-question .rank-question-label, .offer-policy-renewal-modal .rank-modal-body .rank-question .rank-question-label,
.rank-offer-callback-modal .rank-modal-body .rank-question .rank-question-area,
.agent-data-transfer-modal .rank-modal-body .rank-question .rank-question-area,
.offer-policy-renewal-modal .rank-modal-body .rank-question .rank-question-area,
.rank-offer-callback-modal .rank-modal-body .rank-question .rank-question-tooltip,
.agent-data-transfer-modal .rank-modal-body .rank-question .rank-question-tooltip,
.offer-policy-renewal-modal .rank-modal-body .rank-question .rank-question-tooltip, .rank-offer-callback-modal .rank-modal-details .rank-question .rank-question-label, .agent-data-transfer-modal .rank-modal-details .rank-question .rank-question-label, .offer-policy-renewal-modal .rank-modal-details .rank-question .rank-question-label,
.rank-offer-callback-modal .rank-modal-details .rank-question .rank-question-area,
.agent-data-transfer-modal .rank-modal-details .rank-question .rank-question-area,
.offer-policy-renewal-modal .rank-modal-details .rank-question .rank-question-area,
.rank-offer-callback-modal .rank-modal-details .rank-question .rank-question-tooltip,
.agent-data-transfer-modal .rank-modal-details .rank-question .rank-question-tooltip,
.offer-policy-renewal-modal .rank-modal-details .rank-question .rank-question-tooltip {
  padding: 15px 0.6rem 0;
}

.rank-offer-callback-modal .rank-modal-body .rank-checkbox-small:not(:first-of-type), .agent-data-transfer-modal .rank-modal-body .rank-checkbox-small:not(:first-of-type), .offer-policy-renewal-modal .rank-modal-body .rank-checkbox-small:not(:first-of-type), .rank-offer-callback-modal .rank-modal-details .rank-checkbox-small:not(:first-of-type), .agent-data-transfer-modal .rank-modal-details .rank-checkbox-small:not(:first-of-type), .offer-policy-renewal-modal .rank-modal-details .rank-checkbox-small:not(:first-of-type) {
  margin-top: 10px;
}

.rank-offer-callback-modal .rank-modal-body .allowances-list-scroll, .agent-data-transfer-modal .rank-modal-body .allowances-list-scroll, .offer-policy-renewal-modal .rank-modal-body .allowances-list-scroll, .rank-offer-callback-modal .rank-modal-details .allowances-list-scroll, .agent-data-transfer-modal .rank-modal-details .allowances-list-scroll, .offer-policy-renewal-modal .rank-modal-details .allowances-list-scroll {
  max-height: 10em;
  overflow-y: scroll;
}

.rank-offer-callback-modal .rank-modal-body-household, .agent-data-transfer-modal .rank-modal-body-household, .offer-policy-renewal-modal .rank-modal-body-household {
  background-color: #fff;
  padding: 25px;
}

.rank-offer-callback-modal .rank-modal-footer-household, .agent-data-transfer-modal .rank-modal-footer-household, .offer-policy-renewal-modal .rank-modal-footer-household {
  text-align: center;
  border-top: 1px solid #e4e4e4;
  padding: 12px 38px 20px 20px;
}

.rank-offer-callback-modal .proceed-callback, .agent-data-transfer-modal .proceed-callback, .offer-policy-renewal-modal .proceed-callback {
  text-align: center;
}

.rank-offer-callback-modal .proceed-callback button, .agent-data-transfer-modal .proceed-callback button, .offer-policy-renewal-modal .proceed-callback button {
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .rank-offer-callback-modal .rank-modal-questions, .agent-data-transfer-modal .rank-modal-questions, .offer-policy-renewal-modal .rank-modal-questions {
    margin: 0 -10px 0 -20px;
  }
}

@media (max-width: 639px) {
  .rank-offer-callback-modal .rank-modal-details .rank-modal-details-item, .agent-data-transfer-modal .rank-modal-details .rank-modal-details-item, .offer-policy-renewal-modal .rank-modal-details .rank-modal-details-item {
    display: block;
  }
  .rank-offer-callback-modal .rank-modal-details .rank-modal-details-item > div, .agent-data-transfer-modal .rank-modal-details .rank-modal-details-item > div, .offer-policy-renewal-modal .rank-modal-details .rank-modal-details-item > div {
    display: inline-flex;
  }
  .rank-offer-callback-modal .rank-modal-details .rank-scope p, .agent-data-transfer-modal .rank-modal-details .rank-scope p, .offer-policy-renewal-modal .rank-modal-details .rank-scope p {
    font-size: 13px;
    margin-left: 5px;
  }
  .rank-offer-callback-modal .rank-modal-details .rank-price p, .agent-data-transfer-modal .rank-modal-details .rank-price p, .offer-policy-renewal-modal .rank-modal-details .rank-price p {
    font-size: 13px;
    margin-left: 5px;
  }
  .rank-offer-callback-modal .rank-modal-controls .button.medium, .agent-data-transfer-modal .rank-modal-controls .button.medium, .offer-policy-renewal-modal .rank-modal-controls .button.medium {
    font-size: 10px;
  }
  .rank-offer-callback-modal callback-allowances, .agent-data-transfer-modal callback-allowances, .offer-policy-renewal-modal callback-allowances {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .rank-offer-callback-modal callback-allowances .rank-checkbox-small, .agent-data-transfer-modal callback-allowances .rank-checkbox-small, .offer-policy-renewal-modal callback-allowances .rank-checkbox-small {
    margin-bottom: 30px;
  }
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : no-offers.scss
 *----------------------------------------------------------*/
.rank-popup-tel {
  margin-top: auto;
  margin-bottom: auto;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : alcohol-clause-modal.scss
 *----------------------------------------------------------*/
.rank-alcohol-clause-modal .rank-modal-section {
  margin: 10px;
  padding: 5px;
  font-size: 13px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : alcohol-clause-modal.scss
 *----------------------------------------------------------*/
.rank-alcohol-clause-modal .rank-modal-section {
  margin: 10px;
  padding: 5px;
  font-size: 13px;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : agent-data-transfer-modal.scss
 *-----------------------------------------------------------*/
/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  DOCUMENT    : offer-policy-renewal-modal.scss
 *-----------------------------------------------------------*/
.rank-hover {
  color: #20a3dd;
  cursor: pointer;
}

.rank-hover:hover {
  text-decoration: underline;
}

/*-----------------------------------------------------------
 *  PROJECT     : rankomat-app
 *  COPYRIGHTS  : Rankomat - kalkulator
 *  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;
}

.rank-checkout-header {
  border-radius: 0 !important;
}

.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-thank-you {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #012174;
}

.rank-checkout-header .rank-card-body .rank-card-title, .rank-checkout-header .rank-app-rating .rank-app-rating-body .rank-card-title, .rank-app-rating .rank-checkout-header .rank-app-rating-body .rank-card-title,
.rank-checkout-header .rank-card-body .rank-card-title-error,
.rank-checkout-header .rank-app-rating .rank-app-rating-body .rank-card-title-error,
.rank-app-rating .rank-checkout-header .rank-app-rating-body .rank-card-title-error {
  font-size: 14px;
}

.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;
}

.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-checkout-insurer-name {
  font-weight: 700;
}

.rank-bank-transfer-title {
  color: #012174;
  font-size: 14px;
  font-weight: 600;
}

.rank-bank-transfer-text-left {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}

.rank-bank-transfer-text-right {
  color: #012174;
  font-size: 13px;
  font-weight: 600;
}

header.rank-section-header.rank-margin-bottom-zero,
ul.rank-margin-top-zero {
  margin-bottom: 0 !important;
}

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

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

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

.allowances_not_checkable {
  font-size: 12px;
  line-height: 1.3;
  padding-left: 25px;
}

.rank-clause-section {
  margin-top: 20px;
  font-size: 12px;
}

.rank-clause-section label {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  padding-left: 25px;
}

.rank-clause-section label > span > span > ol > li,
.rank-clause-section ol > li > ul > li {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
}

.rank-clause-section dl, .rank-clause-section ol, .rank-clause-section ul {
  line-height: 1.3;
}

@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;
  ext-align: center;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -o-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: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.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;
}

.list-allowance {
  font-size: 12px;
  line-height: 1.3;
  margin-left: 25px;
}

.list-allowance li {
  margin-left: 15px;
}

.rank-payments-controls {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

@media (max-width: 1023px) {
  .checkout-screen .rank-form-controls, .checkout-screen .rank-payments-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 {
    width: 100%;
  }
  .rank-checkout .rank-payments-controls .rank-checkout-back-offers {
    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-checkout-payment .rank-payment-logos {
    display: none;
  }
  .rank-checkout-payment .rank-payment-logo-all {
    display: block;
  }
}

/*# sourceMappingURL=app.css.map */