.tpl .tpl-popup {
 position: fixed;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 90;
 width: 100%;
 height: 100%;
 display: none;
}
.tpl .tpl-popup__overflow {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 height: 100%;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-overflow-scrolling: touch;
 z-index: 105;
 background-color: rgba(0, 0, 0, 0.5);
 padding: 10px;
 text-align: center;
 white-space: nowrap;
}
.tpl .tpl-popup__overflow:before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 0;
 height: 100%;
}
.tpl .tpl-popup__body {
 width: 100%;
 max-width: 400px;
 background-color: #fff;
 padding: 20px;
 display: inline-block;
 vertical-align: middle;
 position: relative;
 white-space: normal;
}
.tpl .tpl-popup .tpl-btn-close {
 position: absolute;
 top: 1rem;
 right: 1rem;
}
.tpl .rangeslider {
 display: block;
 height: 8px;
 position: relative;
 z-index: 2;
 background-color: rgba(0, 0, 0, 0);
 -webkit-box-shadow: none;
 box-shadow: none;
 border: none;
 background-color: #d0e0f2;
 border-radius: 0 0 5px 5px;
 margin-top: -7px;
}
.tpl .rangeslider__fill {
 height: 100%;
 display: block;
 -webkit-box-shadow: none;
 box-shadow: none;
 background: red;
 position: relative;
 border-radius: 0 0 5px 5px;
}
.tpl .rangeslider__handle {
 width: 26px;
 height: 26px;
 top: -10px;
 border-radius: 8px;
 position: absolute;
 -webkit-box-shadow: none;
 box-shadow: none;
 cursor: pointer;
 background: red;
 overflow: hidden;
}
.tpl .rangeslider__handle:before {
 content: "";
 display: inline-block;
 inset: 5px;
 background-color: #fff;
 border-radius: 3px;
 position: absolute;
 z-index: 2;
 pointer-events: none;
}
.tpl .tpl-form-range__display {
 position: relative;
}
.tpl .tpl-form-range__display-legend {
 display: inline-block;
 position: absolute;
 left: 1rem;
 top: -8px;
 padding-left: 4px;
 padding-right: 4px;
 color: #74788c;
 font-size: 12px;
 background-color: #fff;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-form-range__display-legend {
  left: 12px;
 }
}
.tpl .tpl-form-range__input {
 width: 100%;
 display: block;
 line-height: 1;
 font: 1.25rem "Inter-SemiBold", sans-serif;
 color: #171d3f;
 padding: 12px 1rem 1.125rem 1rem;
 border: 1px solid rgba(23, 29, 63, 0.3);
 border-radius: 5px 5px 7px 7px;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-form-range__input {
  font-size: 1.25rem;
  padding: 12px 12px 1.125rem 12px;
 }
}
.tpl .tpl-form-range__values {
 font: 12px "Inter-Regular", sans-serif;
 line-height: 1.5;
 margin-top: 0.875rem;
 opacity: 0.6;
}
@media screen and (max-width: 575px) {
 .tpl .tpl-form-range__values {
  margin-top: 12px;
 }
}
.tpl .tpl-main {
 position: relative;
 overflow: hidden;
}
.tpl .tpl-sect__promo {
 padding-bottom: 2.5rem;
}
@media screen and (max-width: 575px) {
 .tpl .tpl-sect__promo {
  padding-bottom: 0 !important;
 }
}
.tpl .tpl-sect__promo-bottom {
 padding-bottom: 6.25rem;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-sect__promo-bottom {
  padding-bottom: 5rem !important;
 }
}
@media only screen and (max-width: 374px) {
 .tpl .tpl-sect__promo-bottom {
  padding-bottom: 4rem !important;
 }
}
.tpl .tpl-promo {
 margin-bottom: 2.5rem;
}
@media only screen and (max-width: 992px) {
 .tpl .tpl-promo {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
 .tpl .tpl-promo .tpl-col-2 {
  width: 100%;
  margin-bottom: 1.25rem;
 }
 .tpl .tpl-promo .tpl-col-2:last-child {
  margin-bottom: 0;
 }
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-promo {
  margin-bottom: -1px;
 }
}
.tpl .tpl-promo-text {
 line-height: 1.4;
 position: relative;
 padding: 12px 0 12px 1.25rem;
 font-size: 1.25rem;
}
.tpl .tpl-promo-text:before {
 content: "";
 display: inline-block;
 left: 0;
 top: 0;
 bottom: 0;
 border-radius: 30px;
 width: 3px;
 background-color: #ea7dd8;
 position: absolute;
}
.tpl .tpl-promo-text * {
 margin-bottom: 1rem;
}
.tpl .tpl-promo-text :last-child {
 margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-promo-text {
  font-size: 1rem;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  padding: 1.25rem 15px 1.5rem 2.5rem;
 }
 .tpl .tpl-promo-text:before {
  left: 1rem;
  top: 1.25rem;
  bottom: 1.5rem;
 }
}
.tpl .tpl-promo .tpl-content h1,
.tpl .tpl-promo .tpl-content h2 {
 font: 2.5rem "Inter-Medium", sans-serif;
 line-height: 1.3;
 margin-bottom: 1.5rem;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-promo .tpl-content h1,
 .tpl .tpl-promo .tpl-content h2 {
  font-size: 1.75rem;
 }
}
@media only screen and (max-width: 374px) {
 .tpl .tpl-promo .tpl-content h1,
 .tpl .tpl-promo .tpl-content h2 {
  font-size: 1.5rem;
 }
}
@media only screen and (max-width: 992px) {
 .tpl .tpl-boxes-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
 .tpl .tpl-boxes-row .tpl-col-2 {
  width: 100%;
  margin-bottom: 1.25rem;
 }
 .tpl .tpl-boxes-row .tpl-col-2:last-child {
  margin-bottom: 0;
 }
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-boxes-row .tpl-col-2 {
  margin-bottom: 0;
 }
}
.tpl .tpl-marquees {
 position: absolute;
 top: 1rem;
 left: 0;
 width: 100%;
}
@media screen and (max-width: 575px) {
 .tpl .tpl-marquees {
  top: 50px;
 }
}
.tpl .tpl-box-requests {
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.tpl .tpl-box-requests .tpl-btn {
 margin-top: 2.5rem;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-box-requests {
  padding-top: 2.5rem;
  padding-bottom: 2.25rem;
 }
 .tpl .tpl-box-requests .tpl-btn {
  margin-top: 1.5rem;
 }
}
.tpl .tpl-requests {
 margin-bottom: -0.5rem;
}
.tpl .tpl-requests__col {
 margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
 .tpl .tpl-requests__col {
  width: 100%;
 }
}
.tpl .tpl-request {
 border-radius: 12px;
 background: #e9edf8;
 padding: 1rem 0.75rem;
 margin-bottom: 1rem;
 -webkit-box-shadow: none;
 box-shadow: none;
 font: 1rem "Inter-Medium", sans-serif;
}
.tpl .tpl-request:last-child {
 margin-bottom: 0;
}
.tpl .tpl-request span {
 font: 0.875rem "Inter-Regular", sans-serif;
 color: rgba(23, 29, 63, 0.5);
}
.tpl .tpl-request-info {
 margin-bottom: 1rem;
 gap: 6px;
}
.tpl .tpl-request-info__col {
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
.tpl .tpl-request-info__col:nth-child(2) {
 width: 28px;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
}
.tpl .tpl-request-info__name {
 font: 1.125rem "Inter-Medium", sans-serif;
}
.tpl .tpl-request-info__price {
 font: 1.125rem "Inter-Medium", sans-serif;
}
.tpl .tpl-request-info__status {
 color: #171d3f !important;
}
.tpl .tpl-request-progress {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 gap: 12px;
}
.tpl .tpl-request-progress span {
 height: 4px;
 display: block;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 border-radius: 20px;
 background-color: rgba(52, 115, 189, 0.15);
}
.tpl .tpl-request-progress span:first-child {
 width: 154px;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 background-color: red;
}
.tpl .tpl-request-loader {
 width: 28px;
 height: 28px;
 margin: 0 auto;
}
.tpl .tpl-request-loader svg {
 display: block;
 fill: red;
 width: 100%;
 height: 100%;
}
.tpl .tpl-request.tpl__step-1 .tpl-request-progress span:first-child {
 width: 70px;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
}
.tpl .tpl-request.tpl__step-3 .tpl-request-progress span:first-child {
 width: 100%;
 max-width: 225px;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
.tpl .tpl-request.tpl__step-4 .tpl-request-progress span:first-child {
 display: none;
}
.tpl .tpl-request.tpl__step-4 .tpl-request-progress span:nth-child(2) {
 background-color: #0bb56e !important;
}
.tpl .tpl-request.tpl__step-4 .tpl-request-loader {
 background: url("../img/success-request.svg") no-repeat 50% / contain;
}
.tpl .tpl-social-offers {
 margin-top: 2.5rem;
 @media only screen and (max-width: 992px) {
  flex-wrap: wrap;
 }
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-social-offers {
  margin-top: 1.75rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
}
.tpl .tpl-social-offer {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 min-height: 100px;
 height: 100%;
 padding: 1.375rem 2rem 1.375rem 2.25rem;
 color: #171d3f;
 font-family: "Inter-Medium", sans-serif;
 gap: 0.5rem;
}
.tpl .tpl-social-offer img {
 display: block;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 width: auto;
 height: auto;
 max-width: 56px;
 max-height: 56px;
 margin-right: 12px;
}
.tpl .tpl-social-offer svg {
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 fill: none;
 width: 1.5rem;
 height: 1.5rem;
 display: block;
 -webkit-transition: -webkit-transform 0.17s ease-in-out;
 transition: -webkit-transform 0.17s ease-in-out;
 transition: transform 0.17s ease-in-out;
 transition: transform 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out;
 opacity: 0.2;
 stroke: #171d3f;
 stroke-width: 2.25px;
 stroke-linecap: round;
 stroke-linejoin: round;
}
.tpl .tpl-social-offer__wrapper {
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
@media only screen and (max-width: 992px) {
 .tpl .tpl-social-offer__wrapper {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%;
  margin-bottom: 12px;
 }
 .tpl .tpl-social-offer__wrapper:last-child {
  margin-bottom: 0;
 }
}
.tpl .tpl-social-offer:hover svg {
 -webkit-transform: translateX(12px);
 transform: translateX(12px);
}
@media only screen and (max-width: 992px) {
 .tpl .tpl-social-offer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
 }
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-social-offer {
  min-height: 72px;
  padding: 0.5rem 1.25rem 0.5rem 12px;
  border-radius: 1.25rem;
  font-size: 1rem;
 }
}
@media only screen and (max-width: 374px) {
 .tpl .tpl-social-offer {
  font-size: 0.875rem;
 }
}
.tpl .tpl-steps {
 margin-bottom: -1.25rem;
}
.tpl .tpl-step {
 position: relative;
 padding-top: 40px;
 height: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
.tpl .tpl-step__ic {
 display: block;
 width: 80px;
 height: 80px;
 position: absolute;
 top: 0;
 left: 1.25rem;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 z-index: 1;
}
.tpl .tpl-step__ic svg {
 display: block;
 width: 100%;
 fill: none;
 height: 100%;
}
.tpl .tpl-step__ic-fill {
 fill: red;
}
.tpl .tpl-step__ic-fill_light {
 fill: #d0e0f2;
}
.tpl .tpl-step__ic-stroke {
 stroke: red;
}
.tpl .tpl-step__ic-fill_white {
 fill: #fff;
}
.tpl .tpl-step__content {
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 border-radius: 1.25rem;
 padding: 3.25rem 1.25rem 1.125rem 1.25rem;
 min-height: 96px;
}
.tpl .tpl-step__wrapper {
 margin-bottom: 1.25rem;
}
@media only screen and (max-width: 700px) {
 .tpl .tpl-step__wrapper {
  width: 100%;
 }
}
.tpl .tpl-methods-logos {
 margin-bottom: 3rem;
 gap: 1.5rem;
}
@media only screen and (max-width: 767px) {
 .tpl .tpl-methods-logos {
  display: block;
  white-space: nowrap;
  font-size: 0;
  overflow-y: auto;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  gap: 0;
  padding-bottom: 0.625rem;
  margin-bottom: 1.875rem;
 }
}
.tpl .tpl-method-logo {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 min-width: 96px;
 max-width: 196px;
 height: 80px;
 padding: 10px;
 background-color: #fff;
 border-radius: 1.25rem;
}
.tpl .tpl-method-logo:hover {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
.tpl .tpl-method-logo img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}
@media only screen and (max-width: 767px) {
 .tpl .tpl-method-logo {
  width: 104px;
  height: 64px;
  margin-right: 0.5rem;
  display: inline-block;
  position: relative;
  border-radius: 8px;
 }
 .tpl .tpl-method-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
}
.tpl .tpl-box-advantages {
 padding-top: 2rem;
 padding-bottom: 2.125rem;
}
.tpl .tpl-box-advantages img {
 display: block;
 margin: 0 auto 2rem auto;
 max-width: 463px;
}
.tpl .tpl-advantages {
 margin-bottom: 2rem;
}
.tpl .tpl-advantage {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 margin-bottom: 1.5rem;
 font-size: 1.125rem;
}
.tpl .tpl-advantage:last-child {
 margin-bottom: 0;
}
.tpl .tpl-advantage__ic {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 margin-right: 1rem;
 width: 3rem;
 height: 3rem;
 border-radius: 50%;
 background-color: #debced;
}
.tpl .tpl-advantage__ic svg {
 display: block;
 width: 1.875rem;
 height: 1.875rem;
 fill: #fff;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-advantage {
  font-size: 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
 }
}
@media only screen and (max-width: 374px) {
 .tpl .tpl-advantage {
  font-size: 0.875rem;
 }
}
.tpl .tpl-sect__advantages .tpl-ads,
.tpl .tpl-sect__online .tpl-ads {
 margin-top: 3.5rem;
}
@media only screen and (max-width: 575px) {
 .tpl .tpl-sect__advantages .tpl-ads,
 .tpl .tpl-sect__online .tpl-ads:not(:empty) {
  margin-top: 3rem;
 }
}
.tpl .tpl-checkbox:checked ~ .tpl-checkbox__sign::after {
 display: none !important;
}