﻿
/* -------------------------------------------------- */

/* import */

/* -------------------------------------------------- */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");

/* -------------------------------------------------- */

/* canvas */

/* -------------------------------------------------- */

html {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
}

body {
    margin: 0px;
    padding: 0px;
    min-width: 237px;
}

/* -------------------------------------------------- */

/* typography */

/* -------------------------------------------------- */

body, input, select, textarea, button {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.57142857;
    color: #000000; /* black */
}

h1 {
    margin: 0px 0px 21px 0px;
    font-size: 16px;
    line-height: 1.5625;
    font-weight: bold;
    color: #c7071d; /* red */
}

h2 {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #000000; /* black */
}

h3 {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    color: #000000; /* black */
}

a:link, a:visited, a:active {color: #0069b4; /* pure cyan blue */ text-decoration: none;}
a:hover {color: #0069b4; /* pure cyan blue */ text-decoration: underline;}

@media print {
    body, input, select, textarea, button {
        font-size: 12px;
        line-height: 1.66666667;
    }
}

/* -------------------------------------------------- */

/* form elements */

/* -------------------------------------------------- */

.arrow-down {
    position: absolute;
    top: 11px;
    right: 8px;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    border-style: solid solid none solid;
    border-width: 7px 5px 0px 5px;
    border-color: #000000 transparent; /* black transparent */
    pointer-events: none;
}

button.lnk1 {
    margin: 0px;
    padding: 0px;
    text-align: left;
    background: none;
    border-style: none;
    outline: none;
    cursor: pointer;
}

button.btn1 {
    box-sizing: border-box;
    height: 40px;
    margin: 0px;
    padding: 3px 15px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #b5b5b5; /* gray 40% */
    border-radius: 5px;
    touch-action: manipulation;
    outline-style: none;
}

button.btn1:hover {
    background-color: #eeeeee; /* gray 10% */
    border-color: #b5b5b5; /* gray 40% */
}

button.btn2 {
    box-sizing: border-box;
    height: 40px;
    margin: 0px;
    padding: 3px 15px;
    color: #ffffff; /* white */
    text-align: center;
    white-space: nowrap;
    background-color: #1978bb; /* pure cyan blue 90% */
    border-style: solid;
    border-width: 1px;
    border-color: #0069b4; /* pure cyan blue */
    border-radius: 5px;
    touch-action: manipulation;
    outline-style: none;
}

button.btn2:hover {
    background-color: #0069b4; /* pure cyan blue */
    border-color: #0069b4; /* pure cyan blue */
}

button.btn3 {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin: 0px;
    padding: 3px 15px;
    color: #ffffff; /* white */
    text-align: center;
    white-space: nowrap;
    background-color: #1978bb; /* pure cyan blue 90% */
    border-style: solid;
    border-width: 1px;
    border-color: #0069b4; /* pure cyan blue */
    border-radius: 5px;
    touch-action: manipulation;
    outline-style: none;
}

button.btn3:hover {
    background-color: #0069b4; /* pure cyan blue */
    border-color: #0069b4; /* pure cyan blue */
}

.css-select {position: relative;}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 2px 4px 4px 4px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    outline-style: none;
    display: block;
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus {
    border-color: #b5b5b5; /* gray 40% */
}

input[type="search"] {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 2px 4px 4px 4px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee; /* gray 10% */
    border-radius: 5px;
    outline-style: none;
    display: block;
}

input[type="search"]:focus {border-color: #eeeeee; /* gray 10% */}

input[type="checkbox"],
input[type="radio"] {
    display: block;
}

select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 3px 24px 3px 4px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    outline-style: none;
    display: block;
}

select:focus {border-color: #b5b5b5; /* gray 40% */}

textarea {
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 2px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    outline-style: none;
    display: block;
}

textarea:focus {border-color: #b5b5b5; /* gray 40% */}

@media screen and (max-width: 443px) {
    button.btn1 {width: 100%;}

    button.btn2 {width: 100%;}

    button.btn3 {}

    input[type="date"],
    input[type="email"],
    input[type="number"], 
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"] {
        font-size: 16px;
        line-height: 1.375;
        padding: 2px 4px 4px 4px;
    }

    select {
        font-size: 16px;
        line-height: 1.375;
        padding: 2px 4px 4px 4px;
    }

    textarea {
        font-size: 16px;
        line-height: 1.375;
        padding: 2px 3px 4px 3px;
    }
}

@media screen and (min-width: 444px) {
    button.btn1 {}

    button.btn2 {}

    button.btn3 {}

    input[type="date"],
    input[type="email"],
    input[type="number"], 
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"] {}

    select {}

    textarea {}
}

/* -------------------------------------------------- */

/* colors */

/* -------------------------------------------------- */

.black {color: #000000; /* black */}
.blue {color: #004899; /* pure blue */}
.cyan-blue-90 {color: #1978bb; /* pure cyan blue 90% */}
.cyan-blue-100 {color: #0069b4; /* pure cyan blue 100% */}
.gray {color: #a0a0a0; /* gray 50% */}
.green {color: #009640; /* pure green */}
.magenta {color: #951b81; /* pure violet magenta */}
.orange {color: #ea5b0c; /* pure red orange */}
.red {color: #e30613; /* pure red */}

/* -------------------------------------------------- */

/* header */

/* -------------------------------------------------- */

.a1 {
    min-height: 100px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff; /* white */
}

.a1a1 {
    min-height: 100px;
    margin: 0px auto;
    padding: 0px 15px;
}

.a1a1a1 {position: relative;}

.a2 {
    min-height: 40px;
    margin: 0px;
    padding: 0px;
    background-color: #434343; /* gray 85% */
}

.a2a1 {
    min-height: 40px;
    margin: 0px auto;
    padding: 0px 15px;
}

.a2a1a1 {position: relative;}

@media screen and (max-width: 850px) {
    .a1 {}

    .a1a1 {}

    .a1a1a1 {
        max-width: 587px;
        height: 100px;
        margin: 0px auto;
        padding: 0px;
    }

    .a2 {}

    .a2a1 {}

    .a2a1a1 {
        max-width: 587px;
        height: 40px;
        margin: 0px auto;
        padding: 0px;
    }
}

@media screen and (min-width: 851px) {
    .a1 {}

    .a1a1 {}

    .a1a1a1 {
        height: 100px;
        margin: 0px;
        padding: 0px;
    }

    .a2 {}

    .a2a1 {}

    .a2a1a1 {
        height: 40px;
        margin: 0px;
        padding: 0px;
    }
}

@media screen and (min-width: 1231px) {
    .a1 {}

    .a1a1 {max-width: 1184px;}

    .a1a1a1 {}

    .a2 {}

    .a2a1 {max-width: 1184px;}

    .a2a1a1 {}
}

@media print {
    .a1 {display: none;}

    .a1a1 {}

    .a1a1a1 {}

    .a2 {display: none;}

    .a2a1 {}

    .a2a1a1 {}
}

/* -------------------------------------------------- */

/* content */

/* -------------------------------------------------- */

.a3 {
    min-height: 600px;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee; /* gray 10% */
}

.a3a1 {
    position: relative;
    min-height: 580px;
    margin: 0px auto;
    padding: 10px 15px;
}

.a3a1a1, .a3a1a2 {
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 10px;
}

.a3a1b1, .a3a1b2, .a3a1b3 {
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 10px;
}

.a3a1c1, .a3a1c2, .a3a1c3, .a3a1c4, .a3a1c5 {
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 10px;
}

@media screen and (max-width: 850px) {
    .a3 {}

    .a3a1 {}

    .a3a1a1 {
        max-width: 555px;
        min-height: 90px;
        margin: 0px auto 10px auto;
        padding: 15px;
    }

    .a3a1a2 {
        max-width: 555px;
        min-height: 548px;
        margin: 0px auto;
        padding: 15px;
    }

    .a3a1b1 {
        max-width: 555px;
        min-height: 90px;
        margin: 0px auto 10px auto;
        padding: 15px;
    }

    .a3a1b2 {
        max-width: 555px;
        min-height: 40px;
        margin: 0px auto 10px auto;
        padding: 15px;
    }

    .a3a1b3 {
        max-width: 555px;
        min-height: 466px;
        margin: 0px auto;
        padding: 15px;
    }

    .a3a1c1 {display: none;}

    .a3a1c2 {
        max-width: 555px;
        min-height: 90px;
        margin: 0px auto 10px auto;
        padding: 15px;
    }

    .a3a1c3 {
        max-width: 555px;
        min-height: 143px;
        margin: 0px auto 10px auto;
        padding: 15px;
    }

    .a3a1c4 {
        max-width: 555px;
        min-height: 40px;
        margin: 0px auto 10px auto;
        padding: 15px;
    }

    .a3a1c5 {
        max-width: 555px;
        min-height: 281px;
        margin: 0px auto;
        padding: 15px;
    }
}

@media screen and (min-width: 851px) {
    .a3 {}

    .a3a1 {}

    .a3a1a1 {
        float: left;
        width: 175px;
        min-height: 90px;
        margin: 0px 10px 0px 0px;
        padding: 15px;
    }

    .a3a1a2 {
        overflow: hidden;
        min-height: 548px;
        margin: 0px;
        padding: 15px;
    }

    .a3a1b1 {
        float: left;
        width: 175px;
        min-height: 90px;
        margin: 0px 10px 0px 0px;
        padding: 15px;
    }

    .a3a1b2 {
        overflow: hidden;
        min-height: 40px;
        margin: 0px 0px 10px 0px;
        padding: 15px;
    }

    .a3a1b3 {
        overflow: hidden;
        min-height: 466px;
        margin: 0px;
        padding: 15px;
    }

    .a3a1c1 {
        min-height: 266px;
        margin: 0px 0px 10px 0px;
        padding: 15px;
    }

    .a3a1c2 {
        float: left;
        width: 175px;
        min-height: 90px;
        margin: 0px 10px 0px 0px;
        padding: 15px;
    }

    .a3a1c3 {display: none;}

    .a3a1c4 {
        overflow: hidden;
        min-height: 40px;
        margin: 0px 0px 10px 0px;
        padding: 15px;
    }

    .a3a1c5 {
        overflow: hidden;
        min-height: 466px;
        margin: 0px;
        padding: 15px;
    }
}

@media screen and (min-width: 1231px) {
    .a3 {}

    .a3a1 {max-width: 1184px;}

    .a3a1a1 {}

    .a3a1a2 {}

    .a3a1b1 {}

    .a3a1b2 {}

    .a3a1b3 {}

    .a3a1c1 {}

    .a3a1c2 {}

    .a3a1c3 {}

    .a3a1c4 {}

    .a3a1c5 {}
}

@media print {
    .a3 {}

    .a3a1 {}

    .a3a1a1 {}

    .a3a1a2 {}

    .a3a1b1 {}

    .a3a1b2 {}

    .a3a1b3 {}

    .a3a1c1 {}

    .a3a1c2 {}

    .a3a1c3 {}

    .a3a1c4 {}

    .a3a1c5 {}
}

/* -------------------------------------------------- */

/* footer */

/* -------------------------------------------------- */

.a4 {
    min-height: 200px;
    margin: 0px;
    padding: 0px;
    background-color: #434343; /* gray 85% */
}

.a4a1 {
    min-height: 200px;
    margin: 0px auto;
    padding: 0px 15px;
}

.a4a1a1 {}

.a5 {
    min-height: 40px;
    margin: 0px;
    padding: 0px;
    background-color: #b5b5b5; /* gray 40% */
}

.a5a1 {
    min-height: 40px;
    margin: 0px auto;
    padding: 0px 15px;
}

.a5a1a1 {}

@media screen and (max-width: 850px) {
    .a4 {}

    .a4a1 {}

    .a4a1a1 {}

    .a5 {}

    .a5a1 {}

    .a5a1a1 {}
}

@media screen and (min-width: 851px) {
    .a4 {}

    .a4a1 {}

    .a4a1a1 {}

    .a5 {}

    .a5a1 {}

    .a5a1a1 {}
}

@media screen and (min-width: 1231px) {
    .a4 {}

    .a4a1 {max-width: 1184px;}

    .a4a1a1 {}

    .a5 {}

    .a5a1 {max-width: 1184px;}

    .a5a1a1 {}
}

@media print {
    .a4 {display: none;}

    .a4a1 {}

    .a4a1a1 {}

    .a5 {display: none;}

    .a5a1 {}

    .a5a1a1 {}
}

/* -------------------------------------------------- */

/* navigation */

/* -------------------------------------------------- */

nav > ul {
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

nav > ul > li > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    margin: 10px 0px 0px 0px;
    padding: 7px 4px 9px 10px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    display: block;
}

nav > ul > li:first-of-type > a {margin: 0px;}

nav > ul > li > a:link,
nav > ul > li > a:visited {
    color: #000000; /* black */
    text-decoration: none;
}

nav > ul > li > a:hover,
nav > ul > li > a:active {
    color: #ffffff; /* white */
    background-color: #434343; /* gray 85% */
    border-color: #434343; /* gray 85% */
    text-decoration: none;
}

nav > ul > li > a.active {
    color: #ffffff; /* white */
    background-color: #434343; /* gray 85% */
    border-color: #434343; /* gray 85% */
    text-decoration: none;
}

nav > ul > li > ul {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    list-style-type: none;
} 

nav > ul > li > ul > li > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;
    margin: 10px 0px 0px 0px;
    padding: 2px 4px 4px 10px;
    background-color: #434343; /* gray 85% */
    border-style: solid;
    border-width: 1px;
    border-color: #434343; /* gray 85% */
    border-radius: 5px;
    display: block;
}

nav > ul > li > ul > li:first-of-type > a {margin: 0px;}

nav > ul > li > ul > li > a:link,
nav > ul > li > ul > li > a:visited {
    color: #ffffff; /* white */
    text-decoration: none;
}

nav > ul > li > ul > li > a:hover,
nav > ul > li > ul > li > a:active {
    color: #000000; /* black */
    background-color: #eeeeee; /* gray 10% */
    border-color: #dcdcdc; /* gray 20% */
    text-decoration: none;
}

nav > ul > li > ul > li > a.active {
    color: #000000; /* black */
    background-color: #eeeeee; /* gray 10% */
    border-color: #dcdcdc; /* gray 20% */
    text-decoration: none;
}

nav > ul > li > ul > li > ul {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    list-style-type: none;
}

nav > ul > li > ul > li > ul > li > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;
    margin: 10px 0px 0px 0px;
    padding: 2px 4px 4px 10px;
    background-color: #434343; /* gray 85% */
    border-style: solid;
    border-width: 1px;
    border-color: #434343; /* gray 85% */
    border-radius: 5px;
    display: block;
}

nav > ul > li > ul > li > ul > li:first-of-type > a {margin: 0px;}

nav > ul > li > ul > li > ul > li > a:link,
nav > ul > li > ul > li > ul > li > a:visited {
    color: #ffffff; /* white */
    text-decoration: none;
}

nav > ul > li > ul > li > ul > li > a:hover,
nav > ul > li > ul > li > ul > li > a:active {
    color: #000000; /* black */
    background-color: #eeeeee; /* gray 10% */
    border-color: #dcdcdc; /* gray 20% */
    text-decoration: none;
}

nav > ul > li > ul > li > ul > li > a.active {
    color: #000000; /* black */
    background-color: #eeeeee; /* gray 10% */
    border-color: #dcdcdc; /* gray 20% */
    text-decoration: none;
}

nav > ul > li > ul {display: none;}

nav > ul > li > a.active + ul {display: block;}

nav > ul > li > ul > li > ul {display: none;}

nav > ul > li > ul > li > a.active + ul {display: block;}

/* -------------------------------------------------- */

/* blocks */

/* -------------------------------------------------- */

.b1 {
    position: relative;
    height: 100px;
    margin: 0px;
    padding: 0px;
}

.b1a1 {
    position: relative;
    top: 50%;
    left: 0px;
    max-width: 268px;
    margin: 0px 58px 0px 0px;
    padding: 0px;
    transform: translate(0px,-50%);
}

.b1b1 {
    position: relative;
    top: 50%;
    left: 0px;
    max-width: 268px;
    margin: 0px;
    padding: 0px;
    transform: translate(0px,-50%);
}

.b2 {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 58px;
    height: 59px;
    margin: 0px;
    padding: 0px;
}

.b2a1 {
    position: absolute;
    top: 11px;
    right: 0px;
    width: 48px;
    height: 48px;
    margin: 0px;
    padding: 0px;
}

.b2a2 {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 20px;
    height: 22px;
    margin: 0px;
    padding: 4px 5px;
    text-align: center;
    background-color: #eeeeee; /* gray 10% */
    border-radius: 15px;
    display: inline-block;
}

.b3 {
    width: 24px;
    height: 24px;
    padding: 8px 0px;
    margin: 0px;
}

.b3a1 {}

.b3b1 {}

.b3 .b3a1 ul, .b3 .b3b1 ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.b3 .b3a1 ul li, .b3 .b3b1 ul li {
    float: left;
    width: 24px;
    height: 24px;
    padding: 0px;
}

.b4 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 63px;
    height: 24px;
    padding: 8px 0px;
    margin: 0px;
}

.b4 ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.b4 ul li {
    float: left;
    width: 24px;
    height: 24px;
    padding: 0px 15px 0px 0px;
}

.b4 ul li:last-of-type {padding: 0px;}

.b5 {
    position: relative;
    overflow: hidden;
    height: 266px;
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-radius: 5px;
}

.b5 img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px -50% 0px 0px;
    transform: translate(-50%,-50%);
    image-rendering: pixelated;
}

.b6 {
    position: relative;
    overflow: hidden;
    height: 143px;
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-radius: 5px;
}

.b6 img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px -50% 0px 0px;
    transform: translate(-50%,-50%);
    image-rendering: pixelated;
}

.b7 {}

.b7a1 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
}

.b7a1a1 {
    position: absolute;
    top: 4px;
    left: 5px;
    right: 54px;
    height: 30px;
    margin: 0px;
    padding: 0px;
}

.b7a1a2 {
    position: absolute;
    top: 11px;
    right: 33px;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    display: none;
}

.b7a1a3 {
    position: absolute;
    top: 11px;
    right: 7px;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
}

.b7a2 {
    z-index: 3;
    display: none;
}

.b7a2a1 {
    overflow: hidden;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
}

.b7a2a1 > ul {
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.b7a2a1 > ul > li {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.b7a2a1 > ul > li:last-of-type {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px;
    border-style: none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.b7a2a1 > ul > li:hover {
    min-height: 22px;
    margin: -1px -10px 0px -10px;
    padding: 8px 10px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.b7a2a1 > ul > li:last-of-type:hover {
    min-height: 22px;
    margin: -1px -10px 0px -10px;
    padding: 8px 10px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid none none none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.b7a2a1 > ul > li.active {
    min-height: 22px;
    margin: -1px -10px 0px -10px;
    padding: 8px 10px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.b7a2a1 > ul > li:last-of-type.active {
    min-height: 22px;
    margin: -1px -10px 0px -10px;
    padding: 8px 10px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid none none none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.b8 {}

.b8a1 {}

.b8a2 {display: none;}

@media screen and (max-width: 850px) {
    .b1 {}

    .b1a1 {}

    .b1b1 {}

    .b2 {}

    .b2a1 {}

    .b2a2 {}

    .b3 {}

    .b3a1 {display: none;}

    .b3b1 {}

    .b4 {}

    .b5 {}

    .b6 {}

    .b7 {}

    .b7a1 {}

    .b7a1a1 {}

    .b7a1a2 {}

    .b7a1a3 {}

    .b7a2 {
        position: absolute;
        left: 31px;
        right: 31px;
        margin: -1px 0px 0px 0px;
        padding: 0px;
    }

    .b7a2a1 {
        max-width: 533px;
        min-height: 38px;
        margin: 0px auto;
        padding: 0px 10px;
    }

    .b8 {}

    .b8a1 {}

    .b8a2 {}
}

@media screen and (min-width: 851px) {
    .b1 {}

    .b1a1 {}

    .b1b1 {}

    .b2 {}

    .b2a1 {}

    .b2a2 {}

    .b3 {}

    .b3a1 {}

    .b3b1 {display: none}

    .b4 {}

    .b5 {}

    .b6 {}

    .b7 {}

    .b7a1 {}

    .b7a1a1 {}

    .b7a1a2 {}

    .b7a1a3 {}

    .b7a2 {
        position: absolute;
        left: 248px;
        right: 31px;
        margin: -1px 0px 0px 0px;
        padding: 0px;
    }

    .b7a2a1 {
        min-height: 38px;
        margin: 0px;
        padding: 0px 10px;
    }

    .b8 {}

    .b8a1 {}

    .b8a2 {}
}

@media print {
    .b1 {}

    .b1a1 {}

    .b1b1 {}

    .b2 {}

    .b2a1 {}

    .b2a2 {}

    .b3 {}

    .b3a1 {}

    .b3b1 {}

    .b4 {}

    .b5 {}

    .b6 {}

    .b7 {}

    .b7a1 {}

    .b7a1a1 {}

    .b7a1a2 {}

    .b7a1a3 {}

    .b7a2 {}

    .b7a2a1 {}

    .b8 {}

    .b8a1 {}

    .b8a2 {}
}

/* -------------------------------------------------- */

.c1 {}

.c1a1 {
    min-height: 22px;
    margin: 0px;
    padding: 0px;
}

.c1a2 {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px 0px 0px;
}

.c1a3 {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px;
}

.c1a4 {
    min-height: 22px;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}

.c1a5 {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px;
    border-style: solid none none none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.c1a6 {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px;
    border-style: solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.c1a7 {
    min-height: 22px;
    margin: 0px;
    padding: 8px 0px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

/* -------------------------------------------------- */

.d1 {
    margin: 0px 0px 0px -15px;
    font-size: 0px;
}

.d1a1, .d1a2, .d1a3, .d1a4 {
    box-sizing: border-box;
    width: 100%;
    min-height: 22px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    vertical-align: top;
    font-size: 14px;
}

.d2 {
    margin: -10px 0px 0px -15px;
    font-size: 0px;
}

.d2a1, .d2a2, .d2a3, .d2a4 {
    box-sizing: border-box;
    width: 100%;
    min-height: 32px;
    margin: 0px;
    padding: 10px 0px 0px 15px;
    vertical-align: top;
    font-size: 14px;
}

.d3 {
    margin: -15px 0px 0px -15px;
    font-size: 0px;
}

.d3a1, .d3a2, .d3a3, .d3a4 {
    box-sizing: border-box;
    width: 100%;
    min-height: 37px;
    margin: 0px;
    padding: 15px 0px 0px 15px;
    vertical-align: top;
    font-size: 14px;
}

.d4 {
    margin: -10px 11px 0px -21px;
    font-size: 0px;
}

.d4a1 {
    box-sizing: border-box;
    min-height: 30px;
    margin: 0px;
    padding: 10px 0px 0px 21px;
    vertical-align: top;
    font-size: 14px;
}

@media screen and (max-width: 443px) {
    .d1 {}

    .d1a1 {max-width: 100%;}

    .d1a2 {max-width: 100%;}

    .d1a3 {max-width: 100%;}

    .d1a4 {max-width: 100%;}

    .d2 {}

    .d2a1 {max-width: 100%;}

    .d2a2 {max-width: 100%;}

    .d2a3 {max-width: 100%;}

    .d2a4 {max-width: 100%;}

    .d3 {}

    .d3a1 {max-width: 100%;}

    .d3a2 {max-width: 100%;}

    .d3a3 {max-width: 100%;}

    .d3a4 {max-width: 100%;}

    .d4 {}

    .d4a1 {width: 100%;}
}

@media screen and (min-width: 444px) {
    .d1 {}

    .d1a1 {max-width: 190px;}

    .d1a2 {max-width: 380px;}

    .d1a3 {max-width: 570px;}

    .d1a4 {max-width: 100%;}

    .d2 {}

    .d2a1 {max-width: 190px;}

    .d2a2 {max-width: 380px;}

    .d2a3 {max-width: 570px;}

    .d2a4 {max-width: 100%;}

    .d3 {}

    .d3a1 {max-width: 190px;}

    .d3a2 {max-width: 380px;}

    .d3a3 {max-width: 570px;}

    .d3a4 {max-width: 100%;}

    .d4 {}

    .d4a1 {}
}

@media print {
    .d1 {}

    .d1a1 {max-width: 190px;}

    .d1a2 {max-width: 380px;}

    .d1a3 {max-width: 570px;}

    .d1a4 {max-width: 100%;}

    .d2 {}

    .d2a1 {max-width: 190px;}

    .d2a2 {max-width: 380px;}

    .d2a3 {max-width: 570px;}

    .d2a4 {max-width: 100%;}

    .d3 {}

    .d3a1 {max-width: 190px;}

    .d3a2 {max-width: 380px;}

    .d3a3 {max-width: 570px;}

    .d3a4 {max-width: 100%;}

    .d4 {}

    .d4a1 {}
}

/* -------------------------------------------------- */

.e1 {}

.e1a1 {
    float: left;
    width: 30px;
    height: 20px;
    margin: 0px;
    padding: 1px 0px;
}

.e1a2 {overflow: hidden;}

@media screen and (max-width: 443px) {
    .e1 {}

    .e1a1 {}

    .e1a2 {}
}

@media screen and (min-width: 444px) {
    .e1 {}

    .e1a1 {}

    .e1a2 {}
}

@media print {
    .e1 {}

    .e1a1 {}

    .e1a2 {}
}

/* -------------------------------------------------- */

.f1 {
    margin: -10px 0px 0px -15px;
    font-size: 0px;
}

.f1a1 {
    box-sizing: border-box;
    width: 95px;
    min-height: 32px;
    margin: 0px;
    padding: 10px 0px 0px 15px;
    vertical-align: top;
    font-size: 14px;
}

.f2 {
    margin: -15px 0px 0px -15px;
    font-size: 0px;
}

.f2a1 {
    box-sizing: border-box;
    width: 95px;
    min-height: 37px;
    margin: 0px;
    padding: 15px 0px 0px 15px;
    vertical-align: top;
    font-size: 14px;
}

@media screen and (max-width: 443px) {
    .f1 {}

    .f1a1 {}

    .f2 {}

    .f2a1 {}
}

@media screen and (min-width: 444px) {
    .f1 {}

    .f1a1 {}

    .f2 {}

    .f2a1 {}
}

@media print {
    .f1 {}

    .f1a1 {}

    .f2 {}

    .f2a1 {}
}

/* -------------------------------------------------- */

.g1 {
    margin: -5px 0px 0px -5px;
    font-size: 0px;
}

.g1a1 {
    box-sizing: border-box;
    min-height: 27px;
    margin: 0px;
    padding: 5px 0px 0px 5px;
    vertical-align: top;
    font-size: 14px;
    display: inline-block;
}

.g2 {
    margin: -5px 0px 0px -5px;
    font-size: 0px;
}

.g2a1, .g2b1 {
    box-sizing: border-box;
    min-height: 27px;
    margin: 0px;
    padding: 5px 0px 0px 5px;
    vertical-align: top;
    font-size: 14px;
    display: inline-block;
}

@media screen and (max-width: 443px) {
    .g1 {}

    .g1a1 {width: 100%;}

    .g2 {}

    .g2a1 {display: none;}

    .g2b1 {width: 100%;}
}

@media screen and (min-width: 444px) {
    .g1 {}

    .g1a1 {}

    .g2 {}

    .g2a1 {}

    .g2b1 {display: none;}
}

@media print {
    .g1 {display: none;}

    .g1a1 {}

    .g2 {display: none;}

    .g2a1 {}

    .g2b1 {}
}

/* -------------------------------------------------- */

.h1 {position: relative;}

.h1a1 {
    position: absolute;
    box-sizing: border-box;
    top: 3px;
    right: -8px;
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    transform: rotate(45deg);
}

.h1a2 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    z-index: 1;
}

.h1a3 {
    position: relative;
    margin: -30px -11px 0px 0px;
    z-index: 2;
}

.h1a3 > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;
    margin: 0px;
    padding: 3px 18px 5px 11px;
    display: block;
}

.h1a3 > a:link,
.h1a3 > a:visited,
.h1a3 > a:hover,
.h1a3 > a:active {
    color: #000000; /* black */
    text-decoration: none;
}

.h2 {}

.h2a1 {
    box-sizing: border-box;
    width: 100%;
    min-height: 60px;
    margin: 0px;
    padding: 0px;
}

.h2a1 > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 60px;
    margin: 0px;
    padding: 17px 4px 19px 4px;
    text-align: center;
    background-color: #eeeeee; /* gray 10% */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    display: block;
}

.h2a1 > a:link,
.h2a1 > a:visited,
.h2a1 > a:hover,
.h2a1 > a:active {
    color: #000000; /* black */
    text-decoration: none;
}

.h3 {}

.h3a1 {
    box-sizing: border-box;
    width: 100%;
    height: 175px;
    margin: 0px;
    padding: 4px;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px 5px 0px 0px;
}

.h3a2 {
    box-sizing: border-box;
    width: 100%;
    min-height: 37px;
    margin: 0px;
    padding: 0px;
}

.h3a2 > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 37px;
    margin: 0px;
    padding: 6px 4px 8px 4px;
    text-align: center;
    background-color: #eeeeee; /* gray 10% */
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 0px 0px 5px 5px;
    display: block;
}

.h3a2 > a:link,
.h3a2 > a:visited,
.h3a2 > a:hover,
.h3a2 > a:active {
    color: #000000; /* black */
    text-decoration: none;
}

.h4 {}

.h4a1 {
    box-sizing: border-box;
    width: 100%;
    height: 175px;
    margin: 0px;
    padding: 4px;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px 5px 0px 0px;
}

.h4a2 {
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.h4a2 > a {
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 7px 4px 2px 4px;
    background-color: #eeeeee; /* gray 10% */
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 0px;
    display: block;
}

.h4a2 > a:link,
.h4a2 > a:visited,
.h4a2 > a:hover,
.h4a2 > a:active {
    color: #000000; /* black */
    text-decoration: none;
}

.h4a3 {
    box-sizing: border-box;
    width: 100%;
    min-height: 35px;
    margin: 0px;
    padding: 0px 4px 2px 4px;
    text-align: center;
    background-color: #eeeeee; /* gray 10% */
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 0px;
}

.h4a4 {
    box-sizing: border-box;
    width: 100%;
    min-height: 39px;
    margin: 0px;
    padding: 4px;
    background-color: #eeeeee; /* gray 10% */
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 0px 0px 5px 5px;
}

.h4b4 {
    box-sizing: border-box;
    width: 100%;
    min-height: 5px;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee; /* gray 10% */
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 0px 0px 5px 5px;
}

.h5 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 4px;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
}

.h5a1 {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0px,-50%);
}

.h5a1 > a {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: 0px;
    padding: 9px 10px 9px 8px;
    background-color: #eeeeee; /* gray 10% */
    border-radius: 15px;
    display: block;
}

.h5a2 {}

.h5a2 img {max-width: 100%;}

.h5a3 {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0px,-50%);
}

.h5a3 > a {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: 0px;
    padding: 9px 8px 9px 10px;
    background-color: #eeeeee; /* gray 10% */
    border-radius: 15px;
    display: block;
}

.h6 {}

.h6a1 {}

.h6a2 {padding: 22px 0px 0px 0px;}

.h6a3 {padding: 22px 0px 0px 0px;}

.h6a4 {padding: 14px 0px 19px 0px;}

.h6a5 {}

@media screen and (max-width: 443px) {
    .h1 {}

    .h1a1 {}

    .h1a2 {}

    .h1a3 {}

    .h2 {}

    .h2a1 {max-width: 100%;}

    .h3 {}

    .h3a1 {max-width: 100%;}

    .h3a2 {max-width: 100%;}

    .h4 {}

    .h4a1 {max-width: 100%;}

    .h4a2 {
        max-width: 100%;
        min-height: 53px;
    }

    .h4a2 > a {min-height: 53px;}

    .h4a3 {max-width: 100%;}

    .h4a4 {max-width: 100%;}

    .h4b4 {max-width: 100%;}

    .h5 {}

    .h5a1 {}

    .h5a2 {}

    .h5a3 {}

    .h6 {}

    .h6a1 {}

    .h6a2 {}

    .h6a3 {}

    .h6a4 {}

    .h6a5 {}
}

@media screen and (min-width: 444px) {
    .h1 {}

    .h1a1 {}

    .h1a2 {}

    .h1a3 {}

    .h2 {}

    .h2a1 {max-width: 175px;}

    .h3 {}

    .h3a1 {max-width: 175px;}

    .h3a2 {max-width: 175px;}

    .h4 {}

    .h4a1 {max-width: 175px;}

    .h4a2 {
        max-width: 175px;
        min-height: 75px;
    }

    .h4a2 > a {min-height: 75px;}

    .h4a3 {max-width: 175px;}

    .h4a4 {max-width: 175px;}

    .h4b4 {max-width: 175px;}

    .h5 {}

    .h5a1 {}

    .h5a2 {height: 355px;}

    .h5a3 {}

    .h6 {}

    .h6a1 {}

    .h6a2 {}

    .h6a3 {}

    .h6a4 {}

    .h6a5 {}
}

@media print {
    .h1 {}

    .h1a1 {}

    .h1a2 {}

    .h1a3 {}

    .h2 {}

    .h2a1 {max-width: 175px;}

    .h3 {}

    .h3a1 {max-width: 175px;}

    .h3a2 {max-width: 175px;}

    .h4 {}

    .h4a1 {max-width: 175px;}

    .h4a2 {max-width: 175px;}

    .h4a2 > a {}

    .h4a3 {max-width: 175px;}

    .h4a4 {max-width: 175px;}

    .h4b4 {max-width: 175px;}

    .h5 {}

    .h5a1 {}

    .h5a2 {}

    .h5b2 {}

    .h5a3 {}

    .h6 {}

    .h6a1 {}

    .h6a2 {}

    .h6a3 {}

    .h6a4 {}

    .h6a5 {}
}

/* -------------------------------------------------- */

.i1 {}

.i1a1 {
    max-width: 70px;
    max-height: 70px;
    margin: 0px auto;
    padding: 0px;
}

.i1a2 {
    max-width: 165px;
    max-height: 165px;
    margin: 0px auto;
    padding: 0px;
}

.i1a3 {
    max-width: 355px;
    max-height: 355px;
    margin: 0px auto;
    padding: 0px;
}

.i2 {
    position: relative;
    width: 165px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
}

.i2a1 {
    position: absolute;
    top: 3px;
    left: 11px;
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}

.i2a2 {
    position: absolute;
    top: 0px;
    left: 50px;
    width: 65px;
    height: 30px;
    margin: 0px;
    padding: 0px;
}

.i2a2 input {
    text-align: center;
    background-color: #ffffff; /* white */
}

.i2a3 {
    position: absolute;
    top: 3px;
    left: 130px;
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}

/* -------------------------------------------------- */

/* sections */

/* -------------------------------------------------- */

.s1 {}

.s1a1 {}

.s1a2 {padding: 22px 0px 0px 0px;}

.s1a3 {padding: 22px 0px 0px 0px;}

.s1a4 {padding: 22px 0px 0px 0px;}

@media screen and (min-width: 1024px) {
    .s1 {position: relative;}

    .s1a1 {
        position: relative;
        width: 365px;
    }

    .s1a2 {
        position: absolute;
        top: 0px;
        left: 380px;
        right: 0px;
        padding: 0px;
    }

    .s1a3 {}

    .s1a4 {}
}

@media screen and (min-width: 1041px) {
    .s1 {}

    .s1a1 {
        width: auto;
        margin: 0px 380px 0px 0px;
    }

    .s1a2 {
        left: auto;
        width: 365px;
    }

    .s1a3 {}

    .s1a4 {}
}

@media print {
    .s1 {}

    .s1a1 {}

    .s1a2 {}

    .s1a3 {}

    .s1a4 {}
}

/* -------------------------------------------------- */

/* tables */

/* -------------------------------------------------- */

.t1a1, .t2a1, .t2b1 {
    width: 100%;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
    border-radius: 5px;
    border-collapse: separate;
    border-spacing: 0px;
    empty-cells: show;
}

.t1a1 caption, .t2a1 caption, .t2b1 caption {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    text-align: left;
    font-weight: bold;
}

.t2b1 thead th {
    min-height: 22px;
    margin: 0px;
    padding: 8px 10px 8px 0px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.t2b1 thead th:first-child {padding: 8px 10px;}

.t1a1 tbody tr:nth-of-type(even),
.t2a1 tbody tr:nth-of-type(even),
.t2b1 tbody tr:nth-of-type(odd) {
    background-color: #eeeeee; /* gray 10% */
}

.t1a1 tbody td,
.t2a1 tbody td,
.t2b1 tbody td {
    min-height: 22px;
    margin: 0px;
    padding: 8px 10px 8px 0px;
    text-align: left;
    vertical-align: top;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #dcdcdc; /* gray 20% */
}

.t1a1 tbody td:first-child,
.t2a1 tbody td:first-child,
.t2b1 tbody td:first-child {
    padding: 8px 10px;
}

.t1a1 tbody tr:last-of-type td,
.t2a1 tbody tr:last-of-type td,
.t2b1 tbody tr:last-of-type td {
    border-style: none;
}

@media screen and (max-width: 1040px) {
    .t1a1 {}

    .t2a1 {}

    .t2b1 {}

    .t2a1 col:nth-of-type(1) {width: 50%;}
    .t2a1 col:nth-of-type(2) {width: 50%;}

    .t2b1 col:nth-of-type(1) {width: 50%;}
    .t2b1 col:nth-of-type(2) {width: 50%;}
}

@media screen and (min-width: 1041px) {
    .t1a1 {}

    .t2a1 {}

    .t2b1 {}

    .t2a1 col:nth-of-type(1) {width: 372px;}
    .t2a1 col:nth-of-type(2) {width: auto;}

    .t2b1 col:nth-of-type(1) {width: 372px;}
    .t2b1 col:nth-of-type(2) {width: auto;}
}

/* -------------------------------------------------- */

/* miscellaneous */

/* -------------------------------------------------- */

.alert-info {
    min-height: 22px;
    margin: 0px;
    padding: 8px 10px;
    color: #004085;
    background-color: #cce5ff;
    border-style: solid;
    border-width: 1px;
    border-color: #b8daff;
    border-radius: 5px;
}

.alert-success {
    min-height: 22px;
    margin: 0px;
    padding: 8px 10px;
    color: #155724;
    background-color: #d4edda;
    border-style: solid;
    border-width: 1px;
    border-color: #c3e6cb;
    border-radius: 5px;
}

.alert-warning {
    min-height: 22px;
    margin: 0px;
    padding: 8px 10px;
    color: #856404;
    background-color: #fff3cd;
    border-style: solid;
    border-width: 1px;
    border-color: #ffeeba;
    border-radius: 5px;
}

.alert-danger {
    min-height: 22px;
    margin: 0px;
    padding: 8px 10px;
    color: #721c24;
    background-color: #f8d7da;
    border-style: solid;
    border-width: 1px;
    border-color: #f5c6cb;
    border-radius: 5px;
}

.b2a2 {cursor: pointer;}

.clear::after {
    content: "";
    display: table;
    clear: both;
}

.h3 .i1 {cursor: pointer;}

.h4 .i1 {cursor: pointer;}

img {
    border-style: none;
    border-width: 0px;
    border-color: transparent;
    display: block;
}

.inline {display: inline-block;}

.lg {font-size: 21px;}

.line-through {
    color: #a0a0a0; /* gray 50% */
    text-decoration: line-through;
}

.nowrap {white-space: nowrap;}

p {
    margin: 0px;
    padding: 0px;
}

.space-sm {
    min-height: 10px;
    margin: 0px;
    padding: 0px;
}

.space-md {
    min-height: 15px;
    margin: 0px;
    padding: 0px;
}

.space-lg {
    min-height: 22px;
    margin: 0px;
    padding: 0px;
}

.space-xl {
    min-height: 27px;
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width: 850px) {
    .toggle {display: none;}
}

@media screen and (min-width: 851px) {
    .toggle {display: block;}
}

@media screen and (min-width: 1231px) {
    .toggle {}
}

@media print {
    .toggle {}
}

/* -------------------------------------------------- */

/* experimental */

/* -------------------------------------------------- */

body {-webkit-text-size-adjust: 100%;}

.b1a1 {
    -moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
}

.b1b1 {
    -moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
}

.b5 img {
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.b6 img {
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

button.btn1 {-ms-touch-action: manipulation;}

button.btn2 {-ms-touch-action: manipulation;}

button.btn3 {-ms-touch-action: manipulation;}

.h5a1 {
    -moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
}

.h5a3 {
    -moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
}

.i2a2 input[type="number"] {-moz-appearance: textfield;}

.i2a2 input[type="number"]::-webkit-inner-spin-button,
.i2a2 input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"]::-ms-clear {
    display: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {display: none;}

textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* -------------------------------------------------- */
