/* Start:/trains/tav/lib/style.css?175688476810150*/
.cltab h1,
.cltab h2 {color: #282828;}
.color-1 .cltab h1,
.color-1 .cltab h2,
.color-2 .cltab h1,
.color-2 .cltab h2 {color: inherit;}
.cltab h1 {font-size: 32px; line-height: 125.2%; margin: 0;}
.cltab h2 {font-size: 21px; line-height: 150.2%; margin-bottom: 50px;}

.cltab__head {padding-top: 100px; padding-bottom: 50px;}

.cltab__icons {padding: 35px 0 40px; background: #F8F8F8;}
h2.cltab__icons-title {line-height: 150.2%; margin-bottom: 22px;}
.cltab__icons-wrap {display: grid; grid-template-columns: 368px 1fr; grid-column-gap: 130px; align-items: flex-start;}
.cltab__icons-wrap > * {display: grid; grid-template-columns: 100%; grid-row-gap: 30px;}
.cltab__icons-subrow {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 90px; grid-row-gap: 30px;}
.cltab__icons-item {display: grid; grid-template-columns: max-content 1fr; grid-column-gap: 32.5px; align-items: center;}
.cltab__icon {position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: transparent;}
.cltab__icons-item--start .cltab__icon {align-self: flex-start;}
.cltab__icon svg {fill: transparent; stroke: transparent;}
.cltab__icon .cltab__icon-rub {position: absolute; top: 0; right: 0; fill: #882051;}
.cltab__icons-item > p {line-height: 24px; margin: 0;}
.cltab__icons-item b {font-weight: 500;}
.cltab__icons-item a {text-decoration: none;}
.cltab__icon__hover {position: absolute; top: 39px; left: 0; margin: 0; font-size: 12px; line-height: 20px; width: 280px; padding: 12px; background: #ffffff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  border-radius: 4px; transition: 0.3s; z-index: 1; opacity: 0; visibility: hidden; pointer-events: none;}
.cltab__icon:hover .cltab__icon__hover {opacity: 1; visibility: visible;}

.cltab__classes {padding: 50px 0 100px;}
.cltab__section {padding-bottom: 100px;}
.cltab__section-row-wrap {display: flex; flex-direction: column; gap: 50px;}
.cltab__section-row {display: grid; grid-template-columns: 169px 1fr; grid-column-gap: 100px;}
.cltab__section-row:not(:last-child) {padding-bottom: 50px; border-bottom: 1px solid #E5E5E5;}
.cltab__section-type {display: none; margin-bottom: 30px;}
.cltab__section-row:first-child .cltab__section-type {display: block;}
.cltab__section-desc {display: flex; flex-direction: column; gap: 25px;}
.cltab__section-subtitle {font-size: 40px; font-weight: 800;}
.cltab__section-subtitle,
.cltab__class-title {line-height: normal; margin: 0; color: #882051;}
.color-1 .cltab__section-subtitle,
.color-1 .cltab__class-title,
.color-2 .cltab__section-subtitle,
.color-2 .cltab__class-title {color: inherit;}
.cltab__class-title {font-family: "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 700;}
.cltab__section-attention {line-height: 24px;}
.cltab__classes-wrap {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.cltab__class {display: flex; flex-direction: column; gap: 24px; padding: 21px 8px 21px 22px; background: #F8F8F8; border-radius: 10px;}
.color-1 .cltab__class,
.color-2 .cltab__class {border: 1px solid;}
.cltab__class--span-2 {grid-column: span 2;}
.cltab__class-title {display: grid; grid-template-columns: max-content 1fr; align-items: flex-end; gap: 15px; padding-right: 60px;}
.cltab__section--section-ge .cltab__class-title {text-transform: uppercase;}
.cltab__class-title::after {display: block; position: relative; content: ""; width: 100%; height: 1px; margin-bottom: 4px; background: #882051;}
.cltab__class-desc {line-height: 24px; padding-right: 15px;}
.cltab__service-icons-wrapper {display: flex; flex-direction: column; gap: 24px;}
.cltab__service-margin {margin-top: auto;}
.cltab__class h5 {font-family: "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 15px;}
.cltab__service-icons {display: flex; flex-wrap: wrap; gap: 15px 32px;}

.modal.symbols-modal {position: relative; max-width: 1300px; background: #F8F8F8;}
.symbols-modal h2 {font-size: 21px; font-weight: 800; line-height: 150.2%; margin: 35px 0 35px;}
.symbols-modal .fancybox-button.fancybox-close-small {top: 25px; right: 10px;}
.symbols-modal__wrapper {padding-bottom: 40px;}

.cltab__scroll {display: none; position: relative;}
.cltab__scroll.active {display: block;}
.cltab__scroll-wrapper {position: absolute; top: 0; left: 0; z-index: 110; width: 100%; padding: 25px 0; background: #F8F8F8;}
.cltab__scroll.active .cltab__scroll-wrapper {position: fixed;}
.cltab__scroll-title {font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-size: 21px; font-weight: 800; line-height: 150.2%; display: flex; align-items: center; gap: 15px; width: max-content; cursor: pointer;}
.cltab__scroll-title::after {content: ""; width: 25px; height: 26px; background: url(/trains/tav/lib/../images/icon-plus.svg) 50% 50% / contain no-repeat;}

.cltab__footnotes {font-size: 14px; line-height: normal; margin-top: 50px;}
.cltab__footnotes p:last-child {margin-bottom: 0;}

@media (min-width: 1220px) {
	.cltab__class:not(.cltab__class--span-2) .cltab__icon:nth-child(4) .cltab__icon__hover,
	.cltab__class:not(.cltab__class--span-2) .cltab__icon:nth-child(4n+6) .cltab__icon__hover {left: -100px;}
	.cltab__class:not(.cltab__class--span-2) .cltab__icon:nth-child(5) .cltab__icon__hover,
	.cltab__class:not(.cltab__class--span-2) .cltab__icon:nth-child(5n+6) .cltab__icon__hover {left: -150px;}
	.cltab__class:not(.cltab__class--span-2) .cltab__icon:nth-child(6) .cltab__icon__hover,
	.cltab__class:not(.cltab__class--span-2) .cltab__icon:nth-child(6n+6) .cltab__icon__hover {left: -215px;}
}

@media (max-width: 1220px) {
	.cltab h1 {font-size: 24px;}
	.cltab h2 {font-size: 18px; margin-bottom: 35px;}
	.cltab h2 i {display: block;}

	.cltab__head {padding-top: 70px; padding-bottom: 30px;}

	.cltab__icons {display: none; padding: 20px 0;}
	.color-1 .cltab__icons,
	.color-2 .cltab__icons {display: block;}
	h2.cltab__icons-title {margin-bottom: 0; cursor: pointer;}
	.cltab__icons-title > span {position: relative;}
	.cltab__icons-title > span::after {position: absolute; content: ""; right: -29px; top: 30%; width: 18px; height: 11px; transition: 0.3s; background: url(/local/components/oscompany/select.route/templates/inner_top/images/arrow-title-mob.svg) 50% 50% no-repeat;}
	.cltab__icons-title.active > span::after {transform: rotate(-180deg);}
	.cltab__icons-wrap,
	.cltab__icons-subrow {grid-template-columns: 100%; grid-column-gap: 0; grid-row-gap: 10px;}
	.js-cltab-icons {display: none;}
	.cltab__icons-wrap {padding: 17px 0 25px;}
	.cltab__icons-wrap > * {grid-row-gap: 10px;}
	.cltab__icons-item {grid-column-gap: 10px;}
	.cltab__icons-item > p {line-height: 23px;}

	.cltab__classes {padding-top: 0; padding-bottom: 50px; overflow: hidden;}
	.cltab__section {padding-bottom: 50px;}
	.cltab__section-row-wrap {gap: 30px;}
	.cltab__section-row {grid-template-columns: 100%; grid-column-gap: 0; grid-row-gap: 12px;}
	.cltab__section-row:not(:last-child) {padding-bottom: 30px;}
	.cltab__section-type {display: block; margin-bottom: 10px;}
	.cltab__section-desc {gap: 20px;}
	.cltab__section-subtitle {font-size: 28px;}
	.cltab__class-title {font-size: 14px;}
	.cltab__classes-wrap {grid-template-columns: 100%; gap: 20px;}
	.cltab__class {gap: 15px; padding: 20px 15px;}
	.cltab__class--span-2 {grid-column: span 1;}
	.cltab__class-title {padding-right: 0;}
	.cltab__class-title::after {margin-bottom: 3px;}
	.cltab__class--span-2 .cltab__class-title {grid-template-columns: 100%; gap: 0;}
	.cltab__class--span-2 .cltab__class-title::after {display: none;}
	.cltab__class-desc {line-height: 21px;}
	.cltab__class-desc-margin {display: none;}
	.cltab__service-icons-wrapper {gap: 15px;}
	.cltab__class h5 {font-size: 14px; line-height: 21px; margin-bottom: 15px;}
	.cltab__service-icons {gap: 15px; max-width: 585px;}
	.cltab__icon__hover {width: 260px;}

	.modal.symbols-modal {position: fixed;}
	.symbols-modal h2 {font-size: 18px; margin: 25px 0 0;}
	.symbols-modal .fancybox-button.fancybox-close-small {top: 16px; right: 0;}
	.symbols-modal__wrapper {padding-bottom: 25px;}

	.cltab__scroll {display: block; height: 67px; margin-bottom: 50px;}
	.cltab__scroll-wrapper {padding: 20px 0;}
	.cltab__scroll-title {font-size: 18px; gap: 7px;}
	.cltab__scroll-title::after {width: 20px; height: 21px;}

	.cltab__footnotes {margin-top: 30px;}
}

@media (min-width: 646px) and (max-width: 1220px) {
	.cltab__icon:nth-child(8) .cltab__icon__hover,
	.cltab__icon:nth-child(8n+12) .cltab__icon__hover,
	.cltab__icon:nth-child(9) .cltab__icon__hover,
	.cltab__icon:nth-child(9n+12) .cltab__icon__hover,
	.cltab__icon:nth-child(10) .cltab__icon__hover,
	.cltab__icon:nth-child(10n+12) .cltab__icon__hover,
	.cltab__icon:nth-child(11) .cltab__icon__hover,
	.cltab__icon:nth-child(11n+12) .cltab__icon__hover,
	.cltab__icon:nth-child(12) .cltab__icon__hover,
	.cltab__icon:nth-child(12n+12) .cltab__icon__hover {left: unset; right: 0;}
}

@media (min-width: 395px) and (max-width: 645px) {
	.cltab__service-icons {max-width: 335px;}
	.cltab__icon:nth-child(4) .cltab__icon__hover,
	.cltab__icon:nth-child(4n+7) .cltab__icon__hover {left: -100px;}
	.cltab__icon:nth-child(5) .cltab__icon__hover,
	.cltab__icon:nth-child(5n+7) .cltab__icon__hover,
	.cltab__icon:nth-child(6) .cltab__icon__hover,
	.cltab__icon:nth-child(6n+7) .cltab__icon__hover,
	.cltab__icon:nth-child(7) .cltab__icon__hover,
	.cltab__icon:nth-child(7n+7) .cltab__icon__hover {left: unset; right: 0;}
}

@media (max-width: 394px) {
	.cltab__service-icons {max-width: 100%;}
	.cltab__icon:nth-child(3) .cltab__icon__hover,
	.cltab__icon:nth-child(3n+6) .cltab__icon__hover,
	.cltab__icon:nth-child(4) .cltab__icon__hover,
	.cltab__icon:nth-child(4n+6) .cltab__icon__hover {left: -100px;}
	.cltab__icon:nth-child(5) .cltab__icon__hover,
	.cltab__icon:nth-child(5n+6) .cltab__icon__hover,
	.cltab__icon:nth-child(6) .cltab__icon__hover,
	.cltab__icon:nth-child(6n+6) .cltab__icon__hover {left: unset; right: -30px;}
}

/* End */
/* /trains/tav/lib/style.css?175688476810150 */