/* _a.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:600px) {
.aBigAtSmall {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    border: 1px solid grey;
}

.aBigAtSmall:hover {
    background-color: #ddd;
}

}
.exturl {
    font-family: sfmono-regular,menlo,monaco,consolas,"Courier New",monospace;
    color: var(--second_color);
    text-decoration: underline;
    overflow-wrap: anywhere;
}

.exturl:hover {
    color: #bd90ae;
}
/* _advert_one_two.css
 * Advertisement blocks, including .preads/.postads (not code blocks).
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

#advert_two_slider_0 {
    display: none;
}

#advert_two_slider_000 {
    display: none;
}

#advert_two_slider_001 {
    display: none;
}

#advert_two_slider_002 {
    display: none;
}

#advert_two_slider_003 {
    display: none;
}

#advert_two_slider_004 {
    display: none;
}

#advert_two_slider_005 {
    display: none;
}

#advert_two_slider_1 {
    display: none;
}

#advert_two_slider_10 {
    display: none;
}

#advert_two_slider_11 {
    display: none;
}

#advert_two_slider_12 {
    display: none;
}

#advert_two_slider_13 {
    display: none;
}

#advert_two_slider_14 {
    display: none;
}

#advert_two_slider_15 {
    display: none;
}

#advert_two_slider_16 {
    display: none;
}

#advert_two_slider_17 {
    display: none;
}

#advert_two_slider_18 {
    display: none;
}

#advert_two_slider_19 {
    display: none;
}

#advert_two_slider_2 {
    display: none;
}

#advert_two_slider_20 {
    display: none;
}

#advert_two_slider_21 {
    display: none;
}

#advert_two_slider_22 {
    display: none;
}

#advert_two_slider_23 {
    display: none;
}

#advert_two_slider_24 {
    display: none;
}

#advert_two_slider_3 {
    display: none;
}

#advert_two_slider_4 {
    display: none;
}

#advert_two_slider_5 {
    display: none;
}

#advert_two_slider_6 {
    display: none;
}

#advert_two_slider_7 {
    display: none;
}

#advert_two_slider_8 {
    display: none;
}

#advert_two_slider_9 {
    display: none;
}

#show_advert_one_button {
    display: none;
}

#show_advert_two_button {
    display: none;
}

#remove_advert_one_button {
    width: 100%;
    font-size: 1.2rem;
    padding: 5px;
    background-color: var(--second_color_o4);
}

#remove_advert_two_button {
    width: 100%;
    font-size: 1.2rem;
    padding: 5px;
    background-color: var(--second_color_o4);
}

#show_advert_one_button {
    width: 100%;
    font-size: 1.2rem;
    padding: 5px;
    background-color: var(--second_color_o4);
}

#show_advert_two_button {
    width: 100%;
    font-size: 1.2rem;
    padding: 5px;
    background-color: var(--second_color_o4);
}

.postads {
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
    color: var(--main_color_o4);
}

.preads {
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
    color: var(--main_color_o4);
}

.preads {
    border-top: 2px solid var(--main_color_o2);
}

.postads {
    border-bottom: 2px solid var(--main_color_o2);
}

.postads a {
    color: var(--main_color_o4);
}

.preads a {
    color: var(--main_color_o4);
}
/* _arrow.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.arrow {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/* _aside_blocks_nav.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.r_block_font0 {
    font-size: 0;
    padding: 0;
}

.r_block_nav {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    background-color: var(--second_color_o4);
    vertical-align: top;
}

.r_block_nav a:hover {
    background-color: #000;
    color: var(--second_color);
}

a.r_half {
    width: 47%;
    display: inline-block;
}

a.r_topic {
    border-top: 1px solid grey;
    background-color: var(--second_color);
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}

a.r_topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
    border-left: none;
    border-right: none;
    border-top: var(--second_color)solid 3px;
    box-sizing: border-box;
}

.l_block_font0 {
    font-size: 0;
    padding: 0;
}

.r_block_font0 {
    font-size: 0;
    padding: 0;
}

.l_block_nav {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    background-color: rgba(49,179,147,.4);
    vertical-align: top;
}

.r_block_nav {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    background-color: rgba(49,179,147,.4);
    vertical-align: top;
}

.l_block_nav a {
    color: var(--main_color);
    text-decoration: none;
    background-color: #efefef;
    font-size: 1.1rem;
    display: block;
    box-sizing: border-box;
    padding-top: .1rem;
    padding-bottom: .1rem;
    border-top: 1px dashed silver;
    border-left: 1px dashed var(--second_color);
    border-left: 1px dashed var(--second_color_o2);
    min-height: 1.4rem;
}

.r_block_nav a {
    color: var(--main_color);
    text-decoration: none;
    background-color: #efefef;
    font-size: 1.1rem;
    display: block;
    box-sizing: border-box;
    padding-top: .1rem;
    padding-bottom: .1rem;
    border-top: 1px dashed silver;
    border-left: 1px dashed var(--second_color);
    border-left: 1px dashed var(--second_color_o2);
    min-height: 1.4rem;
}

.l_block_nav a {
    padding-left: .3rem;
    padding-right: .2rem;
}

.l_block_nav a:hover {
    background-color: #e1e1e1;
}

.r_block_nav a:hover {
    background-color: #e1e1e1;
}

.l_block_nav a:hover {
    border-right: 3px solid var(--second_color);
}

a.l_topic {
    border-top: 1px solid grey;
    color: var(--forth_color);
    background-color: var(--second_color_o6);
    text-align: center;
    font-size: 1.1rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}

a.r_topic {
    border-top: 1px solid grey;
    color: var(--forth_color);
    background-color: var(--second_color_o6);
    text-align: center;
    font-size: 1.1rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}

a.l_topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
    border-left: none;
    border-right: none;
    border-top: var(--second_color)solid 3px;
    margin-top: -2px;
    box-sizing: border-box;
}

a.r_topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
    border-left: none;
    border-right: none;
    border-top: var(--second_color)solid 3px;
    margin-top: -2px;
    box-sizing: border-box;
}
/* _aside_left_block.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

#aside_left_block {
    position: fixed;
    top: 180px;
    left: 0;
    display: none;
}

@media screen and (min-width:2000px) {
#aside_left_block {
    width: 20%;
    display: block;
}

}
@media screen and (min-width:1840px) and (max-width:1999px) {
#aside_left_block {
    width: 19%;
    display: block;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
#aside_left_block {
    width: 16%;
    display: block;
}

}
@media screen and (max-width:1600px) and (min-width:1201px) {
#aside_left_block {
    width: 13%;
    display: block;
}

}
@media screen and (max-width:1200px) and (min-width:1000px) {
#aside_left_block {
    width: 9%;
    display: block;
}

}
/* _aside_related_nav.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.aside_related_block_font0 {
    font-size: 0;
    padding: 0;
}

.aside_related_block_nav {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    background-color: var(--second_color_o4);
    vertical-align: top;
}

.aside_related_block_nav a {
    color: var(--main_color);
    text-decoration: none;
    background-color: #efefef;
    font-size: 1.1rem;
    display: block;
    box-sizing: border-box;
    padding-top: .1rem;
    padding-bottom: .1rem;
    border-top: 1px dashed silver;
    border-left: 1px dashed var(--second_color);
    border-left: 1px dashed var(--second_color_o2);
    min-height: 1.4rem;
    font-family: calibri,sans-serif;
}

.aside_related_block_nav a {
    padding-left: .1rem;
    padding-right: .2rem;
}

.aside_related_block_nav a:hover {
    background-color: #e1e1e1;
}

.aside_related_block_nav a:hover {
    border-left: 3px solid var(--second_color);
}

a.aside_related_half {
    width: 47%;
    display: inline-block;
}

a.aside_related_topic {
    border-top: 1px solid grey;
    color: var(--forth_color);
    background-color: var(--second_color_o6);
    text-align: center;
    font-size: 1.1rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
    word-wrap: break-word;
}

a.aside_related_topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
    border-left: none;
    border-right: none;
    border-top: var(--second_color)solid 3px;
    margin-top: -2px;
    box-sizing: border-box;
}

a.aside_related_topic {
    color: var(--main_color);
    background-color: var(--second_color_o4);
}
/* _aside_right_block.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

#right_slider_000 {
    display: none;
}

#right_slider_001 {
    display: none;
}

#right_slider_002 {
    display: none;
}

#right_slider_003 {
    display: none;
}

#right_slider_004 {
    display: none;
}

#aside_right_block {
    position: fixed;
    top: 180px;
    display: block;
}

@media screen and (min-width:2000px) {
#aside_right_block {
    right: 4px;
    width: 21%;
}

}
@media screen and (min-width:1840px) and (max-width:1999px) {
#aside_right_block {
    right: 4px;
    width: 20%;
}

#aside_right_block--inside {
    padding-right: 10px;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
#aside_right_block {
    right: 4px;
    width: 17%;
}

}
@media screen and (max-width:1600px) and (min-width:1201px) {
#aside_right_block {
    right: 4px;
    width: 14%;
}

}
@media screen and (max-width:1200px) and (min-width:1000px) {
#aside_right_block {
    right: 2px;
    width: 10%;
}

}
@media screen and (max-width:999px) {
#aside_right_block {
    display: none;
}

}
#right_slider_0 {
    display: none;
}

#right_slider_000 {
    display: none;
}

#right_slider_001 {
    display: none;
}

#right_slider_002 {
    display: none;
}

#right_slider_003 {
    display: none;
}

#right_slider_004 {
    display: none;
}

#right_slider_005 {
    display: none;
}

#right_slider_1 {
    display: none;
}

#right_slider_10 {
    display: none;
}

#right_slider_11 {
    display: none;
}

#right_slider_12 {
    display: none;
}

#right_slider_13 {
    display: none;
}

#right_slider_14 {
    display: none;
}

#right_slider_15 {
    display: none;
}

#right_slider_16 {
    display: none;
}

#right_slider_17 {
    display: none;
}

#right_slider_18 {
    display: none;
}

#right_slider_19 {
    display: none;
}

#right_slider_2 {
    display: none;
}

#right_slider_20 {
    display: none;
}

#right_slider_21 {
    display: none;
}

#right_slider_22 {
    display: none;
}

#right_slider_23 {
    display: none;
}

#right_slider_24 {
    display: none;
}

#right_slider_3 {
    display: none;
}

#right_slider_4 {
    display: none;
}

#right_slider_5 {
    display: none;
}

#right_slider_6 {
    display: none;
}

#right_slider_7 {
    display: none;
}

#right_slider_8 {
    display: none;
}

#right_slider_9 {
    display: none;
}
/* _aside_tcont_block.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

#aside_tcont_block {
    position: fixed;
    top: 100px;
    left: 0;
    display: none;
}

@media screen and (min-width:2000px) {
#aside_tcont_block {
    width: 20%;
    display: block;
}

}
@media screen and (min-width:1840px) and (max-width:1999px) {
#aside_tcont_block {
    width: 19%;
    display: block;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
#aside_tcont_block {
    width: 16%;
    display: block;
}

}
@media screen and (max-width:1600px) and (min-width:1201px) {
#aside_tcont_block {
    width: 13%;
    display: block;
}

}
@media screen and (max-width:1200px) and (min-width:1000px) {
#aside_tcont_block {
    width: 9%;
    display: block;
}

}
/* _aside_tcont_nav.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.aside_tcont_block_font0 {
    font-size: 0;
    padding: 0;
}

.aside_tcont_block_nav {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    background-color: var(--second_color_o4);
    vertical-align: top;
}

.aside_tcont_block_nav a {
    color: var(--main_color);
    text-decoration: none;
    background-color: #efefef;
    font-size: 1.1rem;
    display: block;
    box-sizing: border-box;
    padding-top: .1rem;
    padding-bottom: .1rem;
    border-top: 1px dashed silver;
    border-left: 1px dashed var(--second_color);
    border-left: 1px dashed var(--second_color_o2);
    min-height: 1.4rem;
    font-family: calibri,sans-serif;
}

.aside_tcont_block_nav a {
    padding-left: .3rem;
    padding-right: .2rem;
}

.aside_tcont_block_nav a:hover {
    background-color: #e1e1e1;
}

.aside_tcont_block_nav a:hover {
    border-right: 3px solid var(--second_color);
}

a.aside_tcont_topic {
    border-top: 1px solid grey;
    color: var(--forth_color);
    background-color: var(--second_color_o6);
    text-align: center;
    font-size: 1.1rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
    word-wrap: break-word;
}

a.aside_tcont_topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
    border-left: none;
    border-right: none;
    border-top: var(--second_color)solid 3px;
    margin-top: -2px;
    box-sizing: border-box;
}

a.aside_tcont_topic {
    color: var(--main_color);
    background-color: var(--second_color_o4);
}
/* _banner.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.banner-couple {
    font-size: 0;
    font-family: proximanovaregular,arial,serif;
}

.banner-container-box {
    display: inline-block;
    font-size: 1rem;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
}

.banner-container {
    margin-top: 1rem;
    border: 1px solid grey;
    border-radius: 5px;
    box-shadow: 3px 3px 4px #ccc;
    width: 100%;
}

.banner-container:hover {
    box-shadow: 3px 3px 4px #bbb;
    background-image: linear-gradient(135deg,#ddd,#ccc 99%,#555);
}

.banner-img {
    border-radius: 6px;
    position: relative;
    z-index: 50;
    overflow: hidden;
}

.banner-img img:hover {
    transition-duration: 3s;
    transform: scale(1.4);
}

.transform-origin-HEL-airport {
    transform-origin: 50px 5px;
}

.banner-img-hover-text {
    position: absolute;
    font-size: 1rem;
    color: #ddd;
    font-weight: 600;
    display: none;
    z-index: 100;
    opacity: .8;
}

.banner-img-hover-text a {
    text-decoration: none;
    color: #ddd;
}

.banner-img-hover-text a:hover {
    text-decoration: none;
    color: #1a1a1a;
}

.banner-img-hover-text--top-left {
    top: 8px;
    left: 16px;
    max-width: 30%;
}

.banner-img-hover-text--top-right {
    top: 8px;
    right: 16px;
    max-width: 30%;
}

.banner-img-hover-text--centered {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 90%;
}

.banner-img:hover div.banner-img-hover-text {
    display: inline;
}

.banner-bottom {
    padding: 10px;
}

.banner-text {
    margin-right: 0;
    font-size: 2.1rem;
    text-align: left;
    padding-right: 1rem;
    min-height: 80px;
}

.banner-text-large {
    font-size: 2.5rem;
}

.banner-text-small-on-small {
    font-size: 2.1rem;
}

@media screen and (max-width:500px) {
.banner-text {
    font-size: 1.6rem;
}

.banner-text-large {
    font-size: 2.1rem;
}

.banner-text-small-on-small {
    font-size: 1.2rem;
}

}
.banner-text a {
    color: #000;
    text-decoration: none;
}

.banner-additional-info {
    font-size: 0;
}

.banner-action-button {
    font-size: 1rem;
    height: 30px;
    vertical-align: top;
    position: relative;
    width: 50%;
    display: inline-block;
    margin-bottom: 5px;
    padding-top: 10px;
    overflow: hidden;
    text-align: left;
    box-sizing: border-box;
}

.banner-action-button a {
    text-decoration: none;
    padding-right: 1rem;
}

.banner-action-button a:hover {
    text-decoration: none;
    color: #002f6c;
}

.banner-action-button-action {
    display: inline-block;
}

.banner-icons-block {
    font-size: 1rem;
    height: 30px;
    vertical-align: top;
    position: relative;
    width: 50%;
    margin-right: 0;
    margin-bottom: 5px;
    padding-top: 10px;
    text-align: right;
    display: inline-block;
    box-sizing: border-box;
}

.banner-icons-block-icon {
    float: right;
}

.banner-icon-block-flag {
    opacity: .6;
}

@media screen and (min-width:600px) and (max-width:1000px) {
.banner-container-box {
    width: 50%;
}

}
@media screen and (min-width:590px) and (max-width:700px) {
.banner-text {
    font-size: 1.8rem;
}

}
@media screen and (min-width:1001px) {
.banner-container-box {
    width: 25%;
}

.banner-text {
    font-size: 1.2rem;
}

}
/* _blockquotes.css
 * Blockquote/callout rules. Code, terminal and colour classes live in _codeblocks.css.
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:360px) and (min-width:310px) {
blockquote {
    font-size: 70%;
    margin-left: 2%;
}

}
@media screen and (max-width:310px) {
blockquote {
    font-size: 70%;
    margin-left: 2%;
}

}
blockquote {
    font-family: verdana,arial;
    text-align: left;
    color: #360;
    background: #fff;
}

.action {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action1 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action10 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action12 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action2 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action3 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action4 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action5 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action8 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.4);
}

.action1 {
    width: 100%;
    margin-top: 1rem;
}

.action2 {
    width: 100%;
    margin-top: 2rem;
}

.action3 {
    width: 100%;
    margin-top: 3rem;
}

.action4 {
    width: 100%;
    margin-top: 4rem;
}

.action5 {
    width: 100%;
    margin-top: 5rem;
}

.action8 {
    width: 100%;
    margin-top: 8rem;
}

.action10 {
    width: 100%;
    margin-top: 10rem;
}

@media screen and (min-width:1840px) {
.answer {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.err {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.path {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.question {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.warn {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.warning {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.info {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
.path a {
    color: violet;
}

@media screen and (min-width:1200px) and (max-width:1839px) {
.answer {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.err {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.path {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.question {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.reg {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.warn {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.warning {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.info {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.answer {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.err {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.path {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.question {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.reg {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.warn {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.warning {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.answer {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.err {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.path {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.question {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.reg {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.warn {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.warning {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.info {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.answer {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.err {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.path {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.question {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warn {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warning {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.email {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.info {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.answer {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.err {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.path {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.question {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warn {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warning {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.email {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.info {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.answer {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.err {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.path {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.question {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.reg {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warn {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warning {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.email {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.info {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.answer {
    padding: 1rem .5rem;
    font-size: 1em;
}

.err {
    padding: 1rem .5rem;
    font-size: 1em;
}

.path {
    padding: 1rem .5rem;
    font-size: 1em;
}

.question {
    padding: 1rem .5rem;
    font-size: 1em;
}

.reg {
    padding: 1rem .5rem;
    font-size: 1em;
}

.warn {
    padding: 1rem .5rem;
    font-size: 1em;
}

.warning {
    padding: 1rem .5rem;
    font-size: 1em;
}

.info {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.answer {
    font-family: verdana,arial;
    text-align: left;
    overflow: hidden;
    border: solid 1px #333;
    text-indent: 0;
}

.path {
    font-family: verdana,arial;
    text-align: left;
    overflow: hidden;
    border: solid 1px #333;
    text-indent: 0;
}

.question {
    font-family: verdana,arial;
    text-align: left;
    overflow: hidden;
    border: solid 1px #333;
    text-indent: 0;
}

.reg {
    font-family: verdana,arial;
    text-align: left;
    overflow: hidden;
    border: solid 1px #333;
    text-indent: 0;
}

.question {
    background: #911e42;
    color: #fff9d0;
}

.question a {
    color: #fff9d0;
}

.answer {
    background: #eae9e8;
    color: #000;
}

.path {
    color: #e6db74;
    background-color: #29292e;
    font-family: palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",georgia,serif;
    border-left: solid 2px #333;
    position: relative;
    text-decoration: none;
    clear: both;
    border-radius: 1px;
    box-shadow: 3px 3px 4px #ccc;
}

.path .blue {
    color: #66d9ef;
}

.path-blue {
    color: #66d9ef;
}

.pathfw50 .blue {
    color: #66d9ef;
}

.path .lightblue {
    color: #94eeff;
}

.path-lightblue {
    color: #94eeff;
}

.pathfw50 .lightblue {
    color: #94eeff;
}

.path .green {
    color: #a6e22e;
}

.path-green {
    color: #a6e22e;
}

.pathfw50 .green {
    color: #a6e22e;
}

.path .yellow {
    color: #e6db74;
}

.path-yellow {
    color: #e6db74;
}

.pathfw50 .yellow {
    color: #e6db74;
}

.path .orange {
    color: #f27e02;
}

.path-orange {
    color: #f27e02;
}

.pathfw50 .orange {
    color: #f27e02;
}

.path .violet {
    color: #ff4fca;
}

.path-violet {
    color: #ff4fca;
}

.pathfw50 .violet {
    color: #ff4fca;
}

.reg {
    color: #333;
    background: #ebecec;
}

.action {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action1 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action10 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action12 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action2 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action3 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action4 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action5 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.action8 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.info a {
    color: #333;
}

.info a:hover {
    color: #000;
}

.info {
    color: #393318;
    background: #eff0f1;
    border-radius: 1px;
    font-family: consolas,menlo,monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace,sans-serif;
    text-align: left;
    overflow: auto;
    text-indent: 0;
    position: relative;
    text-decoration: none;
    clear: both;
    box-shadow: 3px 3px 4px #ccc;
}

.info:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 1rem 0 0;
    margin: 0 -.6rem 1rem -.6rem;
    content: "Info ";
    background-color: #ffba10;
    border-bottom: 2px solid var(--main_color);
}

.email {
    color: #393318;
    background: #eff0f1;
    border-radius: 1px;
    border-bottom: 2px solid #0024b5;
    border-left: 1px dashed #0024b5;
    font-family: consolas,menlo,monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace,sans-serif;
    text-align: left;
    text-indent: 0;
    position: relative;
    text-decoration: none;
    clear: both;
    box-shadow: 3px 3px 4px #ccc;
}

.email:before {
    font-size: 2rem;
    text-align: right;
    display: block;
    padding: 0;
    margin: -1rem -.6rem 1rem -.6rem;
    content: "🖄 ";
    color: #f0f0f0;
    background-color: #29c6ff;
    border-bottom: 2px solid #0024b5;
}

.err {
    color: #333;
    background-color: #ffad99;
    background-color: rgba(255,173,153,.1);
    border-left: 2px dashed #ffad99;
    border-right: 2px dashed #ffad99;
    border-top: 1px solid red;
}

.err:before {
    content: "Error ";
    color: #fff;
    background-color: #ffad99;
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 1rem 0 0;
    margin: -1rem -.9rem 1rem -.9rem;
    border-bottom: 2px solid red;
}

.warn {
    color: #333;
    background-color: #e7ef04;
    background-color: rgba(231,239,4,.1);
    border-bottom: #ff0 2px dotted;
}

.warning {
    color: #333;
    background-color: #e7ef04;
    background-color: rgba(231,239,4,.1);
    border-bottom: #ff0 2px dotted;
}

.warn:before {
    content: "Warning ";
    color: #ff0;
    background-color: #000;
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 1rem 0 0;
    margin: -1rem -.9rem 1rem -.9rem;
    border-bottom: 2px solid #ff0;
    box-sizing: border-box;
}

.warning:before {
    content: "Warning ";
    color: #ff0;
    background-color: #000;
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 1rem 0 0;
    margin: -1rem -.9rem 1rem -.9rem;
    border-bottom: 2px solid #ff0;
    box-sizing: border-box;
}

.action {
    box-sizing: border-box;
    overflow: auto;
}

.action1 {
    box-sizing: border-box;
    overflow: auto;
}

.action10 {
    box-sizing: border-box;
    overflow: auto;
}

.action12 {
    box-sizing: border-box;
    overflow: auto;
}

.action2 {
    box-sizing: border-box;
    overflow: auto;
}

.action5 {
    box-sizing: border-box;
    overflow: auto;
}

.action8 {
    box-sizing: border-box;
    overflow: auto;
}

.answer {
    box-sizing: border-box;
    overflow: auto;
}

.email {
    box-sizing: border-box;
    overflow: auto;
}

.err {
    box-sizing: border-box;
    overflow: auto;
}

.info {
    box-sizing: border-box;
    overflow: auto;
}

.path {
    box-sizing: border-box;
    overflow: auto;
}

.question {
    box-sizing: border-box;
    overflow: auto;
}

.warn {
    box-sizing: border-box;
    overflow: auto;
}

.warning {
    box-sizing: border-box;
    overflow: auto;
}

.citation {
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: georgia,'Palatino Linotype',serif;
    font-style: italic;
    color: var(--main_color);
    background: #f7f3f6;
    border-left: 4px solid var(--second_color);
    border-radius: 0 12px 12px 0;
    padding: 1rem 1.2rem 1rem 3rem;
    margin: 1.5rem 0;
    position: relative;
    box-shadow: 0 1px 5px rgba(80,37,66,.08);
}

.citation::before {
    content: "\201C";
    position: absolute;
    left: .6rem;
    top: .1rem;
    font-size: 3rem;
    line-height: 1;
    color: var(--second_color);
}

@media screen and (max-width:600px) {
.citation {
    padding: .8rem .8rem .8rem 2.4rem;
    margin: 1rem 0;
}

}
.teacher-card {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    margin: 0 0 1.5rem;
}

.teacher-card img.teacher-photo {
    flex: none;
    width: 180px;
    max-width: 35%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 10px var(--main_color_o2);
}

.teacher-card .teacher-name {
    font-size: 1.4rem;
    margin: 0 0 .4rem;
    color: var(--main_color);
}

@media screen and (max-width:600px) {
.teacher-card {
    flex-direction: column;
}

.teacher-card img.teacher-photo {
    width: 140px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
blockquote {
    font-size: 70%;
    margin-left: 2%;
}

}
@media screen and (max-width:310px) {
blockquote {
    font-size: 70%;
    margin-left: 2%;
}

}
@media screen and (min-width:1840px) {
.answer {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.err {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.path {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.question {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.warn {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.warning {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.info {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.quo {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.answer {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.err {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.path {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.question {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.reg {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.warn {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.warning {
    padding: 1rem .6rem;
    font-size: 1.5rem;
}

.info {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.quo {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.answer {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.err {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.path {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.question {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.reg {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.warn {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.warning {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.info {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.quo {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.answer {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.err {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.path {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.question {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warn {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warning {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.email {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.info {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.quo {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.answer {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.err {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.path {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.question {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warn {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warning {
    box-shadow: 0 3px 4px;
    padding: 1rem .5rem;
    font-size: 1rem;
}

.email {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.info {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.quo {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.answer {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.err {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.path {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.question {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.reg {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warn {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.warning {
    padding: 1rem .5rem;
    font-size: 1rem;
}

.email {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.info {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.quo {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.answer {
    padding: 1rem .5rem;
    font-size: 1em;
}

.err {
    padding: 1rem .5rem;
    font-size: 1em;
}

.path {
    padding: 1rem .5rem;
    font-size: 1em;
}

.question {
    padding: 1rem .5rem;
    font-size: 1em;
}

.reg {
    padding: 1rem .5rem;
    font-size: 1em;
}

.warn {
    padding: 1rem .5rem;
    font-size: 1em;
}

.warning {
    padding: 1rem .5rem;
    font-size: 1em;
}

.info {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.quo {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.quo {
    color: var(--third_color);
    background-color: var(--forth_color);
    background-color: var(--forth_color_o4);
    border-bottom: var(--third_color)2px dotted;
    font-family: consolas,menlo,monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace,sans-serif;
    text-align: left;
    overflow: auto;
    text-indent: 0;
    position: relative;
    text-decoration: none;
    clear: both;
    box-shadow: 3px 3px 4px #ccc;
}

.quo:before {
    content: "Quote ";
    color: var(--third_color);
    background-color: var(--forth_color);
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 1rem 0 0;
    margin: -1rem -.9rem 1rem -.9rem;
    border-bottom: 2px solid var(--third_color);
    box-sizing: border-box;
}

.action {
    box-sizing: border-box;
    overflow: auto;
}

.action1 {
    box-sizing: border-box;
    overflow: auto;
}

.action10 {
    box-sizing: border-box;
    overflow: auto;
}

.action12 {
    box-sizing: border-box;
    overflow: auto;
}

.action2 {
    box-sizing: border-box;
    overflow: auto;
}

.action5 {
    box-sizing: border-box;
    overflow: auto;
}

.action8 {
    box-sizing: border-box;
    overflow: auto;
}

.answer {
    box-sizing: border-box;
    overflow: auto;
}

.email {
    box-sizing: border-box;
    overflow: auto;
}

.err {
    box-sizing: border-box;
    overflow: auto;
}

.info {
    box-sizing: border-box;
    overflow: auto;
}

.path {
    box-sizing: border-box;
    overflow: auto;
}

.question {
    box-sizing: border-box;
    overflow: auto;
}

.quo {
    box-sizing: border-box;
    overflow: auto;
}

.warn {
    box-sizing: border-box;
    overflow: auto;
}

.warning {
    box-sizing: border-box;
    overflow: auto;
}

.action1 {
    width: 100%;
    margin-top: 1rem;
}

.action2 {
    width: 100%;
    margin-top: 2rem;
}

.action3 {
    width: 100%;
    margin-top: 3rem;
}

.action4 {
    width: 100%;
    margin-top: 4rem;
}

.action5 {
    width: 100%;
    margin-top: 5rem;
}

.action8 {
    width: 100%;
    margin-top: 8rem;
}

.action10 {
    width: 100%;
    margin-top: 10rem;
}

@media screen and (min-width:601px) and (max-width:800px) {
.email {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
/* _css_grid.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.gridBox {
    display: grid;
}

.gridBox>div {
    padding: .1rem;
}

.gridBox--one {
    max-width: 300px;
}

.gridBox--three {
    max-width: 300px;
}

.gridBox--one {
    grid-column: 1;
    grid-row: 1;
}

.gridBox--two {
    min-width: 320px;
    max-width: 760px;
    grid-column: 2;
    grid-row: 1/3;
}

.gridBox--three {
    grid-column: 1;
    grid-row: 2;
}

.gridBox--four {
    min-width: 320px;
    max-width: 760px;
    grid-column: 2;
    grid-row: 1;
}

.gridBox--five {
    border-bottom: 1px solid;
    border-color: var(--main_color);
    border-color: rgba(80,37,70,.3);
    grid-column: 1/3;
    grid-row: 2;
}

.gridBox--nine {
    grid-column: 1;
    grid-row: 1;
    max-width: 50%;
}

.gridBox--ten {
    grid-column: 2;
    grid-row: 1;
}

@media screen and (min-width:1600px) {
.gridBox--one {
    min-width: 360px;
}

.gridBox--three {
    min-width: 360px;
}

.gridBox--nine {
    max-width: 360px;
}

.gridBox--ten {
    min-width: 360px;
}

}
@media screen and (max-width:735px) {
.gridBox {
    width: 100%;
    margin-left: 0;
}

.gridBox>div {
    border: 0;
    border-color: var(--main_color);
    border-color: rgba(80,37,70,.3);
    border-radius: 0;
    padding: 0;
}

.gridBox--nine {
    min-width: 180px;
    max-width: 100%;
}

.gridBox--one {
    min-width: 180px;
    max-width: 100%;
}

.gridBox--three {
    min-width: 180px;
    max-width: 100%;
}

.gridBox--one {
    grid-column: 1;
    grid-row: 1;
}

.gridBox--two {
    min-width: 180px;
    width: 100%;
    grid-column: 1;
    grid-row: 2;
}

.gridBox--three {
    grid-column: 1;
    grid-row: 3;
}

.gridBox--four {
    min-width: 180px;
    width: 100%;
    grid-column: 1;
    grid-row: 2;
}

.gridBox--five {
    grid-column: 1;
    grid-row: 3;
}

.gridBox--nine {
    grid-column: 1;
    grid-row: 2;
}

.gridBox--ten {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}

}
/* _figure.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.figure1 figcaption {
    text-align: center;
    margin: 0 5px;
}

.copy {
    color: #ccc;
    opacity: .4;
}

.copy a {
    color: #ccc;
    opacity: .5;
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
}

.figure1 figcaption {
    margin-right: auto;
    margin-left: auto;
}
/* _flexbox.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.box {
    display: flex;
    flex-flow: row wrap;
}

.box--leftads {
    max-width: 360px;
    display: inline-block;
}

.box--rightmenu {
    flex-grow: 9;
    display: inline-block;
    max-width: 100%;
}

@media screen and (min-width:1840px) {
.box--leftads {
    margin-top: 2rem;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.box--leftads {
    margin-top: 4rem;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.box--leftads {
    max-width: 600px;
    flex-grow: 9;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.box--leftads {
    width: 100%;
}

}
@media screen and (max-width:310px) {
.box--leftads {
    width: 100%;
}

}
/* _font.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (min-width:1840px) {
.font1 {
    font-size: 1.4rem;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.font1 {
    font-size: 1.4rem;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.font1 {
    font-size: 1.2rem;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.font1 {
    font-size: 1.2rem;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.font1 {
    font-size: 1.2rem;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.font1 {
    font-size: 1.2rem;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.font1 {
    font-size: 1.2rem;
}

}
@media screen and (max-width:310px) {
.font1 {
    font-size: 1.2rem;
}

}
.font8px {
    font-size: 8px;
}

.font9px {
    font-size: 9px;
}

.font10px {
    font-size: 10px;
}

.font11px {
    font-size: 11px;
}

.font12px {
    font-size: 12px;
}

.font14px {
    font-size: 14px;
}

.font16px {
    font-size: 16px;
}

.font18px {
    font-size: 18px;
}

.font20px {
    font-size: 20px;
}

.font22px {
    font-size: 22px;
}

.font26px {
    font-size: 26px;
}

.font30px {
    font-size: 30px;
}

.font36px {
    font-size: 36px;
}

.font40px {
    font-size: 40px;
}

.font48px {
    font-size: 48px;
}

.font72px {
    font-size: 72px;
}
/* _h.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.hleft10 {
    color: #2f4f4f;
    font-size: 140%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: left;
    padding-left: 15%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.hleft10 {
    color: #2f4f4f;
    font-size: 140%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: left;
    padding-left: 15%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.hleft10 {
    color: #2f4f4f;
    font-size: 140%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: left;
    padding-left: 15%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.hleft10 {
    color: #2f4f4f;
    font-size: 140%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: left;
    padding-left: 15%;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
h1 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: center;
}

h2 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: center;
}

h3 {
    color: #2f4f4f;
    font-size: 103%;
    font-family: cambria;
    text-align: center;
}

h4 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: center;
}

h5 {
    color: #2f4f4f;
    font-size: 100%;
    font-family: cambria;
    text-align: left;
    padding-left: 2%;
}

.hleft10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
h1 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: center;
}

h2 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: center;
}

h3 {
    color: #2f4f4f;
    font-size: 103%;
    font-family: cambria;
    text-align: center;
}

h4 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: center;
}

h5 {
    color: #2f4f4f;
    font-size: 100%;
    font-family: cambria;
    text-align: left;
    padding-left: 2%;
}

.hleft10 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

}
@media screen and (max-width:310px) {
h1 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: center;
}

h2 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: center;
}

h3 {
    color: #2f4f4f;
    font-size: 103%;
    font-family: cambria;
    text-align: center;
}

h4 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: center;
}

h5 {
    color: #2f4f4f;
    font-size: 100%;
    font-family: cambria;
    text-align: left;
    padding-left: 2%;
}

.hleft10 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

}
@media screen and (min-width:1840px) {
.hleft10 {
    color: #2f4f4f;
    font-size: 140%;
    font-family: arial,verdana,sans-serif;
    text-align: left;
    padding-left: 20%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: arial,verdana,sans-serif;
    text-align: left;
    padding-left: 20%;
}

}
h1 {
    font-size: 2.3rem;
    margin-top: 7rem;
    margin-bottom: 3rem;
}

h2 {
    font-size: 2rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
}

h3 {
    font-size: 1.6rem;
    margin-top: 5rem;
    margin-bottom: 3rem;
}

.h2mTop {
    margin-top: 10rem;
}

.h2mtop {
    margin-top: 10rem;
}

.h3mTop {
    margin-top: 7rem;
}

.h3mtop {
    margin-top: 7rem;
}

h4 {
    font-size: 1.3rem;
}

h5 {
    font-size: 1.2rem;
}

@media screen and (min-width:1840px) {
h1 {
    font-weight: 600;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
h1 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: center;
}

h2 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: center;
}

h3 {
    color: #2f4f4f;
    font-size: 103%;
    font-family: cambria;
    text-align: center;
}

h4 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: center;
}

h5 {
    color: #2f4f4f;
    font-size: 100%;
    font-family: cambria;
    text-align: left;
    padding-left: 2%;
}

.hleft10 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
h1 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: center;
}

h2 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: center;
}

h3 {
    color: #2f4f4f;
    font-size: 103%;
    font-family: cambria;
    text-align: center;
}

h4 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: center;
}

h5 {
    color: #2f4f4f;
    font-size: 100%;
    font-family: cambria;
    text-align: left;
    padding-left: 2%;
}

.hleft10 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

}
@media screen and (max-width:310px) {
h1 {
    color: #2f4f4f;
    font-size: 110%;
    font-family: cambria;
    text-align: center;
}

h2 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: center;
}

h3 {
    color: #2f4f4f;
    font-size: 103%;
    font-family: cambria;
    text-align: center;
}

h4 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: center;
}

h5 {
    color: #2f4f4f;
    font-size: 100%;
    font-family: cambria;
    text-align: left;
    padding-left: 2%;
}

.hleft10 {
    color: #2f4f4f;
    font-size: 105%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

.h3left10 {
    color: #2f4f4f;
    font-size: 102%;
    font-family: cambria;
    text-align: left;
    padding-left: 10%;
}

}
.h1b {
    font-family: calibri,sans-serif;
}

.h3left {
    font-family: calibri,sans-serif;
}

.h3left10 {
    font-family: calibri,sans-serif;
}

.hleft {
    font-family: calibri,sans-serif;
}

.hleft10 {
    font-family: calibri,sans-serif;
}

h1 {
    font-family: calibri,sans-serif;
}

h2 {
    font-family: calibri,sans-serif;
}

h3 {
    font-family: calibri,sans-serif;
}

h4 {
    font-family: calibri,sans-serif;
}

h5 {
    font-family: calibri,sans-serif;
}
/* _img.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.imgsmall {
    margin-left: 15%;
    width: 30%;
}

.imgmedium {
    margin-left: 15%;
    width: 45%;
}

.imgbig {
    margin-left: 15%;
    width: 60%;
}

.img20c {
    width: 30%;
    margin-left: 35%;
    position: relative;
}

.img20c_alc {
    width: 30%;
    margin-left: 35%;
    position: relative;
}

.img40c {
    width: 50%;
    margin-left: 25%;
    position: relative;
}

.img40c_alc {
    width: 50%;
    margin-left: 25%;
    position: relative;
}

.img60c {
    width: 70%;
    margin-left: 15%;
    position: relative;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.img20c {
    width: 35%;
    margin-left: 32.5%;
    position: relative;
}

.img20c_alc {
    width: 35%;
    margin-left: 32.5%;
    position: relative;
}

.img40c {
    margin-right: 25%;
    margin-left: 25%;
    width: 50%;
    position: relative;
}

.img40c_alc {
    margin-right: 25%;
    margin-left: 25%;
    width: 50%;
    position: relative;
}

.img60c {
    width: 70%;
    margin-left: 15%;
    position: relative;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.img20c {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

.img20c_alc {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

.img40c {
    width: 55%;
    margin-left: 22.5%;
    position: relative;
}

.img40c_alc {
    width: 55%;
    margin-left: 22.5%;
    position: relative;
}

.img60c {
    width: 75%;
    margin-left: 12.5%;
    position: relative;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.img20c {
    width: 55%;
    margin-left: 22.5%;
    position: relative;
}

.img20c_alc {
    width: 55%;
    margin-left: 22.5%;
    position: relative;
}

.img40c {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    position: relative;
}

.img40c_alc {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    position: relative;
}

.img60c {
    width: 85%;
    margin-left: 7.5%;
    position: relative;
}

}
@media screen and (min-width:1840px) {
.imgsmall {
    margin-left: 22%;
    width: 25%;
}

.imgmedium {
    margin-left: 22%;
    width: 35%;
}

.imgbig {
    margin-left: 22%;
    width: 50%;
}

.img20c {
    width: 20%;
    margin-left: 40%;
    position: relative;
}

.img20c_alc {
    width: 20%;
    margin-left: 40%;
    position: relative;
}

.img40c {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

.img60c {
    width: 60%;
    margin-left: 20%;
    position: relative;
}

.imgfull {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.imgfull {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.imgsmall {
    margin-left: 10%;
    width: 35%;
}

.imgmedium {
    margin-left: 10%;
    width: 50%;
}

.imgbig {
    margin-left: 10%;
    width: 70%;
}

.imgfull {
    margin-left: 10%;
    width: 80%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.imgsmall {
    margin-left: 5%;
    width: 40%;
}

.imgmedium {
    margin-left: 5%;
    width: 55%;
}

.imgbig {
    margin-left: 5%;
    width: 75%;
}

.imgfull {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.imgsmall {
    margin-left: 5%;
    width: 55%;
}

.imgmedium {
    margin-left: 5%;
    width: 70%;
}

.imgbig {
    margin-left: 5%;
    width: 85%;
}

.imgfull {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.img20c {
    margin: 3px 2%;
    width: 96%;
}

.img20c_alc {
    margin: 3px 2%;
    width: 96%;
}

.img40c {
    margin: 3px 2%;
    width: 96%;
}

.img40c_alc {
    margin: 3px 2%;
    width: 96%;
}

.img60c {
    margin: 3px 2%;
    width: 96%;
}

.imgbig {
    margin: 3px 2%;
    width: 96%;
}

.imgmedium {
    margin: 3px 2%;
    width: 96%;
}

.imgsmall {
    margin: 3px 2%;
    width: 96%;
}

.imgfull {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.img20c {
    margin: 3px 2%;
    width: 96%;
}

.img20c_alc {
    margin: 3px 2%;
    width: 96%;
}

.img40c {
    margin: 3px 2%;
    width: 96%;
}

.img40c_alc {
    margin: 3px 2%;
    width: 96%;
}

.imgbig {
    margin: 3px 2%;
    width: 96%;
}

.imgmedium {
    margin: 3px 2%;
    width: 96%;
}

.imgsmall {
    margin: 3px 2%;
    width: 96%;
}

.imgfull {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

}
@media screen and (max-width:310px) {
.img20c {
    margin: 3px 2%;
    width: 96%;
}

.img20c_alc {
    margin: 3px 2%;
    width: 96%;
}

.img40c {
    margin: 3px 2%;
    width: 96%;
}

.img40c_alc {
    margin: 3px 2%;
    width: 96%;
}

.imgbig {
    margin: 3px 2%;
    width: 96%;
}

.imgmedium {
    margin: 3px 2%;
    width: 96%;
}

.imgsmall {
    margin: 3px 2%;
    width: 96%;
}

.imgfull {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

}
.zplrender {
    display: block;
    max-width: 520px;
    width: 100%;
    margin: 1rem auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

@media screen and (max-width:600px) {
.zplrender {
    margin: 1rem auto;
}

}
.imgsmall {
    margin: auto;
}

.imgmedium {
    margin: auto;
}

.imgfull {
    margin: auto;
}

@media screen and (min-width:1840px) {
.imgsmall {
    margin-left: 42%;
    margin-right: 42%;
    width: 16%;
}

.imgmedium {
    margin-left: 35%;
    width: 30%;
}

.imgbig {
    margin-left: 30%;
    width: 40%;
}

.imgfull {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.imgsmall {
    margin-left: 40%;
    margin-right: 40%;
    width: 20%;
}

.imgmedium {
    margin-left: 30%;
    width: 40%;
}

.imgbig {
    margin-left: 25%;
    width: 50%;
}

.imgfull {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.imgsmall {
    margin-left: 32%;
    margin-right: 32%;
    width: 36%;
}

.imgmedium {
    margin-left: 25%;
    width: 50%;
}

.imgbig {
    margin-left: 15%;
    width: 70%;
}

.imgfull {
    margin-left: 10%;
    width: 80%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.imgsmall {
    margin-left: 30%;
    width: 40%;
}

.imgmedium {
    margin-left: 27%;
    width: 56%;
}

.imgbig {
    margin-left: 12%;
    width: 76%;
}

.imgfull {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.imgsmall {
    margin-left: 27%;
    width: 56%;
}

.imgmedium {
    margin-left: 15%;
    width: 70%;
}

.imgbig {
    margin-left: 7%;
    width: 86%;
}

.imgfull {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
/* _li.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */
/* _navigation.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.bikemenu {
    border-collapse: collapse;
    background: #eae8ea;
    text-indent: 0;
}

.bikemenu a {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    color: #404040;
    text-decoration: none;
    display: inline-block;
    background: #eae8ea;
    border-radius: 10px;
}

.bikemenu a .align-center {
    text-align: center;
}

.bikemenu A:hover {
    background-color: #4682b4;
    color: #b0e0e6;
}

.bikemenu span {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    color: #dcdcdc;
    text-decoration: none;
    display: inline-block;
    background: var(--main_color);
}

@media screen and (min-width:1840px) {
.bikemenu {
    width: 98%;
    font-size: 22px;
    margin: 0 1% 10px 1%;
}

.bikemenu a {
    padding: 10px 15px;
    font-size: 22px;
    height: 35px;
    width: 210px;
}

.bikemenu span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.bikemenu {
    width: 98%;
    font-size: 1.1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 164px;
}

.bikemenu span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.bikemenu {
    width: 98%;
    font-size: 1.1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 164px;
}

.bikemenu span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.bikemenu {
    width: 98%;
    font-size: 1.1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 164px;
}

.bikemenu span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.bikemenu {
    width: 98%;
    font-size: 1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 174px;
}

.bikemenu span {
    padding: 10px 8px;
    font-size: 16px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.bikemenu {
    width: 98%;
    font-size: 1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 130px;
    margin: 0;
}

.bikemenu span {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 18px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.bikemenu {
    width: 98%;
    font-size: 1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 130px;
    margin: 0;
}

.bikemenu span {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 18px;
}

}
@media screen and (max-width:310px) {
.bikemenu {
    width: 98%;
    font-size: 1rem;
    margin: 16px 1% 10px 1%;
}

.bikemenu a {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 130px;
    margin: 0;
}

.bikemenu span {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 18px;
}

}
.alphabet {
    display: inline-block;
    margin: 0;
    border-collapse: collapse;
    background: #eae8ea;
    text-indent: 0;
    font-size: 0;
    width: 100%;
}

.alphabet a {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    color: #404040;
    text-decoration: none;
    display: inline-block;
    background: #eae8ea;
    border-radius: 10px;
    box-sizing: border-box;
}

.alphabet a .align-center {
    text-align: center;
}

.alphabet A:hover {
    background-color: #4682b4;
    color: #b0e0e6;
}

.alphabet span {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    color: #dcdcdc;
    text-decoration: none;
    display: inline-block;
    background: var(--main_color);
}

@media screen and (min-width:1840px) {
.alphabet {
    font-size: 22px;
    margin: 0 1% 10px 1%;
}

.alphabet a {
    padding: 10px 15px;
    font-size: 22px;
    height: 50px;
    width: 100px;
}

.alphabet span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.alphabet {
    font-size: 1.1rem;
    margin: 16px 1% 10px 1%;
}

.alphabet a {
    padding: 10px 15px;
    font-size: 20px;
    height: 45px;
    width: 6.25%;
}

.alphabet span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.alphabet {
    font-size: 1.1rem;
    margin: 16px 1% 10px 1%;
}

.alphabet a {
    padding: 10px 15px;
    font-size: 20px;
    height: 40px;
    width: 10%;
}

.alphabet span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.alphabet {
    font-size: 1.1rem;
    margin: 16px 1% 10px 1%;
}

.alphabet a {
    padding: 10px 15px;
    font-size: 20px;
    height: 40px;
    width: 10%;
}

.alphabet span {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.alphabet {
    width: 98%;
    font-size: 1rem;
    margin: 16px 1% 10px 1%;
}

.alphabet a {
    padding: 12px 8px;
    font-size: 16px;
    height: 35px;
    width: 12.5%;
}

.alphabet span {
    padding: 10px 8px;
    font-size: 16px;
    height: 35px;
    width: 30px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.alphabet {
    width: 98%;
    margin: 16px 1% 10px 1%;
}

.alphabet a {
    padding: 12px 8px;
    font-size: 1rem;
    height: 35px;
    width: 20%;
    margin: 0;
}

.alphabet span {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 18px;
}

}
@media screen and (max-width:360px) and (min-width:201px) {
.alphabet {
    margin: 16px 1% 10px 1%;
}

.alphabet a {
    padding: 12px 8px 5px 8px;
    font-size: 1rem;
    height: 35px;
    width: 33%;
    margin: 0;
}

.alphabet span {
    padding: 12px 8px 5px 8px;
    font-size: 16px;
    height: 35px;
    width: 18px;
}

}
@media screen and (max-width:200px) {
.alphabet a {
    width: 50%;
    font-size: 1rem;
}

}
.breadcrumbs {
    width: 100%;
    background: var(--main_color);
    height: 50px;
    z-index: 200;
}

.breadcrumbs a {
    color: #fff;
    text-decoration: none;
    border: 1px;
    padding: 0;
    background: inherit;
    margin: 10px 10px;
    display: inline-table;
    font-size: 18px;
    font-family: calibri,sans-serif;
}

nav.breadcrumbs {
    position: fixed;
    top: 120px;
}

div.breadcrumbs:hover {
    border-bottom: 2px solid var(--second_color);
    box-sizing: border-box;
}

nav.breadcrumbs:hover {
    border-bottom: 2px solid var(--second_color);
    box-sizing: border-box;
}

.breadcrumbs a:hover {
    color: var(--second_color);
}

@media screen and (max-width:600px) and (min-width:360px) {
.breadcrumbs a {
    padding: 0;
    background: var(--main_color);
    margin: 11px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.breadcrumbs a:first-child {
    margin: 11px 1px 7px 11px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.breadcrumbs a {
    padding: 0;
    background: var(--main_color);
    margin: 14px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.breadcrumbs a:first-child {
    margin: 11px 1px 7px 11px;
}

}
@media screen and (max-width:310px) {
.breadcrumbs a {
    padding: 0;
    margin: 14px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.breadcrumbs a:first-child {
    margin: 11px 1px 7px 11px;
}

}
.topmenu {
    width: 100%;
    background-color: var(--third_color_o2);
    height: 120px;
    border-bottom: 2px solid var(--forth_color);
    box-sizing: border-box;
}

.topmenu a {
    color: var(--main_color);
    text-decoration: none;
    border: 1px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    font-size: 18px;
    box-sizing: border-box;
}

div.topmenu:hover {
    border-bottom: 2px solid var(--second_color);
    box-sizing: border-box;
}

nav.topmenu:hover {
    border-bottom: 2px solid var(--second_color);
    box-sizing: border-box;
}

.topmenu a:hover {
    color: var(--second_color);
    background-color: var(--forth_color_o2);
    border-top: 2px solid var(--main_color);
    margin-top: -2px;
    box-sizing: border-box;
}

.topmenu-text-block {
    position: relative;
    display: block;
    height: 90px;
    background-color: var(--third_color_o2);
    width: 100%;
    box-sizing: border-box;
    padding-top: 30px;
}

.topmenu-text {
    position: relative;
    font-size: 3rem;
    text-align: center;
    width: 100%;
    color: var(--forth_color);
    box-sizing: border-box;
}

.topmenu-items {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 0;
    background-color: var(--third_color_o2);
    box-sizing: border-box;
}

@media screen and (max-width:600px) and (min-width:360px) {
.topmenu a {
    padding: 0;
    margin: 0 3px 5px 3px;
    font-size: 16px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.topmenu a {
    padding: 0;
    margin: 0 3px 5px 3px;
    font-size: 16px;
}

}
@media screen and (max-width:310px) {
.topmenu a {
    padding: 0;
    font-size: 16px;
}

}
/* _next_previous_buttons.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.next {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dashed var(--main_color);
    border-top: 1px dashed var(--main_color);
    box-sizing: border-box;
    margin-top: 0;
    vertical-align: top;
}

.previous {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dashed var(--main_color);
    border-top: 1px dashed var(--main_color);
    box-sizing: border-box;
    margin-top: 0;
    vertical-align: top;
}

.previous {
    left: 0;
    margin-left: 0;
    border-right: 1px dashed var(--main_color_o2);
}

.next::before {
    font-size: 1rem;
    display: block;
    overflow: auto;
    margin-top: 0;
    margin-bottom: 0;
    color: #f0f0f0;
    background-color: var(--second_color);
    background-color: var(--second_color_o4);
    border-bottom: 2px dashed var(--second_color);
    box-sizing: border-box;
}

.previous::before {
    font-size: 1rem;
    display: block;
    overflow: auto;
    margin-top: 0;
    margin-bottom: 0;
    color: #f0f0f0;
    background-color: var(--second_color);
    background-color: var(--second_color_o4);
    border-bottom: 2px dashed var(--second_color);
    box-sizing: border-box;
}

.previous::before {
    text-align: left;
    padding-left: .5rem;
    margin-right: -1px;
    content: "Previous";
}

.next {
    text-align: right;
    border-left: 1px dashed var(--main_color_o2);
}

.next::before {
    text-align: right;
    padding: 0 .5rem 0 0;
    margin-left: -1px;
    content: "Next";
    color: #f0f0f0;
}

.next:hover {
    background-color: var(--main_color);
}

.previous:hover {
    background-color: var(--main_color);
}

@media screen and (min-width:1000px) {
.next {
    width: 50%;
}

.previous {
    width: 50%;
}

}
.next a {
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    padding-top: .55rem;
    padding-bottom: .55rem;
    color: var(--main_color);
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

.previous a {
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    padding-top: .55rem;
    padding-bottom: .55rem;
    color: var(--main_color);
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

.next a {
    padding-left: 1.2rem;
    margin-left: 0;
}

.previous a {
    padding-right: 1.2rem;
}

.next a:hover {
    color: var(--second_color);
    background-color: var(--main_color);
}

.previous a:hover {
    color: var(--second_color);
    background-color: var(--main_color);
}

.next a::after {
    display: inline-block;
    color: var(--main_color);
    content: "❯❯";
}

.next a:hover::after {
    color: var(--second_color);
    content: "\276F\276F";
}

.previous a::before {
    display: inline-block;
    color: var(--main_color);
    content: "\276E\276E";
}

.previous a:hover::before {
    color: var(--second_color);
    content: "❮❮";
}

.next .description {
    display: none;
}

.previous .description {
    display: none;
}

@media screen and (min-width:1600px) {
.next .description {
    display: inline;
}

.previous .description {
    display: inline;
}

}
@media screen and (min-width:361px) {
.next a {
    font-size: 1.15rem;
}

.previous a {
    font-size: 1.15rem;
}

}
@media screen and (max-width:360px) {
.next a {
    font-size: 1.1rem;
}

.previous a {
    font-size: 1.1rem;
}

}
/* _r_block_nav.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.a.l_topic {
    border-top: 1px solid grey;
    background-color: var(--second_color);
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}
/* _right_banner.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.rBanBottom {
    display: table;
    position: fixed;
    border: none;
    padding: 0;
    border-color: #ccc;
    box-sizing: border-box;
}

.rightbanner {
    display: table;
    position: fixed;
    border: none;
    padding: 0;
    border-color: #ccc;
    box-sizing: border-box;
}

.rightBanner {
    display: table;
    position: fixed;
    border: none;
    padding: 0;
    border-color: #ccc;
    box-sizing: border-box;
}

.rightbanner {
    top: 75px;
}

.rightBanner {
    top: 75px;
}

.rBanBottom {
    bottom: 0;
    display: none;
}

div.rightbanner>div {
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

div.rightBanner>div {
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

#r-related-articles {
    display: table-footer-group;
    margin-bottom: 2rem;
}

#r-g-block {
    display: table-header-group;
}

@media screen and (min-width:2000px) {
.rBanBottom {
    right: 4px;
    width: 25%;
}

.rightbanner {
    right: 4px;
    width: 25%;
}

.rightBanner {
    right: 4px;
    width: 25%;
}

}
@media screen and (max-width:1999px) and (min-width:1840px) {
.rBanBottom {
    right: 4px;
    width: 22%;
}

.rightbanner {
    right: 4px;
    width: 22%;
}

.rightBanner {
    right: 4px;
    width: 22%;
}

#rightBanner--inside {
    padding-right: 10px;
}

}
@media screen and (max-width:1840px) and (min-width:1600px) {
.rBanBottom {
    right: 4px;
    width: 22%;
}

.rightbanner {
    right: 4px;
    width: 22%;
}

.rightBanner {
    right: 4px;
    width: 22%;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.rBanBottom {
    right: 4px;
    width: 15%;
}

.rightbanner {
    right: 4px;
    width: 15%;
}

.rightBanner {
    right: 4px;
    width: 15%;
}

}
@media screen and (max-width:1200px) and (min-width:1100px) {
.rBanBottom {
    right: 2px;
    width: 18%;
}

.rightbanner {
    right: 2px;
    width: 18%;
}

.rightBanner {
    right: 2px;
    width: 18%;
}

}
@media screen and (max-width:1100px) and (min-width:1000px) {
.rBanBottom {
    right: 2px;
    width: 10%;
}

.rightbanner {
    right: 2px;
    width: 10%;
}

.rightBanner {
    right: 2px;
    width: 10%;
}

}
@media screen and (max-width:1000px) {
.rBanBottom {
    display: none;
}

.rBanBottom--container {
    display: none;
}

.rightbanner {
    display: none;
}

.rightBanner {
    display: none;
}

}
div[id^="right_slider_"] {
    display: none;
}

#rb-first-adv2 {
    display: none;
}
/* _tOfContents.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.tOfContents td {
    padding: .8rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (max-width:310px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (min-width:1840px) {
.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: left;
}

.tOfContents td {
    font-size: 1.4rem;
}

.tOfContents td a {
    padding: 1.2rem;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: left;
}

.tOfContents td {
    font-size: 1.4rem;
}

.tOfContents td a {
    padding: 1.2rem;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.tOfContents td a {
    padding: 1.2rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tOfContents td a {
    padding: 1rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tOfContents td a {
    padding: 1.2rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: center;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tOfContents td a {
    padding: 1.2rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: center;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tOfContents td a {
    padding: 1.2rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: center;
}

}
@media screen and (max-width:310px) {
.tOfContents td a {
    padding: 1.2rem;
}

.tOfContents caption {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: center;
}

}
.tOfContents {
    table-layout: fixed;
    border-collapse: collapse;
    background: #f0f0f0;
    text-indent: 0;
    font-family: palatino,'Palatino Linotype','Palatino LT STD','Book Antiqua',georgia,serif;
    overflow: auto;
}

.tOfContents td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    padding: 0;
    word-wrap: break-word;
}

.tOfContents td a {
    display: block;
    text-decoration: none;
    color: var(--main_color);
    word-wrap: break-word;
}

.tOfContents td a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
}

.tOfContents td a.inline-block {
    display: inline-block;
}

.tOfContents caption {
    border-top: 1px solid;
    border-color: var(--main_color);
    border-color: rgba(80,37,70,.3);
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.tOfContents--caption-left caption {
    display: table-caption;
    text-align: left;
}

.tOfContents caption .tOfContents--hidden {
    display: none;
}

.tOfContents caption:hover {
    background: var(--main_color);
    display: table-caption;
    color: var(--second_color);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.tOfContents caption:hover .tOfContents--hidden {
    display: inline;
}

@media screen and (max-width:600px) and (min-width:360px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tOfContents td {
    padding: .8rem;
}

}
@media screen and (max-width:310px) {
.tOfContents td {
    padding: .8rem;
}

}
/* _tables.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.tcont2 td {
    padding: 10px;
}

.tcont3 td {
    padding: 10px;
}

.tcont2 th {
    padding: 15px 10px;
}

.tcont3 th {
    padding: 15px 10px;
}

.table04 {
    width: 96%;
    font-size: 1.1rem;
    margin: 6px 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.tcont2 {
    font-size: 1rem;
    margin: 10px 10%;
    width: 80%;
}

.tcont3 {
    font-size: 1rem;
    margin: 10px 10%;
    width: 80%;
}

.tcont2 td {
    padding: 12px 5px;
}

.tcont2 th {
    padding: 12px 5px;
}

.tcont3 td {
    padding: 12px 5px;
}

.tcont3 th {
    padding: 12px 5px;
}

.tcont2 caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

.table04 {
    width: 96%;
    margin: 6px 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tcont2 {
    width: 90%;
    font-size: 1rem;
    margin: 16px 5% 0 5%;
}

.tcont3 {
    width: 90%;
    font-size: 1rem;
    margin: 16px 5% 0 5%;
}

.tcont2 td {
    padding: 10px 5px;
}

.tcont3 td {
    padding: 10px 5px;
}

.tcont2 th {
    padding: 12px 5px;
}

.tcont3 th {
    padding: 12px 5px;
}

.tcont2 caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

.table04 {
    width: 96%;
    font-size: 18px;
    margin: 6px 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tcont2 {
    width: 90%;
    font-size: 1rem;
    margin: 16px 5% 0 5%;
}

.tcont3 {
    width: 90%;
    font-size: 1rem;
    margin: 16px 5% 0 5%;
}

.tcont2 td {
    padding: 10px 5px;
}

.tcont3 td {
    padding: 10px 5px;
}

.tcont2 th {
    padding: 12px 5px;
}

.tcont3 th {
    padding: 12px 5px;
}

.tcont2 caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

.table04 {
    width: 96%;
    font-size: 18px;
    margin: 6px 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.table04 {
    width: 96%;
    font-size: 16px;
    margin: 16px 2% 0 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

.tcont2 {
    width: 96%;
    font-size: 16px;
    margin: 16px 2% 0 2%;
}

.tcont3 {
    width: 96%;
    font-size: 16px;
    margin: 16px 2% 0 2%;
}

.tcont2 td {
    padding: 15px 5px;
}

.tcont3 td {
    padding: 15px 5px;
}

.tcont2 th {
    padding: 16px 5px;
}

.tcont3 th {
    padding: 16px 5px;
}

.tcont2 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.table04 {
    width: 96%;
    font-size: 16px;
    margin: 6px 2% 0 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

.tcont2 {
    font-size: 1rem;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont3 {
    font-size: 1rem;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont2 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

.tcont2 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont3 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont2 th {
    padding: 16px 5px;
    text-align: center;
}

.tcont3 th {
    padding: 16px 5px;
    text-align: center;
}

.tcont2 {
    font-size: 16px;
}

}
@media screen and (max-width:310px) {
.table04 {
    width: 96%;
    font-size: 16px;
    margin: 6px 2% 0 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

.tcont2 {
    font-size: 16px;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont3 {
    font-size: 16px;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont2 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont3 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont2 {
    font-size: 16px;
}

}
.tabmenu {
    overflow: auto;
}

.tcont2 {
    overflow: auto;
}

.tcont3 {
    overflow: auto;
}

.tcont5 {
    overflow: auto;
}

@media screen and (min-width:1840px) {
.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
}

.tab11 td {
    padding: 10px 20px;
}

.tab11 th {
    padding: 10px 20px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 0 0 10px 0;
}

.tabmenu {
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
}

.tabmenu td {
    padding: 0;
}

.tabmenu td a {
    padding: 10px 15px;
    font-size: 1.2rem;
}

.tcont5--m-top {
    margin-top: 5rem;
}

.tcont2 caption {
    font-size: 2rem;
    padding: 1rem 0;
}

.tcont3 caption {
    font-size: 2rem;
    padding: 1rem 0;
}

.tcont5 caption {
    font-size: 2rem;
    padding: 1rem 0;
}

.tcont2 td {
    padding: 20px 10px;
}

.tcont3 td {
    padding: 20px 10px;
}

.tcont5 th {
    padding: 20px 10px;
}

.tcont5 td {
    padding: 15px 10px;
}

.tcont5 td a {
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tcont5 td a:hover {
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tcont2 th {
    padding: 22px 20px;
}

.tcont3 th {
    padding: 22px 20px;
}

.tcont2 td a {
    padding: 35px 10px;
}

.tcont3 td {
    padding: 35px 10px;
}

.tcont2 td a:hover {
    padding: 35px 10px;
}

.tcont3 td a:hover {
    padding: 35px 10px;
}

.table04 {
    width: 96%;
    font-size: 18px;
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 6px;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
    border-style: solid;
}

.table04 td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    padding: 4px;
}

.table04 th {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    padding: 4px;
    text-align: center;
}

.tcont5 {
    font-size: 1.5rem;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab15--m-top {
    margin-top: 5rem;
}

.tab15 caption {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.tabmenu {
    font-size: 1.2rem;
}

.tabmenu td a {
    padding: 15px 15px;
    font-size: 1.2rem;
    height: 35px;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
}

.tabmenu th a {
    padding: 10px 15px;
    font-size: 20px;
    height: 35px;
}

.tcont2 {
    font-size: 1.1rem;
    margin: 4rem 20%;
    width: 60%;
}

.tcont3 {
    font-size: 1.1rem;
    margin: 4rem 20%;
    width: 60%;
}

.tcont2 td a {
    padding: 35px 10px;
}

.tcont3 td {
    padding: 35px 10px;
}

.tcont5 td {
    padding: 10px 10px;
}

.tcont5 th {
    padding: 10px 10px;
}

.tcont5 td a {
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tcont5 td a:hover {
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tcont2 td a:hover {
    padding: 35px 10px;
}

.tcont3 td {
    padding: 35px 10px;
}

.tcont2 caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tcont3 caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tcont5 caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab15 caption {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
    font-size: 1.1rem;
}

.ads11 td {
    padding: 10px 8px;
}

.ads11 th {
    padding: 10px 8px;
}

.tab11 td {
    padding: 10px 8px;
}

.tab11 th {
    padding: 10px 8px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 4px 0 12px 0;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.tabmenu {
    font-size: 1rem;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 15px 10px 10px 15px;
    font-size: 18px;
    height: 30px;
}

.tabmenu th a {
    padding: 15px 10px 10px 15px;
    font-size: 18px;
    height: 30px;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab15 caption {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tcont5 td a {
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tcont5 td a:hover {
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tcont2 caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tcont3 caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tcont5 caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
    font-size: 1rem;
}

.tab11 td {
    padding: 5px 4px;
}

.tab11 th {
    padding: 5px 4px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 0 0 10px 0;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tabmenu {
    font-size: 1rem;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 15px 10px 10px 15px;
    font-size: 16px;
    height: 30px;
}

.tabmenu th a {
    padding: 15px 10px 10px 15px;
    font-size: 16px;
    height: 30px;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab15 caption {
    font-size: 1.2rem;
    margin-bottom: .9rem;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tcont5 td a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont5 td a:hover {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont2 caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont3 caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont5 caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
}

.tab11 td {
    padding: 10px 20px;
}

.tab11 th {
    padding: 10px 20px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 0 0 10px 0;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tabmenu {
    font-size: 1rem;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 15px 10px 10px 15px;
    font-size: 16px;
    height: 30px;
}

.tabmenu th a {
    padding: 15px 10px 10px 15px;
    font-size: 16px;
    height: 30px;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tcont5 td a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont5 td a:hover {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont2 caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont3 caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont5 caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont2 {
    margin: 5rem 2%;
    width: 96%;
    font-size: 1.1rem;
}

.tcont3 {
    margin: 5rem 2%;
    width: 96%;
    font-size: 1.1rem;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
    font-size: 1rem;
}

.tab11 td {
    padding: 5px 5px;
}

.tab11 th {
    padding: 5px 5px;
}

.tab11 caption {
    font-size: 1rem;
    padding: 4px 0 10px 0;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tabmenu {
    font-size: 16px;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 20px 15px;
    font-size: 16px;
    height: 30px;
}

.tabmenu th a {
    padding: 20px 15px;
    font-size: 16px;
    height: 30px;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tcont5 td a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont5 td a:hover {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tcont2 caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tcont3 caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tcont5 caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
    font-size: 1rem;
}

.tab11 td {
    padding: 4px 5px 4px 5px;
}

.tab11 th {
    padding: 4px 5px 4px 5px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 4px 0 10px 0;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tabmenu {
    font-size: 1rem;
    padding: 12px 1px;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 12px 12px 5px 16px;
    font-size: 16px;
    height: 40px;
}

.tabmenu th a {
    padding: 12px 12px 5px 16px;
    font-size: 16px;
    height: 40px;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tcont2 caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tcont3 caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tcont5 caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tab15 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
    font-size: 1rem;
}

.tab11 td {
    padding: 10px 20px;
}

.tab11 th {
    padding: 10px 20px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 4px 0 10px 0;
}

}
@media screen and (max-width:310px) {
.tabmenu {
    font-size: 16px;
    padding: 12px 1px;
}

.finmenu td {
    padding: 0;
}

.finmenu th {
    padding: 0;
}

.tabmenu td {
    padding: 0;
}

.tabmenu th {
    padding: 0;
}

.tabmenu td a {
    padding: 12px 12px 5px 16px;
    font-size: 16px;
    height: 40px;
}

.tabmenu th a {
    padding: 12px 12px 5px 16px;
    font-size: 16px;
    height: 40px;
}

.finmenu td a {
    padding: 20px 15px;
    font-size: 16px;
    height: 50px;
}

.finmenu th a {
    padding: 20px 15px;
    font-size: 16px;
    height: 50px;
}

.finmenu {
    font-size: 16px;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tab11 {
    margin: 10px 0;
    padding: 0 1rem;
    font-size: 1rem;
}

.tab11 td {
    padding: 4px 2px;
}

.tab12 td {
    padding: 4px 2px;
}

.tab11 th {
    padding: 6px 2px;
}

.tab12 th {
    padding: 6px 2px;
}

.tab11 caption {
    font-size: 1.1rem;
    padding: 4px 0 10px 0;
}

}
.tab11 {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    border-radius: 5px;
    border-spacing: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.tab15 {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    border-radius: 5px;
    border-spacing: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.tab11 caption {
    font-size: 16px;
    padding: 4px 0 10px 0;
}

.tab11 th {
    background: var(--main_color);
    color: #f0f0f0;
    font-weight: 300;
}

.tab15 th {
    background: var(--main_color);
    color: #f0f0f0;
    font-weight: 300;
}

.tab11 td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff;
}

.tab11 th {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff;
}

.tab15 td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff;
}

.tab15 th {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff;
}

.tab11 td {
    text-align: left;
}

.tab11 th {
    text-align: left;
}

.tab15 td {
    text-align: left;
}

.tab15 th {
    text-align: left;
}

.tab11 th:first-child {
    border-top-left-radius: 10px;
}

.tab15 th:first-child {
    border-top-left-radius: 10px;
}

.tab11 th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.tab15 th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.tab11 tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.tab15 tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.tab11 tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.tab15 tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.tab11 tr td:last-child {
    border-right: none;
}

.tab15 tr td:last-child {
    border-right: none;
}

.tab11 a {
    text-decoration: none;
}

.tab15 a {
    text-decoration: none;
}

.tab11 a:hover {
    color: var(--main_color);
}

.tab15 a:hover {
    color: var(--main_color);
}

.tab11 h1 {
    color: #000;
}

.tab15 h1 {
    color: #000;
}

.tab15 h2 {
    color: #000;
}

.tab15 h3 {
    color: #000;
}

.tab11 h2 {
    color: #fff;
}

.tab11 h3 {
    color: #fff;
}

.tab11 td a.bookingbutton {
    color: #fff;
    background: green;
}

.tab15 td a.bookingbutton {
    color: #fff;
    background: green;
}

.tab11 td a.bookingbutton:hover {
    color: green;
    background: #fff;
}

.tab15 td a.bookingbutton:hover {
    color: green;
    background: #fff;
}

.tab11 tr:nth-child(even) {
    background-color: #fff3c6;
}

.evenRows tr:nth-child(even) {
    background-color: #f0f8ff;
}

.evenrows tr:nth-child(even) {
    background-color: #f0f8ff;
}

.tcont2 {
    border-collapse: collapse;
    background: #f0f0f0;
    text-indent: 0;
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
}

.tcont3 {
    border-collapse: collapse;
    background: #f0f0f0;
    text-indent: 0;
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
}

.tcont5 {
    border-collapse: collapse;
    background: #f0f0f0;
    text-indent: 0;
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
}

.tcont5 td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.countLines {
    counter-reset: trcount;
}

.countLines tr td:first-child {
    text-align: center;
    background: var(--main_color);
    background: var(--main_color_o4);
    border-left: 1px solid var(--second_color);
    border-right: 1px solid var(--main_color);
}

.countLines tr td:first-child:before {
    position: relative;
    margin: auto;
    text-align: center;
    color: var(--second_color);
    counter-increment: trcount;
    content: counter(trcount);
    color: #1d1f21;
    overflow: hidden;
}

.countLines tr td:nth-child(2n) a {
    word-break: break-all;
    overflow-wrap: break-word;
}

.countLines tr:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tcont2 td:nth-child(even) {
    background-color: #f0f8ff;
}

.tcont3 tr:nth-child(even) {
    background-color: #f0f8ff;
}

.tcont2 td a {
    display: block;
    overflow: visible;
}

.tcont2 th a {
    display: block;
    overflow: visible;
}

.tcont3 td {
    display: block;
    overflow: visible;
}

.tcont3 th {
    display: block;
    overflow: visible;
}

.tcont5 td a {
    display: block;
    overflow: visible;
}

.tcont5 th a {
    display: block;
    overflow: visible;
}

.tcont2 td a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
}

.tcont2 th a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
}

.tcont3 td a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
}

.tcont3 th {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
}

.tcont5 th a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
}

.tabmenu {
    border-collapse: collapse;
    background: #ebecec;
    text-indent: 0;
}

.tabmenu td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tabmenu td a {
    text-decoration: none;
    display: block;
}

.tabmenu td A:hover {
    background: var(--main_color);
    color: var(--second_color);
}

.tmcolor3 {
    background: #b0e0e6;
}

.tmcolor2 {
    background: #f0f8ff;
}

.tabmenu tr:nth-child(even) {
    background-color: #f0f8ff;
}

.tcont2 td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont2 th {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont3 td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont3 th {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont5 td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont5 th {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont2 a {
    text-decoration: none;
    color: var(--main_color);
}

.tcont3 a {
    text-decoration: none;
    color: var(--main_color);
}

.tcont5 a {
    text-decoration: none;
    color: var(--main_color);
}

.tcont2 A:hover {
    text-decoration: none;
    color: var(--second_color);
}

.tcont3 A:hover {
    text-decoration: none;
    color: var(--second_color);
}

.tcont5 A:hover {
    text-decoration: none;
    color: var(--second_color);
}

.tcont5 td A:hover {
    text-decoration: none;
    color: var(--second_color);
}

.tcont5--blockHover td:hover {
    background: #000;
}

.table04 {
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
    border-collapse: collapse;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
    border-style: solid;
}

.table04 td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.table04 a {
    text-decoration: none;
}

.table04 a:hover {
    color: var(--main_color);
}

.table04 th {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    text-align: center;
}

.table01 {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 16px;
    border-radius: 10px;
    border-spacing: 0;
    text-align: center;
}

.table01 th {
    background: #bcebdd;
    color: #fff;
    padding: 10px 20px;
}

.table01 td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff;
}

.table01 th {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff;
}

.table01 td {
    text-align: left;
}

.table01 th {
    text-align: left;
}

.table01 th:first-child {
    border-top-left-radius: 10px;
}

.table01 th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.table01 tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.table01 tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.table01 tr td:last-child {
    border-right: none;
}

.table01 a {
    text-decoration: none;
}

@media screen and (min-width:1840px) and (max-width:1999px) {
.tcont2 {
    margin-left: 12%;
    margin-right: 30%;
    width: 58%;
}

.tcont3 {
    margin-left: 12%;
    margin-right: 30%;
    width: 58%;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.tcont2 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

.tcont3 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.tcont2 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

.tcont3 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

}
@media screen and (max-width:1200px) and (min-width:1100px) {
.tcont2 {
    margin-left: 3%;
    margin-right: 27%;
    width: 70%;
}

.tcont3 {
    margin-left: 3%;
    margin-right: 27%;
    width: 70%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tcont2 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.tcont3 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tcont2 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.tcont3 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tcont2 {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.tcont3 {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tcont2 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.tcont3 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:310px) {
.tcont2 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.tcont3 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

}
.tab11 {
    padding: 0;
}

.tab11 th {
    padding-left: 10px;
    padding-right: 10px;
}

.tab11 td {
    padding-left: 10px;
    padding-right: 10px;
}

.tab11 a {
    color: var(--main_color);
}

.tab11 a:hover {
    color: #1e7a64;
    text-decoration: underline;
}

@media screen and (max-width:600px) and (min-width:360px) {
.table04 {
    width: 96%;
    font-size: 16px;
    margin: 16px 2% 0 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

.tcont2 {
    width: 96%;
    font-size: 16px;
    margin: 16px 2% 0 2%;
}

.tcont3 {
    width: 96%;
    font-size: 16px;
    margin: 16px 2% 0 2%;
}

.tcont2 td {
    padding: 15px 5px;
}

.tcont3 td {
    padding: 15px 5px;
}

.tcont2 th {
    padding: 16px 5px;
}

.tcont3 th {
    padding: 16px 5px;
}

.tcont2 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.table04 {
    width: 96%;
    font-size: 16px;
    margin: 6px 2% 0 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

.tcont2 {
    font-size: 1rem;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont3 {
    font-size: 1rem;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont2 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

.tcont3 caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

.tcont2 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont3 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont2 th {
    padding: 16px 5px;
    text-align: center;
}

.tcont3 th {
    padding: 16px 5px;
    text-align: center;
}

.tcont2 {
    font-size: 16px;
}

}
@media screen and (max-width:310px) {
.table04 {
    width: 96%;
    font-size: 16px;
    margin: 6px 2% 0 2%;
}

.table04 td {
    padding: 2px;
}

.table04 th {
    padding: 2px;
}

.tcont2 {
    font-size: 16px;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont3 {
    font-size: 16px;
    margin: 16px 2% 10px 2%;
    padding: 12px 1px;
}

.tcont2 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont3 td {
    padding: 15px 5px;
    text-align: center;
}

.tcont2 {
    font-size: 16px;
}

}
@media screen and (min-width:1840px) and (max-width:1999px) {
.tcont2 {
    margin-left: 12%;
    margin-right: 30%;
    width: 58%;
}

.tcont3 {
    margin-left: 12%;
    margin-right: 30%;
    width: 58%;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.tcont2 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

.tcont3 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.tcont2 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

.tcont3 {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.tcont2 {
    margin-left: 5%;
    margin-right: 22%;
    width: 73%;
}

.tcont3 {
    margin-left: 5%;
    margin-right: 22%;
    width: 73%;
}

}
/* _template.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */
/* _ul.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.ul1 {
    list-style-position: inside;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ul1 li {
    margin-top: 1rem;
    box-sizing: border-box;
}

.ul1 li a {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    color: var(--main_color);
}

.ul1 li a:hover {
    text-decoration: none;
    color: var(--second_color);
}

.ulans {
    display: inline-block;
    background-color: #b0e0e6;
    border: #31b393 1px solid;
    overflow: auto;
}

.ul1 ul li:before {
    content: "\2022";
    color: var(--main_color);
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    text-shadow: 0 -1px 2px var(--second_color_o2);
}

.ul5 {
    list-style-position: inside;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ul5 li {
    margin-top: 5rem;
    box-sizing: border-box;
}

.ul5 li a {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    color: var(--main_color);
}

.ul5 li a:hover {
    text-decoration: none;
    color: var(--second_color);
}
/* _wrapper.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (min-width:2000px) {
.wrapper {
    margin-left: 22%;
    margin-right: 23%;
}

}
@media screen and (min-width:1840px) and (max-width:1999px) {
.wrapper {
    margin-left: 21%;
    margin-right: 22%;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.wrapper {
    margin-left: 18%;
    margin-right: 19%;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.wrapper {
    margin-left: 15%;
    margin-right: 16%;
    width: 69%;
}

}
@media screen and (max-width:1200px) and (min-width:1100px) {
.wrapper {
    margin-left: 11%;
    margin-right: 12%;
    width: 77%;
}

}
@media screen and (max-width:1100px) and (min-width:1000px) {
.wrapper {
    margin-left: 11%;
    margin-right: 12%;
    width: 77%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.wrapper {
    margin-left: 5%;
    margin-right: 5%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.wrapper {
    margin-left: 5%;
    margin-right: 5%;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.wrapper {
    margin-left: 2%;
    margin-right: 2%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.wrapper {
    margin-left: 5%;
    margin-right: 5%;
}

}
@media screen and (max-width:310px) {
.wrapper {
    margin-left: 0;
    margin-right: 0;
}

}
.wrapper {
    box-sizing: border-box;
}

.wrapper-no-left {
    margin-left: 14%;
    margin-right: 32%;
}

.wrapper-no-left {
    margin-left: 12%;
    margin-right: 30%;
}

.wrapper-no-left {
    margin-left: 10%;
    margin-right: 26%;
}

.wrapper-no-left {
    margin-left: 10%;
    margin-right: 25%;
    width: 65%;
}

.wrapper-no-left {
    margin-left: 3%;
    margin-right: 27%;
    width: 70%;
}

.wrapper-no-left {
    margin-left: 2%;
    margin-right: 30%;
    width: 68%;
}

.wrapper-no-left {
    margin-left: 5%;
    margin-right: 5%;
}

.wrapper-no-left {
    margin-left: 2%;
    margin-right: 2%;
}

.wrapper-no-left {
    margin-left: 0;
    margin-right: 0;
}

.wrapper-no-left {
    box-sizing: border-box;
}

@media screen and (max-width:1600px) and (min-width:1201px) {
.wrapper-base-page {
    margin-left: 9%;
    margin-right: 9%;
    width: 82%;
}

}
@media screen and (max-width:1200px) and (min-width:1100px) {
.wrapper-base-page {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:1100px) and (min-width:1000px) {
.wrapper-base-page {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.wrapper-base-page {
    margin-left: 5%;
    margin-right: 5%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.wrapper-base-page {
    margin-left: 5%;
    margin-right: 5%;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.wrapper-base-page {
    margin-left: 2%;
    margin-right: 2%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.wrapper-base-page {
    margin-left: 5%;
    margin-right: 5%;
}

}
@media screen and (max-width:310px) {
.wrapper-base-page {
    margin-left: 0;
    margin-right: 0;
}

}
.wrapper-base-page {
    box-sizing: border-box;
}

@media screen and (min-width:1840px) and (max-width:1999px) {
.wrapper {
    margin-left: 23%;
    margin-right: 23%;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.wrapper {
    margin-left: 21%;
    margin-right: 21%;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.wrapper {
    margin-left: 19%;
    margin-right: 19%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.wrapper {
    margin-left: 13%;
    margin-right: 13%;
}

}
@media screen and (min-width:2000px) {
.wrapper-base-page {
    margin-left: 20%;
    margin-right: 20%;
}

}
@media screen and (min-width:1840px) and (max-width:1999px) {
.wrapper-base-page {
    margin-left: 18%;
    margin-right: 18%;
    width: 64%;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.wrapper-base-page {
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.wrapper-base-page {
    margin-left: 13%;
    margin-right: 13%;
    width: 74%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.wrapper-base-page {
    margin-left: 6%;
    margin-right: 6%;
    width: 88%;
}

}
/* css_img_rotate.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */
/* rb_grid.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

#remove_adv_button {
    width: 100%;
    font-size: 1.2rem;
}

#show_adv_button {
    width: 100%;
    font-size: 1.2rem;
}

#show_adv_button {
    display: none;
}

.rb_grid {
    display: grid;
    grid-template-columns: 100%;
}

.rb-first-adv {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.rb-content-articles {
    margin-top: 1rem;
    padding-top: 1rem;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}

.rb-second-adv {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
}

.rb-related-articles {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 8;
}
/* style.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

/* Keyframes used by the shared animation rules. */
@keyframes blink2{0%{background-color:#502542}50%{background-color:rgba(80,37,66,0)}100%{background-color:#502542}}

@keyframes blink1{0%{color:#222}50%{color:rgba(34,34,34,0)}100%{color:#222}}

body {
    padding: 0;
    margin: 0;
}

html {
    padding: 0;
    margin: 0;
}

body {
    background: #f0f0f0;
}

.padding0 {
    padding: 0;
}

.fname {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    font-family: menio,monaco,consolas,"Courier New",monospace;
    box-sizing: border-box;
    font-weight: 400;
}

.relative {
    position: relative;
}

.read {
    border-left: 2px solid var(--main_color);
    border-bottom: 1px dashed var(--main_color);
    border-top: 1px dashed var(--main_color);
    width: 100%;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.read:before {
    color: var(--main_color);
    margin-left: -1.5rem;
    margin-right: 1rem;
    content: "❯❯";
}

.bottom {
    position: absolute;
    bottom: 0;
}

.tt {
    font-family: "Lucida Console",menlo,monaco,courier,monospace;
}

.hspace5 {
    margin: 0 5px;
}

.w-s-p {
    white-space: pre;
}

.white-space-pre {
    white-space: pre;
}

.white-space_pre {
    white-space: pre;
}

.wsp {
    white-space: pre;
}

.white-space_pre-wrap {
    white-space: pre-wrap;
}

.wspw {
    white-space: pre-wrap;
}

.overflow-auto {
    overflow: auto;
}

.ovfa {
    overflow: auto;
}

.horizScrolbar {
    white-space: pre;
    overflow: auto;
}

.figure1 {
    width: 100%;
    margin: 0;
}

.figure1_a {
    width: 100%;
    margin: 0;
}

.figure1_ab {
    width: 100%;
    margin: 0;
}

.figure1_abc {
    width: 100%;
    margin: 0;
}

.figure1_b {
    width: 100%;
    margin: 0;
}

.figure1_bc {
    width: 100%;
    margin: 0;
}

.figure1_c {
    width: 100%;
    margin: 0;
}

.figure1_cd {
    width: 100%;
    margin: 0;
}

.figure1_d {
    width: 100%;
    margin: 0;
}

.figure1_a figcaption {
    text-align: center;
    margin: 0 5px;
}

.figure1_ab figcaption {
    text-align: center;
    margin: 0 5px;
}

.figure1_abc {
    text-align: center;
    margin: 0 5px;
}

.figure1_b figcaption {
    text-align: center;
    margin: 0 5px;
}

.figure1_cd figcaption {
    text-align: center;
    margin: 0 5px;
}

.figure1_d figcaption {
    text-align: center;
    margin: 0 5px;
}

figcaption.figure1_c figcaption {
    text-align: center;
    margin: 0 5px;
}

.address {
    width: 100%;
    background: var(--main_color);
    height: 50px;
}

.address a {
    color: #fff;
    text-decoration: none;
    border: 1px;
    padding: 0;
    background: inherit;
    margin: 10px 10px;
    display: inline-table;
    font-size: 18px;
}

div.address:hover {
    border-bottom: 2px solid var(--second_color);
    box-sizing: border-box;
}

nav.address:hover {
    border-bottom: 2px solid var(--second_color);
    box-sizing: border-box;
}

.address a:first-child {
    margin: 10px 10px 10px 25px;
}

.address a:hover {
    color: var(--second_color);
}

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

.align-left {
    text-align: left;
}

.bannerleft {
    float: left;
    width: 200px;
    margin-left: 1%;
}

.hr11 {
    width: 98%;
    height: 3px;
    background-color: #ccc;
}

.button_ces {
    position: relative;
    display: inline-block;
    color: #069;
    outline: 0;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: #f0f0f0;
}

.button_ces:hover {
    background-color: #6cf;
}

.pright {
    background: #ebecec;
}

p {
    text-indent: 0;
    clear: both;
    box-sizing: border-box;
}

p a {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    color: var(--main_color);
}

p A:hover {
    text-decoration: none;
    color: var(--second_color);
}

.p1 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p10 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p100 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p12 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p15 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p2 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p20 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p3 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p4 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p5 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p7 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p8 {
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.p1 .yellow {
    color: #990;
}

.p10 .yellow {
    color: #990;
}

.p100 .yellow {
    color: #990;
}

.p12 .yellow {
    color: #990;
}

.p15 .yellow {
    color: #990;
}

.p2 .yellow {
    color: #990;
}

.p20 .yellow {
    color: #990;
}

.p3 .yellow {
    color: #990;
}

.p4 .yellow {
    color: #990;
}

.p5 .yellow {
    color: #990;
}

.p7 .yellow {
    color: #990;
}

.p8 .yellow {
    color: #990;
}

.p1 .orange {
    color: #d94800;
}

.p10 .orange {
    color: #d94800;
}

.p100 .orange {
    color: #d94800;
}

.p12 .orange {
    color: #d94800;
}

.p15 .orange {
    color: #d94800;
}

.p2 .orange {
    color: #d94800;
}

.p20 .orange {
    color: #d94800;
}

.p3 .orange {
    color: #d94800;
}

.p4 .orange {
    color: #d94800;
}

.p5 .orange {
    color: #d94800;
}

.p7 .orange {
    color: #d94800;
}

.p8 .orange {
    color: #d94800;
}

.p1 {
    width: 100%;
    margin-top: 1rem;
}

.p2 {
    width: 100%;
    margin-top: 2rem;
}

.p3 {
    width: 100%;
    margin-top: 3rem;
}

.p4 {
    width: 100%;
    margin-top: 4rem;
}

.p5 {
    width: 100%;
    margin-top: 5rem;
}

.p7 {
    width: 100%;
    margin-top: 7rem;
}

.p8 {
    width: 100%;
    margin-top: 8rem;
}

.p10 {
    width: 100%;
    margin-top: 10rem;
}

.p12 {
    width: 100%;
    margin-top: 12rem;
}

.p15 {
    width: 100%;
    margin-top: 15rem;
}

.p20 {
    width: 100%;
    margin-top: 20rem;
}

.p100 {
    width: 100%;
    margin-top: 100rem;
}

.pc_menu a {
    color: #fff;
}

.pc_menu li {
    float: left;
    color: #fff;
    list-style: none;
}

.pc_menu ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc_menu UL LI {
    position: relative;
}

.pc_menu LI UL {
    position: absolute;
    display: none;
    left: 0;
    top: 64px;
    padding: 0 0;
    width: 184px;
}

.pc_menu LI:hover UL {
    display: block;
    margin-top: -2em;
}

.pc_menu LI A {
    color: #069;
    display: block;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    background-color: #b0e0e6;
}

.pc_menu LI A:hover {
    background-color: #4682b4;
    color: #b0e0e6;
}

.pc_menu UL LI UL li ul li {
    display: none;
    left: 210px;
    top: -2em;
}

.pc_menu ul LI UL LI:hover UL li {
    display: block;
}

.pc_menu_small a {
    color: #fff;
}

.pc_menu_small li {
    float: left;
    color: #fff;
    list-style: none;
}

.pc_menu_small ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

.pc_menu_small UL LI {
    position: relative;
    color: #fff;
}

.pc_menu_small LI UL {
    position: absolute;
    display: none;
    left: 0;
    top: 64px;
    padding: 0 0;
    width: 184px;
}

.pc_menu_small LI:hover UL {
    display: block;
    margin-top: -2em;
}

.pc_menu_small LI A {
    color: #fff;
    display: block;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: var(--main_color);
    text-align: center;
    text-decoration: none;
}

.pc_menu_small LI A:hover {
    background-color: var(--second_color);
    color: var(--main_color);
}

.pc_menu_small UL LI UL li ul li {
    display: none;
    left: 210px;
    top: -2em;
}

.pc_menu_small ul LI UL LI:hover UL li {
    display: block;
}

.centremenu td {
    text-align: center;
    vertical-align: middle;
}

.centremenu a {
    color: green;
}

.centremenu li {
    float: left;
    color: #fff;
    list-style: none;
}

.centremenugreensmall li {
    float: left;
    color: #8a2908;
    list-style: none;
}

.centremenugreensmall LI A:hover {
    background-color: #6cf;
}

.centremenugreysmall li {
    float: left;
    color: #fff;
    list-style: none;
}

.centremenubluesmall li {
    float: left;
    color: #fff;
    list-style: none;
}

.centremenu ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

.centremenu UL LI {
    position: relative;
    color: #fff;
}

.centremenu LI UL {
    position: absolute;
    display: none;
    left: 0;
    top: 84px;
    padding: 0 0;
}

.centremenu LI:hover UL {
    display: block;
    margin-top: -2em;
}

.centremenu LI A {
    color: #069;
    display: block;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: #f0f0f0;
}

.centremenu LI A:hover {
    background-color: #6cf;
}

.centremenu UL LI UL li ul li {
    display: none;
    left: 210px;
    top: -2em;
}

.centremenu ul LI UL LI:hover UL li {
    display: block;
}

.wol a {
    text-decoration: none;
}

.wol a:hover {
    color: var(--main_color);
}

.wol {
    text-decoration: none;
    display: block;
    background: #adebad;
}

a {
    color: #4682b4;
}

.sini {
    color: #009;
}

b.red {
    color: #e53b24;
}

b.green {
    color: #31b393;
}

.green {
    color: #31b393;
}

b.blue {
    color: #00f;
}

.blue {
    color: #00f;
}

.lightblue {
    color: #add8e6;
}

.red {
    color: red;
}

.brown {
    color: brown;
}

.violet {
    color: violet;
}

.black {
    color: #000;
}

.yellow {
    color: #ff0;
}

.coral {
    color: coral;
}

.tomato {
    color: tomato;
}

.orangered {
    color: #ff4500;
}

.gold {
    color: gold;
}

.orange {
    color: orange;
}

b.orange {
    color: orange;
}

.darkorange {
    color: #ff8c00;
}

.button_to_top_01 {
    position: relative;
    display: inline-block;
    font-size: 90%;
    font-weight: 700;
    color: #d1d1d9;
    text-decoration: none;
    text-shadow: 0 -1px 2px rgba(0,0,0,.2);
    padding: .8em 1em;
    outline: 0;
    border-radius: 3px;
    background: linear-gradient(#6e7078,#515156)#6e7078;
    box-shadow: 0 1px rgba(255,255,255,.2)inset,0 3px 5px rgba(0,1,6,.5),0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

.button_to_top_01:hover:not(:active) {
    background: linear-gradient(#7e7e86,#46474c)#7e7e86;
}

.button_to_top_01:active {
    top: 1px;
    background: linear-gradient(#4c4d52,#38393e)#4c4d52;
    box-shadow: 0 0 1px rgba(0,0,0,.5)inset,0 2px 3px rgba(0,0,0,.5)inset,0 1px 1px rgba(255,255,255,.1);
}

.button_ce {
    position: relative;
    display: inline-block;
    color: #069;
    font-size: 90%;
    padding: 20px;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: #f0f0f0;
}

.button_ce:hover {
    background-color: #6cf;
}

.formula {
    text-align: center;
    font-weight: 700;
}

.count {
    position: relative;
    left: 50%;
    bottom: 1%;
}

#cit {
    background: #ff9;
    padding-left: 2%;
    margin-left: 2%;
    padding-right: 2%;
    margin-right: 2%;
}

#leftcol {
    float: left;
    width: 190px;
}

#rightcol {
    margin-left: 40px;
}

#container {
    margin: 0 auto;
    width: 100%;
    background: #f0f0f0;
    padding: 0 2px;
    box-sizing: border-box;
    font-family: candara;
}

#header {
    width: 1100px;
    margin: 0 auto;
}

.noind {
    text-indent: 0;
    padding: 0 2% 0 2%;
    border: 0;
    margin: 16px 4% 10px 2%;
}

p.noind {
    border: 0;
}

.noind3 {
    text-indent: 0;
    padding-left: 3%;
    padding-right: 2%;
}

.noind10 {
    text-indent: 0;
    padding-left: 2%;
    padding-right: 2%;
}

.noind50 {
    text-indent: 0;
    padding-left: 20%;
    padding-right: 30%;
}

ol.noind50 {
    padding-left: 10%;
}

.imgleft {
    margin-right: 50px;
    margin-bottom: 20px;
    margin-left: 2%;
}

.img02 {
    margin: 0 1% 20px 1%;
    float: left;
    position: relative;
    width: 40%;
}

.imgleft40 {
    margin: 0 1% 20px 0;
    float: left;
    position: relative;
    width: 40%;
}

.img20 {
    margin: 5px 20px 5px 0;
    width: 20%;
}

.img20c_alc {
    text-align: center;
}

.img40c_alc {
    text-align: center;
}

.lili {
    font-size: 115%;
}

.lili li {
    margin-top: 8px;
}

.bookingbutton {
    position: relative;
    display: inline-block;
    color: #fff;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px;
    background-color: #002f6c;
    box-shadow: 3px 3px 4px #ccc;
}

a.bookingbutton {
    background: #ccc;
    color: #fff;
}

.bookingbutton a {
    background: grey;
    color: #fff;
}

.bookingbutton:hover {
    background-color: #fff;
    color: #002f6c;
}

.d43f3f {
    font-size: 16px;
}

td.d43f3f {
    background: #d43f3f;
}

th.d43f3f {
    color: #d43f3f;
}

#help {
    position: absolute;
    left: 1200px;
    top: 500px;
    width: 225px;
    padding: 5px;
    background: #f0f0f0;
}

.centremenu_small a {
    font-size: 1.1em;
    color: #fff;
}

.centremenu_small li {
    float: left;
    color: #fff;
    list-style: none;
}

.centremenu_small ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

.centremenu_small UL LI {
    position: relative;
    color: #fff;
}

.centremenu_small LI UL {
    position: absolute;
    display: none;
    left: 0;
    top: 64px;
    padding: 0 0;
    width: 184px;
}

.centremenu_small LI:hover UL {
    display: block;
    margin-top: -2em;
}

.centremenu_small LI A {
    color: #069;
    display: block;
    padding: 20px;
    text-decoration: none;
    background-color: #f0f0f0;
    width: 320px;
}

.centremenu_small LI A:hover {
    background-color: #6cf;
}

.centremenu_small UL LI UL li ul li {
    display: none;
    left: 210px;
    top: -2em;
}

.centremenu_small ul LI UL LI:hover UL li {
    display: block;
}

.edu_menu a {
    font-size: 2em;
    color: #fff;
}

.edu_menu li {
    float: left;
    list-style: none;
}

.edu_menu ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

.edu_menu UL LI {
    position: relative;
    color: #fff;
}

.edu_menu LI UL {
    position: absolute;
    display: none;
    left: 0;
    top: 64px;
    padding: 0 0;
    width: 184px;
}

.edu_menu LI A {
    color: #069;
    display: block;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: #f8f8ff;
}

.edu_menu LI A:hover {
    background-color: #6c0;
}

.float-left {
    float: left;
    overflow: hidden;
}

.float-right {
    float: right;
    overflow: hidden;
}

.div_l40 {
    width: 100%;
}

@media screen and (min-width:1000px) {
.div_l40 {
    float: left;
    text-align: left;
    margin-left: 0;
    width: 40%;
    margin-right: 10%;
}

}
.div_l50 {
    width: 100%;
}

@media screen and (min-width:1000px) {
.div_l50 {
    float: left;
    text-align: left;
    margin-left: 0;
    width: 50%;
    margin-right: 10%;
}

}
.leftdiv50 {
    overflow: hidden;
    margin: 3px 0;
}

.leftdiv25 {
    float: left;
    background: #f3f0e9;
    width: 25%;
    margin-right: 10px;
}

.leftdiv25i {
    float: left;
    background: #f3f0e9;
    width: 25%;
}

.left_div {
    float: left;
    margin-right: 20px;
}

.right0 {
    right: 0;
    float: right;
}

.m-right0 {
    margin-right: 0;
}

.rightdiv50 {
    float: right;
    background: #f3f0e9;
    width: 49%;
    margin-left: 3px;
}

.rightdiv25 {
    float: right;
    background: #f3f0e9;
    width: 25%;
    margin-right: 10px;
}

.twoflagsleft {
    margin: 0 0 0 5px;
}

.twoflagsright {
    margin: 0 5px 0 0;
}

.max-width300px {
    max-width: 300px;
}

.max-width360px {
    max-width: 360px;
}

.font1rem {
    font-size: 1rem;
}

.font48 {
    font-size: 48px;
}

.font48c {
    font-size: 48px;
    text-align: center;
}

.finblue {
    background: #002f6c;
}

.video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.cell-bg1 {
    background: #f0f8ff;
}

.border1pdot {
    border: 1px dotted;
}

.column-center {
    text-align: center;
}

.spanitemprop {
    float: left;
    margin-left: 0;
    display: block;
}

.imgfloatleft {
    float: left;
}

.clear {
    clear: both;
}

.clearBoth {
    clear: both;
}

.clearboth {
    clear: both;
}

.leftbanner {
    position: fixed;
    top: 350px;
}

.alert {
    padding: 10px;
    border: 1px solid #d6e9c6;
    background-color: #dff0d8;
    color: #468847;
    border-radius: 5px;
}

.nice-box {
    border-radius: 5px;
    box-shadow: 3px 3px 4px #ccc;
}

.foot {
    margin: 10px 20%;
    padding: 0;
    list-style: none;
}

.foot li:hover {
    background: #ccc;
}

.foot a {
    text-decoration: none;
    display: inline-block;
}

.teaserhead {
    display: block;
    padding: 0 5px;
    background: #ccc;
    border-radius: 5px;
    box-shadow: 3px 3px 4px #ccc;
}

.displayblock {
    display: block;
}

.displayinline {
    display: inline;
}

.displayinline a:hover {
    background: inherit;
}

div.previewimg img.firstimage {
    display: inline;
}

div.previewimg img.secondimage {
    display: none;
}

div.previewimg:hover img.firstimage {
    display: none;
}

div.previewimg:hover img.secondimage {
    display: inline;
}

div.previewdiv {
    display: inline-block;
    border-radius: 5px;
    box-shadow: 3px 3px 4px #ccc;
    padding: 10px;
}

div.previewdiv:hover {
    background: #6cf;
}

.previewname {
    background: #ccc;
    padding: 10px;
    margin-right: -10px;
    width: 100%;
    display: inline-block;
}

.previewname a:hover {
    cursor: help;
}

.previewnameyes {
    background: green;
    color: #fff;
}

.previewnameno {
    background: red;
    color: #fff;
}

.previewname:hover {
    background: #fff;
    padding: 10px;
}

div.previewimg {
    background: #404040;
}

span.teaserhover span.firstimage {
    display: inline;
}

span.teaserhover span.secondimage {
    display: none;
}

span.teaserhover:hover span.firstimage {
    display: none;
}

span.teaserhover:hover span.secondimage {
    display: inline;
}

.singleColumnTill700px {
    width: 100%;
    display: inline-block;
    font-size: 1rem;
}

@media screen and (min-width:700px) {
.singleColumnTill700px {
    width: 50%;
}

}
.singleColumnTill600px {
    width: 100%;
    display: inline-block;
    font-size: 1rem;
}

@media screen and (min-width:600px) {
.singleColumnTill600px {
    width: 50%;
}

}
.blackback {
    background: #000;
    color: #f0f0f0;
    width: 100%;
}

.underline {
    text-decoration: underline;
}

.top0 {
    top: 0;
}

.border-box {
    box-sizing: border-box;
}

.vertical-align-top {
    vertical-align: top;
}

.anchor {
    margin-bottom: 5rem;
}

.p-all-1rem {
    padding: 1rem;
}

.p-right-0 {
    padding-right: 0;
}

.p-top-0 {
    padding-top: 0;
}

.mar-0 {
    margin: 0;
}

.m-left0 {
    margin-left: 0;
}

.m-left3rem {
    margin-left: 3rem;
}

.m-right3rem {
    margin-right: 3rem;
}

.m-right-minus2rem {
    margin-right: -2rem;
}

.m-right-2rem {
    margin-right: 2rem;
}

.m-top0rem {
    margin-top: 0;
}

.mt0 {
    margin-top: 0;
}

.m-top1rem {
    margin-top: 1rem;
}

.mt1 {
    margin-top: 1rem;
}

.m-top2rem {
    margin-top: 2rem;
}

.mt2 {
    margin-top: 2rem;
}

.m-top3rem {
    margin-top: 3rem;
}

.mt3 {
    margin-top: 3rem;
}

.m-top4rem {
    margin-top: 3rem;
}

.mt4 {
    margin-top: 3rem;
}

.m-top5rem {
    margin-top: 5rem;
}

.mt5 {
    margin-top: 5rem;
}

.m-top6rem {
    margin-top: 3rem;
}

.mt6 {
    margin-top: 3rem;
}

.m-top7rem {
    margin-top: 7rem;
}

.mt7 {
    margin-top: 7rem;
}

.m-top8rem {
    margin-top: 8rem;
}

.mt8 {
    margin-top: 8rem;
}

.m-top9rem {
    margin-top: 9rem;
}

.mt9 {
    margin-top: 9rem;
}

.m-top10rem {
    margin-top: 10rem;
}

.mt10 {
    margin-top: 10rem;
}

.m-top11rem {
    margin-top: 11rem;
}

.mt11 {
    margin-top: 11rem;
}

.m-top12rem {
    margin-top: 12rem;
}

.mt12 {
    margin-top: 12rem;
}

.m-top15rem {
    margin-top: 15rem;
}

.mt15 {
    margin-top: 15rem;
}

.m-top20rem {
    margin-top: 20rem;
}

.mt20 {
    margin-top: 20rem;
}

.m-bot0 {
    margin-bottom: 0;
}

.m-both2rem {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.striked {
    text-decoration: line-through;
}

.bggreen {
    background-color: green;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.font-size0 {
    font-size: 0;
    font-family: proximanovaregular,arial,serif;
}

.bbutton100 {
    position: relative;
    display: inline-block;
    margin: 4rem 0;
    color: #fff;
    outline: 0;
    width: 100%;
    border: 1px solid var(--main_color);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    background-color: var(--second_color);
    box-shadow: 3px 3px 4px var(--main_color);
}

a.bbutton100 {
    background: var(--second_color);
    color: var(--main_color);
}

a.bbutton100:hover {
    background: var(--main_color);
    color: var(--second_color);
}

div[id^="top10wfinns"] {
    display: none;
}

div[id^="spanishW"] {
    display: none;
}

div[id^="rb0"] {
    display: none;
}

div[id^="mb0"] {
    display: none;
}

div[id^="en_tcont_mod"] {
    display: none;
}

div[id^="it_mod"] {
    display: none;
}

#r-related-articles-to-top {
    padding: .2rem 0;
    font-size: 1rem;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 1rem;
}

#r-related-articles-to-bottom {
    display: none;
    padding: .2rem 0;
    font-size: 1rem;
    text-align: center;
    width: 100%;
}

.highlight0 {
    border-left: 2px solid var(--main_color);
    border-top: 1px dotted var(--main_color);
    border-right: 1px solid var(--second_color);
    border-bottom: 1px dotted var(--second_color);
    padding: .6rem;
    background-color: #c5c8c6;
    background-color: rgba(197,200,198,.2);
}

.bold {
    font-weight: 700;
}

.m-bot0 {
    margin-bottom: 0;
}
/* style_adaptive.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.width_d {
    display: none;
}

.ads11 {
    font-size: 28px;
    margin: 10px 2%;
    width: 96%;
}

.bannerleft {
    float: left;
    width: 150px;
    margin-left: 1%;
}

.tabin {
    width: 100%;
    text-align: left;
    font-size: 18px;
}

.tabin22 {
    width: 100%;
    text-align: left;
    font-size: 18px;
}

.tabin33 {
    width: 100%;
    text-align: left;
    font-size: 18px;
}

.tabin tr:first-child td:first-child {
    width: 25%;
    text-align: right;
}

.tabin22 tr:first-child td:first-child {
    width: 25%;
    text-align: right;
}

.tabin33 tr:first-child td:first-child {
    width: 25%;
    text-align: right;
}

.tabin td:last-child {
    width: 75%;
    text-align: left;
}

.tabin22 td:last-child {
    width: 75%;
    text-align: left;
}

.tabin33 td:last-child {
    width: 75%;
    text-align: left;
}

.tabin td:hover {
    color: #fff;
}

.tabin tr:first-child th:first-child {
    width: 25%;
    text-align: right;
}

.tabin22 tr:first-child th:first-child {
    width: 25%;
    text-align: right;
}

.tabin33 tr:first-child th:first-child {
    width: 25%;
    text-align: right;
}

.tabin th:last-child {
    width: 75%;
    text-align: left;
    font-family: georgia,serif;
    font-weight: 100;
}

.tabin22 th:last-child {
    width: 75%;
    text-align: left;
    font-family: georgia,serif;
    font-weight: 100;
}

.tabin33 th:last-child {
    width: 75%;
    text-align: left;
    font-family: georgia,serif;
    font-weight: 100;
}

.cellsmall22 a {
    font-size: 1.1em;
}

.cellsmall33 a {
    font-size: 1.1em;
}

.cellsmall22 LI A {
    padding: 10px 5px 15px 5px;
    width: 278px;
    height: 15px;
}

.cellsmall33 LI A {
    padding: 10px 5px 15px 5px;
    width: 278px;
    height: 15px;
}

.cellbig22 a {
    font-size: 1.2em;
}

.cellbig33 a {
    font-size: 1.2em;
}

.cellbig22 li {
    font-size: 1.2em;
}

.cellbig33 li {
    font-size: 1.2em;
}

.cellbig22 LI A {
    padding: 20px;
    width: 250px;
    height: 50px;
}

.cellbig33 LI A {
    padding: 20px;
    width: 250px;
    height: 50px;
}

.rightdiv25 {
    margin: 0 1% 0 2%;
}

.rightdiv50 {
    margin: 0 1% 0 2%;
}

.wol a {
    text-decoration: none;
}

.wol a:hover {
    color: var(--main_color);
}

.wol {
    margin: 10px 15%;
    font-size: 105%;
    padding: 10px 0;
}

.wol li {
    padding: 10px 0;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.width_a {
    display: none;
}

.width_c {
    display: none;
}

.width_d {
    display: none;
}

.width_cd {
    display: none;
}

.tabright_cd {
    display: none;
}

.figure1_a {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 1000px;
}

.topbanner2 {
    width: 800px;
}

.topbanner05 {
    width: 500px;
}

.teaser1 {
    width: 354px;
}

.teaser2 {
    width: 732px;
}

.teaser_1_3 {
    width: 45%;
}

.pc_menu LI A {
    padding: 16px;
    width: 294px;
}

.pc_menu_small LI A {
    padding: 16px;
    width: 294px;
}

.pc_menu LI A {
    height: 32px;
}

.pc_menu_small LI A {
    height: 28px;
}

.centremenu LI A {
    padding: 20px;
    width: 284px;
    height: 75px;
}

.cellsmall22 a {
    font-size: 1.1em;
}

.cellsmall33 a {
    font-size: 1.1em;
}

.cellsmall22 LI A {
    padding: 10px 2px;
    width: 298px;
    height: 15px;
}

.cellsmall33 LI A {
    padding: 10px 2px;
    width: 298px;
    height: 15px;
}

.cellbig22 a {
    font-size: 1.5em;
}

.cellbig33 a {
    font-size: 1.5em;
}

.cellbig22 li {
    font-size: 1.2em;
}

.cellbig33 li {
    font-size: 1.2em;
}

.cellbig22 LI A {
    padding: 10px 2px;
    width: 300px;
    height: 55px;
}

.cellbig33 LI A {
    padding: 10px 2px;
    width: 300px;
    height: 55px;
}

.button_ces {
    font-size: 90%;
    padding: 20px;
    width: 82%;
}

p {
    font-size: 18px;
}

.img20center {
    width: 35%;
    margin-left: 32.5%;
    position: relative;
}

.s20center {
    width: 35%;
    margin-left: 32.5%;
    position: relative;
}

.s20c {
    width: 35%;
    margin-left: 32.5%;
    position: relative;
}

.s40c {
    margin-right: 25%;
    margin-left: 25%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    position: relative;
}

.s60c {
    width: 70%;
    margin-left: 15%;
    position: relative;
}

.noind50 {
    text-indent: 0;
    padding-left: 10%;
    padding-right: 40%;
}

.noind {
    text-indent: 0;
    padding: 0 2% 0 2%;
    font-size: 18px;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 80%;
    margin-left: 10%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.width_a {
    display: none;
}

.width_c {
    display: none;
}

.width_cd {
    display: none;
}

.width_d {
    display: none;
}

.figure1_a {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 800px;
}

.topbanner2 {
    width: 700px;
}

.topbanner05 {
    width: 400px;
}

.teaser1 {
    width: 314px;
}

.teaser2 {
    width: 652px;
}

.teaser_1_3 {
    width: 45%;
}

.pc_menu LI A {
    padding: 20px 7px 15px 7px;
    width: 246px;
    height: 42px;
}

.pc_menu_small LI A {
    padding: 20px 7px 15px 7px;
    width: 246px;
    height: 42px;
}

.pc_menu_small LI A {
    height: 38px;
}

.centremenu a {
    font-size: 1.4em;
}

.centremenu LI A {
    padding: 20px;
    width: 273px;
    height: 80px;
}

.cellsmall22 a {
    font-size: 1.1em;
}

.cellsmall33 a {
    font-size: 1.1em;
}

.cellsmall22 LI A {
    padding: 10px 2px;
    width: 255px;
    height: 25px;
}

.cellsmall33 LI A {
    padding: 10px 2px;
    width: 255px;
    height: 25px;
}

.cellbig22 a {
    font-size: 1.2em;
}

.cellbig33 a {
    font-size: 1.2em;
}

.cellbig22 li {
    font-size: 1.2em;
}

.cellbig33 li {
    font-size: 1.2em;
}

.cellbig22 LI A {
    padding: 10px 2px;
    width: 255px;
    height: 60px;
}

.cellbig33 LI A {
    padding: 10px 2px;
    width: 255px;
    height: 60px;
}

.button_ces {
    font-size: 16px;
    padding: 24px 15px;
    width: 84%;
}

p {
    font-size: 16px;
}

.s20center {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

.s20c {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

.s40c {
    margin-right: 22.5%;
    margin-left: 22.5%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    position: relative;
}

.s60c {
    width: 75%;
    margin-left: 12.5%;
    position: relative;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 30%;
}

.noind {
    text-indent: 0;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 18px;
}

.tabright {
    width: 5%;
    float: right;
    margin-top: 0;
}

.w {
    width: 90%;
    margin-left: 5%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.width_a {
    display: none;
}

.width_c {
    display: none;
}

.width_cd {
    display: none;
}

.width_d {
    display: none;
}

.figure1_a {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 600px;
}

.topbanner2 {
    width: 600px;
}

.topbanner05 {
    width: 300px;
}

.teaser1 {
    width: 46%;
}

.teaser2 {
    width: 496px;
}

.teaser_1_3 {
    width: 44.5%;
}

.anchor {
    margin-bottom: 5rem;
}

.pc_menu LI A {
    padding: 20px 7px 15px 7px;
    width: 180px;
    height: 42px;
}

.pc_menu_small LI A {
    padding: 20px 7px 15px 7px;
    width: 180px;
    height: 38px;
}

.centremenu a {
    font-size: 1.4em;
}

.centremenu LI A {
    padding: 20px;
    width: 273px;
    height: 80px;
}

.cellsmall22 a {
    font-size: 1rem;
}

.cellsmall33 a {
    font-size: 1rem;
}

.cellsmall22 LI A {
    padding: 10px 2px;
    width: 190px;
    height: 30px;
}

.cellsmall33 LI A {
    padding: 10px 2px;
    width: 190px;
    height: 30px;
}

.cellbig22 a {
    font-size: 1.2em;
}

.cellbig33 a {
    font-size: 1.2em;
}

.cellbig22 li {
    font-size: 16px;
}

.cellbig33 li {
    font-size: 16px;
}

.cellbig22 LI A {
    padding: 10px 2px;
    width: 190px;
    height: 55px;
}

.cellbig33 LI A {
    padding: 10px 2px;
    width: 190px;
    height: 55px;
}

.button_ces {
    font-size: 16px;
    padding: 30px 12px;
    width: 80%;
}

p {
    font-size: 1.1rem;
}

.s20center {
    width: 55%;
    margin-left: 22.5%;
    position: relative;
}

.s20c {
    width: 55%;
    margin-left: 22.5%;
    position: relative;
}

.s40c {
    margin-left: 15%;
    margin-right: 15%;
    position: relative;
}

.s60c {
    width: 85%;
    margin-left: 7.5%;
    position: relative;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 30%;
}

.noind {
    text-indent: 0;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 18px;
}

.tabright {
    width: 5%;
    float: right;
    margin-top: 0;
}

.w {
    width: 90%;
    margin-left: 5%;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.width_b {
    display: none;
}

.width_c {
    display: none;
}

.width_bc {
    display: none;
}

.width_bcd {
    display: none;
}

.width_cd {
    display: none;
}

.width_d {
    display: none;
}

.tabright_cd {
    display: none;
}

figure1_bcd {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 360px;
}

.topbanner2 {
    width: 360px;
}

.topbanner05 {
    width: 180px;
}

.teaser1 {
    width: 96%;
}

.teaser2 {
    width: 96%;
}

.teaser_1_3 {
    width: 96%;
}

.anchor {
    margin-bottom: 5rem;
}

.address a {
    padding: 0;
    background: var(--main_color);
    margin: 11px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.address a:first-child {
    margin: 11px 1px 7px 11px;
}

.centremenu a {
    font-size: 1em;
}

.centremenu LI A {
    padding: 20px;
    width: 132px;
    height: 75px;
}

.centremenu_small LI A {
    padding: 20px;
    width: 110px;
}

.edu_menu LI A {
    padding: 20px;
    width: 224px;
    height: 70px;
}

.pc_menu LI A {
    padding: 10px 5px;
    width: 162px;
    height: 55px;
}

.pc_menu_small LI A {
    padding: 10px 5px;
    width: 162px;
    height: 55px;
}

.pc_menu_small LI A {
    height: 48px;
}

.cellsmall22 a {
    font-size: 1em;
}

.cellsmall33 a {
    font-size: 1em;
}

.cellsmall22 LI A {
    padding: 10px 5px 10px 5px;
    width: 160px;
    height: 15px;
}

.cellsmall33 LI A {
    padding: 10px 5px 10px 5px;
    width: 160px;
    height: 15px;
}

.cellbig22 a {
    font-size: 1em;
}

.cellbig33 a {
    font-size: 1em;
}

.cellbig22 li {
    font-size: 1.2em;
}

.cellbig33 li {
    font-size: 1.2em;
}

.cellbig22 LI A {
    padding: 5px 3px 2px 3px;
    width: 168px;
    height: 45px;
}

.cellbig33 LI A {
    padding: 5px 3px 2px 3px;
    width: 168px;
    height: 45px;
}

.button_ces {
    font-size: 90%;
    padding: 8px;
    width: 85%;
}

p {
    font-size: 16px;
}

.s20c {
    margin-right: 2%;
    margin-left: 1%;
}

.s20center {
    margin-right: 2%;
    margin-left: 1%;
}

.s40c {
    margin-right: 2%;
    margin-left: 1%;
}

.s60c {
    margin-right: 2%;
    margin-left: 1%;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 10%;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 96%;
    margin-left: 2%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.width_b {
    display: none;
}

.width_bcd {
    display: none;
}

.width_cd {
    display: none;
}

.width_bc {
    display: none;
}

.width_c {
    display: none;
}

.width_d {
    display: none;
}

.tabright_cd {
    display: none;
}

figure1_bcd {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 320px;
}

.topbanner2 {
    width: 320px;
}

.topbanner05 {
    width: 160px;
}

.teaser10 {
    width: 264px;
}

.teaser2 {
    width: 264px;
}

.teaser1 {
    width: 96%;
}

.teaser_1_3 {
    width: 96%;
}

.anchor {
    margin-bottom: 5rem;
}

.address a {
    padding: 0;
    background: var(--main_color);
    margin: 14px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.address a:first-child {
    margin: 11px 1px 7px 11px;
}

.adap01 {
    font-size: 60%;
}

.table02 {
    font-size: 60%;
}

b {
    color: #360;
}

.half {
    font-size: 50%;
}

.three5 {
    font-size: 60%;
}

.centremenu a {
    font-size: 1em;
}

.centremenu LI A {
    padding: 20px;
    width: 122px;
    height: 60px;
}

.centremenu_small LI A {
    padding: 20px;
    width: 118px;
}

.pc_menu LI A {
    padding: 10px 5px;
    width: 138px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    padding: 10px 5px;
    width: 138px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    height: 48px;
}

.edu_menu LI A {
    padding: 20px;
    width: 130px;
    height: 60px;
}

.cellsmall22 a {
    font-size: 16px;
}

.cellsmall33 a {
    font-size: 16px;
}

.cellsmall22 LI A {
    padding: 1rem 2px;
    width: 142px;
    height: 3rem;
}

.cellsmall33 LI A {
    padding: 1rem 2px;
    width: 142px;
    height: 3rem;
}

.cellbig22 a {
    font-size: 1rem;
}

.cellbig33 a {
    font-size: 1rem;
}

.cellbig22 li {
    font-size: 16px;
}

.cellbig33 li {
    font-size: 16px;
}

.cellbig22 LI A {
    padding: 8px 3px 2px 3px;
    width: 144px;
    height: 45px;
}

.cellbig33 LI A {
    padding: 8px 3px 2px 3px;
    width: 144px;
    height: 45px;
}

.button_ces {
    font-size: 70%;
    padding: 7px;
    width: 84%;
}

.leftbanner {
    display: none;
}

p {
    font-size: 16px;
}

.s20c {
    margin-right: 2%;
    width: 94%;
}

.s20center {
    margin-right: 2%;
    width: 94%;
}

.s40c {
    margin-right: 2%;
    width: 94%;
}

.s60c {
    margin-right: 2%;
    width: 94%;
}

.tcont--flexwidth {
    width: 50%;
}

table .d50c70ab100left {
    font-size: 16px;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 10%;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 96%;
    margin-left: 2%;
}

}
@media screen and (max-width:310px) {
.width_b {
    display: none;
}

.width_bcd {
    display: none;
}

.width_cd {
    display: none;
}

.width_bc {
    display: none;
}

.width_c {
    display: none;
}

.width_d {
    display: none;
}

.tabright_cd {
    display: none;
}

.leftbanner {
    display: none;
}

.teaser1 {
    width: 96%;
}

.teaser2 {
    width: 96%;
}

.teaser_1_3 {
    width: 96%;
}

.topbanner {
    width: 100%;
}

.topbanner2 {
    width: 100%;
}

.topbanner {
    width: 50%;
}

.address a {
    padding: 0;
    margin: 14px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.address a:first-child {
    margin: 11px 1px 7px 11px;
}

.adap01 {
    font-size: 60%;
}

.table02 {
    font-size: 60%;
}

b {
    color: #360;
}

.half {
    font-size: 50%;
}

.three5 {
    font-size: 60%;
}

.centremenu a {
    font-size: 1em;
}

.centremenu LI A {
    padding: 20px;
    width: 115px;
    height: 60px;
}

.centremenu_small LI A {
    padding: 20px;
    width: 118px;
}

.pc_menu LI A {
    padding: 10px 5px;
    width: 134px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    padding: 10px 5px;
    width: 134px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    height: 48px;
}

.edu_menu LI A {
    padding: 20px;
    width: 130px;
    height: 60px;
}

.cellsmall22 a {
    font-size: 16px;
}

.cellsmall33 a {
    font-size: 16px;
}

.cellsmall22 LI A {
    padding: 8px 3px 12px 3px;
    width: 138px;
    height: 20px;
}

.cellsmall33 LI A {
    padding: 8px 3px 12px 3px;
    width: 138px;
    height: 20px;
}

.cellbig22 a {
    font-size: 1rem;
}

.cellbig33 a {
    font-size: 1rem;
}

.cellbig22 li {
    font-size: 16px;
}

.cellbig33 li {
    font-size: 16px;
}

.cellbig22 LI A {
    padding: 8px 3px 2px 3px;
    width: 140px;
    height: 45px;
}

.cellbig33 LI A {
    padding: 8px 3px 2px 3px;
    width: 140px;
    height: 45px;
}

.button_ces {
    font-size: 70%;
    padding: 7px;
    width: 84%;
}

.s20c {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.s20center {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.s40c {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.s60c {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.tcont--flexwidth {
    width: 50%;
}

table .d50c70ab100left {
    font-size: 16px;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 10%;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 96%;
    margin-left: 2%;
}

.footermenu {
    height: 30px;
    margin-top: 20px;
}

.footermenu a {
    margin: 10px 10px;
    font-size: 16px;
}

.footermenu a:first-child {
    margin: 10px 10px 10px 10px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.width_b {
    display: none;
}

.width_c {
    display: none;
}

.width_bc {
    display: none;
}

.width_bcd {
    display: none;
}

.width_cd {
    display: none;
}

.width_d {
    display: none;
}

.tabright_cd {
    display: none;
}

figure1_bcd {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 360px;
}

.topbanner2 {
    width: 360px;
}

.topbanner05 {
    width: 180px;
}

.teaser1 {
    width: 96%;
}

.teaser2 {
    width: 96%;
}

.teaser_1_3 {
    width: 96%;
}

.anchor {
    margin-bottom: 5rem;
}

.centremenu a {
    font-size: 1em;
}

.centremenu LI A {
    padding: 20px;
    width: 132px;
    height: 75px;
}

.centremenu_small LI A {
    padding: 20px;
    width: 110px;
}

.edu_menu LI A {
    padding: 20px;
    width: 224px;
    height: 70px;
}

.pc_menu LI A {
    padding: 10px 5px;
    width: 162px;
    height: 55px;
}

.pc_menu_small LI A {
    padding: 10px 5px;
    width: 162px;
    height: 55px;
}

.pc_menu_small LI A {
    height: 48px;
}

.cellsmall22 a {
    font-size: 1em;
}

.cellsmall33 a {
    font-size: 1em;
}

.cellsmall22 LI A {
    padding: 10px 5px 10px 5px;
    width: 160px;
    height: 15px;
}

.cellsmall33 LI A {
    padding: 10px 5px 10px 5px;
    width: 160px;
    height: 15px;
}

.cellbig22 a {
    font-size: 1em;
}

.cellbig33 a {
    font-size: 1em;
}

.cellbig22 li {
    font-size: 1.2em;
}

.cellbig33 li {
    font-size: 1.2em;
}

.cellbig22 LI A {
    padding: 5px 3px 2px 3px;
    width: 168px;
    height: 45px;
}

.cellbig33 LI A {
    padding: 5px 3px 2px 3px;
    width: 168px;
    height: 45px;
}

.button_ces {
    font-size: 90%;
    padding: 8px;
    width: 85%;
}

p {
    font-size: 16px;
}

.s20c {
    margin-right: 2%;
    margin-left: 1%;
}

.s20center {
    margin-right: 2%;
    margin-left: 1%;
}

.s40c {
    margin-right: 2%;
    margin-left: 1%;
}

.s60c {
    margin-right: 2%;
    margin-left: 1%;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 10%;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 96%;
    margin-left: 2%;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.width_b {
    display: none;
}

.width_bcd {
    display: none;
}

.width_cd {
    display: none;
}

.width_bc {
    display: none;
}

.width_c {
    display: none;
}

.width_d {
    display: none;
}

.tabright_cd {
    display: none;
}

figure1_bcd {
    display: none;
}

.leftbanner {
    display: none;
}

.topbanner {
    width: 320px;
}

.topbanner2 {
    width: 320px;
}

.topbanner05 {
    width: 160px;
}

.teaser10 {
    width: 264px;
}

.teaser2 {
    width: 264px;
}

.teaser1 {
    width: 96%;
}

.teaser_1_3 {
    width: 96%;
}

.anchor {
    margin-bottom: 5rem;
}

.adap01 {
    font-size: 60%;
}

.table02 {
    font-size: 60%;
}

b {
    color: #360;
}

.half {
    font-size: 50%;
}

.three5 {
    font-size: 60%;
}

.centremenu a {
    font-size: 1em;
}

.centremenu LI A {
    padding: 20px;
    width: 122px;
    height: 60px;
}

.centremenu_small LI A {
    padding: 20px;
    width: 118px;
}

.pc_menu LI A {
    padding: 10px 5px;
    width: 138px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    padding: 10px 5px;
    width: 138px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    height: 48px;
}

.edu_menu LI A {
    padding: 20px;
    width: 130px;
    height: 60px;
}

.cellsmall22 a {
    font-size: 16px;
}

.cellsmall33 a {
    font-size: 16px;
}

.cellsmall22 LI A {
    padding: 1rem 2px;
    width: 142px;
    height: 3rem;
}

.cellsmall33 LI A {
    padding: 1rem 2px;
    width: 142px;
    height: 3rem;
}

.cellbig22 a {
    font-size: 1rem;
}

.cellbig33 a {
    font-size: 1rem;
}

.cellbig22 li {
    font-size: 16px;
}

.cellbig33 li {
    font-size: 16px;
}

.cellbig22 LI A {
    padding: 8px 3px 2px 3px;
    width: 144px;
    height: 45px;
}

.cellbig33 LI A {
    padding: 8px 3px 2px 3px;
    width: 144px;
    height: 45px;
}

.button_ces {
    font-size: 70%;
    padding: 7px;
    width: 84%;
}

.leftbanner {
    display: none;
}

p {
    font-size: 16px;
}

.s20c {
    margin-right: 2%;
    width: 94%;
}

.s20center {
    margin-right: 2%;
    width: 94%;
}

.s40c {
    margin-right: 2%;
    width: 94%;
}

.s60c {
    margin-right: 2%;
    width: 94%;
}

.tcont--flexwidth {
    width: 50%;
}

table .d50c70ab100left {
    font-size: 16px;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 10%;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 96%;
    margin-left: 2%;
}

}
@media screen and (max-width:310px) {
.width_b {
    display: none;
}

.width_bcd {
    display: none;
}

.width_cd {
    display: none;
}

.width_bc {
    display: none;
}

.width_c {
    display: none;
}

.width_d {
    display: none;
}

.tabright_cd {
    display: none;
}

.leftbanner {
    display: none;
}

.teaser1 {
    width: 96%;
}

.teaser2 {
    width: 96%;
}

.teaser_1_3 {
    width: 96%;
}

.topbanner {
    width: 100%;
}

.topbanner2 {
    width: 100%;
}

.topbanner {
    width: 50%;
}

.adap01 {
    font-size: 60%;
}

.table02 {
    font-size: 60%;
}

b {
    color: #360;
}

.half {
    font-size: 50%;
}

.three5 {
    font-size: 60%;
}

.centremenu a {
    font-size: 1em;
}

.centremenu LI A {
    padding: 20px;
    width: 115px;
    height: 60px;
}

.centremenu_small LI A {
    padding: 20px;
    width: 118px;
}

.pc_menu LI A {
    padding: 10px 5px;
    width: 134px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    padding: 10px 5px;
    width: 134px;
    height: 40px;
    font-size: 1rem;
}

.pc_menu_small LI A {
    height: 48px;
}

.edu_menu LI A {
    padding: 20px;
    width: 130px;
    height: 60px;
}

.cellsmall22 a {
    font-size: 16px;
}

.cellsmall33 a {
    font-size: 16px;
}

.cellsmall22 LI A {
    padding: 8px 3px 12px 3px;
    width: 138px;
    height: 20px;
}

.cellsmall33 LI A {
    padding: 8px 3px 12px 3px;
    width: 138px;
    height: 20px;
}

.cellbig22 a {
    font-size: 1rem;
}

.cellbig33 a {
    font-size: 1rem;
}

.cellbig22 li {
    font-size: 16px;
}

.cellbig33 li {
    font-size: 16px;
}

.cellbig22 LI A {
    padding: 8px 3px 2px 3px;
    width: 140px;
    height: 45px;
}

.cellbig33 LI A {
    padding: 8px 3px 2px 3px;
    width: 140px;
    height: 45px;
}

.button_ces {
    font-size: 70%;
    padding: 7px;
    width: 84%;
}

.s20c {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.s20center {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.s40c {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.s60c {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.tcont--flexwidth {
    width: 50%;
}

table .d50c70ab100left {
    font-size: 16px;
}

.noind50 {
    text-indent: 0;
    padding-left: 5%;
    padding-right: 10%;
}

.tabright {
    width: 10%;
    float: right;
    margin-top: 0;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 96%;
    margin-left: 2%;
}

.footermenu {
    height: 30px;
    margin-top: 20px;
}

.footermenu a {
    margin: 10px 10px;
    font-size: 16px;
}

.footermenu a:first-child {
    margin: 10px 10px 10px 10px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.address a {
    padding: 0;
    background: var(--main_color);
    margin: 11px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.address a:first-child {
    margin: 11px 1px 7px 11px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.address a {
    padding: 0;
    background: var(--main_color);
    margin: 14px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.address a:first-child {
    margin: 11px 1px 7px 11px;
}

}
@media screen and (max-width:310px) {
.address a {
    padding: 0;
    margin: 14px 3px 5px 3px;
    display: inline-table;
    font-size: 16px;
}

.address a:first-child {
    margin: 11px 1px 7px 11px;
}

}
/* style_adaptive_1840.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.width_a {
    display: none;
}

.width_ab {
    display: none;
}

.width_b {
    display: none;
}

.figure1_a {
    display: none;
}

.figure1_ab {
    display: none;
}

.figure1_b {
    display: none;
}

.topbanner {
    width: 1200px;
}

.topbanner2 {
    width: 800px;
}

.topbanner05 {
    width: 600px;
}

.teaser1 {
    width: 21.5%;
}

.teaser2 {
    width: 45%;
}

.teaser10 {
    width: 181px;
}

.teaser_1_3 {
    width: 29.5%;
}

p {
    font-size: 1.1rem;
}

.pc_menu LI A {
    font-size: 1em;
    padding: 20px 5px 20px 5px;
    width: 284px;
}

.pc_menu_small LI A {
    font-size: 1em;
    padding: 20px 5px 20px 5px;
    width: 284px;
}

.pc_menu LI A {
    height: 28px;
}

.pc_menu_small LI A {
    height: 12px;
}

.centremenu LI A {
    padding: 20px;
    width: 254px;
    height: 75px;
}

.button_ces {
    font-size: 90%;
    width: 85%;
    padding: 20px;
}

.leftbanner {
    left: 0;
    top: 450px;
    width: 180px;
}

.s20center {
    width: 30%;
    margin-left: 35%;
    position: relative;
}

.s20c {
    width: 30%;
    margin-left: 35%;
    position: relative;
}

.s40c {
    margin-right: 25%;
    margin-left: 25%;
    position: relative;
}

.s60c {
    width: 70%;
    margin-left: 15%;
    position: relative;
}

.noind50 {
    text-indent: 0;
    padding-left: 10%;
    padding-right: 40%;
}

.noind {
    text-indent: 0;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 18px;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-top: 0;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.w {
    width: 70%;
    margin: 0 15%;
}

}
@media screen and (min-width:1840px) {
.width_a {
    display: none;
}

.width_ab {
    display: none;
}

.width_b {
    display: none;
}

.width_abc {
    display: none;
}

.width_bc {
    display: none;
}

.width_c {
    display: none;
}

.width_ab {
    display: none;
}

.figure1_a {
    display: none;
}

.figure1_b {
    display: none;
}

.figure1_ab {
    display: none;
}

.figure1_abc {
    display: none;
}

.figure1_bc {
    display: none;
}

.figure1_c {
    display: none;
}

#container {
    width: 100%;
    margin: 0 auto;
    background: #f0f0f0;
}

.topbanner {
    width: 1832px;
}

.topbanner05 {
    width: 916px;
}

.topbanner2 {
    width: 940px;
}

.teaser1 {
    width: 22%;
}

.teaser2 {
    width: 45%;
}

.teaser10 {
    width: 248px;
}

.teaser_1_3 {
    width: 30%;
}

.pc_menu LI A {
    padding: 10px 3px 15px 3px;
    font-size: 1em;
    width: 354px;
    height: 25px;
}

.pc_menu_small LI A {
    padding: 10px 3px 15px 3px;
    font-size: 1em;
    width: 354px;
    height: 25px;
}

.pc_menu_small LI A {
    height: 12px;
}

.edu_menu LI A {
    padding: 20px;
    width: 318px;
    height: 70px;
}

.centremenu LI A {
    padding: 20px;
    width: 318px;
    height: 75px;
}

.cellsmall a {
    font-size: 1.1em;
}

.cellsmall2 a {
    font-size: 1.1em;
}

.cellsmall3 a {
    font-size: 1.1em;
}

.cellsmall4 a {
    font-size: 1.1em;
}

.cellsmall5 a {
    font-size: 1.1em;
}

.cellsmall6 a {
    font-size: 1.1em;
}

.cellsmall7 a {
    font-size: 1.1em;
}

.cellsmall8 a {
    font-size: 1.1em;
}

.cellsmall3 LI A {
    padding: 10px 3px 15px 3px;
    width: 305px;
    height: 15px;
}

.cellsmall4 LI A {
    padding: 10px 3px 15px 3px;
    width: 305px;
    height: 15px;
}

.cellsmall7 LI A {
    padding: 10px 3px 15px 3px;
    width: 305px;
    height: 15px;
}

.cellsmall8 LI A {
    padding: 10px 3px 15px 3px;
    width: 305px;
    height: 15px;
}

.cellsmall LI A {
    padding: 10px 2px 15px 2px;
    width: 40px;
    height: 15px;
}

.cellsmall2 LI A {
    padding: 10px 2px 15px 2px;
    width: 40px;
    height: 15px;
}

.cellsmall5 LI A {
    padding: 10px 2px 15px 2px;
    width: 40px;
    height: 15px;
}

.cellsmall6 LI A {
    padding: 10px 2px 15px 2px;
    width: 40px;
    height: 15px;
}

.cellbig a {
    font-size: 1.5em;
}

.cellbig2 a {
    font-size: 1.5em;
}

.cellbig3 a {
    font-size: 1.5em;
}

.cellbig4 a {
    font-size: 1.5em;
}

.cellbig LI A {
    padding: 10px 3px 15px 3px;
    width: 305px;
    height: 75px;
}

.cellbig2 LI A {
    padding: 10px 3px 15px 3px;
    width: 305px;
    height: 75px;
}

.cellbig3 LI A {
    padding: 10px 3px 15px 3px;
    width: 40px;
    height: 75px;
}

.cellbig4 LI A {
    padding: 10px 3px 15px 3px;
    width: 40px;
    height: 75px;
}

.noind10 {
    text-indent: 0;
    padding-left: 10%;
    padding-right: 2%;
    font-size: 20px;
}

.noind {
    text-indent: 0;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 20px;
}

.noind50 {
    text-indent: 0;
    padding-left: 20%;
    padding-right: 30%;
    font-size: 20px;
}

.pright {
    font-size: 20px;
    margin: 0 20%;
    text-indent: 0;
    padding: 15px;
}

ol.noind50 {
    margin-left: 20%;
}

p {
    font-size: 20px;
}

.img20center {
    width: 20%;
    margin-left: 40%;
    position: relative;
}

.s20center {
    width: 20%;
    margin-left: 40%;
    position: relative;
}

.s20c {
    width: 20%;
    margin-left: 40%;
    position: relative;
}

.s40c {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

img40c_alc {
    width: 40%;
    margin-left: 30%;
    position: relative;
}

.s60c {
    width: 60%;
    margin-left: 20%;
    position: relative;
}

.img20c2 {
    width: 40%;
    margin-left: 30%;
}

.s20c2 {
    width: 40%;
    margin-left: 30%;
}

.imgfloatleft {
    margin-right: 15px;
    margin-bottom: 15px;
}

.imgleft40 {
    margin: 0 1% 20px 0;
    float: left;
    position: relative;
    width: 40%;
}

.leftdiv25i {
    margin-left: 20%;
    margin-right: 10px;
}

.tdright {
    width: 30%;
}

.tabright_cd {
    width: 20%;
    float: right;
    margin-right: 4%;
}

.table100perc {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
}

.table100perc td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.table100percColor {
    width: 100%;
    border: 1px;
    border-color: #000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    background-color: var(--main_color);
    color: #fff;
}

.table100percColor td {
    border: 1px;
    border-color: #000;
    border-style: solid;
    padding: 20px;
}

.button_ces {
    position: relative;
    display: block;
    color: #069;
    font-size: 90%;
    padding: 20px;
    outline: 0;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: #f0f0f0;
    width: 85%;
}

.button_ces:hover {
    background-color: #6cf;
}

.leftbanner {
    left: 0;
    top: 560px;
    width: 300px;
}

.w {
    width: 50%;
    margin-left: 25%;
}

.blackback {
    font-size: 20px;
    margin: 5px;
    padding-left: 5px;
}

.answerfw50 {
    margin: 5rem 20%;
    width: 60%;
}

.commandfw50 {
    margin: 5rem 20%;
    width: 60%;
}

.errfw50 {
    margin: 5rem 20%;
    width: 60%;
}

.pathfw50 {
    margin: 5rem 20%;
    width: 60%;
}

.questionfw50 {
    margin: 5rem 20%;
    width: 60%;
}

}
/* style_for_lessons.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1840px) and (min-width:1200px) {
.left_div {
    width: 30%;
    margin-right: 20px;
    padding: 10px;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.left_div {
    width: 30%;
    margin-right: 15px;
    padding: 10px;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.left_div {
    width: 40%;
    margin-right: 15px;
    padding: 10px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.left_div {
    width: 45%;
    margin-right: 15px;
    padding: 10px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.left_div {
    width: 50%;
    margin-right: 15px;
    padding: 10px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.left_div {
    width: 100%;
    padding: 0;
}

}
@media screen and (max-width:310px) {
.left_div {
    width: 100%;
    padding: 0;
}

}
@media screen and (min-width:1840px) {
.left_div {
    width: 30%;
    background: #add8e6;
    margin-right: 15px;
    padding: 10px;
}

}
.right_div1 {
    background: #90ee90;
}

.left_div1 {
    float: left;
    width: 40%;
    background: #add8e6;
}

.right_div2 {
    padding: 10px;
    background: #90ee90;
}

.left_div2 {
    float: left;
    width: 40%;
    background: #add8e6;
    margin-right: 15px;
    padding: 10px;
}

.right_div3 {
    padding: 10px;
}

.left_div3 {
    float: left;
    width: 40%;
    margin-right: 15px;
    padding: 10px;
}

@media screen and (min-width:1840px) {
.left_div {
    width: 40%;
    margin-right: 10px;
}

.div_l30_adap {
    width: 30%;
    margin-right: 10px;
}

.div_l20_adap {
    width: 20%;
    margin-right: 10px;
}

.right_div {
    font-size: 20px;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.left_div {
    width: 40%;
    margin-right: 10%;
}

.div_l30_adap {
    width: 35%;
    margin-right: 10px;
}

.div_l20_adap {
    width: 25%;
    margin-right: 10px;
}

.right_div {
    font-size: 18px;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.left_div {
    width: 40%;
    margin-right: 10%;
}

.div_l30_adap {
    width: 35%;
    margin-right: 10px;
}

.div_l20_adap {
    width: 30%;
    margin-right: 10px;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.left_div {
    width: 40%;
    margin-right: 10%;
}

.div_l30_adap {
    width: 30%;
    margin-right: 10px;
}

.div_l20_adap {
    width: 30%;
    margin-right: 10px;
}

.right_div {
    font-size: 18px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.left_div {
    width: 100%;
    margin-bottom: 20px;
}

.div_l30_adap {
    width: 40%;
    margin-bottom: 20px;
}

.div_l20_adap {
    width: 35%;
    margin-bottom: 20px;
}

.right_div {
    font-size: 18px;
}

}
@media screen and (max-width:600px) and (min-width:390px) {
.left_div {
    width: 100%;
    margin-bottom: 20px;
}

.div_l30_adap {
    width: 45%;
    margin-bottom: 20px;
}

.div_l20_adap {
    width: 40%;
    margin-bottom: 20px;
}

.right_div {
    font-size: 16px;
}

}
@media screen and (max-width:390px) and (min-width:320px) {
.left_div {
    width: 100%;
    margin-bottom: 20px;
}

.div_l30_adap {
    width: 45%;
    margin-bottom: 20px;
}

.div_l20_adap {
    width: 40%;
    margin-bottom: 20px;
}

.right_div {
    font-size: 16px;
}

}
@media screen and (max-width:320px) {
.left_div {
    width: 100%;
    margin-bottom: 20px;
}

.div_l30_adap {
    width: 50%;
    margin-bottom: 20px;
}

.div_l20_adap {
    width: 50%;
    margin-bottom: 20px;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.left_div {
    width: 50%;
    margin-right: 15px;
    padding: 10px;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.left_div {
    width: 100%;
    padding: 0;
}

}
@media screen and (max-width:310px) {
.left_div {
    width: 100%;
    padding: 0;
}

}
/* style_table.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.block2 {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 0;
    vertical-align: top;
    box-shadow: 5px 5px grey;
}

.block1top {
    display: block;
    background: #ffe066;
    padding: 15px 10px;
    height: 90px;
    margin-top: 0;
}

.block1bottom {
    display: block;
    background: #fff;
    padding: 15px 10px;
    height: 370px;
}

@media screen and (min-width:1840px) {
.block2 {
    width: 350px;
}

}
/* style_tictactoe.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.ttt_board {
    border-collapse: collapse;
    background: #f0f0f0;
    text-indent: 0;
    text-align: center;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
    border-style: solid;
}

.ttt_board td {
    width: 33.3%;
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

@media screen and (min-width:1200px) {
.ttt_board {
    font-size: 52px;
    margin: 15px 20%;
    width: 60%;
}

.ttt_board td {
    padding: 110px 50px;
}

}
@media screen and (max-width:1199px) and (min-width:400px) {
.ttt_board {
    font-size: 38px;
    margin: 15px 10%;
    width: 80%;
}

.ttt_board td {
    padding: 70px 20px;
}

}
@media screen and (max-width:399px) {
.ttt_board {
    font-size: 18px;
    margin: 15px 1%;
    width: 98%;
}

.ttt_board td {
    padding: 40px 20px;
}

}
/* style_width.css
 * Complete width utility scale: .w1 ... .w100 at N%.
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.w1 {
    width: 1%;
}

.w2 {
    width: 2%;
}

.w3 {
    width: 3%;
}

.w4 {
    width: 4%;
}

.w5 {
    width: 5%;
}

.w6 {
    width: 6%;
}

.w7 {
    width: 7%;
}

.w8 {
    width: 8%;
}

.w9 {
    width: 9%;
}

.w10 {
    width: 10%;
}

.w11 {
    width: 11%;
}

.w12 {
    width: 12%;
}

.w13 {
    width: 13%;
}

.w14 {
    width: 14%;
}

.w15 {
    width: 15%;
}

.w16 {
    width: 16%;
}

.w17 {
    width: 17%;
}

.w18 {
    width: 18%;
}

.w19 {
    width: 19%;
}

.w20 {
    width: 20%;
}

.w21 {
    width: 21%;
}

.w22 {
    width: 22%;
}

.w23 {
    width: 23%;
}

.w24 {
    width: 24%;
}

.w25 {
    width: 25%;
}

.w26 {
    width: 26%;
}

.w27 {
    width: 27%;
}

.w28 {
    width: 28%;
}

.w29 {
    width: 29%;
}

.w30 {
    width: 30%;
}

.w31 {
    width: 31%;
}

.w32 {
    width: 32%;
}

.w33 {
    width: 33%;
}

.w34 {
    width: 34%;
}

.w35 {
    width: 35%;
}

.w36 {
    width: 36%;
}

.w37 {
    width: 37%;
}

.w38 {
    width: 38%;
}

.w39 {
    width: 39%;
}

.w40 {
    width: 40%;
}

.w41 {
    width: 41%;
}

.w42 {
    width: 42%;
}

.w43 {
    width: 43%;
}

.w44 {
    width: 44%;
}

.w45 {
    width: 45%;
}

.w46 {
    width: 46%;
}

.w47 {
    width: 47%;
}

.w48 {
    width: 48%;
}

.w49 {
    width: 49%;
}

.w50 {
    width: 50%;
}

.w51 {
    width: 51%;
}

.w52 {
    width: 52%;
}

.w53 {
    width: 53%;
}

.w54 {
    width: 54%;
}

.w55 {
    width: 55%;
}

.w56 {
    width: 56%;
}

.w57 {
    width: 57%;
}

.w58 {
    width: 58%;
}

.w59 {
    width: 59%;
}

.w60 {
    width: 60%;
}

.w61 {
    width: 61%;
}

.w62 {
    width: 62%;
}

.w63 {
    width: 63%;
}

.w64 {
    width: 64%;
}

.w65 {
    width: 65%;
}

.w66 {
    width: 66%;
}

.w67 {
    width: 67%;
}

.w68 {
    width: 68%;
}

.w69 {
    width: 69%;
}

.w70 {
    width: 70%;
}

.w71 {
    width: 71%;
}

.w72 {
    width: 72%;
}

.w73 {
    width: 73%;
}

.w74 {
    width: 74%;
}

.w75 {
    width: 75%;
}

.w76 {
    width: 76%;
}

.w77 {
    width: 77%;
}

.w78 {
    width: 78%;
}

.w79 {
    width: 79%;
}

.w80 {
    width: 80%;
}

.w81 {
    width: 81%;
}

.w82 {
    width: 82%;
}

.w83 {
    width: 83%;
}

.w84 {
    width: 84%;
}

.w85 {
    width: 85%;
}

.w86 {
    width: 86%;
}

.w87 {
    width: 87%;
}

.w88 {
    width: 88%;
}

.w89 {
    width: 89%;
}

.w90 {
    width: 90%;
}

.w91 {
    width: 91%;
}

.w92 {
    width: 92%;
}

.w93 {
    width: 93%;
}

.w94 {
    width: 94%;
}

.w95 {
    width: 95%;
}

.w96 {
    width: 96%;
}

.w97 {
    width: 97%;
}

.w98 {
    width: 98%;
}

.w99 {
    width: 99%;
}

.w100 {
    width: 100%;
}

@media screen and (min-width:1840px) {
.w1 {
    margin-left: 20%;
}

}
.width1 {
    width: 1%;
}

.width2 {
    width: 2%;
}

.width3 {
    width: 3%;
}

.width4 {
    width: 4%;
}

.width5 {
    width: 5%;
}

.width6 {
    width: 6%;
}

.width7 {
    width: 7%;
}

.width8 {
    width: 8%;
}

.width9 {
    width: 9%;
}

.width10 {
    width: 10%;
}

.width11 {
    width: 11%;
}

.width12 {
    width: 12%;
}

.width13 {
    width: 13%;
}

.width14 {
    width: 14%;
}

.width15 {
    width: 15%;
}

.width16 {
    width: 16%;
}

.width17 {
    width: 17%;
}

.width18 {
    width: 18%;
}

.width19 {
    width: 19%;
}

.width20 {
    width: 20%;
}

.width21 {
    width: 21%;
}

.width22 {
    width: 22%;
}

.width23 {
    width: 23%;
}

.width24 {
    width: 24%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width31 {
    width: 31%;
}

.width32 {
    width: 32%;
}

.width33 {
    width: 33%;
}

.width34 {
    width: 34%;
}

.width35 {
    width: 35%;
}

.width36 {
    width: 36%;
}

.width37 {
    width: 37%;
}

.width38 {
    width: 38%;
}

.width39 {
    width: 39%;
}

.width40 {
    width: 40%;
}

.width45 {
    width: 45%;
}

.width50 {
    width: 50%;
}

.width50alignleft {
    width: 50%;
    float: left;
    margin: 5px 10px 0 0;
}

.width55 {
    width: 55%;
}

.width60 {
    width: 60%;
}

.width65 {
    width: 65%;
}

.width70 {
    width: 70%;
}

.width71 {
    width: 71%;
}

.width72 {
    width: 72%;
}

.width73 {
    width: 73%;
}

.width74 {
    width: 74%;
}

.width75 {
    width: 75%;
}

.width76 {
    width: 76%;
}

.width77 {
    width: 77%;
}

.width78 {
    width: 78%;
}

.width79 {
    width: 79%;
}

.width80 {
    width: 80%;
}

.width85 {
    width: 85%;
}

.width90 {
    width: 90%;
}

.width91 {
    width: 91%;
}

.width92 {
    width: 92%;
}

.width93 {
    width: 93%;
}

.width94 {
    width: 94%;
}

.width95 {
    width: 95%;
}

.width96 {
    width: 96%;
}

.width97 {
    width: 97%;
}

.width98 {
    width: 98%;
}

.width99 {
    width: 99%;
}

.width100 {
    width: 100%;
}

.width20px {
    width: 20px;
}

.width50px {
    width: 50px;
}

.width100px {
    width: 100px;
}

.width150px {
    width: 150px;
}

.width200px {
    width: 200px;
}

.width300px {
    width: 300px;
}

.aligncenter {
    text-align: center;
}

.width100margin0 {
    width: 100%;
    margin: 0;
}

.width100hspace10px {
    width: 100%;
    margin: 0 10px;
}

.width100hspace5px {
    width: 100%;
    margin: 0 5px;
}

.width100hspace3px {
    width: 100%;
    margin: 0 3px;
}

.height2 {
    height: 2%;
}

.height3 {
    height: 3%;
}

.height4 {
    height: 4%;
}

.height5 {
    height: 5%;
}

.height6 {
    height: 6%;
}

.height7 {
    height: 7%;
}

.height8 {
    height: 8%;
}

.height9 {
    height: 9%;
}

.height10 {
    height: 10%;
}

.height11 {
    height: 11%;
}

.height12 {
    height: 12%;
}

.height13 {
    height: 13%;
}

.height14 {
    height: 14%;
}

.height15 {
    height: 15%;
}

.height16 {
    height: 16%;
}

.height17 {
    height: 17%;
}

.height18 {
    height: 18%;
}

.height19 {
    height: 19%;
}

.height20 {
    height: 20%;
}

.height21 {
    height: 21%;
}

.height22 {
    height: 22%;
}

.height23 {
    height: 23%;
}

.height24 {
    height: 24%;
}

.height25 {
    height: 25%;
}

.height30 {
    height: 30%;
}

.height32 {
    height: 32%;
}

.height33 {
    height: 33%;
}

.height34 {
    height: 34%;
}

.height35 {
    height: 35%;
}

.height40 {
    height: 40%;
}

.height45 {
    height: 45%;
}

.height50 {
    height: 50%;
}

.height50alignleft {
    height: 50%;
    float: left;
    margin: 5px 10px 0 0;
}

.height55 {
    height: 55%;
}

.height60 {
    height: 60%;
}

.height65 {
    height: 50%;
}

.height70 {
    height: 70%;
}

.height71 {
    height: 71%;
}

.height72 {
    height: 72%;
}

.height73 {
    height: 73%;
}

.height74 {
    height: 74%;
}

.height75 {
    height: 75%;
}

.height76 {
    height: 76%;
}

.height77 {
    height: 77%;
}

.height78 {
    height: 78%;
}

.height79 {
    height: 79%;
}

.height80 {
    height: 80%;
}

.height85 {
    height: 85%;
}

.height90 {
    height: 90%;
}

.height91 {
    height: 91%;
}

.height92 {
    height: 92%;
}

.height93 {
    height: 93%;
}

.height94 {
    height: 94%;
}

.height95 {
    height: 95%;
}

.height96 {
    height: 96%;
}

.height97 {
    height: 97%;
}

.height98 {
    height: 98%;
}

.height90 {
    height: 99%;
}

.height100 {
    height: 100%;
}

.height20px {
    height: 20px;
}

.height50px {
    height: 50px;
}

.height100px {
    height: 100px;
}

.height150px {
    height: 150px;
}

.height200px {
    height: 200px;
}

.height300px {
    height: 300px;
}

.height100margin0 {
    height: 100%;
    margin: 0;
}

.height100hspace10px {
    height: 100%;
    margin: 0 10px;
}

.height100hspace5px {
    height: 100%;
    margin: 0 5px;
}

.height100hspace3px {
    height: 100%;
    margin: 0 3px;
}

.width5rem {
    width: 5rem;
}

.width10rem {
    width: 10rem;
}

.max-width400px {
    max-width: 400px;
}
/* tcont.css
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

@media screen and (max-width:1199px) and (min-width:1000px) {
.tcont caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tcont caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tcont caption {
    font-size: 20px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tcont caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tcont caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

}
.tcont {
    overflow: auto;
    border-collapse: collapse;
    background: #f0f0f0;
    text-indent: 0;
    border-radius: 0;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    counter-reset: tcount;
}

.tcont tr:nth-child(even) td:nth-child(2) {
    background: var(--main_color);
    background: rgba(80,37,66,.1);
}

.tcont tr td:first-child {
    text-align: center;
    background: var(--main_color);
    background: rgba(80,37,66,.1);
    border-left: 1px solid var(--second_color);
    border-right: 1px solid var(--main_color);
    width: 7%;
}

.tcont tr td:first-child:before {
    position: relative;
    margin: auto;
    text-align: center;
    color: #f0f0f0;
    counter-increment: tcount;
    content: counter(tcount);
    overflow: hidden;
    font-size: 1.5rem;
}

.tcont tr td:nth-child(2n) a {
    word-break: break-all;
    overflow-wrap: break-word;
}

.tcont tr:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tcont A:hover {
    text-decoration: none;
    color: var(--second_color);
}

.tcont td {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont th {
    border: 1px;
    border-color: #ccc;
    border-style: solid;
}

.tcont td a {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    color: var(--main_color);
    display: block;
    overflow: visible;
    text-decoration: none;
    text-align: left;
}

.tcont th a {
    display: block;
    overflow: visible;
    text-decoration: none;
}

.tcont td a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
    border-right: 3px solid var(--second_color);
}

.tcont th a:hover {
    text-decoration: none;
    color: var(--second_color);
    background: var(--main_color);
    display: block;
    border-left: 2px solid var(--second_color);
    border-right: 3px solid var(--second_color);
}

.tcont caption {
    font-size: 2rem;
    padding: 1rem 0;
    display: table-caption;
}

.tcont caption .tcont--hidden {
    display: none;
}

.tcont caption:hover {
    background: var(--main_color);
    padding: 1rem 0;
    display: table-caption;
    color: var(--second_color);
}

.tcont caption:hover .tcont--hidden {
    display: inline;
}

@media screen and (min-width:1840px) {
.tcont th {
    padding: 22px 20px;
}

.tcont td a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.2rem;
    font-size: 1.3rem;
}

.tcont tr td:first-child:before {
    font-size: 1.3rem;
}

.tcont tr td:first-child {
    width: 3%;
}

}
@media screen and (max-width:1840px) and (min-width:1200px) {
.tcont {
    font-size: 1.1rem;
}

.tcont td a {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
}

.tcont caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont caption:hover {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont tr td:first-child:before {
    font-size: 1.2rem;
}

.tcont tr td:first-child {
    width: 5%;
}

}
@media screen and (max-width:1199px) and (min-width:1000px) {
.tcont caption {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tcont caption:hover {
    font-size: 1.5rem;
    padding: 8px 0 16px 0;
}

.tcont td a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.1rem;
}

.tcont tr td:first-child:before {
    font-size: 1.1rem;
}

.tcont tr td:first-child {
    width: 6%;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.tcont caption {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont caption:hover {
    font-size: 1.4rem;
    padding: 8px 0 16px 0;
}

.tcont td a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.1rem;
}

.tcont tr td:first-child:before {
    font-size: 1.1rem;
}

.tcont tr td:first-child {
    width: 6%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.tcont caption {
    font-size: 1.2rem;
    padding: 8px 0 16px 0;
}

.tcont caption:hover {
    font-size: 1.2rem;
    padding: 8px 0 16px 0;
}

.tcont td a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.1rem;
}

.tcont tr td:first-child {
    width: 7%;
}

.tcont tr td:first-child:before {
    font-size: 1.1rem;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tcont caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tcont td a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.1rem;
}

.tcont tr td:first-child {
    width: 7%;
}

.tcont tr td:first-child:before {
    font-size: 1rem;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tcont caption {
    font-size: 1.3rem;
    padding: 8px 0 16px 0;
}

.tcont td a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: 1.1rem;
}

.tcont tr td:first-child {
    width: 7%;
}

.tcont tr td:first-child:before {
    font-size: 1rem;
}

}
@media screen and (max-width:360px) {
.tcont td a {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    padding-left: .1rem;
    padding-right: .1rem;
    font-size: 1rem;
}

.tcont tr td:first-child:before {
    font-size: 1rem;
}

}
@media screen and (max-width:600px) and (min-width:360px) {
.tcont caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

}
@media screen and (max-width:360px) and (min-width:310px) {
.tcont caption {
    font-size: 18px;
    padding: 8px 0 14px 0;
}

}
/* _utilities.css
 * Complete margin scale: .mb0-.mb12 and .m-bot0rem-.m-bot12rem.
 * Also keeps the legacy lower-case aliases still used by old HTML.
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.mb0 {
    margin-bottom: 0;
}

.mb1 {
    margin-bottom: 1rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.mb3 {
    margin-bottom: 3rem;
}

.mb4 {
    margin-bottom: 4rem;
}

.mb5 {
    margin-bottom: 5rem;
}

.mb6 {
    margin-bottom: 6rem;
}

.mb7 {
    margin-bottom: 7rem;
}

.mb8 {
    margin-bottom: 8rem;
}

.mb9 {
    margin-bottom: 9rem;
}

.mb10 {
    margin-bottom: 10rem;
}

.mb11 {
    margin-bottom: 11rem;
}

.mb12 {
    margin-bottom: 12rem;
}

.m-bot0rem {
    margin-bottom: 0;
}

.m-bot1rem {
    margin-bottom: 1rem;
}

.m-bot2rem {
    margin-bottom: 2rem;
}

.m-bot3rem {
    margin-bottom: 3rem;
}

.m-bot4rem {
    margin-bottom: 4rem;
}

.m-bot5rem {
    margin-bottom: 5rem;
}

.m-bot6rem {
    margin-bottom: 6rem;
}

.m-bot7rem {
    margin-bottom: 7rem;
}

.m-bot8rem {
    margin-bottom: 8rem;
}

.m-bot9rem {
    margin-bottom: 9rem;
}

.m-bot10rem {
    margin-bottom: 10rem;
}

.m-bot11rem {
    margin-bottom: 11rem;
}

.m-bot12rem {
    margin-bottom: 12rem;
}

.homeblock a {
    color: var(--main_color);
    text-decoration: none;
    background-color: #efefef;
    font-size: 1.1rem;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 1px solid grey;
    min-height: 3.4rem;
}

.homeblock a:hover {
    background-color: #000;
    color: var(--second_color);
    border-left: 2px solid var(--second_color);
}

a.topic {
    border-top: 1px solid grey;
    background-color: var(--second_color);
    font-size: 1.3rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

a.topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
}

@media screen and (min-width:2200px) {
.homeblock {
    width: 12.5%;
}

a.topic {
    font-size: .9rem;
    min-height: 3.4rem;
}

.homeblock a {
    min-height: 4rem;
}

}
@media screen and (max-width:2199px) and (min-width:1721px) {
.homeblock {
    width: 20%;
}

}
@media screen and (max-width:1720px) and (min-width:1601px) {
.homeblock {
    width: 20%;
}

a.topic {
    font-size: 1.2rem;
    min-height: 3.4rem;
}

}
@media screen and (max-width:1600px) and (min-width:1051px) {
.homeblock {
    width: 25%;
}

a.topic {
    font-size: 1.2rem;
}

}
@media screen and (max-width:1050px) and (min-width:801px) {
.homeblock {
    width: 33.3%;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.homeblock {
    width: 50%;
}

}
.verticalnavbuttonsdiv {
    position: fixed;
    bottom: 40px;
}

.tobottombutton {
    color: var(--main_color);
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 3px 3px 4px var(--main_color);
    background-color: #f0f0f0;
}

.totopbutton {
    color: var(--main_color);
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 3px 3px 4px var(--main_color);
    background-color: #f0f0f0;
}

.tobottombutton:hover {
    background-color: var(--second_color);
    color: #069;
    animation: blink1 3s linear infinite;
}

.totopbutton:hover {
    background-color: var(--second_color);
    color: #069;
    animation: blink1 3s linear infinite;
}

@media screen and (min-width:1840px) {
.verticalnavbuttonsdiv {
    left: 30px;
}

.tobottombutton {
    font-size: 1.7rem;
    padding: 18px 15px;
}

.totopbutton {
    font-size: 1.7rem;
    padding: 18px 15px;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.verticalnavbuttonsdiv {
    left: 15px;
}

.tobottombutton {
    font-size: 1.6rem;
    padding: 11px;
}

.totopbutton {
    font-size: 1.6rem;
    padding: 11px;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.verticalnavbuttonsdiv {
    left: 15px;
}

.tobottombutton {
    font-size: 1rem;
    padding: 11px 4px;
}

.totopbutton {
    font-size: 1rem;
    padding: 11px 4px;
}

}
@media screen and (max-width:1199px) and (min-width:1001px) {
.verticalnavbuttonsdiv {
    left: 2px;
}

.tobottombutton {
    font-size: 1rem;
    padding: 10px 4px;
}

.totopbutton {
    font-size: 1rem;
    padding: 10px 4px;
}

}
@media screen and (max-width:1000px) and (min-width:800px) {
.verticalnavbuttonsdiv {
    left: 2px;
}

.tobottombutton {
    font-size: 1rem;
    padding: 12px 4px;
}

.totopbutton {
    font-size: 1rem;
    padding: 12px 4px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.verticalnavbuttonsdiv {
    left: 8px;
    top: 300px;
}

.tobottombutton {
    font-size: 1rem;
    padding: 12px 3px;
}

.totopbutton {
    font-size: 1rem;
    padding: 12px 3px;
}

}
@media screen and (max-width:599px) {
.tobottombutton {
    display: none;
}

.totopbutton {
    display: none;
}

.verticalnavbuttonsdiv {
    display: none;
}

}
b.violet {
    color: #a295f5;
}

.background-ce3d2d2 {
    background-color: #e3d2d2;
}

.italic {
    font-style: italic;
}

.ubuntu-font {
    font-family: ubuntu mono;
}

@media screen and (min-width:1840px) {
.verticalnavbuttonsdiv {
    bottom: 2px;
}

.tobottombutton {
    font-size: 1.6rem;
    padding: 4px 15px;
}

.totopbutton {
    font-size: 1.6rem;
    padding: 4px 15px;
}

}
@media screen and (max-width:1840px) and (min-width:1601px) {
.verticalnavbuttonsdiv {
    left: 2px;
}

.tobottombutton {
    font-size: 1.6rem;
    padding: 4px 15px;
}

.totopbutton {
    font-size: 1.6rem;
    padding: 4px 15px;
}

}
@media screen and (max-width:1600px) and (min-width:1200px) {
.verticalnavbuttonsdiv {
    left: 2px;
}

.tobottombutton {
    font-size: 1rem;
    padding: 4px 11px;
}

.totopbutton {
    font-size: 1rem;
    padding: 4px 11px;
}

}
@media screen and (max-width:800px) and (min-width:600px) {
.verticalnavbuttonsdiv {
    left: 2px;
    top: 300px;
}

.tobottombutton {
    font-size: 1rem;
    padding: 3px 12px;
}

.totopbutton {
    font-size: 1rem;
    padding: 3px 12px;
}

}

/* The aside and right-block navs carry .mt5 in the markup.  Keep the
 * original margin-top: 0 from their own rules; without this later rule the
 * style.css .mt5 utility wins and adds an unintended 5rem. */
.aside_related_block_nav,
.aside_tcont_block_nav,
.r_block_nav {
    margin-top: 0;
}
/* _profile_form.css
 * Profile/teacher rules restored from the newer reference partials.
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.profile-form {
    width: 100%;
    box-sizing: border-box;
    margin: 1.5rem 0;
    padding: 1.2rem 1.4rem;
    border: 1px solid #d5cfd3;
    border-radius: 12px;
    background: #faf8fa;
}

.profile-form label {
    display: block;
    margin: 0 0 .4rem;
    color: var(--main_color);
    font-weight: 700;
}

.profile-form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: .6rem .8rem;
    border: 1px solid #b9b0b6;
    border-radius: 8px;
    font-size: 1rem;
}

.profile-form input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: .6rem .8rem;
    border: 1px solid #b9b0b6;
    border-radius: 8px;
    font-size: 1rem;
}

.profile-form button {
    padding: .7rem 1.6rem;
    border: 1px solid var(--main_color);
    border-radius: 8px;
    background: var(--second_color);
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
}

.profile-form button:hover {
    background: var(--main_color);
    color: var(--second_color);
}

.profile-form .captcha {
    font-size: 1.15rem;
    letter-spacing: .03rem;
}

.profile-notice {
    padding: .8rem 1rem;
    border: 1px solid #e0b4ac;
    border-radius: 8px;
    background: #fdf1ef;
    color: #8a2f23;
}

.profile-saved {
    padding: .8rem 1rem;
    border: 1px solid var(--second_color);
    border-radius: 8px;
    background: #eafaf5;
    color: #1f7a64;
}

@media screen and (max-width:600px) {
.profile-form {
    padding: 1rem;
}

}
/* profile_page.css
 * Profile/teacher rules restored from the newer reference partials.
 * Part of the shared core source set. Edit this file; build
 * target `core` concatenates it into source/core/core.css. */

.profile-section {
    margin: 2.5rem 0;
}

table.teacher-prices {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #d5cfd3;
    border-radius: 12px;
    overflow: hidden;
    margin: 1rem 0 1.5rem;
}

table.teacher-prices caption {
    font-size: 1.2rem;
    color: var(--main_color);
    padding: 0 0 .6rem;
}

table.teacher-prices th {
    background: var(--main_color);
    color: #f0f0f0;
    font-weight: 400;
    padding: .7rem .8rem;
    text-align: left;
}

table.teacher-prices td {
    padding: .7rem .8rem;
    border-top: 1px solid #e6e0e3;
}

table.teacher-prices tr:nth-child(even) td {
    background: #faf7fa;
}

table.teacher-prices td.price {
    text-align: center;
    font-weight: 700;
    color: #1f7a64;
    white-space: nowrap;
}

table.teacher-prices tr:hover td {
    background: #eafaf5;
}

.teacher-contact {
    background: #eafaf5;
    border: 1px solid var(--second_color);
    border-radius: 12px;
    padding: 1rem 1.2rem;
    margin: 1.5rem 0;
}

@media screen and (max-width:600px) {
table.teacher-prices th {
    padding: .5rem;
    font-size: .95rem;
}

table.teacher-prices td {
    padding: .5rem;
    font-size: .95rem;
}

}
/* _colors.css
 * Pure colour classes only (for example .c000000).  Contextual
 * overrides such as .somecode .c000000 stay in _codeblocks.css;
 * terminal-specific colour overrides stay in _terminal.css.
 * Included after core.css and before _terminal.css/_codeblocks.css. */

.caf5f00 {
    color: #af5f00;
}

.c75507b {
    color: #75507b;
}

.c06989a {
    color: #06989a;
}

.c34e2e2 {
    color: #34e2e2;
}

.c3465a4 {
    color: #3465a4;
}

.cfce94f {
    color: #fce94f;
}

.cffd7d7 {
    color: #ffd7d7;
}

.cad7fa8 {
    color: #ad7fa8;
}

.c5fd7ff {
    color: #5fd7ff;
}

.ccc0000 {
    color: #c00;
}

.c4e9a06 {
    color: #4e9a06;
}

.cc4a000 {
    color: #c4a000;
}

.cff0000 {
    color: red;
}

.cff5f00 {
    color: #ff5f00;
}

.cffff00 {
    color: #ff0;
}

.c5fff00 {
    color: #5fff00;
}

.c0000ff {
    color: #00f;
}

.c8700ff {
    color: #8700ff;
}

.cd700af {
    color: #d700af;
}

.cd3d7cf {
    color: #d3d7cf;
}

.c26a269 {
    color: #26a269;
}

.cef2929 {
    color: #ef2929;
}

.c008000 {
    color: green;
}

.c000000 {
    color: #000;
}

.ca31515 {
    color: #a31515;
}

.c6ab825 {
    color: #6ab825;
}

.c447fcf {
    color: #447fcf;
}

.cd0d0d0 {
    color: #d0d0d0;
}

.ced9d13 {
    color: #ed9d13;
}

.c24909d {
    color: #24909d;
}

.c999999 {
    color: #999;
}

.cce5c00 {
    color: #ce5c00;
}

.c204a87 {
    color: #204a87;
}

.c0000cf {
    color: #0000cf;
}

.cfb660a {
    color: #fb660a;
}

.c008800 {
    color: #080;
}

.cff0086 {
    color: #ff0086;
}

.c0086d2 {
    color: #0086d2;
}

.c3677a9 {
    color: #3677a9;
}

.c40ffff {
    color: #40ffff;
}

.c8f5902 {
    color: #8f5902;
}

.c6c71c4 {
    color: #6c71c4;
}

.c93a1a1 {
    color: #93a1a1;
}

.c657b83 {
    color: #657b83;
}

.c33c7de {
    color: #33c7de;
}

.ce9ad0c {
    color: #e9ad0c;
}

.cc061cb {
    color: #c061cb;
}

.ccd2828 {
    color: #cd2828;
}

.c00aaaa {
    color: #0aa;
}

.caa5500 {
    color: #a50;
}

.cfff {
    color: #fff;
}

.c71adff {
    color: #71adff;
}
/* _terminal.css
 * Terminal command and output blocks: .cmdN, .coutN, .pcmdN, .poutN,
 * .cmdoutN, .pcmdoutN, .command and .command2, including their
 * colour overrides.  Language code blocks are in _codeblocks.css;
 * pure colour classes are in _colors.css.
 * Included after core.css and _colors.css. */

.cmd1 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd10 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd2 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd3 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd4 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd5 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd8 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.command {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd1 {
    width: 100%;
    margin-top: 1rem;
}

.cmdout1 {
    width: 100%;
    margin-top: 1rem;
}

.cout1 {
    width: 100%;
    margin-top: 1rem;
}

.cmd2 {
    width: 100%;
    margin-top: 2rem;
}

.cmdout2 {
    width: 100%;
    margin-top: 2rem;
}

.cout2 {
    width: 100%;
    margin-top: 2rem;
}

.cmd3 {
    width: 100%;
    margin-top: 3rem;
}

.cmdout3 {
    width: 100%;
    margin-top: 3rem;
}

.cout3 {
    width: 100%;
    margin-top: 3rem;
}

.cmd4 {
    width: 100%;
    margin-top: 4rem;
}

.cmdout4 {
    width: 100%;
    margin-top: 4rem;
}

.cout4 {
    width: 100%;
    margin-top: 4rem;
}

.cmd5 {
    width: 100%;
    margin-top: 5rem;
}

.cmdout5 {
    width: 100%;
    margin-top: 5rem;
}

.cout5 {
    width: 100%;
    margin-top: 5rem;
}

.cmd8 {
    width: 100%;
    margin-top: 8rem;
}

.cmdout8 {
    width: 100%;
    margin-top: 8rem;
}

.cout8 {
    width: 100%;
    margin-top: 8rem;
}

.cmd10 {
    width: 100%;
    margin-top: 10rem;
}

.cmdout10 {
    width: 100%;
    margin-top: 10rem;
}

.cout10 {
    width: 100%;
    margin-top: 10rem;
}

@media screen and (min-width:1840px) {
.command2 {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmdout {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmdout {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.cmdout {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.cmdout {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cout1 {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cout2 {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.cmd1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd10 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd3 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd4 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd5 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd8 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmdout .cout1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.command {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.cmd1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd10 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd3 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd4 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd5 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd8 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmdout {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.command {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.cmd1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd10 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd3 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd4 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd5 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd8 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmdout {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.command {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.cmd1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd10 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd3 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd4 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd5 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd8 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmdout {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.command {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cout1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cout2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.command2 {
    font-family: verdana,arial;
    text-align: left;
    overflow: hidden;
    border: solid 1px #333;
    text-indent: 0;
}

.cmd1 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd10 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd2 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd3 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd4 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd5 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd8 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmdout {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.command {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cout1 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cout2 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.cmd1 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd10 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd2 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd3 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd4 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd5 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd8 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmdout {
    padding: 0 1rem 1.5rem 1rem;
}

.command {
    padding: 0 1rem 1.5rem 1rem;
}

.cout1 {
    padding: 0 1rem 1.5rem 1rem;
}

.cout2 {
    padding: 0 1rem 1.5rem 1rem;
}

.cmd10:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmd1:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmd2:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmd3:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmd4:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmd5:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmdout:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.command:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cout1:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cout2:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.cmd10:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.cmd1:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.cmd2:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.cmd3:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.cmd4:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.cmd5:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.command:before {
    content: "Terminal Input ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--main_color);
}

.cmdout {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cout1 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cout10 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cout2 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cout3 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cout5 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cout8 {
    color: #c5c8c6;
    background: #000;
    overflow: auto;
}

.cmd1 .blue {
    color: #0d85fc;
}

.cmd10 .blue {
    color: #0d85fc;
}

.cmd2 .blue {
    color: #0d85fc;
}

.cmd3 .blue {
    color: #0d85fc;
}

.cmd4 .blue {
    color: #0d85fc;
}

.cmd5 .blue {
    color: #0d85fc;
}

.cmd8 .blue {
    color: #0d85fc;
}

.cmdout .blue {
    color: #0d85fc;
}

.command .blue {
    color: #0d85fc;
}

.cout1 .blue {
    color: #0d85fc;
}

.cout10 .blue {
    color: #0d85fc;
}

.cout2 .blue {
    color: #0d85fc;
}

.cout3 .blue {
    color: #0d85fc;
}

.cout5 .blue {
    color: #0d85fc;
}

.cout8 .blue {
    color: #0d85fc;
}

.cmdout .lightblue {
    color: #6ee4ff;
}

.cout1 .lightblue {
    color: #6ee4ff;
}

.cout10 .lightblue {
    color: #6ee4ff;
}

.cout2 .lightblue {
    color: #6ee4ff;
}

.cout3 .lightblue {
    color: #6ee4ff;
}

.cout5 .lightblue {
    color: #6ee4ff;
}

.cout8 .lightblue {
    color: #6ee4ff;
}

.cmdout:before {
    content: "Terminal Output ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--second_color);
}

.cout1:before {
    content: "Terminal Output ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--second_color);
}

.cout2:before {
    content: "Terminal Output ";
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid var(--second_color);
}

.cmd1 a {
    color: #fff;
}

.cmd10 a {
    color: #fff;
}

.cmd2 a {
    color: #fff;
}

.cmd3 a {
    color: #fff;
}

.cmd4 a {
    color: #fff;
}

.cmd5 a {
    color: #fff;
}

.cmdout a {
    color: #fff;
}

.cout1 a {
    color: #fff;
}

.cout2 a {
    color: #fff;
}

.cmd2 a {
    color: var(--second_color);
}

.command a {
    color: var(--second_color);
}

.cmd1 a:hover {
    color: #bd90ae;
}

.command a:hover {
    color: #bd90ae;
}

.cmd1 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd10 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd2 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd3 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd4 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd5 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd8 {
    box-sizing: border-box;
    overflow: auto;
}

.cmdout {
    box-sizing: border-box;
    overflow: auto;
}

.command {
    box-sizing: border-box;
    overflow: auto;
}

.cout1 {
    box-sizing: border-box;
    overflow: auto;
}

.cout2 {
    box-sizing: border-box;
    overflow: auto;
}

@media screen and (min-width:1840px) {
.command2 {
    padding: 15px;
    font-size: 1.4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmdout {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cmdout {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.cout2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.cmdout {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cout1 {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cout2 {
    padding: 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.cmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.command {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.cmd1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd10 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd3 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd4 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd5 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd8 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmdout .cout1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.command {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.cmd1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd10 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd3 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd4 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd5 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd8 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmdout {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.command {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.cmd1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd10 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd3 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd4 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd5 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmd8 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cmdout {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.command {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.cout2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.cmd1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd10 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd3 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd4 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd5 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmd8 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cmdout {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.command {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cout1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.cout2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.cmd1 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd10 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd2 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd3 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd4 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd5 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd8 {
    box-sizing: border-box;
    overflow: auto;
}

.cmdout {
    box-sizing: border-box;
    overflow: auto;
}

.command {
    box-sizing: border-box;
    overflow: auto;
}

.cout1 {
    box-sizing: border-box;
    overflow: auto;
}

.cout2 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd1 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd10 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd2 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd3 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd4 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd5 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd8 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd10:before {
    content: "PowerShell ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--main_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pcmd1:before {
    content: "PowerShell ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--main_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pcmd2:before {
    content: "PowerShell ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--main_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pcmd3:before {
    content: "PowerShell ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--main_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pcmd4:before {
    content: "PowerShell ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--main_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pcmd5:before {
    content: "PowerShell ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--main_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pout1:before {
    content: "PowerShell Output ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--second_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pout2:before {
    content: "PowerShell Output ";
    color: #00003a;
    background-color: #fff;
    border-top: 1px solid var(--second_color_o2);
    border-bottom: 1px solid #f5f5f5;
}

.pout1 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pout10 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pout2 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pout3 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pout5 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pout8 {
    color: #f5f5f5;
    background: #012456;
    overflow: auto;
}

.pcmd1 {
    width: 100%;
    margin-top: 1rem;
}

.pout1 {
    width: 100%;
    margin-top: 1rem;
}

.pcmd2 {
    width: 100%;
    margin-top: 2rem;
}

.pout2 {
    width: 100%;
    margin-top: 2rem;
}

.pcmd3 {
    width: 100%;
    margin-top: 3rem;
}

.pout3 {
    width: 100%;
    margin-top: 3rem;
}

.pcmd4 {
    width: 100%;
    margin-top: 4rem;
}

.pout4 {
    width: 100%;
    margin-top: 4rem;
}

.pcmd5 {
    width: 100%;
    margin-top: 5rem;
}

.pout5 {
    width: 100%;
    margin-top: 5rem;
}

.pcmd8 {
    width: 100%;
    margin-top: 8rem;
}

.pcmdout8 {
    width: 100%;
    margin-top: 8rem;
}

.pout8 {
    width: 100%;
    margin-top: 8rem;
}

.pcmd10 {
    width: 100%;
    margin-top: 10rem;
}

.pcmdout10 {
    width: 100%;
    margin-top: 10rem;
}

.pout10 {
    width: 100%;
    margin-top: 10rem;
}

@media screen and (min-width:1840px) {
.pcmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pout1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pout2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.pcmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pcmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pout1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

.pout2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.pcmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.pcmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.pcmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.pcmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.pcmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.pcmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

.pcmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.pcmd1 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.pcmd10 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.pcmd2 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.pcmd3 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.pcmd4 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.pcmd5 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

.pcmd8 {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.pcmd1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd10 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd3 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd4 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd5 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd8 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmdout .pout1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pout2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.pcmd1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd10 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd3 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd4 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd5 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd8 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pout1 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pout2 {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.pcmd1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd10 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd3 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd4 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd5 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pcmd8 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pout1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

.pout2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.pcmd1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pcmd10 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pcmd2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pcmd3 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pcmd4 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pcmd5 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pcmd8 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pout1 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

.pout2 {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.pcmd1 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd10 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd2 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd3 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd4 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd5 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd8 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pout1 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pout2 {
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 2px;
}

.pcmd1 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd10 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd2 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd3 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd4 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd5 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd8 {
    padding: 0 1rem 1.5rem 1rem;
}

.pout1 {
    padding: 0 1rem 1.5rem 1rem;
}

.pout2 {
    padding: 0 1rem 1.5rem 1rem;
}

.pcmd10:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pcmd1:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pcmd2:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pcmd3:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pcmd4:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pcmd5:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pout1:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pout2:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin: 0 -1rem 1.5rem -1rem;
    box-sizing: border-box;
}

.pcmd1 .blue {
    color: #0d85fc;
}

.pcmd10 .blue {
    color: #0d85fc;
}

.pcmd2 .blue {
    color: #0d85fc;
}

.pcmd3 .blue {
    color: #0d85fc;
}

.pcmd4 .blue {
    color: #0d85fc;
}

.pcmd5 .blue {
    color: #0d85fc;
}

.pcmd8 .blue {
    color: #0d85fc;
}

.pout1 .blue {
    color: #0d85fc;
}

.pout10 .blue {
    color: #0d85fc;
}

.pout2 .blue {
    color: #0d85fc;
}

.pout3 .blue {
    color: #0d85fc;
}

.pout5 .blue {
    color: #0d85fc;
}

.pout8 .blue {
    color: #0d85fc;
}

.pout1 .lightblue {
    color: #6ee4ff;
}

.pout10 .lightblue {
    color: #6ee4ff;
}

.pout2 .lightblue {
    color: #6ee4ff;
}

.pout3 .lightblue {
    color: #6ee4ff;
}

.pout5 .lightblue {
    color: #6ee4ff;
}

.pout8 .lightblue {
    color: #6ee4ff;
}

.pcmd1 a {
    color: #fff;
}

.pcmd10 a {
    color: #fff;
}

.pcmd2 a {
    color: #fff;
}

.pcmd3 a {
    color: #fff;
}

.pcmd4 a {
    color: #fff;
}

.pcmd5 a {
    color: #fff;
}

.pout1 a {
    color: #fff;
}

.pout2 a {
    color: #fff;
}

.pcmd2 a {
    color: var(--second_color);
}

.pcmd1 a:hover {
    color: #bd90ae;
}

.pcmd1 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd10 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd2 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd3 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd4 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd5 {
    box-sizing: border-box;
    overflow: auto;
}

.pcmd8 {
    box-sizing: border-box;
    overflow: auto;
}

.pout1 {
    box-sizing: border-box;
    overflow: auto;
}

.pout2 {
    box-sizing: border-box;
    overflow: auto;
}

.cmd10:before {
    color: var(--forth_color);
    background-color: var(--main_color);
    border-bottom: 1px solid #c5c8c6;
}

.cmd1:before {
    color: var(--forth_color);
    background-color: var(--main_color);
    border-bottom: 1px solid #c5c8c6;
}

.cmd2:before {
    color: var(--forth_color);
    background-color: var(--main_color);
    border-bottom: 1px solid #c5c8c6;
}

.cmd3:before {
    color: var(--forth_color);
    background-color: var(--main_color);
    border-bottom: 1px solid #c5c8c6;
}

.cmd4:before {
    color: var(--forth_color);
    background-color: var(--main_color);
    border-bottom: 1px solid #c5c8c6;
}

.cmd5:before {
    color: var(--forth_color);
    background-color: var(--main_color);
    border-bottom: 1px solid #c5c8c6;
}

.cout1::before {
    color: #c5c8c6;
    background-color: var(--main_color);
    border-bottom: 1px solid var(--forth_color);
}
/* _codeblocks.css
 * Language code blocks (.somecode, .phpcode, .pycode, .yamlfile,
 * .dockerfile, .markdown, .ini, ...), the .incFr* line helpers, and
 * colour overrides scoped to a code block.  Terminal blocks live in
 * _terminal.css and pure colour classes in _colors.css.
 * Included after core.css, _colors.css and _terminal.css. */

.counter {
    counter-reset: line;
}

code {
    counter-increment: line;
}

.incFr2 {
    counter-increment: line 2;
}

.incFr3 {
    counter-increment: line 3;
}

.incFr4 {
    counter-increment: line 4;
}

.incFr5 {
    counter-increment: line 5;
}

.incFr6 {
    counter-increment: line 6;
}

.incFr7 {
    counter-increment: line 7;
}

.incFr8 {
    counter-increment: line 8;
}

.incFr9 {
    counter-increment: line 9;
}

.incFr10 {
    counter-increment: line 10;
}

.incFr11 {
    counter-increment: line 11;
}

.incFr12 {
    counter-increment: line 12;
}

.incFr13 {
    counter-increment: line 13;
}

.incFr14 {
    counter-increment: line 14;
}

.incFr15 {
    counter-increment: line 15;
}

.incFr16 {
    counter-increment: line 16;
}

.incFr17 {
    counter-increment: line 17;
}

.incFr18 {
    counter-increment: line 18;
}

.incFr19 {
    counter-increment: line 19;
}

.incFr20 {
    counter-increment: line 20;
}

.incFr21 {
    counter-increment: line 21;
}

.incFr22 {
    counter-increment: line 22;
}

.incFr23 {
    counter-increment: line 23;
}

.incFr24 {
    counter-increment: line 24;
}

.incFr25 {
    counter-increment: line 25;
}

.incFr26 {
    counter-increment: line 26;
}

.incFr27 {
    counter-increment: line 27;
}

.incFr28 {
    counter-increment: line 28;
}

.incFr29 {
    counter-increment: line 29;
}

.incFr30 {
    counter-increment: line 30;
}

.incFr31 {
    counter-increment: line 31;
}

.incFr32 {
    counter-increment: line 32;
}

.incFr33 {
    counter-increment: line 33;
}

.incFr34 {
    counter-increment: line 34;
}

.incFr35 {
    counter-increment: line 35;
}

.incFr36 {
    counter-increment: line 36;
}

.incFr37 {
    counter-increment: line 37;
}

.incFr38 {
    counter-increment: line 38;
}

.incFr39 {
    counter-increment: line 39;
}

.incFr40 {
    counter-increment: line 40;
}

.incFr41 {
    counter-increment: line 41;
}

.incFr42 {
    counter-increment: line 42;
}

.incFr43 {
    counter-increment: line 43;
}

.incFr44 {
    counter-increment: line 44;
}

.incFr45 {
    counter-increment: line 45;
}

.incFr50 {
    counter-increment: line 50;
}

.incFr55 {
    counter-increment: line 55;
}

.incFr57 {
    counter-increment: line 57;
}

.incFr60 {
    counter-increment: line 60;
}

.incFr65 {
    counter-increment: line 65;
}

.incFr70 {
    counter-increment: line 70;
}

.incFr75 {
    counter-increment: line 75;
}

.incFr80 {
    counter-increment: line 80;
}

.incFr85 {
    counter-increment: line 85;
}

.incFr90 {
    counter-increment: line 90;
}

.incFr95 {
    counter-increment: line 95;
}

.incFr100 {
    counter-increment: line 100;
}

.incFr150 {
    counter-increment: line 150;
}

.incFr165 {
    counter-increment: line 165;
}

.incFr193 {
    counter-increment: line 193;
}

.incFr194 {
    counter-increment: line 194;
}

.incFr200 {
    counter-increment: line 200;
}

.incFr212 {
    counter-increment: line 212;
}

.incFr226 {
    counter-increment: line 226;
}

.incFr230 {
    counter-increment: line 230;
}

.incFr240 {
    counter-increment: line 240;
}

.incFr1000 {
    counter-increment: line 1000;
}

.incFr2000 {
    counter-increment: line 2000;
}

.incFr10000 {
    counter-increment: line 10000;
}

.incFr100000 {
    counter-increment: line 100000;
}

.incFr100500 {
    counter-increment: line 100500;
}

.incFr1000000 {
    counter-increment: line 1000000;
}

.incFr10000000 {
    counter-increment: line 10000000;
}

.br-counter br {
    counter-increment: line;
}

.br-counter br:before {
    content: counter(line,decimal-leading-zero);
    color: #1d1f21;
    background: #c5c8c6;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .5rem;
}

.br-counter br:before {
    --webkit-user-select: none;
    --moz-user-select: none;
    --ms-user-select: none;
}

@media screen and (min-width:601px) and (max-width:800px) {
code:before {
    font-size: 1rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
code:before {
    font-size: .9rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
.somecode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.somecode a {
    color: var(--second_color);
}

.somecode a:hover {
    color: #bd90ae;
}

.somecode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -.6rem;
    margin-bottom: 1rem;
    margin-left: -.6rem;
    content: "Код / Code ";
    background-color: #1d1f21;
    color: #c5c8c6;
    border-bottom: 1px solid var(--second_color);
    opacity: .7;
    width: 100%;
}

@media screen and (min-width:1840px) {
.somecode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.somecode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.somecode {
    padding: 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.somecode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.somecode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

code:before {
    font-size: 1rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.somecode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

code:before {
    font-size: .9rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.somecode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

code:before {
    font-size: .9rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
@media screen and (max-width:310px) {
.somecode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.somecode .blue {
    color: #0d85fc;
}

.somecode .oldblue {
    color: #33fbdc;
}

.somecode .salad {
    color: #33fbdc;
}

.somecode .lightblue {
    color: #6ee4ff;
}

.somecode .yellow {
    color: #f5ef7f;
}

.somecode .orange {
    color: #f27e02;
}

.somecode .darkorange {
    color: #8a3900;
}

.somecode .violet {
    color: #a295f5;
}

.somecode .green {
    color: #7cba5b;
}

.somecode .grey {
    color: #686868;
}

.somecode .c000000 {
    color: #c5c8c6;
}

.somecode .c008000 {
    color: green;
}

.somecode .ca31515 {
    color: #e44;
}

.somecode .c0000ff {
    color: #00a2ff;
}

.somecode .c204a87 {
    color: #6794d6;
}

.somecode .c0000cf {
    color: #6262fd;
}

.br-counter br:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.phpcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.phpcode a {
    color: var(--second_color);
}

.phpcode a:hover {
    color: #bd90ae;
}

.phpcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "PHP ";
    background-color: #b0b3d6;
    color: #000;
    border-bottom: 1px solid #474a8a;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.phpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.phpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.phpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.phpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.phpcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.phpcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.phpcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.phpcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.phpcode .blue {
    color: #0d85fc;
}

.phpcode .oldblue {
    color: #33fbdc;
}

.phpcode .salad {
    color: #33fbdc;
}

.phpcode .lightblue {
    color: #6ee4ff;
}

.phpcode .yellow {
    color: #f5ef7f;
}

.phpcode .orange {
    color: #f27e02;
}

.phpcode .darkorange {
    color: #8a3900;
}

.phpcode .violet {
    color: #a295f5;
}

.phpcode .green {
    color: #31b393;
}

.phpcode .grey {
    color: #686868;
}

.phpcode .c000000 {
    color: #c5c8c6;
}

.phpcode .c008000 {
    color: green;
}

.phpcode .ca31515 {
    color: #e44;
}

.phpcode .c0000ff {
    color: #00a2ff;
}

.phpcode .c204a87 {
    color: #6794d6;
}

.phpcode .c0000cf {
    color: #6262fd;
}

.pycode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.pycode a {
    color: var(--second_color);
}

.pycode a:hover {
    color: #bd90ae;
}

.pycode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Python ";
    background-color: #646464;
    color: #ffde57;
    border-bottom: 1px solid #4584b6;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.pycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.pycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.pycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.pycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.pycode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.pycode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.pycode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.pycode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.pycode .blue {
    color: #0d85fc;
}

.pycode .oldblue {
    color: #33fbdc;
}

.pycode .salad {
    color: #33fbdc;
}

.pycode .lightblue {
    color: #6ee4ff;
}

.pycode .yellow {
    color: #f5ef7f;
}

.pycode .orange {
    color: #f27e02;
}

.pycode .darkorange {
    color: #8a3900;
}

.pycode .violet {
    color: #a295f5;
}

.pycode .green {
    color: #31b393;
}

.pycode .grey {
    color: #686868;
}

.pycode .c000000 {
    color: #c5c8c6;
}

.pycode .c008000 {
    color: green;
}

.pycode .ca31515 {
    color: #e44;
}

.pycode .c0000ff {
    color: #00a2ff;
}

.pycode .c204a87 {
    color: #6794d6;
}

.pycode .c0000cf {
    color: #6262fd;
}

.shellscript {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.shellscript a {
    color: var(--second_color);
}

.shellscript a:hover {
    color: #bd90ae;
}

.shellscript:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Shell ";
    background-color: #000;
    color: #7cba5b;
    border-bottom: 1px solid #7cba5b;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.shellscript {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.shellscript {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.shellscript {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.shellscript {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.shellscript {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.shellscript {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.shellscript {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.shellscript {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.shellscript .blue {
    color: #0d85fc;
}

.shellscript .oldblue {
    color: #33fbdc;
}

.shellscript .salad {
    color: #33fbdc;
}

.shellscript .lightblue {
    color: #6ee4ff;
}

.shellscript .yellow {
    color: #f5ef7f;
}

.shellscript .orange {
    color: #f27e02;
}

.shellscript .darkorange {
    color: #8a3900;
}

.shellscript .violet {
    color: #a295f5;
}

.shellscript .green {
    color: #31b393;
}

.shellscript .grey {
    color: #686868;
}

.shellscript .c000000 {
    color: #c5c8c6;
}

.shellscript .c008000 {
    color: green;
}

.shellscript .ca31515 {
    color: #e44;
}

.shellscript .c0000ff {
    color: #00a2ff;
}

.shellscript .c204a87 {
    color: #6794d6;
}

.shellscript .c0000cf {
    color: #6262fd;
}

.jsoncode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.jsoncode a {
    color: var(--second_color);
}

.jsoncode a:hover {
    color: #bd90ae;
}

.jsoncode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "JSON ";
    background-color: #0d3b66;
    color: #f4d35f;
    border-bottom: 1px solid #f4d35f;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.jsoncode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.jsoncode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.jsoncode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.jsoncode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.jsoncode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.jsoncode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.jsoncode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.jsoncode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.jsoncode .blue {
    color: #0d85fc;
}

.jsoncode .oldblue {
    color: #33fbdc;
}

.jsoncode .salad {
    color: #33fbdc;
}

.jsoncode .lightblue {
    color: #6ee4ff;
}

.jsoncode .yellow {
    color: #f5ef7f;
}

.jsoncode .orange {
    color: #f27e02;
}

.jsoncode .darkorange {
    color: #8a3900;
}

.jsoncode .violet {
    color: #a295f5;
}

.jsoncode .green {
    color: #31b393;
}

.jsoncode .grey {
    color: #686868;
}

.jsoncode .c000000 {
    color: #c5c8c6;
}

.jsoncode .c008000 {
    color: green;
}

.jsoncode .ca31515 {
    color: #e44;
}

.jsoncode .c0000ff {
    color: #00a2ff;
}

.jsoncode .c204a87 {
    color: #6794d6;
}

.jsoncode .c0000cf {
    color: #6262fd;
}

.course_skeleton {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.course_skeleton a {
    color: var(--second_color);
}

.course_skeleton a:hover {
    color: #bd90ae;
}

@media screen and (min-width:1840px) {
.course_skeleton {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.course_skeleton {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.course_skeleton {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.course_skeleton {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.course_skeleton {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.course_skeleton {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.course_skeleton {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.course_skeleton {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.course_skeleton .blue {
    color: #0d85fc;
}

.course_skeleton .oldblue {
    color: #33fbdc;
}

.course_skeleton .salad {
    color: #33fbdc;
}

.course_skeleton .lightblue {
    color: #6ee4ff;
}

.course_skeleton .yellow {
    color: #f5ef7f;
}

.course_skeleton .orange {
    color: #f27e02;
}

.course_skeleton .darkorange {
    color: #8a3900;
}

.course_skeleton .violet {
    color: #a295f5;
}

.course_skeleton .green {
    color: #31b393;
}

.course_skeleton .grey {
    color: #686868;
}

.course_skeleton .c000000 {
    color: #c5c8c6;
}

.course_skeleton .c008000 {
    color: green;
}

.course_skeleton .ca31515 {
    color: #e44;
}

.course_skeleton .c0000ff {
    color: #00a2ff;
}

.course_skeleton .c204a87 {
    color: #6794d6;
}

.course_skeleton .c0000cf {
    color: #6262fd;
}

.rubycode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.rubycode a {
    color: var(--second_color);
}

.rubycode a:hover {
    color: #bd90ae;
}

.rubycode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Ruby ";
    background-color: #cc342d;
    color: #ffffff;
    border-bottom: 1px solid #820c02;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.rubycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.rubycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.rubycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.rubycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.rubycode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.rubycode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.rubycode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.rubycode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.rubycode .blue {
    color: #0d85fc;
}

.rubycode .oldblue {
    color: #33fbdc;
}

.rubycode .salad {
    color: #33fbdc;
}

.rubycode .lightblue {
    color: #6ee4ff;
}

.rubycode .yellow {
    color: #f5ef7f;
}

.rubycode .orange {
    color: #f27e02;
}

.rubycode .darkorange {
    color: #8a3900;
}

.rubycode .violet {
    color: #a295f5;
}

.rubycode .green {
    color: #31b393;
}

.rubycode .grey {
    color: #686868;
}

.rubycode .c000000 {
    color: #c5c8c6;
}

.rubycode .c008000 {
    color: green;
}

.rubycode .ca31515 {
    color: #e44;
}

.rubycode .c0000ff {
    color: #00a2ff;
}

.rubycode .c204a87 {
    color: #6794d6;
}

.rubycode .c0000cf {
    color: #6262fd;
}

.asmcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.asmcode a {
    color: var(--second_color);
}

.asmcode a:hover {
    color: #bd90ae;
}

.asmcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "ASM ";
    background-color: #4a4a4a;
    color: #00e676;
    border-bottom: 1px solid #00e676;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.asmcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.asmcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.asmcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.asmcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.asmcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.asmcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.asmcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.asmcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.asmcode .blue {
    color: #0d85fc;
}

.asmcode .oldblue {
    color: #33fbdc;
}

.asmcode .salad {
    color: #33fbdc;
}

.asmcode .lightblue {
    color: #6ee4ff;
}

.asmcode .yellow {
    color: #f5ef7f;
}

.asmcode .orange {
    color: #f27e02;
}

.asmcode .darkorange {
    color: #8a3900;
}

.asmcode .violet {
    color: #a295f5;
}

.asmcode .green {
    color: #31b393;
}

.asmcode .grey {
    color: #686868;
}

.asmcode .c000000 {
    color: #c5c8c6;
}

.asmcode .c008000 {
    color: green;
}

.asmcode .ca31515 {
    color: #e44;
}

.asmcode .c0000ff {
    color: #00a2ff;
}

.asmcode .c204a87 {
    color: #6794d6;
}

.asmcode .c0000cf {
    color: #6262fd;
}

.cobolcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.cobolcode a {
    color: var(--second_color);
}

.cobolcode a:hover {
    color: #bd90ae;
}

.cobolcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "COBOL ";
    background-color: #1b3a5c;
    color: #ffffff;
    border-bottom: 1px solid #7fb3e8;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.cobolcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.cobolcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.cobolcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.cobolcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.cobolcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.cobolcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.cobolcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.cobolcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.cobolcode .blue {
    color: #0d85fc;
}

.cobolcode .oldblue {
    color: #33fbdc;
}

.cobolcode .salad {
    color: #33fbdc;
}

.cobolcode .lightblue {
    color: #6ee4ff;
}

.cobolcode .yellow {
    color: #f5ef7f;
}

.cobolcode .orange {
    color: #f27e02;
}

.cobolcode .darkorange {
    color: #8a3900;
}

.cobolcode .violet {
    color: #a295f5;
}

.cobolcode .green {
    color: #31b393;
}

.cobolcode .grey {
    color: #686868;
}

.cobolcode .c000000 {
    color: #c5c8c6;
}

.cobolcode .c008000 {
    color: green;
}

.cobolcode .ca31515 {
    color: #e44;
}

.cobolcode .c0000ff {
    color: #00a2ff;
}

.cobolcode .c204a87 {
    color: #6794d6;
}

.cobolcode .c0000cf {
    color: #6262fd;
}

.ccode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.ccode a {
    color: var(--second_color);
}

.ccode a:hover {
    color: #bd90ae;
}

.ccode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "C ";
    background-color: #283593;
    color: #ffffff;
    border-bottom: 1px solid #9fa8da;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.ccode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.ccode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.ccode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.ccode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.ccode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.ccode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.ccode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.ccode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.ccode .blue {
    color: #0d85fc;
}

.ccode .oldblue {
    color: #33fbdc;
}

.ccode .salad {
    color: #33fbdc;
}

.ccode .lightblue {
    color: #6ee4ff;
}

.ccode .yellow {
    color: #f5ef7f;
}

.ccode .orange {
    color: #f27e02;
}

.ccode .darkorange {
    color: #8a3900;
}

.ccode .violet {
    color: #a295f5;
}

.ccode .green {
    color: #31b393;
}

.ccode .grey {
    color: #686868;
}

.ccode .c000000 {
    color: #c5c8c6;
}

.ccode .c008000 {
    color: green;
}

.ccode .ca31515 {
    color: #e44;
}

.ccode .c0000ff {
    color: #00a2ff;
}

.ccode .c204a87 {
    color: #6794d6;
}

.ccode .c0000cf {
    color: #6262fd;
}

.cppcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.cppcode a {
    color: var(--second_color);
}

.cppcode a:hover {
    color: #bd90ae;
}

.cppcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "C++ ";
    background-color: #00599c;
    color: #ffffff;
    border-bottom: 1px solid #659ad2;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.cppcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.cppcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.cppcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.cppcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.cppcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.cppcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.cppcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.cppcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.cppcode .blue {
    color: #0d85fc;
}

.cppcode .oldblue {
    color: #33fbdc;
}

.cppcode .salad {
    color: #33fbdc;
}

.cppcode .lightblue {
    color: #6ee4ff;
}

.cppcode .yellow {
    color: #f5ef7f;
}

.cppcode .orange {
    color: #f27e02;
}

.cppcode .darkorange {
    color: #8a3900;
}

.cppcode .violet {
    color: #a295f5;
}

.cppcode .green {
    color: #31b393;
}

.cppcode .grey {
    color: #686868;
}

.cppcode .c000000 {
    color: #c5c8c6;
}

.cppcode .c008000 {
    color: green;
}

.cppcode .ca31515 {
    color: #e44;
}

.cppcode .c0000ff {
    color: #00a2ff;
}

.cppcode .c204a87 {
    color: #6794d6;
}

.cppcode .c0000cf {
    color: #6262fd;
}

.dotnetcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.dotnetcode a {
    color: var(--second_color);
}

.dotnetcode a:hover {
    color: #bd90ae;
}

.dotnetcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: ".NET ";
    background-color: #512bd4;
    color: #ffffff;
    border-bottom: 1px solid #3a1fa3;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.dotnetcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.dotnetcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.dotnetcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.dotnetcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.dotnetcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.dotnetcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.dotnetcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.dotnetcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.dotnetcode .blue {
    color: #0d85fc;
}

.dotnetcode .oldblue {
    color: #33fbdc;
}

.dotnetcode .salad {
    color: #33fbdc;
}

.dotnetcode .lightblue {
    color: #6ee4ff;
}

.dotnetcode .yellow {
    color: #f5ef7f;
}

.dotnetcode .orange {
    color: #f27e02;
}

.dotnetcode .darkorange {
    color: #8a3900;
}

.dotnetcode .violet {
    color: #a295f5;
}

.dotnetcode .green {
    color: #31b393;
}

.dotnetcode .grey {
    color: #686868;
}

.dotnetcode .c000000 {
    color: #c5c8c6;
}

.dotnetcode .c008000 {
    color: green;
}

.dotnetcode .ca31515 {
    color: #e44;
}

.dotnetcode .c0000ff {
    color: #00a2ff;
}

.dotnetcode .c204a87 {
    color: #6794d6;
}

.dotnetcode .c0000cf {
    color: #6262fd;
}

.elixircode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.elixircode a {
    color: var(--second_color);
}

.elixircode a:hover {
    color: #bd90ae;
}

.elixircode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Elixir ";
    background-color: #4b2750;
    color: #ffffff;
    border-bottom: 1px solid #8e4b96;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.elixircode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.elixircode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.elixircode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.elixircode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.elixircode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.elixircode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.elixircode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.elixircode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.elixircode .blue {
    color: #0d85fc;
}

.elixircode .oldblue {
    color: #33fbdc;
}

.elixircode .salad {
    color: #33fbdc;
}

.elixircode .lightblue {
    color: #6ee4ff;
}

.elixircode .yellow {
    color: #f5ef7f;
}

.elixircode .orange {
    color: #f27e02;
}

.elixircode .darkorange {
    color: #8a3900;
}

.elixircode .violet {
    color: #a295f5;
}

.elixircode .green {
    color: #31b393;
}

.elixircode .grey {
    color: #686868;
}

.elixircode .c000000 {
    color: #c5c8c6;
}

.elixircode .c008000 {
    color: green;
}

.elixircode .ca31515 {
    color: #e44;
}

.elixircode .c0000ff {
    color: #00a2ff;
}

.elixircode .c204a87 {
    color: #6794d6;
}

.elixircode .c0000cf {
    color: #6262fd;
}

.erlangcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.erlangcode a {
    color: var(--second_color);
}

.erlangcode a:hover {
    color: #bd90ae;
}

.erlangcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Erlang ";
    background-color: #a90533;
    color: #ffffff;
    border-bottom: 1px solid #6e0323;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.erlangcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.erlangcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.erlangcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.erlangcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.erlangcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.erlangcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.erlangcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.erlangcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.erlangcode .blue {
    color: #0d85fc;
}

.erlangcode .oldblue {
    color: #33fbdc;
}

.erlangcode .salad {
    color: #33fbdc;
}

.erlangcode .lightblue {
    color: #6ee4ff;
}

.erlangcode .yellow {
    color: #f5ef7f;
}

.erlangcode .orange {
    color: #f27e02;
}

.erlangcode .darkorange {
    color: #8a3900;
}

.erlangcode .violet {
    color: #a295f5;
}

.erlangcode .green {
    color: #31b393;
}

.erlangcode .grey {
    color: #686868;
}

.erlangcode .c000000 {
    color: #c5c8c6;
}

.erlangcode .c008000 {
    color: green;
}

.erlangcode .ca31515 {
    color: #e44;
}

.erlangcode .c0000ff {
    color: #00a2ff;
}

.erlangcode .c204a87 {
    color: #6794d6;
}

.erlangcode .c0000cf {
    color: #6262fd;
}

.fortrancode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.fortrancode a {
    color: var(--second_color);
}

.fortrancode a:hover {
    color: #bd90ae;
}

.fortrancode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Fortran ";
    background-color: #734f96;
    color: #ffffff;
    border-bottom: 1px solid #4d3368;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.fortrancode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.fortrancode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.fortrancode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.fortrancode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.fortrancode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.fortrancode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.fortrancode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.fortrancode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.fortrancode .blue {
    color: #0d85fc;
}

.fortrancode .oldblue {
    color: #33fbdc;
}

.fortrancode .salad {
    color: #33fbdc;
}

.fortrancode .lightblue {
    color: #6ee4ff;
}

.fortrancode .yellow {
    color: #f5ef7f;
}

.fortrancode .orange {
    color: #f27e02;
}

.fortrancode .darkorange {
    color: #8a3900;
}

.fortrancode .violet {
    color: #a295f5;
}

.fortrancode .green {
    color: #31b393;
}

.fortrancode .grey {
    color: #686868;
}

.fortrancode .c000000 {
    color: #c5c8c6;
}

.fortrancode .c008000 {
    color: green;
}

.fortrancode .ca31515 {
    color: #e44;
}

.fortrancode .c0000ff {
    color: #00a2ff;
}

.fortrancode .c204a87 {
    color: #6794d6;
}

.fortrancode .c0000cf {
    color: #6262fd;
}

.gocode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.gocode a {
    color: var(--second_color);
}

.gocode a:hover {
    color: #bd90ae;
}

.gocode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Go ";
    background-color: #00add8;
    color: #ffffff;
    border-bottom: 1px solid #007d9c;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.gocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.gocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.gocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.gocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.gocode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.gocode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.gocode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.gocode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.gocode .blue {
    color: #0d85fc;
}

.gocode .oldblue {
    color: #33fbdc;
}

.gocode .salad {
    color: #33fbdc;
}

.gocode .lightblue {
    color: #6ee4ff;
}

.gocode .yellow {
    color: #f5ef7f;
}

.gocode .orange {
    color: #f27e02;
}

.gocode .darkorange {
    color: #8a3900;
}

.gocode .violet {
    color: #a295f5;
}

.gocode .green {
    color: #31b393;
}

.gocode .grey {
    color: #686868;
}

.gocode .c000000 {
    color: #c5c8c6;
}

.gocode .c008000 {
    color: green;
}

.gocode .ca31515 {
    color: #e44;
}

.gocode .c0000ff {
    color: #00a2ff;
}

.gocode .c204a87 {
    color: #6794d6;
}

.gocode .c0000cf {
    color: #6262fd;
}

.groovycode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.groovycode a {
    color: var(--second_color);
}

.groovycode a:hover {
    color: #bd90ae;
}

.groovycode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Groovy ";
    background-color: #4298b8;
    color: #ffffff;
    border-bottom: 1px solid #2a6b84;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.groovycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.groovycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.groovycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.groovycode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.groovycode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.groovycode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.groovycode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.groovycode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.groovycode .blue {
    color: #0d85fc;
}

.groovycode .oldblue {
    color: #33fbdc;
}

.groovycode .salad {
    color: #33fbdc;
}

.groovycode .lightblue {
    color: #6ee4ff;
}

.groovycode .yellow {
    color: #f5ef7f;
}

.groovycode .orange {
    color: #f27e02;
}

.groovycode .darkorange {
    color: #8a3900;
}

.groovycode .violet {
    color: #a295f5;
}

.groovycode .green {
    color: #31b393;
}

.groovycode .grey {
    color: #686868;
}

.groovycode .c000000 {
    color: #c5c8c6;
}

.groovycode .c008000 {
    color: green;
}

.groovycode .ca31515 {
    color: #e44;
}

.groovycode .c0000ff {
    color: #00a2ff;
}

.groovycode .c204a87 {
    color: #6794d6;
}

.groovycode .c0000cf {
    color: #6262fd;
}

.javacode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.javacode a {
    color: var(--second_color);
}

.javacode a:hover {
    color: #bd90ae;
}

.javacode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Java ";
    background-color: #5382a1;
    color: #ffffff;
    border-bottom: 1px solid #f89820;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.javacode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.javacode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.javacode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.javacode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.javacode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.javacode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.javacode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.javacode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.javacode .blue {
    color: #0d85fc;
}

.javacode .oldblue {
    color: #33fbdc;
}

.javacode .salad {
    color: #33fbdc;
}

.javacode .lightblue {
    color: #6ee4ff;
}

.javacode .yellow {
    color: #f5ef7f;
}

.javacode .orange {
    color: #f27e02;
}

.javacode .darkorange {
    color: #8a3900;
}

.javacode .violet {
    color: #a295f5;
}

.javacode .green {
    color: #31b393;
}

.javacode .grey {
    color: #686868;
}

.javacode .c000000 {
    color: #c5c8c6;
}

.javacode .c008000 {
    color: green;
}

.javacode .ca31515 {
    color: #e44;
}

.javacode .c0000ff {
    color: #00a2ff;
}

.javacode .c204a87 {
    color: #6794d6;
}

.javacode .c0000cf {
    color: #6262fd;
}

.jscode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.jscode a {
    color: var(--second_color);
}

.jscode a:hover {
    color: #bd90ae;
}

.jscode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "JavaScript ";
    background-color: #f7df1e;
    color: #000000;
    border-bottom: 1px solid #c2a900;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.jscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.jscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.jscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.jscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.jscode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.jscode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.jscode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.jscode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.jscode .blue {
    color: #0d85fc;
}

.jscode .oldblue {
    color: #33fbdc;
}

.jscode .salad {
    color: #33fbdc;
}

.jscode .lightblue {
    color: #6ee4ff;
}

.jscode .yellow {
    color: #f5ef7f;
}

.jscode .orange {
    color: #f27e02;
}

.jscode .darkorange {
    color: #8a3900;
}

.jscode .violet {
    color: #a295f5;
}

.jscode .green {
    color: #31b393;
}

.jscode .grey {
    color: #686868;
}

.jscode .c000000 {
    color: #c5c8c6;
}

.jscode .c008000 {
    color: green;
}

.jscode .ca31515 {
    color: #e44;
}

.jscode .c0000ff {
    color: #00a2ff;
}

.jscode .c204a87 {
    color: #6794d6;
}

.jscode .c0000cf {
    color: #6262fd;
}

.rustcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.rustcode a {
    color: var(--second_color);
}

.rustcode a:hover {
    color: #bd90ae;
}

.rustcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Rust ";
    background-color: #ce422b;
    color: #ffffff;
    border-bottom: 1px solid #7a1f0e;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.rustcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.rustcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.rustcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.rustcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.rustcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.rustcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.rustcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.rustcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.rustcode .blue {
    color: #0d85fc;
}

.rustcode .oldblue {
    color: #33fbdc;
}

.rustcode .salad {
    color: #33fbdc;
}

.rustcode .lightblue {
    color: #6ee4ff;
}

.rustcode .yellow {
    color: #f5ef7f;
}

.rustcode .orange {
    color: #f27e02;
}

.rustcode .darkorange {
    color: #8a3900;
}

.rustcode .violet {
    color: #a295f5;
}

.rustcode .green {
    color: #31b393;
}

.rustcode .grey {
    color: #686868;
}

.rustcode .c000000 {
    color: #c5c8c6;
}

.rustcode .c008000 {
    color: green;
}

.rustcode .ca31515 {
    color: #e44;
}

.rustcode .c0000ff {
    color: #00a2ff;
}

.rustcode .c204a87 {
    color: #6794d6;
}

.rustcode .c0000cf {
    color: #6262fd;
}

.typescriptcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.typescriptcode a {
    color: var(--second_color);
}

.typescriptcode a:hover {
    color: #bd90ae;
}

.typescriptcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "TypeScript ";
    background-color: #3178c6;
    color: #ffffff;
    border-bottom: 1px solid #235a97;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.typescriptcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.typescriptcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.typescriptcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.typescriptcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.typescriptcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.typescriptcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.typescriptcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.typescriptcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.typescriptcode .blue {
    color: #0d85fc;
}

.typescriptcode .oldblue {
    color: #33fbdc;
}

.typescriptcode .salad {
    color: #33fbdc;
}

.typescriptcode .lightblue {
    color: #6ee4ff;
}

.typescriptcode .yellow {
    color: #f5ef7f;
}

.typescriptcode .orange {
    color: #f27e02;
}

.typescriptcode .darkorange {
    color: #8a3900;
}

.typescriptcode .violet {
    color: #a295f5;
}

.typescriptcode .green {
    color: #31b393;
}

.typescriptcode .grey {
    color: #686868;
}

.typescriptcode .c000000 {
    color: #c5c8c6;
}

.typescriptcode .c008000 {
    color: green;
}

.typescriptcode .ca31515 {
    color: #e44;
}

.typescriptcode .c0000ff {
    color: #00a2ff;
}

.typescriptcode .c204a87 {
    color: #6794d6;
}

.typescriptcode .c0000cf {
    color: #6262fd;
}

.htmlcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.htmlcode a {
    color: var(--second_color);
}

.htmlcode a:hover {
    color: #bd90ae;
}

.htmlcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "HTML ";
    background-color: #e34f26;
    color: #ffffff;
    border-bottom: 1px solid #b93a18;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.htmlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.htmlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.htmlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.htmlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.htmlcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.htmlcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.htmlcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.htmlcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.htmlcode .blue {
    color: #0d85fc;
}

.htmlcode .oldblue {
    color: #33fbdc;
}

.htmlcode .salad {
    color: #33fbdc;
}

.htmlcode .lightblue {
    color: #6ee4ff;
}

.htmlcode .yellow {
    color: #f5ef7f;
}

.htmlcode .orange {
    color: #f27e02;
}

.htmlcode .darkorange {
    color: #8a3900;
}

.htmlcode .violet {
    color: #a295f5;
}

.htmlcode .green {
    color: #31b393;
}

.htmlcode .grey {
    color: #686868;
}

.htmlcode .c000000 {
    color: #c5c8c6;
}

.htmlcode .c008000 {
    color: green;
}

.htmlcode .ca31515 {
    color: #e44;
}

.htmlcode .c0000ff {
    color: #00a2ff;
}

.htmlcode .c204a87 {
    color: #6794d6;
}

.htmlcode .c0000cf {
    color: #6262fd;
}

.csscode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.csscode a {
    color: var(--second_color);
}

.csscode a:hover {
    color: #bd90ae;
}

.csscode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "CSS ";
    background-color: #2965f1;
    color: #ffffff;
    border-bottom: 1px solid #1d4fb8;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.csscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.csscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.csscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.csscode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.csscode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.csscode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.csscode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.csscode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.csscode .blue {
    color: #0d85fc;
}

.csscode .oldblue {
    color: #33fbdc;
}

.csscode .salad {
    color: #33fbdc;
}

.csscode .lightblue {
    color: #6ee4ff;
}

.csscode .yellow {
    color: #f5ef7f;
}

.csscode .orange {
    color: #f27e02;
}

.csscode .darkorange {
    color: #8a3900;
}

.csscode .violet {
    color: #a295f5;
}

.csscode .green {
    color: #31b393;
}

.csscode .grey {
    color: #686868;
}

.csscode .c000000 {
    color: #c5c8c6;
}

.csscode .c008000 {
    color: green;
}

.csscode .ca31515 {
    color: #e44;
}

.csscode .c0000ff {
    color: #00a2ff;
}

.csscode .c204a87 {
    color: #6794d6;
}

.csscode .c0000cf {
    color: #6262fd;
}

.perlcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.perlcode a {
    color: var(--second_color);
}

.perlcode a:hover {
    color: #bd90ae;
}

.perlcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Perl ";
    background-color: #39457e;
    color: #ffffff;
    border-bottom: 1px solid #232a4d;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.perlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.perlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.perlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.perlcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.perlcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.perlcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.perlcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.perlcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.perlcode .blue {
    color: #0d85fc;
}

.perlcode .oldblue {
    color: #33fbdc;
}

.perlcode .salad {
    color: #33fbdc;
}

.perlcode .lightblue {
    color: #6ee4ff;
}

.perlcode .yellow {
    color: #f5ef7f;
}

.perlcode .orange {
    color: #f27e02;
}

.perlcode .darkorange {
    color: #8a3900;
}

.perlcode .violet {
    color: #a295f5;
}

.perlcode .green {
    color: #31b393;
}

.perlcode .grey {
    color: #686868;
}

.perlcode .c000000 {
    color: #c5c8c6;
}

.perlcode .c008000 {
    color: green;
}

.perlcode .ca31515 {
    color: #e44;
}

.perlcode .c0000ff {
    color: #00a2ff;
}

.perlcode .c204a87 {
    color: #6794d6;
}

.perlcode .c0000cf {
    color: #6262fd;
}

.thriftcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.thriftcode a {
    color: var(--second_color);
}

.thriftcode a:hover {
    color: #bd90ae;
}

.thriftcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Thrift ";
    background-color: #6b5b2e;
    color: #ffffff;
    border-bottom: 1px solid #4a3e1d;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.thriftcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.thriftcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.thriftcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.thriftcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.thriftcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.thriftcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.thriftcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.thriftcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.thriftcode .blue {
    color: #0d85fc;
}

.thriftcode .oldblue {
    color: #33fbdc;
}

.thriftcode .salad {
    color: #33fbdc;
}

.thriftcode .lightblue {
    color: #6ee4ff;
}

.thriftcode .yellow {
    color: #f5ef7f;
}

.thriftcode .orange {
    color: #f27e02;
}

.thriftcode .darkorange {
    color: #8a3900;
}

.thriftcode .violet {
    color: #a295f5;
}

.thriftcode .green {
    color: #31b393;
}

.thriftcode .grey {
    color: #686868;
}

.thriftcode .c000000 {
    color: #c5c8c6;
}

.thriftcode .c008000 {
    color: green;
}

.thriftcode .ca31515 {
    color: #e44;
}

.thriftcode .c0000ff {
    color: #00a2ff;
}

.thriftcode .c204a87 {
    color: #6794d6;
}

.thriftcode .c0000cf {
    color: #6262fd;
}

.csharpcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.csharpcode a {
    color: var(--second_color);
}

.csharpcode a:hover {
    color: #bd90ae;
}

.csharpcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "C# ";
    background-color: #68217a;
    color: #ffffff;
    border-bottom: 1px solid #4a1757;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.csharpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.csharpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.csharpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.csharpcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.csharpcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.csharpcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.csharpcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.csharpcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.csharpcode .blue {
    color: #0d85fc;
}

.csharpcode .oldblue {
    color: #33fbdc;
}

.csharpcode .salad {
    color: #33fbdc;
}

.csharpcode .lightblue {
    color: #6ee4ff;
}

.csharpcode .yellow {
    color: #f5ef7f;
}

.csharpcode .orange {
    color: #f27e02;
}

.csharpcode .darkorange {
    color: #8a3900;
}

.csharpcode .violet {
    color: #a295f5;
}

.csharpcode .green {
    color: #31b393;
}

.csharpcode .grey {
    color: #686868;
}

.csharpcode .c000000 {
    color: #c5c8c6;
}

.csharpcode .c008000 {
    color: green;
}

.csharpcode .ca31515 {
    color: #e44;
}

.csharpcode .c0000ff {
    color: #00a2ff;
}

.csharpcode .c204a87 {
    color: #6794d6;
}

.csharpcode .c0000cf {
    color: #6262fd;
}

.zplcode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.zplcode a {
    color: var(--second_color);
}

.zplcode a:hover {
    color: #bd90ae;
}

.zplcode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "ZPL ";
    background-color: #7b1e1e;
    color: #ffffff;
    border-bottom: 1px solid #e4002b;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.zplcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.zplcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.zplcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.zplcode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.zplcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.zplcode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.zplcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.zplcode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.zplcode .blue {
    color: #0d85fc;
}

.zplcode .oldblue {
    color: #33fbdc;
}

.zplcode .salad {
    color: #33fbdc;
}

.zplcode .lightblue {
    color: #6ee4ff;
}

.zplcode .yellow {
    color: #f5ef7f;
}

.zplcode .orange {
    color: #f27e02;
}

.zplcode .darkorange {
    color: #8a3900;
}

.zplcode .violet {
    color: #a295f5;
}

.zplcode .green {
    color: #31b393;
}

.zplcode .grey {
    color: #686868;
}

.zplcode .c000000 {
    color: #c5c8c6;
}

.zplcode .c008000 {
    color: green;
}

.zplcode .ca31515 {
    color: #e44;
}

.zplcode .c0000ff {
    color: #00a2ff;
}

.zplcode .c204a87 {
    color: #6794d6;
}

.zplcode .c0000cf {
    color: #6262fd;
}

@media screen and (min-width:601px) and (max-width:800px) {
code:before {
    font-size: .9rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
code:before {
    font-size: .9rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
code:before {
    font-size: .8rem;
    margin-left: -.6rem;
    margin-right: .5rem;
    padding: .2rem .4rem;
}

}
.powercode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.powercode a {
    color: var(--second_color);
}

.powercode a:hover {
    color: #bd90ae;
}

.powercode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "PowerShell ";
    background-color: #012456;
    color: #f5f5f5;
    border-bottom: 1px solid #fff;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.powercode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.powercode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.powercode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.powercode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.powercode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.powercode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.powercode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.powercode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.powercode .blue {
    color: #0d85fc;
}

.powercode .oldblue {
    color: #33fbdc;
}

.powercode .salad {
    color: #33fbdc;
}

.powercode .lightblue {
    color: #6ee4ff;
}

.powercode .yellow {
    color: #f5ef7f;
}

.powercode .orange {
    color: #f27e02;
}

.powercode .darkorange {
    color: #8a3900;
}

.powercode .violet {
    color: #a295f5;
}

.powercode .green {
    color: #7cba5b;
}

.powercode .grey {
    color: #686868;
}

.powercode .c000000 {
    color: #c5c8c6;
}

.powercode .c008000 {
    color: green;
}

.powercode .ca31515 {
    color: #e44;
}

.powercode .c0000ff {
    color: #00a2ff;
}

.powercode .c204a87 {
    color: #6794d6;
}

.powercode .c0000cf {
    color: #6262fd;
}

.robocode {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.robocode a {
    color: var(--second_color);
}

.robocode a:hover {
    color: #bd90ae;
}

.robocode:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Robot ";
    background-color: #3bb7ae;
    color: #000;
    border-bottom: 1px solid #fff;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.robocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.robocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.robocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.robocode {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.robocode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.robocode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.robocode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.robocode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.robocode .blue {
    color: #0d85fc;
}

.robocode .oldblue {
    color: #33fbdc;
}

.robocode .salad {
    color: #33fbdc;
}

.robocode .lightblue {
    color: #6ee4ff;
}

.robocode .yellow {
    color: #f5ef7f;
}

.robocode .orange {
    color: #f27e02;
}

.robocode .darkorange {
    color: #8a3900;
}

.robocode .violet {
    color: #a295f5;
}

.robocode .green {
    color: #7cba5b;
}

.robocode .grey {
    color: #686868;
}

.robocode .c000000 {
    color: #c5c8c6;
}

.robocode .c008000 {
    color: green;
}

.robocode .ca31515 {
    color: #e44;
}

.robocode .c0000ff {
    color: #00a2ff;
}

.robocode .c204a87 {
    color: #6794d6;
}

.robocode .c0000cf {
    color: #6262fd;
}

@media screen and (min-width:601px) and (max-width:800px) {
.somecode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.somecode {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.somecode {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}

/* Additional language blocks (2026-10-21) */

.yamlfile {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.yamlfile a {
    color: var(--second_color);
}

.yamlfile a:hover {
    color: #bd90ae;
}

.yamlfile:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "YAML ";
    background-color: #4b2e5e;
    color: #f2d7ff;
    border-bottom: 1px solid #b98ad9;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.yamlfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.yamlfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.yamlfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.yamlfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.yamlfile {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.yamlfile {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.yamlfile {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.yamlfile {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.yamlfile .blue {
    color: #0d85fc;
}

.yamlfile .oldblue {
    color: #33fbdc;
}

.yamlfile .salad {
    color: #33fbdc;
}

.yamlfile .lightblue {
    color: #6ee4ff;
}

.yamlfile .yellow {
    color: #f5ef7f;
}

.yamlfile .orange {
    color: #f27e02;
}

.yamlfile .darkorange {
    color: #8a3900;
}

.yamlfile .violet {
    color: #a295f5;
}

.yamlfile .green {
    color: #31b393;
}

.yamlfile .grey {
    color: #686868;
}

.yamlfile .c000000 {
    color: #c5c8c6;
}

.yamlfile .c008000 {
    color: green;
}

.yamlfile .ca31515 {
    color: #e44;
}

.yamlfile .c0000ff {
    color: #00a2ff;
}

.yamlfile .c204a87 {
    color: #6794d6;
}

.yamlfile .c0000cf {
    color: #6262fd;
}

.dockerfile {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.dockerfile a {
    color: var(--second_color);
}

.dockerfile a:hover {
    color: #bd90ae;
}

.dockerfile:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Dockerfile ";
    background-color: #0b3d66;
    color: #ffffff;
    border-bottom: 1px solid #2496ed;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.dockerfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.dockerfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.dockerfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.dockerfile {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.dockerfile {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.dockerfile {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.dockerfile {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.dockerfile {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.dockerfile .blue {
    color: #0d85fc;
}

.dockerfile .oldblue {
    color: #33fbdc;
}

.dockerfile .salad {
    color: #33fbdc;
}

.dockerfile .lightblue {
    color: #6ee4ff;
}

.dockerfile .yellow {
    color: #f5ef7f;
}

.dockerfile .orange {
    color: #f27e02;
}

.dockerfile .darkorange {
    color: #8a3900;
}

.dockerfile .violet {
    color: #a295f5;
}

.dockerfile .green {
    color: #31b393;
}

.dockerfile .grey {
    color: #686868;
}

.dockerfile .c000000 {
    color: #c5c8c6;
}

.dockerfile .c008000 {
    color: green;
}

.dockerfile .ca31515 {
    color: #e44;
}

.dockerfile .c0000ff {
    color: #00a2ff;
}

.dockerfile .c204a87 {
    color: #6794d6;
}

.dockerfile .c0000cf {
    color: #6262fd;
}

.markdown {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.markdown a {
    color: var(--second_color);
}

.markdown a:hover {
    color: #bd90ae;
}

.markdown:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "Markdown ";
    background-color: #1f3a5f;
    color: #ffffff;
    border-bottom: 1px solid #6ab0f3;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.markdown {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.markdown {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.markdown {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.markdown {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.markdown {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.markdown {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.markdown {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.markdown {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.markdown .blue {
    color: #0d85fc;
}

.markdown .oldblue {
    color: #33fbdc;
}

.markdown .salad {
    color: #33fbdc;
}

.markdown .lightblue {
    color: #6ee4ff;
}

.markdown .yellow {
    color: #f5ef7f;
}

.markdown .orange {
    color: #f27e02;
}

.markdown .darkorange {
    color: #8a3900;
}

.markdown .violet {
    color: #a295f5;
}

.markdown .green {
    color: #31b393;
}

.markdown .grey {
    color: #686868;
}

.markdown .c000000 {
    color: #c5c8c6;
}

.markdown .c008000 {
    color: green;
}

.markdown .ca31515 {
    color: #e44;
}

.markdown .c0000ff {
    color: #00a2ff;
}

.markdown .c204a87 {
    color: #6794d6;
}

.markdown .c0000cf {
    color: #6262fd;
}

.ini {
    color: #c5c8c6;
    background: #1d1f21;
    text-indent: 0;
    text-align: left;
    font-family: sfmono-regular,menlo,monaco,consolas,liberation mono,"Courier New",monospace;
    border-radius: 3px;
    counter-reset: line;
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    overflow: auto;
}

.ini a {
    color: var(--second_color);
}

.ini a:hover {
    color: #bd90ae;
}

.ini:before {
    font-size: 1rem;
    text-align: right;
    display: block;
    padding: 0 .5rem 0 0;
    margin-top: 0;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
    margin-left: -1rem;
    content: "INI ";
    background-color: #5a4b2a;
    color: #f5deb3;
    border-bottom: 1px solid #d2b48c;
    opacity: .7;
}

@media screen and (min-width:1840px) {
.ini {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1200px) and (max-width:1839px) {
.ini {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.2rem;
}

}
@media screen and (min-width:1001px) and (max-width:1199px) {
.ini {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
}

}
@media screen and (min-width:801px) and (max-width:1000px) {
.ini {
    padding: 0 .6rem 1rem .6rem;
    font-size: 1.1rem;
    box-shadow: 0 3px 4px;
}

}
@media screen and (min-width:601px) and (max-width:800px) {
.ini {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (min-width:361px) and (max-width:600px) {
.ini {
    box-shadow: 0 3px 4px;
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0;
}

}
@media screen and (min-width:311px) and (max-width:360px) {
.ini {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1rem;
}

}
@media screen and (max-width:310px) {
.ini {
    padding: 0 .5rem 1rem .5rem;
    font-size: 1em;
}

}
.ini .blue {
    color: #0d85fc;
}

.ini .oldblue {
    color: #33fbdc;
}

.ini .salad {
    color: #33fbdc;
}

.ini .lightblue {
    color: #6ee4ff;
}

.ini .yellow {
    color: #f5ef7f;
}

.ini .orange {
    color: #f27e02;
}

.ini .darkorange {
    color: #8a3900;
}

.ini .violet {
    color: #a295f5;
}

.ini .green {
    color: #31b393;
}

.ini .grey {
    color: #686868;
}

.ini .c000000 {
    color: #c5c8c6;
}

.ini .c008000 {
    color: green;
}

.ini .ca31515 {
    color: #e44;
}

.ini .c0000ff {
    color: #00a2ff;
}

.ini .c204a87 {
    color: #6794d6;
}

.ini .c0000cf {
    color: #6262fd;
}
/* Shared .homeBlock topic grid: link geometry, topic styling and the
 * responsive column widths. Site skins own the per-site tint on the
 * container (ao/aredel set it; devhops/testsetup leave it transparent).
 * This partial is built after core.css, so these rules replace the inert
 * lower-case .homeblock copy that the union carve left in core. */

.homeBlock {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    width: 100%;
}

.homeBlock a {
    color: var(--main_color);
    text-decoration: none;
    background-color: #efefef;
    font-size: 1.1rem;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 1px solid grey;
    min-height: 3.4rem;
}

.homeBlock a:hover {
    background-color: #000;
    color: var(--second_color);
    border-left: 2px solid var(--second_color);
}

a.topic {
    border-top: 1px solid grey;
    background-color: var(--second_color);
    font-size: 1.3rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

a.topic:hover {
    color: var(--second_color);
    background-color: var(--main_color);
}

@media screen and (min-width: 2200px) {
    .homeBlock { width: 12.5%; }
    a.topic { font-size: .9rem; min-height: 3.4rem; }
    .homeBlock a { min-height: 4rem; }
}

@media screen and (max-width: 2199px) and (min-width: 1721px) {
    .homeBlock { width: 20%; }
}

@media screen and (max-width: 1720px) and (min-width: 1601px) {
    .homeBlock { width: 20%; }
    a.topic { font-size: 1.2rem; min-height: 3.4rem; }
}

@media screen and (max-width: 1600px) and (min-width: 1051px) {
    .homeBlock { width: 25%; }
    a.topic { font-size: 1.2rem; }
}

@media screen and (max-width: 1050px) and (min-width: 801px) {
    .homeBlock { width: 33.3%; }
}

@media screen and (max-width: 800px) and (min-width: 600px) {
    .homeBlock { width: 50%; }
}
/* Fixed side rails used by ArticlePage/Page (#aside_left_block /
 * #aside_right_block) and the opt-in BasePage layout. The widths are the
 * legacy viewport percentages; the BasePage modifiers widen the main
 * column just enough to clear them plus a small gutter. Pages without the
 * has-aside-* classes keep the wider .wrapper-base-page layout. */

#aside_left_block { position: fixed; top: 180px; left: 0; display: none; }
#aside_right_block { position: fixed; top: 180px; display: block; }

@media screen and (min-width: 2000px) {
    #aside_left_block { width: 20%; display: block; }
    #aside_right_block { right: 4px; width: 21%; }
}

@media screen and (min-width: 1840px) and (max-width: 1999px) {
    #aside_left_block { width: 19%; display: block; }
    #aside_right_block { right: 4px; width: 20%; }
    #aside_right_block--inside { padding-right: 10px; }
}

@media screen and (max-width: 1840px) and (min-width: 1601px) {
    #aside_left_block { width: 16%; display: block; }
    #aside_right_block { right: 4px; width: 17%; }
}

@media screen and (max-width: 1600px) and (min-width: 1201px) {
    #aside_left_block { width: 13%; display: block; }
    #aside_right_block { right: 4px; width: 14%; }
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
    #aside_left_block { width: 9%; display: block; }
    #aside_right_block { right: 2px; width: 10%; }
}

@media screen and (max-width: 999px) {
    #aside_right_block { display: none; }
}

/* BasePage opt-in rails. The margins mirror .wrapper (both rails) and
 * .wrapper-no-left (right rail), with the untouched side keeping the
 * normal .wrapper-base-page margin. width:auto makes the main column fill
 * the space between the margins instead of the no-rail percentage. */
@media screen and (min-width: 2000px) {
    .wrapper-base-page.has-aside-left,
    .wrapper-base-page.has-aside-right { width: auto; }
    .wrapper-base-page.has-aside-left { margin-left: 22%; }
    .wrapper-base-page.has-aside-right { margin-right: 23%; }
    .wrapper-base-page.has-aside-left.has-aside-right { margin-left: 22%; margin-right: 23%; }
}

@media screen and (min-width: 1840px) and (max-width: 1999px) {
    .wrapper-base-page.has-aside-left,
    .wrapper-base-page.has-aside-right { width: auto; }
    .wrapper-base-page.has-aside-left { margin-left: 21%; }
    .wrapper-base-page.has-aside-right { margin-right: 22%; }
    .wrapper-base-page.has-aside-left.has-aside-right { margin-left: 21%; margin-right: 22%; }
}

@media screen and (max-width: 1840px) and (min-width: 1601px) {
    .wrapper-base-page.has-aside-left,
    .wrapper-base-page.has-aside-right { width: auto; }
    .wrapper-base-page.has-aside-left { margin-left: 18%; }
    .wrapper-base-page.has-aside-right { margin-right: 19%; }
    .wrapper-base-page.has-aside-left.has-aside-right { margin-left: 18%; margin-right: 19%; }
}

@media screen and (max-width: 1600px) and (min-width: 1201px) {
    .wrapper-base-page.has-aside-left,
    .wrapper-base-page.has-aside-right { width: auto; }
    .wrapper-base-page.has-aside-left { margin-left: 15%; }
    .wrapper-base-page.has-aside-right { margin-right: 16%; }
    .wrapper-base-page.has-aside-left.has-aside-right { margin-left: 15%; margin-right: 16%; }
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
    .wrapper-base-page.has-aside-left,
    .wrapper-base-page.has-aside-right { width: auto; }
    .wrapper-base-page.has-aside-left { margin-left: 11%; }
    .wrapper-base-page.has-aside-right { margin-right: 12%; }
    .wrapper-base-page.has-aside-left.has-aside-right { margin-left: 11%; margin-right: 12%; }
}
.verticalNavButtonsDiv {position:fixed;bottom:40px;}

.toTopButton,.toBottomButton {

    color: var(--main_color);
    position:relative;
    display:inline-block;
    border:1px solid #ccc;text-decoration:none;
    border-radius: 5px;
    box-shadow: 3px 3px 4px var(--main_color);
    background-color: #f0f0f0;
}

.toTopButton:HOVER,.toBottomButton:HOVER {
    background-color: var(--second_color);
    color:#006699;
  -webkit-animation: blink1 3s linear infinite;
  -moz-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
}

@media screen and (min-width: 1840px) {
    .verticalNavButtonsDiv {left:30px;}
    .toTopButton,.toBottomButton {
        font-size:1.7rem;
        padding:18px 15px;}
}

@media screen and (max-width: 1840px) and (min-width: 1601px) {
    .verticalNavButtonsDiv {
        left:15px;
    }
    .toTopButton,.toBottomButton {font-size:1.6rem;padding:11px;}
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .verticalNavButtonsDiv {
        left:15px;
    }
    .toTopButton,.toBottomButton {font-size: 1rem;padding:11px 4px;}
}

@media screen and (max-width:  1199px) and (min-width: 1001px) {
    .verticalNavButtonsDiv {
        left:2px;
    }
    .toTopButton,.toBottomButton {font-size: 1rem;padding:10px 4px;}
}

@media screen and (max-width: 1000px) and (min-width: 800px) {

    .verticalNavButtonsDiv {left:2px;}
    .toTopButton,.toBottomButton {font-size: 1rem;padding:12px 4px;}

}

@media screen and (max-width: 800px) and (min-width: 600px) {

    .verticalNavButtonsDiv {left:8px;top:300px;}
    .toTopButton,.toBottomButton {font-size: 1rem;padding:12px 3px;}
}

@media screen and (max-width:599px) {

    .verticalNavButtonsDiv,.toTopButton,.toBottomButton {display:none;}
}
:root{--main_color:rgb(14,11,22);--main_color_o2:rgba(14,11,22,.2);--main_color_o4:rgba(14,11,22,.4);--main_color_o5:rgba(14,11,22,.5);--second_color:rgb(162,57,202);--second_color_o2:rgba(162,57,202,.2);--second_color_o4:rgba(162,57,202,.4);--second_color_o6:rgba(162,57,202,.6);--third_color:rgb(71,23,246);--third_color_o1:rgba(71,23,246,.1);--third_color_o2:rgba(71,23,246,.2);--third_color_o4:rgba(71,23,246,.4);--forth_color:rgb(231,223,221);--forth_color_o2:rgba(231,223,221,.2);--forth_color_o4:rgba(231,223,221,.4)}
.p1,.p10,.p100,.p12,.p15,.p2,.p20,.p3,.p4,.p5,.p7,.p8{box-sizing:border-box;background-color:#f0f0f0;font-family:calibri,sans-serif}
#container{margin:0 auto;width:100%;background:#f0f0f0;padding:0 2px;box-sizing:border-box;font-family:calibri,sans-serif}
.foot li{list-style:none;width:50px;height:50px;margin-bottom:20px;margin-right:20px;border-radius:10px;background:#eee;border:1px solid #ddd;cursor:pointer;text-align:center;line-height:50px;font-size:20px;font-family:tahoma,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-block}
.tcont tr:nth-child(even)td:nth-child(2){background:#502542;background:rgba(80,37,66,.1)}
.tcont tr td:first-child{text-align:center;background:#502542;background:rgba(80,37,66,.1);border-left:1px solid var(--second_color);border-right:1px solid var(--main_color);width:7%}
.r_block_nav a{padding-left:.1rem;padding-right:.2rem}
.r_block_nav a:hover{border-left:3px solid var(--second_color)}
code:before{content:counter(line,decimal-leading-zero);color:#1d1f21;background:#c5c8c6;font-size:.9rem;margin-left:-.6rem;margin-right:.5rem;padding:.4rem;opacity:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
h1,h2,h3,h4,h5{color:#2f4f4f;text-align:center;font-weight:600}
.h1b{text-align:center;overflow:hidden;border:solid 0;text-indent:0;background:#b0e0e6;color:#069;margin:0;padding:15px;font-size:2rem}
.hleft{color:#2f4f4f;font-size:140%;text-align:left;padding-left:2%}
.hleft10{color:#2f4f4f;font-size:140%;text-align:left;padding-left:2%;margin-top:6rem;margin-bottom:3rem}
.h3left{color:#2f4f4f;font-size:110%;text-align:left;padding-left:2%}
.h3left10{color:#2f4f4f;font-size:110%;text-align:left;padding-left:2%;margin-top:5rem;margin-bottom:3rem}
.homeBlock{display:inline-block;box-sizing:border-box;vertical-align:top;margin:0}
.next a,.previous a{margin-top:0;margin-bottom:0;text-decoration:none;padding-top:1rem;padding-bottom:1rem;color:var(--main_color);display:inline-block;box-sizing:border-box;width:100%}
.next a{padding-left:2rem;margin-left:0}
.previous a{padding-right:2rem}
@media screen and (min-width:361px){.next a,.previous a{font-size:1.6rem}}
.r_block_nav a{color:var(--main_color);text-decoration:none;background-color:#efefef;font-size:1.1rem;display:block;padding-top:.1rem;padding-bottom:.1rem;padding-left:.1rem;padding-right:.1rem;border-top:1px solid grey;border-left:1px dashed var(--second_color);border-left:1px dashed var(--second_color_o2);min-height:1.4rem}
.somecode:before{font-size:1rem;text-align:right;display:block;padding:0 .5rem 0 0;margin-top:0;margin-right:-.6rem;margin-bottom:1rem;margin-left:-.6rem;content:"Код";background-color:#1d1f21;color:#c5c8c6;border-bottom:1px solid var(--second_color);opacity:.7;width:100%}
.br-counter br:before{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.tab11 td,.tab15 td{background-color:var(--third_color_o6)}
.tab11 a,.tab15 a{text-decoration:none;color:var(--second_color)}
.countlines tr td:first-child{text-align:center;background:#502542;background:rgba(80,37,66,.4);border-left:1px solid var(--second_color);border-right:1px solid var(--main_color)}
.table01 td{padding:10px 20px;background-color:var(--third_color)}
.verticalnavbuttonsdiv{position:fixed;bottom:5px;width:inherit;box-sizing:border-box;padding-left:5px;padding-right:5px}
.tobottombutton,.totopbutton{color:var(--main_color);position:relative;display:inline-block;border:1px solid #ccc;text-decoration:none;box-sizing:border-box;border-radius:5px;box-shadow:3px 3px 4px var(--main_color);background-color:#f0f0f0;width:100%}
@media screen and (max-width:1199px) and (min-width:1001px){.verticalnavbuttonsdiv{left:2px}.tobottombutton,.totopbutton{font-size:1rem;padding:4px 12px}}
@media screen and (max-width:1000px) and (min-width:800px){.verticalnavbuttonsdiv{left:2px}.tobottombutton,.totopbutton{font-size:1rem;padding:4px 10px}}
.ul1 ul li:before{content:"\2022";color:var(--main_color);font-weight:700;display:inline-block;width:1em;margin-left:-1em;text-shadow:0 -1px 2px rgba(49,179,147,.2)}
.ul1 ul li:before{content:"\2022";color:var(--main_color);font-weight:700;display:inline-block;width:1em;margin-left:-1em;text-shadow:0 -1px 2px rgba(49,179,147,.2)}
@media screen and (min-width:2000px){.wrapper{margin-left:25%;margin-right:25%}}
.cmd10:before,.cmd1:before,.cmd2:before,.cmd3:before,.cmd4:before,.cmd5:before{color:var(--second_color);background-color:var(--main_color);border-bottom:1px solid var(--forth_color)}
b.violet{color:var(--second_color)}
.pycode .violet{color:var(--second_color)}
.previous::before{content:"Предыдущая статья"}
.next::before{content:"Следующая статья"}
.quo:before{content:"Цитата "}