:root { --text-color: #333333; } .content-block { padding: 60px 0 0; } .wrap { overflow: visible; } .legal-content h1 { padding: 0 0 20px; font-size: 2rem; font-weight: 600; line-height: 1.38; } .legal-content h2 { font-size: 1.7rem; padding: 20px 0; font-weight: 600; } .legal-content h2.title_gray { color: #8c8c8c; font-size: 1.3rem; } .legal-content h3 { padding: 10px 0 10px; font-size: 1.4rem; font-weight: 600; } .legal-content h4 { padding: 10px 0 10px; font-size: 1.125rem; font-weight: 600; } .legal-content p { padding: 0 0 20px; color: var(--text-color);; font-size: 1.125rem; line-height: 140%; } .legal-content .align-center { text-align: center; } .legal-content ol, .legal-content ul { width: auto; margin: 0 0 30px 24px; color: var(--text-color); font-size: 1.125rem; line-height: 130%; box-sizing: border-box; } .legal-content table tr.gray { background: #f0f0f0; } .legal-content table ol, .legal-content table ul { font-size: inherit; margin: 10px 0 0 24px; } .legal-content ol.columns-2, .legal-content ul.columns-2 { columns: 2 } .legal-content ol ol, .legal-content ol ul, .legal-content ul ul, .legal-content ul ol { margin: 10px 0 0 24px; } .legal-content ol li { padding: 0 0 5px 10px; } .legal-content ul li { padding: 0 0 10px 10px; } .legal-content .table-block { overflow-x: auto; } .legal-content table tr.gray { background: #f0f0f0; } .legal-content table, .legal-content th, .legal-content td { border: 1px solid black; border-collapse: collapse; } .legal-content table { margin: 0 0 20px; } .legal-content td, .legal-content th { padding: 5px; } .legal-content td.td-align-top, .legal-content th.th-align-top { vertical-align: top; } .legal-content .simple-table td, .legal-content .simple-table th { font-size: 1.125rem; line-height: 140%; } .legal-content img { display: block; max-width: 100%; height: auto; box-sizing: border-box; } .legal-content img.margined { margin: 20px auto 40px; } .legal-content img.bordered { box-shadow: 2px 3px 17px 2px rgba(0, 0, 0, 0.10); } .legal-content img.vertical-img { width: 50%; } .legal-content .inline { display: inline-block; } .legal-content a { color: #0b71c1; } .legal-content .terracotta-color { color: #f17466; } .legal-content hr.separator { height: 2px; margin: 40px 0 90px; padding: 0; background: #dfe1e5; border: 0; } .legal-content .key-changes-block { padding: 20px; border: 1px solid #C1C7D0; } .legal-content .key-changes-block.with-margin-bottom { margin: 0 0 50px; } .legal-content .key-changes-block.with-small-margin-bottom { margin: 0 0 20px; } .legal-page { width: 100%; padding: 60px 0 80px; box-sizing: border-box; } .legal-page .container { display: flex; } .legal-content { max-width: 940px; width: 100%; min-height: 100vh; padding: 60px 0 30px 30px; background-color: #ffffff; } @media (min-width: 992px) { .legal-page .legal-title { display: none; } .legal-page .left-sidebar { display: block !important; position: sticky; position:-webkit-sticky; overflow: auto; top: 125px; box-sizing: border-box; height: calc(100vh - 115px); max-width: 244px; width: 100%; margin-right: 16px; padding-bottom: 15px; } .left-sidebar .legal-category .title { padding-bottom: 10px; } .left-sidebar .legal-category .title span { font-size: 1.5rem; font-weight: 600; line-height: 0.92; color: #222222; } .left-sidebar .legal-list { padding: 16px 0 0; } .left-sidebar .legal-item { display: block; padding: 14px 0; font-size: 1rem; line-height: 1.25; color: #808080; border-top: 1px solid #e6eaef; } .left-sidebar .legal-item:last-child { padding-bottom: 14px; border-bottom: 1px solid #e6eaef; } .left-sidebar .legal-item:hover { color: #444444; } .left-sidebar .legal-item.active { color: var(--text-color); font-weight: 600; } } @media (max-width: 991px) { .top-menu.moved { background-color: rgba(255, 255, 255, 0.95); } .legal-page { padding: 60px 0 40px 0; margin: 0 auto; } .legal-content { margin: 0 auto; max-width: 100%; width: 100%; } .legal-page { background-color: #ffffff; } .legal-page .legal-title { display: block; height: 44px; position: relative; padding: 0; width: 100%; font-size: 1.1rem; font-weight: 600; line-height: 2.67; color: var(--text-color); text-align: center; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } .legal-page .legal-title:after { content: ""; display: inline-block; position: relative; border-top: 2px solid #222222; border-left: 2px solid #222222; width: 10px; height: 10px; right: -5px; top: -7px; z-index: 100; -moz-transform: translate(10px, 4px) rotate(225deg); -webkit-transform: translate(10px, 4px) rotate(225deg); -o-transform: translate(10px, 4px) rotate(225deg); -ms-transform: translate(10px, 4px) rotate(225deg); transform: translate(10px, 4px) rotate(225deg); } .legal-content { padding: 30px 0 0; } .legal-modal-menu { display: none; position: fixed; top: 0; left: 0; max-width: 100%; padding: 0; height: 100%; width: 100%; max-height: 100vh; background-color: #f2f2f2; z-index: 15000; } .legal-modal-menu .close { position: absolute; top: 10px; right: 16px; width: 17px; height: 17px; z-index: 2; cursor: pointer; } .legal-modal-menu .close:before, .legal-modal-menu .close:after { position: absolute; top: 0; left: 7px; content: ' '; height: 17px; width: 3px; background-color: #222222; } .legal-modal-menu .close:before { transform: rotate(45deg); } .legal-modal-menu .close:after { transform: rotate(-45deg); } .legal-category-list { margin-top: 37px; padding: 0 16px; overflow: auto; background-color: #f8f8f8; height: 100%; } .legal-category { padding-top: 34px; } .legal-category:first-child { padding-top: 30px; } .legal-category .title { padding-bottom: 16px; font-size: 1.5rem; font-weight: 600; line-height: 0.92; color: var(--text-color); border-bottom: 1px solid #dcdcdc; } .legal-category .legal-list { margin-top: 16px; } .legal-category .legal-item { display: block; margin-top: 18px; line-height: 1.25; color: #808080; } .legal-category .legal-item:first-child { margin-top: 0; } } @media (max-width: 767px) { .legal-content h1 { font-size: 1.9rem; } .legal-content h2 { font-size: 1.7rem; } .legal-content p { font-size: 1rem; line-height: 1.67; } .legal-content ol, .legal-content ul { font-size: 1rem; } } @media (max-width: 575px) { .legal-content h1 { font-size: 1.5rem; } .legal-content h2 { font-size: 1.3rem; } .legal-content h2.title_gray { font-size: 1.15rem; } .legal-content h3 { font-size: 1.2rem; } .legal-content h4 { font-size: 1rem; } .legal-content p { font-size: 1rem; } .legal-content ol, .legal-content ul { font-size: 1rem; } .legal-content .simple-table td, .legal-content .simple-table th { font-size: 1rem; line-height: 140%; } .legal-content .key-changes-block.with-margin-bottom { margin: 0 0 40px; } }