/*.font24 {*/
/*    font-size: 1.5em*/
/*}*/

/*.font22 {*/
/*    font-size: 1.375em*/
/*}*/

/*.font20 {*/
/*    font-size: 1.25em*/
/*}*/

/*.font18 {*/
/*    font-size: 1.125em*/
/*}*/

/*.font16 {*/
/*    font-size: 1em*/
/*}*/

/*.font14 {*/
/*    font-size: .875em*/
/*}*/

/*.font12 {*/
/*    font-size: .75em*/
/*}*/

/*.font10 {*/
/*    font-size: .625em*/
/*}*/

/*.c-black {*/
/*    color: #000*/
/*}*/

/*.c-red {*/
/*    color: #b00*/
/*}*/

/*.c-white {*/
/*    color: #fff*/
/*}*/

/*.c-primary-color {*/
/*    color: #166DCC*/
/*}*/

/*.c-secondary-color {*/
/*    color: #2E496E*/
/*}*/

/*.bg-black {*/
/*    background-color: #000*/
/*}*/

/*.bg-red {*/
/*    background-color: #b00*/
/*}*/

/*.bg-white {*/
/*    background-color: #fff*/
/*}*/

/*.bg-primary-color {*/
/*    background-color: #166DCC*/
/*}*/

/*.bg-secondary-color {*/
/*    background-color: #2E496E*/
/*}*/

/*.gray5 {*/
/*    color: #f2f2f2*/
/*}*/

/*.gray10 {*/
/*    color: #e5e5e5*/
/*}*/

/*.gray15 {*/
/*    color: #d9d9d9*/
/*}*/

/*.gray20 {*/
/*    color: #ccc*/
/*}*/

/*.gray25 {*/
/*    color: #bfbfbf*/
/*}*/

/*.gray30 {*/
/*    color: #b2b2b2*/
/*}*/

/*.gray35 {*/
/*    color: #a6a6a6*/
/*}*/

/*.gray40 {*/
/*    color: #999*/
/*}*/

/*.gray45 {*/
/*    color: #8c8c8c*/
/*}*/

/*.gray50 {*/
/*    color: gray*/
/*}*/

/*.gray55 {*/
/*    color: #737373*/
/*}*/

/*.gray60 {*/
/*    color: #666*/
/*}*/

/*.gray65 {*/
/*    color: #595959*/
/*}*/

/*.gray70 {*/
/*    color: #4d4d4d*/
/*}*/

/*.gray75 {*/
/*    color: #404040*/
/*}*/

/*.gray80 {*/
/*    color: #333*/
/*}*/

/*.gray85 {*/
/*    color: #262626*/
/*}*/

/*.gray90 {*/
/*    color: #1a1a1a*/
/*}*/

/*.bg-gray5 {*/
/*    background-color: #f2f2f2*/
/*}*/

/*.bg-gray10 {*/
/*    background-color: #e5e5e5*/
/*}*/

/*.bg-gray15 {*/
/*    background-color: #d9d9d9*/
/*}*/

/*.bg-gray20 {*/
/*    background-color: #ccc*/
/*}*/

/*.bg-gray25 {*/
/*    background-color: #bfbfbf*/
/*}*/

/*.bg-gray30 {*/
/*    background-color: #b2b2b2*/
/*}*/

/*.bg-gray35 {*/
/*    background-color: #a6a6a6*/
/*}*/

/*.bg-gray40 {*/
/*    background-color: #999*/
/*}*/

/*.bg-gray45 {*/
/*    background-color: #8c8c8c*/
/*}*/

/*.bg-gray50 {*/
/*    background-color: gray*/
/*}*/

/*.bg-gray55 {*/
/*    background-color: #737373*/
/*}*/

/*.bg-gray60 {*/
/*    background-color: #666*/
/*}*/

/*.bg-gray65 {*/
/*    background-color: #595959*/
/*}*/

/*.bg-gray70 {*/
/*    background-color: #4d4d4d*/
/*}*/

/*.bg-gray75 {*/
/*    background-color: #404040*/
/*}*/

/*.bg-gray80 {*/
/*    background-color: #333*/
/*}*/

/*.bg-gray85 {*/
/*    background-color: #262626*/
/*}*/

/*.bg-gray90 {*/
/*    background-color: #1a1a1a*/
/*}*/

/*!*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css *!*/
/*html {*/
/*    font-family: sans-serif;*/
/*    line-height: 1.15;*/
/*    -ms-text-size-adjust: 100%;*/
/*    -webkit-text-size-adjust: 100%*/
/*}*/

/*body {*/
/*    margin: 0*/
/*}*/

/*article, aside, footer, header, nav, section {*/
/*    display: block*/
/*}*/

/*h1 {*/
/*    font-size: 2em;*/
/*    margin: 0.67em 0*/
/*}*/

/*figcaption, figure, main {*/
/*    display: block*/
/*}*/

/*figure {*/
/*    margin: 1em 40px*/
/*}*/

/*hr {*/
/*    box-sizing: content-box;*/
/*    height: 0;*/
/*    overflow: visible*/
/*}*/

/*pre {*/
/*    font-family: monospace, monospace;*/
/*    font-size: 1em*/
/*}*/

/*a {*/
/*    background-color: transparent;*/
/*    -webkit-text-decoration-skip: objects*/
/*}*/

/*a:active, a:hover {*/
/*    outline-width: 0*/
/*}*/

/*abbr[title] {*/
/*    border-bottom: none;*/
/*    text-decoration: underline;*/
/*    text-decoration: underline dotted*/
/*}*/

/*b, strong {*/
/*    font-weight: inherit*/
/*}*/

/*b, strong {*/
/*    font-weight: bolder*/
/*}*/

/*code, kbd, samp {*/
/*    font-family: monospace, monospace;*/
/*    font-size: 1em*/
/*}*/

/*dfn {*/
/*    font-style: italic*/
/*}*/

/*mark {*/
/*    background-color: #ff0;*/
/*    color: #000*/
/*}*/

/*small {*/
/*    font-size: 80%*/
/*}*/

/*sub, sup {*/
/*    font-size: 75%;*/
/*    line-height: 0;*/
/*    position: relative;*/
/*    vertical-align: baseline*/
/*}*/

/*sub {*/
/*    bottom: -0.25em*/
/*}*/

/*sup {*/
/*    top: -0.5em*/
/*}*/

/*audio, video {*/
/*    display: inline-block*/
/*}*/

/*audio:not([controls]) {*/
/*    display: none;*/
/*    height: 0*/
/*}*/

/*img {*/
/*    border-style: none*/
/*}*/

/*svg:not(:root) {*/
/*    overflow: hidden*/
/*}*/

/*button, input, optgroup, select, textarea {*/
/*    font-family: sans-serif;*/
/*    font-size: 100%;*/
/*    line-height: 1.15;*/
/*    margin: 0*/
/*}*/

/*button, input {*/
/*    overflow: visible*/
/*}*/

/*button, select {*/
/*    text-transform: none*/
/*}*/

/*button, html [type="button"], [type="reset"], [type="submit"] {*/
/*    -webkit-appearance: button*/
/*}*/

/*button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {*/
/*    border-style: none;*/
/*    padding: 0*/
/*}*/

/*button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {*/
/*    outline: 1px dotted ButtonText*/
/*}*/

/*fieldset {*/
/*    border: 1px solid #c0c0c0;*/
/*    margin: 0 2px;*/
/*    padding: 0.35em 0.625em 0.75em*/
/*}*/

/*legend {*/
/*    box-sizing: border-box;*/
/*    color: inherit;*/
/*    display: table;*/
/*    max-width: 100%;*/
/*    padding: 0;*/
/*    white-space: normal*/
/*}*/

/*progress {*/
/*    display: inline-block;*/
/*    vertical-align: baseline*/
/*}*/

/*textarea {*/
/*    overflow: auto*/
/*}*/

/*[type="checkbox"], [type="radio"] {*/
/*    box-sizing: border-box;*/
/*    padding: 0*/
/*}*/

/*[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {*/
/*    height: auto*/
/*}*/

/*[type="search"] {*/
/*    -webkit-appearance: textfield;*/
/*    outline-offset: -2px*/
/*}*/

/*[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {*/
/*    -webkit-appearance: none*/
/*}*/

/*::-webkit-file-upload-button {*/
/*    -webkit-appearance: button;*/
/*    font: inherit*/
/*}*/

/*details, menu {*/
/*    display: block*/
/*}*/

/*summary {*/
/*    display: list-item*/
/*}*/

/*canvas {*/
/*    display: inline-block*/
/*}*/

/*template {*/
/*    display: none*/
/*}*/

/*[hidden] {*/
/*    display: none*/
/*}*/

/*code[class*="language-"], pre[class*="language-"] {*/
/*    color: black;*/
/*    background: none;*/
/*    text-shadow: 0 1px white;*/
/*    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;*/
/*    text-align: left;*/
/*    white-space: pre;*/
/*    word-spacing: normal;*/
/*    word-break: normal;*/
/*    word-wrap: normal;*/
/*    line-height: 1.5;*/
/*    -moz-tab-size: 4;*/
/*    -o-tab-size: 4;*/
/*    tab-size: 4;*/
/*    -webkit-hyphens: none;*/
/*    -moz-hyphens: none;*/
/*    -ms-hyphens: none;*/
/*    hyphens: none*/
/*}*/

/*pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {*/
/*    text-shadow: none;*/
/*    background: #b3d4fc*/
/*}*/

/*pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {*/
/*    text-shadow: none;*/
/*    background: #b3d4fc*/
/*}*/

/*@media print {*/
/*    code[class*="language-"], pre[class*="language-"] {*/
/*        text-shadow: none*/
/*    }*/
/*}*/

/*pre[class*="language-"] {*/
/*    padding: 1em;*/
/*    margin: .5em 0;*/
/*    overflow: auto*/
/*}*/

/*:not(pre) > code[class*="language-"], pre[class*="language-"] {*/
/*    background: #f5f2f0*/
/*}*/

/*:not(pre) > code[class*="language-"] {*/
/*    padding: .1em;*/
/*    border-radius: .3em;*/
/*    white-space: normal*/
/*}*/

/*.token.comment, .token.prolog, .token.doctype, .token.cdata {*/
/*    color: slategray*/
/*}*/

/*.token.punctuation {*/
/*    color: #999*/
/*}*/

/*.namespace {*/
/*    opacity: .7*/
/*}*/

/*.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {*/
/*    color: #905*/
/*}*/

/*.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {*/
/*    color: #690*/
/*}*/

/*.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {*/
/*    color: #a67f59;*/
/*    background: rgba(255, 255, 255, 0.5)*/
/*}*/

/*.token.atrule, .token.attr-value, .token.keyword {*/
/*    color: #07a*/
/*}*/

/*.token.function {*/
/*    color: #DD4A68*/
/*}*/

/*.token.regex, .token.important, .token.variable {*/
/*    color: #e90*/
/*}*/

/*.token.important, .token.bold {*/
/*    font-weight: bold*/
/*}*/

/*.token.italic {*/
/*    font-style: italic*/
/*}*/

/*.token.entity {*/
/*    cursor: help*/
/*}*/

/** {*/
/*    box-sizing: border-box*/
/*}*/

/*body {*/
/*    margin: 0;*/
/*    padding: 20px;*/
/*    color: #4d4d4d;*/
/*    background: #fff;*/
/*    font-family: helvetica, arial, sans-serif;*/
/*    font-size: 1em;*/
/*    line-height: 1.2*/
/*}*/

/*h1 {*/
/*    margin: 0 0 .5em;*/
/*    font-size: 1.8em*/
/*}*/

/*h2 {*/
/*    margin: 1em 0 .5em;*/
/*    font-size: 1.4em*/
/*}*/

/*h3 {*/
/*    margin: 1.5em 0 .3em;*/
/*    font-size: 1em;*/
/*    font-weight: bold*/
/*}*/

/*h4 {*/
/*    margin: 1.5em 0 .3em;*/
/*    font-size: .88888888em*/
/*}*/

/*h1, h2, h3, h4 {*/
/*    color: #2E496E*/
/*}*/

/*p {*/
/*    margin: 1em 0;*/
/*    line-height: 1.5*/
/*}*/

/*img {*/
/*    max-width: 100%;*/
/*    vertical-align: middle*/
/*}*/

/*a:link {*/
/*    color: #166DCC*/
/*}*/

/*a:visited {*/
/*    color: #1461b5*/
/*}*/

/*a:focus, a:hover {*/
/*    color: #11549e*/
/*}*/

/*a:active {*/
/*    color: #b00*/
/*}*/

/*hr {*/
/*    display: block;*/
/*    height: 5px;*/
/*    border: 0;*/
/*    margin: 2em 0;*/
/*    background: #f2f2f2*/
/*}*/

/*figure {*/
/*    margin: 1.5em 0;*/
/*    padding: 0*/
/*}*/

/*figcaption {*/
/*    font-size: .875em;*/
/*    color: #737373;*/
/*    display: block;*/
/*    margin: .4em 0*/
/*}*/

/*table {*/
/*    width: 100%;*/
/*    margin: 1em 0 2em;*/
/*    border-collapse: collapse*/
/*}*/

/*caption {*/
/*    padding: 0 0 .5em;*/
/*    font-weight: bold;*/
/*    text-align: left*/
/*}*/

/*th, td {*/
/*    border-bottom: 1px solid #ccc;*/
/*    padding: .5em 1em;*/
/*    text-align: left;*/
/*    vertical-align: top*/
/*}*/

/*th {*/
/*    border-top: 1px solid #ccc;*/
/*    border-bottom: 2px solid #ccc;*/
/*    font-weight: bold*/
/*}*/

/*ul, ol {*/
/*    padding-left: 1.5em*/
/*}*/

/*ul li, ol li {*/
/*    margin-bottom: .2em*/
/*}*/

/*dt {*/
/*    font-weight: bold*/
/*}*/

/*dd {*/
/*    margin: 0 0 .5em;*/
/*    padding-left: 1.5em*/
/*}*/

/*.container {*/
/*    max-width: 38em;*/
/*    margin: 0 auto*/
/*}*/

.hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    border: 0;
    margin: -1px;
    padding: 0
}

.markup-heading {
    color: #2E496E;
    font-size: 1em;
    font-weight: bold
}

.example {
    border: 1px solid #ccc;
    margin: 1em 0;
    padding: 1em
}

.input {
    margin-bottom: 1em
}

.input__content {
    display: block;
    margin: 0 0 .2em
}

.input__control {
    display: block;
    width: 100%;
    height: 2.2em;
    border: 1px solid #ccc;
    border-radius: .2em;
    padding: 0 .5em;
    color: gray;
    background-color: #fff;
    font-size: 1em;
    line-height: 2.2em
}

.button-primary {
    height: 2.2em;
    border: 1px solid #11549e;
    border-radius: .2em;
    padding: 0 1em;
    cursor: pointer;
    color: #fff;
    background: #166DCC;
    font-family: inherit;
    font-size: 1em;
    line-height: 2.2em
}

.button-primary:focus, .button-primary:hover {
    border: 1px solid #0c3c70;
    color: #fff;
    background: #11549e
}

.button-primary:active {
    border: 1px solid #800;
    color: #fff;
    background: #b00
}

.button-secondary {
    height: 2.2em;
    border: 1px solid #ccc;
    border-radius: .2em;
    padding: 0 1em;
    cursor: pointer;
    color: #166DCC;
    background: #fff;
    font-family: inherit;
    font-size: 1em;
    line-height: 2.2em
}

.button-secondary:focus, .button-secondary:hover {
    color: #11549e;
    background: #f2f2f2
}

.button-secondary:active {
    color: #b00;
    background: #e5e5e5
}

.language {
    width: 110px;
    height: 30px;
    font-size: 14px;
    line-height: 1;
    margin: 1em 0
}

.language__container--left, .language__container--right {
    position: relative;
    float: left;
    width: 55px;
    height: 30px;
    padding: 5px
}

.language__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 30px;
    border: 1px solid #ccc;
    padding: 7px 8px 5px 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 14px;
    text-align: right;
    text-transform: uppercase
}

.language__container--left .language__label {
    border-radius: 4px 0 0 4px
}

.language__container--right .language__label {
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.language__control:hover + .language__label, .language__control:focus + .language__label {
    background-color: #eee
}

.language__control:checked + .language__label {
    background-color: #ddd
}

.language__control:focus + .language__label, .language__control:checked:focus + .language__label {
    z-index: 2;
    outline: 2px solid #85bffd;
    box-shadow: 0 0 8px #85bffd
}

.language__container--az .language__label {
    background-image: url("./country/az.svg")
}

.language__container--en .language__label {
    background-image: url("./country/gb.svg")
}