.j-calculator .icons {
  margin-bottom: -10px;
}
.j-calculator .icons .ico-pecul {
  display: block;
  float: left;
  width: 49px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  margin-right: 10px;
  margin-bottom: 10px;
}
.j-calculator .icons .ico-pecul:last-child {
  margin-right: 0;
}
.icons .ico-pecul.ico-pecul--wordpress {
  background-image: url("img/ico-pecul--wordpress.1ea1e2a5e1a4.svg");
}
.icons .ico-pecul.ico-pecul--wordpress-performance {
  background-image: url("img/ico-pecul--wordpress-performance.104fc8e44783.svg");
}
.icons .ico-pecul.ico-pecul--magento {
  background-image: url("img/ico-pecul--magento.3e44b5cef0a7.svg");
}
.icons .ico-pecul.ico-pecul--kubernetes {
  background-image: url("img/ico-pecul--kubernetes.f8c9214b44ad.svg");
}
.icons .ico-pecul.ico-pecul--docker {
  background-image: url("img/ico-pecul--docker.773394b2d443.svg");
}
.icons .ico-pecul.ico-pecul--vip {
  background-image: url("img/ico-pecul--vip.497d33d1b759.svg");
}
.icons .ico-pecul.ico-pecul--multiregion {
  background-image: url("img/ico-pecul--multiregion.cc01b1494810.svg");
}
.icons .ico-pecul.ico-pecul--silver {
  background-image: url("img/ico-pecul--silver.cad178d0479d.svg");
}
.icons .ico-pecul.ico-pecul--gold {
  background-image: url("img/ico-pecul--gold.d82247a6f36b.svg");
}
.icons .ico-pecul.ico-pecul--platinum {
  background-image: url("img/ico-pecul--platinum.df9d80726ab8.svg");
}
.icons .ico-pecul.ico-pecul--cdn {
  background-image: url("img/ico-pecul--cdn.c4cbf7f98d3a.svg");
}
.icons .ico-pecul.ico-pecul--ls {
  background-image: url("img/ico-pecul--litespeed.e7be6cc67dbc.svg");
}
.icons .ico-pecul.ico-pecul--cs {
  background-image: url("img/ico-pecul--cs.49622b6383c5.svg");
}
[data-mode="balancer"] .addui-slider-distance,
[data-mode="balancer"] .addui-slider-range,
[data-mode="balancer"] .addui-slider-range:after {
  background: #e1f6ee;
}
[data-mode="balancer"] .addui-slider-horizontal,
[data-mode="balancer"] .addui-slider-horizontal:before,
[data-mode="balancer"] .addui-slider-start-distance {
  background: #09b475;
}
[data-mode="appserver"] .addui-slider-distance,
[data-mode="appserver"] .addui-slider-range,
[data-mode="appserver"] .addui-slider-range:after {
  background: #dfefff;
}
[data-mode="appserver"] .addui-slider-horizontal,
[data-mode="appserver"] .addui-slider-horizontal:before,
[data-mode="appserver"] .addui-slider-start-distance {
  background: #0087ff;
}
[data-mode="database"] .addui-slider-distance,
[data-mode="database"] .addui-slider-range,
[data-mode="database"] .addui-slider-range:after {
  background: #fef4e0;
}
[data-mode="database"] .addui-slider-horizontal,
[data-mode="database"] .addui-slider-horizontal:before,
[data-mode="database"] .addui-slider-start-distance {
  background: #ffb000;
}
.addui-slider {
  display: block;
}
.addui-slider,
.addui-slider * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.addui-slider:not(.addui-slider-isrange) {
  cursor: pointer;
}
.addui-slider .addui-slider-track {
  display: block;
  position: relative;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 4px;
}
.addui-slider .addui-slider-track .addui-slider-range {
  display: block;
  border-radius: 4px;
  position: absolute;
}
.addui-slider .addui-slider-track .addui-slider-distance {
  position: absolute;
  height: 25px;
  border-radius: 0 15px 15px 0;
  right: -30px;
}
.addui-slider .addui-slider-track .addui-slider-start-distance {
  position: absolute;
  left: -30px;
  height: 25px;
  border-radius: 15px 0 0 15px;
}
.addui-slider .addui-slider-track .addui-slider-start-distance:before {
  width: 90%;
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  background: #fff;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.addui-slider .addui-slider-track .addui-slider-handle {
  display: block;
  width: 44px;
  height: 44px;
  background-image: url("data:img/png;base64,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");
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition:
    background 1s,
    -webkit-box-shadow 1s;
  transition:
    background 1s,
    -webkit-box-shadow 1s;
  -o-transition:
    background 1s,
    box-shadow 1s;
  transition:
    background 1s,
    box-shadow 1s;
  transition:
    background 1s,
    box-shadow 1s,
    -webkit-box-shadow 1s;
  z-index: 1;
}
.addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value {
  display: block;
  width: 44px;
  height: 20px;
  color: #7a8eb8;
  opacity: 0;
  pointer-events: none;
  -webkit-transition:
    opacity 0.3s,
    margin 0.3s;
  -o-transition:
    opacity 0.3s,
    margin 0.3s;
  transition:
    opacity 0.3s,
    margin 0.3s;
  position: absolute;
  z-index: 1;
  font-weight: 400;
  margin-top: 35px;
}
.addui-slider
  .addui-slider-track
  .addui-slider-handle
  .addui-slider-value
  span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  font-size: 12px;
}
.addui-slider
  .addui-slider-track
  .addui-slider-handle.addui-slider-handle-active
  .addui-slider-value,
.addui-slider
  .addui-slider-track
  .addui-slider-handle:focus
  .addui-slider-value,
.addui-slider
  .addui-slider-track
  .addui-slider-handle:hover
  .addui-slider-value {
  opacity: 1;
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-h {
  background-image: url("data:img/png;base64,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");
}
.addui-slider.addui-slider-vertical {
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
  width: 50px;
  margin: 25px 16px;
}
.addui-slider.addui-slider-vertical .addui-slider-track {
  height: 100%;
  width: 4px;
  top: 0;
  left: 23px;
}
.addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-range {
  width: 4px;
  height: auto;
}
.addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle {
  left: -24px;
  top: auto;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.addui-slider.addui-slider-vertical
  .addui-slider-track
  .addui-slider-handle.addui-slider-handle-l {
  z-index: 2;
}
.addui-slider.addui-slider-horizontal {
  height: 25px;
  width: 100%;
  max-width: -webkit-calc(100% - 60px);
  max-width: calc(100% - 60px);
  border-radius: 15px;
  margin: 0 auto;
}
.addui-slider.addui-slider-horizontal .addui-slider-track {
  width: 100%;
  top: 0;
  left: 0;
  height: 25px;
  background: transparent;
}
.addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-range {
  width: auto;
  height: 25px;
  top: 0;
}
.addui-slider.addui-slider-horizontal
  .addui-slider-track
  .addui-slider-range:before {
  position: absolute;
  height: 1px;
  width: -webkit-calc(100% - 44px);
  width: calc(100% - 44px);
  content: "";
  display: block;
  border-bottom: 2px dashed #8b9abc;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 22px;
}
.addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-handle {
  left: auto;
  top: -8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.j-calculator  * {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.j-calculator  body {
  font-family: "Inter", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.j-calculator  body.jelastic-calculator-example {
  padding: 0 15px;
}
.j-calculator {
  margin: -30px auto 40px auto;
  font-size: 26px;
}
.j-calculator,
.j-calculator .j-relative {
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
.j-calculator .appserver-range,
.j-calculator .balancer-range,
.j-calculator .database-range {
  display: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.j-calculator[data-mode="appserver"] .appserver-range,
.j-calculator[data-mode="balancer"] .balancer-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.j-calculator[data-mode="balancer"]
  .calculator-left-top-chooser-left
  input:checked
  + label {
  border-color: #09b475 !important;
}
.j-calculator[data-mode="balancer"] .range-block .tooltip-button.max {
  color: #09b475 !important;
}
.j-calculator[data-mode="balancer"] .range-block .tooltip-wrapper:before {
  border-right-color: #09b475 !important;
}
.j-calculator[data-mode="balancer"]
  .range-block
  .tooltip-wrapper
  .tooltip-inner {
  border-color: #09b475 !important;
}
.j-calculator[data-mode="balancer"] .range-block .inner {
  background: #09b475 !important;
  border-color: #09b475 !important;
}
.j-calculator[data-mode="balancer"] .range-block.max-block .inner {
  background: none !important;
}
.j-calculator[data-mode="balancer"] .range-block .dot-line .dot,
.j-calculator[data-mode="balancer"] .range-block .dot-line .dot .line,
.j-calculator[data-mode="balancer"] .range-block .dot-line .dot .line:before,
.j-calculator[data-mode="balancer"] .range-block .dot-line .dot:before {
  background: #09b475 !important;
}
.j-calculator[data-mode="database"] .database-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.j-calculator[data-mode="database"]
  .calculator-left-top-chooser-left
  input:checked
  + label {
  border-color: #ffb000 !important;
}
.j-calculator[data-mode="database"] .range-block .tooltip-button.max {
  color: #ffb000 !important;
}
.j-calculator[data-mode="database"] .range-block .tooltip-wrapper:before {
  border-right-color: #ffb000 !important;
}
.j-calculator[data-mode="database"]
  .range-block
  .tooltip-wrapper
  .tooltip-inner {
  border-color: #ffb000 !important;
}
.j-calculator[data-mode="database"] .range-block .inner {
  background: #ffb000 !important;
  border-color: #ffb000 !important;
}
.j-calculator[data-mode="database"] .range-block.max-block .inner {
  background: none !important;
}
.j-calculator[data-mode="database"] .range-block .dot-line .dot,
.j-calculator[data-mode="database"] .range-block .dot-line .dot .line,
.j-calculator[data-mode="database"] .range-block .dot-line .dot .line:before,
.j-calculator[data-mode="database"] .range-block .dot-line .dot:before {
  background: #ffb000 !important;
}
.j-calculator .price {
  font-size: 32px;
}
.j-calculator .hoster-selector {
  background: #edf1fe;
}
.j-calculator .hoster-selector p {
  margin-right: 20px;
}
.j-calculator .hoster-selector .selector-wrapper {
  font-size: 28px;
}
.j-calculator .hoster-selector .selector-wrapper,
.j-calculator .hoster-selector .services {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.j-calculator .hoster-selector .services {
  width: 70%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
}
.j-calculator .hoster-selector .hosting-information--bottom,
.j-calculator .hoster-selector .hosting-information--bottom .hoster-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.j-calculator .hoster-selector .hosting-information--bottom .hoster-logo {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 90px;
  width: 30%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  padding-left: 10px;
}
.j-calculator
  .hoster-selector
  .hosting-information--bottom
  .hoster-logo.center {
  width: 30%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.j-calculator .hoster-selector .hosting-information--bottom .hoster-logo img {
  max-width: 250px;
  max-height: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.j-calculator .hoster-selector .hosting-information {
  width: 100%;
}
.j-calculator .hoster-selector .hosting-information .hosting-information--top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
}
.j-calculator
  .hoster-selector
  .hosting-information
  .hosting-information--top:last-child {
  margin-bottom: 0;
}
.j-calculator
  .hoster-selector
  .hosting-information
  .hosting-information--top
  > div {
  width: 33.333367%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  margin: 0 15px;
  position: relative;
}
.j-calculator
  .hoster-selector
  .hosting-information
  .hosting-information--top
  > div:first-child {
  margin-left: 0;
  padding-left: 0;
}
.j-calculator
  .hoster-selector
  .hosting-information
  .hosting-information--top
  > div:last-child {
  margin-right: 0;
  padding-right: 0;
}
.j-calculator
  .hoster-selector
  .hosting-information
  .hosting-information--top
  > div:last-child:after {
  display: none;
}
.j-calculator
  .hoster-selector
  .hosting-information
  .hosting-information--top
  > div:after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #bec8de;
}
.j-calculator .hoster-selector i.ico.ico--new {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Слой 1' width='48' height='19'%3E%3Cpath d='M12 4.68a54.49 54.49 0 0117-3c9 0 19 6 19 6s-3 1-4 2-1 2-7 2-16 4-18 5-7-6-7-8z' fill='%23ffb400'/%3E%3Cpath d='M7.64 17a.32.32 0 01-.19-.06.32.32 0 01-.13-.31l1-5.75L4.1 6.8a.32.32 0 01-.1-.33.32.32 0 01.26-.22l5.83-.84L12.71.18A.32.32 0 0113 0a.32.32 0 01.29.18l2.61 5.23 5.83.84a.32.32 0 01.26.22.32.32 0 01-.08.33l-4.22 4.08 1 5.75a.32.32 0 01-.13.31.32.32 0 01-.34 0L13 14.25 7.79 17a.33.33 0 01-.15 0z' fill='%23ffb200'/%3E%3Cpath d='M5 6.79l3.87 3.74a.32.32 0 01.09.28l-.9 5.29 4.79-2.49a.32.32 0 01.3 0l4.79 2.49-.94-5.29a.32.32 0 01.09-.28L21 6.79 15.64 6a.32.32 0 01-.24-.17L13 1l-2.39 4.85a.32.32 0 01-.24.17z' fill='%23fff'/%3E%3Cpath d='M5.64 18a.32.32 0 01-.19-.06.32.32 0 01-.13-.31l1-5.75L2.1 7.8a.32.32 0 01-.1-.33.32.32 0 01.26-.22l5.84-.84 2.61-5.24A.32.32 0 0111 1a.32.32 0 01.29.18l2.61 5.23 5.83.84a.32.32 0 01.26.22.32.32 0 01-.08.33l-4.22 4.08 1 5.75a.32.32 0 01-.13.31.32.32 0 01-.34 0L11 15.25 5.79 18a.33.33 0 01-.15 0z' fill='%23fc0'/%3E%3Cpath d='M3 7.79l3.87 3.74a.32.32 0 01.09.28l-.9 5.29 4.79-2.49a.32.32 0 01.3 0l4.79 2.49-.94-5.29a.32.32 0 01.09-.28L19 7.79 13.64 7a.32.32 0 01-.24-.17L11 2 8.61 6.85a.32.32 0 01-.25.15z' fill='%23fff'/%3E%3Cpath d='M18 8.47a.32.32 0 00-.26-.22l-5.84-.84-2.61-5.23a.32.32 0 00-.58 0L6.1 7.41l-5.82.84a.32.32 0 00-.28.22.32.32 0 00.1.33l4.22 4.07-1 5.75a.32.32 0 00.47.34L9 16.25 14.21 19a.32.32 0 00.34 0 .32.32 0 00.13-.31l-1-5.75L17.9 8.8a.32.32 0 00.1-.33z' fill='%23fc0'/%3E%3Cpath d='M21.15 11.78L23 5.16l.76-.07.78 3.2a14.83 14.83 0 01.36 2.07c.18-.88.38-1.68.67-2.72l.76-2.77.67-.08-1.82 6.63-.7.06-.77-3.21a15.25 15.25 0 01-.38-2.12c-.19.83-.4 1.63-.7 2.73l-.78 2.83zM30 8l-2.06.19-.65 2.39 2.31-.21-.2.72-3 .27 1.82-6.63L31 4.42l-.2.72-2.19.2-.57 2.09 2.06-.19zM31.19 10.87l.46-6.5.73-.07-.29 3.3c-.07.81-.15 1.62-.23 2.25.27-.67.65-1.47 1.06-2.34l1.63-3.41.74-.1L35 7.34c-.07.77-.14 1.55-.25 2.24.31-.74.66-1.49 1.05-2.33l1.62-3.41.7-.06-3.32 6.76-.72.07.27-3.39c.07-.83.13-1.47.24-2.13-.27.67-.57 1.33-1 2.2l-1.7 3.52z' fill='%23fff'/%3E%3C/svg%3E")
    0 / contain no-repeat;
  display: block;
  width: 100%;
  height: 26px;
}
.j-calculator .hoster-selector i.ico.ico--stars {
  width: 24px;
  height: 23px;
  margin: 0 3px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Слой 1' xmlns='http://www.w3.org/2000/svg' width='24' height='22.87'%3E%3Cpath d='M4.85 22.87a.43.43 0 01-.42-.5l1.33-7.74L.13 9.14a.43.43 0 01.24-.73l7.77-1.13 3.48-7A.43.43 0 0112 0a.43.43 0 01.38.24l3.48 7 7.77 1.13a.43.43 0 01.24.73l-5.62 5.48 1.33 7.74a.43.43 0 01-.62.45l-7-3.65L5 22.82a.43.43 0 01-.15.05zM1.35 9.14l5.16 5a.43.43 0 01.12.38l-1.22 7.1 6.39-3.32a.43.43 0 01.4 0l6.38 3.35-1.22-7.1a.43.43 0 01.12-.38l5.16-5-7.13-1a.43.43 0 01-.32-.23L12 1.4 8.81 7.86a.43.43 0 01-.32.23z' fill='%23c3d0d8'/%3E%3C/svg%3E")
    50% no-repeat;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}
.j-calculator .hoster-selector i.ico.ico--stars.filled {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Слой 1' xmlns='http://www.w3.org/2000/svg' width='24' height='22.87'%3E%3Cpath d='M24 8.7a.43.43 0 00-.35-.29l-7.79-1.13-3.48-7a.43.43 0 00-.77 0l-3.48 7L.37 8.41a.43.43 0 00-.24.73l5.62 5.48-1.32 7.75a.43.43 0 00.17.42.43.43 0 00.45 0l7-3.65 7 3.65a.43.43 0 00.62-.45l-1.33-7.74 5.62-5.48A.43.43 0 0024 8.7z' fill='%23fc0'/%3E%3C/svg%3E")
    50% no-repeat;
}
.j-calculator .hoster-selector i.ico.ico--stars.blue.filled {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Слой 1' xmlns='http://www.w3.org/2000/svg' width='24' height='22.87'%3E%3Cpath d='M24 8.7a.43.43 0 00-.35-.29l-7.79-1.13-3.48-7a.43.43 0 00-.77 0l-3.48 7L.37 8.41a.43.43 0 00-.24.73l5.62 5.48-1.32 7.75a.43.43 0 00.17.42.43.43 0 00.45 0l7-3.65 7 3.65a.43.43 0 00.62-.45l-1.33-7.74 5.62-5.48A.43.43 0 0024 8.7z' fill='%2300acff'/%3E%3C/svg%3E")
    50% no-repeat;
}
.j-calculator .hoster-selector .tooltip {
  position: relative;
}
.j-calculator .hoster-selector .tooltip .tooltiptext {
  visibility: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #00acff;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 14px;
}
.j-calculator .hoster-selector .tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50px;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: #00acff;
}
.j-calculator .hoster-selector .tooltip:focus .tooltiptext,
.j-calculator .hoster-selector .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.j-calculator .custom-select {
  width: 450px;
}
.j-calculator .custom-select .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.j-calculator .custom-select .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 24px;
  color: #000;
  width: 100%;
  height: 60px;
}
.j-calculator .custom-select .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 15px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 132, 245, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 132, 245, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  background: #fff;
}
.j-calculator .custom-select .select-styled:after {
  content: "";
  border: solid #000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px;
  left: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.j-calculator .custom-select .select-styled.active:after,
.j-calculator .custom-select .select-styled:active:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.j-calculator .custom-select .select-options {
  display: none;
  position: absolute;
  top: -webkit-calc(100% - 10px);
  top: calc(100% - 10px);
  right: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  list-style: none;
  max-height: 300px;
  overflow: auto;
  background-color: #fff;
  padding: 0;
  -webkit-box-shadow: 0 15px 30px 0 rgba(0, 132, 245, 0.1);
  box-shadow: 0 15px 30px 0 rgba(0, 132, 245, 0.1);
}
.j-calculator .custom-select .select-options li {
  margin: 0;
  padding: 8px 0;
  text-indent: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.j-calculator .custom-select .select-options li.current-hoster,
.j-calculator .custom-select .select-options li:focus,
.j-calculator .custom-select .select-options li:hover {
  color: #fff;
  background: #00acff;
}
.j-calculator .custom-select .select-options li[rel="hide"] {
  display: none;
}
.j-calculator .custom-select .select-options li .flags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.j-calculator p {
  margin: 0;
}
.j-calculator.loading:after {
  display: none;
}
.j-calculator .calc-block {
  padding: 40px;
  margin-bottom: 30px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.j-calculator .languages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.j-calculator .languages .language {
  width: 100%;
  padding: 0 15px;
}
.j-calculator .languages .language .calc-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  padding: 10px;
  height: 80px;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.j-calculator .languages .language .calc-block img {
  max-height: 95%;
  max-width: 95%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.j-calculator .languages .language .calc-block img[src*="active"] {
  display: none;
}
.j-calculator .languages .language .calc-block:focus img[src*="active"],
.j-calculator .languages .language .calc-block:hover img[src*="active"] {
  display: block;
}
.j-calculator .languages .language .calc-block:focus img[src*="mute"],
.j-calculator .languages .language .calc-block:hover img[src*="mute"],
.j-calculator .languages .language input {
  display: none;
}
.j-calculator .languages .language input:checked ~ img[src*="active"] {
  display: block;
}
.j-calculator .languages .language input:checked ~ img[src*="mute"] {
  display: none;
}
.j-calculator .calculator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}
.j-calculator .calculator .calc-block {
  margin-bottom: 0;
}
.j-calculator .calculator .calculator-left {
  width: 60%;
  position: relative;
  padding-right: 40px;
}
.j-calculator .calculator .calculator-left:before {
  display: none;
}
.j-calculator .calculator .calculator-left .calculator-left-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser {
  width: 40%;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left {
  margin-right: 30px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count {
  max-width: 55px;
  position: relative;
  text-align: center;
  width: 100%;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .minus-node,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .plus-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .minus-node:before,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .plus-node:before {
  content: "";
  border: solid #5b6c90;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 1px;
  bottom: 0;
  margin: auto;
  left: 0;
  cursor: pointer;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .minus-node:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .plus-node {
  left: auto;
  right: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  .plus-node:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0;
  left: auto;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  input {
  width: 32px;
  font-size: 20px;
  background: none;
  text-align: center;
  border: none;
  padding: 0;
  display: inline-block;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  input::-webkit-inner-spin-button,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  .node-count
  input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  input[type="radio"] {
  display: none;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  input[type="radio"]:checked
  + label {
  border-color: #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  label {
  cursor: pointer;
  box-shadow: none;
  border-radius: 10px;
  padding: 10px 18px 12px;
  border: 2px solid #fff;
  margin-bottom: 22px;
  font-size: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  label:last-of-type {
  margin-bottom: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  label[for*="balancer"] {
  background: rgba(9, 180, 117, 0.12);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  label[for*="appserver"] {
  background: rgba(0, 135, 255, 0.12);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-chooser
  .calculator-left-top-chooser-left
  label[for*="database"] {
  background: rgba(255, 176, 0, 0.12);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 60%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .cloudlets-title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .cloudlets-title
  span {
  text-transform: none;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .cloudlets-title
  div {
  font-size: 16px;
font-weight: 400;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block {
  width: 47%;
  position: relative;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .digits
  span {
  margin: 2px 0;
  font-size: medium;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-button {
  font-style: normal;
  color: #fff;
  border: 1px solid;
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
  border-radius: 50%;
  font-size: 11px;
  cursor: pointer;
}
.digit-wrapper .tooltip-button{
  color:black !important;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-button.max {
  color: #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-button:focus
  + .tooltip-wrapper,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-button:hover
  + .tooltip-wrapper {
  display: block;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper {
  width: 300px;
  position: absolute;
  left: -webkit-calc(100% + 10px);
  left: calc(100% + 10px);
  top: -7px;
  display: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 132, 245, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 132, 245, 0.15);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper:before {
  display: block;
  content: "";
  position: absolute;
  left: -18px;
  top: 8px;
  border: 10px solid transparent;
  border-right-color: #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: -15px;
  border: 8px solid transparent;
  border-right-color: #fff;
  z-index: 9;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper
  .tooltip-inner {
  position: relative;
  background: #fff;
  color: #000;
  z-index: 9;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper
  .tooltip-inner
  .title {
  font-size: 14px;
  margin-bottom: 10px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper
  .tooltip-inner
  .description {
  font-size: 12px;
  margin-bottom: 10px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .tooltip-wrapper
  .tooltip-inner
  img {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner {
  background: #0087ff;
  border-radius: 10px;
  padding: 22px 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  border: 2px dashed #0087ff;
  font-size: 24px;
  font-weight: 400;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .decrease,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .increase {
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  height: 100%;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .decrease:before,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .increase:before {
  content: "";
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  height: 3px;
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
  cursor: pointer;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .decrease:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .increase {
  left: auto;
  right: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  .inner
  .increase:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 10px;
  left: auto;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block.zero
  .inner {
  opacity: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block.min-block
  .inner {
  color: #fff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block.max-block
  .inner {
  background: none;
  border: 2px dashed #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block.max-block
  .inner
  .decrease:before,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block.max-block
  .inner
  .increase:before {
  border-color: #5b6c90;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span {
  display: block;
  text-align: center;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line {
  font-size: 16px;
  padding-bottom: 8px;
  padding-top: 8px;
  position: relative;
  text-align: center;
  line-height: 1;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line
  .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #0087ff;
  border-radius: 50%;
  position: relative;
  top: -11px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line
  .dot:before {
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  background: #0087ff;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line
  .dot
  span.line {
  height: 1px;
  background: #0087ff;
  display: block;
  position: absolute;
  bottom: -9px;
  right: 3px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line
  .dot
  span.line:before {
  display: block;
  content: "";
  width: 1px;
  height: 25px;
  background: #0087ff;
  top: 0;
  position: absolute;
  left: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line
  .dot
  span.line.more {
  left: 3px;
  right: auto;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-block
  span.dot-line
  .dot
  span.line.more:before {
  left: auto;
  right: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-top
  .calculator-left-top-scale
  .range-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 40px;
}
.j-calculator .calculator .calculator-left .calculator-left-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 -10px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block {
  margin-top: 30px;
  width: 100%;
  font-size: 22px;
  max-width: 220px;
  padding: 0 10px;
  text-align: center;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .small {
  display: block;
  font-size: 14px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  p {
  margin-bottom: 20px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  p
  > span {
  display: inline-block;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  p.ip-title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-button {
  font-style: normal;
  border: 1px solid;
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: -15px;
  top: -5px;
  z-index: 2;
  border-radius: 50%;
  font-size: 11px;
  cursor: pointer;
  color: #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-button:focus
  + .tooltip-wrapper,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-button:hover
  + .tooltip-wrapper {
  display: block;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-wrapper {
  width: 200px;
  position: absolute;
  left: -webkit-calc(100% + 25px);
  left: calc(100% + 25px);
  top: -13px;
  display: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 132, 245, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 132, 245, 0.15);
  line-height: 1.7;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-wrapper:before {
  display: block;
  content: "";
  position: absolute;
  left: -17px;
  top: 5px;
  border: 10px solid transparent;
  border-right-color: #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-wrapper:after {
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: -14px;
  border: 8px solid transparent;
  border-right-color: #fff;
  z-index: 9;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-wrapper
  .tooltip-inner {
  display: block;
  position: relative;
  background: #fff;
  color: #000;
  z-index: 9;
  border-radius: 10px;
  padding: 5px;
  border: 1px solid #0087ff;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .tooltip-wrapper
  .tooltip-inner
  .title {
  display: block;
  font-size: 12px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner {
  box-shadow: none ;
  border: #5b6c90 1px solid;
  position: relative;
  padding: 0 10px 4px;
  text-align: center;
  border-radius: 15px;
  height: 80px;
  font-weight: 400;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .count {
  font-size: 24px;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  input::-webkit-inner-spin-button,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .digit {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 74px;
  text-align: center;
  padding: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .minus,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .minus:before,
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .plus:before {
  content: "";
  border: solid #5b6c90;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 30px;
  cursor: pointer;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .minus:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .plus {
  left: auto;
  right: 0;
}
.j-calculator
  .calculator
  .calculator-left
  .calculator-left-bottom
  .calculator-left-bottom-block
  .inner
  .plus:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 30px;
  left: auto;
}
.j-calculator .calculator .calculator-right {
  position: relative;
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 35px;
}
.j-calculator .calculator .calculator-right .total {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
}
.j-calculator .calculator .calculator-right .totals {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
  font-weight: 400;
}
.j-calculator .calculator .calculator-right .totals-right {
  width: 50%;
  text-align: right;
  font-size: 20px;
}
.j-calculator .calculator .calculator-right .totals-right .balancer {
  color: #09b475;
}
.j-calculator .calculator .calculator-right .totals-right .appserver {
  color: #0087ff;
}
.j-calculator .calculator .calculator-right .totals-right .database {
  color: #ffb000;
}
.j-calculator .calculator .calculator-right .totals-left {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 400;
}
.j-calculator .calculator .calculator-right.new-row .totals {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.j-calculator .calculator .calculator-right.new-row .totals-title {
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 400;
}
.j-calculator .calculator .calculator-right.new-row .total {
  margin-bottom: 10px;
}
.j-calculator .calculator .calculator-right.new-row .totals-left {
  width: 100%;
}
.j-calculator .calculator .calculator-right.new-row .totals-right {
  margin-top: 2px;
  text-align: left;
  width: 100%;
}
.j-calculator .calculator .calculator-right .totals-title {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  width: 100%;
  font-weight: 400;
  margin-bottom: 5px;
}
.j-calculator .calculator .calculator-right .currency-period {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.j-calculator .calculator .calculator-right .currency-period,
.j-calculator .calculator .calculator-right .currency-period .radio-block {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.j-calculator .calculator .calculator-right .currency-period .radio-block {
  width: 55%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
    flex-direction: column;
  gap: 15px;

}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .radio-block
  label {
  font-size: 16px;
  font-weight: 400;
  color: black;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .radio-block
  label:last-child {
  margin-right: 0;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .radio-block
  label:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 23px;
  height: 23px;
  display: block;
  content: "";
  background: #dfefff;
  border: 1px solid #bac5dc;
  border-radius: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .radio-block
  label:after {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background: #758bba;
  border-radius: 50%;
  left: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .radio-block
  input {
  display: none;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .radio-block
  input:checked
  + label:after {
  opacity: 1;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select {
  width: auto;
  padding: 3px 12px;
  border: 1px solid #bac5dc;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  color: #03b6a6;
  position: relative;
  font-weight: 400;
  cursor: pointer;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-styled
  .currency-name,
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  select {
  display: none;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options {
  position: absolute;
  right: -1px;
  top: -1px;
  margin: 0;
  padding: 0;
  border: 1px solid #bac5dc;
  border-radius: 5px;
  background: #fff;
  text-align: right;
  z-index: 2;
  max-height: 225px;
  overflow: auto;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 2px 10px;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li.current-currency,
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li:focus,
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li:hover {
  background: #dfefff;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li
  .currency-sign {
  display: none;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li[rel="EUR"] {
  border-bottom: 1px solid #bac5dc;
}
.j-calculator
  .calculator
  .calculator-right
  .currency-period
  .current-switcher-wrapper
  .select
  .select-options
  li
  span {
  margin-right: 5px;
  white-space: nowrap;
  color: #55627b;
}
.j-calculator .calculator .calculator-right .period {
  padding-bottom: 5px;
}
.j-calculator .calculator .calculator-right .period .max-price,
.j-calculator .calculator .calculator-right .period .start-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.j-calculator .calculator .calculator-right .period .max-price p,
.j-calculator .calculator .calculator-right .period .start-price p {
  font-size: 20px;
  font-weight: 700;
  width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px);
}
.j-calculator .calculator .calculator-right .period .max-price p span,
.j-calculator .calculator .calculator-right .period .start-price p span {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 400;
}
.j-calculator .calculator .calculator-right .period .max-price .price,
.j-calculator .calculator .calculator-right .period .start-price .price {
  width: 195px;
  margin-left: 15px;
  padding: 0 5px;
  background: #01b6a6;
  border: 2px dashed #01b6a6;
  color: #fff;
  border-radius: 15px;
  font-weight: 400;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.j-calculator .calculator .calculator-right .period .max-price {
  margin-top: 15px;
}
.j-calculator .calculator .calculator-right .period .max-price .price {
  position: relative;
  background: none;
  color: #01b6a6;
}
.j-calculator .calculator .calculator-right .period .max-price .price:after {
  display: block;
  content: "";
  height: 35px;
  width: 0;
  border-right: 2px dashed #01b6a6;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  margin: auto;
}
@media (max-width: 1366px) {
 .j-calculator {
    max-width: 90%;
  }
  .icons {
    opacity: 1;
  }
  .icons .ico-pecul {
    width: 45px;
    height: 45px;
    margin-right: 5px;
  }
  .j-calculator,
  .j-calculator .price {
    font-size: 22px;
  }
  .j-calculator .hoster-selector .selector-wrapper {
    font-size: 26px;
  }
  .j-calculator .hoster-selector .hosting-information--bottom .hoster-logo {
    width: 25%;
    -webkit-box-flex: 25%;
    -webkit-flex: 25%;
    -moz-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top {
    margin: 40px 0;
  }
  .j-calculator .custom-select {
    width: 340px;
  }
  .j-calculator .custom-select .select {
    font-size: 20px;
  }
  .j-calculator .calculator .calculator-left {
    padding-right: 35px;
    width: 60%;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left {
    margin-right: 15px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count {
    max-width: 45px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .minus-node:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .plus-node:before {
    top: 0;
    border-width: 0 2px 2px 0;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    label {
    font-size: 20px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .cloudlets-title {
    font-size: 18px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .cloudlets-title
    div {
    font-size: 16px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper {
    width: 250px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .inner {
    font-size: 16px;
    padding: 20px 10px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block {
    font-size: 18px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    p {
    margin-bottom: 20px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    p.ip-title {
    margin-bottom: 30px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper {
    width: 200px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner {
    height: 60px;
    font-size: 17px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .count {
    font-size: 17px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .digit {
    width: 55px;
  }
  .j-calculator .calculator .calculator-right {
    width: 40%;
  }
  .j-calculator .calculator .calculator-right .total {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .j-calculator .calculator .calculator-right .totals {
    margin-bottom: 20px;
  }
  .j-calculator .calculator .calculator-right .totals-left,
  .j-calculator .calculator .calculator-right .totals-right {
    font-size: 14px;
    width: 50%;
  }
  .j-calculator .calculator .calculator-right .totals-title {
    margin-bottom: 0;
  }
  .j-calculator .calculator .calculator-right .currency-period {
    margin-top: 20px;
  }
  .j-calculator .calculator .calculator-right .currency-period .radio-block {
    width: 60%;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .radio-block
    label {
    font-size: 14px;
    padding-left: 30px;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .radio-block
    label:before {
    width: 19px;
    height: 19px;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .radio-block
    label:after {
    left: 3px;
    width: 13px;
    height: 13px;
  }
  .j-calculator .calculator .calculator-right .period .max-price p,
  .j-calculator .calculator .calculator-right .period .start-price p {
    font-size: 18px;
    width: -webkit-calc(100% - 135px);
    width: calc(100% - 135px);
  }
  .j-calculator .calculator .calculator-right .period .max-price p span,
  .j-calculator .calculator .calculator-right .period .start-price p span {
    font-size: 12px;
  }
  .j-calculator .calculator .calculator-right .period .max-price .price,
  .j-calculator .calculator .calculator-right .period .start-price .price {
    height: 60px;
    width: 130px;
    margin-left: 15px;
  }
  .j-calculator .calculator .calculator-right .period .max-price {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .icons {
    opacity: 1;
  }
  .icons .ico-pecul {
    width: 39px;
    height: 39px;
    margin-right: 10px;
  }
  .j-calculator {
    font-size: 18px;
  }
  .j-calculator[data-mode="balancer"] .range-block .tooltip-wrapper.max:before {
    border: 10px solid transparent !important;
    border-left-color: #09b475 !important;
  }
  .j-calculator[data-mode="database"] .range-block .tooltip-wrapper.max:before {
    border: 10px solid transparent !important;
    border-left-color: #ffb000 !important;
  }
  .j-calculator .price {
    font-size: 17px;
  }
  .j-calculator .hoster-selector p {
    padding: 0;
  }
  .j-calculator .hoster-selector .selector-wrapper {
    font-size: 18px;
  }
  .j-calculator .hoster-selector .selector-wrapper,
  .j-calculator .hoster-selector .services {
    padding: 0;
  }
  .j-calculator .hoster-selector .services {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }
  .j-calculator .hoster-selector .hosting-information--bottom {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .j-calculator .hoster-selector .hosting-information--bottom .hoster-logo {
    width: 100% !important;
    -webkit-box-flex: 100% !important;
    -webkit-flex: 100% !important;
    -moz-box-flex: 100% !important;
    -ms-flex: 100% !important;
    flex: 100% !important;
    padding: 0;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px 0 0;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top
    > div {
    padding: 0;
    margin: 0 0 20px;
    width: 100%;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top
    > div
    p {
    width: 150px;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top
    > div:after,
  .j-calculator .hoster-selector .tooltip .tooltiptext {
    display: none;
  }
  .j-calculator .custom-select {
    width: 290px;
  }
  .j-calculator .custom-select .select {
    height: 50px;
    font-size: 16px;
  }
  .j-calculator .custom-select .select-styled:after {
    border-width: 0 2px 2px 0;
  }
  .j-calculator .calc-block {
    margin-bottom: 30px;
    padding: 25px;
  }
  .j-calculator .languages {
    margin: 0 -5px;
  }
  .j-calculator .languages .language {
    padding: 0 5px;
  }
  .j-calculator .calculator .calculator-left {
    padding-right: 20px;
  }
  .j-calculator .calculator .calculator-left .calculator-left-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser {
    width: 100%;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left {
    margin-right: 0;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .minus-node:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .plus-node:before {
    border-width: 0 2px 2px 0;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .plus-node:before {
    left: auto;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    label {
    padding: 8px 15px 10px;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale {
    margin-top: 20px;
    width: 100%;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper {
    width: 200px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper.max {
    left: auto;
    right: 35px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper.max:before {
    left: auto;
    right: -18px;
    border: 10px solid transparent;
    border-left-color: #0087ff;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper.max:after {
    left: auto;
    right: -15px;
    border-right-color: transparent;
    border-left-color: #fff;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .inner
    .decrease:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .inner
    .increase:before {
    border-width: 0 2px 2px 0;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block {
    font-size: 16px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    p {
    margin-bottom: 15px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    p.ip-title {
    margin-bottom: 25px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-button {
    right: -10px;
    top: -8px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper {
    width: 200px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper.max {
    left: auto;
    right: 15px;
    top: -15px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper.max:before {
    left: auto;
    right: -16px;
    border: 10px solid transparent;
    border-left-color: #0087ff;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper.max:after {
    left: auto;
    right: -13px;
    border-right-color: transparent;
    border-left-color: #fff;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner {
    padding: 0 5px;
    font-size: 16px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .count {
    font-size: 16px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .digit {
    width: 45px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .minus:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .plus:before {
    border-width: 0 2px 2px 0;
    left: 10px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .plus:before {
    left: auto;
    right: 10px;
  }
  .j-calculator .calculator .calculator-right {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 40%;
    padding-left: 20px;
  }
  .j-calculator .calculator .calculator-right .total {
    font-size: 20px;
  }
  .j-calculator .calculator .calculator-right .totals {
    font-size: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .j-calculator .calculator .calculator-right .totals-right {
    width: 100%;
    font-size: 17px;
    text-align: left;
    margin-top: 3px;
  }
  .j-calculator .calculator .calculator-right .totals-left {
    font-size: 16px;
    width: 100%;
  }
  .j-calculator .calculator .calculator-right .currency-period {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .j-calculator .calculator .calculator-right .currency-period .radio-block {
    width: 100%;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .radio-block
    label {
    font-size: 14px;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper {
    margin-top: 20px;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper
    .select
    .select-options {
    right: auto;
    left: -1px;
  }
  .j-calculator .calculator .calculator-right .period {
    margin-top: 30px;
  }
  .j-calculator .calculator .calculator-right .period .max-price p,
  .j-calculator .calculator .calculator-right .period .start-price p {
    font-size: 18px;
    width: -webkit-calc(100% - 95px);
    width: calc(100% - 95px);
  }
  .j-calculator .calculator .calculator-right .period .max-price p span,
  .j-calculator .calculator .calculator-right .period .start-price p span {
    font-size: 12px;
  }
  .j-calculator .calculator .calculator-right .period .max-price .price,
  .j-calculator .calculator .calculator-right .period .start-price .price {
    width: 120px;
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .icons {
    opacity: 1;
  }
  .j-calculator {
    margin: 0 auto;
    padding: 0;
  }
  .j-calculator .price {
    font-size: 17px;
  }
  .j-calculator .hoster-selector .selector-wrapper,
  .j-calculator .hoster-selector .services {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .j-calculator .hoster-selector .selector-wrapper p,
  .j-calculator .hoster-selector .services p {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .j-calculator .hoster-selector .services {
    margin-bottom: 20px;
  }
  .j-calculator
    .hoster-selector
    .hosting-information--bottom
    .hoster-logo.center {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
  }
  .j-calculator .hoster-selector .hosting-information--bottom .hoster-logo {
    height: auto;
  }
  .j-calculator .hoster-selector .hosting-information--bottom .hoster-logo img {
    max-width: 170px;
    max-height: 120px;
  }
  .j-calculator .custom-select {
    width: 300px;
  }
  .j-calculator .calculator {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .j-calculator .calculator .calculator-left {
    width: 100%;
    border-right: 0;
    margin-right: 0;
    padding-right: 25px;
    margin-bottom: 30px;
  }
  .j-calculator .calculator .calculator-left:before {
    display: none;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .cloudlets-title {
    font-size: 16px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .cloudlets-title
    div {
    font-size: 14px;
  }
  .j-calculator .calculator .calculator-right {
    width: 100%;
  }
  .j-calculator .calculator .calculator-right .total {
    font-size: 20px;
  }
  .j-calculator .calculator .calculator-right .totals-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .j-calculator .calculator .calculator-right .totals {
    width: 270px;
    font-size: 20px;
  }
  .j-calculator .calculator .calculator-right .totals-left,
  .j-calculator .calculator .calculator-right .totals-right {
    font-size: 16px;
  }
  .j-calculator .calculator .calculator-right .currency-period .radio-block {
    width: 60%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .radio-block
    label {
    margin: 0 15px 0 0;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper {
    margin-top: 0;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper
    .select
    .select-options {
    right: -1px;
    left: auto;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper
    .select
    .select-options
    li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper
    .select
    .select-options
    li
    span {
    margin-right: 0;
    margin-left: 5px;
  }
  .custom-select .flag {
    width: 20px;
    height: 12px;
    margin-right: 5px;
  }
  .custom-select .flag-ch {
    width: 12px;
  }
}
@media (max-width: 475px) {
  .icons {
    width: 100%;
  }
  .j-calculator {
    font-size: 14px;
  }
  .j-calculator .hoster-selector p {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .j-calculator .hoster-selector .selector-wrapper {
    font-size: 14px;
  }
  .j-calculator .hoster-selector .selector-wrapper,
  .j-calculator .hoster-selector .services {
    opacity: 1;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top {
    margin: 20px 0 0;
  }
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top
    > div {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .j-calculator .custom-select,
  .j-calculator
    .hoster-selector
    .hosting-information
    .hosting-information--top
    > div
    p {
    width: 100%;
  }
  .j-calculator .custom-select .select {
    height: 40px;
    font-size: 14px;
  }
  .j-calculator .custom-select .select-styled:after {
    border-width: 0 1px 1px 0;
  }
  .j-calculator .custom-select .select-options {
    max-height: 200px;
  }
  .j-calculator .calc-block {
    padding: 15px;
  }
  .j-calculator .languages {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .j-calculator .languages .language {
    width: 33.3336%;
  }
  .j-calculator .calculator .calculator-left {
    margin-bottom: 20px;
    padding-right: 15px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .minus-node:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .plus-node:before {
    width: 1px;
    height: 1px;
    border-width: 0 1px 1px 0;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    .plus-node:before {
    left: auto;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    .node-count
    input {
    font-size: 14px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-chooser
    .calculator-left-top-chooser-left
    label {
    margin-bottom: 10px;
    font-size: 14px;
    border-width: 1px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-button {
    right: auto;
    left: 5px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-button.max {
    right: 5px;
    left: auto;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper {
    left: 30px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .tooltip-wrapper.max {
    right: 30px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .inner {
    font-size: 12px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .inner
    .decrease:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-top
    .calculator-left-top-scale
    .range-block
    .inner
    .increase:before {
    border-width: 0 1px 1px 0;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block {
    font-size: 12px;
    padding: 0 1px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .small {
    font-size: 10px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    p {
    margin-bottom: 10px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    p.ip-title {
    margin-bottom: 20px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-button {
    right: -13px;
    top: -13px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper {
    width: 160px;
    right: 25px;
    top: -20px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .tooltip-wrapper.max {
    right: 15px;
    top: -20px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .count {
    font-size: 12px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .digit {
    width: 35px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .minus:before,
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .plus:before {
    width: 1px;
    height: 1px;
    border-width: 0 1px 1px 0;
    left: 10px;
  }
  .j-calculator
    .calculator
    .calculator-left
    .calculator-left-bottom
    .calculator-left-bottom-block
    .inner
    .plus:before {
    left: auto;
    right: 10px;
  }
  .j-calculator .calculator .calculator-right {
    padding-left: 15px;
  }
  .j-calculator .calculator .calculator-right .total {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .j-calculator .calculator .calculator-right .totals {
    width: 100%;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .j-calculator .calculator .calculator-right .totals-right {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .j-calculator .calculator .calculator-right .totals-left {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
  }
  .j-calculator .calculator .calculator-right .currency-period .radio-block {
    width: 73%;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .radio-block
    label {
    margin: 0 7px 0 0;
    padding-left: 25px;
    font-size: 13px;
  }
  .j-calculator
    .calculator
    .calculator-right
    .currency-period
    .current-switcher-wrapper
    .select {
    padding: 2px 8px;
    font-size: 14px;
  }
  .j-calculator .calculator .calculator-right .period {
    margin-top: 10px;
  }
}