@font-face {
    font-family: 'DINBold';
    src: url('../fonts/DIN/DINBold.woff2') format('woff2'),
        url('../fonts/DIN/DINBold.woff') format('woff');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-Bold.woff') format('woff');
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/opensans/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'SafetySymbols';
    src: url('../fonts/symbols/Safety-Symbols.woff2') format('woff2'),
        url('../fonts/symbols/Safety-Symbols.woff') format('woff');
}
@font-face {
    font-family: 'MNLCallOutsfamilySemiBold';
    src: url('../fonts/MNLCallOuts/MNLCallOutsfamilySemiBold.woff2')
            format('woff2'),
        url('../fonts/MNLCallOuts/MNLCallOutsfamilySemiBold.woff')
            format('woff');
}
@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/Ubuntu/UbuntuBold.woff2') format('woff2'),
        url('../fonts/Ubuntu/UbuntuBold.woff') format('woff');
}

@font-face {
    font-family: 'Futura-Normal';
    src: url('../fonts/Futura/Futura-light-bt.ttf')
}
@font-face {
    font-family: 'Futura-Medium';
    src: url('../fonts/Futura/Futura-medium-bt.ttf')
}
@font-face {
    font-family: 'Futura-Heavy';
    src: url('../fonts/Futura/Futura-Heavy-font.ttf')
}
@font-face {
    font-family: 'Futura-Bold';
    src: url('../fonts/Futura/FuturaLT-Bold.woff')
}
@font-face {
    font-family: 'Avenir-Normal';
    src: url('../fonts/avenir/AvenirLTStd-Book.otf');
}
@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/avenir/AvenirLTStd-Roman.otf');
}
@font-face {
    font-family: 'Avenir-Bold';
    src: url('../fonts/avenir/AvenirLTStd-Black.otf');
}
:root {
    --gray: #b4b5b4;
    --gray-200: #464646;
    --primary: #56b2cb;
    --danger: #E52A1B;
    --warning: #e4700c;
    --caution: #f4cf00;
    --notice: #006baa;
}

/* ============ Reset ============ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
em {
    font-family: 'MarkLightItalic', sans-serif;
}
b {
    font-family: 'Futura-Heavy';
}
a {
    text-decoration: underline;
}
* {
    box-sizing: border-box;
}
:focus {
    outline: 0;
}
::-webkit-input-placeholder {
    color: #9ea09f;
}
:-moz-placeholder {
    color: #9ea09f;
}
::-moz-placeholder {
    color: #9ea09f;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
    color: #9ea09f;
}
:focus::-webkit-input-placeholder {
    color: transparent;
}
:focus:-moz-placeholder {
    color: transparent;
}
:focus::-moz-placeholder {
    color: transparent;
    opacity: 0; /* Since FF19 lowers the opacity of the placeholder by default */
}
:focus:-ms-input-placeholder {
    color: transparent;
}
body {
    background: #f8f8f8;
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    font: 13px/1.5 'Futura-Normal';
    color: #000;
    overflow-y: scroll;
    min-width: 320px;
}
.table-block .body_6 {
    margin: 7px 0 !important;
    margin-right: 12px !important;
}
.index-page .page-holder {
    background: var(--primary);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.page-holder {
    color: var(--gray-200);
}
#homepage {
    flex: 1;
}
#homepage .title_1 {
    margin: 0 180px 40px;
    color: #464646;
    font-family: 'Futura-Bold';
    position: relative;
    text-align: center;
    scale: 1.5;
    text-transform: capitalize;
}
#homepage .title_1::before {
    display: block;
    content: '';
    width: 200px;
    height: 76px;
    background: url('../img/neo-logo.svg') no-repeat center;
    margin: auto;
    margin-bottom: 30px;
}
.index-page {
    background: #fff;
}
a {
    color: #000;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
    color: var(--primary);
}
p {
    margin: 0 0 12px;
}
.bigger {
    font-family: 'UbuntuBold';
}
.parent-description {
    font-size: 16px;
    margin: 0 0 22px;
    color: #808080;
}
strong {
    font-weight: 400;
    font-family: 'OpenSansBold', sans-serif;
}
hr {
    border: 1px solid #b4b4b4;
    border-bottom: none;
    margin: 26px 0 13px;
}
.anim {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wrapper {
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px;
    justify-content: space-between;
}
.wrapper-narrow {
    max-width: 1220px;
    padding: 0 20px;
}
.wrapper-content {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 40px;
    background: #fff;
    border: 1px solid #bbc5c4;
    border-radius: 3px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
}
.flex-block {
    display: flex;
}
.align-center {
    align-items: center;
}
.align-top {
    align-items: flex-start;
}
.justify-space-between {
    justify-content: space-between;
}
.flex-wrap {
    flex-wrap: wrap;
}
blue {
    color: var(--primary);
    text-decoration: underline;
}
i {
    font-style: italic;
}
.page-navigation {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-bottom: 32px;
}
.page-navigation a {
    text-decoration: none;
    color: #6e7b7c;
    display: flex;
    align-items: center;
    text-indent: -9999px;
    overflow: hidden;
    width: 43px;
    height: 43px;
    background-size: cover;
}
.page-navigation a.disable {
    color: #babbbd;
    cursor: default;
    pointer-events: none;
}

.page-navigation .prev.disable::after {
    background-image: url('../img/arrow-left-disable.svg');
    background-repeat: no-repeat;
}
.page-navigation .next.disable::before {
    background-image: url('../img/arrow-right-disable.svg');
    background-repeat: no-repeat;
}

.page-navigation .prev::after,
.page-navigation .next::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
}

.page-navigation .prev::after {
    background-image: url('../img/arrow-left-search.svg');
    background-repeat: no-repeat;
    margin: 0 4px 0 10px;
    cursor: pointer;
}

.page-navigation .next::before {
    background-image: url('../img/arrow-right-search.svg');
    background-repeat: no-repeat;
    margin: 0 10px 0 4px;
    cursor: pointer;
}

@media (hover: hover) {
    .page-navigation .next:hover::before,
    .page-navigation .prev:hover::after {
        transition: 0.2s ease all;
        background-color: var(--primary);
    }

    .page-navigation .prev:hover::after {
        background-image: url('../img/arrow-left-search-hover.svg');
    }

    .page-navigation .next:hover::before {
        background-image: url('../img/arrow-right-search-hover.svg');
    }
}

#search-results.active ~ #pagination {
    display: none;
}

/* ========= Header ======== */
.header {
    padding: 20px 0;
    background: #fff;
    position: relative;
}
.header.index-page.decorated {
    padding: 20px 0;
    margin: 0 0 100px;
}
.index-page .block-decoration {
    background: #000;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100%;
    display: none;
}
.index-page .block-decoration:after {
    position: absolute;
    content: '';
    background: var(--primary);
    width: 50%;
    bottom: -10px;
    right: 0;
    height: 2px;
    transform: skewY(-5deg);
    transform-origin: right;
    border-bottom-left-radius: 50px;
    padding-right: 44px;
    z-index: 0;
}
.index-page .block-decoration:before {
    position: absolute;
    content: '';
    background: var(--primary);
    width: 50%;
    bottom: -10px;
    left: 0;
    height: 2px;
    transform: skewY(5deg);
    transform-origin: left;
    border-bottom-right-radius: 50px;
    padding-left: 44px;
    z-index: 0;
}
.index-page .block-decoration-cover:after {
    position: absolute;
    content: '';
    background: #000;
    width: 50%;
    bottom: -20px;
    right: 0;
    height: 10px;
    transform: skewY(-5deg);
    transform-origin: right;
    border-bottom-left-radius: 50px;
    padding-right: 44px;
    z-index: 1;
}
.index-page .block-decoration-cover:before {
    position: absolute;
    content: '';
    background: #000;
    width: 50%;
    bottom: -20px;
    left: 0;
    height: 10px;
    transform: skewY(5deg);
    transform-origin: left;
    border-bottom-right-radius: 50px;
    padding-left: 44px;
    z-index: 1;
}
.index-page .block-decoration-cover2:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 50%;
    bottom: -32px;
    right: 0;
    height: 10px;
    transform: skewY(-5deg);
    transform-origin: right;
    border-bottom-left-radius: 50px;
    padding-right: 44px;
    z-index: 1;
}
.index-page .block-decoration-cover2:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 50%;
    bottom: -32px;
    left: 0;
    height: 10px;
    transform: skewY(5deg);
    transform-origin: left;
    border-bottom-right-radius: 50px;
    padding-left: 44px;
    z-index: 1;
}
.header a {
    color: #53565a;
    text-decoration: none;
}
.header.index-page.decorated .logo {
    max-width: 100px;
    width: 100px;
}
.header .logo {
    max-width: 100px;
    width: 100px;
    display: inline-block;
}
.header a img {
    width: 100%;
    display: block;
}

.homepage-logo {
    display: block !important;
}

@media (max-width: 880px) {
    .homepage-logo {
        max-width: 75px;
        padding-top: 6px;
    }
}

.standard-logo {
    display: none !important;
}

.search-language-holder {
    display: flex;
    font-size: 13px;
    align-items: center;
    padding: 0;
}
.language-holder-block {
    margin: 0 0 0 30px;
}
.language-holder-block .active-language {
    display: none;
    text-transform: uppercase;
}
.language-holder {
    width: 200px;
    display: flex;
    flex-wrap: wrap;
}
.language-holder li {
    width: 50%;
}
.language-holder li.active a,
.language-holder li a:hover {
    color: var(--primary);
}

.language-holder-block {
    position: relative;
    align-self: center;
    margin: 0 0 0 15px;
}
.language-holder-block .active-language {
    display: block;
    color: #54565a;
    cursor: pointer;
}
.language-holder-block .active-language:after {
    content: '';
    width: 19px;
    height: 14px;
    display: inline-block;
    margin: 0 0 0 4px;
    vertical-align: middle;
    background: url('../img/white-arrow-down.svg') no-repeat center;
    background-size: contain;
}
.language-holder-block .language-holder {
    width: 120px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    overflow: hidden;
    transition: all 0.3s ease-out;
    position: absolute;
    z-index: 3;
    top: 100%;
    right: 0;
    background: #f8f8f8;
    border: 1px solid #eee;
}
.language-holder-block.active .language-holder {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.language-holder li {
    width: 100%;
    padding: 4px 7px;
}
.language-holder li a {
    color: #444;
}
.search-holder {
    position: relative;
    border-radius: 5px;
    background: #fff;
    border: 1px solid var(--gray);
    width: 223px;
    border-radius: 50px;
    overflow: hidden;
}
.search-holder input {
    font-family: 'OpenSansRegular', sans-serif;
    background: none;
    border: none;
    line-height: 1;
    border-radius: 5px;
    width: 100%;
    padding: 10px 25px 9px 12px;
    font-size: 11px;
    color: var(--gray);
}
.search-holder button {
    background: none;
    font-size: 0;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    border: none;
    width: 33px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}
.search-holder button:before {
    content: '\f002';
    color: #54565a;
    font-size: 14px;
    font-family: 'FontAwesome';
}
.search-holder button:hover:before {
    color: #333;
}
.sidebar .close-button,
.mobile-menu-button {
    display: none;
}
.index-page .mobile-menu-button {
    display: none !important;
}
.header-link {
    display: none;
    margin: 3px 42px 0 auto;
    font-size: 20px;
    font-family: 'OpenSansBold', sans-serif;
    color: #fff;
}
/* =========== Main =========== */
.sidebar {
    width: 25%;
    line-height: 1;
    overflow-y: scroll;
    max-height: calc(100% - 50px);
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.sidebar::-webkit-scrollbar,
.main-content::-webkit-scrollbar {
    display: none;
}

.sidebar-content.fixed {
    max-width: calc((100% - 130px) * 0.25);
    overflow: auto;
    max-height: calc(100% - 50px);
}
.main-content {
    width: 73%;
    position: relative;
    min-height: 600px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top:36px;
}
/* ============ Home Page =======  */
.home-page .header.index-page {
    margin: 0;
}
.home-title-block {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-direction: column;
    min-height: calc(100vh - 76px - 40px);
}
@media (max-height: 660px) {
    .home-title-block {
        padding: 15px 0 0;
    }
}
.home-title-block h1 {
    font-size: 53px;
    font-family: 'DINBold', sans-serif;
    margin: 0 48px 15px 0;
}
.home-title-block h1:after {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--primary);
    display: inline-block;
    margin: 0;
    border-radius: 50%;
}
.home-title-block a {
    border: 1px solid var(--primary);
    color: var(--primary);
    text-decoration: none;
    padding: 16px 21px 16px 38px;
    font-size: 18px;
    font-family: 'OpenSansBold', sans-serif;
    border-radius: 34px;
    display: flex;
    align-items: center;
    margin: 0 0 15px;
}
.home-title-block a:after {
    content: '';
    width: 22px;
    height: 35px;
    background-image: url('../img/arrow-button.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 0 31px;
    transition: all 0.3s ease-out;
}
.home-title-block a:hover {
    background: var(--primary);
    color: #fff;
}
.home-title-block a:hover:after {
    background-image: url('../img/arrow-button-hover.svg');
}
.banner-holder {
    display: flex;
    min-height: 200px;
    justify-content: center;
    display: none;
}
.banner-holder img {
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
/* =========== Sidebar ========= */
.sidebar-banner {
    margin: 0 0 17px;
    padding: 36px 0 15px;
    border-bottom: 1px solid var(--primary);
    display: none;
}

.sidebar-banner.active {
    display: block;
}

.sidebar-banner .title-block {
    color: var(--primary);
    margin: 0 0 9px;
    font-family: 'Futura-Medium', sans-serif;
}
.sidebar-banner h4 {
    color: var(--primary);
    font-size: 17px;
    font-family: 'Futura-Medium', sans-serif;
}
.navbar ul {
    list-style: none;
    font-size: 14px;
    line-height: 1.4;
}
.navbar a {
    text-decoration: none;
    color: var(--gray-200);
    transition: all 0.3s ease-out;
}

.navbar a span.parent-tag {
    margin: 0 10px 0 0;
    width: 21px;
}

.navbar a.title-tag span.parent-tag {
    margin: 0;
    width: 0;
}

/*Specific situation for red tag to use its inherit color*/
.navbar .nav-link red {
    color: inherit;
}
.navbar .nav-item {
    margin: 0 0 8px;
}
.nav-item > a {
    display: flex;
    font-family: 'Futura-heavy', sans-serif;
    font-size: 13px;
    /* font-weight: bold; */
}

.nav-item a:hover,
.nav-item.active a {
    color: var(--primary);
}

.submenu-2 .nav-link {
    color: var(--gray-200) !important;
    font-size: 13px;
}
.submenu-2 .chLevel-2.active .nav-link {
    color: var(--primary) !important;
}

.nav-link.active {
    font-family: 'Futura-Bold', sans-serif;
}
.nav-item.active > a .highlight {
    /* content: ''; */
    margin: 0 0 0 3px;
    align-self: center;
    min-width: 7px;
    height: 11px;
    background-image: url('../img/orange-arrow.svg');
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.nav-item .submenu {
    padding: 15px 0 5px 24px;
}
.nav-item .submenu li {
    margin: 0 0 1px;
}
.nav-item .submenu a {
    display: flex;
}
.nav-item .submenu a:hover {
    color: var(--primary);
}
.nav-item .submenu a span {
    margin: 0 10px 0 0;
    width: 35px;
    flex-shrink: 0;
}
.extra-item > a {
    display: block;
}
.extra-item a span {
    margin: 0 16px 0 0;
}

.nav-item.active > .submenu-2/* ,
.nav-item.active .submenu-3 */ {
    display: block;
}

.submenu-2,
.submenu-3,
.submenu-4 {
    display: none;
    padding: 8px 0 5px 30px;
}

.submenu-2 li {
    margin: 0 0 1px;
}

.submenu-2 a {
    display: flex;
}

.submenu-2 a span.parent-tag {
    margin: 0 10px 0 0;
    width: 35px;
    flex-shrink: 0;
    display: inline-block;
}

.nav-item .submenu-2 {
    color: var(--gray-200);
}

.nav-item .submenu-2 a:hover {
    color: var(--primary);
}

/* ============= Main Content ============= */
.title-block {
    font-family: 'DINBold', sans-serif;
    font-size: 25px;
    margin: 0 0 15px;
    line-height: 1.1;
}
/*.title-block:after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  background: var(--primary);
}*/
.title-block span {
    margin: 0 30px 0 0;
}
.subtitle-block {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 17px;
    line-height: 1.1;
    margin: 0 0 12px;
    padding: 0 0 6px;
    border-bottom: 1px solid var(--primary);
}
.subtitle-block span {
    margin: 0 15px 0 0;
}

.hightlight {
    color: var(--primary);
}

h4.subtitle-block {
    font-size: 13px;
    border: none;
    margin: 0 0 2px;
}
.info-block {
    margin: 0 0 34px;
}
.title-paragraph {
    font-size: 13px;
    font-family: 'MarkBoldItalic', sans-serif;
    line-height: 1.1;
    margin: 0 0 16px;
}
.message-block {
    background: #f2f2f2;
    padding: 20px 24px 15px;
    margin: 0 0 34px;
    font-size: 15px;
}
.message-block p {
    margin: 0 0 8px;
}
.list {
    margin: 0 0 13px;
}
.list > li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 1px;
}
.list > li:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 9px;
    left: 8px;
}
.list ul {
    padding: 12px 0 12px 25px;
}
.list ul li {
    position: relative;
    padding: 0 0 0 13px;
}
.list ul li:before {
    content: '';
    width: 6px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 9px;
    left: 0;
}
.list-a {
    list-style: lower-alpha;
    padding: 0 0 0 15px;
}
.list-columns {
    display: flex;
}
.list-columns ul {
    width: 50%;
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
}
.list-columns li {
    display: flex;
}
.list-columns span {
    font-family: 'MNLCallOutsfamilySemiBold';
    color: var(--primary);
    flex-shrink: 0;
    margin: 0 4px 0 0;
}
.table-holder {
    border-top: 1px solid #babbbd;
    border-bottom: 1px solid #babbbd;
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 13px;
    position: relative;
}
.table-holder .row-holder {
    border-bottom: 1px solid #babbbd;
    padding: 6px 0;
    display: flex;
}
.w50 {
    width: 50%;
}
.table-holder .row-holder:last-child {
    border: none;
}
.table-holder p {
    margin: 0;
}
.image-caption {
    font-style: italic;
    padding: 4px 0;
    border-top: 1px solid #babbbd;
    border-bottom: 1px solid #babbbd;
    margin: 10px 0 25px;
}
.image-caption span {
    display: inline-block;
    margin: 0 12px 0 0;
}
.table-image-holder img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.step-number {
    width: 15px;
    height: 15px;
    background-size: cover;
    margin: 0 23px 0 0;
    flex-shrink: 0;
}
.step-number.step1 {
    background-image: url('../img/1.svg');
}
.step-number.step2 {
    background-image: url('../img/2.svg');
}
.step-number.step3 {
    background-image: url('../img/3.svg');
}
.w50 {
    width: 50%;
}
.image-holder {
    background: #fff;
}
.image-holder img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.icon-let-op {
    font-family: 'UbuntuBold';
    color: #fff;
    font-size: 10px;
    background: #9a9b9f;
    padding: 1px 5px;
    border-radius: 7px;
}
/* ============= Warnings ========= */
.message-icon-holder {
    display: inline-block;
}
.message-icon {
    padding: 3px 7px;
    line-height: 1;
    font-size: 28px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 0 0 9px;
    font-family: 'OpenSansBold', sans-serif;
}
.pay-attention {
    background: var(--notice);
    font-family: 'OpenSansBoldItalic', sans-serif;
}
.danger {
    background: var(--danger);
}
.warning {
    background: var(--warning);
}
.caution {
    background: var(--caution);
    color: #000;
}
.caution:before,
.warning:before,
.danger:before {
    content: '6';
    font-family: 'SafetySymbols';
    margin: 0 4px 0 0;
    font-size: 20px;
}
.info {
    width: 15px;
    height: 15px;
    background-image: url('../img/icon_info.svg');
    background-size: cover;
    margin: 0 6px 0 0;
    text-indent: -9999px;
    overflow: hidden;
}
/* ============== Footer ========== */
.footer {
    font-family: 'avenir-normal';
    background: #333;
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 10px;
    padding: 15px 0;
    margin: 0;
    z-index: 1;
    position: fixed;
    bottom: 0;
    width: 100%;
    justify-content: center;
}
.index-page .footer {
    display: flex;
}
.per-language-homepage-footer {
    display: none;
    top: -35px;
    position: absolute;
    padding: 0 16px;
}
.footer.index-page .per-language-homepage-footer.active {
    display: block;
}
.footer p {
    margin: 0;
}
.overlay-page {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
.overlay-page.active {
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
}
.m0 {
    margin: 0;
}
.m10 {
    margin-bottom: 10px;
}

.light-theme.simple-pagination .active > .current {
    border: 1px solid transparent;
}

.light-theme.simple-pagination .page-link.next,
.light-theme.simple-pagination .page-link.prev,
.light-theme.simple-pagination .disabled .current.prev,
.light-theme.simple-pagination .disabled .current.next {
    background-repeat: no-repeat;
    margin: 0 10px 0 4px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block;
    box-shadow: none;
    border: none;
    color: transparent;
    border-radius: 50%;
    transition: 0.2s ease all;
}

.light-theme.simple-pagination .page-link.prev,
.light-theme.simple-pagination .disabled .current.prev {
    background-color: transparent !important;
    background-image: url(../img/arrow-left-search.svg);
    margin-right: 5px;
}

.light-theme.simple-pagination .page-link.next,
.light-theme.simple-pagination .disabled .current.next {
    background-color: transparent !important;
    background-image: url(../img/arrow-right-search.svg);
}

.light-theme.simple-pagination .page-link.next {
    background-image: url(../img/arrow-right-search.svg);
}

.light-theme.simple-pagination .page-link.prev {
    background-color: transparent !important;
    background-image: url(../img/arrow-left-search.svg);
}

.light-theme.simple-pagination .page-link.next:hover,
.light-theme.simple-pagination .page-link.prev:hover {
    transition: 0.2s ease all;
    background-color: var(--primary) !important;
}

.light-theme.simple-pagination .page-link.prev:hover {
    background-image: url(../img/arrow-left-search-hover.svg);
    background-color: var(--primary) !important;
}

.light-theme.simple-pagination .page-link.next:hover {
    background-image: url(../img/arrow-right-search-hover.svg);
}

#search-results {
    display: none;
    border: none;
    height: 90%;
}

#search-results.active {
    display: block;
    padding-top: 30px;
}

#search-results .description-block {
    overflow: hidden;
    border: none;
    padding: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 10px;
    margin-bottom: 0;
}

#search-results .description-block .ltb-container {
    font-size: 10px;
    margin: 0;
}

#search-results > div {
    margin-bottom: 24px;
}

#search-results > div > a {
    text-decoration: none;
    color: var(--primary);
    font-family: 'OpenSansBold', sans-serif;
    font-size: 17px;
    line-height: 1.1;
    margin-bottom: 10px;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--primary);
    display: inline-block;
}

.per-chapter {
    display: none;
}

.per-chapter.active {
    display: block;
}

.description-block {
    display: none;
    /*padding: 0 31px 20px;*/
    margin: 0 0 34px;
}

.description-block.active {
    display: block;
}

#search-results ul.result-path {
    display: inline-flex;
    list-style: none;
    font-size: 9px;
    margin: 0 0 15px 0;
    width: 100%;
}

#search-results ul.result-path li {
    color: #006699;
}

#search-results ul.result-path li span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    margin: 0 4px 0 0;
}

#search-results ul.result-path li:last-child:after {
    display: none;
}

#search-results ul.result-path li:first-child:after {
    display: inline-block;
}

#homepage,
#explorer {
    display: none;
}

#homepage.active {
    display: block;
}

#explorer.active {
    display: block;
    height: calc(100vh - 76px - 5px);
}

#explorer .wrapper {
    max-height: 100%;
/*  padding-top: 36px; */
}

#pagin {
    padding: 5px 0 10px 0px;
}

#pagin li {
    margin: 5px 1px 5px 1px;
}

#pagin li.disabled {
    cursor: not-allowed;
}

#pagin li.disabled span {
    cursor: not-allowed;
}

.inner-content img {
    max-width: 100%;
}

.title_1 {
    font-size: 53px;
    font-family: 'DINBold', sans-serif;
    margin: 0 48px 15px 0;
    text-transform: uppercase;
}

.title_2 {
    font-size: 24px;
    /*margin: 13px 0 5px;*/
    font-family: 'DINBold', sans-serif;
}

.subtitle_1 {
    font-size: 18px;
    margin: 0 0 3px;
    font-family: 'OpenSansBold', sans-serif;
}

.subtitle_1_VarA {
    font-family: 'Futura-Normal';
    font-weight: 100;
    font-size: 53px;
    margin-top: 70px;
    margin-bottom: 45px;
    color: #464646;
    scale: 1.5;
}

.subtitle_2 {
    font-size: 18px;
    margin: 0 0 3px;
    font-family: 'OpenSansBold', sans-serif;
}

.heading_1 {
    font-size: 14px;
}

.heading_2 {
    font-size: 14px;
}

.heading_3_VarA {
    color: var(--primary);
    font-weight: 400;
    font-family: 'OpenSansBold', sans-serif;
    padding: 8px 0;
}

.heading_3_VarB {
    border: 1px solid white;
    color: white;
    text-decoration: none;
    padding: 13px 24px;
    font-size: 18px;
    font-family: 'Futura-Normal', sans-serif;
    border-radius: 34px;
    display: flex;
    align-items: center;
    margin: 50px 0 15px;
    cursor: pointer;
    scale: 1.5;
}

.heading_3_VarB:hover {
    background: white;
    color: var(--primary);
}

.heading_3_VarB::after {
    content: '';
    width: 15px;
    height: 28px;
    background-image: url('../img/arrow-button-hover.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 0 31px;
    /* transition: all 0.3s ease-out; */
}

.heading_3_VarB:hover.heading_3_VarB::after {
    background-image: url('../img/arrow-button-hover-primary.svg');
}

.chapter_1,
.chapter_1_continue,
.chapter_1_VarA,
.chapter_1_VarA_continue,
.chapter_1_VarB,
.chapter_1_VarB_continue,
.title_1_VarA {
    font-family: 'Futura-heavy', sans-serif;
    font-size: 23px;
    margin: 0 0 15px;
    line-height: 1.1;
    display: flex;
    color: var(--primary);
    padding-top: 36px;
}

.chapter_1 span.parent-tag,
.chapter_1_continue span.parent-tag,
.chapter_1_VarA span.parent-tag,
.chapter_1_VarA_continue span.parent-tag,
.chapter_1_VarB span.parent-tag,
.chapter_1_VarB_continue span.parent-tag {
    margin: 0 25px 0 0;
}

.chapter_1_continue span.parent-tag {
    white-space: nowrap;
}

.chapter_1_continue span.inner-content {
    word-break: break-word;
}

.chapter_1_1,
.chapter_1_1_continue,
.chapter_1_1_VarA,
.chapter_1_1_VarA_continue,
.chapter_1_1_VarB,
.chapter_1_1_VarB_continue {
    font-family: 'Futura-heavy', sans-serif;
    font-size: 17px;
    line-height: 1.1;
    margin: 0 0 12px;
    padding: 0 0 6px;
    border-bottom: 1px solid var(--primary);
}

.chapter_1_1 span.parent-tag,
.chapter_1_1_continue span.parent-tag,
.chapter_1_1_VarA span.parent-tag,
.chapter_1_1_VarA_continue span.parent-tag,
.chapter_1_1_VarB span.parent-tag,
.chapter_1_1_VarB_continue span.parent-tag {
    margin: 0 8px 0 0;
}

.chapter_1_1_1 span.parent-tag,
.chapter_1_1_1_continue span.parent-tag,
.chapter_1_1_1_VarA span.parent-tag,
.chapter_1_1_1_VarA_continue span.parent-tag,
.chapter_1_1_1_VarB span.parent-tag,
.chapter_1_1_1_VarB_continue span.parent-tag {
    margin: 0 12px 0 0;
}

.chapter_1_1_1,
.chapter_1_1_1_continue,
.chapter_1_1_1_VarA,
.chapter_1_1_1_VarA_continue,
.chapter_1_1_1_VarB,
.chapter_1_1_1_VarB_continue,
.chapter_1_1_1_1,
.chapter_1_1_1_1_continue,
.chapter_1_1_1_1_VarA,
.chapter_1_1_1_1_VarA_continue,
.chapter_1_1_1_1_VarB,
.chapter_1_1_1_1_VarB_continue {
    font-family: 'OpenSansBold', sans-serif;
    line-height: 1.1;
    padding: 0 0 6px;
    font-size: 13px;
    margin: 0 0 2px;
}

.body_1,
.body_2,
.body_3,
.body_4,
.body_5,
.body_6,
.body_7,
.body_8,
.body_9,
.body_10,
.ul_1,
.ul_1_VarA,
.ol_1,
.ol_1_continue,
.ol_2,
.ol_2_continue,
.ol_3,
.ol_3_continue,
.ol_4,
.ol_4_continue,
.ol_5,
.ol_5_continue,
.ol_6,
.ol_6_continue,
.ol_7,
.ol_7_continue {
}

/* .body_1 {
    margin: 0 0 12px;
} */

.body_1_VarA {
    margin: 0 0 12px;
}

.body_2 {
    font-style: italic;
    padding: 4px 0;
    border-top: 1px solid #babbbd;
    border-bottom: 1px solid #babbbd;
    margin: 10px 0 25px;
}

.body_3 {
    font-family: 'Futura-Heavy', sans-serif;
    margin: 0 0 12px;
}

.body_3_VarA {
    font-family: 'Futura-Heavy', sans-serif;
    margin: 0 4px 0 0;
}

.body_4 {
    margin-left: 80px;
}

.body_6_VarA {
    margin: 10px 15px 10px 0;
    text-align: center;
}

.body_6_VarB {
    font-family: 'OpenSansRegular', sans-serif;
}

.warning_1 .inner-content:before,
.warning_2 .inner-content:before,
.warning_3 .inner-content:before,
.warning_1_VarA .inner-content:before,
.warning_2_VarA .inner-content:before,
.warning_3_VarA .inner-content:before {
    content: '';
    height: 15px;
    width: 19px;
    background: url('../img/warning.svg') no-repeat;
    background-size: 15px;
    background-position: 0px 0px;

    /* top: 1px; */
    /* bottom: 2px;  */
}

.ul_5,
.ul_5_VarA {
    display: flex;
}
.ul_5 .parent-tag,
.ul_5_VarA .parent-tag {
    width: 14px;
    height: 14px;
    background-image: url('../img/icon_info.svg');
    background-size: cover;
    margin: 3px 5px 0 0;
    padding: 7px 7px;
}

.warning_1 .inner-content,
.warning_2 .inner-content,
.warning_3 .inner-content,
.warning_4 .inner-content,
.warning_1_VarA .inner-content,
.warning_2_VarA .inner-content,
.warning_4_VarA .inner-content,
.warning_3_VarA .inner-content {
    padding: 0px 7px;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 9px 15px 9px 0;
    font-family: 'Futura-bold';
    border-radius: 3px;
}
/* Added code by Royal Weblab */
.warning_1 .inner-content,.warning_2 .inner-content,.warning_3 .inner-content,.warning_4 .inner-content{
    margin: 20px 15px 3px 0;
}
/* Added code by Royal Weblab */
.warning_2 .inner-content,
.warning_2_VarA .inner-content {
    background: var(--warning);
}

.warning_3 .inner-content,
.warning_3_VarA .inner-content {
    background: var(--caution);
    color: #000;
}

.warning_4 .inner-content,
.warning_4_VarA .inner-content {
    background: var(--notice);
    color: #fff;
    padding-bottom: 1px;
    font-family: 'Futura-heavy';
    font-style: italic;
}

.ul_1::before,
.ul_1_VarA::before {
    content: '• ';
    min-width: 13px;
    margin: 0 6px 0 0px;
}

.ul_2::before {
    content: '– ';
    min-width: 13px;
    margin: 0 6px 0 25px;
}

.ul_3::before {
    content: '◆ ';
    min-width: 13px;
    margin: 0 6px 0 20px;
}

.ul_4::before {
    content: '□ ';
    min-width: 13px;
    margin: 0 6px 0 20px;
}

/*.ul_5::before {
  content: "◊ ";
  min-width: 13px;
  margin: 0 0 0 5px;
}*/

.ul_1,
.ul_1_VarA,
.ul_2,
.ul_3,
.ul_4,
.ul_5,
.ol_1,
.ol_2,
.ol_3,
.ol_4,
.ol_5,
.ol_6,
.ol_7,
.ol_1_continue,
.ol_2_continue,
.ol_3_continue,
.ol_4_continue,
.ol_5_continue,
.ol_6_continue,
.ol_7_continue,
.warning_1,
.warning_1_VarA,
.warning_2_VarA,
.warning_3_VarA,
.warning_4_VarA,
.warning_2,
.warning_3,
.warning_4 {
    display: flex;
    margin: 0 0 1px;
}

filled-circle {
    font-family: 'MNLCallOutsfamilySemiBold';
    line-height: 1;
    color: var(--primary);
    margin: 0;
}

.warning_1,
.warning_1_VarA,
.warning_2_VarA,
.warning_3_VarA,
.warning_2,
.warning_3 {
    font-family: 'OpenSansBold', sans-serif;
    text-transform: uppercase;
}

.warning_4,
.warning_4_VarA {
    font-family: 'OpenSansBoldItalic', sans-serif;
}

.ol_1 .parent-tag,
.ol_2 .parent-tag,
.ol_3 .parent-tag,
.ol_4 .parent-tag,
.ol_5 .parent-tag,
.ol_6 .parent-tag,
.ol_7 .parent-tag,
.ol_1_continue .parent-tag,
.ol_2_continue .parent-tag,
.ol_3_continue .parent-tag,
.ol_4_continue .parent-tag,
.ol_5_continue .parent-tag,
.ol_6_continue .parent-tag,
.ol_7_continue .parent-tag {
    min-width: 13px;
    margin: 0 6px 0 0px;
}

.table-container {
    overflow: auto;
}

.table_style_1 .tr-block .td-block {
    min-width: 150px;
}

.table_style_3 img {
    border: 1px solid #ccc;
    padding: 4px;
}

.table_style_3 .tr-block {
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
}

.table_style_3 .tr-block .td-block {
    vertical-align: top;
    padding: 6px 0;
}

.table_style_3 .ltb-container {
    margin: 0;
}

.table_style_1 {
    border: none;
    margin: 0;
    width: 100%;
}

.table_style_1 tbody {
    border-top: 1px solid #727272;
    border-bottom: 1px solid #727272;
}

.table_style_1 .tr-block {
    border-bottom: 1px solid #727272;
    /* display: flex; */
    padding: 6px 0;
}

.table_style_1 .tr-block:last-child {
    border: none;
}

.table_style_2,
.table_style_5 {
    border: none;
    width: 100%;
}

.table-block.table_style_2 .tr-block,
.table-block.table_style_5 .tr-block {
    border-bottom: none;
}

.table-block.table_style_2 .tr-block .td-block,
.table-block.table_style_5 .tr-block .td-block {
    border-left: none;
    vertical-align: top !important;
    padding: 0 10px 0 0;
}

.table-block.table_style_2 .tr-block .td-block:first-child,
.table-block.table_style_2 .tr-block:last-child,
.table-block.table_style_2 .tr-block.without-padding .td-block ul li:last-child,
.table-block.table_style_5 .tr-block .td-block:first-child,
.table-block.table_style_5 .tr-block:last-child,
.table-block.table_style_5
    .tr-block.without-padding
    .td-block
    ul
    li:last-child {
    border: none;
}

.table_style_6 {
    border: none;
    background: #f2f2f2;
    font-size: 15px;
}

.table_style_6 tbody {
    padding: 20px 24px 15px;
    display: block;
}

mark {
    color: #444;
    background: rgba(86, 178, 203, .6);
}

.per-language,
.per-language-homepage {
    display: none !important;
}

.per-language-homepage.active {
    display: block !important;
}

.per-language.ng-show {
    display: block !important;
}

/* .per-language.ng-show .per-chapter {
    display: block;
} */

sub {
    vertical-align: sub;
    font-size: 75%;
}

sup {
    vertical-align: super;
    font-size: 75%;
}

.caption {
    display: inline !important;
    padding: 0 12px 0 0;
}

red {
    font-family: 'UbuntuBold', sans-serif;
    color: var(--primary);
}

/*Image enlarge function*/
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
}

#lightbox:hover #close-button {
    display: block;
    color: #ccc;
}

#close-button {
    display: none;
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0;
    font-size: 18px;
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 48px;
    margin: 0;
    padding: 9px;
    transition: color 0.2s;
    visibility: inherit;
    width: 48px;
    font-weight: bold;
    text-align: center;
}

#close-button:hover {
    color: #fff;
}

#lightbox-content {
    top: 15px;
    width: calc(100% - 60px);
    max-height: calc(100vh - 90px);
    position: relative;
    height: 100%;
    margin: 30px;
}

#lightbox-content img {
    background: #fff;
    width: auto !important;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 100%;
}

.clickable-image {
    cursor: pointer;
}

.hyperlink {
    text-decoration: none;
}
.hyperlink:hover {
    text-decoration: none;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

/* ============= Responsive ========= */
@media (max-width: 992px) {
    .home-title-block {
        padding: 0;
    }
}
@media (max-width: 880px) {
    #homepage .title_1, #homepage .subtitle_1_VarA{
        scale: 1.3;
        margin: 0 80px 40px;
    }
    #homepage .subtitle_1_VarA {
        width: 84%;
        text-align: center;
    }
    #homepage .title_1::after {
        margin-bottom: 60px;
    }
    .wrapper {
        flex-wrap: nowrap;
    }

    .header .logo {
        max-width: 90px;
        width: 90px;
    }

    .wrapper-narrow,
    .wrapper {
        padding: 0 16px;
    }
    /* ========== Header ========= */
    .header {
        align-items: center;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .fixed-header .logo-holder {
        display: none;
    }

    .logo-holder {
        text-align: left;
        order: -1;
        width: 57%;
    }
    .search-language-holder {
        padding: 0;
    }
    .language-holder {
        text-align: right;
        margin: 0;
    }
    .header-link {
        margin: 3px auto 0 0;
    }
    .mobile-menu-button {
        display: block;
        margin: 10px 10px 0 0;
        cursor: pointer;
        order: -1;
    }
    .mobile-menu-button:before,
    .mobile-menu-button:after {
        content: '';
    }
    .mobile-menu-button:before,
    .mobile-menu-button:after,
    .mobile-menu-button span {
        display: block;
        height: 3px;
        background: var(--gray-200);
        border-radius: 5px;
        width: 20px;
    }
    .mobile-menu-button span {
        margin: 4px 0;
    }
    .home-title-block {
        flex-direction: column;
    }
    .home-title-block h1 {
        margin: 0 0 15px;
        font-size: 45px;
        text-align: center;
    }

    .title_1 {
        margin: 0 0 15px;
        font-size: 45px;
        text-align: center;
    }

    .home-title-block a {
        padding: 11px 14px 11px 19px;
    }
    .home-title-block a:after {
        margin: 0 0 0 12px;
    }

    .heading_3_VarB {
        padding: 11px 14px 11px 19px;
    }

    .heading_3_VarB.go-to-explorer {
        scale: 1;
    }

    .heading_3_VarB::after {
        margin: 0 0 0 12px;
    }
    /* ========= Sidebar ========= */
    .sidebar {
        transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%);
        position: fixed;
        background: #f8f8f8;
        border-right: 1px solid #f8f8f8;
        width: 280px;
        top: 0;
        left: 0;
        padding: 60px 20px 30px;
        max-height: 100%;
        height: 100%;
        overflow: auto;
        z-index: 3;
    }
    .sidebar.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .sidebar .close-button {
        display: block;
        position: absolute;
        top: 16px;
        right: 26px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    .sidebar .close-button:before,
    .sidebar .close-button:after {
        content: '';
        width: 2px;
        height: 26px;
        background: #808080;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .sidebar .close-button:before {
        transform: rotate(-45deg);
        transform-origin: 100% 0;
    }
    .sidebar .close-button:after {
        transform: rotate(45deg);
        transform-origin: 100% 0;
        right: 0px;
        left: auto;
        top: 1px;
    }
    .sidebar-content {
        position: static !important;
    }
    .sidebar-content.fixed {
        max-width: none !important;
    }
    .main-content {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .wrapper-content {
        padding: 0 30px;
    }
    .logo-holder{
        width: 50%;
    }
}
@media (max-width: 640px) {
    .language-holder-block {
        position: relative;
        align-self: center;
        margin: 0 0 0 15px;
    }
    .language-holder-block .active-language {
        display: flex;
        align-items: center;
        color: var(--gray-200);
        cursor: pointer;
    }
    .language-holder-block .active-language:after {
        content: '';
        width: 19px;
        height: 14px;
        display: inline-block;
        margin: 0 0 0 4px;
        vertical-align: middle;
        background: url('../img/white-arrow-down.svg') no-repeat center;
        background-size: contain;
    }
    .language-holder-block .language-holder {
        width: 120px;
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(30px);
        overflow: hidden;
        transition: all 0.3s ease-out;
        position: absolute;
        z-index: 3;
        top: 100%;
        right: 0;
        background: #f8f8f8;
        border: 1px solid #eee;
    }
    .language-holder-block.active .language-holder {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
    .language-holder li {
        width: 100%;
        padding: 4px 7px;
    }
    .language-holder li a {
        color: #444;
    }
    .search-language-holder {
        max-width: 65%;
    }
    .search-holder {
        width: 185px;
    }
}
@media (max-width: 480px) {
    .title-block {
        word-break: break-all;
        font-size: 20px;
    }
    #homepage .title_1,#homepage .subtitle_1_VarA {
        scale: 1;
    }
    .title-block span {
        margin: 0 15px 0 0;
    }
    #homepage .subtitle_1_VarA{
        margin-top: 20px;
    }

    .chapter_1,
    .chapter_1_continue,
    .chapter_1_VarA,
    .chapter_1_VarA_continue,
    .chapter_1_VarB,
    .chapter_1_VarB_continue,
    .title_1_VarA {
        word-break: break-all;
        font-size: 20px;
    }
    .chapter_1 span.parent-tag,
    .chapter_1_continue span.parent-tag,
    .chapter_1_VarA span.parent-tag,
    .chapter_1_VarA_continue span.parent-tag,
    .chapter_1_VarB span.parent-tag,
    .chapter_1_VarB_continue span.parent-tag {
        margin: 0 15px 0 0;
    }
    .list-columns {
        flex-direction: column;
    }
    .list-columns ul {
        width: 100%;
        padding: 0;
    }
    .row-holder {
        flex-direction: column;
    }
    .w50 {
        width: 100%;
    }
}
@media (max-width: 400px) {
    .wrapper-content {
        padding: 0 20px;
    }
    .header-link {
        display: none;
    }
    .search-language-holder {
        margin: 0 0 0 auto;
    }
    .title-block {
        font-size: 18px;
    }
    .title-block span {
        margin: 0 10px 0 0;
    }

    .chapter_1,
    .chapter_1_continue,
    .chapter_1_VarA,
    .chapter_1_VarA_continue,
    .chapter_1_VarB,
    .chapter_1_VarB_continue,
    .title_1_VarA {
        font-size: 18px;
    }

    .chapter_1 span.parent-tag,
    .chapter_1_continue span.parent-tag,
    .chapter_1_VarA span.parent-tag,
    .chapter_1_VarA_continue span.parent-tag,
    .chapter_1_VarB span.parent-tag,
    .chapter_1_VarB_continue span.parent-tag {
        margin: 0 10px 0 0;
    }
}
@media (max-width: 350px) {
    .wrapper-narrow,
    .wrapper {
        padding: 0 20px;
    }
}

@media (min-width: 1200px) {
    .ul_5,
    .ul_5_VarA {
        display: flex;
    }

    .ul_5 .parent-tag,
    .ul_5_VarA .parent-tag {
    width: 18px;
    height: 18px;
    margin: 5px 11px 0 0;
    padding: 9px 9px;
    }

    .table_style_6 {
        font-size: 18px;
    }

    .chapter_1,
    .chapter_1_continue,
    .chapter_1_VarA,
    .chapter_1_VarA_continue,
    .chapter_1_VarB,
    .chapter_1_VarB_continue,
    .title_1_VarA {
        font-size: 28px;
    }

    .nav-item > a {
        font-size: 16px;
        letter-spacing: 0.35px;
    }

    .submenu-2 .nav-link {
        font-size: 16px;
    }

    .body_1 {
        font-size: 18px;
    }

    .chapter_1_1,
    .chapter_1_1_continue,
    .chapter_1_1_VarA,
    .chapter_1_1_VarA_continue,
    .chapter_1_1_VarB,
    .chapter_1_1_VarB_continue {
        font-size: 21px;
    }

    .ul_1,
    .ul_1_VarA,
    .ul_2,
    .ul_3,
    .ul_4,
    .ul_5,
    .ol_1,
    .ol_2,
    .ol_3,
    .ol_4,
    .ol_5,
    .ol_6,
    .ol_7,
    .ol_1_continue,
    .ol_2_continue,
    .ol_3_continue,
    .ol_4_continue,
    .ol_5_continue,
    .ol_6_continue,
    .ol_7_continue,
    .warning_1,
    .warning_1_VarA,
    .warning_2_VarA,
    .warning_3_VarA,
    .warning_4_VarA,
    .warning_2,
    .warning_3,
    .warning_4 {
        font-size: 18px;
    }

    .chapter_1_1_1,
    .chapter_1_1_1_continue,
    .chapter_1_1_1_VarA,
    .chapter_1_1_1_VarA_continue,
    .chapter_1_1_1_VarB,
    .chapter_1_1_1_VarB_continue,
    .chapter_1_1_1_1,
    .chapter_1_1_1_1_continue,
    .chapter_1_1_1_1_VarA,
    .chapter_1_1_1_1_VarA_continue,
    .chapter_1_1_1_1_VarB,
    .chapter_1_1_1_1_VarB_continue {
        font-size: 19px;
    }

    .ol_1 .parent-tag,
    .ol_2 .parent-tag,
    .ol_3 .parent-tag,
    .ol_4 .parent-tag,
    .ol_5 .parent-tag,
    .ol_6 .parent-tag,
    .ol_7 .parent-tag,
    .ol_1_continue .parent-tag,
    .ol_2_continue .parent-tag,
    .ol_3_continue .parent-tag,
    .ol_4_continue .parent-tag,
    .ol_5_continue .parent-tag,
    .ol_6_continue .parent-tag,
    .ol_7_continue .parent-tag {
        min-width: 18px;
        width: 18px;
        margin: 0 10px 0 0px;
    }

    .ul_1::before,
    .ul_1_VarA::before,
    .ul_2::before,
    .ul_3::before,
    .ul_4::before {
        min-width: 10px;
        margin-right: 18px;
    }
}

/* Added code by Royal Weblab  */
@media (max-width: 768px){
    .table-10 tr td:first-child{
        width: 14%!important;
    }
    .chapter_1_1, .chapter_1_1_continue, .chapter_1_1_VarA, .chapter_1_1_VarA_continue, .chapter_1_1_VarB, .chapter_1_1_VarB_continue{
        font-size: 15px;
    }
    .chapter_1_1 span.parent-tag, .chapter_1_1_continue span.parent-tag, .chapter_1_1_VarA span.parent-tag, .chapter_1_1_VarA_continue span.parent-tag, .chapter_1_1_VarB span.parent-tag, .chapter_1_1_VarB_continue span.parent-tag{
        margin: 0;
    }
    .chapter_1_continue .inner-content{
        margin-left: 7px!important;
    }
}
#homepage-footer{
    background: transparent;
}

#homepage-footer .wrapper{display:none;}
.submenu-2 a{
    font-family: 'Futura-Normal';
    font-weight: 500;
}
.simple-pagination .current{
    background: var(--primary);
}
.simple-pagination .page-link{
    border-color: var(--primary);
}
.chapter_1_continue .inner-content{
    margin-left: 3px;  
}
/* Added code by Royal Weblab  */