/* Start:/local/templates/rkoexpert/styles.css?179001740372526*/
/* -------------------------------------------

main

------------------------------------------- */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/local/templates/rkoexpert/./fonts/inter-cyrillic-variable.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/local/templates/rkoexpert/./fonts/inter-latin-variable.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Inter";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("/local/templates/rkoexpert/./fonts/inter-cyrillic-italic-variable.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Inter";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("/local/templates/rkoexpert/./fonts/inter-latin-italic-variable.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/local/templates/rkoexpert/./fonts/montserrat-cyrillic-variable.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/local/templates/rkoexpert/./fonts/montserrat-latin-variable.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--bg-default:#eef2f5;
	--bg-light:#fff;
	--bg-midlight:#f9f9f9;
	--bg-middark:#606a72;
	--bg-dark:#252a2f;
	--bg-red:#ed0003;
	--bg-redlight:#e52c25;
	--bg-semiredlight:#fff0ee;
	--bg-semiredlight2:#efd5d3;
	--bg-orangedark:#d88916;
	--bg-orangelight:#fff4df;
	
	--color-default:#3e3e3e;
	--color-light:#eef2f5;
	--color-midlight:#70777c;
	--color-midlight2:#d0d4d7;
	--color-dark:#252a2f;
	--color-middark:#606a72;
	--color-red:#ed0003;
	--color-redlight:#e52c25;
	--color-greenlight:#17824a;
	--color-orangedark:#d88916;
	--color-orangelight:#fff4df;
	
	--border-default:17px;
	--border-default2:13px;
	--border-color:#dfe3e6;
	
	--transition-default:0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.color-default {
	color: var(--color-default)!important;
}

.color-light {
  color: var(--color-light)!important;
}

.color-midlight {
  color: var(--color-midlight)!important;
}

.color-midlight2 {
  color: var(--color-midlight2)!important;
}

.color-dark {
  color: var(--color-dark)!important;
}

.color-middark {
  color: var(--color-middark)!important;
}

.color-red {
  color: var(--color-red)!important;
}

.color-redlight {
  color: var(--color-redlight)!important;
}

.color-greenlight {
  color: var(--color-greenlight)!important;
}

.color-orangedark {
  color: var(--color-orangedark)!important;
}

.color-orangelight {
  color: var(--color-orangelight)!important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
}

select,
select::picker(select) {
    appearance: base-select;
}

select::picker(select) {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

select option {
	padding: 5px 10px;
}

select option:hover,
select option:focus {
    background-color: var(--bg-redlight)!important;
	color: #fff;
}

select option:checked {
    background-color: var(--bg-redlight)!important;
	color: #fff;
}

a,
button,
[role="button"],
input,
select,
textarea,
label {
  -webkit-tap-highlight-color: transparent;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 22px;
	min-width: 22px;
	height: 22px;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
	position: relative;
	transition: background 0.3s ease, border-color 0.3s ease;
	background-color: #fff;
}

input[type="checkbox"]:checked {
	border-color: transparent;
	background: var(--color-redlight);
}

input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 1px;
	width: 9px;
	height: 13px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

input[type="checkbox"]:not(:checked):hover {
	border-color: var(--color-redlight);
}

input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--color-redlight);
	outline-offset: 2px;
}

html {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  cursor: default;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-default);
  line-height: 150%;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;

  background-color: rgb(238, 241, 243);
  background-image:
    url("/local/templates/rkoexpert/img/bg_frame_top.svg"),
    radial-gradient(circle at 8% -10%, rgba(255, 232, 226, 0.95), transparent 32%),
    radial-gradient(circle at 95% 42%, rgba(235, 240, 244, 0.9), transparent 28%);
  background-repeat: no-repeat;
  background-position: right top, left top, left top;
  background-size: 70% auto, auto, auto;
}

@media screen and (max-width: 768px) {
  html,
body {
    font-size: 15px;
  }
}

*::-moz-selection {
  color: #fff;
  background: #e4464c;
}

*::selection {
  color: #fff;
  background: #e4464c;
}

input:focus, 
textarea:focus {
    outline: 2px solid var(--color-redlight); 
}

h1,
.rko-h1,
h2,
.rko-h12,
h3,
.rko-h3,
h4,
.rko-h4,
h5,
.rko-h5,
h6,
.rko-h6 {
  font-family: "Montserrat", sans-serif;
  color: var(--color-dark);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  h1 br,
.rko-h1 br,
h2 br,
.rko-h12 br,
h3 br,
.rko-h3 br,
h4 br,
.rko-h4 br,
h5 br,
.rko-h5 br,
h6 br,
.rko-h6 br {
    display: none;
  }
}

h1,
.rko-h1 {
  font-size: 50px;
}
@media screen and (max-width: 1400px) {
  h1,
.rko-h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1200px) {
  h1,
.rko-h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  h1,
.rko-h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  h1,
.rko-h1 {
    font-size: 34px;
  }
}

h2,
.rko-h2 {
  font-size: 32px;
  line-height: 120%;
  color: var(--color-default);
}
@media screen and (max-width: 1200px) {
  h2,
.rko-h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 992px) {
  h2,
.rko-h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  h2,
.rko-h2 {
    font-size: 24px;
  }
}

h3,
.rko-h3 {
  font-size: 24px;
  color: var(--color-default);
}
@media screen and (max-width: 1200px) {
  h3,
.rko-h3 {
    font-size: 23px;
  }
}
@media screen and (max-width: 992px) {
  h3,
.rko-h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  h3,
.rko-h3 {
    font-size: 22px;
  }
}

h4,
.rko-h4 {
  font-size: 20px;
  color: var(--color-default);
}
@media screen and (max-width: 1200px) {
  h4,
.rko-h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 992px) {
  h4,
.rko-h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  h4,
.rko-h4 {
    font-size: 16px;
  }
}

blockquote {
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-style: italic;
  border-left: solid 4px rgb(255, 152, 0);
}
@media screen and (max-width: 768px) {
  blockquote {
    padding: 20px;
    font-size: 16px;
  }
}

.rko-bold {
  font-weight: 500;
}

.rko-thin {
  font-weight: 100;
}

a {
  color: inherit;
  text-decoration: none;
}

.accent-link {
	transition: var(--transition-default);
	border-bottom: 1px solid var(--color-midlight2);
}

.accent-link:hover {
	border-bottom: 1px solid var(--color-redlight);
}

.rko-accent {
  color: rgb(255, 152, 0);
}

.rko-mt-15 {
  margin-top: 15px;
}

.rko-mt-30 {
  margin-top: 30px;
}

.rko-mt-60 {
  margin-top: 60px;
}

.rko-mt-90 {
  margin-top: 90px;
}

.rko-mb-5 {
  margin-bottom: 5px;
}

.rko-mb-10 {
  margin-bottom: 10px;
}

.rko-mb-15 {
  margin-bottom: 15px;
}

.rko-mb-20 {
  margin-bottom: 15px;
}

.rko-mb-30 {
  margin-bottom: 30px;
}

.rko-mb-60 {
  margin-bottom: 60px;
}

.rko-mb-90 {
  margin-bottom: 90px;
}

.rko-mb-120 {
  margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .rko-mb-120 {
    margin-bottom: 90px;
  }
  
	.rko-mb-60 {
		margin-bottom: 40px;
	}
}

.rko-mt-suptitle-offset {
  margin-top: 70px;
}
@media screen and (max-width: 992px) {
  .rko-mt-suptitle-offset {
    margin-top: 30px;
  }
}

.rko-p-120-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .rko-p-120-120 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.rko-p-120-90 {
  padding-top: 120px;
  padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
  .rko-p-120-90 {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}

.rko-p-0-120 {
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .rko-p-0-120 {
    padding-bottom: 90px;
  }
}

.rko-p-120-0 {
  padding-top: 120px;
}
@media screen and (max-width: 992px) {
  .rko-p-120-0 {
    padding-top: 90px;
  }
}

.rko-p-120-60 {
  padding-top: 120px;
  padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .rko-p-120-60 {
    padding-top: 90px;
    padding-bottom: 30px;
  }
}

.rko-p-90-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
  .rko-p-90-90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.rko-p-90-120 {
  padding-top: 90px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .rko-p-90-120 {
    padding-top: 60px;
    padding-bottom: 90px;
  }
}

.rko-p-0-90 {
  padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
  .rko-p-0-90 {
    padding-bottom: 60px;
  }
}

.rko-p-0-30 {
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .rko-p-0-30 {
    padding-bottom: 0;
  }
}

.rko-p-120-30 {
  padding-top: 120px;
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .rko-p-120-30 {
    padding-top: 90px;
    padding-bottom: 0;
  }
}

.rko-p-60-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .rko-p-60-60 {
    padding-top: 30px;
    padding-bottom: 0;
  }
}

.rko-adaptive-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  .rko-adaptive-right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.rko-btn-space {
  margin-right: 30px;
}
@media screen and (max-width: 500px) {
  .rko-btn-space {
    margin-right: 50px;
    margin-bottom: 30px;
  }
}

.container {
	box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
	max-width:1400px;
    margin-right: auto;
    margin-left: auto;
}

.btn-default {
    background: var(--bg-dark);
    color: var(--color-light);
    border-radius: var(--border-default);
    padding: 10px 20px;
    border: 1px solid var(--color-dark);
    cursor: pointer;
    transition: var(--transition-default);
    white-space: nowrap;
}

.btn-default:hover {
    background: var(--bg-default);
    color: var(--color-default);
}

.btn-default-open {
    background: var(--bg-default);
    color: var(--color-default);
    border-radius: var(--border-default);
    padding: 10px 20px;
    border: 1px solid var(--color-dark);
    cursor: pointer;
    transition: var(--transition-default);
    white-space: nowrap;
}

.btn-default-open:hover {
    background: var(--bg-middark);
    color: var(--color-light);
}

.red-link_btn {
    background: var(--bg-redlight);
    color: var(--color-light);
    font-weight: 700;
    transition: var(--transition-default);
    cursor: pointer;
    padding: 20px;
    border-radius: var(--border-default2);
    display: flex;
    width: fit-content;
    gap: 10px;
    align-items: center;
}

.red-link_btn svg{
    stroke: var(--color-light);
    width: 18px;
    height: 18px;
}

.red-link_btn:hover {
	background: var(--bg-dark);
}

.light-link_btn {
    background: var(--bg-light);
    color: var(--color-midlight);
    border: 1px solid var(--color-midlight2);
    font-weight: 700;
    transition: var(--transition-default);
    cursor: pointer;
    padding: 20px;
    border-radius: var(--border-default2);
    display: flex;
    width: fit-content;
    gap: 10px;
    align-items: center;
}

.light-link_btn svg{
    stroke: var(--color-middark);
    width: 18px;
    height: 18px;
}

.light-link_btn:hover {
	background: var(--bg-dark);
	color: var(--color-light);
}

.light-link_btn:hover svg{
	stroke: var(--color-light);
}

.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

#banks-map, #regions-map {
    border-radius: var(--border-default);
    overflow: hidden;
    width: 100%;
    height: 500px;
}

.horizontal-center {
    display: flex;
    align-items: center;
}

.breadcrumb-list {
	
}

.breadcrumb-list ol{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.breadcrumb-list ol li{
	list-style: none;
	line-height: 12px;
}

.breadcrumb-list ol li:after{
    content: "➤";
    position: absolute;
    font-size: 8px;
    line-height: 10px;
    margin-left: 6px;
    margin-top: 3px;
    color: #9b9b9b;
}

.breadcrumb-list ol li:last-child:after{
	content:"";
}

.breadcrumb-list ol li a{
	color: var(--color-midlight);
	font-size: 12px;
	line-height: 12px;
	transition: var(--transition-default);
}

.breadcrumb-list ol li a:hover{
	color: var(--color-redlight);
}

.breadcrumb-list ol li span{
	color: var(--color-midlight);
	font-size: 12px;
}

/*
.mobile-menu-body {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-body.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
*/

.mobile-menu-body {
    position: fixed;
    inset: 0;

    box-sizing: border-box;
    padding: 30px;
    overflow: hidden;

    background: #fff;
    z-index: 100;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-body.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu-body-content {
	
}

/* ✕ × ✖ */
.mobile-menu-close {
	
}

.mobile-menu-close:hover {
	
}

/* ☰ */
.mobile-menu-btn {
	display:none;
}

.mobile-menu-btn:hover {
	
}

/*******************************************************************************/

.header {
    
}

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
	border-bottom: 1px solid var(--border-color);
}

.header__lblock {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 27px;
}

.header__logo svg.icon-rko-logo-dark{
    width: 100%;
    max-width: 300px;
    height: 100%;
    max-height: 60px;
}

.header__city {
	
}

.header__city-btn {
    background: var(--bg-red);
    display: flex;
    align-items: center;
    color: var(--color-light);
    gap: 7px;
    font-weight: 700;
	border: none;
	transition: var(--transition-default);
}

.header__city-btn:hover {
    background: var(--bg-dark);
    color: var(--bg-light);
}

.header__city-btn:hover .header__city-label svg{
    stroke: var(--bg-light);
    color: var(--bg-light);
}

.header__city-label {
    height: 15px;
}

.header__city-label svg{
    stroke: var(--color-midlight2);
    width: 15px;
    height: 15px;
	color: var(--color-midlight2);
}

.header__city-label-downarrow {
    height: 15px;
}

.header__city-label-downarrow svg{
    width: 15px;
    height: 15px;
    stroke: var(--color-midlight2);
    color: var(--color-midlight2);
}

.header__city-btn:hover .header__city-label-downarrow svg {
	
}

.header__nav {
    display: flex;
    gap: 15px;
    flex-direction: row;
}

.header__nav a {
    font-weight: 800;
    display: block;
    padding: 0 4px;
    transition: var(--transition-default);
    color: var(--color-dark);
    font-size: 14px;
    position: relative;
}

.header__nav a:hover {
    color: var(--color-red);
}

.header__nav a.active_link {
    color: var(--color-red);
}

.header__nav a.active_link::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--bg-red);
    bottom: -5px;
    left: 0;
}

.main_content {
  background-image: url("/local/templates/rkoexpert/img/bg_frame_bottom.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 70% auto;
}

.rko-page_header_block {
    display: grid;
    grid-template-columns: 1fr 570px;
    gap: 60px;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 40px;
}

.rko-page_header_block p{
    color: var(--color-midlight);
    font-weight: 500;
    font-size: 18px;
}

.rko-page_header {
    background-size: cover;
    background-position: center;
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: var(--border-default);
    position: relative;
    z-index: 1;
    height: 100%;
}

.rko-page_header_btns {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

.rko-city__title {
    font-weight: 800;
    font-size: 70px;
    line-height: 80px;
}

.rko-pagesubheader .rko-pagesubheader_title {
    font-weight: 700;
}

.rko-pagesubheader .rko-pagesubheader_list {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:30px;
}

.rko-pagesubheader .rko-pagesubheader_list li {
    background: var(--bg-light);
    border-radius: var(--border-default);
    border: 1px solid var(--color-midlight2);
    padding: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.rko-pagesubheader .rko-pagesubheader_list li .step_bg_number{
    position: absolute;
    /* color: #e7e9ee; */
    color: var(--color-dark);
    opacity: .05;
    font-weight: 900;
    right: 30px;
    font-size: 120px;
    padding-top: 20px;
    display: block;
}

.rko-page_seotext h2, .rko-page_seotext h3 {
	margin-bottom:15px;
}

.rko-page_seotext p {
	margin-bottom: 30px;
}

.rko-page_seotext ul, .rko-page_seotext ol {
	margin: 0;
	padding:0;
	margin-bottom: 30px;
	padding-left:30px;
}

.rko-page_seotext ul li{
	
}

.subheader_list-content {
	
}

.subheader_list-content p.rko-h3{
	min-height: 58px;
}

.subheader_list-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.subheader_list-top-left {
    position: relative;
    width: 60px;
    height: 60px;
}

.subheader_list-top-left-icon {
    border-radius: var(--border-default);
    background: var(--bg-semiredlight);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bg-semiredlight2);
    position: relative;
}

.subheader_list-top-left-icon svg {
    stroke: var(--color-red);
    color: var(--color-red);
    width: 30px;
    height: 30px;
}

.subheader_list-top-left-number {
    background: var(--bg-red);
    color: var(--color-light);
    font-size: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 100px;
    font-weight: 700;
    position: absolute;
    top: -8px;
    right: -8px;
}

.subheader_list-top-right {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 11px;
    font-weight: 500;
    color: var(--color-red);
}

.subheader_list-text {
    color: var(--color-midlight);
    font-size: 14px;
    line-height: normal;
}

.subheader_list-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    color: var(--color-midlight);
    font-size: 10px;
}

.subheader_list-bottom-left {
    display: flex;
    align-items: center;
	gap: 5px;
}

.subheader_list-bottom-left svg {
    stroke: var(--color-greenlight);
    width: 18px;
    height: 18px;
    color: var(--color-greenlight);
}

.subheader_list-bottom-left-text {
	
}

.bank-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.bank-card {
    background: var(--bg-light);
    border-radius: var(--border-default);
    padding: 25px;
	border:1px solid var(--color-midlight2);
}

.bank-card h3{
    margin-bottom: 15px;
	font-size: 18px;
}

.footer {
    background: radial-gradient(circle at 6% 0%, rgba(229, 44, 37, 0.14), transparent 28%), linear-gradient(135deg, rgb(37, 43, 48) 0%, rgb(32, 38, 43) 100%);
    padding: 60px 0 20px 0;
}

.footer a {
    color: var(--color-midlight);
	transition: var(--transition-default);
	text-decoration:none;
}

.footer a:hover {
    color: var(--color-red);
}

.scroll-top-button {
	width: 55px;
	height: 55px;
	padding: 0;
	position: fixed;
    right: 35px;
    bottom: 65px;
	z-index: 9000;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-midlight);
	border: none;
	border-radius: 50%;
	background: var(--bg-dark);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, color 0.3s ease;
	cursor: pointer;
}

.scroll-top-button.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.scroll-top-button:hover {
	color: var(--color-light);
}

.scroll-top-button svg {
	width: 24px;
	height: 24px;
	color: currentColor;
	stroke: currentColor;
	transform: rotate(-90deg);
}

.footer__container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: 1px solid var(--color-default);
    padding-bottom: 70px;
    margin-bottom: 20px;
}

.footer__col-logo {
    max-width: 360px;
    font-size: 13px;
    line-height: 13px;
}

.footer__logo {
    margin-bottom: 15px;
    display: block;
}

.footer__logo svg.icon-rko-logo-light{
    width: 100%;
    max-width: 300px;
    height: 100%;
    max-height: 60px;
}

.footer__copy {
    color: var(--color-midlight);
    font-size: 12px;
}

.footer__copytext {
    font-size: 10px;
	color: var(--color-midlight);
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.icon-creatopus-logo {
    width: 40px;
    height: 40px;
}

.footer__col {
	
}

.footer__title {
    margin-bottom: 30px;
    color: var(--color-light);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 14px;
}

.footer__menu li {
	list-style:none;
}

.footer__menu li a{
	
}

/***************** main-page **************/

.hero-visual {
  min-height: 460px;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
}

.visual-orbit {
  position: absolute;
  border: 1px solid rgba(237, 23, 27, .18);
  border-radius: 50%;
  transform: rotate(-23deg);
}
.orbit-1 {
	max-width: 500px;
    max-height: 370px;
    width: 100%;
    height: 25%;
}
.orbit-2 {
    max-width: 400px;
    max-height: 480px;
    width: 69%;
    height: 72%;
    border-color: rgba(109, 119, 131, .18);
    transform: rotate(-44deg);
}
.orbit-3 {
	max-width: 200px;
	max-height: 480px;
	width: 100%;
	height: 100%;
	border-color: rgba(237, 23, 27, .19);
	transform: rotate(-84deg);
}
.orbit-4 {
    max-width: 650px;
    max-height: 350px;
    width: 100%;
    height: 35%;
    border-color: rgb(93 83 223 / 22%);
    transform: rotate(144deg);
}

.route-panel {
  width: min(100%, 394px);
  min-height: 400px;
  padding: 30px;
  position: relative;
  z-index: 1;
  color: #fff;
  border-radius: var(--border-default);
  background: var(--bg-dark);
  box-shadow: 22px 25px 0 rgba(237, 23, 27, .11), 0 26px 45px rgba(39, 42, 48, .23);
  overflow: hidden;
}

.route-panel:after {
  content: "";
  width: 225px;
  height: 225px;
  position: absolute;
  top: -102px;
  right: -54px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 50%;
  box-shadow: 0 0 0 19px rgba(237, 23, 27, .82), 0 0 0 65px rgba(237, 23, 27, .1);
  pointer-events: none;
}

.route-panel-top {
  display: flex;
  justify-content: space-between;
  color: #aeb2b8;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
}
.route-panel-top span:first-child { 
	color: #4097cd; 
}
.route-panel-top span:last-child { 
	color: #ff7477; 
}

.route-panel-title {
  margin-top: 53px;
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-weight: 390;
  letter-spacing: -1.3px;
  line-height: 1.03;
}

.route-panel-title strong { color: #ff3b3f; font-weight: 800; }

.route-panel > p {
  max-width: 255px;
  margin: 12px 0 17px;
  position: relative;
  z-index: 1;
  color: #aeb2b8;
  font-size: 11px;
  line-height: 1.45;
}

.route-options {
  display: grid;
  gap: 7px;
  position: relative;
  z-index: 2;
}

.route-options button {
  min-height: 53px;
  padding: 8px 9px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #b9bdc2;
  border: 1px solid #4e535a;
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
  text-align: left;
  transition: border-color .2s, background .2s, transform .2s;
}
.route-options button:hover {
  border-color: #ff6366;
  background: rgba(237, 23, 27, .12);
  transform: translateX(2px);
  cursor: pointer;
}
.route-options button.is-selected {
  color: #fff;
  border-color: #ed171b;
  background: rgba(237, 23, 27, .2);
}

.route-option-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 8px;
}

.route-option-icon svg{
  width:17px;
  height:17px;
}

.frontform-icon-okarrow {
  width:17px;
  height:17px;
}

.frontform-icon-clock {
  width:17px;
  height:17px;
}

.option-rko { color: #ff7376; background: rgba(237, 23, 27, .19); }
.option-ip { color: #cfb0ed; background: rgba(148, 102, 182, .22); }
.option-bankruptcy { color: #ffc18f; background: rgba(205, 121, 75, .2); }
.option-digital { color: #4097cd; background: rgb(93 83 223 / 22%); }

.route-options button > span:nth-child(2) {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 3px;
}

.route-options b,
.route-options small { display: block; }
.route-options b { color: inherit; font-size: 11px; }
.route-options small { color: #959ba2; font-size: 9px; }
.route-options button.is-selected small { color: #e1b0b1; }
.route-options button > svg { color: #ff6366; }

.route-panel-bottom {
  margin-top: 17px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #989ea5;
  font-size: 9px;
  justify-content: space-between;
}

.route-panel-bottom > span:first-child {
  display: flex;
  align-items: center;
  gap: 5px;
}

.front-wf-button {
	background: var(--bg-redlight);
	color: var(--color-light);
	border: none;
	display: flex;
	gap: 5px;
	align-items: center;
	font-size: 11px;
}

.front-wf-button .social-arrow-right {
	width: 12px;
	height: 12px;
}

.floating-note {
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  z-index: 2;
  border: 1px solid #e5e4e2;
  border-radius: 10px;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 13px 27px rgba(48, 44, 44, .11);
  color: #51555b;
  font-size: 11px;
}

.note-2 {
	right: 60px;
	top: 57px;
}

.note-2 svg {
    color: #ed171b;
    width: 13px;
    height: 13px;
}

.note-text { line-height: normal; }

.hero-stamp {
	width: 74px;
	height: 74px;
	display: grid;
	place-items: center;
	align-content: center;
	gap: 3px;
	position: absolute;
	right: 13px;
	bottom: 100px;
	z-index: 2;
	color: #fff;
	border-radius: 50%;
	background: #ed171b;
	box-shadow: 0 10px 22px rgba(237, 23, 27, .18);
	font-size: 9px;
	font-weight: 750;
	text-align: center;
	transform: rotate(10deg);
}

.hero-stamp svg {
  width:17px;
  height:17px;
  opacity:0.9;
}

.hero-visual { min-height: 430px; margin-top: 7px; }
.route-panel { width: min(91%, 350px); min-height: 398px; padding: 20px; }
.route-panel-title { margin-top: 48px; font-size: 27px; }

.first-screen-left h1 {
	font-weight: 800;
	font-size: 70px;
	line-height: 80px;
}
.first-screen-left p {
	color: var(--color-midlight);
	font-weight: 500;
	font-size: 18px;
}

.first-screen_btns {
    display: flex;
    gap: 30px;
    flex-direction: row;
}

.first-screen_btns .btn-default {
    font-weight: 700;
    padding: 20px;
    border-radius: var(--border-default2);
    display: flex;
    width: fit-content;
    gap: 10px;
    align-items: center;
}

.first-screen_btns .btn-default svg{
    width:18px;
	height:18px;
}

.first-screen {
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 60px;
}

.first-screen-left {
	background:url(/local/templates/rkoexpert/img/bg_fs.svg) no-repeat scroll bottom left / cover;
}

.front-block2-title {
    align-items: center;
    display: grid;
    grid-template-columns: 500px 1fr;
    gap: 30px;
}

.front-block2-title p{
	text-align: right;
    font-size: 12px;
    line-height: 13px;
}

.front-block-body {
    display: grid;
    grid-template-columns: 500px 1fr;
    gap: 30px;
}

.front-block-2-left {
	background: var(--bg-dark) url(/local/templates/rkoexpert/img/bg_block_top.svg) no-repeat scroll top right / 30%;
	border-radius: var(--border-default);
    padding: 30px;
}

.block-2-left-title {
	font-weight:700;
}

.front-block-2-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.front-block-2-left ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.front-block-2-left ul li{
    font-size: 11px;
    display: block;
    margin-top: 15px;
    background: #343434;
    padding: 5px 9px;
    border-radius: 5px;
    color: #858585;
    width: 90px;
    text-align: center;
}

.front-block-2-right-item {
    background: var(--bg-light) url(/local/templates/rkoexpert/img/bg_block_bottom.svg) no-repeat scroll bottom right / 15%;
    border: 1px solid var(--border-color);
    border-radius: var(--border-default);
    padding: 30px;
}

.right-item-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.right-item-title svg{
	width:32px;
	height:32px;
	padding:6px;
	border-radius: 6px;
}

.fb2-1 {
    color: #ff7376;
    background: rgba(237, 23, 27, .19);
}

.fb2-2 {
	color: #ffc18f;
    background: rgba(205, 121, 75, .2);
}

.fb2-3 {
	color: #cfb0ed;
    background: rgba(148, 102, 182, .22);
}

.fb2-4 {
	color: #4097cd;
    background: rgb(93 83 223 / 22%);
}

.right-item-title span{
	font-size: 18px;
    line-height: 18px;
}

.right-item-content {
    color: var(--color-midlight);
    line-height: normal;
}

.right-item-content span{
    font-size: 11px;
    display: block;
    margin-top: 15px;
    background: var(--bg-default);
    width: fit-content;
    padding: 5px 9px;
    border-radius: 5px;
}

.right-item-link a {
	transition:var(--transition-default);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
	font-weight:700;
}

.right-item-link a:hover {
	color:var(--color-redlight);
}

.right-item-link a:hover svg{
	color:var(--color-redlight);
}

.right-item-link svg {
	width:18px;
	height:18px;
	color:var(--color-default);
}

.front-block-3-title {
	font-weight:700;
}

.front-howto-title, .front-howto-item-title {
	font-weight:700;
}

.front-howto-item-title {
    display: flex;
    flex-direction: column;
}

.front-howto-item-title svg{
    height: 100%;
    max-height: 62px;
    width: 100%;
    max-width: 436px;
}

.front-howto-item:last-child .front-howto-item-title svg {
    max-height: 20px;
}

.front-howto-item:first-child .front-howto-item-title span {
    margin-top: -40px;
}

.front-howto-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.front-howto-item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/***************** END main-page **************/

/********* READMORE ************/
.js-readmore-container .rko-readmore__content {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.js-readmore-container.is-expanded .rko-readmore__content {
    max-height: 3000px; 
}

/* Градиент затемнения (показывается только в свернутом состоянии) */
.js-readmore-container:not(.is-expanded) .rko-readmore__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-default));
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.js-readmore-container.is-expanded .rko-readmore__content::after {
    opacity: 0;
    visibility: hidden;
}

/* Обертка для кнопки и линий, ограничивающаяся шириной родительского блока */
.rko-readmore__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    width: 100%;
    position: relative;
}

/* Левая и правая линии */
.rko-readmore__wrap::before,
.rko-readmore__wrap::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--color-midlight2);
}

/* Отступы в 30px от линий до кнопки */
.rko-readmore__wrap::before {
    margin-right: 30px;
}

.rko-readmore__wrap::after {
    margin-left: 30px;
}

.rko-readmore__btn {
    margin: 0;
    display: inline-block;
}
/***************** regions-page ******************/

.regions-page {
	
}

.regions-page .regions-search-box {
    margin-bottom:30px;
}

.regions-page .regions-search-box input{
    width: 100%;
    padding: 12px;
    border: 1px solid var(--color-midlight2);
    border-radius: var(--border-default2);
	color: var(--color-middark);
}

.regions-page .alphabet-letter-wrapper {
    margin-bottom: 15px;
}

.regions-page .alphabet-letter {
    color: var(--color-red);
    border-bottom: 2px solid var(--bg-middark);
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600;
}

.regions-page .regions-grid {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 25px;
}

.regions-page .region-card {
    background: var(--bg-light);
	border: 1px solid var(--color-midlight2);
    border-radius: var(--border-default);
    padding: 25px;
}

.regions-page .js-region-title {
    margin-bottom: 15px;
	cursor:pointer;
}

.regions-page p.js-region-title {
    text-align:left;
}

.regions-page .region-services {
	list-style: none;
    padding: 0;
    margin: 0;
	display: flex;
    gap: 10px;
    flex-direction: column;
}

.regions-page .region-services a{
    text-decoration: none;
    color: var(--color-red);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition-default);
    line-height: 20px;
    display: block;
}

.regions-page .region-services a:{
    color: var(--color-dark);
    text-decoration: none;
}


/***************** END regions-page **************/

/***************** OFFERS BLOCK ******************/
.rko-offers {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.rko-offer-card {
    background: var(--bg-light);
    border-radius: var(--border-default);
    padding: 30px;
    display: grid;
    grid-template-columns: 175px 1fr 175px;
    gap: 30px;
    align-items: start;
	border: 1px solid var(--color-midlight2);
}

.rko-offer-card-textcontent {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}

.rko-offer-card-textcontent .rko-offer-desc-preview{
    font-size: 12px;
    line-height: 18px;
    min-height: 36px;
}

.rko-offer-card-textcontent .rko-offer-desc {
    font-size: 12px;
    line-height: 18px;
}

.rko-offer-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: var(--border-default);
}

.rko-offer-title {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}

.rko-offer-title h3{
    font-size: 20px;
}

.rko-offer-title span{
	font-size: 12px;
	opacity: 0.7;
}

.rko-business-size {
	font-size: 12px;
	color: var(--color-midlight);
}

.rko-offer-card-left {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    height: 100%;
}

.rko-offer-image {
	height: 130px;
	border-radius: var(--border-default);
	overflow: hidden;
	display: flex;
	width: 100%;
	align-items: center;
}

.rko-offer-action-text {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rko-offer-action-img {
    font-size: 28px;
    opacity: 0.3;
}

.rko-offer-action-btns {
	
}

.rko-offer-startcost {
    font-weight: 500;
    display: flex;
    flex-direction: column;
    line-height: 18px;
	
}

.rko-offer-startcost p{
    font-size: 12px;
    color: var(--color-midlight);
    font-weight: 400;
}

.rko-offer-action a {
    width: 100%;
	background: var(--bg-red);
	border:1px solid var(--bg-red);
    color: var(--color-light);
	padding: 6px 15px;
	display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
}

.rko-offer-action a:hover {
	background: var(--bg-dark);
	border:1px solid var(--bg-dark);
    color: var(--color-light);
}

.rko-offer-action a svg{
    width: 16px;
    height: 16px;
}

.rko-offer-action a span{
    font-size: 13px;
}

.rko-offer-action {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rko-offer-card-textcontent h3 {
    margin: 0;
}

.rko-offer-features-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.rko-offer-features-text {
	
}

.rko-offer-features-list li{
    list-style: none;
    border: 1px solid var(--color-midlight2);
    padding: 8px 10px;
    border-radius: 17px;
    background: var(--bg-midlight);
    font-size: 14px;
    color: var(--color-default);
    font-weight: 500;
    line-height: 20px;
}

.rko-page_howto {
	
}

.rko-page_howto h2{
    
}

.rko-page_steps{
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}

.rko-page_steps li{
    display: flex;
    list-style: none;
	flex-direction: column;
    background: var(--bg-light);
    border-radius: var(--border-default);
    padding: 30px;
    border: 1px solid var(--color-midlight2);
}

.rko-page_steps-top {
    display: grid;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 60px 1fr;
    border-bottom: 1px solid var(--color-light);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.rko-page_steps-left {
    border-radius: var(--border-default);
    background: var(--bg-semiredlight);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bg-semiredlight2);
    position: relative;
}

.rko-page_steps-left svg {
    stroke: var(--color-red);
    color: var(--color-red);
    width: 30px;
    height: 30px;
}

.rko-page_steps-left span {
    background: var(--bg-red);
    color: var(--color-light);
    font-size: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 100px;
    font-weight: 700;
    position: absolute;
    top: -8px;
    right: -8px;
}

.rko-page_steps-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rko-page_steps-right-subtitle {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 11px;
    font-weight: 500;
    color: var(--color-red);
}

.rko-page_steps-right-title {
    font-weight: 700;
    line-height: normal;
    min-height: 40px;
    margin-bottom: 5px;
}

.rko-page_steps-right-content {
    color: var(--color-midlight);
    font-size: 12px;
    line-height: normal;
}

.rko-page_steps-bottom {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-direction: row;
    line-height: normal;
    flex-wrap: nowrap;
}

.rko-page_steps-bottom-lrft {
    display: flex;
    align-items: center;
    gap: 5px;
}

.rko-page_steps-bottom-lrft svg {
    stroke: var(--color-greenlight);
    width: 18px;
    height: 18px;
    color: var(--color-greenlight);
}

.rko-page_steps-bottom-lrft span {
    color: var(--color-midlight);
    font-size: 10px;
}

.rko-page_steps-bottom-right {
    background: var(--bg-midlight);
    padding: 5px 11px;
    border-radius: var(--border-default2);
    font-size: 10px;
    color: var(--color-midlight);
}

.rko-offline-account-drawbacks .rko-page_steps li{
    border: 1px solid var(--color-orangelight);
}

.rko-offline-account-drawbacks .rko-page_steps-left {
    background: var(--bg-orangelight);
}

.rko-offline-account-drawbacks .rko-page_steps-left svg {
    stroke: var(--color-orangedark);
    color: var(--color-orangedark);
}

.rko-offline-account-drawbacks .rko-page_steps-left span {
    background: var(--bg-orangedark);
    color: var(--color-light);
}

.rko-offline-account-drawbacks .rko-page_steps-right-subtitle {
    color: var(--color-orangedark);
}

.rko-offline-account-drawbacks .rko-page_steps-bottom-lrft svg {
    stroke: var(--color-orangedark);
    color: var(--color-orangedark);
}

.rko-offline-account-drawbacks .rko-page_steps-bottom-lrft {
    background: var(--bg-orangelight);
    color: var(--color-orangedark);
    border-radius: var(--border-default);
    padding: 4px 10px;
}

.rko-warning-msg {
    display: flex;
    align-items: center;
    gap: 15px;
    background: var(--bg-light);
    color: var(--color-orangedark);
	border: 1px solid var(--color-orangelight);
	border-radius: var(--border-default);
	padding:30px;
}

.rko-warning-msg svg {
	stroke: var(--color-orangedark);
	color: var(--color-orangedark);
	width: 30px;
    height: 30px;
}

.rko-warning-msg span {
	
}

/* Контейнер детализации с плавной анимацией высоты */
.rko-offer-desc-wrapper {
    position: relative;
    overflow: hidden;
    /* Дефолтная начальная высота (~100px) */
    max-height: 100px; 
    transition: max-height 0.4s ease-in-out;
}

/* Состояние при раскрытом контенте */
.rko-offer-desc-wrapper.is-expanded {
    max-height: 2000px; /* Большое значение, перекрывающее реальный контент */
}

.rko-offer-toggle-btn {
    background: var(--bg-default);
    color: var(--color-midlight);
    border: none;
	align-items: center;
    gap: 7px;
}
.rko-offer-toggle-btn:hover {
    background: var(--bg-red);
    color: var(--color-light);
}

.rko-offer-toggle-btn svg{
    width: 16px;
    height: 16px;
}

.rko-offer-desc .rko-offer-features-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.rko-offer-desc-wrapper:not(.is-expanded) .rko-offer-features-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rko-offer-desc-wrapper.is-expanded .rko-offer-features-list li {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    align-items: center;
}

.rko-offer-desc-wrapper {
	max-height: 84px;
}

.rko-offer-details {
	margin-top: 30px;
}

/***************** END OFFERS BLOCK **************/

/***************** MODAL *************************/
/* --- Стили модального окна выбора города --- */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Класс для плавного открытия модалки через JS */
.modal.is-open {
    display: flex;
    opacity: 1;
    visibility: visible;
}

.modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.modal__content {
    position: relative;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.modal.is-open .modal__content {
    transform: translateY(0);
}

.modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    transition: color 0.2s;
}

.modal__close:hover {
    color: #000;
}

.modal__content h3 {
    text-align:center;
	margin-bottom: 15px;
}

.modal__city-search {
    margin-bottom: 15px;
}

.modal__city-search p {
    font-size:11px;
}

.modal__city-search input {
    width: 100%;
    padding: 10px 12px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s;
}

.modal__city-search input:focus {
    border-color: #0d6efd;
}

.modal__city-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal__city-list li {
    margin-bottom: 8px;
}

.modal__city-list a {
    text-decoration: none;
    color: #007bff;
    transition: color 0.2s;
}

.modal__city-list a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.modal__city-link {
    text-align:center;
}

.modal__city-link a {
    color: var(--color-dark);
}

.modal__city-link a:hover {
    color: #000;
}

.modal__city-list {
    max-height: 260px;
    overflow-y: auto;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 12px;
}

.header-region_item {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.header-region_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.header-region_item .rko-h3 {
    margin: 0 0 10px 0;
    color: var(--color-dark);
	cursor:pointer;
}

.header-region_item ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex-direction: column;
}

.header-region_item li {
    margin-bottom: 4px;
}

.header-region_item a {
    text-decoration: none;
    color: var(--color-red);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition-default);
    line-height: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-region_item a:hover {
    color: var(--color-dark);
	text-decoration: none;
}

#city-modal .modal-current_region {
	color: var(--color-dark);
}

.rko-modal-title {
    display: flex;
    gap: 15px;
    align-items: center;
}

.rko-modal-title .rko-modal-title-icon {
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: var(--border-default);
}

.rko-modal-title svg {
    stroke: var(--color-light);
    width: 30px;
    height: 30px;
    color: var(--color-light);
}

.rko-modal-title-right {
    display: flex;
    flex-direction: column;
}

.rko-modal-title-right .rko-modalhead-subtitle{
    color: var(--color-middark);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 8px;
    line-height: normal;
}

.rko-modal-title-right .rko-modalhead-subtitlemini{
	
}

.rko-modal-title-right span{
	
}

.rko-modalitem-title {
    display: flex;
    flex-direction: column;
}

.rko-modalitem-title span:last-child{
    color: var(--color-midlight);
    font-size: 11px;
    line-height: normal;
}

.rko-modalitem-rko svg{
    stroke: #3275c1;
    width: 18px;
    height: 18px;
}

.rko-modalitem-reg svg{
	stroke:#8965bf;
    width: 18px;
    height: 18px;
	color: #8965bf;
}

.rko-modalitem-bankrot svg{
	stroke:#d17344;
    width: 18px;
    height: 18px;
	color: #d17344;
}

.modal-subtitle {
    border: 1px solid var(--color-midlight2);
    background: var(--bg-midlight);
    border-radius: var(--border-default2);
    display: flex;
    align-items: center;
    line-height: normal;
    font-size: 13px;
    color: var(--color-middark);
    padding: 10px 15px;
    gap: 5px;
}

.modal-subtitle span {
    text-transform: uppercase;
    font-size: 11px;
}

.modal-subtitle svg {
	stroke:var(--color-redlight);
	color: var(--color-redlight);
    width: 14px;
    height: 14px;
}

#front-route-modal .form-fields-group {
	flex-direction: column;
	align-items: stretch;
}

#front-route-modal textarea {
	margin-top: 0;
}

/************* END MODAL ******************/

/************* WEB FORM ******************/
.form-group textarea {
    margin-top: 12px;
}

.ajax-form .form-message.success {
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 200;
    line-height: 32px;
    padding-bottom: 30px;
}

.ajax-form .mil-button {
    color:#fff;
}

.ajax-form .col-privacy {
    margin-top: 5px;
}

.privacy-label {
	line-height: 15px;
    display: grid;
	grid-template-columns: 22px 1fr;
	align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
}

.ppp-policy-link {
	transition: var(--transition-default);
	border-bottom: 1px solid var(--color-midlight2);
}

.ppp-policy-link:hover {
	border-bottom: 1px solid var(--color-redlight);
}

.ajax-form .col-privacy label input {
    width: 22px;
    display: block;
    height: 22px;
}

.ajax-form .col-submit {
    display: flex;
    justify-content: flex-end;
}

.ajax-form .col-submit button{
    background: var(--bg-redlight);
    color: var(--color-light);
    border: none;
    display: flex;
    gap: 5px;
    align-items: center;
}

.ajax-form .col-submit button:hover {
    background: var(--bg-dark);
    color: var(--color-light);
}

.ajax-form .col-submit button svg {
    stroke: var(--color-light);
    width: 18px;
    height: 18px;
}

.wf-privacy-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: background 0.3s ease, border-color 0.3s ease;
    background-color: #fff;
}

.wf-privacy-checkbox:checked {
    border-color: transparent;
    background: var(--color-redlight);
}

.wf-privacy-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 1px;
    width: 9px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.wf-privacy-checkbox:not(:checked):hover {
    border-color: #FF6329;
}

.hidden {
	display:none;
}

.rko-page_header_form {
    background: var(--bg-light);
    border-radius: var(--border-default);
    border: 1px solid var(--color-midlight2);
    margin-top: -25px;
	padding: 30px;
}

.form-privacy-group {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}

.rko-page_header_form p.rko-h3 {
    margin-bottom: 5px;
    color: var(--color-dark);
    font-weight: 700;
}

.rko-page_header_form .form-subtext{
    color:var(--color-midlight);
	margin-bottom: 20px;
	display:block;
}

.form-fields-group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
	margin-bottom: 20px;
}

.form-fields-group .form-group {
    width: 100%;
}

.form-fields-group .form-group input{
    width: 100%;
    font-size: 16px;
    padding: 13px 20px;
    border-radius: var(--border-default);
    border: 1px solid var(--color-midlight2);
}

.form-fields-group .form-group textarea{
    width: 100%;
    font-size: 16px;
    padding: 13px 20px;
    border-radius: var(--border-default);
    border: 1px solid var(--color-midlight2);
	max-height:150px;
	max-width: 100%;
	font-family: "Inter", sans-serif;
}

.rko-page_bottom_form {
	margin-top: 30px;
}

/************* END WEB FORM ******************/

/********** FAQ LIST ***********/
.rko-faq-filter {
	
}

.rko-faq-filter .btn-default.is-active{
	background: var(--bg-light);
	color: var(--color-dark);
}

.rko-faq-list {
	
}

.rko-faq-list-item {
	background: var(--bg-light);
	border-radius: var(--border-default);
	padding: 30px;
	border: 1px solid var(--border-color);
}

.rko-faq-list-item-content-body {
	border-top: 1px solid var(--border-color);
	margin-top: 15px;
	padding-top: 15px;
	color:var(--color-midlight);
}

.rko-faq-list-item-title {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    line-height: normal;
}

.icon-lamp {
    stroke: var(--color-orangedark);
    color: var(--color-orangedark);
    width: 30px;
    height: 30px;
}

.rko-faq-list-item-title::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 5px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.3s ease;
}

.rko-faq-list-item.is-open .rko-faq-list-item-title::before {
    transform: translateY(-30%) rotate(225deg);
}

.rko-faq-list-all {
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	max-width: 220px;
	text-align: center;
}

/********** END FAQ LIST ***********/

/********** OKVED LIST ***********/

.rko-okved-search {
	
}

.rko-okved-search label{
	display:none;
}

.rko-okved-search #okved-search-input {
    width: 100%;
    font-size: 16px;
    padding: 13px 20px;
    border-radius: var(--border-default);
    border: 1px solid var(--color-midlight2);
}

.rko-okved-search-help {
	
}

.rko-okved-search-status {
	font-weight: 700;
}

.rko-okved-search-results {
	display: flex;
	flex-direction: column;
	gap: 15px;
	background: var(--bg-light);
	border-radius: var(--border-default);
	padding: 30px;
	border: 1px solid var(--border-color);
}

.rko-okved-search-results[hidden] {
	display: none;
}

.rko-okved-search-result {

}

.rko-okved-search-result a {
	transition: var(--transition-default);
}

.rko-okved-search-result a strong{
	color: var(--color-redlight);
}

.rko-okved-search-result a:hover {
	color: var(--color-redlight);
}

.rko-okved-list-block-title, 
.okved-lvl1-title, 
.okved-lvl2-title, 
.okved-lvl3-title, 
.okved-lvl4-title, 
.okved-lvl5-title, 
.okved-lvl6-title, 
.okved-lvl7-title {
	font-weight: 700;
	display: flex;
	gap: 15px;
	flex-direction: row;
	align-items: center;
	margin-top:15px;
}

.rko-okved-toggle {
	padding: 10px;
	border-radius: 200px;
	line-height: 8px;
	font-weight: 900;
	font-size: 16px;
	width: 35px;
	height: 35px;
}

.okved-children-block {
	border-left: 1px solid var(--color-middark);
	padding-left: 15px;
}

/********** END OKVED LIST ***********/

/********** Сервисы — общие стили **********/
.rko-services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; }
.rko-service-card, .rko-service-panel { background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--border-default); padding:30px; }
.rko-service-card { display:block; color:inherit; text-decoration:none; position: relative; transition: var(--transition-default);}
.rko-service-card:hover, .rko-service-card:focus-visible { border-color:var(--color-dark); background:var(--color-light);}
.service_bg_number {
	position: absolute;
	color: var(--color-dark);
	opacity: .03;
	font-weight: 900;
	right: 20px;
	font-size: 140px;
	padding-top: 30px;
	display: block;
}
.rko-service-card > h2 {
    min-height: 62px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    gap: 15px;
    align-items: center;
}
.rko-service-card > h2 .service-ttl-icon {
	
}
.rko-service-card > h2 .service-ttl-content{
	
}
.rko-service-card p {
	color: var(--color-midlight);
	font-size: 14px;
	line-height: normal;
}
.rko-service-fields {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.rko-service-fields span {
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
}
.rko-service-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.rko-service-field input, .rko-service-field select { box-sizing:border-box; width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-light); color:var(--color-default); font:inherit; }
.rko-service-field input:focus-visible, .rko-service-field select:focus-visible { outline:2px solid var(--color-red); outline-offset:2px; }
.rko-service-result { margin-top:20px; white-space:pre-line; font-size:18px; overflow-wrap:anywhere; }
.rko-service-result:empty { display:none; }
.rko-service-error { color:var(--color-red); }
.rko-services [hidden] { display:none!important; }
.rko-services button:disabled { opacity:.6; cursor:wait; }
/********** END Сервисы — общие стили **********/

/********** Курсы валют **********/
.rko-rates-table-wrap { overflow-x:auto; }
.rko-rates-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.rko-rates-table th, .rko-rates-table td { padding:12px; text-align:left; border-bottom:1px solid var(--border-color); }
.rko-rates-table caption { text-align:left; padding:12px; }
/********** END Курсы валют **********/

/********** Конвертер валют **********/
/* Использует общие стили сервисов. */
/********** END Конвертер валют **********/

/********** Калькулятор НДС **********/
/* Использует общие стили сервисов. */
/********** END Калькулятор НДС **********/

/********** Сумма прописью **********/
/* Использует общие стили сервисов. */
/********** END Сумма прописью **********/

/********** Маржа и наценка **********/
/* Использует общие стили сервисов. */
/********** END Маржа и наценка **********/

/********** Рабочие дни **********/
/* Использует общие стили сервисов. */
/********** END Рабочие дни **********/

/********** Проверка ИНН и ОГРН **********/
/* Использует общие стили сервисов. */
/********** END Проверка ИНН и ОГРН **********/

/********** Налоговый календарь **********/
.rko-tax-event { padding:22px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--border-default); }
.rko-tax-event time { display:block; font-weight:700; color:var(--color-red); margin-bottom:10px; }
.rko-tax-event h2 { font-size:20px; margin-bottom:10px; }
.rko-tax-event p { margin-bottom:10px; }
.rko-tax-actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.rko-tax-actions button { white-space:normal; }
/********** END Налоговый календарь **********/

/********** Генератор счёта на оплату **********/
.rko-invoice-row { display:grid; grid-template-columns:3fr 1fr 1fr 1.5fr 1.5fr auto; gap:12px; align-items:end; padding:18px 0; border-bottom:1px solid var(--border-color); }
.rko-invoice-row .btn-default { align-self:end; min-height:46px; }
.rko-invoice-preview { overflow-x:auto; padding:25px; border:1px solid var(--border-color); background:white; border-radius:var(--border-default); }
.rko-invoice-document { color:#111; font:14px Arial,sans-serif; }
.rko-invoice-document h2 { font-size:24px; margin-bottom:20px; overflow-wrap:anywhere; }
.rko-invoice-document p { margin:8px 0; overflow-wrap:anywhere; }
.rko-invoice-document table { width:100%; border-collapse:collapse; margin:20px 0; table-layout:fixed; }
.rko-invoice-document th, .rko-invoice-document td { padding:8px; border:1px solid #666; overflow-wrap:anywhere; }
.rko-invoice-document th:first-child { width:5%; }
.rko-invoice-document th:nth-child(2) { width:30%; }
.rko-invoice-qr { margin-top:20px; }
.rko-invoice-qr img { width:250px; max-width:100%; height:auto; }
.rko-invoice-print-frame { position:fixed; left:-10000px; top:0; width:210mm; height:297mm; border:0; }
@media(max-width:1000px) { .rko-invoice-row { grid-template-columns:repeat(2,minmax(0,1fr)); } .rko-invoice-row > label:first-child { grid-column:1/-1; } }
@media(max-width:600px) { .rko-invoice-document table { min-width:600px; } .rko-invoice-preview { padding:15px; } }
/********** END Генератор счёта на оплату **********/

/********** QR-код для оплаты **********/
.rko-payment-layout { display:grid; grid-template-columns:minmax(200px,320px) minmax(0,1fr); gap:25px; align-items:start; margin-bottom:20px; }
.rko-payment-layout img { width:100%; height:auto; }
.rko-payment-layout p { white-space:pre-line; overflow-wrap:anywhere; }
.rko-payment-actions { display:flex; flex-wrap:wrap; gap:12px; }
#qr-payload { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; margin-top:12px; }
@media(max-width:700px) { .rko-payment-layout { grid-template-columns:minmax(0,1fr); } .rko-payment-layout img { max-width:320px; } }
/********** END QR-код для оплаты **********/

/********** Калькулятор процентов **********/
/* Использует общие стили сервисов и существующие классы отступов. */
/********** END Калькулятор процентов **********/

/********** Калькулятор пеней **********/
.rko-penalty-table-wrap { overflow-x:auto; }
.rko-penalty-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.rko-penalty-table caption { text-align:left; font-weight:700; padding:10px 0; }
.rko-penalty-table th, .rko-penalty-table td { padding:12px; text-align:left; border-bottom:1px solid var(--border-color); }
.rko-penalty-table td:first-child { min-width:185px; }
/********** END Калькулятор пеней **********/


/********** Справочник банков по БИК **********/
.rko-bik-details {display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:12px 20px;margin:20px 0;overflow-wrap:anywhere}
.rko-bik-details dt {font-weight:600}.rko-bik-details dd {margin:0;white-space:pre-line}
@media(max-width:600px){.rko-bik-details{grid-template-columns:1fr;gap:6px}.rko-bik-details dd{margin-bottom:14px}}
/********** END Справочник банков по БИК **********/
/********** Быстрая проверка контрагента **********/
.rko-counterparty-links {margin-top:20px}.rko-counterparty-links .rko-service-card {overflow-wrap:anywhere}
/********** END Быстрая проверка контрагента **********/
/********** Калькулятор УСН **********/
.rko-usn__fields--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rko-usn__panel-heading, .rko-usn__actions { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; }
.rko-usn__panel-heading h2 { margin-bottom:0; }
.rko-usn__actions { justify-content:flex-start; margin:25px 0; }
.rko-usn__rate-line, .rko-usn__check {
    display: flex;
    margin-top: 18px;
    align-items: center;
    gap: 15px;
}
.rko-usn__manual-rate { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:12px; }
.rko-usn__manual-rate input[type="text"], .rko-usn__manual-rate input:not([type]) { width:100px; min-height:42px; }
.rko-usn__table-wrap { overflow-x:auto; }
.rko-usn__table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.rko-usn__table th, .rko-usn__table td { padding:10px; text-align:left; border-bottom:1px solid var(--border-color); white-space:nowrap; }
.rko-usn__table td input { width:150px; min-height:42px; box-sizing:border-box; padding:8px 10px; border:1px solid var(--border-color); border-radius:7px; font:inherit; }
.rko-usn__employee { padding:20px 0; border-top:1px solid var(--border-color); }
.rko-usn__employee h3 { margin-bottom:0; }
.rko-usn__remove { color:var(--color-red); background:none; border:0; font:inherit; cursor:pointer; }
.rko-usn__details { margin-top:18px; }
.rko-usn__details summary, .rko-usn__result summary, .rko-usn__info summary { cursor:pointer; font-weight:700; }
.rko-usn__summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.rko-usn__summary div { padding:16px; border:1px solid var(--border-color); border-radius:var(--border-default); background:var(--bg-light); }
.rko-usn__summary span, .rko-usn__summary strong { display:block; }
.rko-usn__summary span { font-size:14px; margin-bottom:7px; }
.rko-usn__summary strong { font-size:20px; overflow-wrap:anywhere; }
.rko-usn__calculation p { margin:10px 0; }
.rko-usn__warnings { margin:16px 0; }
.rko-service-notice { padding:14px 16px; border-radius:8px; border:1px solid var(--border-color); }
.rko-service-notice--critical { border-color:var(--color-red); }
.rko-service-notice--warning { border-color:#d39100; }
.rko-service-notice--info { border-color:#4d7cad; }
.rko-usn__okved { position:relative; margin-top:18px; }
.rko-usn__okved-results { display:grid; gap:4px; margin-top:8px; }
.rko-usn__okved-results button { padding:8px 10px; text-align:left; border:1px solid var(--border-color); border-radius:6px; background:var(--bg-light); cursor:pointer; }
.rko-usn__selected-okved { margin:10px 0 0; }
@media(max-width:800px) { .rko-usn__fields--three, .rko-usn__summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:550px) { .rko-usn__fields--three, .rko-usn__summary { grid-template-columns:1fr; } .rko-usn__table th, .rko-usn__table td { padding:8px; } }
@media print { .header, header, footer, .rko-usn__form, .rko-usn__info, .btn-default, .rko-mb-90 { display:none!important; } .rko-usn__result { border:0; box-shadow:none; } }
/********** END Калькулятор УСН **********/


/********** MOBILE **********/
/*
@media (min-width: 1200px) and (max-width: 1400px) {
    
}

@media(max-width:1400px) {
	
}
*/
/********** 1200px-1400px **********/
@media (min-width: 1200px) and (max-width: 1400px) {
	
.first-screen-left h1, .rko-city__title {
    font-size: 60px;
    line-height: 60px;
}

.first-screen {
    align-items: center;
}

.rko-page_header_block_left p.rko-mb-60 br {
    display: none;
}

.rko-offer-desc-wrapper {
	max-height: 85px;
}

}

/********** 991px-1199px **********/
@media (min-width: 991px) and (max-width: 1199px) {
	
.header__nav {
    gap: 10px;
}
	
.first-screen-left h1, .rko-city__title {
    font-size: 45px;
    line-height: 45px;
}

.first-screen {
    align-items: center;
}

.rko-page_header_block_left p.rko-mb-60 br {
    display: none;
}

.first-screen_btns a {
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
}

.front-block-body {
    grid-template-columns: 370px 1fr;
}

.front-block-2-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.front-block-2-left img {
    width: 100%;
    height: auto;
}

.rko-page_header_block {
    grid-template-columns: 1fr 442px;
}



.rko-offer-desc-wrapper {
	max-height: 85px;
}

}

/********** 300px-990px **********/
@media (min-width: 300px) and (max-width: 990px) {

.header {
    background-color: rgb(238, 241, 243);
    position: fixed;
    z-index: 99;
    width: 100%;
}

.header__container {
    padding: 5px 15px;
}

.header__logo {
	height: 40px;
}

.header__logo svg.icon-rko-logo-dark {
    max-width: 190px;
    max-height: 40px;
}

.header .header__city {
	display:none;
}

.header__nav {
    gap: 10px;
}
	
.first-screen-left h1, .rko-city__title {
    font-size: 45px;
    line-height: 45px;
}

.first-screen {
    align-items: center;
	grid-template-columns: 1fr;
	gap: 30px;
}

.first-screen-left p {
    color: var(--color-midlight);
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
}

.first-screen_btns {
    gap: 15px;
	flex-direction: column;
}

.rko-page_header_block_left p.rko-mb-60 br {
    display: none;
}

.first-screen_btns a {
	justify-content: center;
	width: 100%!important;
	padding: 10px!important;
}

.note-2 {
    right: 3px;
    top: 49px;
}

.visual-orbit {
	display:none;
}

.front-block2-title {
    grid-template-columns: 1fr;
}

.front-block-body {
    grid-template-columns: 1fr;
}

.front-block-2-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.front-block-2-left img {
    width: 100%;
    height: auto;
}

.front-block-2-right {
    grid-template-columns: 1fr;
}

.front-howto-content {
    grid-template-columns: 1fr;
}

.rko-offer-desc-wrapper {
	max-height: 85px;
}

.header__nav {
	display:none;
}

.mobile-menu-btn {
	display:block;
	font-size: 30px;
}

.mobile-menu-close {
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 25px;
    font-weight: 700;
}

.mobile-menu-body-content .mobile__logo {
	display:block;
	position: absolute;
    left: 30px;
    top: 20px;
	height: 40px;
}

.mobile-menu-body-content .mobile__logo svg {
    max-width: 190px;
    max-height: 40px;
}

.mobile__nav {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.mobile__nav a {
    font-size: 16px;
    font-weight: 600;
	transition: var(--transition-default);
}

.mobile__nav a:hover {
    color:var(--color-redlight);
}

.main_content {
	padding-top: 70px;
}

.footer__container {
    flex-direction: column;
    gap: 60px;
}

.footer__title {
    margin-bottom: 10px;
}

.copyright {
    flex-direction: column;
    gap: 30px;
}

.rko-modal-title-right .rko-modalhead-subtitle {
    letter-spacing: 3px;
}

.rko-modal-title-right .rko-modalhead-subtitlemini {
    font-size: 16px;
}

.form-privacy-group {
    gap: 20px;
    flex-direction: column;
}

.form-fields-group:last-child {
    margin-bottom: 0px;
}

.rko-faq-list-item {
    padding: 20px;
}

.rko-faq-list-item-title {
    padding-right: 20px;
    display: grid;
    gap: 10px;
    grid-template-columns: 20px 1fr;
}

.rko-faq-list-item-title svg {
	width: 20px;
}

.rko-faq-list-item-title span {
    font-size: 18px;
    line-height: 20px;
}

.rko-page_header_block_left p.rko-mb-60 {
    color: var(--color-midlight);
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
}

.rko-page_header_btns {
    gap: 15px;
    flex-direction: column;
}

.rko-page_header_btns a {
    justify-content: center;
    width: 100%!important;
    padding: 10px!important;
}

.rko-page_header_block {
    grid-template-columns: 1fr;
    gap: 30px;
}

.rko-page_header {
    min-height: 150px;
}

.rko-pagesubheader .rko-pagesubheader_list {
    grid-template-columns: 1fr;
}

.form-fields-group {
    flex-direction: column;
}

.ajax-form .col-submit {
    display: flex;
    justify-content: center;
    width: 100%;
}

.ajax-form .col-submit button {
    align-items: center;
    width: 100%;
    justify-content: center;
}

.js-readmore-container .rko-readmore__content {
    max-height: 340px;
}

.rko-page_steps {
    grid-template-columns: 1fr;
}

.rko-offer-card {
    padding: 20px;
    grid-template-columns: 1fr;
}

.rko-offer-desc .rko-offer-features-list {
    grid-template-columns: 1fr;
}

.rko-offer-toggle-btn {
    width: 100%;
	justify-content: center;
}

.rko-offer-action-text {
    justify-content: center;
}

.bank-grid {
    grid-template-columns: 1fr;
    gap: 15px;
}

.bank-card {
    padding: 20px;
}

.rko-warning-msg {
    padding: 15px;
}

}

/********** 300px-767px **********/


/* End */
/* /local/templates/rkoexpert/styles.css?179001740372526 */